@snapcall/design-system 1.20.0-beta.8 → 1.20.0

package/dist/components/CreatableSelect/index.d.mts

@@ -1,2 +1,32 @@
-export { CreatableSelect_alias_2 as CreatableSelect } from '../../_tsup-dts-rollup.mjs';
-export { CreatableSelectProps_alias_2 as CreatableSelectProps } from '../../_tsup-dts-rollup.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { C as CommandItemExtension } from '../index-Btj0VOSP.mjs';
+
+type StringKeys<T> = {
+    [K in keyof T]: T[K] extends string ? K : never;
+}[keyof T];
+interface CreatableSelectBaseProps<Multiple extends boolean> {
+    isLoading?: boolean;
+    multiple?: Multiple;
+    newLabel?: string;
+    nothingFoundLabel?: string;
+    placeholder?: string;
+    value: string[];
+    onValueChanged: (v: string[]) => void;
+    'data-has-error'?: string;
+}
+type WithItemsProps<T> = {
+    items: T[];
+    valueKey: StringKeys<T>;
+    getItemProps: (item: T) => CommandItemExtension & {
+        children: React__default.ReactNode;
+    };
+};
+type CreatableSelectProps<T, Multiple extends boolean> = (CreatableSelectBaseProps<Multiple> & WithItemsProps<T>) | (CreatableSelectBaseProps<Multiple> & {
+    items?: never;
+    valueKey?: never;
+    getItemProps?: never;
+});
+declare function CreatableSelect<T, Multiple extends boolean>({ isLoading, items, multiple, newLabel, nothingFoundLabel, placeholder, value, valueKey, onValueChanged, getItemProps, ...props }: CreatableSelectProps<T, Multiple>): react_jsx_runtime.JSX.Element;
+
+export { CreatableSelect, type CreatableSelectProps };

package/dist/components/CreatableSelect/index.d.ts

@@ -1,2 +1,32 @@
-export { CreatableSelect_alias_2 as CreatableSelect } from '../../_tsup-dts-rollup.js';
-export { CreatableSelectProps_alias_2 as CreatableSelectProps } from '../../_tsup-dts-rollup.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { C as CommandItemExtension } from '../index-Btj0VOSP.js';
+
+type StringKeys<T> = {
+    [K in keyof T]: T[K] extends string ? K : never;
+}[keyof T];
+interface CreatableSelectBaseProps<Multiple extends boolean> {
+    isLoading?: boolean;
+    multiple?: Multiple;
+    newLabel?: string;
+    nothingFoundLabel?: string;
+    placeholder?: string;
+    value: string[];
+    onValueChanged: (v: string[]) => void;
+    'data-has-error'?: string;
+}
+type WithItemsProps<T> = {
+    items: T[];
+    valueKey: StringKeys<T>;
+    getItemProps: (item: T) => CommandItemExtension & {
+        children: React__default.ReactNode;
+    };
+};
+type CreatableSelectProps<T, Multiple extends boolean> = (CreatableSelectBaseProps<Multiple> & WithItemsProps<T>) | (CreatableSelectBaseProps<Multiple> & {
+    items?: never;
+    valueKey?: never;
+    getItemProps?: never;
+});
+declare function CreatableSelect<T, Multiple extends boolean>({ isLoading, items, multiple, newLabel, nothingFoundLabel, placeholder, value, valueKey, onValueChanged, getItemProps, ...props }: CreatableSelectProps<T, Multiple>): react_jsx_runtime.JSX.Element;
+
+export { CreatableSelect, type CreatableSelectProps };

package/dist/components/CreatableSelect/index.js

@@ -67,11 +67,11 @@ module.exports = __toCommonJS(CreatableSelect_exports);
 var import_react7 = require("react");
 var import_cmdk2 = require("cmdk");
 
