@hirely/ui 0.1.7 → 0.1.9

package/README.md

@@ -6,9 +6,9 @@ The core UI component library for Hirely applications. Built with **React 19**,
 
 ## ✨ Features
 
-- **Tree-shakeable** — each component is its own module chunk; import only what you use
+- **Tree-shakeable & Modular** — each component is its own chunk; import only what you use
 - **TypeScript-first** — fully typed, declaration files generated per component
-- **Dual format** — ships both ESM (`import`) and CommonJS (`require`)
+- **Modern ESM-only** — fully optimized for Next.js, Vite, and modern bundlers
 - **Accessible primitives** — keyboard navigation and screen-reader support via Base UI
 - **Tailwind CSS v4** — built-in theme tokens; full dark mode support
 - **React 19 ready** — tested against the latest React concurrent features
@@ -87,17 +87,20 @@ module.exports = {
 
 ## 🛠️ Usage
 
-Import components directly from the main entry:
+The library supports two main styles of imports depending on your project size and setup:
+
+### Option A: Subpath Imports (Recommended for Zero Overhead)
+
+Import individual components directly from their dedicated subpaths. This guarantees that your app bundles **only the specific component code and its exact dependencies** with zero build-time tree-shaking required.
 
 ```tsx
-import { Button, Card, CardHeader, CardContent } from "@hirely/ui";
+import { Button } from "@hirely/ui/button";
+import { Card, CardHeader, CardContent } from "@hirely/ui/card";
 
 export function Example() {
   return (
     <Card className="max-w-sm">
-      <CardHeader>
-        <CardTitle>Hello</CardTitle>
-      </CardHeader>
+      <CardHeader>Hello</CardHeader>
       <CardContent>
         <Button>Click me</Button>
       </CardContent>
@@ -106,12 +109,24 @@ export function Example() {
 }
 ```
 
+### Option B: Root Barrel Imports
+
+If you are using a modern, tree-shaking-enabled bundler (such as Next.js, Vite, or Webpack 5), you can import directly from the root barrel entry:
+
+```tsx
+import { Button, Card, CardHeader, CardContent } from "@hirely/ui";
+```
+
 ### Hooks Subpath
 
-Utility hooks can be imported from the dedicated hooks subpath:
+Utility hooks can be imported from the dedicated hooks barrel or directly from their individual subpaths:
 
 ```tsx
+// Barrel import
 import { useIsMobile } from "@hirely/ui/hooks";
+
+// Subpath import (zero overhead)
+import { useIsMobile } from "@hirely/ui/hooks/use-mobile";
 ```
 
 ---

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { o as __commonJSMin, c as __toESM };

package/dist/components/ui/{accordion.es.js → accordion.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
 import { Accordion as t } from "@base-ui/react/accordion";
 import { ChevronDownIcon as n, ChevronUpIcon as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -52,4 +52,4 @@ function l({ className: n, children: r, ...a }) {
 //#endregion
 export { o as Accordion, l as AccordionContent, s as AccordionItem, c as AccordionTrigger };
 
-//# sourceMappingURL=accordion.es.js.map
+//# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":";;;;;AAKA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAwC;CACzE,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EAAG,wBAAwB,CAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAwC;CAC7E,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EAAG,qBAAqB,CAAS;EAC5C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KACgC;CACnC,OACE,kBAAC,EAAmB,QAApB;EAA2B,WAAU;YACnC,kBAAC,EAAmB,SAApB;GACE,aAAU;GACV,WAAW,EACT,8fACA,CACF;GACA,GAAI;aANN;IAQG;IACD,kBAAC,GAAD;KAAiB,aAAU;KAAyB,WAAU;IAA6E,CAAA;IAC3I,kBAAC,GAAD;KAAe,aAAU;KAAyB,WAAU;IAAoF,CAAA;GACtH;;CACH,CAAA;AAE/B;AAEA,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KAC8B;CACjC,OACE,kBAAC,EAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EACT,2LACA,CACF;GAEC;EACE,CAAA;CACmB,CAAA;AAE9B"}

package/dist/components/ui/{alert-dialog.es.js → alert-dialog.js}

@@ -1,6 +1,6 @@
 "use client";
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
-import { Button as t } from "./button.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { Button as t } from "./button.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import "react";
 import { AlertDialog as i } from "@base-ui/react/alert-dialog";
@@ -94,4 +94,4 @@ function g({ className: r, variant: a = "outline", size: o = "default", ...s })
 //#endregion
 export { a as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, l as AlertDialogContent, m as AlertDialogDescription, d as AlertDialogFooter, u as AlertDialogHeader, f as AlertDialogMedia, c as AlertDialogOverlay, s as AlertDialogPortal, p as AlertDialogTitle, o as AlertDialogTrigger };
 
-//# sourceMappingURL=alert-dialog.es.js.map
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\"\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./button\"\n\n\nfunction AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: AlertDialogPrimitive.Backdrop.Props) {\n  return (\n    <AlertDialogPrimitive.Backdrop\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Popup.Props & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Popup\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm 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\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"font-heading text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"alert-dialog-action\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Close.Props &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <AlertDialogPrimitive.Close\n      data-slot=\"alert-dialog-cancel\"\n      className={cn(className)}\n      render={<Button variant={variant} size={size} />}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":";;;;;;;AAQA,SAAS,EAAY,EAAE,GAAG,KAA0C;CAClE,OAAO,kBAAC,EAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAmB,EAAE,GAAG,KAA6C;CAC5E,OACE,kBAAC,EAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,EAAkB,EAAE,GAAG,KAA4C;CAC1E,OACE,kBAAC,EAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE7E;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACmC;CACtC,OACE,kBAAC,EAAqB,UAAtB;EACE,aAAU;EACV,WAAW,EACT,yLACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAqB,CAAA,GACrB,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,8aACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sZACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,iNACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,8KACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KACuD;CAC1D,OACE,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EACT,kKACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,kBAAC,EAAqB,aAAtB;EACE,aAAU;EACV,WAAW,EACT,kIACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KACmC;CACtC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,CAAS;EACvB,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAE4D;CAC/D,OACE,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EAAG,CAAS;EACvB,QAAQ,kBAAC,GAAD;GAAiB;GAAe;EAAO,CAAA;EAC/C,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{alert-wrapper.es.js → alert-wrapper.js}

@@ -1,5 +1,5 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
-import { Alert as t, AlertTitle as n } from "./alert.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { Alert as t, AlertTitle as n } from "./alert.js";
 import { ShieldAlert as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/ui/alert-wrapper.tsx
@@ -17,4 +17,4 @@ function o({ message: o, icon: s = /* @__PURE__ */ i(r, { className: "size-4" })
 //#endregion
 export { o as AlertWrapper };
 
-//# sourceMappingURL=alert-wrapper.es.js.map
+//# sourceMappingURL=alert-wrapper.js.map

package/dist/components/ui/alert-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-wrapper.js","names":[],"sources":["../../../src/components/ui/alert-wrapper.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { ShieldAlert } from \"lucide-react\";\n\nimport { Alert, AlertTitle } from \"./alert\";\nimport { cn } from \"../../lib/utils\";\n\ninterface AlertWrapperProps extends ComponentProps<typeof Alert> {\n    message: string;\n    icon?: ReactNode;\n}\n\nexport function AlertWrapper({\n    message,\n    icon = <ShieldAlert className=\"size-4\" />,\n    variant = \"destructive\",\n    className,\n    ...props\n}: AlertWrapperProps) {\n    return (\n        <Alert\n            variant={variant}\n            className={cn(\n                \"rounded-3xl border-dashed border-destructive bg-destructive/5\",\n                className\n            )}\n            {...props}\n        >\n            <AlertTitle className=\"flex items-center gap-2 text-destructive\">\n                {icon}\n                {message}\n            </AlertTitle>\n        </Alert>\n    );\n}"],"mappings":";;;;;AAWA,SAAgB,EAAa,EACzB,YACA,UAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA,GACxC,aAAU,eACV,cACA,GAAG,KACe;CAClB,OACI,kBAAC,GAAD;EACa;EACT,WAAW,EACP,iEACA,CACJ;EACA,GAAI;YAEJ,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACK,GACA,CACO;;CACT,CAAA;AAEf"}

package/dist/components/ui/{alert.es.js → alert.js}

@@ -1,5 +1,5 @@
-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 { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
 import "react";
 //#region src/components/ui/alert.tsx
@@ -42,4 +42,4 @@ function s({ className: t, ...r }) {
 //#endregion
 export { i as Alert, s as AlertAction, o as AlertDescription, a as AlertTitle };
 
-//# sourceMappingURL=alert.es.js.map
+//# sourceMappingURL=alert.js.map

package/dist/components/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"mappings":";;;;;AAKA,IAAM,IAAgB,EACpB,6TACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,YACA,GAAG,KACgE;CACnE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uHACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,8JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,0BAA0B,CAAS;EACjD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{aspect-ratio.es.js → aspect-ratio.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ui/aspect-ratio.tsx
 function n({ ratio: n, className: r, ...i }) {
@@ -12,4 +12,4 @@ function n({ ratio: n, className: r, ...i }) {
 //#endregion
 export { n as AspectRatio };
 
-//# sourceMappingURL=aspect-ratio.es.js.map
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/ui/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction AspectRatio({\n  ratio,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & { ratio: number }) {\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      style={\n        {\n          \"--ratio\": ratio,\n        } as React.CSSProperties\n      }\n      className={cn(\"relative aspect-(--ratio)\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { AspectRatio }\n"],"mappings":";;;AAEA,SAAS,EAAY,EACnB,UACA,cACA,GAAG,KAC+C;CAClD,OACE,kBAAC,OAAD;EACE,aAAU;EACV,OACE,EACE,WAAW,EACb;EAEF,WAAW,EAAG,6BAA6B,CAAS;EACpD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{attachment.es.js → attachment.js}

@@ -1,6 +1,6 @@
-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 { Button as n } from "./button.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Button as n } from "./button.js";
 import { jsx as r } from "react/jsx-runtime";
 import "react";
 import { mergeProps as i } from "@base-ui/react/merge-props";
@@ -103,4 +103,4 @@ function g({ className: t, ...n }) {
 //#endregion
 export { s as Attachment, m as AttachmentAction, p as AttachmentActions, u as AttachmentContent, f as AttachmentDescription, g as AttachmentGroup, l as AttachmentMedia, d as AttachmentTitle, h as AttachmentTrigger };
 
-//# sourceMappingURL=attachment.es.js.map
+//# sourceMappingURL=attachment.js.map

package/dist/components/ui/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","names":[],"sources":["../../../src/components/ui/attachment.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 { Button } from \"./button\"\n\nconst attachmentVariants = cva(\n  \"group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed\",\n  {\n    variants: {\n      size: {\n        default:\n          \"gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2\",\n        sm: \"gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5\",\n        xs: \"gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1\",\n      },\n      orientation: {\n        horizontal: \"min-w-40 items-center\",\n        vertical: \"w-24 flex-col has-data-[slot=attachment-content]:w-30\",\n      },\n    },\n  }\n)\n\nfunction Attachment({\n  className,\n  state = \"done\",\n  size = \"default\",\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof attachmentVariants> & {\n    state?: \"idle\" | \"uploading\" | \"processing\" | \"error\" | \"done\"\n  }) {\n  return (\n    <div\n      data-slot=\"attachment\"\n      data-state={state}\n      data-size={size}\n      data-orientation={orientation}\n      className={cn(attachmentVariants({ size, orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nconst attachmentMediaVariants = cva(\n  \"relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5\",\n  {\n    variants: {\n      variant: {\n        icon: \"\",\n        image:\n          \"opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"icon\",\n    },\n  }\n)\n\nfunction AttachmentMedia({\n  className,\n  variant = \"icon\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof attachmentMediaVariants>) {\n  return (\n    <div\n      data-slot=\"attachment-media\"\n      data-variant={variant}\n      className={cn(attachmentMediaVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-content\"\n      className={cn(\n        \"max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTitle({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"attachment-title\"\n      className={cn(\n        \"block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"attachment-description\"\n      className={cn(\n        \"mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80\",\n        \"max-w-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentActions({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-actions\"\n      className={cn(\n        \"relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentAction({\n  className,\n  variant,\n  size = \"icon-xs\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"attachment-action\"\n      variant={variant ?? \"ghost\"}\n      size={size}\n      className={className}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTrigger({\n  className,\n  render,\n  type,\n  ...props\n}: useRender.ComponentProps<\"button\">) {\n  return useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        type: render ? type : (type ?? \"button\"),\n        className: cn(\"absolute inset-0 z-10 outline-none\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"attachment-trigger\",\n    },\n  })\n}\n\nfunction AttachmentGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-group\"\n      className={cn(\n        \"flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Attachment,\n  AttachmentGroup,\n  AttachmentMedia,\n  AttachmentContent,\n  AttachmentTitle,\n  AttachmentDescription,\n  AttachmentActions,\n  AttachmentAction,\n  AttachmentTrigger,\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,IAAqB,EACzB,ySACA,EACE,UAAU;CACR,MAAM;EACJ,SACE;EACF,IAAI;EACJ,IAAI;CACN;CACA,aAAa;EACX,YAAY;EACZ,UAAU;CACZ;AACF,EACF,CACF;AAEA,SAAS,EAAW,EAClB,cACA,WAAQ,QACR,UAAO,WACP,iBAAc,cACd,GAAG,KAIA;CACH,OACE,kBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,aAAW;EACX,oBAAkB;EAClB,WAAW,EAAG,EAAmB;GAAE;GAAM;EAAY,CAAC,GAAG,CAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAA0B,EAC9B,orBACA;CACE,UAAU,EACR,SAAS;EACP,MAAM;EACN,OACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,cACA,aAAU,QACV,GAAG,KAC0E;CAC7E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,EAAG,EAAwB,EAAE,WAAQ,CAAC,GAAG,CAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,6FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,kJACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAsB,EAC7B,cACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,uHACA,cACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,6PACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,YACA,UAAO,WACP,GAAG,KACmC;CACtC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,SAAS,KAAW;EACd;EACK;EACX,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,WACA,SACA,GAAG,KACkC;CACrC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL;GACE,MAAM,IAAS,IAAQ,KAAQ;GAC/B,WAAW,EAAG,sCAAsC,CAAS;EAC/D,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,qBACR;CACF,CAAC;AACH;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAsC;CAC7E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{avatar.es.js → avatar.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import { Avatar as n } from "@base-ui/react/avatar";
@@ -49,4 +49,4 @@ function c({ className: n, ...r }) {
 //#endregion
 export { r as Avatar, o as AvatarBadge, a as AvatarFallback, s as AvatarGroup, c as AvatarGroupCount, i as AvatarImage };
 
-//# sourceMappingURL=avatar.es.js.map
+//# sourceMappingURL=avatar.js.map

package/dist/components/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\"\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full rounded-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,yPACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EACT,qDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,cACA,GAAG,KAC8B;CACjC,OACE,kBAAC,EAAgB,UAAjB;EACE,aAAU;EACV,WAAW,EACT,sIACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAuC;CAC1E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,4KACA,iFACA,6FACA,iFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,4VACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{badge.es.js → badge.js}

@@ -1,5 +1,5 @@
-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 { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { mergeProps as n } from "@base-ui/react/merge-props";
 import { useRender as r } from "@base-ui/react/use-render";
 //#region src/components/ui/badge.tsx
@@ -28,4 +28,4 @@ function a({ className: t, variant: a = "default", render: o, ...s }) {
 //#endregion
 export { a as Badge, i as badgeVariants };
 
-//# sourceMappingURL=badge.es.js.map
+//# sourceMappingURL=badge.js.map

package/dist/components/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import { 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 badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;AAMA,IAAM,IAAgB,EACpB,8eACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SACE;EACF,OACE;EACF,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,aAAU,WACV,WACA,GAAG,KACqE;CACxE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS,EACrD,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;EACF;CACF,CAAC;AACH"}

package/dist/components/ui/bouncy-accordion.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type BouncyAccordionItem = {
+    id: string;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+};
+export type BouncyAccordionClassNames = {
+    root?: string;
+    item?: string;
+    trigger?: string;
+    icon?: string;
+    title?: string;
+    chevron?: string;
+    content?: string;
+    description?: string;
+};
+export interface BouncyAccordionProps {
+    items: BouncyAccordionItem[];
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null) => void;
+    collapsible?: boolean;
+    className?: string;
+    classNames?: BouncyAccordionClassNames;
+}
+export declare function BouncyAccordion({ items, value, defaultValue, onValueChange, collapsible, className, classNames, }: BouncyAccordionProps): import("react").JSX.Element;

package/dist/components/ui/bouncy-accordion.js

@@ -0,0 +1,148 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { EASE_OUT as t } from "../../lib/ease.js";
+import { ChevronDown as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useCallback as a, useId as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { motion as u, useReducedMotion as d } from "motion/react";
+//#region src/components/ui/bouncy-accordion.tsx
+var f = {
+	type: "spring",
+	duration: .55,
+	bounce: .38
+}, p = {
+	type: "spring",
+	duration: .58,
+	bounce: .32
+}, m = {
+	type: "spring",
+	duration: .46,
+	bounce: .26
+}, h = {
+	duration: .18,
+	ease: t
+}, g = {
+	type: "spring",
+	duration: .42,
+	bounce: .28
+};
+function _({ value: e, defaultValue: t, onValueChange: n }) {
+	let [r, i] = l(t ?? null), o = e !== void 0;
+	return [e ?? r, a((e) => {
+		o || i(e), n?.(e);
+	}, [o, n])];
+}
+function v({ item: t, open: a, startsGroup: o, endsGroup: d, separatedFromPrevious: _, contentId: v, triggerId: y, reduce: b, classNames: x, onToggle: S }) {
+	let C = c(null), [w, T] = l(0);
+	return s(() => {
+		let e = C.current;
+		if (!e) return;
+		let t = () => {
+			T(e.offsetHeight);
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => {
+			n.disconnect();
+		};
+	}, []), /* @__PURE__ */ r(u.div, {
+		initial: !1,
+		animate: { marginTop: _ ? 12 : 0 },
+		transition: b ? { duration: 0 } : f,
+		children: /* @__PURE__ */ i(u.div, {
+			"data-state": a ? "open" : "closed",
+			initial: !1,
+			animate: {
+				borderTopLeftRadius: o ? 28 : 0,
+				borderTopRightRadius: o ? 28 : 0,
+				borderBottomLeftRadius: d ? 28 : 0,
+				borderBottomRightRadius: d ? 28 : 0
+			},
+			transition: b ? { duration: 0 } : f,
+			className: e("overflow-hidden bg-muted/60 dark:bg-card text-card-foreground", t.disabled && "opacity-50", x?.item),
+			children: [/* @__PURE__ */ i("button", {
+				id: y,
+				type: "button",
+				disabled: t.disabled,
+				"aria-expanded": a,
+				"aria-controls": v,
+				onClick: S,
+				className: e("flex min-h-[54px] w-full items-center gap-4 px-5 text-left outline-none transition-all duration-200", "hover:bg-muted/30 focus-visible:bg-muted/30", "disabled:pointer-events-none", x?.trigger),
+				children: [
+					t.icon ? /* @__PURE__ */ r("span", {
+						className: e("grid h-7 w-7 shrink-0 place-items-center text-muted-foreground", x?.icon),
+						children: t.icon
+					}) : null,
+					/* @__PURE__ */ r("span", {
+						className: e("min-w-0 flex-1 truncate text-[15px] font-medium text-foreground", x?.title),
+						children: t.title
+					}),
+					/* @__PURE__ */ r(u.span, {
+						"aria-hidden": !0,
+						animate: { rotate: a ? 180 : 0 },
+						transition: b ? { duration: 0 } : g,
+						className: e("grid h-6 w-6 shrink-0 place-items-center text-muted-foreground", x?.chevron),
+						children: /* @__PURE__ */ r(n, { className: "h-4 w-4" })
+					})
+				]
+			}), /* @__PURE__ */ r(u.div, {
+				id: v,
+				role: "region",
+				"aria-labelledby": y,
+				"aria-hidden": !a,
+				initial: !1,
+				animate: { height: a && t.description ? w : 0 },
+				transition: b ? { duration: 0 } : a ? p : m,
+				className: e("overflow-hidden", x?.content),
+				children: /* @__PURE__ */ r(u.div, {
+					ref: C,
+					animate: { opacity: +!!a },
+					transition: b ? { duration: 0 } : h,
+					className: "px-5 pb-5",
+					children: /* @__PURE__ */ r("div", {
+						className: e("text-[15px] leading-6 text-muted-foreground", x?.description),
+						children: t.description
+					})
+				})
+			})]
+		})
+	});
+}
+function y({ items: t, value: n, defaultValue: i = null, onValueChange: s, collapsible: c = !0, className: l, classNames: u }) {
+	let f = d(), p = o(), [m, h] = _({
+		value: n,
+		defaultValue: i,
+		onValueChange: s
+	}), g = t.findIndex((e) => e.id === m), y = a((e) => {
+		if (m === e) {
+			c && h(null);
+			return;
+		}
+		h(e);
+	}, [
+		m,
+		c,
+		h
+	]);
+	return /* @__PURE__ */ r("div", {
+		className: e("w-full", l, u?.root),
+		children: t.map((e, n) => {
+			let i = m === e.id, a = g === n - 1, o = g === n + 1;
+			return /* @__PURE__ */ r(v, {
+				item: e,
+				open: i,
+				startsGroup: i || n === 0 || a,
+				endsGroup: i || n === t.length - 1 || o,
+				separatedFromPrevious: n > 0 && (i || a),
+				contentId: `${p}-${e.id}-content`,
+				triggerId: `${p}-${e.id}-trigger`,
+				reduce: f,
+				classNames: u,
+				onToggle: () => y(e.id)
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { y as BouncyAccordion };
+
+//# sourceMappingURL=bouncy-accordion.js.map

package/dist/components/ui/bouncy-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bouncy-accordion.js","names":[],"sources":["../../../src/components/ui/bouncy-accordion.tsx"],"sourcesContent":["import {\n    motion,\n    useReducedMotion,\n    type Transition,\n} from \"motion/react\";\nimport { ChevronDown } from \"lucide-react\";\nimport {\n    useCallback,\n    useId,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type ReactNode,\n} from \"react\";\nimport { EASE_OUT } from \"../../lib/ease\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BouncyAccordionItem = {\n    id: string;\n    title: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    disabled?: boolean;\n};\n\nexport type BouncyAccordionClassNames = {\n    root?: string;\n    item?: string;\n    trigger?: string;\n    icon?: string;\n    title?: string;\n    chevron?: string;\n    content?: string;\n    description?: string;\n};\n\nexport interface BouncyAccordionProps {\n    items: BouncyAccordionItem[];\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    collapsible?: boolean;\n    className?: string;\n    classNames?: BouncyAccordionClassNames;\n}\n\n// Local springs keep the accordion's connected groups moving together while\n// avoiding scale projection on text-heavy row contents.\n// Gap spring: must not overshoot y — positive y overshoot drifts items below\n// their mt-3 resting point and briefly overlaps the next item.\nconst ROW_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.55,\n    bounce: 0.38,\n};\n\nconst CONTENT_OPEN_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.58,\n    bounce: 0.32,\n};\n\nconst CONTENT_CLOSE_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.46,\n    bounce: 0.26,\n};\n\nconst DESCRIPTION_TRANSITION: Transition = {\n    duration: 0.18,\n    ease: EASE_OUT,\n};\n\nconst CHEVRON_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.42,\n    bounce: 0.28,\n};\n\n\nfunction useControllableAccordionValue({\n    value,\n    defaultValue,\n    onValueChange,\n}: {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n}) {\n    const [internalValue, setInternalValue] = useState(defaultValue ?? null);\n    const isControlled = value !== undefined;\n    const currentValue = value ?? internalValue;\n\n    const setValue = useCallback(\n        (next: string | null) => {\n            if (!isControlled) {\n                setInternalValue(next);\n            }\n\n            onValueChange?.(next);\n        },\n        [isControlled, onValueChange],\n    );\n\n    return [currentValue, setValue] as const;\n}\n\nfunction BouncyAccordionRow({\n    item,\n    open,\n    startsGroup,\n    endsGroup,\n    separatedFromPrevious,\n    contentId,\n    triggerId,\n    reduce,\n    classNames,\n    onToggle,\n}: {\n    item: BouncyAccordionItem;\n    open: boolean;\n    startsGroup: boolean;\n    endsGroup: boolean;\n    separatedFromPrevious: boolean;\n    contentId: string;\n    triggerId: string;\n    reduce: boolean | null;\n    classNames?: BouncyAccordionClassNames;\n    onToggle: () => void;\n}) {\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    useLayoutEffect(() => {\n        const node = contentRef.current;\n        if (!node) return;\n\n        const updateHeight = () => {\n            setContentHeight(node.offsetHeight);\n        };\n\n        updateHeight();\n\n        const observer = new ResizeObserver(updateHeight);\n        observer.observe(node);\n\n        return () => {\n            observer.disconnect();\n        };\n    }, []);\n\n    return (\n        <motion.div\n            initial={false}\n            animate={{ marginTop: separatedFromPrevious ? 12 : 0 }}\n            transition={reduce ? { duration: 0 } : ROW_TRANSITION}\n        >\n            <motion.div\n                data-state={open ? \"open\" : \"closed\"}\n                initial={false}\n                animate={{\n                    borderTopLeftRadius: startsGroup ? 28 : 0,\n                    borderTopRightRadius: startsGroup ? 28 : 0,\n                    borderBottomLeftRadius: endsGroup ? 28 : 0,\n                    borderBottomRightRadius: endsGroup ? 28 : 0,\n                }}\n                transition={reduce ? { duration: 0 } : ROW_TRANSITION}\n                className={cn(\n                    \"overflow-hidden bg-muted/60 dark:bg-card text-card-foreground\",\n                    item.disabled && \"opacity-50\",\n                    classNames?.item,\n                )}\n            >\n                <button\n                    id={triggerId}\n                    type=\"button\"\n                    disabled={item.disabled}\n                    aria-expanded={open}\n                    aria-controls={contentId}\n                    onClick={onToggle}\n                    className={cn(\n                        \"flex min-h-[54px] w-full items-center gap-4 px-5 text-left outline-none transition-all duration-200\",\n                        \"hover:bg-muted/30 focus-visible:bg-muted/30\",\n                        \"disabled:pointer-events-none\",\n                        classNames?.trigger,\n                    )}\n                >\n                    {item.icon ? (\n                        <span\n                            className={cn(\n                                \"grid h-7 w-7 shrink-0 place-items-center text-muted-foreground\",\n                                classNames?.icon,\n                            )}\n                        >\n                            {item.icon}\n                        </span>\n                    ) : null}\n                    <span\n                        className={cn(\n                            \"min-w-0 flex-1 truncate text-[15px] font-medium text-foreground\",\n                            classNames?.title,\n                        )}\n                    >\n                        {item.title}\n                    </span>\n                    <motion.span\n                        aria-hidden\n                        animate={{ rotate: open ? 180 : 0 }}\n                        transition={reduce ? { duration: 0 } : CHEVRON_TRANSITION}\n                        className={cn(\n                            \"grid h-6 w-6 shrink-0 place-items-center text-muted-foreground\",\n                            classNames?.chevron,\n                        )}\n                    >\n                        <ChevronDown className=\"h-4 w-4\" />\n                    </motion.span>\n                </button>\n\n                <motion.div\n                    id={contentId}\n                    role=\"region\"\n                    aria-labelledby={triggerId}\n                    aria-hidden={!open}\n                    initial={false}\n                    animate={{\n                        height: open && item.description ? contentHeight : 0,\n                    }}\n                    transition={\n                        reduce\n                            ? { duration: 0 }\n                            : open\n                                ? CONTENT_OPEN_TRANSITION\n                                : CONTENT_CLOSE_TRANSITION\n                    }\n                    className={cn(\"overflow-hidden\", classNames?.content)}\n                >\n                    <motion.div\n                        ref={contentRef}\n                        animate={{\n                            opacity: open ? 1 : 0,\n                        }}\n                        transition={reduce ? { duration: 0 } : DESCRIPTION_TRANSITION}\n                        className=\"px-5 pb-5\"\n                    >\n                        <div\n                            className={cn(\n                                \"text-[15px] leading-6 text-muted-foreground\",\n                                classNames?.description,\n                            )}\n                        >\n                            {item.description}\n                        </div>\n                    </motion.div>\n                </motion.div>\n            </motion.div>\n        </motion.div>\n    );\n}\n\nexport function BouncyAccordion({\n    items,\n    value,\n    defaultValue = null,\n    onValueChange,\n    collapsible = true,\n    className,\n    classNames,\n}: BouncyAccordionProps) {\n    const reduce = useReducedMotion();\n    const baseId = useId();\n    const [activeValue, setActiveValue] = useControllableAccordionValue({\n        value,\n        defaultValue,\n        onValueChange,\n    });\n    const activeIndex = items.findIndex((item) => item.id === activeValue);\n\n    const toggleItem = useCallback(\n        (id: string) => {\n            if (activeValue === id) {\n                if (collapsible) {\n                    setActiveValue(null);\n                }\n                return;\n            }\n\n            setActiveValue(id);\n        },\n        [activeValue, collapsible, setActiveValue],\n    );\n\n    return (\n        <div className={cn(\"w-full\", className, classNames?.root)}>\n            {items.map((item, index) => {\n                const open = activeValue === item.id;\n                const previousIsOpen = activeIndex === index - 1;\n                const nextIsOpen = activeIndex === index + 1;\n                const startsGroup = open || index === 0 || previousIsOpen;\n                const endsGroup = open || index === items.length - 1 || nextIsOpen;\n                const separatedFromPrevious = index > 0 && (open || previousIsOpen);\n                const contentId = `${baseId}-${item.id}-content`;\n                const triggerId = `${baseId}-${item.id}-trigger`;\n\n                return (\n                    <BouncyAccordionRow\n                        key={item.id}\n                        item={item}\n                        open={open}\n                        startsGroup={startsGroup}\n                        endsGroup={endsGroup}\n                        separatedFromPrevious={separatedFromPrevious}\n                        contentId={contentId}\n                        triggerId={triggerId}\n                        reduce={reduce}\n                        classNames={classNames}\n                        onToggle={() => toggleItem(item.id)}\n                    />\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAkDA,IAAM,IAA6B;CAC/B,MAAM;CACN,UAAU;CACV,QAAQ;AACZ,GAEM,IAAsC;CACxC,MAAM;CACN,UAAU;CACV,QAAQ;AACZ,GAEM,IAAuC;CACzC,MAAM;CACN,UAAU;CACV,QAAQ;AACZ,GAEM,IAAqC;CACvC,UAAU;CACV,MAAM;AACV,GAEM,IAAiC;CACnC,MAAM;CACN,UAAU;CACV,QAAQ;AACZ;AAGA,SAAS,EAA8B,EACnC,UACA,iBACA,oBAKD;CACC,IAAM,CAAC,GAAe,KAAoB,EAAS,KAAgB,IAAI,GACjE,IAAe,MAAU,KAAA;CAc/B,OAAO,CAbc,KAAS,GAEb,GACZ,MAAwB;EAKrB,AAJK,KACD,EAAiB,CAAI,GAGzB,IAAgB,CAAI;CACxB,GACA,CAAC,GAAc,CAAa,CAGV,CAAQ;AAClC;AAEA,SAAS,EAAmB,EACxB,SACA,SACA,gBACA,cACA,0BACA,cACA,cACA,WACA,eACA,eAYD;CACC,IAAM,IAAa,EAAuB,IAAI,GACxC,CAAC,GAAe,KAAoB,EAAS,CAAC;CAoBpD,OAlBA,QAAsB;EAClB,IAAM,IAAO,EAAW;EACxB,IAAI,CAAC,GAAM;EAEX,IAAM,UAAqB;GACvB,EAAiB,EAAK,YAAY;EACtC;EAEA,EAAa;EAEb,IAAM,IAAW,IAAI,eAAe,CAAY;EAGhD,OAFA,EAAS,QAAQ,CAAI,SAER;GACT,EAAS,WAAW;EACxB;CACJ,GAAG,CAAC,CAAC,GAGD,kBAAC,EAAO,KAAR;EACI,SAAS;EACT,SAAS,EAAE,WAAW,IAAwB,KAAK,EAAE;EACrD,YAAY,IAAS,EAAE,UAAU,EAAE,IAAI;YAEvC,kBAAC,EAAO,KAAR;GACI,cAAY,IAAO,SAAS;GAC5B,SAAS;GACT,SAAS;IACL,qBAAqB,IAAc,KAAK;IACxC,sBAAsB,IAAc,KAAK;IACzC,wBAAwB,IAAY,KAAK;IACzC,yBAAyB,IAAY,KAAK;GAC9C;GACA,YAAY,IAAS,EAAE,UAAU,EAAE,IAAI;GACvC,WAAW,EACP,iEACA,EAAK,YAAY,cACjB,GAAY,IAChB;aAdJ,CAgBI,kBAAC,UAAD;IACI,IAAI;IACJ,MAAK;IACL,UAAU,EAAK;IACf,iBAAe;IACf,iBAAe;IACf,SAAS;IACT,WAAW,EACP,uGACA,+CACA,gCACA,GAAY,OAChB;cAZJ;KAcK,EAAK,OACF,kBAAC,QAAD;MACI,WAAW,EACP,kEACA,GAAY,IAChB;gBAEC,EAAK;KACJ,CAAA,IACN;KACJ,kBAAC,QAAD;MACI,WAAW,EACP,mEACA,GAAY,KAChB;gBAEC,EAAK;KACJ,CAAA;KACN,kBAAC,EAAO,MAAR;MACI,eAAA;MACA,SAAS,EAAE,QAAQ,IAAO,MAAM,EAAE;MAClC,YAAY,IAAS,EAAE,UAAU,EAAE,IAAI;MACvC,WAAW,EACP,kEACA,GAAY,OAChB;gBAEA,kBAAC,GAAD,EAAa,WAAU,UAAW,CAAA;KACzB,CAAA;IACT;OAER,kBAAC,EAAO,KAAR;IACI,IAAI;IACJ,MAAK;IACL,mBAAiB;IACjB,eAAa,CAAC;IACd,SAAS;IACT,SAAS,EACL,QAAQ,KAAQ,EAAK,cAAc,IAAgB,EACvD;IACA,YACI,IACM,EAAE,UAAU,EAAE,IACd,IACI,IACA;IAEd,WAAW,EAAG,mBAAmB,GAAY,OAAO;cAEpD,kBAAC,EAAO,KAAR;KACI,KAAK;KACL,SAAS,EACL,SAAS,KACb;KACA,YAAY,IAAS,EAAE,UAAU,EAAE,IAAI;KACvC,WAAU;eAEV,kBAAC,OAAD;MACI,WAAW,EACP,+CACA,GAAY,WAChB;gBAEC,EAAK;KACL,CAAA;IACG,CAAA;GACJ,CAAA,CACJ;;CACJ,CAAA;AAEpB;AAEA,SAAgB,EAAgB,EAC5B,UACA,UACA,kBAAe,MACf,kBACA,iBAAc,IACd,cACA,iBACqB;CACrB,IAAM,IAAS,EAAiB,GAC1B,IAAS,EAAM,GACf,CAAC,GAAa,KAAkB,EAA8B;EAChE;EACA;EACA;CACJ,CAAC,GACK,IAAc,EAAM,WAAW,MAAS,EAAK,OAAO,CAAW,GAE/D,IAAa,GACd,MAAe;EACZ,IAAI,MAAgB,GAAI;GACpB,AAAI,KACA,EAAe,IAAI;GAEvB;EACJ;EAEA,EAAe,CAAE;CACrB,GACA;EAAC;EAAa;EAAa;CAAc,CAC7C;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,GAAW,GAAY,IAAI;YACnD,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAO,MAAgB,EAAK,IAC5B,IAAiB,MAAgB,IAAQ,GACzC,IAAa,MAAgB,IAAQ;GAO3C,OACI,kBAAC,GAAD;IAEU;IACA;IACO,aAXD,KAAQ,MAAU,KAAK;IAYxB,WAXD,KAAQ,MAAU,EAAM,SAAS,KAAK;IAYzB,uBAXD,IAAQ,MAAM,KAAQ;IAYjC,WAAA,GAXE,EAAO,GAAG,EAAK,GAAG;IAYpB,WAAA,GAXE,EAAO,GAAG,EAAK,GAAG;IAYvB;IACI;IACZ,gBAAgB,EAAW,EAAK,EAAE;GACrC,GAXQ,EAAK,EAWb;EAET,CAAC;CACA,CAAA;AAEb"}

package/dist/components/ui/{breadcrumb.es.js → breadcrumb.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
 import { ChevronRightIcon as t, MoreHorizontalIcon as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import "react";
@@ -71,4 +71,4 @@ function p({ className: t, ...a }) {
 //#endregion
 export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };
 
-//# sourceMappingURL=breadcrumb.es.js.map
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/ui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"a\">) {\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\"transition-colors hover:text-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n    },\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon />\n      )}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-5 items-center justify-center [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,cAAW;EACX,aAAU;EACV,WAAW,EAAG,CAAS;EACvB,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;CAC3E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,qFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;CAC3E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,kCAAkC,CAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,cACA,WACA,GAAG,KAC6B;CAChC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,2CAA2C,CAAS,EACpE,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,kBACR;CACF,CAAC;AACH;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAuC;CAC7E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,iBAAc;EACd,gBAAa;EACb,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAoB,EAC3B,aACA,cACA,GAAG,KAC0B;CAC7B,OACE,kBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,EAAG,oBAAoB,CAAS;EAC3C,GAAI;YAEH,KACC,kBAAC,GAAD,CAAmB,CAAA;CAEnB,CAAA;AAER;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,EACT,0DACA,CACF;EACA,GAAI;YARN,CAUE,kBAAC,GAAD,CACC,CAAA,GACD,kBAAC,QAAD;GAAM,WAAU;aAAU;EAAU,CAAA,CAChC;;AAEV"}

package/dist/components/ui/{bubble.es.js → bubble.js}

@@ -1,5 +1,5 @@
-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 { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
 import "react";
 import { mergeProps as r } from "@base-ui/react/merge-props";
@@ -72,4 +72,4 @@ function u({ side: t = "bottom", align: r = "end", className: i, ...a }) {
 //#endregion
 export { s as Bubble, c as BubbleContent, a as BubbleGroup, u as BubbleReactions };
 
-//# sourceMappingURL=bubble.es.js.map
+//# sourceMappingURL=bubble.js.map

package/dist/components/ui/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","names":[],"sources":["../../../src/components/ui/bubble.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\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80\",\n        secondary:\n          \"*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\",\n        muted:\n          \"*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]\",\n        tinted:\n          \"*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]\",\n        outline:\n          \"*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30\",\n        ghost:\n          \"border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50\",\n        destructive:\n          \"*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"bubble-content\",\n    },\n  })\n}\n\nconst bubbleReactionsVariants = cva(\n  \"absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0\",\n  {\n    variants: {\n      side: {\n        top: \"top-0 -translate-y-3/4\",\n        bottom: \"bottom-0 translate-y-3/4\",\n      },\n      align: {\n        start: \"left-3\",\n        end: \"right-3\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n"],"mappings":";;;;;;;AAOA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAiB,EACrB,yKACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,OACE;EACF,QACE;EACF,SACE;EACF,OACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAO,EACd,aAAU,WACV,WAAQ,SACR,cACA,GAAG,KAIA;CACH,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,cAAY;EACZ,WAAW,EAAG,EAAe,EAAE,WAAQ,CAAC,GAAG,CAAS;EACpD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,WACA,GAAG,KAC+B;CAClC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,6VACA,CACF,EACF,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,iBACR;CACF,CAAC;AACH;AAEA,IAAM,IAA0B,EAC9B,qJACA;CACE,UAAU;EACR,MAAM;GACJ,KAAK;GACL,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,KAAK;EACP;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;CACT;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,UAAO,UACP,WAAQ,OACR,cACA,GAAG,KAIF;CACD,OACE,kBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,aAAW;EACX,WAAW,EAAG,EAAwB;GAAE;GAAM;EAAM,CAAC,GAAG,CAAS;EACjE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{button-group.es.js → button-group.js}

@@ -1,6 +1,6 @@
-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 { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Separator as n } from "./separator.js";
 import { jsx as r } from "react/jsx-runtime";
 import { mergeProps as i } from "@base-ui/react/merge-props";
 import { useRender as a } from "@base-ui/react/use-render";
@@ -40,4 +40,4 @@ function l({ className: t, orientation: i = "vertical", ...a }) {
 //#endregion
 export { s as ButtonGroup, l as ButtonGroupSeparator, c as ButtonGroupText, o as buttonGroupVariants };
 
-//# sourceMappingURL=button-group.es.js.map
+//# sourceMappingURL=button-group.js.map

package/dist/components/ui/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../src/components/ui/button-group.tsx"],"sourcesContent":["import { 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\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n        vertical:\n          \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n    },\n  })\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAsB,EAC1B,4RACA;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;CACJ,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CACF;AAEA,SAAS,EAAY,EACnB,cACA,gBACA,GAAG,KACsE;CACzE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,EAAG,EAAoB,EAAE,eAAY,CAAC,GAAG,CAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,cACA,WACA,GAAG,KAC+B;CAClC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,kJACA,CACF,EACF,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,oBACR;CACF,CAAC;AACH;AAEA,SAAS,EAAqB,EAC5B,cACA,iBAAc,YACd,GAAG,KACsC;CACzC,OACE,kBAAC,GAAD;EACE,aAAU;EACG;EACb,WAAW,EACT,wHACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/{button.es.js → button.js}

@@ -1,5 +1,5 @@
-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 { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Button as r } from "@base-ui/react/button";
 //#region src/components/ui/button.tsx
@@ -43,4 +43,4 @@ function a({ className: t, variant: a = "default", size: o = "default", ...s })
 //#endregion
 export { a as Button, i as buttonVariants };
 
-//# sourceMappingURL=button.es.js.map
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;AAKA,IAAM,IAAiB,EACrB,8lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAC2D;CAC9D,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL"}