@intlayer/design-system 5.0.5 → 5.1.0

package/dist/components/Button/Button.mjs

@@ -1,6 +1,5 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
 import { Loader } from "../Loader/index.mjs";
 const buttonIconVariants = cva("", {
   variants: {
@@ -32,7 +31,7 @@ const buttonVariants = cva(
         md: "min-h-8 px-6 max-md:py-2 text-sm",
         lg: "min-h-10 px-8 max-md:py-3 text-base",
         xl: "min-h-11 px-10 max-md:py-4 text-lg",
-        "icon-sm": "p-1",
+        "icon-sm": "p-1.5",
         "icon-md": "p-1.5",
         "icon-lg": "p-2",
         "icon-xl": "p-3"
@@ -93,90 +92,86 @@ const buttonVariants = cva(
     }
   }
 );
-const Button = forwardRef(
-  ({
-    variant,
-    size,
-    color,
-    children,
-    Icon,
-    IconRight,
-    iconClassName,
-    isLoading,
-    isActive,
-    isFullWidth = false,
-    textAlign,
-    disabled,
-    label,
-    className,
-    type = "button",
-    ...props
-  }, ref) => {
-    const isLink = variant === "link" || variant === "invisible-link";
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        ref,
-        disabled: isLoading || disabled,
-        "aria-current": isActive ? "page" : void 0,
-        "aria-label": label,
-        "aria-busy": isLoading,
-        role: isLink ? "link" : void 0,
-        type,
-        className: buttonVariants({
-          variant,
-          size,
-          color,
-          isFullWidth,
-          textAlign: textAlign ?? (IconRight ? "left" : "center"),
-          hasIconLeft: Boolean(
-            typeof children !== "undefined" && (typeof Icon !== "undefined" || typeof isLoading !== "undefined")
-          ),
-          hasIconRight: Boolean(
-            typeof children !== "undefined" && typeof IconRight !== "undefined"
-          ),
-          className
-        }),
-        ...props,
-        children: [
-          Icon && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Icon,
-            {
-              className: buttonIconVariants({
-                size,
-                className: iconClassName,
-                position: "left"
-              })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Loader,
-            {
-              className: buttonIconVariants({
-                size,
-                className: iconClassName,
-                position: "left"
-              }),
-              isLoading: isLoading ?? false
-            }
-          ),
-          children,
-          IconRight && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            IconRight,
-            {
-              className: buttonIconVariants({
-                size,
-                className: iconClassName,
-                position: "right"
-              })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
+const Button = ({
+  variant,
+  size,
+  color,
+  children,
+  Icon,
+  IconRight,
+  iconClassName,
+  isLoading,
+  isActive,
+  isFullWidth = false,
+  textAlign,
+  disabled,
+  label,
+  className,
+  type = "button",
+  ...props
+}) => {
+  const isLink = variant === "link" || variant === "invisible-link";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      disabled: isLoading || disabled,
+      "aria-current": isActive ? "page" : void 0,
+      "aria-label": label,
+      "aria-busy": isLoading,
+      role: isLink ? "link" : void 0,
+      type,
+      className: buttonVariants({
+        variant,
+        size,
+        color,
+        isFullWidth,
+        textAlign: textAlign ?? (IconRight ? "left" : "center"),
+        hasIconLeft: Boolean(
+          typeof children !== "undefined" && (typeof Icon !== "undefined" || typeof isLoading !== "undefined")
+        ),
+        hasIconRight: Boolean(
+          typeof children !== "undefined" && typeof IconRight !== "undefined"
+        ),
+        className
+      }),
+      ...props,
+      children: [
+        Icon && !isLoading && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: buttonIconVariants({
+              size,
+              className: iconClassName,
+              position: "left"
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Loader,
+          {
+            className: buttonIconVariants({
+              size,
+              className: iconClassName,
+              position: "left"
+            }),
+            isLoading: isLoading ?? false
+          }
+        ),
+        children,
+        IconRight && /* @__PURE__ */ jsx(
+          IconRight,
+          {
+            className: buttonIconVariants({
+              size,
+              className: iconClassName,
+              position: "right"
+            })
+          }
+        )
+      ]
+    }
+  );
+};
 export {
   Button
 };

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'size-3 absolute top-1/2 -translate-y-1/2',\n      md: 'size-4 absolute top-1/2 -translate-y-1/2',\n      lg: 'size-5 absolute top-1/2 -translate-y-1/2',\n      xl: 'size-6 absolute top-1/2 -translate-y-1/2',\n      'icon-sm': 'size-3',\n      'icon-md': 'size-4',\n      'icon-lg': 'size-5',\n      'icon-xl': 'size-6',\n    },\n    position: {\n      left: 'left-3',\n      right: 'right-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst buttonVariants = cva(\n  'relative truncate whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-7 px-3 max-md:py-1 text-xs',\n        md: 'min-h-8 px-6 max-md:py-2 text-sm',\n        lg: 'min-h-10 px-8 max-md:py-3 text-base',\n        xl: 'min-h-11 px-10 max-md:py-4 text-lg',\n        'icon-sm': 'p-1',\n        'icon-md': 'p-1.5',\n        'icon-lg': 'p-2',\n        'icon-xl': 'p-3',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n        input: [\n          'w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n          'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n          'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n          'disabled:opacity-50',\n        ],\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        'text-inverse':\n          'border-text-dark dark:border-text bg-text-dark dark:bg-text text-text-dark dark:text-text hover:opacity-80',\n        error:\n          'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n        success:\n          'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n        custom: '',\n      },\n\n      textAlign: {\n        left: 'text-left',\n        center: 'text-center',\n        right: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n\n      hasIconLeft: {\n        true: 'pl-12',\n        false: '',\n      },\n      hasIconRight: {\n        true: 'pr-8',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'primary',\n      textAlign: 'center',\n      isFullWidth: false,\n      hasIconRight: false,\n      hasIconLeft: false,\n    },\n  }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Optional icon to be displayed on the button\n     */\n    label: string;\n    Icon?: FC | LucideIcon;\n    IconRight?: FC | LucideIcon;\n    iconClassName?: string;\n    isLoading?: boolean;\n    isActive?: boolean;\n    isFullWidth?: boolean;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant,\n      size,\n      color,\n      children,\n      Icon,\n      IconRight,\n      iconClassName,\n      isLoading,\n      isActive,\n      isFullWidth = false,\n      textAlign,\n      disabled,\n      label,\n      className,\n      type = 'button',\n      ...props\n    },\n    ref\n  ) => {\n    const isLink = variant === 'link' || variant === 'invisible-link';\n\n    return (\n      <button\n        ref={ref}\n        disabled={isLoading || disabled}\n        aria-current={isActive ? 'page' : undefined}\n        aria-label={label}\n        aria-busy={isLoading}\n        role={isLink ? 'link' : undefined}\n        type={type}\n        className={buttonVariants({\n          variant,\n          size,\n          color,\n          isFullWidth,\n          textAlign: textAlign ?? (IconRight ? 'left' : 'center'),\n          hasIconLeft: Boolean(\n            typeof children !== 'undefined' &&\n              (typeof Icon !== 'undefined' || typeof isLoading !== 'undefined')\n          ),\n          hasIconRight: Boolean(\n            typeof children !== 'undefined' && typeof IconRight !== 'undefined'\n          ),\n          className,\n        })}\n        {...props}\n      >\n        {Icon && !isLoading && (\n          <Icon\n            className={buttonIconVariants({\n              size,\n              className: iconClassName,\n              position: 'left',\n            })}\n          />\n        )}\n\n        <Loader\n          className={buttonIconVariants({\n            size,\n            className: iconClassName,\n            position: 'left',\n          })}\n          isLoading={isLoading ?? false}\n        />\n\n        {children}\n\n        {IconRight && (\n          <IconRight\n            className={buttonIconVariants({\n              size,\n              className: iconClassName,\n              position: 'right',\n            })}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'size-3 absolute top-1/2 -translate-y-1/2',\n      md: 'size-4 absolute top-1/2 -translate-y-1/2',\n      lg: 'size-5 absolute top-1/2 -translate-y-1/2',\n      xl: 'size-6 absolute top-1/2 -translate-y-1/2',\n      'icon-sm': 'size-3',\n      'icon-md': 'size-4',\n      'icon-lg': 'size-5',\n      'icon-xl': 'size-6',\n    },\n    position: {\n      left: 'left-3',\n      right: 'right-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst buttonVariants = cva(\n  'relative truncate whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-7 px-3 max-md:py-1 text-xs',\n        md: 'min-h-8 px-6 max-md:py-2 text-sm',\n        lg: 'min-h-10 px-8 max-md:py-3 text-base',\n        xl: 'min-h-11 px-10 max-md:py-4 text-lg',\n        'icon-sm': 'p-1.5',\n        'icon-md': 'p-1.5',\n        'icon-lg': 'p-2',\n        'icon-xl': 'p-3',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n        input: [\n          'w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n          'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n          'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n          'disabled:opacity-50',\n        ],\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        'text-inverse':\n          'border-text-dark dark:border-text bg-text-dark dark:bg-text text-text-dark dark:text-text hover:opacity-80',\n        error:\n          'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n        success:\n          'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n        custom: '',\n      },\n\n      textAlign: {\n        left: 'text-left',\n        center: 'text-center',\n        right: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n\n      hasIconLeft: {\n        true: 'pl-12',\n        false: '',\n      },\n      hasIconRight: {\n        true: 'pr-8',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'primary',\n      textAlign: 'center',\n      isFullWidth: false,\n      hasIconRight: false,\n      hasIconLeft: false,\n    },\n  }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Optional icon to be displayed on the button\n     */\n    label: string;\n    Icon?: FC | LucideIcon;\n    IconRight?: FC | LucideIcon;\n    iconClassName?: string;\n    isLoading?: boolean;\n    isActive?: boolean;\n    isFullWidth?: boolean;\n  };\n\nexport const Button: FC<ButtonProps> = ({\n  variant,\n  size,\n  color,\n  children,\n  Icon,\n  IconRight,\n  iconClassName,\n  isLoading,\n  isActive,\n  isFullWidth = false,\n  textAlign,\n  disabled,\n  label,\n  className,\n  type = 'button',\n  ...props\n}) => {\n  const isLink = variant === 'link' || variant === 'invisible-link';\n\n  return (\n    <button\n      disabled={isLoading || disabled}\n      aria-current={isActive ? 'page' : undefined}\n      aria-label={label}\n      aria-busy={isLoading}\n      role={isLink ? 'link' : undefined}\n      type={type}\n      className={buttonVariants({\n        variant,\n        size,\n        color,\n        isFullWidth,\n        textAlign: textAlign ?? (IconRight ? 'left' : 'center'),\n        hasIconLeft: Boolean(\n          typeof children !== 'undefined' &&\n            (typeof Icon !== 'undefined' || typeof isLoading !== 'undefined')\n        ),\n        hasIconRight: Boolean(\n          typeof children !== 'undefined' && typeof IconRight !== 'undefined'\n        ),\n        className,\n      })}\n      {...props}\n    >\n      {Icon && !isLoading && (\n        <Icon\n          className={buttonIconVariants({\n            size,\n            className: iconClassName,\n            position: 'left',\n          })}\n        />\n      )}\n\n      <Loader\n        className={buttonIconVariants({\n          size,\n          className: iconClassName,\n          position: 'left',\n        })}\n        isLoading={isLoading ?? false}\n      />\n\n      {children}\n\n      {IconRight && (\n        <IconRight\n          className={buttonIconVariants({\n            size,\n            className: iconClassName,\n            position: 'right',\n          })}\n        />\n      )}\n    </button>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ClickOutsideDiv/index.cjs

@@ -1,15 +1,15 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const ReactExports = require("react");
 const ClickOutsideDiv = ({
   children,
   onClickOutSide,
   ...props
 }) => {
-  const divRef = require$$0.useRef(null);
-  require$$0.useEffect(() => {
+  const divRef = ReactExports.useRef(null);
+  ReactExports.useEffect(() => {
     const handleClick = (event) => {
       if (divRef.current && !divRef.current.contains(event.target)) {
         onClickOutSide();
@@ -20,7 +20,7 @@ const ClickOutsideDiv = ({
       document.removeEventListener("mousedown", handleClick);
     };
   }, [onClickOutSide]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { ref: divRef, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: divRef, ...props, children });
 };
 exports.ClickOutsideDiv = ClickOutsideDiv;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ClickOutsideDiv/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  useRef,\n  useEffect,\n  HTMLAttributes,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick);\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":["useRef","useEffect"],"mappings":";;;;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAASA,kBAAuB,IAAI;AAE1CC,aAAAA,UAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGS,aAAA,iBAAiB,aAAa,WAAW;AAGlD,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,0DACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type HTMLAttributes,\n  type FC,\n  type PropsWithChildren,\n  useRef,\n  useEffect,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick);\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":["useRef","useEffect"],"mappings":";;;;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAASA,oBAAuB,IAAI;AAE1CC,eAAAA,UAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGS,aAAA,iBAAiB,aAAa,WAAW;AAGlD,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,wCACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;;"}

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, HTMLAttributes } from 'react';
+import { HTMLAttributes, FC, PropsWithChildren } from 'react';
 export type ClickOutsideDivProps = PropsWithChildren<{
     onClickOutSide: () => void;
 }> & HTMLAttributes<HTMLDivElement>;

package/dist/components/ClickOutsideDiv/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGtB,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC,GACA,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6BpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC,GACA,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6BpD,CAAC"}

package/dist/components/ClickOutsideDiv/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 const ClickOutsideDiv = ({
   children,
@@ -18,7 +18,7 @@ const ClickOutsideDiv = ({
       document.removeEventListener("mousedown", handleClick);
     };
   }, [onClickOutSide]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: divRef, ...props, children });
+  return /* @__PURE__ */ jsx("div", { ref: divRef, ...props, children });
 };
 export {
   ClickOutsideDiv

package/dist/components/ClickOutsideDiv/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  useRef,\n  useEffect,\n  HTMLAttributes,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick);\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAAS,OAAuB,IAAI;AAE1C,YAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGS,aAAA,iBAAiB,aAAa,WAAW;AAGlD,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,+CACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type HTMLAttributes,\n  type FC,\n  type PropsWithChildren,\n  useRef,\n  useEffect,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick);\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAAS,OAAuB,IAAI;AAE1C,YAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGS,aAAA,iBAAiB,aAAa,WAAW;AAGlD,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,6BACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;"}

package/dist/components/Command/index.cjs

@@ -1,99 +1,90 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const reactDialog = require("@radix-ui/react-dialog");
 const cmdk = require("cmdk");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
 const utils_cn = require("../../utils/cn.cjs");
-const CommandRoot = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+const CommandRoot = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
-    ref,
     className: utils_cn.cn(
       "flex size-full flex-col overflow-hidden rounded-md",
       className
     ),
     ...props
   }
-));
-CommandRoot.displayName = cmdk.Command.displayName;
-const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactDialog.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactDialog.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CommandRoot, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5", children }) }) });
-const CommandInput = require$$0.forwardRef(({ className, ...props }, ref) => (
-  // eslint-disable-next-line react/no-unknown-property, sonarjs/no-unknown-property
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      cmdk.Command.Input,
-      {
-        ref,
-        className: utils_cn.cn(
-          "placeholder:text-muted-foreground flex w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ...props
-      }
-    )
-  ] })
-));
-CommandInput.displayName = cmdk.Command.Input.displayName;
-const CommandList = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(reactDialog.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactDialog.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(CommandRoot, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5", children }) }) });
+const CommandInput = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Input,
+    {
+      className: utils_cn.cn(
+        "placeholder:text-muted-foreground flex w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] });
+const CommandList = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
-    ref,
     className: utils_cn.cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
     ...props
   }
-));
-CommandList.displayName = cmdk.Command.List.displayName;
-const CommandEmpty = require$$0.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-  cmdk.Command.Empty,
-  {
-    ref,
-    className: "py-6 text-center text-sm",
-    ...props
-  }
-));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-const CommandGroup = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const CommandEmpty = (props) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { className: "py-6 text-center text-sm", ...props });
+const CommandGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
-    ref,
     className: utils_cn.cn(
       "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
       className
     ),
     ...props
   }
