@codefast/ui 0.0.4 → 0.0.6

package/dist/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-otp.tsx"],"names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","cn","InputOTPGroup","InputOTPSlot","index","slot","InputOTPSeparator"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,gCAAAC,MACK,YAWL,cAAAC,EAoCE,QAAAC,MApCF,oBAJF,IAAMC,EAAiB,aAGrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC9CN,EAACH,EAAA,CACC,IAAKS,EACL,mBAAoBC,EAClB,qDACAH,CACF,EACA,UAAWG,EAAG,8BAA+BJ,CAAS,EACrD,GAAGE,EACN,CACD,EACDH,EAAS,YAAc,WAMvB,IAAMM,EAAsB,aAG1B,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IAC1BN,EAAC,OAAI,IAAKM,EAAK,UAAWC,EAAG,oBAAqBJ,CAAS,EAAI,GAAGE,EAAO,CAC1E,EACDG,EAAc,YAAc,gBAM5B,IAAMC,EAAqB,aAGzB,CAAC,CAAE,MAAAC,EAAO,UAAAP,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAEzC,IAAMK,EADwB,aAAWb,CAAe,EAC3B,MAAMY,CAAK,EAExC,OACET,EAAC,OACC,IAAKK,EACL,UAAWC,EACT,gKACAI,GAAM,UAAY,+CAClBR,CACF,EACC,GAAGE,EAEH,UAAAM,GAAM,KACNA,GAAM,aACLX,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,2DAA2D,EAC5E,EACE,MACN,CAEJ,CAAC,EACDS,EAAa,YAAc,eAM3B,IAAMG,EAA0B,aAG9B,CAAC,CAAE,GAAGP,CAAM,EAAGC,IACfN,EAAC,OAAI,IAAKM,EAAK,KAAK,YAAa,GAAGD,EAClC,SAAAL,EAACJ,EAAA,EAAc,EACjB,CACD,EACDgB,EAAkB,YAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSlot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"border-input relative flex h-10 w-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        slot?.isActive && \"ring-ring ring-offset-background z-10 ring-2\",\n        className,\n      )}\n      {...props}\n    >\n      {slot?.char}\n      {slot?.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      ) : null}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"]}
+{"version":3,"sources":["../src/input-otp.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWL,cAoCE,YApCF;AAJF,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAMvB,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,cAAc,cAAc;AAM5B,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,aAAa,cAAc;AAM3B,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AACD,kBAAkB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSlot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        slot?.isActive && \"ring-ring z-10 ring-2\",\n        className,\n      )}\n      {...props}\n    >\n      {slot?.char}\n      {slot?.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      ) : null}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"]}

package/dist/input-otp.mjs

