@hirely/ui 0.1.6 → 0.1.7

package/dist/components/ui/input-otp.es.js

@@ -0,0 +1,48 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { OTPInput as t, OTPInputContext as n } from "../../node_modules/.bun/input-otp@1.4.2_7492c01c6988791b/node_modules/input-otp/dist/index.es.js";
+import { MinusIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "react";
+//#region src/components/ui/input-otp.tsx
+function s({ className: n, containerClassName: r, ...a }) {
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "input-otp",
+		containerClassName: e("cn-input-otp flex items-center has-disabled:opacity-50", r),
+		spellCheck: !1,
+		className: e("disabled:cursor-not-allowed", n),
+		...a
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "input-otp-group",
+		className: e("flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", t),
+		...n
+	});
+}
+function l({ index: t, className: r, ...s }) {
+	let { char: c, hasFakeCaret: l, isActive: u } = o.useContext(n)?.slots[t] ?? {};
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "input-otp-slot",
+		"data-active": u,
+		className: e("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", r),
+		...s,
+		children: [c, l && /* @__PURE__ */ i("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ i("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+		})]
+	});
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "input-otp-separator",
+		className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+		role: "separator",
+		...e,
+		children: /* @__PURE__ */ i(r, {})
+	});
+}
+//#endregion
+export { s as InputOTP, c as InputOTPGroup, u as InputOTPSeparator, l as InputOTPSlot };
+
+//# sourceMappingURL=input-otp.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.es.js","names":[],"sources":["../../../src/components/ui/input-otp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\nimport { cn } from \"../../lib/utils\"\nimport { MinusIcon } from \"lucide-react\"\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(\n        \"cn-input-otp flex items-center has-disabled:opacity-50\",\n        containerClassName\n      )}\n      spellCheck={false}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        \"flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\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        \"relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\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=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon\n      />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":";;;;;;AAMA,SAAS,EAAS,EAChB,cACA,uBACA,GAAG,KAGF;CACD,OACE,kBAAC,GAAD;EACE,aAAU;EACV,oBAAoB,EAClB,0DACA,CACF;EACA,YAAY;EACZ,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAsC;CAC3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,2KACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,UACA,cACA,GAAG,KAGF;CAED,IAAM,EAAE,SAAM,iBAAc,gBADJ,EAAM,WAAW,CACA,CAAA,EAAiB,MAAM,MAAU,CAAC;CAE3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,EACT,6eACA,CACF;EACA,GAAI;YAPN,CASG,GACA,KACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD,EAAK,WAAU,2DAA4D,CAAA;EACxE,CAAA,CAEJ;;AAET;AAEA,SAAS,EAAkB,EAAE,GAAG,KAAsC;CACpE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAU;EACV,MAAK;EACL,GAAI;YAEJ,kBAAC,GAAD,CACC,CAAA;CACE,CAAA;AAET"}

package/dist/components/ui/input.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/input");function a({className:e,type:r,...a}){return(0,n.jsx)(i.Input,{type:r,"data-slot":`input`,className:t.cn(`h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,e),...a})}exports.Input=a;
+//# sourceMappingURL=input.cjs.js.map

package/dist/components/ui/input.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.cjs.js","names":[],"sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"gQAKA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,8oBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/input.es.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { Input as n } from "@base-ui/react/input";
+//#region src/components/ui/input.tsx
+function r({ className: r, type: i, ...a }) {
+	return /* @__PURE__ */ t(n, {
+		type: i,
+		"data-slot": "input",
+		className: e("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", r),
+		...a
+	});
+}
+//#endregion
+export { r as Input };
+
+//# sourceMappingURL=input.es.js.map