-));
-CommandGroup.displayName = cmdk.Command.Group.displayName;
-const CommandSeparator = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
-    ref,
     className: utils_cn.cn("bg-border -mx-1 h-px", className),
     ...props
   }
-));
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-const CommandItem = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const CommandItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
-    ref,
     className: utils_cn.cn(
       "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
       className
     ),
     ...props
   }
-));
-CommandItem.displayName = cmdk.Command.Item.displayName;
+);
 const CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: utils_cn.cn(
@@ -104,7 +95,6 @@ const CommandShortcut = ({
     }
   );
 };
-CommandShortcut.displayName = "CommandShortcut";
 const Command = {
   ...CommandRoot,
   Dialog: CommandDialog,

package/dist/components/Command/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Command/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type FC,\n  forwardRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const CommandRoot = forwardRef<\n  ElementRef<typeof CommandPrimitive>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex size-full flex-col overflow-hidden rounded-md',\n      className\n    )}\n    {...props}\n  />\n));\nCommandRoot.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput = forwardRef<\n  ElementRef<typeof CommandPrimitive.Input>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  // eslint-disable-next-line react/no-unknown-property, sonarjs/no-unknown-property\n  <div className=\"flex w-full items-center\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'placeholder:text-muted-foreground flex w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = forwardRef<\n  ElementRef<typeof CommandPrimitive.List>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = forwardRef<\n  ElementRef<typeof CommandPrimitive.Empty>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-6 text-center text-sm\"\n    {...props}\n  />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = forwardRef<\n  ElementRef<typeof CommandPrimitive.Group>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      className\n    )}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = forwardRef<\n  ElementRef<typeof CommandPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('bg-border -mx-1 h-px', className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = forwardRef<\n  ElementRef<typeof CommandPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"names":["forwardRef","jsx","CommandPrimitive","cn","Dialog","DialogContent","jsxs","Search"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Command/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\n'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport { type ComponentProps, type FC, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive\n    className={cn(\n      'flex size-full flex-col overflow-hidden rounded-md',\n      className\n    )}\n    {...props}\n  />\n);\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput: FC<ComponentProps<typeof CommandPrimitive.Input>> = ({\n  className,\n  ...props\n}) => (\n  <div className=\"flex w-full items-center\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className={cn(\n        'placeholder:text-muted-foreground flex w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n);\n\nconst CommandList: FC<ComponentProps<typeof CommandPrimitive.List>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.List\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n);\n\nconst CommandEmpty: FC<ComponentProps<typeof CommandPrimitive.Empty>> = (\n  props\n) => <CommandPrimitive.Empty className=\"py-6 text-center text-sm\" {...props} />;\n\nconst CommandGroup: FC<ComponentProps<typeof CommandPrimitive.Group>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandSeparator: FC<\n  ComponentProps<typeof CommandPrimitive.Separator>\n> = ({ className, ...props }) => (\n  <CommandPrimitive.Separator\n    className={cn('bg-border -mx-1 h-px', className)}\n    {...props}\n  />\n);\n\nconst CommandItem: FC<ComponentProps<typeof CommandPrimitive.Item>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Item\n    className={cn(\n      'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"names":["jsx","CommandPrimitive","cn","Dialog","DialogContent","jsxs","Search"],"mappings":";;;;;;;;AAaO,MAAM,cAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAACC,KAAA;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAKF,MAAM,gBAAwC,CAAC,EAAE,UAAU,GAAG,MAAM,qCACjEC,YAAAA,QAAQ,EAAA,GAAG,OACV,UAACH,2BAAAA,IAAAI,YAAAA,eAAA,EAAc,WAAU,uBACvB,UAAAJ,2BAAAA,IAAC,eAAY,WAAU,uSACpB,UACH,EAAA,CACF,EACF,CAAA;AAGF,MAAM,eAAkE,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MACGK,2BAAAA,KAAA,OAAA,EAAI,WAAU,4BAA2B,sBAAmB,IAC3D,UAAA;AAAA,EAACL,2BAAAA,IAAAM,YAAA,QAAA,EAAO,WAAU,kCAAkC,CAAA;AAAA,EACpDN,2BAAA;AAAA,IAACC,KAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AACN,GACF;AAGF,MAAM,cAAgE,CAAC;AAAA,EACrE;AAAA,EACA,GAAG;AACL,MACEF,2BAAA;AAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAAA,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,eAAkE,CACtE,UACIF,2BAAAA,IAAAC,KAAA,QAAiB,OAAjB,EAAuB,WAAU,4BAA4B,GAAG,OAAO;AAE7E,MAAM,eAAkE,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MACED,2BAAA;AAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,mBAEF,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAF,2BAAA;AAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAAA,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,cAAgE,CAAC;AAAA,EACrE;AAAA,EACA,GAAG;AACL,MACEF,2BAAA;AAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAuC;AAEnC,SAAAF,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,SAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAmBO,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AACZ;;;"}