@customafk/lunas-ui 0.0.57 → 0.0.60

package/dist/ui/hover-card.d.ts

@@ -1,20 +1,20 @@
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 import React from "react";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime100.JSX.Element;
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime100.JSX.Element;
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime100.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.ts.map

package/dist/ui/hover-card.js

@@ -1,2 +1,2 @@
-"use client";import e from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{HoverCard as r}from"radix-ui";function i({...e}){return n(r.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return n(r.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:e,align:i=`center`,sideOffset:a=4,...o}){return n(r.Portal,{"data-slot":`hover-card-portal`,children:n(r.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:t(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}export{i as HoverCard,o as HoverCardContent,a as HoverCardTrigger};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import n from"react";import{HoverCard as r}from"radix-ui";function i({...e}){return t(r.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return t(r.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:n,align:i=`center`,sideOffset:a=4,...o}){return t(r.Portal,{"data-slot":`hover-card-portal`,children:t(r.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,n),...o})})}export{i as HoverCard,o as HoverCardContent,a as HoverCardTrigger};
 //# sourceMappingURL=hover-card.js.map

package/dist/ui/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","names":["HoverCardPrimitive"],"sources":["../../packages/components/ui/hover-card.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { HoverCard as HoverCardPrimitive } from 'radix-ui'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n}\n\nfunction HoverCardContent({ className, align = 'center', sideOffset = 4, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger }\n"],"mappings":"mKAMA,SAAS,EAAU,CAAE,GAAG,GAA+D,CACrF,OAAO,EAACA,EAAmB,KAAA,CAAK,YAAU,aAAa,GAAI,IAG7D,SAAS,EAAiB,CAAE,GAAG,GAAkE,CAC/F,OAAO,EAACA,EAAmB,QAAA,CAAQ,YAAU,qBAAqB,GAAI,IAGxE,SAAS,EAAiB,CAAE,YAAW,QAAQ,SAAU,aAAa,EAAG,GAAG,GAAkE,CAC5I,OACE,EAACA,EAAmB,OAAA,CAAO,YAAU,6BACnC,EAACA,EAAmB,QAAA,CAClB,YAAU,qBACH,QACK,aACZ,UAAW,EACT,oeACA,GAEF,GAAI"}
+{"version":3,"file":"hover-card.js","names":["HoverCardPrimitive"],"sources":["../../packages/components/ui/hover-card.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { HoverCard as HoverCardPrimitive } from 'radix-ui'\n\nfunction HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n}\n\nfunction HoverCardContent({ className, align = 'center', sideOffset = 4, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger }\n"],"mappings":"mKAMA,SAAS,EAAU,CAAE,GAAG,GAA+D,CACrF,OAAO,EAACA,EAAmB,KAAA,CAAK,YAAU,aAAa,GAAI,IAG7D,SAAS,EAAiB,CAAE,GAAG,GAAkE,CAC/F,OAAO,EAACA,EAAmB,QAAA,CAAQ,YAAU,qBAAqB,GAAI,IAGxE,SAAS,EAAiB,CAAE,YAAW,QAAQ,SAAU,aAAa,EAAG,GAAG,GAAkE,CAC5I,OACE,EAACA,EAAmB,OAAA,CAAO,YAAU,6BACnC,EAACA,EAAmB,QAAA,CAClB,YAAU,qBACH,QACK,aACZ,UAAW,EACT,oeACA,GAEF,GAAI"}

package/dist/ui/image.cjs

@@ -0,0 +1,2 @@
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../skeleton-1syVaGRv.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=e.__toESM(require(`lucide-react`)),o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,onClick:d})=>{let f=(0,i.useRef)(null),[p,m]=(0,i.useState)(e),[h,g]=(0,i.useState)(0),[_,v]=(0,i.useState)(!1),[y,b]=(0,i.useState)(!1),x=(0,i.useCallback)(()=>{v(!0)},[]),S=(0,i.useCallback)(()=>{if(h<l){b(!1);let t=h+1;g(t),setTimeout(()=>{let n=`?retry=${Date.now()}&attempt=${t}`;m(e+n)},u*t);return}b(!0),v(!0),m(e)},[l,h,u,e]);return y?(0,r.jsx)(`div`,{style:{width:s,height:c},className:`@container relative inline-block`,children:(0,r.jsxs)(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[(0,r.jsx)(a.AlertCircleIcon,{className:`text-danger size-8 @max-[52px]:size-6`}),(0,r.jsx)(`span`,{className:`text-danger-weak y ml-2 text-sm @max-[96px]:sr-only`,children:`Image failed to load`})]})}):(0,r.jsxs)(`div`,{style:{width:s,height:c},className:`relative inline-block`,onClick:d,children:[!_&&(0,r.jsx)(t.Skeleton,{className:`absolute inset-0 flex size-full items-center justify-center`,children:(0,r.jsx)(`div`,{className:`loader`})}),(0,r.jsx)(`img`,{id:p,ref:f,src:p,alt:o,loading:`lazy`,className:(0,n.cn)(`shadow-card size-full rounded-md object-cover transition-opacity duration-300`,_&&`opacity-100`,!_&&`pointer-events-none opacity-0`),onLoad:x,onError:S})]})};exports.Image=o;
+//# sourceMappingURL=image.cjs.map

package/dist/ui/image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { AlertCircleIcon } from 'lucide-react'\n\nimport { Skeleton } from './skeleton'\n\ntype Props = {\n  src?: string\n  alt?: string\n  width?: number | string\n  height?: number | string\n  maxRetries?: number\n  retryDelay?: number\n  onClick?: () => void\n}\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null)\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src)\n  const [retryCount, setRetryCount] = useState<number>(0)\n  const [isLoaded, setIsLoaded] = useState<boolean>(false)\n  const [hasError, setHasError] = useState<boolean>(false)\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true)\n  }, [])\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false)\n      const newRetryCount = retryCount + 1\n      setRetryCount(newRetryCount)\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`\n        setCurrentSrc(src + cacheBuster)\n      }, retryDelay * newRetryCount)\n      return\n    }\n\n    setHasError(true)\n    setIsLoaded(true)\n    setCurrentSrc(src)\n  }, [maxRetries, retryCount, retryDelay, src])\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className=\"@container relative inline-block\">\n        <div className=\"bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md\">\n          <AlertCircleIcon className=\"text-danger size-8 @max-[52px]:size-6\" />\n          <span className=\"text-danger-weak y ml-2 text-sm @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ width, height }} className=\"relative inline-block\" onClick={onClick}>\n      {!isLoaded && (\n        <Skeleton className=\"absolute inset-0 flex size-full items-center justify-center\">\n          <div className=\"loader\" />\n        </Skeleton>\n      )}\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card size-full rounded-md object-cover transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  )\n}\n"],"mappings":"mPAgBaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,aAAc,CAChH,IAAM,GAAA,EAAA,EAAA,QAAoC,MACpC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,GAC3D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,GAC/C,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,IAC5C,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,IAE5C,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,KACX,IAEG,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,IACZ,IAAM,EAAgB,EAAa,EACnC,EAAc,GAGd,eAAiB,CACf,IAAM,EAAc,UAAU,KAAK,MAAM,WAAW,IACpD,EAAc,EAAM,IACnB,EAAa,GAChB,OAGF,EAAY,IACZ,EAAY,IACZ,EAAc,IACb,CAAC,EAAY,EAAY,EAAY,IAaxC,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,6CACvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,2CAC3B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,+DAAsD,+BAO5E,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,wBAAiC,oBACvE,CAAC,IACA,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,wEAClB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGnB,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,gFACA,GAAY,cACZ,CAAC,GAAY,iCAEf,OAAQ,EACR,QAAS"}

package/dist/ui/image.d.cts

@@ -0,0 +1,14 @@
+//#region packages/components/ui/image.d.ts
+type Props = {
+  src?: string;
+  alt?: string;
+  width?: number | string;
+  height?: number | string;
+  maxRetries?: number;
+  retryDelay?: number;
+  onClick?: () => void;
+};
+declare const Image: React.FC<Props>;
+//#endregion
+export { Image };
+//# sourceMappingURL=image.d.cts.map

package/dist/ui/image.d.ts

@@ -0,0 +1,14 @@
+//#region packages/components/ui/image.d.ts
+type Props = {
+  src?: string;
+  alt?: string;
+  width?: number | string;
+  height?: number | string;
+  maxRetries?: number;
+  retryDelay?: number;
+  onClick?: () => void;
+};
+declare const Image: React.FC<Props>;
+//#endregion
+export { Image };
+//# sourceMappingURL=image.d.ts.map

package/dist/ui/image.js

@@ -0,0 +1,2 @@
+import{Skeleton as e}from"../skeleton-D_7tekGk.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useCallback as i,useRef as a,useState as o}from"react";import{AlertCircleIcon as s}from"lucide-react";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,onClick:m})=>{let h=a(null),[g,_]=o(c),[v,y]=o(0),[b,x]=o(!1),[S,C]=o(!1),w=i(()=>{x(!0)},[]),T=i(()=>{if(v<f){C(!1);let e=v+1;y(e),setTimeout(()=>{let t=`?retry=${Date.now()}&attempt=${e}`;_(c+t)},p*e);return}C(!0),x(!0),_(c)},[f,v,p,c]);return S?n(`div`,{style:{width:u,height:d},className:`@container relative inline-block`,children:r(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[n(s,{className:`text-danger size-8 @max-[52px]:size-6`}),n(`span`,{className:`text-danger-weak y ml-2 text-sm @max-[96px]:sr-only`,children:`Image failed to load`})]})}):r(`div`,{style:{width:u,height:d},className:`relative inline-block`,onClick:m,children:[!b&&n(e,{className:`absolute inset-0 flex size-full items-center justify-center`,children:n(`div`,{className:`loader`})}),n(`img`,{id:g,ref:h,src:g,alt:l,loading:`lazy`,className:t(`shadow-card size-full rounded-md object-cover transition-opacity duration-300`,b&&`opacity-100`,!b&&`pointer-events-none opacity-0`),onLoad:w,onError:T})]})};export{c as Image};
+//# sourceMappingURL=image.js.map

package/dist/ui/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","names":["Image: React.FC<Props>"],"sources":["../../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { AlertCircleIcon } from 'lucide-react'\n\nimport { Skeleton } from './skeleton'\n\ntype Props = {\n  src?: string\n  alt?: string\n  width?: number | string\n  height?: number | string\n  maxRetries?: number\n  retryDelay?: number\n  onClick?: () => void\n}\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null)\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src)\n  const [retryCount, setRetryCount] = useState<number>(0)\n  const [isLoaded, setIsLoaded] = useState<boolean>(false)\n  const [hasError, setHasError] = useState<boolean>(false)\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true)\n  }, [])\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false)\n      const newRetryCount = retryCount + 1\n      setRetryCount(newRetryCount)\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`\n        setCurrentSrc(src + cacheBuster)\n      }, retryDelay * newRetryCount)\n      return\n    }\n\n    setHasError(true)\n    setIsLoaded(true)\n    setCurrentSrc(src)\n  }, [maxRetries, retryCount, retryDelay, src])\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className=\"@container relative inline-block\">\n        <div className=\"bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md\">\n          <AlertCircleIcon className=\"text-danger size-8 @max-[52px]:size-6\" />\n          <span className=\"text-danger-weak y ml-2 text-sm @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ width, height }} className=\"relative inline-block\" onClick={onClick}>\n      {!isLoaded && (\n        <Skeleton className=\"absolute inset-0 flex size-full items-center justify-center\">\n          <div className=\"loader\" />\n        </Skeleton>\n      )}\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card size-full rounded-md object-cover transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  )\n}\n"],"mappings":"sQAgBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,aAAc,CAChH,IAAM,EAAW,EAAyB,MACpC,CAAC,EAAY,GAAiB,EAA6B,GAC3D,CAAC,EAAY,GAAiB,EAAiB,GAC/C,CAAC,EAAU,GAAe,EAAkB,IAC5C,CAAC,EAAU,GAAe,EAAkB,IAE5C,EAAa,MAAkB,CACnC,EAAY,KACX,IAEG,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,IACZ,IAAM,EAAgB,EAAa,EACnC,EAAc,GAGd,eAAiB,CACf,IAAM,EAAc,UAAU,KAAK,MAAM,WAAW,IACpD,EAAc,EAAM,IACnB,EAAa,GAChB,OAGF,EAAY,IACZ,EAAY,IACZ,EAAc,IACb,CAAC,EAAY,EAAY,EAAY,IAaxC,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,4CACvC,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,0CAC3B,EAAC,OAAA,CAAK,UAAU,+DAAsD,8BAO5E,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,wBAAiC,oBACvE,CAAC,GACA,EAAC,EAAA,CAAS,UAAU,uEAClB,EAAC,MAAA,CAAI,UAAU,aAGnB,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,gFACA,GAAY,cACZ,CAAC,GAAY,iCAEf,OAAQ,EACR,QAAS"}