-// src/icons/check.tsx
+// src/icons/xClose.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var CheckIcon = (0, import_react.forwardRef)(
-  function CheckIcon2(_a, ref) {
+var XCloseIcon = (0, import_react.forwardRef)(
+  function XCloseIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -85,119 +85,6 @@ var CheckIcon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M20 6L9 17L4 12",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      })
-    );
-  }
-);
-
-// src/icons/searchMd.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SearchMdIcon = (0, import_react2.forwardRef)(
-  function SearchMdIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "path",
-            {
-              opacity: "0.12",
-              d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "path",
-            {
-              d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-
-// src/icons/spinner.tsx
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SpinnerIcon = (0, import_react3.forwardRef)(
-  function SpinnerIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "animate-spin text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 25 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "path",
-            {
-              opacity: "0.12",
-              d: "M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM3.668 12C3.668 16.8778 7.62222 20.832 12.5 20.832C17.3778 20.832 21.332 16.8778 21.332 12C21.332 7.12222 17.3778 3.168 12.5 3.168C7.62222 3.168 3.668 7.12222 3.668 12Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "path",
-            {
-              d: "M22.916 12C23.7908 12 24.5108 12.7122 24.3956 13.5794C24.1641 15.323 23.5512 17.0011 22.5928 18.4912C21.3476 20.4272 19.5719 21.9643 17.4774 22.919C15.3829 23.8738 13.058 24.206 10.7799 23.8761C8.50179 23.5461 6.36667 22.5679 4.62912 21.0581C2.89158 19.5483 1.62494 17.5706 0.98025 15.3609C0.335563 13.1511 0.340035 10.8026 0.993131 8.5953C1.64623 6.38803 2.92039 4.41517 4.66367 2.91199C6.00545 1.75501 7.58156 0.913857 9.27571 0.441275C10.1184 0.206218 10.9241 0.819698 11.0462 1.68595C11.1683 2.55221 10.5575 3.33995 9.72694 3.61463C8.63201 3.97673 7.61359 4.55146 6.73246 5.31122C5.44941 6.41757 4.51162 7.86959 4.03094 9.49414C3.55027 11.1187 3.54697 12.8472 4.02146 14.4736C4.49595 16.1 5.4282 17.5555 6.70703 18.6668C7.98587 19.778 9.55732 20.4979 11.234 20.7408C12.9107 20.9836 14.6218 20.7391 16.1634 20.0364C17.7049 19.3337 19.0119 18.2024 19.9283 16.7775C20.5576 15.799 20.9846 14.7103 21.1903 13.5755C21.3464 12.7148 22.0412 12 22.916 12Z",
-              fill: "currentColor"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-
-// src/icons/xClose.tsx
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var XCloseIcon = (0, import_react4.forwardRef)(
-  function XCloseIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "path",
           {
             d: "M18 6L6 18M6 6L18 18",
@@ -223,10 +110,10 @@ function cn(...inputs) {
 var import_cva = require("cva");
 
 // src/utils/getLabelFromChildren.ts
-var import_react5 = __toESM(require("react"));
+var import_react2 = __toESM(require("react"));
 var getLabelFromChildren = (children) => {
   let label = "";
-  import_react5.default.Children.map(children, (child) => {
+  import_react2.default.Children.map(children, (child) => {
     if (typeof child === "string") {
       label += child;
     }
@@ -248,7 +135,7 @@ var randomPickFromArray = ({
 };
 
 // src/components/Badge/Badge.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var colors = {
   gray: "text-gray-900",
   green: "text-green-700",
@@ -348,7 +235,11 @@ var badgeVariants = (0, import_cva.cva)({
       color: "yellow",
       className: "text-white bg-amber-700"
     },
-    { variant: "fill", color: "blue", className: "text-white bg-blue-700" },
+    {
+      variant: "fill",
+      color: "blue",
+      className: "text-white dark:text-black bg-blue-700"
+    },
     {
       variant: "fill",
       color: "crimson",
@@ -381,7 +272,7 @@ function Badge(_a) {
       array: colorsArray
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     __spreadValues({
       className: cn(badgeVariants({ variant, color }), className)
@@ -394,25 +285,107 @@ var React4 = __toESM(require("react"));
 var import_react6 = require("react");
 var import_cmdk = require("cmdk");
 
+// src/icons/searchMd.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SearchMdIcon = (0, import_react3.forwardRef)(
+  function SearchMdIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/spinner.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SpinnerIcon = (0, import_react4.forwardRef)(
+  function SpinnerIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "animate-spin text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 25 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM3.668 12C3.668 16.8778 7.62222 20.832 12.5 20.832C17.3778 20.832 21.332 16.8778 21.332 12C21.332 7.12222 17.3778 3.168 12.5 3.168C7.62222 3.168 3.668 7.12222 3.668 12Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "path",
+            {
+              d: "M22.916 12C23.7908 12 24.5108 12.7122 24.3956 13.5794C24.1641 15.323 23.5512 17.0011 22.5928 18.4912C21.3476 20.4272 19.5719 21.9643 17.4774 22.919C15.3829 23.8738 13.058 24.206 10.7799 23.8761C8.50179 23.5461 6.36667 22.5679 4.62912 21.0581C2.89158 19.5483 1.62494 17.5706 0.98025 15.3609C0.335563 13.1511 0.340035 10.8026 0.993131 8.5953C1.64623 6.38803 2.92039 4.41517 4.66367 2.91199C6.00545 1.75501 7.58156 0.913857 9.27571 0.441275C10.1184 0.206218 10.9241 0.819698 11.0462 1.68595C11.1683 2.55221 10.5575 3.33995 9.72694 3.61463C8.63201 3.97673 7.61359 4.55146 6.73246 5.31122C5.44941 6.41757 4.51162 7.86959 4.03094 9.49414C3.55027 11.1187 3.54697 12.8472 4.02146 14.4736C4.49595 16.1 5.4282 17.5555 6.70703 18.6668C7.98587 19.778 9.55732 20.4979 11.234 20.7408C12.9107 20.9836 14.6218 20.7391 16.1634 20.0364C17.7049 19.3337 19.0119 18.2024 19.9283 16.7775C20.5576 15.799 20.9846 14.7103 21.1903 13.5755C21.3464 12.7148 22.0412 12 22.916 12Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
 // src/components/Button/Button.tsx
 var React2 = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 var import_cva2 = require("cva");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva2.cva)({
   base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-none focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
-      primary: "bg-blue-700 text-white hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
-      secondary: "bg-gray-50 text-gray-1000 hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-gray-1000",
-      tertiary: "bg-gray-50 text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
-      outline: "bg-white ring-1 ring-offset-0 ring-gray-200 text-gray-1000 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-gray-1000",
-      outlineBlue: "bg-transparent ring-1 ring-inset ring-offset-0 ring-blue-700 text-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
-      outlineWhite: "bg-transparent ring-1 ring-inset ring-offset-0 ring-white text-white hover:bg-blue-50 hover:text-blue-700 active:bg-blue-200 active:text-blue-700 focus-visible:ring-blue-700",
-      destructive: "bg-red-700 text-white hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
-      ghostBlue: "bg-transparent text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
-      ghostRed: "bg-transparent text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
-      ghostGray: "bg-transparent text-gray-1000 hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-gray-1000"
+      primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
+      secondary: "bg-gray-50 text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-black",
+      tertiary: "bg-gray-50 text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+      outline: "bg-white text-black [&>svg]:text-black ring-1 ring-offset-0 ring-gray-200 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-black",
+      outlineBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 ring-1 ring-inset ring-offset-0 ring-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
+      destructive: "bg-red-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
+      ghostBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+      ghostRed: "bg-transparent text-red-700 [&>svg]:text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
+      ghostGray: "bg-transparent text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-black",
+      roundedFill: "rounded-2xl text-black [&>svg]:text-black bg-gray-200 active:bg-gray-300 border-2 border-gray-400 hover:border-gray-600",
+      roundedGlass: "rounded-2xl text-black [&>svg]:text-black bg-gray-100/50 hover:bg-gray-100/75 active:bg-gray-100 backdrop-blur-[20px]"
     }
   },
   defaultVariants: {
@@ -475,7 +448,7 @@ var Button = React2.forwardRef(
     var _a2;
     const Comp = asChild ? import_react_slot.Slot : "button";
     const sizesStyle = icon ? iconButtonSizes : buttonSizes;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Comp,
       __spreadProps(__spreadValues({
         className: cn(
@@ -486,15 +459,15 @@ var Button = React2.forwardRef(
         disabled: (_a2 = props.disabled) != null ? _a2 : isLoading,
         type
       }, props), {
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             SpinnerIcon,
             {
               size: iconSizes[size || "md"],
               className: "absolute text-inherit animate-spin"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex gap-[inherit] invisible", children })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex gap-[inherit] invisible", children })
         ] }) : children
       })
     );
@@ -505,6 +478,40 @@ Button.displayName = "Button";
 // src/components/Checkbox/Checkbox.tsx
 var React3 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+
+// src/icons/check.tsx
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CheckIcon = (0, import_react5.forwardRef)(
+  function CheckIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "path",
+          {
+            d: "M20 6L9 17L4 12",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/components/Checkbox/Checkbox.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var Checkbox = React3.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -517,7 +524,7 @@ var Checkbox = React3.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckboxPrimitive.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 10, className: "text-white" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckboxPrimitive.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 10, className: "text-white dark:text-black" }) })
     })
   );
 });
@@ -559,7 +566,7 @@ var CommandInput = React4.forwardRef((_a, ref) => {
             ref,
             value: val,
             className: cn(
-              "flex w-full py-2 rounded-md bg-transparent text-sm font-normal text-gray-1000 outline-none placeholder:text-gray-900 disabled:cursor-not-allowed disabled:opacity-50",
+              "flex w-full py-2 rounded-md bg-transparent text-sm font-normal text-black outline-none placeholder:text-gray-900 disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
             onValueChange: (val2) => {
@@ -607,7 +614,7 @@ var CommandEmpty = React4.forwardRef((_a, ref) => {
     }, props), {
       children: [
         (title || description) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm font-medium text-gray-1000", children: title }),
+          title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm font-medium text-black", children: title }),
           description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm font-normal text-gray-700", children: description })
         ] }),
         children && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children })
@@ -628,7 +635,7 @@ var CommandGroup = React4.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        "overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-black",
         className
       )
     }, props)
@@ -654,7 +661,7 @@ var CommandItem = React4.forwardRef(
       __spreadProps(__spreadValues({
         ref,
         className: cn(
-          "px-2 py-1.5 text-sm flex flex-col gap-1 text-gray-1000 rounded-md cursor-pointer focus-within:bg-gray-100 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 hover:bg-gray-50 active:bg-gray-100 data-[state=checked]:bg-gray-50 data-[selected=true]:bg-gray-50",
+          "px-2 py-1.5 text-sm flex flex-col gap-1 text-black rounded-md cursor-pointer focus-within:bg-gray-100 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 hover:bg-gray-50 active:bg-gray-100 data-[state=checked]:bg-gray-50 data-[selected=true]:bg-gray-50",
           className
         )
       }, props), {
@@ -756,7 +763,7 @@ function CreatableSelect(_a) {
                 "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap w-full gap-1", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap w-full gap-1 text-black", children: [
               multiple && value.map((it) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Badge, { color: "blue", children: [
                 it,
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -798,14 +805,14 @@ function CreatableSelect(_a) {
                     }
                   },
                   placeholder: multiple || value.length === 0 ? placeholder : "",
-                  className: "flex-grow text-sm bg-transparent outline-none text-gray-1000 placeholder:text-gray-700"
+                  className: "flex-grow text-sm bg-transparent outline-none text-black placeholder:text-gray-700"
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommandList, {})
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "relative", children: open && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute z-50 w-full bg-white border rounded-md shadow-md outline-none top-2 text-gray-1000 animate-in", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommandLoading, {}) : selectables && selectables.length < 1 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "flex flex-col gap-4 p-4 text-center text-gray-700", children: nothingFoundLabel }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CommandList, { className: "h-full max-h-[180px] overflow-auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "relative", children: open && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute z-50 w-full bg-white border rounded-md shadow-md outline-none top-2 text-black animate-in", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommandLoading, {}) : selectables && selectables.length < 1 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "flex flex-col gap-4 p-4 text-center text-gray-700", children: nothingFoundLabel }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CommandList, { className: "h-full max-h-[180px] overflow-auto", children: [
           items && (selectables == null ? void 0 : selectables.map((it) => {
             const itemProps = getItemProps(it);
             return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(

package/dist/components/CreatableSelect/index.mjs

@@ -1,18 +1,18 @@
-import {
-  Badge
-} from "../../chunk-WONCTSHB.mjs";
 import {
   Command,
   CommandItem,
   CommandList,
   CommandLoading
-} from "../../chunk-6K65KHH3.mjs";
-import "../../chunk-BDGP7V4I.mjs";
-import "../../chunk-5LQUAZYA.mjs";
+} from "../../chunk-WST7J5RJ.mjs";
 import {
   XCloseIcon
-} from "../../chunk-REC5TG6U.mjs";
-import "../../chunk-VOEUAKL5.mjs";
+} from "../../chunk-FMJFBQTF.mjs";
+import {
+  Badge
+} from "../../chunk-YC4ZDBIC.mjs";
+import "../../chunk-O46NQFTB.mjs";
+import "../../chunk-ZMQWNJ3B.mjs";
+import "../../chunk-AFJWE6PJ.mjs";
 import {
   __objRest,
   __spreadValues,
@@ -102,7 +102,7 @@ function CreatableSelect(_a) {
                 "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
               }
             ),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap w-full gap-1", children: [
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap w-full gap-1 text-black", children: [
               multiple && value.map((it) => /* @__PURE__ */ jsxs(Badge, { color: "blue", children: [
                 it,
                 /* @__PURE__ */ jsx(
@@ -144,14 +144,14 @@ function CreatableSelect(_a) {
                     }
                   },
                   placeholder: multiple || value.length === 0 ? placeholder : "",
-                  className: "flex-grow text-sm bg-transparent outline-none text-gray-1000 placeholder:text-gray-700"
+                  className: "flex-grow text-sm bg-transparent outline-none text-black placeholder:text-gray-700"
                 }
               ),
               /* @__PURE__ */ jsx(CommandList, {})
             ] })
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "relative", children: open && /* @__PURE__ */ jsx("div", { className: "absolute z-50 w-full bg-white border rounded-md shadow-md outline-none top-2 text-gray-1000 animate-in", children: isLoading ? /* @__PURE__ */ jsx(CommandLoading, {}) : selectables && selectables.length < 1 ? /* @__PURE__ */ jsx("span", { className: "flex flex-col gap-4 p-4 text-center text-gray-700", children: nothingFoundLabel }) : /* @__PURE__ */ jsxs(CommandList, { className: "h-full max-h-[180px] overflow-auto", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative", children: open && /* @__PURE__ */ jsx("div", { className: "absolute z-50 w-full bg-white border rounded-md shadow-md outline-none top-2 text-black animate-in", children: isLoading ? /* @__PURE__ */ jsx(CommandLoading, {}) : selectables && selectables.length < 1 ? /* @__PURE__ */ jsx("span", { className: "flex flex-col gap-4 p-4 text-center text-gray-700", children: nothingFoundLabel }) : /* @__PURE__ */ jsxs(CommandList, { className: "h-full max-h-[180px] overflow-auto", children: [
           items && (selectables == null ? void 0 : selectables.map((it) => {
             const itemProps = getItemProps(it);
             return /* @__PURE__ */ jsx(

package/dist/components/Dialog/index.d.mts

@@ -1,7 +1,22 @@
-export { Dialog_alias_2 as Dialog } from '../../_tsup-dts-rollup.mjs';
-export { DialogTrigger_alias_2 as DialogTrigger } from '../../_tsup-dts-rollup.mjs';
-export { DialogContent_alias_2 as DialogContent } from '../../_tsup-dts-rollup.mjs';
-export { DialogHeader_alias_2 as DialogHeader } from '../../_tsup-dts-rollup.mjs';
-export { DialogFooter_alias_2 as DialogFooter } from '../../_tsup-dts-rollup.mjs';
-export { DialogTitle_alias_2 as DialogTitle } from '../../_tsup-dts-rollup.mjs';
-export { DialogDescription_alias_2 as DialogDescription } from '../../_tsup-dts-rollup.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+
+declare const Dialog: React.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    bottomSheet?: boolean | undefined;
+    showClose?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/components/Dialog/index.d.ts

@@ -1,7 +1,22 @@
-export { Dialog_alias_2 as Dialog } from '../../_tsup-dts-rollup.js';
-export { DialogTrigger_alias_2 as DialogTrigger } from '../../_tsup-dts-rollup.js';
-export { DialogContent_alias_2 as DialogContent } from '../../_tsup-dts-rollup.js';
-export { DialogHeader_alias_2 as DialogHeader } from '../../_tsup-dts-rollup.js';
-export { DialogFooter_alias_2 as DialogFooter } from '../../_tsup-dts-rollup.js';
-export { DialogTitle_alias_2 as DialogTitle } from '../../_tsup-dts-rollup.js';
-export { DialogDescription_alias_2 as DialogDescription } from '../../_tsup-dts-rollup.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+
+declare const Dialog: React.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    bottomSheet?: boolean | undefined;
+    showClose?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };