@codefast/ui 0.2.46-canary.2 → 0.2.46-canary.4

package/dist/esm/components/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/input-otp.js","sources":["webpack://@codefast/ui/./src/components/input-otp.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\nimport { use } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nfunction InputOTP({ className, containerClassName, ...props }: ComponentProps<typeof OTPInput>): JSX.Element {\n  return (\n    <OTPInput\n      aria-label=\"One-time password\"\n      className={cn(className)}\n      containerClassName={cn(\"flex items-center gap-2 has-disabled:opacity-50\", containerClassName)}\n      data-slot=\"input-otp\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPGroup({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"flex items-center -space-x-px\", className)}\n      data-slot=\"input-otp-group\"\n      role=\"group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSlot({\n  className,\n  index,\n  ...props\n}: ComponentProps<\"div\"> & {\n  index: number;\n}): JSX.Element {\n  const inputOTPContext = use(OTPInputContext);\n  const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index];\n\n  return (\n    <div\n      className={cn(\n        \"border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10\",\n        className,\n      )}\n      data-active={isActive}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret ? (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSeparator({ ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from \"input-otp\";\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"names":["InputOTP","className","containerClassName","props","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isActive","char","hasFakeCaret","inputOTPContext","use","OTPInputContext","InputOTPSeparator","MinusIcon"],"mappings":";yJAcA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAEC,mBAAAA,CAAkB,CAAE,GAAGC,EAAwC,EAC5F,MACE,UAACC,EAAAA,QAAQA,CAAAA,CACP,aAAW,oBACX,UAAWC,GAAAA,EAAAA,EAAAA,EAAGJ,GACd,mBAAoBI,GAAAA,EAAAA,EAAAA,EAAG,kDAAmDH,GAC1E,YAAU,YACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CAAEL,UAAAA,CAAS,CAAE,GAAGE,EAA8B,EACnE,MACE,UAAC,OACC,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,gCAAiCJ,GAC/C,YAAU,kBACV,KAAK,QACJ,GAAGE,CAAK,EAGf,CAMA,SAASI,EAAa,CACpBN,UAAAA,CAAS,CACTO,MAAAA,CAAK,CACL,GAAGL,EAGJ,EAEC,GAAM,CAAEM,SAAAA,CAAQ,CAAEC,KAAAA,CAAI,CAAEC,aAAAA,CAAY,CAAE,CAAGC,GADjBC,EAAAA,GAAAA,EAAIC,EAAAA,eAAeA,EACc,KAAK,CAACN,EAAM,CAErE,MACE,WAAC,OACC,UAAWH,GAAAA,EAAAA,EAAAA,EACT,+eACAJ,GAEF,cAAaQ,EACb,YAAU,iBACT,GAAGN,CAAK,C,UAERO,EACAC,EACC,UAAC,OAAI,UAAU,wE,SACb,UAAC,OAAI,UAAU,oE,KAEf,K,EAGV,CAMA,SAASI,EAAkB,CAAE,GAAGZ,EAA8B,EAC5D,MACE,UAAC,OAAI,YAAU,sBAAsB,KAAK,YAAa,GAAGA,CAAK,C,SAC7D,UAACa,EAAAA,SAASA,CAAAA,CAAAA,E,EAGhB,C"}

package/dist/esm/components/input-password.js

@@ -1,52 +1,3 @@
 "use client";
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__ from "@codefast-ui/input";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
-import * as __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__ from "./input.js";
-import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
-const { input, root } = (0, __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__.inputVariants)();
-function InputPassword({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, ...props }) {
-    const [type, setType] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("password");
-    const togglePasswordVisibility = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        setType((prev)=>"password" === prev ? "text" : "password");
-    }, []);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Root, {
-        className: root({
-            className: [
-                !suffix && "pr-1.5",
-                className
-            ]
-        }),
-        "data-slot": "input-password",
-        disabled: disabled,
-        loaderPosition: loaderPosition,
-        loading: loading,
-        prefix: prefix,
-        readOnly: readOnly,
-        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
-        suffix: suffix,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Field, {
-                autoCapitalize: "none",
-                className: input(),
-                "data-slot": "input-password-item",
-                type: type,
-                ...props
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.Button, {
-                "aria-label": "password" === type ? "Show password" : "Hide password",
-                className: "focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0",
-                "data-slot": "input-password-toggle",
-                disabled: disabled,
-                prefix: "password" === type ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.EyeOffIcon, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.EyeIcon, {}),
-                size: "icon",
-                variant: "ghost",
-                onClick: togglePasswordVisibility
-            })
-        ]
-    });
-}
-const PasswordInput = InputPassword;
-export { InputPassword, PasswordInput };
+import*as s from"react/jsx-runtime";import*as a from"@codefast-ui/input";import*as o from"lucide-react";import*as t from"react";import*as i from"./button.js";import*as r from"./input.js";import*as e from"./spinner.js";let{input:n,root:p}=(0,r.inputVariants)();function d({className:r,disabled:d,loaderPosition:l,loading:u,prefix:m,readOnly:c,spinner:f,suffix:w,...x}){let[j,b]=(0,t.useState)("password"),g=(0,t.useCallback)(()=>{b(s=>"password"===s?"text":"password")},[]);return(0,s.jsxs)(a.Root,{className:p({className:[!w&&"pr-1.5",r]}),"data-slot":"input-password",disabled:d,loaderPosition:l,loading:u,prefix:m,readOnly:c,spinner:f||(0,s.jsx)(e.Spinner,{}),suffix:w,children:[(0,s.jsx)(a.Field,{autoCapitalize:"none",className:n(),"data-slot":"input-password-item",type:j,...x}),(0,s.jsx)(i.Button,{"aria-label":"password"===j?"Show password":"Hide password",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:d,prefix:"password"===j?(0,s.jsx)(o.EyeOffIcon,{}):(0,s.jsx)(o.EyeIcon,{}),size:"icon",variant:"ghost",onClick:g})]})}let l=d;export{d as InputPassword,l as PasswordInput};
+//# sourceMappingURL=input-password.js.map

