ics-ui-kit 0.1.0-alpha.9 → 0.1.0

package/dist/components/collapsible/Collapsible.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/collapsible/Collapsible.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Collapsible } from './Collapsible';
+declare const meta: Meta<typeof Collapsible>;
+export default meta;
+type Story = StoryObj<typeof Collapsible>;
+export declare const Default: Story;

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

@@ -0,0 +1 @@
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';

package/dist/components/collapsible.d.ts

@@ -0,0 +1,2 @@
+export * from './collapsible/index'
+export {}

package/dist/components/collapsible.js

@@ -0,0 +1,133 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as o from "react";
+import T from "react";
+import { P as v, c as S } from "../index-CFaU3UXv.js";
+import { c as D } from "../index-DFZozV_h.js";
+import { u as M } from "../index-437EL2iq.js";
+import { u as $ } from "../index-CCKe-Mpx.js";
+import { u as L } from "../index-DLcqcWxM.js";
+import { P as k } from "../index-BpWB3aFK.js";
+import { u as F } from "../index-xqkGMOJ8.js";
+import { c as B } from "../cn-dsXlqdJg.js";
+var u = "Collapsible", [G, te] = D(u), [j, g] = G(u), E = o.forwardRef(
+  (e, s) => {
+    const {
+      __scopeCollapsible: r,
+      open: n,
+      defaultOpen: t,
+      disabled: c,
+      onOpenChange: i,
+      ...m
+    } = e, [d, p] = M({
+      prop: n,
+      defaultProp: t ?? !1,
+      onChange: i,
+      caller: u
+    });
+    return /* @__PURE__ */ l(
+      j,
+      {
+        scope: r,
+        disabled: c,
+        contentId: F(),
+        open: d,
+        onOpenToggle: o.useCallback(() => p((C) => !C), [p]),
+        children: /* @__PURE__ */ l(
+          v.div,
+          {
+            "data-state": h(d),
+            "data-disabled": c ? "" : void 0,
+            ...m,
+            ref: s
+          }
+        )
+      }
+    );
+  }
+);
+E.displayName = u;
+var A = "CollapsibleTrigger", I = o.forwardRef(
+  (e, s) => {
+    const { __scopeCollapsible: r, ...n } = e, t = g(A, r);
+    return /* @__PURE__ */ l(
+      v.button,
+      {
+        type: "button",
+        "aria-controls": t.contentId,
+        "aria-expanded": t.open || !1,
+        "data-state": h(t.open),
+        "data-disabled": t.disabled ? "" : void 0,
+        disabled: t.disabled,
+        ...n,
+        ref: s,
+        onClick: S(e.onClick, t.onOpenToggle)
+      }
+    );
+  }
+);
+I.displayName = A;
+var R = "CollapsibleContent", O = o.forwardRef(
+  (e, s) => {
+    const { forceMount: r, ...n } = e, t = g(R, e.__scopeCollapsible);
+    return /* @__PURE__ */ l(k, { present: r || t.open, children: ({ present: c }) => /* @__PURE__ */ l(q, { ...n, ref: s, present: c }) });
+  }
+);
+O.displayName = R;
+var q = o.forwardRef((e, s) => {
+  const { __scopeCollapsible: r, present: n, children: t, ...c } = e, i = g(R, r), [m, d] = o.useState(n), p = o.useRef(null), C = L(s, p), y = o.useRef(0), N = y.current, P = o.useRef(0), x = P.current, b = i.open || m, _ = o.useRef(b), f = o.useRef(void 0);
+  return o.useEffect(() => {
+    const a = requestAnimationFrame(() => _.current = !1);
+    return () => cancelAnimationFrame(a);
+  }, []), $(() => {
+    const a = p.current;
+    if (a) {
+      f.current = f.current || {
+        transitionDuration: a.style.transitionDuration,
+        animationName: a.style.animationName
+      }, a.style.transitionDuration = "0s", a.style.animationName = "none";
+      const w = a.getBoundingClientRect();
+      y.current = w.height, P.current = w.width, _.current || (a.style.transitionDuration = f.current.transitionDuration, a.style.animationName = f.current.animationName), d(n);
+    }
+  }, [i.open, n]), /* @__PURE__ */ l(
+    v.div,
+    {
+      "data-state": h(i.open),
+      "data-disabled": i.disabled ? "" : void 0,
+      id: i.contentId,
+      hidden: !b,
+      ...c,
+      ref: C,
+      style: {
+        "--radix-collapsible-content-height": N ? `${N}px` : void 0,
+        "--radix-collapsible-content-width": x ? `${x}px` : void 0,
+        ...e.style
+      },
+      children: b && t
+    }
+  );
+});
+function h(e) {
+  return e ? "open" : "closed";
+}
+var H = E;
+const oe = H, ne = I, z = T.forwardRef(({ className: e, children: s, ...r }, n) => /* @__PURE__ */ l(
+  O,
+  {
+    ref: n,
+    className: B(
+      "overflow-hidden transition-all",
+      "motion-safe:data-[state=closed]:animate-collapsible-up",
+      "motion-safe:data-[state=open]:animate-collapsible-down",
+      e
+    ),
+    ...r,
+    children: s
+  }
+));
+z.displayName = "CollapsibleContent";
+export {
+  oe as Collapsible,
+  z as CollapsibleContent,
+  ne as CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sources":["../../node_modules/.pnpm/@radix-ui+react-collapsible_065d26f007f63c2ce83df872b933601f/node_modules/@radix-ui/react-collapsible/dist/index.mjs","../../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\n// src/collapsible.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar COLLAPSIBLE_NAME = \"Collapsible\";\nvar [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);\nvar [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);\nvar Collapsible = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCollapsible,\n      open: openProp,\n      defaultOpen,\n      disabled,\n      onOpenChange,\n      ...collapsibleProps\n    } = props;\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen ?? false,\n      onChange: onOpenChange,\n      caller: COLLAPSIBLE_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      CollapsibleProvider,\n      {\n        scope: __scopeCollapsible,\n        disabled,\n        contentId: useId(),\n        open,\n        onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            \"data-state\": getState(open),\n            \"data-disabled\": disabled ? \"\" : void 0,\n            ...collapsibleProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nCollapsible.displayName = COLLAPSIBLE_NAME;\nvar TRIGGER_NAME = \"CollapsibleTrigger\";\nvar CollapsibleTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCollapsible, ...triggerProps } = props;\n    const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        \"aria-controls\": context.contentId,\n        \"aria-expanded\": context.open || false,\n        \"data-state\": getState(context.open),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        disabled: context.disabled,\n        ...triggerProps,\n        ref: forwardedRef,\n        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n      }\n    );\n  }\n);\nCollapsibleTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"CollapsibleContent\";\nvar CollapsibleContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });\n  }\n);\nCollapsibleContent.displayName = CONTENT_NAME;\nvar CollapsibleContentImpl = React.forwardRef((props, forwardedRef) => {\n  const { __scopeCollapsible, present, children, ...contentProps } = props;\n  const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);\n  const [isPresent, setIsPresent] = React.useState(present);\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  const heightRef = React.useRef(0);\n  const height = heightRef.current;\n  const widthRef = React.useRef(0);\n  const width = widthRef.current;\n  const isOpen = context.open || isPresent;\n  const isMountAnimationPreventedRef = React.useRef(isOpen);\n  const originalStylesRef = React.useRef(void 0);\n  React.useEffect(() => {\n    const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n    return () => cancelAnimationFrame(rAF);\n  }, []);\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (node) {\n      originalStylesRef.current = originalStylesRef.current || {\n        transitionDuration: node.style.transitionDuration,\n        animationName: node.style.animationName\n      };\n      node.style.transitionDuration = \"0s\";\n      node.style.animationName = \"none\";\n      const rect = node.getBoundingClientRect();\n      heightRef.current = rect.height;\n      widthRef.current = rect.width;\n      if (!isMountAnimationPreventedRef.current) {\n        node.style.transitionDuration = originalStylesRef.current.transitionDuration;\n        node.style.animationName = originalStylesRef.current.animationName;\n      }\n      setIsPresent(present);\n    }\n  }, [context.open, present]);\n  return /* @__PURE__ */ jsx(\n    Primitive.div,\n    {\n      \"data-state\": getState(context.open),\n      \"data-disabled\": context.disabled ? \"\" : void 0,\n      id: context.contentId,\n      hidden: !isOpen,\n      ...contentProps,\n      ref: composedRefs,\n      style: {\n        [`--radix-collapsible-content-height`]: height ? `${height}px` : void 0,\n        [`--radix-collapsible-content-width`]: width ? `${width}px` : void 0,\n        ...props.style\n      },\n      children: isOpen && children\n    }\n  );\n});\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar Root = Collapsible;\nvar Trigger = CollapsibleTrigger;\nvar Content = CollapsibleContent;\nexport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  Content,\n  Root,\n  Trigger,\n  createCollapsibleScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\r\nimport React from \"react\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\nconst Collapsible = CollapsiblePrimitive.Root;\r\n\r\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\r\n\r\nconst CollapsibleContent = React.forwardRef<\r\n\tReact.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\r\n\tReact.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\r\n>(({ className, children, ...props }, ref) => (\r\n\t<CollapsiblePrimitive.CollapsibleContent\r\n\t\tref={ref}\r\n\t\tclassName={cn(\r\n\t\t\t\"overflow-hidden transition-all\",\r\n\t\t\t\"motion-safe:data-[state=closed]:animate-collapsible-up\",\r\n\t\t\t\"motion-safe:data-[state=open]:animate-collapsible-down\",\r\n\t\t\tclassName\r\n\t\t)}\r\n\t\t{...props}\r\n\t>\r\n\t\t{children}\r\n\t</CollapsiblePrimitive.CollapsibleContent>\r\n));\r\n\r\nCollapsibleContent.displayName = \"CollapsibleContent\";\r\n\r\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\r\n"],"names":["COLLAPSIBLE_NAME","createCollapsibleContext","createCollapsibleScope","createContextScope","CollapsibleProvider","useCollapsibleContext","Collapsible","React","props","forwardedRef","__scopeCollapsible","openProp","defaultOpen","disabled","onOpenChange","collapsibleProps","open","setOpen","useControllableState","jsx","useId","prevOpen","Primitive","getState","TRIGGER_NAME","CollapsibleTrigger","triggerProps","context","composeEventHandlers","CONTENT_NAME","CollapsibleContent","forceMount","contentProps","Presence","present","CollapsibleContentImpl","children","isPresent","setIsPresent","ref","composedRefs","useComposedRefs","heightRef","height","widthRef","width","isOpen","isMountAnimationPreventedRef","originalStylesRef","rAF","useLayoutEffect","node","rect","Root","CollapsiblePrimitive.Root","CollapsiblePrimitive.CollapsibleTrigger","className","CollapsiblePrimitive.CollapsibleContent","cn"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/color-tile/ColorTile.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ColorTileVariants {
+    selected?: boolean;
+}
+export type ColorTileProps = ColorTileVariants & React.HTMLAttributes<HTMLDivElement>;
+export declare const ColorTile: React.ForwardRefExoticComponent<ColorTileVariants & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/color-tile/ColorTile.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ColorTile } from './ColorTile';
+declare const meta: Meta<typeof ColorTile>;
+export default meta;
+type Story = StoryObj<typeof ColorTile>;
+export declare const Default: Story;

