'use strict';

var tailwindMerge = require('tailwind-merge');
require('lodash-es');
var react = require('@tw-classed/react');
var core = require('@tw-classed/core');
require('clsx');
var createVariatGroupTransfomer = require('tailwind-group-variant');
var jsxRuntime = require('react/jsx-runtime');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var createVariatGroupTransfomer__default = /*#__PURE__*/_interopDefault(createVariatGroupTransfomer);

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 = tailwindMerge.extendTailwindMerge({
  classGroups: {
    "font-size": [
      {
        // Fixes incorect merging of text size
        text: ["h1", "h2", "h3", "h4", "h5", "h6"]
      }
    ]
  }
});
var { classed } = react.createClassed({ merger: twMerge });
core.createClassed({ merger: twMerge });
createVariatGroupTransfomer__default.default({});
var SimpleListContainerElement = classed("div", "list-inside space-y-4", {
  variants: {
    variant: {
      bullets: "list-disc",
      numbers: "list-decimal"
    }
  }
});
var SimpleListContainer = react.deriveClassed(({ variant, ...props }) => {
  function getAsElement() {
    if (variant === "numbers")
      return "ol";
    if (variant === "bullets")
      return "ul";
    return "ul";
  }
  const as = getAsElement();
  return /* @__PURE__ */ jsxRuntime.jsx(SimpleListContainerElement, { as, variant, ...props });
});
var SimpleListItem = classed("li");
var Root = SimpleListContainer;
var Item = SimpleListItem;

exports.SimpleList = SimpleList_exports;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.cjs.map