package/dist/esm/components/input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/input-password.js","sources":["webpack://@codefast/ui/./src/components/input-password.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX, MouseEventHandler } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Variant: InputPassword\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputPassword\n * -------------------------------------------------------------------------- */\n\nfunction InputPassword({\n  className,\n  disabled,\n  loaderPosition,\n  loading,\n  prefix,\n  readOnly,\n  spinner,\n  suffix,\n  ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n  Omit<ComponentProps<typeof InputPrimitive.Field>, \"prefix\" | \"type\"> &\n  VariantProps<typeof inputVariants>): JSX.Element {\n  const [type, setType] = useState<\"password\" | \"text\">(\"password\");\n\n  const togglePasswordVisibility = useCallback<MouseEventHandler<HTMLButtonElement>>(() => {\n    setType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\n  }, []);\n\n  return (\n    <InputPrimitive.Root\n      className={root({ className: [!suffix && \"pr-1.5\", className] })}\n      data-slot=\"input-password\"\n      disabled={disabled}\n      loaderPosition={loaderPosition}\n      loading={loading}\n      prefix={prefix}\n      readOnly={readOnly}\n      spinner={spinner || <Spinner />}\n      suffix={suffix}\n    >\n      <InputPrimitive.Field\n        autoCapitalize=\"none\"\n        className={input()}\n        data-slot=\"input-password-item\"\n        type={type}\n        {...props}\n      />\n      <Button\n        aria-label={type === \"password\" ? \"Show password\" : \"Hide password\"}\n        className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n        data-slot=\"input-password-toggle\"\n        disabled={disabled}\n        prefix={type === \"password\" ? <EyeOffIcon /> : <EyeIcon />}\n        size=\"icon\"\n        variant=\"ghost\"\n        onClick={togglePasswordVisibility}\n      />\n    </InputPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst PasswordInput = InputPassword;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputPassword, PasswordInput };\n"],"names":["input","root","inputVariants","InputPassword","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","type","setType","useState","togglePasswordVisibility","useCallback","prev","InputPrimitive","Spinner","Button","EyeOffIcon","EyeIcon","PasswordInput"],"mappings":";0NAkBA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,GAAAA,EAAAA,aAAAA,IAMxB,SAASC,EAAc,CACrBC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EAG+B,EAClC,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,EAAAA,QAAAA,EAA8B,YAEhDC,EAA2BC,GAAAA,EAAAA,WAAAA,EAAkD,KACjFH,EAAQ,GAAWI,aAAAA,EAAsB,OAAS,WACpD,EAAG,EAAE,EAEL,MACE,WAACC,EAAAA,IAAmB,EAClB,UAAWlB,EAAK,CAAE,UAAW,CAAC,CAACU,GAAU,SAAUP,EAAU,GAC7D,YAAU,iBACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,UAACU,EAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQT,E,UAER,UAACQ,EAAAA,KAAoB,EACnB,eAAe,OACf,UAAWnB,IACX,YAAU,sBACV,KAAMa,EACL,GAAGD,CAAK,GAEX,UAACS,EAAAA,MAAMA,CAAAA,CACL,aAAYR,aAAAA,EAAsB,gBAAkB,gBACpD,UAAU,+EACV,YAAU,wBACV,SAAUR,EACV,OAAQQ,aAAAA,EAAsB,UAACS,EAAAA,UAAUA,CAAAA,CAAAA,GAAM,UAACC,EAAAA,OAAOA,CAAAA,CAAAA,GACvD,KAAK,OACL,QAAQ,QACR,QAASP,C,KAIjB,CAWA,IAAMQ,EAAgBrB,S"}

package/dist/esm/components/input-search.js