package/dist/components/color-tile/index.d.ts

@@ -0,0 +1 @@
+export { ColorTile, type ColorTileProps } from './ColorTile';

package/dist/components/color-tile.d.ts

@@ -0,0 +1,2 @@
+export * from './color-tile/index'
+export {}

package/dist/components/color-tile.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { T as d } from "../index-BVqs-uqP.js";
+const c = d({
+  slots: {
+    wrapper: "flex aspect-square h-[1.375rem] w-[1.375rem] items-center justify-center rounded-md",
+    color: "aspect-square h-4 w-4 rounded-sm border border-alpha-high-70 hover:cursor-pointer"
+  },
+  variants: {
+    selected: {
+      true: {
+        wrapper: "border border-muted"
+      }
+    }
+  }
+}), i = l.forwardRef(
+  ({ className: o, selected: s, ...t }, a) => {
+    const r = c({ selected: s });
+    return /* @__PURE__ */ e("div", { className: r.wrapper(), children: /* @__PURE__ */ e("div", { className: r.color({ className: o }), ref: a, ...t }) });
+  }
+);
+i.displayName = "ColorTile";
+export {
+  i as ColorTile
+};
+//# sourceMappingURL=color-tile.js.map

package/dist/components/color-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tile.js","sources":["../../src/components/color-tile/ColorTile.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\ninterface ColorTileVariants {\r\n\tselected?: boolean;\r\n}\r\n\r\nconst colorTileVariants = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex aspect-square h-[1.375rem] w-[1.375rem] items-center justify-center rounded-md\",\r\n\t\tcolor: \"aspect-square h-4 w-4 rounded-sm border border-alpha-high-70 hover:cursor-pointer\"\r\n\t},\r\n\tvariants: {\r\n\t\tselected: {\r\n\t\t\ttrue: {\r\n\t\t\t\twrapper: \"border border-muted\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<ColorTileVariants>\r\n});\r\n\r\nexport type ColorTileProps = ColorTileVariants & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const ColorTile = React.forwardRef<HTMLDivElement, PropsWithChildren<ColorTileProps>>(\r\n\t({ className, selected, ...props }, ref) => {\r\n\t\tconst styles = colorTileVariants({ selected });\r\n\r\n\t\treturn (\r\n\t\t\t<div className={styles.wrapper()}>\r\n\t\t\t\t<div className={styles.color({ className })} ref={ref} {...props} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nColorTile.displayName = \"ColorTile\";\r\n"],"names":["colorTileVariants","tv","ColorTile","React","className","selected","props","ref","styles"],"mappings":";;;AASA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,OAAO;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,EACD;AAEF,CAAC,GAIYC,IAAYC,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC3C,UAAMC,IAASR,EAAkB,EAAE,UAAAK,GAAU;AAE7C,6BACE,OAAI,EAAA,WAAWG,EAAO,QAAQ,GAC9B,4BAAC,OAAI,EAAA,WAAWA,EAAO,MAAM,EAAE,WAAAJ,EAAU,CAAC,GAAG,KAAAG,GAAW,GAAGD,EAAO,CAAA,GACnE;AAAA,EAAA;AAGH;AAEAJ,EAAU,cAAc;"}