package/dist/ui/input-otp.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`input-otp`));function o({className:e,containerClassName:t,...i}){return(0,r.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,n.cn)(`flex items-center gap-2 has-disabled:opacity-50`,t),className:(0,n.cn)(`disabled:cursor-not-allowed`,e),...i})}function s({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,n.cn)(`flex items-center`,e),...t})}function c({index:e,className:i,...o}){let s=t.default.useContext(a.OTPInputContext),{char:c,hasFakeCaret:l,isActive:u}=s?.slots[e]??{};return(0,r.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:(0,n.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,i),...o,children:[c,l&&(0,r.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,r.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,r.jsx)(i.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`input-otp`));function o({className:e,containerClassName:r,...i}){return(0,n.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,t.cn)(`flex items-center gap-2 has-disabled:opacity-50`,r),className:(0,t.cn)(`disabled:cursor-not-allowed`,e),...i})}function s({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,t.cn)(`flex items-center`,e),...r})}function c({index:e,className:i,...o}){let s=r.default.useContext(a.OTPInputContext),{char:c,hasFakeCaret:l,isActive:u}=s?.slots[e]??{};return(0,n.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:(0,t.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,i),...o,children:[c,l&&(0,n.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,n.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,n.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,n.jsx)(i.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
 //# sourceMappingURL=input-otp.cjs.map

package/dist/ui/input-otp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.cjs","names":["OTPInput","React","OTPInputContext","MinusIcon"],"sources":["../../packages/components/ui/input-otp.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { MinusIcon } from 'lucide-react'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"input-otp-group\" className={cn('flex items-center', className)} {...props} />\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',\n        className,\n      )}\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 h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n"],"mappings":"4PAOA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAAA,CACC,YAAU,YACV,oBAAA,EAAA,EAAA,IAAuB,kDAAmD,GAC1E,WAAA,EAAA,EAAA,IAAc,8BAA+B,GAC7C,GAAI,IAKV,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,oBAAqB,GAAY,GAAI,IAG7F,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CACD,IAAM,EAAkBC,EAAAA,QAAM,WAAWC,EAAAA,iBACnC,CAAE,OAAM,eAAc,YAAa,GAAiB,MAAM,IAAU,GAE1E,OACE,EAAA,EAAA,MAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACE,2fACA,GAEF,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kFACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kEAOzB,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,YACxD,EAAA,EAAA,KAACC,EAAAA,UAAAA"}
+{"version":3,"file":"input-otp.cjs","names":["OTPInput","React","OTPInputContext","MinusIcon"],"sources":["../../packages/components/ui/input-otp.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { MinusIcon } from 'lucide-react'\n\nimport { OTPInput, OTPInputContext } from 'input-otp'\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"input-otp-group\" className={cn('flex items-center', className)} {...props} />\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',\n        className,\n      )}\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 h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n"],"mappings":"4PAQA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAAA,CACC,YAAU,YACV,oBAAA,EAAA,EAAA,IAAuB,kDAAmD,GAC1E,WAAA,EAAA,EAAA,IAAc,8BAA+B,GAC7C,GAAI,IAKV,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,oBAAqB,GAAY,GAAI,IAG7F,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CACD,IAAM,EAAkBC,EAAAA,QAAM,WAAWC,EAAAA,iBACnC,CAAE,OAAM,eAAc,YAAa,GAAiB,MAAM,IAAU,GAE1E,OACE,EAAA,EAAA,MAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACE,2fACA,GAEF,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kFACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kEAOzB,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,YACxD,EAAA,EAAA,KAACC,EAAAA,UAAAA"}

package/dist/ui/input-otp.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 import React from "react";
 import { OTPInput } from "input-otp";
 
@@ -9,21 +9,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime151.JSX.Element;
+}): react_jsx_runtime119.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime151.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime151.JSX.Element;
+}): react_jsx_runtime119.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime151.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.cts.map

