import { extendTailwindMerge } from 'tailwind-merge';
import 'lodash-es';
import { createClassed, deriveClassed } from '@tw-classed/react';
import { createClassed as createClassed$1 } from '@tw-classed/core';
import 'clsx';
import createVariatGroupTransfomer from 'tailwind-group-variant';
import { jsx } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};

// src/components/SimpleList/SimpleList.tsx
var SimpleList_exports = {};
__export(SimpleList_exports, {
  Item: () => Item,
  Root: () => Root
});
var twMerge = extendTailwindMerge({
  classGroups: {
    "font-size": [
      {
        // Fixes incorect merging of text size
        text: ["h1", "h2", "h3", "h4", "h5", "h6"]
      }
    ]
  }
});
var { classed } = createClassed({ merger: twMerge });
createClassed$1({ merger: twMerge });
createVariatGroupTransfomer({});
var SimpleListContainerElement = classed("div", "list-inside space-y-4", {
  variants: {
    variant: {
      bullets: "list-disc",
      numbers: "list-decimal"
    }
  }
});
var SimpleListContainer = deriveClassed(({ variant, ...props }) => {
  function getAsElement() {
    if (variant === "numbers")
      return "ol";
    if (variant === "bullets")
      return "ul";
    return "ul";
  }
  const as = getAsElement();
  return /* @__PURE__ */ jsx(SimpleListContainerElement, { as, variant, ...props });
});
var SimpleListItem = classed("li");
var Root = SimpleListContainer;
var Item = SimpleListItem;

export { SimpleList_exports as SimpleList };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map