package/dist/components/command/Command.d.ts

@@ -0,0 +1,108 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import { Command as CommandPrimitive } from 'cmdk';
+import { DialogContent } from '../dialog';
+import { ScrollShadowContainerProps } from '../scroll-shadow-container/ScrollShadowContainer';
+import * as React from "react";
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ title, description, children, className, overlayType, overlayBlur, ...props }: DialogProps & {
+    title?: string;
+    description?: string;
+    className?: string;
+    overlayType?: React.ComponentProps<typeof DialogContent>["overlayType"];
+    overlayBlur?: React.ComponentProps<typeof DialogContent>["overlayBlur"];
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & {
+    wrapperClassName?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type CommandListScrollShadowProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
+    containerClassName?: string;
+    shadowSize?: ScrollShadowContainerProps["shadowSize"];
+};
+declare const CommandListContainer: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    containerClassName?: string;
+    shadowSize?: ScrollShadowContainerProps["shadowSize"];
+} & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "onSelect" | "disabled"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CommandFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Command, CommandDialog, CommandInput, CommandList, CommandListContainer, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, CommandFooter };

package/dist/components/command/Command.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+import { Command } from './Command';
+import * as React from "react";
+declare const meta: {
+    component: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+        label?: string;
+        shouldFilter?: boolean;
+        filter?: (value: string, search: string, keywords?: string[]) => number;
+        defaultValue?: string;
+        value?: string;
+        onValueChange?: (value: string) => void;
+        loop?: boolean;
+        disablePointerSelection?: boolean;
+        vimBindings?: boolean;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Command>;
+export declare const Default: Story;
+export declare const WithShortcuts: Story;
+export declare const Dialog: Story;
+export declare const MultipleGroups: Story;
+export declare const Inverse: Story;
+export declare const CommandPalette: Story;

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

@@ -0,0 +1 @@
+export { Command, CommandDialog, CommandInput, CommandList, CommandListContainer, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, CommandFooter } from './Command';

package/dist/components/command.d.ts

@@ -0,0 +1,2 @@
+export * from './command/index'
+export {}

package/dist/components/command.js

@@ -0,0 +1,15 @@
+import { C as o, a as n, e as s, j as C, f as d, b as t, g as r, c as e, d as i, i as p, h as u } from "../Command-BhbfL5wm.js";
+export {
+  o as Command,
+  n as CommandDialog,
+  s as CommandEmpty,
+  C as CommandFooter,
+  d as CommandGroup,
+  t as CommandInput,
+  r as CommandItem,
+  e as CommandList,
+  i as CommandListContainer,
+  p as CommandSeparator,
+  u as CommandShortcut
+};
+//# sourceMappingURL=command.js.map

package/dist/components/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/container/Container.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { TVReturnType } from 'tailwind-variants';
+interface ContainerVariants {
+    type?: "default" | "round" | "outline";
+}
+export declare const containerStyles: TVReturnType<{
+    type: {
+        default: string;
+        round: string;
+        outline: string;
+    };
+}, undefined, "p-3 hover:bg-secondary-bg-hover", {
+    type: {
+        default: string;
+        round: string;
+        outline: string;
+    };
+}, undefined, TVReturnType<{
+    type: {
+        default: string;
+        round: string;
+        outline: string;
+    };
+}, undefined, "p-3 hover:bg-secondary-bg-hover", unknown, unknown, undefined>>;
+export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & ContainerVariants;
+export declare const Container: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ContainerVariants & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/container/Container.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Container } from './Container';
+declare const meta: Meta<typeof Container>;
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;

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