package/dist/ui/input-otp.d.ts

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import React from "react";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -9,21 +9,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime92.JSX.Element;
+}): react_jsx_runtime109.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime92.JSX.Element;
+}): react_jsx_runtime109.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.ts.map

package/dist/ui/input-otp.js

@@ -1,2 +1,2 @@
-"use client";import e from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{MinusIcon as i}from"lucide-react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:e,containerClassName:r,...i}){return n(a,{"data-slot":`input-otp`,containerClassName:t(`flex items-center gap-2 has-disabled:opacity-50`,r),className:t(`disabled:cursor-not-allowed`,e),...i})}function c({className:e,...r}){return n(`div`,{"data-slot":`input-otp-group`,className:t(`flex items-center`,e),...r})}function l({index:i,className:a,...s}){let c=e.useContext(o),{char:l,hasFakeCaret:u,isActive:d}=c?.slots[i]??{};return r(`div`,{"data-slot":`input-otp-slot`,"data-active":d,className:t(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[l,u&&n(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:n(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...e}){return n(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:n(i,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"react";import{MinusIcon as i}from"lucide-react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:n,containerClassName:r,...i}){return t(a,{"data-slot":`input-otp`,containerClassName:e(`flex items-center gap-2 has-disabled:opacity-50`,r),className:e(`disabled:cursor-not-allowed`,n),...i})}function c({className:n,...r}){return t(`div`,{"data-slot":`input-otp-group`,className:e(`flex items-center`,n),...r})}function l({index:i,className:a,...s}){let c=r.useContext(o),{char:l,hasFakeCaret:u,isActive:d}=c?.slots[i]??{};return n(`div`,{"data-slot":`input-otp-slot`,"data-active":d,className:e(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[l,u&&t(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:t(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...e}){return t(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:t(i,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
 //# sourceMappingURL=input-otp.js.map

package/dist/ui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","names":[],"sources":["../../packages/components/ui/input-otp.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { MinusIcon } from 'lucide-react'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"input-otp-group\" className={cn('flex items-center', className)} {...props} />\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',\n        className,\n      )}\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 h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n"],"mappings":"2OAOA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAGF,CACD,OACE,EAAC,EAAA,CACC,YAAU,YACV,mBAAoB,EAAG,kDAAmD,GAC1E,UAAW,EAAG,8BAA+B,GAC7C,GAAI,IAKV,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAC,MAAA,CAAI,YAAU,kBAAkB,UAAW,EAAG,oBAAqB,GAAY,GAAI,IAG7F,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CACD,IAAM,EAAkB,EAAM,WAAW,GACnC,CAAE,OAAM,eAAc,YAAa,GAAiB,MAAM,IAAU,GAE1E,OACE,EAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,UAAW,EACT,2fACA,GAEF,GAAI,YAEH,EACA,GACC,EAAC,MAAA,CAAI,UAAU,iFACb,EAAC,MAAA,CAAI,UAAU,kEAOzB,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,WACxD,EAAC,EAAA"}
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../packages/components/ui/input-otp.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { MinusIcon } from 'lucide-react'\n\nimport { OTPInput, OTPInputContext } from 'input-otp'\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"input-otp-group\" className={cn('flex items-center', className)} {...props} />\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 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 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',\n        className,\n      )}\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 h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n"],"mappings":"2OAQA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAGF,CACD,OACE,EAAC,EAAA,CACC,YAAU,YACV,mBAAoB,EAAG,kDAAmD,GAC1E,UAAW,EAAG,8BAA+B,GAC7C,GAAI,IAKV,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAC,MAAA,CAAI,YAAU,kBAAkB,UAAW,EAAG,oBAAqB,GAAY,GAAI,IAG7F,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CACD,IAAM,EAAkB,EAAM,WAAW,GACnC,CAAE,OAAM,eAAc,YAAa,GAAiB,MAAM,IAAU,GAE1E,OACE,EAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,UAAW,EACT,2fACA,GAEF,GAAI,YAEH,EACA,GACC,EAAC,MAAA,CAAI,UAAU,iFACb,EAAC,MAAA,CAAI,UAAU,kEAOzB,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,WACxD,EAAC,EAAA"}

package/dist/ui/input.cjs

@@ -1 +1 @@
-"use client";const e=require(`../input-B8bT3wuo.cjs`);exports.Input=e.Input;
+"use client";const e=require(`../input-DQF8Uxmk.cjs`);exports.Input=e.Input;

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { Input } from "../input-BQYGZywO.cjs";
+import { Input } from "../input-6yLVoluZ.cjs";
 export { Input };

package/dist/ui/input.d.ts

@@ -1,2 +1,2 @@
-import { Input } from "../input-B8FXpdwz.js";
+import { Input } from "../input-MftSrRAM.js";
 export { Input };

package/dist/ui/input.js

@@ -1 +1 @@
-"use client";import{Input as e}from"../input-OWyLq45f.js";export{e as Input};
+"use client";import{Input as e}from"../input-B2PP82lE.js";export{e as Input};

package/dist/ui/inputs/search-input.cjs

@@ -1 +1 @@
-require(`../../input-B8bT3wuo.cjs`);const e=require(`../../search-input-BmAoqcee.cjs`);exports.SearchInput=e.SearchInput;
+require(`../../input-DQF8Uxmk.cjs`);const e=require(`../../search-input-B1eWzWZj.cjs`);exports.SearchInput=e.SearchInput;

package/dist/ui/inputs/search-input.d.cts

@@ -1,12 +1,12 @@
-import { Input } from "../../input-BQYGZywO.cjs";
-import * as react_jsx_runtime258 from "react/jsx-runtime";
+import { Input } from "../../input-6yLVoluZ.cjs";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react_jsx_runtime258.JSX.Element;
+}: Props) => react_jsx_runtime235.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.cts.map

package/dist/ui/inputs/search-input.d.ts

@@ -1,12 +1,12 @@
-import { Input } from "../../input-B8FXpdwz.js";
-import * as react_jsx_runtime232 from "react/jsx-runtime";
+import { Input } from "../../input-MftSrRAM.js";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react_jsx_runtime232.JSX.Element;
+}: Props) => react_jsx_runtime235.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.ts.map