@@ -1,2 +1,60 @@
-"use client";import{b as o}from"./chunk-JTI7KCLO.mjs";import*as r from"react";import{DotFilledIcon as l}from"@radix-ui/react-icons";import{OTPInput as c,OTPInputContext as p,REGEXP_ONLY_DIGITS_AND_CHARS as I}from"input-otp";import{jsx as n,jsxs as T}from"react/jsx-runtime";var d=r.forwardRef(({className:e,containerClassName:t,...a},i)=>n(c,{ref:i,containerClassName:o("flex items-center gap-2 has-[:disabled]:opacity-50",t),className:o("disabled:cursor-not-allowed",e),...a}));d.displayName="InputOTP";var m=r.forwardRef(({className:e,...t},a)=>n("div",{ref:a,className:o("flex items-center",e),...t}));m.displayName="InputOTPGroup";var u=r.forwardRef(({index:e,className:t,...a},i)=>{let s=r.useContext(p).slots[e];return T("div",{ref:i,className:o("border-input relative flex h-10 w-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",s?.isActive&&"ring-ring ring-offset-background z-10 ring-2",t),...a,children:[s?.char,s?.hasFakeCaret?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"})}):null]})});u.displayName="InputOTPSlot";var f=r.forwardRef(({...e},t)=>n("div",{ref:t,role:"separator",...e,children:n(l,{})}));f.displayName="InputOTPSeparator";export{d as InputOTP,m as InputOTPGroup,f as InputOTPSeparator,u as InputOTPSlot,I as REGEXP_ONLY_DIGITS_AND_CHARS};
+"use client";
+import {
+  cn
+} from "./chunk-UG3URV2Z.mjs";
+
+// src/input-otp.tsx
+import * as React from "react";
+import { DotFilledIcon } from "@radix-ui/react-icons";
+import {
+  OTPInput,
+  OTPInputContext,
+  REGEXP_ONLY_DIGITS_AND_CHARS
+} from "input-otp";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        slot?.isActive && "ring-ring z-10 ring-2",
+        className
+      ),
+      ...props,
+      children: [
+        slot?.char,
+        slot?.hasFakeCaret ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }) : null
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(DotFilledIcon, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  REGEXP_ONLY_DIGITS_AND_CHARS
+};
 //# sourceMappingURL=input-otp.mjs.map

package/dist/input-otp.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSlot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"border-input relative flex h-10 w-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        slot?.isActive && \"ring-ring ring-offset-background z-10 ring-2\",\n        className,\n      )}\n      {...props}\n    >\n      {slot?.char}\n      {slot?.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      ) : null}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,gCAAAC,MACK,YAWL,cAAAC,EAoCE,QAAAC,MApCF,oBAJF,IAAMC,EAAiB,aAGrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC9CN,EAACO,EAAA,CACC,IAAKD,EACL,mBAAoBE,EAClB,qDACAJ,CACF,EACA,UAAWI,EAAG,8BAA+BL,CAAS,EACrD,GAAGE,EACN,CACD,EACDH,EAAS,YAAc,WAMvB,IAAMO,EAAsB,aAG1B,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IAC1BN,EAAC,OAAI,IAAKM,EAAK,UAAWE,EAAG,oBAAqBL,CAAS,EAAI,GAAGE,EAAO,CAC1E,EACDI,EAAc,YAAc,gBAM5B,IAAMC,EAAqB,aAGzB,CAAC,CAAE,MAAAC,EAAO,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAEzC,IAAMM,EADwB,aAAWC,CAAe,EAC3B,MAAMF,CAAK,EAExC,OACEV,EAAC,OACC,IAAKK,EACL,UAAWE,EACT,gKACAI,GAAM,UAAY,+CAClBT,CACF,EACC,GAAGE,EAEH,UAAAO,GAAM,KACNA,GAAM,aACLZ,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,2DAA2D,EAC5E,EACE,MACN,CAEJ,CAAC,EACDU,EAAa,YAAc,eAM3B,IAAMI,EAA0B,aAG9B,CAAC,CAAE,GAAGT,CAAM,EAAGC,IACfN,EAAC,OAAI,IAAKM,EAAK,KAAK,YAAa,GAAGD,EAClC,SAAAL,EAACe,EAAA,EAAc,EACjB,CACD,EACDD,EAAkB,YAAc","names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","slot","OTPInputContext","InputOTPSeparator","DotFilledIcon"]}
+{"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSlot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        slot?.isActive && \"ring-ring z-10 ring-2\",\n        className,\n      )}\n      {...props}\n    >\n      {slot?.char}\n      {slot?.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      ) : null}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWL,cAoCE,YApCF;AAJF,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAMvB,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,cAAc,cAAc;AAM5B,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,aAAa,cAAc;AAM3B,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AACD,kBAAkB,cAAc;","names":[]}

package/dist/input.js

@@ -1,2 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var t = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var l=t.forwardRef(({className:r,type:o,...n},i)=>_jsxruntime.jsx.call(void 0, "input",{type:o,className:_chunkQZCQ42BPjs.b.call(void 0, "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",r),ref:i,...n}));l.displayName="Input";exports.Input = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
+
+// src/input.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Input = React.forwardRef(({ className, type, ...props }, ref) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      type,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Input.displayName = "Input";
+
+
+exports.Input = Input;
 //# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input.tsx"],"names":["React","jsx","Input","className","type","props","ref","cn"],"mappings":"wCAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBALJ,IAAMC,EAAc,aAGlB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAE9BL,EAAC,SACC,KAAMG,EACN,UAAWG,EACT,wUACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,CAEH,EACDH,EAAM,YAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(({ className, type, ...props }, ref) => {\n  return (\n    <input\n      type={type}\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input };\n"]}
+{"version":3,"sources":["../src/input.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AALJ,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,QAAQ;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,MAAM,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(({ className, type, ...props }, ref) => {\n  return (\n    <input\n      type={type}\n      className={cn(\n        \"border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input };\n"]}

package/dist/input.mjs

@@ -1,2 +1,26 @@
-import{b as e}from"./chunk-JTI7KCLO.mjs";import*as t from"react";import{jsx as s}from"react/jsx-runtime";var l=t.forwardRef(({className:r,type:o,...n},i)=>s("input",{type:o,className:e("border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",r),ref:i,...n}));l.displayName="Input";export{l as Input};
+import {
+  cn
+} from "./chunk-UG3URV2Z.mjs";
+
+// src/input.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Input = React.forwardRef(({ className, type, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      className: cn(
+        "border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Input.displayName = "Input";
+export {
+  Input
+};
 //# sourceMappingURL=input.mjs.map

package/dist/input.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(({ className, type, ...props }, ref) => {\n  return (\n    <input\n      type={type}\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input };\n"],"mappings":"yCAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBALJ,IAAMC,EAAc,aAGlB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAE9BL,EAAC,SACC,KAAMG,EACN,UAAWG,EACT,wUACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,CAEH,EACDH,EAAM,YAAc","names":["React","jsx","Input","className","type","props","ref","cn"]}
+{"version":3,"sources":["../src/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(({ className, type, ...props }, ref) => {\n  return (\n    <input\n      type={type}\n      className={cn(\n        \"border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AALJ,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,QAAQ;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,MAAM,cAAc;","names":[]}

package/dist/label.js

@@ -1,2 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk7UVSBFQUjs = require('./chunk-7UVSBFQU.js');require('./chunk-QZCQ42BP.js');exports.Label = _chunk7UVSBFQUjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkRTKEO347js = require('./chunk-RTKEO347.js');
+require('./chunk-G3NP7M2N.js');
+
+
+exports.Label = _chunkRTKEO347js.Label;
 //# sourceMappingURL=label.js.map

package/dist/label.mjs

@@ -1,2 +1,9 @@
-"use client";import{a}from"./chunk-76AASLTX.mjs";import"./chunk-JTI7KCLO.mjs";export{a as Label};
+"use client";
+import {
+  Label
+} from "./chunk-PTD4AMHI.mjs";
+import "./chunk-UG3URV2Z.mjs";
+export {
+  Label
+};
 //# sourceMappingURL=label.mjs.map

package/dist/menubar.d.mts

@@ -6,7 +6,6 @@ declare const MenubarMenu: {
     displayName: string;
 };
 declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
 declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
 declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const Menubar: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>>;
@@ -27,4 +26,4 @@ declare const MenubarLabel: React.ForwardRefExoticComponent<MenubarPrimitive.Men
 declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function MenubarShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
 
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/menubar.d.ts

@@ -6,7 +6,6 @@ declare const MenubarMenu: {
     displayName: string;
 };
 declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
 declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
 declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const Menubar: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>>;
@@ -27,4 +26,4 @@ declare const MenubarLabel: React.ForwardRefExoticComponent<MenubarPrimitive.Men
 declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function MenubarShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
 
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/menubar.js

@@ -1,2 +1,189 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactmenubar = require('@radix-ui/react-menubar'); var e = _interopRequireWildcard(_reactmenubar);var _jsxruntime = require('react/jsx-runtime');var S=e.Menu,C= exports.MenubarGroup =e.Group,w= exports.MenubarPortal =e.Portal,T= exports.MenubarSub =e.Sub,E= exports.MenubarRadioGroup =e.RadioGroup,p= exports.Menubar =s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-sm",t),...a}));p.displayName=e.Root.displayName;var f=s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Trigger,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none","data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",t),...a}));f.displayName=e.Trigger.displayName;var M=s.forwardRef(({className:t,inset:a,children:r,...o},m)=>_jsxruntime.jsxs.call(void 0, e.SubTrigger,{ref:m,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none","data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",a&&"pl-8",t),...o,children:[r,_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"ml-auto size-4"})]}));M.displayName=e.SubTrigger.displayName;var P=s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.SubContent,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg","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=left]:slide-out-to-right-2","data-[state=closed]:data-[side=bottom]:slide-out-to-top-2","data-[state=closed]:data-[side=right]:slide-out-to-left-2",t),...a}));P.displayName=e.SubContent.displayName;var v=s.forwardRef(({className:t,align:a="start",alignOffset:r=-4,sideOffset:o=8,...m},u)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:u,align:a,alignOffset:r,sideOffset:o,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground z-50 min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-md","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",t),...m})}));v.displayName=e.Content.displayName;var R=s.forwardRef(({className:t,inset:a,...r},o)=>_jsxruntime.jsx.call(void 0, e.Item,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none","aria-disabled:pointer-events-none aria-disabled:opacity-50",a&&"pl-8",t),...r}));R.displayName=e.Item.displayName;var g=s.forwardRef(({className:t,children:a,checked:r,...o},m)=>_jsxruntime.jsxs.call(void 0, e.CheckboxItem,{ref:m,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none","aria-disabled:pointer-events-none aria-disabled:opacity-50",t),checked:r,...o,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-4"})})}),a]}));g.displayName=e.CheckboxItem.displayName;var y=s.forwardRef(({className:t,children:a,...r},o)=>_jsxruntime.jsxs.call(void 0, e.RadioItem,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none","aria-disabled:pointer-events-none aria-disabled:opacity-50",t),...r,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{className:"size-4 fill-current"})})}),a]}));y.displayName=e.RadioItem.displayName;var x=s.forwardRef(({className:t,inset:a,...r},o)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "px-2 py-1.5 text-sm font-semibold",a&&"pl-8",t),...r}));x.displayName=e.Label.displayName;var N=s.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Separator,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-muted -mx-1 my-1 h-px",t),...a}));N.displayName=e.Separator.displayName;function k({className:t,...a}){return _jsxruntime.jsx.call(void 0, "span",{className:_chunkQZCQ42BPjs.b.call(void 0, "text-muted-foreground ml-auto text-xs tracking-widest",t),...a})}exports.Menubar = p; exports.MenubarCheckboxItem = g; exports.MenubarContent = v; exports.MenubarGroup = C; exports.MenubarItem = R; exports.MenubarLabel = x; exports.MenubarMenu = S; exports.MenubarPortal = w; exports.MenubarRadioGroup = E; exports.MenubarRadioItem = y; exports.MenubarSeparator = N; exports.MenubarShortcut = k; exports.MenubarSub = T; exports.MenubarSubContent = P; exports.MenubarSubTrigger = M; exports.MenubarTrigger = f;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
+
+// src/menubar.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+
+
+
+
+var _reacticons = require('@radix-ui/react-icons');
+var _reactmenubar = require('@radix-ui/react-menubar'); var MenubarPrimitive = _interopRequireWildcard(_reactmenubar);
+var _jsxruntime = require('react/jsx-runtime');
+var MenubarMenu = MenubarPrimitive.Menu;
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+var Menubar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon, { className: "ml-auto size-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenubarPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "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=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
+      className
+    ),
+    ...props
+  }
+) }));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = React.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenubarPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    MenubarPrimitive.Content,
+    {
+      ref,
+      align,
+      alignOffset,
+      sideOffset,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "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-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CheckIcon, { className: "size-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon, { className: "size-4 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-muted -mx-1 my-1 h-px", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Menubar = Menubar; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarContent = MenubarContent; exports.MenubarGroup = MenubarGroup; exports.MenubarItem = MenubarItem; exports.MenubarLabel = MenubarLabel; exports.MenubarMenu = MenubarMenu; exports.MenubarRadioGroup = MenubarRadioGroup; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.MenubarSub = MenubarSub; exports.MenubarSubContent = MenubarSubContent; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarTrigger = MenubarTrigger;
 //# sourceMappingURL=menubar.js.map

package/dist/menubar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/menubar.tsx"],"names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarPortal","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  DotFilledIcon,\n} from \"@radix-ui/react-icons\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarPortal\n * -------------------------------------------------------------------------- */\n\nconst MenubarPortal = MenubarPrimitive.Portal;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\nconst Menubar = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Root>,\n  MenubarPrimitive.MenubarProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-sm\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\nconst MenubarTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\n  MenubarPrimitive.MenubarTriggerProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none\",\n      \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\nconst MenubarSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  MenubarPrimitive.MenubarSubTriggerProps & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenubarPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none\",\n      \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto size-4\" />\n  </MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\nconst MenubarSubContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\n  MenubarPrimitive.MenubarSubContentProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg\",\n      \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n      \"data-[state=open]:data-[side=top]:slide-in-from-bottom-2\",\n      \"data-[state=open]:data-[side=right]:slide-in-from-left-2\",\n      \"data-[state=open]:data-[side=bottom]:slide-in-from-top-2\",\n      \"data-[state=open]:data-[side=left]:slide-in-from-right-2\",\n      \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n      \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n      \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n      \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n      \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\nconst MenubarContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Content>,\n  MenubarPrimitive.MenubarContentProps\n>(\n  (\n    { className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props },\n    ref,\n  ) => (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        ref={ref}\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground z-50 min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-md\",\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          \"data-[state=open]:data-[side=top]:slide-in-from-bottom-2\",\n          \"data-[state=open]:data-[side=right]:slide-in-from-left-2\",\n          \"data-[state=open]:data-[side=bottom]:slide-in-from-top-2\",\n          \"data-[state=open]:data-[side=left]:slide-in-from-right-2\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  ),\n);\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\nconst MenubarItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Item>,\n  MenubarPrimitive.MenubarItemProps & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none\",\n      \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\nconst MenubarCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  MenubarPrimitive.MenubarCheckboxItemProps\n>(({ className, children, checked, ...props }, ref) => (\n  <MenubarPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none\",\n      \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"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));\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\nconst MenubarRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n  MenubarPrimitive.MenubarRadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <MenubarPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none\",\n      \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <MenubarPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"size-4 fill-current\" />\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\nconst MenubarLabel = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Label>,\n  MenubarPrimitive.MenubarLabelProps & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\nconst MenubarSeparator = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n));\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarItem,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarPortal,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarGroup,\n  MenubarSub,\n  MenubarShortcut,\n};\n"]}
+{"version":3,"sources":["../src/menubar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  DotFilledIcon,\n} from \"@radix-ui/react-icons\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\nconst Menubar = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Root>,\n  MenubarPrimitive.MenubarProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\nconst MenubarTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\n  MenubarPrimitive.MenubarTriggerProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Trigger\n    ref={ref}\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 select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\nconst MenubarSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  MenubarPrimitive.MenubarSubTriggerProps & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenubarPrimitive.SubTrigger\n    ref={ref}\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 select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto size-4\" />\n  </MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\nconst MenubarSubContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\n  MenubarPrimitive.MenubarSubContentProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Portal>\n    <MenubarPrimitive.SubContent\n      ref={ref}\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=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </MenubarPrimitive.Portal>\n));\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\nconst MenubarContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Content>,\n  MenubarPrimitive.MenubarContentProps\n>(\n  (\n    { className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props },\n    ref,\n  ) => (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        ref={ref}\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=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-[8rem] rounded-md border p-1 shadow-md focus:outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  ),\n);\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\nconst MenubarItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Item>,\n  MenubarPrimitive.MenubarItemProps & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\nconst MenubarCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  MenubarPrimitive.MenubarCheckboxItemProps\n>(({ className, children, checked, ...props }, ref) => (\n  <MenubarPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"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));\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\nconst MenubarRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n  MenubarPrimitive.MenubarRadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <MenubarPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <MenubarPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"size-4 fill-current\" />\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\nconst MenubarLabel = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Label>,\n  MenubarPrimitive.MenubarLabelProps & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\nconst MenubarSeparator = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n));\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarItem,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarGroup,\n  MenubarSub,\n  MenubarShortcut,\n};\n"]}