@@ -0,0 +1 @@
+export { Container, type ContainerProps } from './Container';

package/dist/components/container.d.ts

@@ -0,0 +1,2 @@
+export * from './container/index'
+export {}

package/dist/components/container.js

@@ -0,0 +1,23 @@
+import { jsx as d } from "react/jsx-runtime";
+import n from "react";
+import { T as s } from "../index-BVqs-uqP.js";
+const i = s({
+  base: "p-3 hover:bg-secondary-bg-hover",
+  variants: {
+    type: {
+      default: "",
+      round: "rounded-lg",
+      outline: "rounded-lg border border-secondary-border"
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+}), l = n.forwardRef(
+  ({ className: e, children: r, type: o = "default", ...a }, t) => /* @__PURE__ */ d("div", { ref: t, className: i({ className: e, type: o }), ...a, children: r })
+);
+l.displayName = "Container";
+export {
+  l as Container
+};
+//# sourceMappingURL=container.js.map

package/dist/components/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../src/components/container/Container.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\ninterface ContainerVariants {\r\n\ttype?: \"default\" | \"round\" | \"outline\";\r\n}\r\n\r\nexport const containerStyles = tv({\r\n\tbase: \"p-3 hover:bg-secondary-bg-hover\",\r\n\tvariants: {\r\n\t\ttype: {\r\n\t\t\tdefault: \"\",\r\n\t\t\tround: \"rounded-lg\",\r\n\t\t\toutline: \"rounded-lg border border-secondary-border\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<ContainerVariants>,\r\n\tdefaultVariants: {\r\n\t\ttype: \"default\"\r\n\t}\r\n});\r\n\r\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & ContainerVariants;\r\n\r\nexport const Container = React.forwardRef<HTMLDivElement, PropsWithChildren<ContainerProps>>(\r\n\t({ className, children, type = \"default\", ...props }, ref) => (\r\n\t\t<div ref={ref} className={containerStyles({ className, type })} {...props}>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t)\r\n);\r\n\r\nContainer.displayName = \"Container\";\r\n"],"names":["containerStyles","tv","Container","React","className","children","type","props","ref","jsx"],"mappings":";;;AAQO,MAAMA,IAAkBC,EAAG;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAIYC,IAAYC,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,WAAW,GAAGC,EAAM,GAAGC,MACrD,gBAAAC,EAAC,SAAI,KAAAD,GAAU,WAAWR,EAAgB,EAAE,WAAAI,GAAW,MAAAE,GAAM,GAAI,GAAGC,GAClE,UAAAF,EACF,CAAA;AAEF;AAEAH,EAAU,cAAc;"}

package/dist/components/counter/Counter.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface CounterVariants {
+    status?: "default" | "info" | "success" | "warning" | "error";
+    variant?: "primary" | "secondary" | "outline" | "text";
+    size?: "xs" | "sm" | "md" | "lg";
+}
+export type CounterProps = React.HTMLAttributes<HTMLElement> & CounterVariants & {
+    asChild?: boolean;
+};
+export declare const Counter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & CounterVariants & {
+    asChild?: boolean;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/counter/Counter.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Counter } from './Counter';
+declare const meta: Meta<typeof Counter>;
+export default meta;
+type Story = StoryObj<typeof Counter>;
+export declare const Default: Story;
+export declare const Showcase: Story;
+export declare const Examples: Story;
+export declare const FormattingExamples: Story;

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

@@ -0,0 +1 @@
+export { Counter, type CounterVariants } from './Counter';

package/dist/components/counter.d.ts

@@ -0,0 +1,2 @@
+export * from './counter/index'
+export {}