package/dist/ui/inputs/search-input.js

@@ -1 +1 @@
-import"../../input-OWyLq45f.js";import{SearchInput as e}from"../../search-input-Ba8aUECr.js";export{e as SearchInput};
+import"../../input-B2PP82lE.js";import{SearchInput as e}from"../../search-input-BZtDbdjl.js";export{e as SearchInput};

package/dist/ui/label.cjs

@@ -1 +1 @@
-"use client";const e=require(`../label-3eYQRRYp.cjs`);exports.Label=e.Label;
+"use client";const e=require(`../label-BvHMsK0O.cjs`);exports.Label=e.Label;

package/dist/ui/label.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
 import React from "react";
 import { Label as Label$1 } from "radix-ui";
 
@@ -6,7 +6,7 @@ import { Label as Label$1 } from "radix-ui";
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime118.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.cts.map

package/dist/ui/label.d.ts

@@ -1,12 +1,12 @@
+import * as react_jsx_runtime124 from "react/jsx-runtime";
 import React from "react";
-import * as react_jsx_runtime228 from "react/jsx-runtime";
 import { Label as Label$1 } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime124.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/ui/label.js

@@ -1 +1 @@
-"use client";import{Label as e}from"../label-BQ52Pjw-.js";export{e as Label};
+"use client";import{Label as e}from"../label-BpefWj7m.js";export{e as Label};

