@deepnoid/ui 0.0.106 → 0.0.107

package/dist/chunk-LXPWTJ3F.mjs

@@ -0,0 +1,58 @@
+"use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-J725QONZ.mjs";
+
+// src/components/dropdown/dropdown.tsx
+import React, { forwardRef, useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Dropdown = forwardRef((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, dropdown.variantKeys);
+  const { children, classNames } = props;
+  const slots = useMemo(() => dropdown({ ...variantProps }), [...Object.values(variantProps)]);
+  const getBaseProps = useCallback(() => {
+    return {
+      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
+    };
+  }, [slots, classNames == null ? void 0 : classNames.base]);
+  return /* @__PURE__ */ jsx("div", { ref, ...getBaseProps(), children: React.Children.map(children, (child, index) => {
+    return React.cloneElement(child, {
+      ...variantProps,
+      ...child.props
+    });
+  }) });
+});
+Dropdown.displayName = "Dropdown";
+var dropdown_default = Dropdown;
+var dropdown = tv({
+  slots: {
+    base: ["flex", "flex-col"]
+  },
+  variants: {
+    variant: {
+      solid: {},
+      line: {}
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    },
+    color: {
+      primary: {},
+      secondary: {}
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "primary",
+    size: "md"
+  }
+});
+
+export {
+  dropdown_default
+};