@@ -1,58 +1,3 @@
 "use client";
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__ from "@codefast-ui/input";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_use_controllable_state_9528e2f0__ from "@radix-ui/react-use-controllable-state";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
-import * as __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__ from "./input.js";
-import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
-const { input, root } = (0, __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__.inputVariants)();
-function InputSearch({ className, defaultValue, disabled, loaderPosition, loading, onChange, prefix, readOnly, spinner, suffix, value: valueProp, ...props }) {
-    const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE__radix_ui_react_use_controllable_state_9528e2f0__.useControllableState)({
-        defaultProp: defaultValue,
-        onChange,
-        prop: valueProp
-    });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Root, {
-        className: root({
-            className: [
-                !suffix && "pr-1.5",
-                className
-            ]
-        }),
-        "data-slot": "input-search",
-        disabled: disabled,
-        loaderPosition: loaderPosition,
-        loading: loading,
-        prefix: prefix || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.SearchIcon, {}),
-        readOnly: readOnly,
-        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
-        suffix: suffix,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Field, {
-                className: input(),
-                "data-slot": "input-search-item",
-                type: "search",
-                value: value ?? "",
-                onChange: (event)=>{
-                    setValue(event.target.value);
-                },
-                ...props
-            }),
-            value ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.Button, {
-                "aria-label": "Clear search",
-                className: "focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0",
-                "data-slot": "input-search-clear",
-                disabled: disabled || readOnly,
-                size: "icon",
-                suffix: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.XIcon, {}),
-                variant: "ghost",
-                onClick: ()=>{
-                    setValue("");
-                }
-            }) : null
-        ]
-    });
-}
-const SearchInput = InputSearch;
-export { InputSearch, SearchInput };
+import*as a from"react/jsx-runtime";import*as e from"@codefast-ui/input";import*as s from"@radix-ui/react-use-controllable-state";import*as t from"lucide-react";import*as r from"./button.js";import*as i from"./input.js";import*as o from"./spinner.js";let{input:l,root:n}=(0,i.inputVariants)();function u({className:i,defaultValue:u,disabled:c,loaderPosition:p,loading:d,onChange:m,prefix:f,readOnly:x,spinner:h,suffix:b,value:j,...g}){let[v,S]=(0,s.useControllableState)({defaultProp:u,onChange:m,prop:j});return(0,a.jsxs)(e.Root,{className:n({className:[!b&&"pr-1.5",i]}),"data-slot":"input-search",disabled:c,loaderPosition:p,loading:d,prefix:f||(0,a.jsx)(t.SearchIcon,{}),readOnly:x,spinner:h||(0,a.jsx)(o.Spinner,{}),suffix:b,children:[(0,a.jsx)(e.Field,{className:l(),"data-slot":"input-search-item",type:"search",value:v??"",onChange:a=>{S(a.target.value)},...g}),v?(0,a.jsx)(r.Button,{"aria-label":"Clear search",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-search-clear",disabled:c||x,size:"icon",suffix:(0,a.jsx)(t.XIcon,{}),variant:"ghost",onClick:()=>{S("")}}):null]})}let c=u;export{u as InputSearch,c as SearchInput};
+//# sourceMappingURL=input-search.js.map

package/dist/esm/components/input-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/input-search.js","sources":["webpack://@codefast/ui/./src/components/input-search.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputSearch\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\nfunction InputSearch({\n  className,\n  defaultValue,\n  disabled,\n  loaderPosition,\n  loading,\n  onChange,\n  prefix,\n  readOnly,\n  spinner,\n  suffix,\n  value: valueProp,\n  ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n  Omit<ComponentProps<typeof InputPrimitive.Field>, \"defaultValue\" | \"onChange\" | \"prefix\" | \"type\" | \"value\"> &\n  VariantProps<typeof inputVariants> & {\n    defaultValue?: string;\n    onChange?: (value: string) => void;\n    value?: string;\n  }): JSX.Element {\n  const [value, setValue] = useControllableState({\n    defaultProp: defaultValue,\n    onChange,\n    prop: valueProp,\n  });\n\n  return (\n    <InputPrimitive.Root\n      className={root({ className: [!suffix && \"pr-1.5\", className] })}\n      data-slot=\"input-search\"\n      disabled={disabled}\n      loaderPosition={loaderPosition}\n      loading={loading}\n      prefix={prefix || <SearchIcon />}\n      readOnly={readOnly}\n      spinner={spinner || <Spinner />}\n      suffix={suffix}\n    >\n      <InputPrimitive.Field\n        className={input()}\n        data-slot=\"input-search-item\"\n        type=\"search\"\n        value={value ?? \"\"}\n        onChange={(event) => {\n          setValue(event.target.value);\n        }}\n        {...props}\n      />\n      {value ? (\n        <Button\n          aria-label=\"Clear search\"\n          className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n          data-slot=\"input-search-clear\"\n          disabled={disabled || readOnly}\n          size=\"icon\"\n          suffix={<XIcon />}\n          variant=\"ghost\"\n          onClick={() => {\n            setValue(\"\");\n          }}\n        />\n      ) : null}\n    </InputPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst SearchInput = InputSearch;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputSearch, SearchInput };\n"],"names":["input","root","inputVariants","InputSearch","className","defaultValue","disabled","loaderPosition","loading","onChange","prefix","readOnly","spinner","suffix","valueProp","props","value","setValue","useControllableState","InputPrimitive","SearchIcon","Spinner","event","Button","XIcon","SearchInput"],"mappings":";2PAkBA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,GAAAA,EAAAA,aAAAA,IAExB,SAASC,EAAY,CACnBC,UAAAA,CAAS,CACTC,aAAAA,CAAY,CACZC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,MAAOC,CAAS,CAChB,GAAGC,EAOF,EACD,GAAM,CAACC,EAAOC,EAAS,CAAGC,GAAAA,EAAAA,oBAAAA,EAAqB,CAC7C,YAAab,EACbI,SAAAA,EACA,KAAMK,CACR,GAEA,MACE,WAACK,EAAAA,IAAmB,EAClB,UAAWlB,EAAK,CAAE,UAAW,CAAC,CAACY,GAAU,SAAUT,EAAU,GAC7D,YAAU,eACV,SAAUE,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQE,GAAU,UAACU,EAAAA,UAAUA,CAAAA,CAAAA,GAC7B,SAAUT,EACV,QAASC,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQR,E,UAER,UAACM,EAAAA,KAAoB,EACnB,UAAWnB,IACX,YAAU,oBACV,KAAK,SACL,MAAOgB,GAAS,GAChB,SAAU,IACRC,EAASK,EAAM,MAAM,CAAC,KAAK,CAC7B,EACC,GAAGP,CAAK,GAEVC,EACC,UAACO,EAAAA,MAAMA,CAAAA,CACL,aAAW,eACX,UAAU,+EACV,YAAU,qBACV,SAAUjB,GAAYK,EACtB,KAAK,OACL,OAAQ,UAACa,EAAAA,KAAKA,CAAAA,CAAAA,GACd,QAAQ,QACR,QAAS,KACPP,EAAS,GACX,C,GAEA,K,EAGV,CAWA,IAAMQ,EAActB,S"}

package/dist/esm/components/input.js

@@ -1,33 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__ from "@codefast-ui/input";
-import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-const inputVariants = (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.tv)({
-    slots: {
-        root: "border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
-        input: "placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium"
-    }
-});
-const { input, root } = inputVariants();
-function Input({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Root, {
-        className: root({
-            className
-        }),
-        "data-slot": "input",
-        disabled: disabled,
-        loaderPosition: loaderPosition,
-        loading: loading,
-        prefix: prefix,
-        readOnly: readOnly,
-        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
-        suffix: suffix,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Field, {
-            className: input(),
-            "data-slot": "input-item",
-            ...props
-        })
-    });
-}
-const TextInput = Input;
-export { Input, TextInput, inputVariants };
+import*as i from"react/jsx-runtime";import*as t from"@codefast-ui/input";import*as e from"./spinner.js";import*as r from"../lib/utils.js";let s=(0,r.tv)({slots:{root:"border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",input:"placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium"}}),{input:n,root:a}=s();function o({className:r,disabled:s,loaderPosition:o,loading:d,prefix:l,readOnly:u,spinner:f,suffix:p,...h}){return(0,i.jsx)(t.Root,{className:a({className:r}),"data-slot":"input",disabled:s,loaderPosition:o,loading:d,prefix:l,readOnly:u,spinner:f||(0,i.jsx)(e.Spinner,{}),suffix:p,children:(0,i.jsx)(t.Field,{className:n(),"data-slot":"input-item",...h})})}let d=o;export{o as Input,d as TextInput,s as inputVariants};
+//# sourceMappingURL=input.js.map

package/dist/esm/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/input.js","sources":["webpack://@codefast/ui/./src/components/input.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Spinner } from \"@/components/spinner\";\nimport { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = tv({\n  slots: {\n    root: \"border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n    input:\n      \"placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium\",\n  },\n});\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nfunction Input({\n  className,\n  disabled,\n  loaderPosition,\n  loading,\n  prefix,\n  readOnly,\n  spinner,\n  suffix,\n  ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n  Omit<ComponentProps<typeof InputPrimitive.Field>, \"prefix\" | \"type\"> &\n  VariantProps<typeof inputVariants> & {\n    type?:\n      | \"date\"\n      | \"datetime-local\"\n      | \"email\"\n      | \"file\"\n      | \"month\"\n      | \"number\"\n      | \"password\"\n      | \"search\"\n      | \"tel\"\n      | \"text\"\n      | \"time\"\n      | \"url\"\n      | \"week\";\n  }): JSX.Element {\n  return (\n    <InputPrimitive.Root\n      className={root({ className })}\n      data-slot=\"input\"\n      disabled={disabled}\n      loaderPosition={loaderPosition}\n      loading={loading}\n      prefix={prefix}\n      readOnly={readOnly}\n      spinner={spinner || <Spinner />}\n      suffix={suffix}\n    >\n      <InputPrimitive.Field className={input()} data-slot=\"input-item\" {...props} />\n    </InputPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst TextInput = Input;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, inputVariants, TextInput };\n"],"names":["inputVariants","tv","input","root","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","InputPrimitive","Spinner","TextInput"],"mappings":"0IAaA,IAAMA,EAAgBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACvB,MAAO,CACL,KAAM,qmBACN,MACE,8GACJ,CACF,GAEM,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGH,IAMxB,SAASI,EAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EAkBF,EACD,MACE,UAACC,EAAAA,IAAmB,EAClB,UAAWX,EAAK,CAAEE,UAAAA,CAAU,GAC5B,YAAU,QACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,UAACI,EAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQH,E,SAER,UAACE,EAAAA,KAAoB,EAAC,UAAWZ,IAAS,YAAU,aAAc,GAAGW,CAAK,A,IAGhF,CAWA,IAAMG,EAAYZ,S"}

package/dist/esm/components/kbd.js

@@ -1,12 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function Kbd({ asChild, className, ...props }) {
-    const Component = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "kbd";
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium", className),
-        "data-slot": "kbd",
-        ...props
-    });
-}
-export { Kbd };
+import*as t from"react/jsx-runtime";import*as e from"@radix-ui/react-slot";import*as o from"../lib/utils.js";function r({asChild:r,className:m,...n}){let s=r?e.Slot:"kbd";return(0,t.jsx)(s,{className:(0,o.cn)("bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium",m),"data-slot":"kbd",...n})}export{r as Kbd};
+//# sourceMappingURL=kbd.js.map

package/dist/esm/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/kbd.js","sources":["webpack://@codefast/ui/./src/components/kbd.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Kbd\n * -------------------------------------------------------------------------- */\n\nfunction Kbd({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<\"kbd\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"kbd\";\n\n  return (\n    <Component\n      className={cn(\n        \"bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium\",\n        className,\n      )}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Kbd };\n"],"names":["Kbd","asChild","className","props","Component","Slot","cn"],"mappings":"6GAUA,SAASA,EAAI,CACXC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACT,GAAGC,EAGJ,EACC,IAAMC,EAAYH,EAAUI,EAAAA,IAAIA,CAAG,MAEnC,MACE,UAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uIACAJ,GAEF,YAAU,MACT,GAAGC,CAAK,A,EAGf,Q"}

package/dist/esm/components/label.js

@@ -1,11 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_label_49d956a0__ from "@radix-ui/react-label";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function Label({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_label_49d956a0__.Root, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50", className),
-        "data-slot": "label",
-        ...props
-    });
-}
-export { Label };
+import*as a from"react/jsx-runtime";import*as t from"@radix-ui/react-label";import*as e from"../lib/utils.js";function i({className:i,...r}){return(0,a.jsx)(t.Root,{className:(0,e.cn)("peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50",i),"data-slot":"label",...r})}export{i as Label};
+//# sourceMappingURL=label.js.map

package/dist/esm/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/label.js","sources":["webpack://@codefast/ui/./src/components/label.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\nfunction Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        \"peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"label\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label };\n"],"names":["Label","className","props","LabelPrimitive","cn"],"mappings":"8GAUA,SAASA,EAAM,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAmD,EAChF,MACE,UAACC,EAAAA,IAAmB,EAClB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uMACAH,GAEF,YAAU,QACT,GAAGC,CAAK,A,EAGf,Q"}

package/dist/esm/components/menubar.js

@@ -1,153 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__ from "@radix-ui/react-menubar";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function Menubar({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Root, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background flex items-center space-x-1 rounded-lg border p-1", className),
-        "data-slot": "menubar",
-        ...props
-    });
-}
-function MenubarMenu({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Menu, {
-        "data-slot": "menubar-menu",
-        ...props
-    });
-}
-function MenubarGroup({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Group, {
-        "data-slot": "menubar-group",
-        ...props
-    });
-}
-function MenubarSub({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Sub, {
-        "data-slot": "menubar-sub",
-        ...props
-    });
-}
-function MenubarRadioGroup({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.RadioGroup, {
-        "data-slot": "menubar-radio-group",
-        ...props
-    });
-}
-function MenubarTrigger({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Trigger, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium", className),
-        "data-slot": "menubar-trigger",
-        ...props
-    });
-}
-function MenubarSubTrigger({ children, className, inset, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.SubTrigger, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm", className),
-        "data-inset": inset,
-        "data-slot": "menubar-sub-trigger",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, {
-                className: "ml-auto size-4"
-            })
-        ]
-    });
-}
-function MenubarSubContent({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Portal, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.SubContent, {
-            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg", className),
-            "data-slot": "menubar-sub-content",
-            ...props
-        })
-    });
-}
-function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Portal, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Content, {
-            align: align,
-            alignOffset: alignOffset,
-            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg", className),
-            "data-slot": "menubar-content",
-            sideOffset: sideOffset,
-            ...props
-        })
-    });
-}
-function MenubarItem({ className, inset, variant, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Item, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
-        "data-inset": inset,
-        "data-slot": "menubar-item",
-        "data-variant": variant,
-        ...props
-    });
-}
-function MenubarCheckboxItem({ checked, children, className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.CheckboxItem, {
-        checked: checked,
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
-        "data-slot": "menubar-checkbox-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                className: "absolute left-2 flex items-center justify-center",
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.ItemIndicator, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
-                        className: "size-4"
-                    })
-                })
-            }),
-            children
-        ]
-    });
-}
-function MenubarRadioItem({ children, className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.RadioItem, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
-        "data-slot": "menubar-radio-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                className: "absolute left-2 flex items-center justify-center",
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.ItemIndicator, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.DotIcon, {
-                        className: "size-4 fill-current"
-                    })
-                })
-            }),
-            children
-        ]
-    });
-}
-function MenubarLabel({ className, inset, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Label, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold", className),
-        "data-inset": inset,
-        "data-slot": "menubar-label",
-        ...props
-    });
-}
-function MenubarSeparator({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Separator, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border mx-2 my-1 h-px", className),
-        "data-slot": "menubar-separator",
-        ...props
-    });
-}
-function MenubarShortcut({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest", className),
-        "data-slot": "menubar-shortcut",
-        ...props
-    });
-}
-function MenubarArrow({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Arrow, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("fill-popover", className),
-        "data-slot": "menubar-arrow",
-        ...props
-    });
-}
-export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+import*as t from"react/jsx-runtime";import*as e from"@radix-ui/react-menubar";import*as a from"lucide-react";import*as n from"../lib/utils.js";function s({className:a,...s}){return(0,t.jsx)(e.Root,{className:(0,n.cn)("bg-background flex items-center space-x-1 rounded-lg border p-1",a),"data-slot":"menubar",...s})}function r({...a}){return(0,t.jsx)(e.Menu,{"data-slot":"menubar-menu",...a})}function o({...a}){return(0,t.jsx)(e.Group,{"data-slot":"menubar-group",...a})}function d({...a}){return(0,t.jsx)(e.Sub,{"data-slot":"menubar-sub",...a})}function i({...a}){return(0,t.jsx)(e.RadioGroup,{"data-slot":"menubar-radio-group",...a})}function u({className:a,...s}){return(0,t.jsx)(e.Trigger,{className:(0,n.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium",a),"data-slot":"menubar-trigger",...s})}function c({children:s,className:r,inset:o,...d}){return(0,t.jsxs)(e.SubTrigger,{className:(0,n.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm",r),"data-inset":o,"data-slot":"menubar-sub-trigger",...d,children:[s,(0,t.jsx)(a.ChevronRightIcon,{className:"ml-auto size-4"})]})}function l({className:a,...s}){return(0,t.jsx)(e.Portal,{children:(0,t.jsx)(e.SubContent,{className:(0,n.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg",a),"data-slot":"menubar-sub-content",...s})})}function m({align:a="start",alignOffset:s=-4,className:r,sideOffset:o=4,...d}){return(0,t.jsx)(e.Portal,{children:(0,t.jsx)(e.Content,{align:a,alignOffset:s,className:(0,n.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg",r),"data-slot":"menubar-content",sideOffset:o,...d})})}function p({className:a,inset:s,variant:r,...o}){return(0,t.jsx)(e.Item,{className:(0,n.cn)("focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",a),"data-inset":s,"data-slot":"menubar-item","data-variant":r,...o})}function f({checked:s,children:r,className:o,...d}){return(0,t.jsxs)(e.CheckboxItem,{checked:s,className:(0,n.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",o),"data-slot":"menubar-checkbox-item",...d,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(e.ItemIndicator,{children:(0,t.jsx)(a.CheckIcon,{className:"size-4"})})}),r]})}function b({children:s,className:r,...o}){return(0,t.jsxs)(e.RadioItem,{className:(0,n.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",r),"data-slot":"menubar-radio-item",...o,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(e.ItemIndicator,{children:(0,t.jsx)(a.DotIcon,{className:"size-4 fill-current"})})}),s]})}function x({className:a,inset:s,...r}){return(0,t.jsx)(e.Label,{className:(0,n.cn)("data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold",a),"data-inset":s,"data-slot":"menubar-label",...r})}function g({className:a,...s}){return(0,t.jsx)(e.Separator,{className:(0,n.cn)("bg-border mx-2 my-1 h-px",a),"data-slot":"menubar-separator",...s})}function h({className:e,...a}){return(0,t.jsx)("span",{className:(0,n.cn)("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"menubar-shortcut",...a})}function v({className:a,...s}){return(0,t.jsx)(e.Arrow,{className:(0,n.cn)("fill-popover",a),"data-slot":"menubar-arrow",...s})}export{s as Menubar,v as MenubarArrow,f as MenubarCheckboxItem,m as MenubarContent,o as MenubarGroup,p as MenubarItem,x as MenubarLabel,r as MenubarMenu,i as MenubarRadioGroup,b as MenubarRadioItem,g as MenubarSeparator,h as MenubarShortcut,d as MenubarSub,l as MenubarSubContent,c as MenubarSubTrigger,u as MenubarTrigger};
+//# sourceMappingURL=menubar.js.map

package/dist/esm/components/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/menubar.js","sources":["webpack://@codefast/ui/./src/components/menubar.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, DotIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\nfunction Menubar({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Root>): JSX.Element {\n  return (\n    <MenubarPrimitive.Root\n      className={cn(\"bg-background flex items-center space-x-1 rounded-lg border p-1\", className)}\n      data-slot=\"menubar\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\nfunction MenubarMenu({ ...props }: ComponentProps<typeof MenubarPrimitive.Menu>): JSX.Element {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\nfunction MenubarGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.Group>): JSX.Element {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSub({ ...props }: ComponentProps<typeof MenubarPrimitive.Sub>): JSX.Element {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction MenubarRadioGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.RadioGroup>): JSX.Element {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\nfunction MenubarTrigger({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Trigger>): JSX.Element {\n  return (\n    <MenubarPrimitive.Trigger\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium\",\n        className,\n      )}\n      data-slot=\"menubar-trigger\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSubTrigger({\n  children,\n  className,\n  inset,\n  ...props\n}: ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}): JSX.Element {\n  return (\n    <MenubarPrimitive.SubTrigger\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm\",\n        className,\n      )}\n      data-inset={inset}\n      data-slot=\"menubar-sub-trigger\"\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSubContent({ className, ...props }: ComponentProps<typeof MenubarPrimitive.SubContent>): JSX.Element {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.SubContent\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg\",\n          className,\n        )}\n        data-slot=\"menubar-sub-content\"\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\nfunction MenubarContent({\n  align = \"start\",\n  alignOffset = -4,\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof MenubarPrimitive.Content>): JSX.Element {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg\",\n          className,\n        )}\n        data-slot=\"menubar-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant,\n  ...props\n}: ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}): JSX.Element {\n  return (\n    <MenubarPrimitive.Item\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-inset={inset}\n      data-slot=\"menubar-item\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarCheckboxItem({\n  checked,\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof MenubarPrimitive.CheckboxItem>): JSX.Element {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      checked={checked}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot=\"menubar-checkbox-item\"\n      {...props}\n    >\n      <span className=\"absolute left-2 flex items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarRadioItem({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof MenubarPrimitive.RadioItem>): JSX.Element {\n  return (\n    <MenubarPrimitive.RadioItem\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot=\"menubar-radio-item\"\n      {...props}\n    >\n      <span className=\"absolute left-2 flex items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <DotIcon className=\"size-4 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}): JSX.Element {\n  return (\n    <MenubarPrimitive.Label\n      className={cn(\"data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold\", className)}\n      data-inset={inset}\n      data-slot=\"menubar-label\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSeparator({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Separator>): JSX.Element {\n  return (\n    <MenubarPrimitive.Separator\n      className={cn(\"bg-border mx-2 my-1 h-px\", className)}\n      data-slot=\"menubar-separator\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\nfunction MenubarShortcut({ className, ...props }: ComponentProps<\"span\">): JSX.Element {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      data-slot=\"menubar-shortcut\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarArrow\n * -------------------------------------------------------------------------- */\n\nfunction MenubarArrow({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Arrow>): JSX.Element {\n  return <MenubarPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"menubar-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Menubar,\n  MenubarArrow,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"names":["Menubar","className","props","MenubarPrimitive","cn","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","MenubarTrigger","MenubarSubTrigger","children","inset","ChevronRightIcon","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","variant","MenubarCheckboxItem","checked","CheckIcon","MenubarRadioItem","DotIcon","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarArrow"],"mappings":"+IAWA,SAASA,EAAQ,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAqD,EACpF,MACE,UAACC,EAAAA,IAAqB,EACpB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,kEAAmEH,GACjF,YAAU,UACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,EAAY,CAAE,GAAGH,EAAqD,EAC7E,MAAO,UAACC,EAAAA,IAAqB,EAAC,YAAU,eAAgB,GAAGD,CAAK,A,EAClE,CAMA,SAASI,EAAa,CAAE,GAAGJ,EAAsD,EAC/E,MAAO,UAACC,EAAAA,KAAsB,EAAC,YAAU,gBAAiB,GAAGD,CAAK,A,EACpE,CAMA,SAASK,EAAW,CAAE,GAAGL,EAAoD,EAC3E,MAAO,UAACC,EAAAA,GAAoB,EAAC,YAAU,cAAe,GAAGD,CAAK,A,EAChE,CAMA,SAASM,EAAkB,CAAE,GAAGN,EAA2D,EACzF,MAAO,UAACC,EAAAA,UAA2B,EAAC,YAAU,sBAAuB,GAAGD,CAAK,A,EAC/E,CAMA,SAASO,EAAe,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAAwD,EAC9F,MACE,UAACC,EAAAA,OAAwB,EACvB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,oNACAH,GAEF,YAAU,kBACT,GAAGC,CAAK,A,EAGf,CAMA,SAASQ,EAAkB,CACzBC,SAAAA,CAAQ,CACRV,UAAAA,CAAS,CACTW,MAAAA,CAAK,CACL,GAAGV,EAGJ,EACC,MACE,WAACC,EAAAA,UAA2B,EAC1B,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uOACAH,GAEF,aAAYW,EACZ,YAAU,sBACT,GAAGV,CAAK,C,UAERS,EACD,UAACE,EAAAA,gBAAgBA,CAAAA,CAAC,UAAU,gB,KAGlC,CAMA,SAASC,EAAkB,CAAEb,UAAAA,CAAS,CAAE,GAAGC,EAA2D,EACpG,MACE,UAACC,EAAAA,MAAuB,E,SACtB,UAACA,EAAAA,UAA2B,EAC1B,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,otBACAH,GAEF,YAAU,sBACT,GAAGC,CAAK,A,IAIjB,CAMA,SAASa,EAAe,CACtBC,MAAAA,EAAQ,OAAO,CACfC,YAAAA,EAAc,EAAE,CAChBhB,UAAAA,CAAS,CACTiB,WAAAA,EAAa,CAAC,CACd,GAAGhB,EAC6C,EAChD,MACE,UAACC,EAAAA,MAAuB,E,SACtB,UAACA,EAAAA,OAAwB,EACvB,MAAOa,EACP,YAAaC,EACb,UAAWb,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,6YACAH,GAEF,YAAU,kBACV,WAAYiB,EACX,GAAGhB,CAAK,A,IAIjB,CAMA,SAASiB,EAAY,CACnBlB,UAAAA,CAAS,CACTW,MAAAA,CAAK,CACLQ,QAAAA,CAAO,CACP,GAAGlB,EAIJ,EACC,MACE,UAACC,EAAAA,IAAqB,EACpB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,qiBACAH,GAEF,aAAYW,EACZ,YAAU,eACV,eAAcQ,EACb,GAAGlB,CAAK,A,EAGf,CAMA,SAASmB,EAAoB,CAC3BC,QAAAA,CAAO,CACPX,SAAAA,CAAQ,CACRV,UAAAA,CAAS,CACT,GAAGC,EACkD,EACrD,MACE,WAACC,EAAAA,YAA6B,EAC5B,QAASmB,EACT,UAAWlB,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,kQACAH,GAEF,YAAU,wBACT,GAAGC,CAAK,C,UAET,UAAC,QAAK,UAAU,mD,SACd,UAACC,EAAAA,aAA8B,E,SAC7B,UAACoB,EAAAA,SAASA,CAAAA,CAAC,UAAU,Q,OAGxBZ,E,EAGP,CAMA,SAASa,EAAiB,CACxBb,SAAAA,CAAQ,CACRV,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,WAACC,EAAAA,SAA0B,EACzB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,kQACAH,GAEF,YAAU,qBACT,GAAGC,CAAK,C,UAET,UAAC,QAAK,UAAU,mD,SACd,UAACC,EAAAA,aAA8B,E,SAC7B,UAACsB,EAAAA,OAAOA,CAAAA,CAAC,UAAU,qB,OAGtBd,E,EAGP,CAMA,SAASe,EAAa,CACpBzB,UAAAA,CAAS,CACTW,MAAAA,CAAK,CACL,GAAGV,EAGJ,EACC,MACE,UAACC,EAAAA,KAAsB,EACrB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,8EAA+EH,GAC7F,aAAYW,EACZ,YAAU,gBACT,GAAGV,CAAK,A,EAGf,CAMA,SAASyB,EAAiB,CAAE1B,UAAAA,CAAS,CAAE,GAAGC,EAA0D,EAClG,MACE,UAACC,EAAAA,SAA0B,EACzB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,2BAA4BH,GAC1C,YAAU,oBACT,GAAGC,CAAK,A,EAGf,CAMA,SAAS0B,EAAgB,CAAE3B,UAAAA,CAAS,CAAE,GAAGC,EAA+B,EACtE,MACE,UAAC,QACC,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,0HACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,A,EAGf,CAMA,SAAS2B,EAAa,CAAE5B,UAAAA,CAAS,CAAE,GAAGC,EAAsD,EAC1F,MAAO,UAACC,EAAAA,KAAsB,EAAC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,eAAgBH,GAAY,YAAU,gBAAiB,GAAGC,CAAK,A,EAC9G,Q"}

package/dist/esm/components/navigation-menu.js

@@ -1,94 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__ from "@radix-ui/react-navigation-menu";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function NavigationMenu({ children, className, viewport = true, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Root, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
-        "data-slot": "navigation-menu",
-        "data-viewport": viewport,
-        ...props,
-        children: [
-            children,
-            viewport ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(NavigationMenuViewport, {}) : null
-        ]
-    });
-}
-function NavigationMenuList({ children, className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.List, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-1 list-none items-center justify-center gap-1", className),
-        "data-slot": "navigation-menu-list",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(NavigationMenuIndicator, {
-                className: "invisible"
-            })
-        ]
-    });
-}
-function NavigationMenuItem({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Item, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group-data-[viewport=false]/navigation-menu:relative", className),
-        "data-slot": "navigation-menu-item",
-        ...props
-    });
-}
-const navigationMenuTriggerStyle = (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.tv)({
-    base: (0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
-        className: "data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
-        variant: "ghost"
-    })
-});
-function NavigationMenuTrigger({ children, className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Trigger, {
-        className: navigationMenuTriggerStyle({
-            className
-        }),
-        "data-slot": "navigation-menu-trigger",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {
-                "aria-hidden": "true",
-                className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"
-            })
-        ]
-    });
-}
-function NavigationMenuContent({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Content, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 left-0 top-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=true]/navigation-menu:p-2 group-data-[viewport=false]/navigation-menu:shadow md:absolute md:w-auto", className),
-        "data-slot": "navigation-menu-content",
-        ...props
-    });
-}
-function NavigationMenuLink({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Link, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden flex flex-col gap-1 rounded-sm p-2 text-sm transition [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
-        "data-slot": "navigation-menu-link",
-        ...props
-    });
-}
-function NavigationMenuViewport({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: "perspective-distant absolute left-0 top-full z-30 flex justify-center",
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Viewport, {
-            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border shadow-lg transition-[width,height] sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className),
-            "data-slot": "navigation-menu-viewport",
-            ...props
-        })
-    });
-}
-function NavigationMenuIndicator({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Indicator, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-2 items-center justify-center overflow-hidden", className),
-        "data-slot": "navigation-menu-indicator",
-        ...props,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-            className: "bg-popover text-popover-foreground rounded-tl-xs relative top-[60%] size-2.5 rotate-45"
-        })
-    });
-}
-export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle };
+import*as t from"react/jsx-runtime";import*as a from"@radix-ui/react-navigation-menu";import*as e from"lucide-react";import*as n from"./button.js";import*as o from"../lib/utils.js";function i({children:e,className:n,viewport:i=!0,...r}){return(0,t.jsxs)(a.Root,{className:(0,o.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",n),"data-slot":"navigation-menu","data-viewport":i,...r,children:[e,i?(0,t.jsx)(m,{}):null]})}function r({children:e,className:n,...i}){return(0,t.jsxs)(a.List,{className:(0,o.cn)("flex flex-1 list-none items-center justify-center gap-1",n),"data-slot":"navigation-menu-list",...i,children:[e,(0,t.jsx)(v,{className:"invisible"})]})}function s({className:e,...n}){return(0,t.jsx)(a.Item,{className:(0,o.cn)("group-data-[viewport=false]/navigation-menu:relative",e),"data-slot":"navigation-menu-item",...n})}let d=(0,o.tv)({base:(0,n.buttonVariants)({className:"data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",variant:"ghost"})});function u({children:n,className:o,...i}){return(0,t.jsxs)(a.Trigger,{className:d({className:o}),"data-slot":"navigation-menu-trigger",...i,children:[n,(0,t.jsx)(e.ChevronDownIcon,{"aria-hidden":"true",className:"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"})]})}function l({className:e,...n}){return(0,t.jsx)(a.Content,{className:(0,o.cn)("data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 left-0 top-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=true]/navigation-menu:p-2 group-data-[viewport=false]/navigation-menu:shadow md:absolute md:w-auto",e),"data-slot":"navigation-menu-content",...n})}function g({className:e,...n}){return(0,t.jsx)(a.Link,{className:(0,o.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden flex flex-col gap-1 rounded-sm p-2 text-sm transition [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",e),"data-slot":"navigation-menu-link",...n})}function m({className:e,...n}){return(0,t.jsx)("div",{className:"perspective-distant absolute left-0 top-full z-30 flex justify-center",children:(0,t.jsx)(a.Viewport,{className:(0,o.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border shadow-lg transition-[width,height] sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]",e),"data-slot":"navigation-menu-viewport",...n})})}function v({className:e,...n}){return(0,t.jsx)(a.Indicator,{className:(0,o.cn)("data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-2 items-center justify-center overflow-hidden",e),"data-slot":"navigation-menu-indicator",...n,children:(0,t.jsx)("div",{className:"bg-popover text-popover-foreground rounded-tl-xs relative top-[60%] size-2.5 rotate-45"})})}export{i as NavigationMenu,l as NavigationMenuContent,s as NavigationMenuItem,g as NavigationMenuLink,r as NavigationMenuList,u as NavigationMenuTrigger,d as navigationMenuTriggerStyle};
+//# sourceMappingURL=navigation-menu.js.map