package/dist/ui/menubar.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`)),a=e.__toESM(require(`lucide-react`));function o({className:e,...t}){return(0,r.jsx)(i.Menubar.Root,{"data-slot":`menubar`,className:(0,n.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...t})}function s({...e}){return(0,r.jsx)(i.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function c({...e}){return(0,r.jsx)(i.Menubar.Group,{"data-slot":`menubar-group`,...e})}function l({...e}){return(0,r.jsx)(i.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function u({...e}){return(0,r.jsx)(i.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function d({className:e,...t}){return(0,r.jsx)(i.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...t})}function f({className:e,align:t=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,r.jsx)(l,{children:(0,r.jsx)(i.Menubar.Content,{"data-slot":`menubar-content`,align:t,alignOffset:a,sideOffset:o,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function p({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function m({className:e,children:t,checked:o,...s}){return(0,r.jsxs)(i.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(a.CheckIcon,{className:`size-4`})})}),t]})}function h({className:e,children:t,...o}){return(0,r.jsxs)(i.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(a.CircleIcon,{className:`size-2 fill-current`})})}),t]})}function g({className:e,inset:t,...a}){return(0,r.jsx)(i.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":t,className:(0,n.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function _({className:e,...t}){return(0,r.jsx)(i.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function v({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}function y({...e}){return(0,r.jsx)(i.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function b({className:e,inset:t,children:o,...s}){return(0,r.jsxs)(i.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":t,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,r.jsx)(a.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function x({className:e,...t}){return(0,r.jsx)(i.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}exports.Menubar=o,exports.MenubarCheckboxItem=m,exports.MenubarContent=f,exports.MenubarGroup=c,exports.MenubarItem=p,exports.MenubarLabel=g,exports.MenubarMenu=s,exports.MenubarPortal=l,exports.MenubarRadioGroup=u,exports.MenubarRadioItem=h,exports.MenubarSeparator=_,exports.MenubarShortcut=v,exports.MenubarSub=y,exports.MenubarSubContent=x,exports.MenubarSubTrigger=b,exports.MenubarTrigger=d;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`radix-ui`)),a=e.__toESM(require(`lucide-react`));function o({className:e,...r}){return(0,n.jsx)(i.Menubar.Root,{"data-slot":`menubar`,className:(0,t.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...r})}function s({...e}){return(0,n.jsx)(i.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function c({...e}){return(0,n.jsx)(i.Menubar.Group,{"data-slot":`menubar-group`,...e})}function l({...e}){return(0,n.jsx)(i.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function u({...e}){return(0,n.jsx)(i.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function d({className:e,...r}){return(0,n.jsx)(i.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,t.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...r})}function f({className:e,align:r=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,n.jsx)(l,{children:(0,n.jsx)(i.Menubar.Content,{"data-slot":`menubar-content`,align:r,alignOffset:a,sideOffset:o,className:(0,t.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function p({className:e,inset:r,variant:a=`default`,...o}){return(0,n.jsx)(i.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":r,"data-variant":a,className:(0,t.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function m({className:e,children:r,checked:o,...s}){return(0,n.jsxs)(i.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,t.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(i.Menubar.ItemIndicator,{children:(0,n.jsx)(a.CheckIcon,{className:`size-4`})})}),r]})}function h({className:e,children:r,...o}){return(0,n.jsxs)(i.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,t.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(i.Menubar.ItemIndicator,{children:(0,n.jsx)(a.CircleIcon,{className:`size-2 fill-current`})})}),r]})}function g({className:e,inset:r,...a}){return(0,n.jsx)(i.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":r,className:(0,t.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function _({className:e,...r}){return(0,n.jsx)(i.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,t.cn)(`bg-border -mx-1 my-1 h-px`,e),...r})}function v({className:e,...r}){return(0,n.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,t.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...r})}function y({...e}){return(0,n.jsx)(i.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function b({className:e,inset:r,children:o,...s}){return(0,n.jsxs)(i.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":r,className:(0,t.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,n.jsx)(a.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function x({className:e,...r}){return(0,n.jsx)(i.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:(0,t.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...r})}exports.Menubar=o,exports.MenubarCheckboxItem=m,exports.MenubarContent=f,exports.MenubarGroup=c,exports.MenubarItem=p,exports.MenubarLabel=g,exports.MenubarMenu=s,exports.MenubarPortal=l,exports.MenubarRadioGroup=u,exports.MenubarRadioItem=h,exports.MenubarSeparator=_,exports.MenubarShortcut=v,exports.MenubarSub=y,exports.MenubarSubContent=x,exports.MenubarSubTrigger=b,exports.MenubarTrigger=d;
 //# sourceMappingURL=menubar.cjs.map

package/dist/ui/menubar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.cjs","names":["MenubarPrimitive","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../../packages/components/ui/menubar.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { Menubar as MenubarPrimitive } from 'radix-ui'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 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\nfunction MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return <MenubarPrimitive.Separator data-slot=\"menubar-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"menubar-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  )\n}\n\nfunction MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n}\n"],"mappings":"2PAOA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAA6D,CAC5F,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,4EAA6E,GAC3F,GAAI,IAKV,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,GAAI,IAG/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,IAGjE,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,WAAA,CAAW,YAAU,sBAAsB,GAAI,IAG1E,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0MACA,GAEF,GAAI,IAKV,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,cAAc,GAAI,aAAa,EAAG,GAAG,GAAgE,CACzJ,OACE,EAAA,EAAA,KAAC,EAAA,CAAA,UACC,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACM,cACD,aACZ,WAAA,EAAA,EAAA,IACE,2cACA,GAEF,GAAI,MAMZ,SAAS,EAAY,CACnB,YACA,QACA,UAAU,UACV,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,aAAY,EACZ,eAAc,EACd,WAAA,EAAA,EAAA,IACE,8mBACA,GAEF,GAAI,IAKV,SAAS,EAAoB,CAAE,YAAW,WAAU,UAAS,GAAG,GAAqE,CACnI,OACE,EAAA,EAAA,MAACA,EAAAA,QAAiB,aAAA,CAChB,YAAU,wBACV,WAAA,EAAA,EAAA,IACE,+SACA,GAEO,UACT,GAAI,aAEJ,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,0FACd,EAAA,EAAA,KAACA,EAAAA,QAAiB,cAAA,CAAA,UAChB,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,UAAU,eAGxB,KAKP,SAAS,EAAiB,CAAE,YAAW,WAAU,GAAG,GAAkE,CACpH,OACE,EAAA,EAAA,MAACD,EAAAA,QAAiB,UAAA,CAChB,YAAU,qBACV,WAAA,EAAA,EAAA,IACE,+SACA,GAEF,GAAI,aAEJ,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,0FACd,EAAA,EAAA,KAACA,EAAAA,QAAiB,cAAA,CAAA,UAChB,EAAA,EAAA,KAACE,EAAAA,WAAAA,CAAW,UAAU,4BAGzB,KAKP,SAAS,EAAa,CACpB,YACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAACF,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,aAAY,EACZ,WAAA,EAAA,EAAA,IAAc,oDAAqD,GACnE,GAAI,IAKV,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,GAAY,GAAI,IAG9H,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,wDAAyD,GAAY,GAAI,IAGnI,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,IAAA,CAAI,YAAU,cAAc,GAAI,IAG3D,SAAS,EAAkB,CACzB,YACA,QACA,WACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,QAAiB,WAAA,CAChB,YAAU,sBACV,aAAY,EACZ,WAAA,EAAA,EAAA,IACE,+NACA,GAEF,GAAI,YAEH,GACD,EAAA,EAAA,KAACG,EAAAA,iBAAAA,CAAiB,UAAU,uBAKlC,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OACE,EAAA,EAAA,KAACH,EAAAA,QAAiB,WAAA,CAChB,YAAU,sBACV,WAAA,EAAA,EAAA,IACE,0eACA,GAEF,GAAI"}
+{"version":3,"file":"menubar.cjs","names":["MenubarPrimitive","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../../packages/components/ui/menubar.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\n\nimport { Menubar as MenubarPrimitive } from 'radix-ui'\n\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 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\nfunction MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return <MenubarPrimitive.Separator data-slot=\"menubar-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"menubar-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  )\n}\n\nfunction MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n}\n"],"mappings":"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"}

package/dist/ui/menubar.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime118 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 import React from "react";
 import { Menubar as Menubar$1 } from "radix-ui";
 
@@ -6,30 +6,30 @@ import { Menubar as Menubar$1 } from "radix-ui";
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime164.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime164.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime164.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime164.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime164.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime164.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime164.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
@@ -38,36 +38,36 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime118.JSX.Element;
+}): react_jsx_runtime164.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime164.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime164.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime118.JSX.Element;
+}): react_jsx_runtime164.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime164.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime164.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime164.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
@@ -75,11 +75,11 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime118.JSX.Element;
+}): react_jsx_runtime164.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.cts.map