package/dist/components/ui/input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.es.js","names":[],"sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAKA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAwC;CAC3E,OACE,kBAAC,GAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,+oBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/item.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs.js"),r=require("./separator.cjs.js");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");function c({className:e,...n}){return(0,i.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:t.cn(`group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(r.Separator,{"data-slot":`item-separator`,orientation:`horizontal`,className:t.cn(`my-2`,e),...n})}var u=n.cva(`group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted`,{variants:{variant:{default:`border-transparent`,outline:`border-border`,muted:`border-transparent bg-muted/50`},size:{default:`gap-2.5 px-3 py-2.5`,sm:`gap-2.5 px-3 py-2.5`,xs:`gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0`}},defaultVariants:{variant:`default`,size:`default`}});function d({className:e,variant:n=`default`,size:r=`default`,render:i,...a}){return(0,s.useRender)({defaultTagName:`div`,props:(0,o.mergeProps)({className:t.cn(u({variant:n,size:r,className:e}))},a),render:i,state:{slot:`item`,variant:n,size:r}})}var f=n.cva(`flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none`,{variants:{variant:{default:`bg-transparent`,icon:`[&_svg:not([class*='size-'])]:size-4`,image:`size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function p({className:e,variant:n=`default`,...r}){return(0,i.jsx)(`div`,{"data-slot":`item-media`,"data-variant":n,className:t.cn(f({variant:n,className:e})),...r})}function m({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-content`,className:t.cn(`flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-title`,className:t.cn(`line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4`,e),...n})}function g({className:e,...n}){return(0,i.jsx)(`p`,{"data-slot":`item-description`,className:t.cn(`line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...n})}function _({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-actions`,className:t.cn(`flex items-center gap-2`,e),...n})}function v({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-header`,className:t.cn(`flex basis-full items-center justify-between gap-2`,e),...n})}function y({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-footer`,className:t.cn(`flex basis-full items-center justify-between gap-2`,e),...n})}exports.Item=d,exports.ItemActions=_,exports.ItemContent=m,exports.ItemDescription=g,exports.ItemFooter=y,exports.ItemGroup=c,exports.ItemHeader=v,exports.ItemMedia=p,exports.ItemSeparator=l,exports.ItemTitle=h;
+//# sourceMappingURL=item.cjs.js.map

package/dist/components/ui/item.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs.js","names":[],"sources":["../../../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"./separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: \"gap-2.5 px-3 py-2.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n"],"mappings":"ycAQA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,OACL,YAAU,aACV,UAAW,EAAA,GACT,kGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CACrB,YACA,GAAG,GACsC,CACzC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CACE,YAAU,iBACV,YAAY,aACZ,UAAW,EAAA,GAAG,OAAQ,CAAS,EAC/B,GAAI,CACL,CAAA,CAEL,CAEA,IAAM,EAAe,EAAA,IACnB,6OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,qBACT,QAAS,gBACT,MAAO,gCACT,EACA,KAAM,CACJ,QAAS,sBACT,GAAI,sBACJ,GAAI,4DACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,SACA,GAAG,GACmE,CACtE,OAAA,EAAA,EAAA,UAAA,CAAiB,CACf,eAAgB,MAChB,OAAA,EAAA,EAAA,WAAA,CACE,CACE,UAAW,EAAA,GAAG,EAAa,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,CAC1D,EACA,CACF,EACA,SACA,MAAO,CACL,KAAM,OACN,UACA,MACF,CACF,CAAC,CACH,CAEA,IAAM,EAAoB,EAAA,IACxB,iMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,uCACN,MACE,6IACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEA,SAAS,EAAU,CACjB,YACA,UAAU,UACV,GAAG,GACoE,CACvE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,aACV,eAAc,EACd,UAAW,EAAA,GAAG,EAAkB,CAAE,UAAS,WAAU,CAAC,CAAC,EACvD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GACT,oGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,iGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,IAAD,CACE,YAAU,mBACV,UAAW,EAAA,GACT,sLACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,0BAA2B,CAAS,EAClD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,qDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,qDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/item.d.ts

@@ -1,17 +1,17 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
 import * as React from "react";
-import { useRender } from "@base-ui/react/use-render";
-import { type VariantProps } from "class-variance-authority";
-import { Separator } from "./separator";
 declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "xs" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare const itemMediaVariants: (props?: ({
     variant?: "image" | "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/components/ui/item.es.js

@@ -0,0 +1,123 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.es.js";
+import { Separator as n } from "./separator.es.js";
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { mergeProps as i } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region src/components/ui/item.tsx
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: e("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", t),
+		...n
+	});
+}
+function s({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: e("my-2", t),
+		...i
+	});
+}
+var c = t("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function l({ className: t, variant: n = "default", size: r = "default", render: o, ...s }) {
+	return a({
+		defaultTagName: "div",
+		props: i({ className: e(c({
+			variant: n,
+			size: r,
+			className: t
+		})) }, s),
+		render: o,
+		state: {
+			slot: "item",
+			variant: n,
+			size: r
+		}
+	});
+}
+var u = t("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function d({ className: t, variant: n = "default", ...i }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "item-media",
+		"data-variant": n,
+		className: e(u({
+			variant: n,
+			className: t
+		})),
+		...i
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "item-content",
+		className: e("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "item-title",
+		className: e("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", t),
+		...n
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ r("p", {
+		"data-slot": "item-description",
+		className: e("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "item-actions",
+		className: e("flex items-center gap-2", t),
+		...n
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "item-header",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "item-footer",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...n
+	});
+}
+//#endregion
+export { l as Item, h as ItemActions, f as ItemContent, m as ItemDescription, _ as ItemFooter, o as ItemGroup, g as ItemHeader, d as ItemMedia, s as ItemSeparator, p as ItemTitle };
+
+//# sourceMappingURL=item.es.js.map

package/dist/components/ui/item.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.es.js","names":[],"sources":["../../../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"./separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: \"gap-2.5 px-3 py-2.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EACT,mGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,GAAG,KACsC;CACzC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,aAAY;EACZ,WAAW,EAAG,QAAQ,CAAS;EAC/B,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAe,EACnB,8OACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAK,EACZ,cACA,aAAU,WACV,UAAO,WACP,WACA,GAAG,KACmE;CACtE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAa;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC,EAC1D,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;GACA;EACF;CACF,CAAC;AACH;AAEA,IAAM,IAAoB,EACxB,kMACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAU,EACjB,cACA,aAAU,WACV,GAAG,KACoE;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,EAAG,EAAkB;GAAE;GAAS;EAAU,CAAC,CAAC;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,qGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,kGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAoC;CAC3E,OACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EACT,uLACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/kbd.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({className:e,...r}){return(0,n.jsx)(`kbd`,{"data-slot":`kbd`,className:t.cn(`pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3`,e),...r})}function a({className:e,...r}){return(0,n.jsx)(`kbd`,{"data-slot":`kbd-group`,className:t.cn(`inline-flex items-center gap-1`,e),...r})}exports.Kbd=i,exports.KbdGroup=a;
+//# sourceMappingURL=kbd.cjs.js.map

package/dist/components/ui/kbd.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.cjs.js","names":[],"sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":"0NAIA,SAAS,EAAI,CAAE,YAAW,GAAG,GAAsC,CACjE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,MACV,UAAW,EAAA,GACT,wWACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,YACV,UAAW,EAAA,GAAG,iCAAkC,CAAS,EACzD,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/kbd.d.ts

@@ -1,3 +1,4 @@
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react").JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+import * as React from "react";
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
 export { Kbd, KbdGroup };

package/dist/components/ui/kbd.es.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/components/ui/kbd.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("kbd", {
+		"data-slot": "kbd",
+		className: e("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("kbd", {
+		"data-slot": "kbd-group",
+		className: e("inline-flex items-center gap-1", n),
+		...r
+	});
+}
+//#endregion
+export { n as Kbd, r as KbdGroup };
+
+//# sourceMappingURL=kbd.es.js.map

package/dist/components/ui/kbd.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.es.js","names":[],"sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":";;;;AAIA,SAAS,EAAI,EAAE,cAAW,GAAG,KAAsC;CACjE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,yWACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAsC;CACtE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,kCAAkC,CAAS;EACzD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/label.cjs.js

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({className:e,...r}){return(0,n.jsx)(`label`,{"data-slot":`label`,className:t.cn(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...r})}exports.Label=i;
+//# sourceMappingURL=label.cjs.js.map

package/dist/components/ui/label.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs.js","names":[],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":"uOAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,QACV,UAAW,EAAA,GACT,sNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/label.es.js

@@ -0,0 +1,16 @@
+"use client";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/components/ui/label.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("label", {
+		"data-slot": "label",
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n),
+		...r
+	});
+}
+//#endregion
+export { n as Label };
+
+//# sourceMappingURL=label.es.js.map

package/dist/components/ui/label.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.es.js","names":[],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;;AAMA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;CACrE,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,uNACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/marker.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs.js");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@base-ui/react/merge-props"),o=require("@base-ui/react/use-render");var s=n.cva(`group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground`,{variants:{variant:{default:``,separator:`before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border`,border:`border-b border-border pb-2`}}});function c({className:e,variant:n=`default`,render:r,...i}){return(0,o.useRender)({defaultTagName:`div`,props:(0,a.mergeProps)({className:t.cn(s({variant:n,className:e}))},i),render:r,state:{slot:`marker`,variant:n}})}function l({className:e,...n}){return(0,r.jsx)(`span`,{"data-slot":`marker-icon`,"aria-hidden":`true`,className:t.cn(`size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`span`,{"data-slot":`marker-content`,className:t.cn(`min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...n})}exports.Marker=c,exports.MarkerContent=u,exports.MarkerIcon=l,exports.markerVariants=s;
+//# sourceMappingURL=marker.cjs.js.map

package/dist/components/ui/marker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.cjs.js","names":[],"sources":["../../../src/components/ui/marker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst markerVariants = cva(\n  \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        separator:\n          \"before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border\",\n        border: \"border-b border-border pb-2\",\n      },\n    },\n  }\n)\n\nfunction Marker({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof markerVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(markerVariants({ variant, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"marker\",\n      variant,\n    },\n  })\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-content\"\n      className={cn(\n        \"min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Marker, MarkerIcon, MarkerContent, markerVariants }\n"],"mappings":"yaAOA,IAAM,EAAiB,EAAA,IACrB,2MACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,UACE,yIACF,OAAQ,6BACV,CACF,CACF,CACF,EAEA,SAAS,EAAO,CACd,YACA,UAAU,UACV,SACA,GAAG,GACqE,CACxE,OAAA,EAAA,EAAA,UAAA,CAAiB,CACf,eAAgB,MAChB,OAAA,EAAA,EAAA,WAAA,CACE,CACE,UAAW,EAAA,GAAG,EAAe,CAAE,UAAS,WAAU,CAAC,CAAC,CACtD,EACA,CACF,EACA,SACA,MAAO,CACL,KAAM,SACN,SACF,CACF,CAAC,CACH,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAuC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,cACV,cAAY,OACZ,UAAW,EAAA,GACT,uDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAuC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,iBACV,UAAW,EAAA,GACT,iMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/marker.d.ts

@@ -1,9 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-import { useRender } from "@base-ui/react/use-render";
-import { type VariantProps } from "class-variance-authority";
 declare const markerVariants: (props?: ({
     variant?: "separator" | "default" | "border" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Marker({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function MarkerIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function MarkerContent({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;

package/dist/components/ui/marker.es.js

@@ -0,0 +1,45 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { mergeProps as r } from "@base-ui/react/merge-props";
+import { useRender as i } from "@base-ui/react/use-render";
+//#region src/components/ui/marker.tsx
+var a = t("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
+	default: "",
+	separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+	border: "border-b border-border pb-2"
+} } });
+function o({ className: t, variant: n = "default", render: o, ...s }) {
+	return i({
+		defaultTagName: "div",
+		props: r({ className: e(a({
+			variant: n,
+			className: t
+		})) }, s),
+		render: o,
+		state: {
+			slot: "marker",
+			variant: n
+		}
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "marker-icon",
+		"aria-hidden": "true",
+		className: e("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "marker-content",
+		className: e("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { o as Marker, c as MarkerContent, s as MarkerIcon, a as markerVariants };
+
+//# sourceMappingURL=marker.es.js.map

package/dist/components/ui/marker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.es.js","names":[],"sources":["../../../src/components/ui/marker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst markerVariants = cva(\n  \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        separator:\n          \"before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border\",\n        border: \"border-b border-border pb-2\",\n      },\n    },\n  }\n)\n\nfunction Marker({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof markerVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(markerVariants({ variant, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"marker\",\n      variant,\n    },\n  })\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-content\"\n      className={cn(\n        \"min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Marker, MarkerIcon, MarkerContent, markerVariants }\n"],"mappings":";;;;;;;AAOA,IAAM,IAAiB,EACrB,4MACA,EACE,UAAU,EACR,SAAS;CACP,SAAS;CACT,WACE;CACF,QAAQ;AACV,EACF,EACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,WACA,GAAG,KACqE;CACxE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAe;GAAE;GAAS;EAAU,CAAC,CAAC,EACtD,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;EACF;CACF,CAAC;AACH;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAuC;CACzE,OACE,kBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,EACT,wDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAuC;CAC5E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,kMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/menubar.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("./dropdown-menu.cjs.js");let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("@base-ui/react/menu"),s=require("@base-ui/react/menubar");function c({className:e,...n}){return(0,i.jsx)(s.Menubar,{"data-slot":`menubar`,className:t.cn(`flex h-8 items-center gap-0.5 rounded-lg border p-[3px]`,e),...n})}function l({...e}){return(0,i.jsx)(n.DropdownMenu,{"data-slot":`menubar-menu`,...e})}function u({...e}){return(0,i.jsx)(n.DropdownMenuGroup,{"data-slot":`menubar-group`,...e})}function d({...e}){return(0,i.jsx)(n.DropdownMenuPortal,{"data-slot":`menubar-portal`,...e})}function f({className:e,...r}){return(0,i.jsx)(n.DropdownMenuTrigger,{"data-slot":`menubar-trigger`,className:t.cn(`flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted`,e),...r})}function p({className:e,align:r=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,i.jsx)(n.DropdownMenuContent,{"data-slot":`menubar-content`,align:r,alignOffset:a,sideOffset:o,className:t.cn(`min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95`,e),...s})}function m({className:e,inset:r,variant:a=`default`,...o}){return(0,i.jsx)(n.DropdownMenuItem,{"data-slot":`menubar-item`,"data-inset":r,"data-variant":a,className:t.cn(`group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!`,e),...o})}function h({className:e,children:n,checked:a,inset:s,...c}){return(0,i.jsxs)(o.Menu.CheckboxItem,{"data-slot":`menubar-checkbox-item`,"data-inset":s,className:t.cn(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),checked:a,...c,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4`,children:(0,i.jsx)(o.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function g({...e}){return(0,i.jsx)(n.DropdownMenuRadioGroup,{"data-slot":`menubar-radio-group`,...e})}function _({className:e,children:n,inset:a,...s}){return(0,i.jsxs)(o.Menu.RadioItem,{"data-slot":`menubar-radio-item`,"data-inset":a,className:t.cn(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4`,children:(0,i.jsx)(o.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function v({className:e,inset:r,...a}){return(0,i.jsx)(n.DropdownMenuLabel,{"data-slot":`menubar-label`,"data-inset":r,className:t.cn(`px-1.5 py-1 text-sm font-medium data-inset:pl-7`,e),...a})}function y({className:e,...r}){return(0,i.jsx)(n.DropdownMenuSeparator,{"data-slot":`menubar-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border`,e),...r})}function b({className:e,...r}){return(0,i.jsx)(n.DropdownMenuShortcut,{"data-slot":`menubar-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground`,e),...r})}function x({...e}){return(0,i.jsx)(n.DropdownMenuSub,{"data-slot":`menubar-sub`,...e})}function S({className:e,inset:r,...a}){return(0,i.jsx)(n.DropdownMenuSubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":r,className:t.cn(`gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4`,e),...a})}function C({className:e,...r}){return(0,i.jsx)(n.DropdownMenuSubContent,{"data-slot":`menubar-sub-content`,className:t.cn(`min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...r})}exports.Menubar=c,exports.MenubarCheckboxItem=h,exports.MenubarContent=p,exports.MenubarGroup=u,exports.MenubarItem=m,exports.MenubarLabel=v,exports.MenubarMenu=l,exports.MenubarPortal=d,exports.MenubarRadioGroup=g,exports.MenubarRadioItem=_,exports.MenubarSeparator=y,exports.MenubarShortcut=b,exports.MenubarSub=x,exports.MenubarSubContent=C,exports.MenubarSubTrigger=S,exports.MenubarTrigger=f;
+//# sourceMappingURL=menubar.cjs.js.map

package/dist/components/ui/menubar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.cjs.js","names":[],"sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\"min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 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-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-1.5 py-1 text-sm font-medium data-inset:pl-7\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\"min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"mappings":"iWAsBA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAiC,CAChE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CACE,YAAU,UACV,UAAW,EAAA,GACT,0DACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,GAAG,GAAoD,CAC5E,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,aAAD,CAAc,YAAU,eAAe,GAAI,CAAQ,CAAA,CAC5D,CAEA,SAAS,EAAa,CACpB,GAAG,GAC8C,CACjD,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,kBAAD,CAAmB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CAClE,CAEA,SAAS,EAAc,CACrB,GAAG,GAC+C,CAClD,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,mBAAD,CAAoB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACpE,CAEA,SAAS,EAAe,CACtB,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,oBAAD,CACE,YAAU,kBACV,UAAW,EAAA,GACT,oIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CACtB,YACA,QAAQ,QACR,cAAc,GACd,aAAa,EACb,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,oBAAD,CACE,YAAU,kBACH,QACM,cACD,aACZ,UAAW,EAAA,GAAG,maAAoa,CAAU,EAC5b,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,QACA,UAAU,UACV,GAAG,GAC6C,CAChD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,iBAAD,CACE,YAAU,eACV,aAAY,EACZ,eAAc,EACd,UAAW,EAAA,GACT,ofACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAoB,CAC3B,YACA,WACA,UACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,KAAc,aAAf,CACE,YAAU,wBACV,aAAY,EACZ,UAAW,EAAA,GACT,wTACA,CACF,EACS,UACT,GAAI,WARN,EAUE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,+HACd,EAAA,EAAA,IAAA,CAAC,EAAA,KAAc,sBAAf,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CACC,CAAA,CACkC,CAAA,CACjC,CAAA,EACL,CACyB,GAEhC,CAEA,SAAS,EAAkB,CACzB,GAAG,GACmD,CACtD,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,uBAAD,CAAwB,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAC7E,CAEA,SAAS,EAAiB,CACxB,YACA,WACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,KAAc,UAAf,CACE,YAAU,qBACV,aAAY,EACZ,UAAW,EAAA,GACT,6VACA,CACF,EACA,GAAI,WAPN,EASE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,+HACd,EAAA,EAAA,IAAA,CAAC,EAAA,KAAc,mBAAf,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CACC,CAAA,CAC+B,CAAA,CAC9B,CAAA,EACL,CACsB,GAE7B,CAEA,SAAS,EAAa,CACpB,YACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,kBAAD,CACE,YAAU,gBACV,aAAY,EACZ,UAAW,EAAA,GACT,kDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,sBAAD,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,4BAA6B,CAAS,EACpD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CACvB,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,qBAAD,CACE,YAAU,mBACV,UAAW,EAAA,GACT,wGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAClB,GAAG,GAC4C,CAC/C,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAD,CAAiB,YAAU,cAAc,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAS,EAAkB,CACzB,YACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,uBAAD,CACE,YAAU,sBACV,aAAY,EACZ,UAAW,EAAA,GACT,gMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,uBAAD,CACE,YAAU,sBACV,UAAW,EAAA,GAAG,+YAAgZ,CAAU,EACxa,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/menubar.d.ts

@@ -1,7 +1,7 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu';
 import * as React from "react";
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu";
 declare function Menubar({ className, ...props }: MenubarPrimitive.Props): React.JSX.Element;
 declare function MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>): React.JSX.Element;
 declare function MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>): React.JSX.Element;