@customafk/lunas-ui 0.0.3-g → 0.0.5

package/README.md

@@ -1,49 +1,29 @@
-# E-Commerce UI
+# react-components-starter
 
-## 🤔 What is this project?
+A starter for creating a React component library.
 
-This is a component library for any e-commerce web project.
+## Development
 
-## ⚡ Installation
+- Install dependencies:
 
-1. Prerequisites
-
-   - `Node.js >= 20.x`
-   - `Yarn >= 4.x`
-
-2. Clone repository
-
-   - `git clone https://github.com/QuangPhamvt/e-commerce-ui.git`
-
-3. Install packages
-
-   - `yarn`
-
-4. Run
+```bash
+npm install
+```
 
-   - `yarn run sb`
-   - Go to [localhost:6006](http://localhost:6006)
+- Run the playground:
 
-## ❔ How to push
+```bash
+npm run playground
+```
 
-- Role commit: `{type}: {subject}`
+- Run the unit tests:
 
-  - type: feature (feat) | fix | style | refactor | documentation (doc) | test | build
-  - subject: write a concise description of the change
-  <!-- - # (TODO) Automatic: check lint and format pre-commit -->
+```bash
+npm run test
+```
 
-- Example:
+- Build the library:
 
 ```bash
-git commit -m "{type}: {subject}"
+npm run build
 ```
-
-| **Type**      | **Description**                                                                                        |
-| :------------ | :----------------------------------------------------------------------------------------------------- |
-| feature       | A new feature                                                                                          |
-| fix           | A bug fix                                                                                              |
-| style         | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc) |
-| refactor      | Changes that restructure the code without adding new features                                          |
-| documentation | Changes to documentation only                                                                          |
-| test          | Changes that add or modify existing tests                                                              |
-| build         | Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)    |

package/dist/alert-dialog.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./button-CXoxOggw.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`radix-ui`)),a=e.__toESM(require(`react/jsx-runtime`));function o({...e}){return(0,a.jsx)(i.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function s({...e}){return(0,a.jsx)(i.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return(0,a.jsx)(i.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function l({className:e,...n}){return(0,a.jsx)(i.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,className:t.cn(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...n})}function u({className:e,...n}){return(0,a.jsxs)(c,{children:[(0,a.jsx)(l,{}),(0,a.jsx)(i.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:t.cn(`bg-background`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,`fixed z-50`,`top-1/2 left-1/2`,`-translate-1/2`,`grid w-full max-w-[calc(100%-2rem)]`,`gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg`,e),...n})]})}function d({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:t.cn(`flex flex-col gap-2 text-center sm:text-left`,e),...n})}function f({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function p({className:e,...n}){return(0,a.jsx)(i.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:t.cn(`text-lg font-semibold`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(i.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function h({className:e,...r}){return(0,a.jsx)(i.AlertDialog.Action,{className:t.cn(n.buttonVariants(),e),...r,autoFocus:!0,tabIndex:1})}function g({className:e,...r}){return(0,a.jsx)(i.AlertDialog.Cancel,{className:t.cn(n.buttonVariants({variant:`outline`}),e),...r})}exports.AlertDialog=o,exports.AlertDialogAction=h,exports.AlertDialogCancel=g,exports.AlertDialogContent=u,exports.AlertDialogDescription=m,exports.AlertDialogFooter=f,exports.AlertDialogHeader=d,exports.AlertDialogOverlay=l,exports.AlertDialogPortal=c,exports.AlertDialogTitle=p,exports.AlertDialogTrigger=s;
+//# sourceMappingURL=alert-dialog.cjs.map

package/dist/alert-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.cjs","names":["AlertDialogPrimitive","cn","buttonVariants"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50\",\n        \"data-[state=open]:animate-in\",\n        \"data-[state=closed]:animate-out\",\n        \"data-[state=closed]:fade-out-0\",\n        \"data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background\",\n          \"data-[state=open]:animate-in\",\n          \"data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0\",\n          \"data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:zoom-out-95\",\n          \"data-[state=open]:zoom-in-95\",\n          \"fixed z-50\",\n          \"top-1/2 left-1/2\",\n          \"-translate-1/2\",\n          \"grid w-full max-w-[calc(100%-2rem)]\",\n          \"gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg\",\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(\"flex flex-col gap-2 text-center sm:text-left\", className)}\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        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\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(\"text-lg font-semibold\", className)}\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(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n      autoFocus\n      tabIndex={1}\n    />\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":"mOAOA,SAAS,EAAY,CACnB,GAAG,EACoD,CAAE,CACzD,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,GAChE,CAED,SAAS,EAAmB,CAC1B,GAAG,EACuD,CAAE,CAC5D,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,GAEtE,CAED,SAAS,EAAkB,CACzB,GAAG,EACsD,CAAE,CAC3D,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,GAEpE,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,UAAWC,EAAAA,GACT,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,GACD,EAAA,EAAA,KAACD,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,UAAWC,EAAAA,GACT,gBACA,+BACA,kCACA,iCACA,8BACA,kCACA,+BACA,aACA,mBACA,iBACA,sCACA,0DACA,GAEF,GAAI,MAIX,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,sBACV,UAAWA,EAAAA,GAAG,+CAAgD,GAC9D,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,sBACV,UAAWA,EAAAA,GACT,yDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACqD,CAAE,CAC1D,OACE,EAAA,EAAA,KAACD,EAAAA,YAAqB,MAAA,CACpB,YAAU,qBACV,UAAWC,EAAAA,GAAG,wBAAyB,GACvC,GAAI,GAGT,CAED,SAAS,EAAuB,CAC9B,YACA,GAAG,EAC2D,CAAE,CAChE,OACE,EAAA,EAAA,KAACD,EAAAA,YAAqB,YAAA,CACpB,YAAU,2BACV,UAAWC,EAAAA,GAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAAA,EAAA,KAACD,EAAAA,YAAqB,OAAA,CACpB,UAAWC,EAAAA,GAAGC,EAAAA,iBAAkB,GAChC,GAAI,EACJ,UAAA,GACA,SAAU,GAGf,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAAA,EAAA,KAACF,EAAAA,YAAqB,OAAA,CACpB,UAAWC,EAAAA,GAAGC,EAAAA,eAAe,CAAE,QAAS,UAAW,EAAG,GACtD,GAAI,GAGT"}

package/dist/alert-dialog.d.cts

@@ -0,0 +1,48 @@
+import React from "react";
+import { AlertDialog as AlertDialog$1 } from "radix-ui";
+
+//#region packages/components/ui/alert-dialog.d.ts
+declare function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Content>): React.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Title>): React.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Description>): React.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Action>): React.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): React.JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.cts.map

package/dist/alert-dialog.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { AlertDialog as AlertDialog$1 } from "radix-ui";
+
+//#region packages/components/ui/alert-dialog.d.ts
+declare function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Content>): React.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Title>): React.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Description>): React.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Action>): React.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): React.JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/alert-dialog.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"./utils-D9AH0PUV.js";import{buttonVariants as t}from"./button-C1iCV8GH.js";import n from"react";import{AlertDialog as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({...e}){return i(r.Root,{"data-slot":`alert-dialog`,...e})}function s({...e}){return i(r.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return i(r.Portal,{"data-slot":`alert-dialog-portal`,...e})}function l({className:t,...n}){return i(r.Overlay,{"data-slot":`alert-dialog-overlay`,className:e(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,t),...n})}function u({className:t,...n}){return a(c,{children:[i(l,{}),i(r.Content,{"data-slot":`alert-dialog-content`,className:e(`bg-background`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,`fixed z-50`,`top-1/2 left-1/2`,`-translate-1/2`,`grid w-full max-w-[calc(100%-2rem)]`,`gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg`,t),...n})]})}function d({className:t,...n}){return i(`div`,{"data-slot":`alert-dialog-header`,className:e(`flex flex-col gap-2 text-center sm:text-left`,t),...n})}function f({className:t,...n}){return i(`div`,{"data-slot":`alert-dialog-footer`,className:e(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,t),...n})}function p({className:t,...n}){return i(r.Title,{"data-slot":`alert-dialog-title`,className:e(`text-lg font-semibold`,t),...n})}function m({className:t,...n}){return i(r.Description,{"data-slot":`alert-dialog-description`,className:e(`text-muted-foreground text-sm`,t),...n})}function h({className:n,...a}){return i(r.Action,{className:e(t(),n),...a,autoFocus:!0,tabIndex:1})}function g({className:n,...a}){return i(r.Cancel,{className:e(t({variant:`outline`}),n),...a})}export{o as AlertDialog,h as AlertDialogAction,g as AlertDialogCancel,u as AlertDialogContent,m as AlertDialogDescription,f as AlertDialogFooter,d as AlertDialogHeader,l as AlertDialogOverlay,c as AlertDialogPortal,p as AlertDialogTitle,s as AlertDialogTrigger};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50\",\n        \"data-[state=open]:animate-in\",\n        \"data-[state=closed]:animate-out\",\n        \"data-[state=closed]:fade-out-0\",\n        \"data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background\",\n          \"data-[state=open]:animate-in\",\n          \"data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0\",\n          \"data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:zoom-out-95\",\n          \"data-[state=open]:zoom-in-95\",\n          \"fixed z-50\",\n          \"top-1/2 left-1/2\",\n          \"-translate-1/2\",\n          \"grid w-full max-w-[calc(100%-2rem)]\",\n          \"gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg\",\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(\"flex flex-col gap-2 text-center sm:text-left\", className)}\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        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\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(\"text-lg font-semibold\", className)}\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(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n      autoFocus\n      tabIndex={1}\n    />\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":"0NAOA,SAAS,EAAY,CACnB,GAAG,EACoD,CAAE,CACzD,OAAO,EAACA,EAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,GAChE,CAED,SAAS,EAAmB,CAC1B,GAAG,EACuD,CAAE,CAC5D,OACE,EAACA,EAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,GAEtE,CAED,SAAS,EAAkB,CACzB,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,GAEpE,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,EACD,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,gBACA,+BACA,kCACA,iCACA,8BACA,kCACA,+BACA,aACA,mBACA,iBACA,sCACA,0DACA,GAEF,GAAI,MAIX,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAC,MAAA,CACC,YAAU,sBACV,UAAW,EAAG,+CAAgD,GAC9D,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAC,MAAA,CACC,YAAU,sBACV,UAAW,EACT,yDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACqD,CAAE,CAC1D,OACE,EAACA,EAAqB,MAAA,CACpB,YAAU,qBACV,UAAW,EAAG,wBAAyB,GACvC,GAAI,GAGT,CAED,SAAS,EAAuB,CAC9B,YACA,GAAG,EAC2D,CAAE,CAChE,OACE,EAACA,EAAqB,YAAA,CACpB,YAAU,2BACV,UAAW,EAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAqB,OAAA,CACpB,UAAW,EAAG,IAAkB,GAChC,GAAI,EACJ,UAAA,GACA,SAAU,GAGf,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAqB,OAAA,CACpB,UAAW,EAAG,EAAe,CAAE,QAAS,UAAW,EAAG,GACtD,GAAI,GAGT"}

package/dist/alert.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`class-variance-authority`)),i=e.__toESM(require(`react/jsx-runtime`)),a=(0,r.cva)([`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4`,`[&>svg]:translate-y-0.5 [&>svg]:text-current`],{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90`}},defaultVariants:{variant:`default`}});function o({className:e,variant:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:t.cn(a({variant:n}),e),...r})}function s({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`alert-title`,className:t.cn(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`alert-description`,className:t.cn(`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...n})}exports.Alert=o,exports.AlertDescription=c,exports.AlertTitle=s;
+//# sourceMappingURL=alert.cjs.map

package/dist/alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.cjs","names":["cn"],"sources":["../packages/components/ui/alert.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  [\n    \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm\",\n    \"has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4\",\n    \"[&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\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        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\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-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"gNAMM,GAAA,EAAA,EAAA,KACJ,CACE,mGACA,sFACA,+CACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,oGACH,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,EAGH,SAAS,EAAM,CACb,YACA,UACA,GAAG,EAC8D,CAAE,CACnE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWA,EAAAA,GAAG,EAAc,CAAE,UAAS,EAAG,GAC1C,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,UAAWA,EAAAA,GACT,8DACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,UAAWA,EAAAA,GACT,iGACA,GAEF,GAAI,GAGT"}

package/dist/alert.d.cts

@@ -0,0 +1,24 @@
+import React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.cts.map

package/dist/alert.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region packages/components/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/alert.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";const i=n([`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4`,`[&>svg]:translate-y-0.5 [&>svg]:text-current`],{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90`}},defaultVariants:{variant:`default`}});function a({className:t,variant:n,...a}){return r(`div`,{"data-slot":`alert`,role:`alert`,className:e(i({variant:n}),t),...a})}function o({className:t,...n}){return r(`div`,{"data-slot":`alert-title`,className:e(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,t),...n})}function s({className:t,...n}){return r(`div`,{"data-slot":`alert-description`,className:e(`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,t),...n})}export{a as Alert,s as AlertDescription,o as AlertTitle};
+//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../packages/components/ui/alert.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  [\n    \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm\",\n    \"has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4\",\n    \"[&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\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        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\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-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"kKAMA,MAAM,EAAgB,EACpB,CACE,mGACA,sFACA,+CACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,oGACH,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,EAGH,SAAS,EAAM,CACb,YACA,UACA,GAAG,EAC8D,CAAE,CACnE,OACE,EAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAW,EAAG,EAAc,CAAE,UAAS,EAAG,GAC1C,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,8DACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EACT,iGACA,GAEF,GAAI,GAGT"}

package/dist/aspect-ratio.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...n}){return(0,i.jsx)(r.AspectRatio.Root,{"data-slot":`aspect-ratio`,className:t.cn(`bg-accent rounded-md`,e),...n})}exports.AspectRatio=a;
+//# sourceMappingURL=aspect-ratio.cjs.map

package/dist/aspect-ratio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.cjs","names":["AspectRatioPrimitive","cn"],"sources":["../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { AspectRatio as AspectRatioPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction AspectRatio({\n  className,\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return (\n    <AspectRatioPrimitive.Root\n      data-slot=\"aspect-ratio\"\n      className={cn(\"bg-accent rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { AspectRatio };\n"],"mappings":"gMAMA,SAAS,EAAY,CACnB,YACA,GAAG,EACoD,CAAE,CACzD,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CACpB,YAAU,eACV,UAAWC,EAAAA,GAAG,uBAAwB,GACtC,GAAI,GAGT"}

package/dist/aspect-ratio.d.cts

@@ -0,0 +1,11 @@
+import React from "react";
+import { AspectRatio as AspectRatio$1 } from "radix-ui";
+
+//#region packages/components/ui/aspect-ratio.d.ts
+declare function AspectRatio({
+  className,
+  ...props
+}: React.ComponentProps<typeof AspectRatio$1.Root>): React.JSX.Element;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.cts.map

package/dist/aspect-ratio.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { AspectRatio as AspectRatio$1 } from "radix-ui";
+
+//#region packages/components/ui/aspect-ratio.d.ts
+declare function AspectRatio({
+  className,
+  ...props
+}: React.ComponentProps<typeof AspectRatio$1.Root>): React.JSX.Element;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/aspect-ratio.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{AspectRatio as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:t,...i}){return r(n.Root,{"data-slot":`aspect-ratio`,className:e(`bg-accent rounded-md`,t),...i})}export{i as AspectRatio};
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":["AspectRatioPrimitive"],"sources":["../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { AspectRatio as AspectRatioPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction AspectRatio({\n  className,\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return (\n    <AspectRatioPrimitive.Root\n      data-slot=\"aspect-ratio\"\n      className={cn(\"bg-accent rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { AspectRatio };\n"],"mappings":"0JAMA,SAAS,EAAY,CACnB,YACA,GAAG,EACoD,CAAE,CACzD,OACE,EAACA,EAAqB,KAAA,CACpB,YAAU,eACV,UAAW,EAAG,uBAAwB,GACtC,GAAI,GAGT"}

package/dist/avatar.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...n}){return(0,i.jsx)(r.Avatar.Root,{"data-slot":`avatar`,className:t.cn(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,e),...n})}function o({className:e,...n}){return(0,i.jsx)(r.Avatar.Image,{"data-slot":`avatar-image`,className:t.cn(`aspect-square size-full`,e),...n})}function s({className:e,...n}){return(0,i.jsx)(r.Avatar.Fallback,{"data-slot":`avatar-fallback`,className:t.cn(`bg-muted flex size-full items-center justify-center rounded-full`,e),...n})}exports.Avatar=a,exports.AvatarFallback=s,exports.AvatarImage=o;
+//# sourceMappingURL=avatar.cjs.map

package/dist/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.cjs","names":["AvatarPrimitive","cn"],"sources":["../packages/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-muted flex size-full items-center justify-center rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":"gMAMA,SAAS,EAAO,CACd,YACA,GAAG,EAC+C,CAAE,CACpD,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,SACV,UAAWC,EAAAA,GACT,6DACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAY,CACnB,YACA,GAAG,EACgD,CAAE,CACrD,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,UAAWC,EAAAA,GAAG,0BAA2B,GACzC,GAAI,GAGT,CAED,SAAS,EAAe,CACtB,YACA,GAAG,EACmD,CAAE,CACxD,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,SAAA,CACf,YAAU,kBACV,UAAWC,EAAAA,GACT,mEACA,GAEF,GAAI,GAGT"}

package/dist/avatar.d.cts

@@ -0,0 +1,19 @@
+import React from "react";
+import { Avatar as Avatar$1 } from "radix-ui";
+
+//#region packages/components/ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Root>): React.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Image>): React.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Fallback>): React.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.cts.map

package/dist/avatar.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { Avatar as Avatar$1 } from "radix-ui";
+
+//#region packages/components/ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Root>): React.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Image>): React.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Fallback>): React.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Avatar as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:t,...i}){return r(n.Root,{"data-slot":`avatar`,className:e(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,t),...i})}function a({className:t,...i}){return r(n.Image,{"data-slot":`avatar-image`,className:e(`aspect-square size-full`,t),...i})}function o({className:t,...i}){return r(n.Fallback,{"data-slot":`avatar-fallback`,className:e(`bg-muted flex size-full items-center justify-center rounded-full`,t),...i})}export{i as Avatar,o as AvatarFallback,a as AvatarImage};
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["AvatarPrimitive"],"sources":["../packages/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-muted flex size-full items-center justify-center rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":"qJAMA,SAAS,EAAO,CACd,YACA,GAAG,EAC+C,CAAE,CACpD,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,SACV,UAAW,EACT,6DACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAY,CACnB,YACA,GAAG,EACgD,CAAE,CACrD,OACE,EAACA,EAAgB,MAAA,CACf,YAAU,eACV,UAAW,EAAG,0BAA2B,GACzC,GAAI,GAGT,CAED,SAAS,EAAe,CACtB,YACA,GAAG,EACmD,CAAE,CACxD,OACE,EAACA,EAAgB,SAAA,CACf,YAAU,kBACV,UAAW,EACT,mEACA,GAEF,GAAI,GAGT"}

package/dist/badge.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`class-variance-authority`)),i=e.__toESM(require(`react/jsx-runtime`)),a=(0,r.cva)(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 dark:bg-red-600 text-white`,orange:`bg-orange-500 text-white dark:bg-orange-600`,amber:`bg-amber-500 text-white dark:bg-amber-600 `,yellow:`bg-yellow-500 text-white dark:bg-yellow-600 `,lime:`bg-lime-500 text-white dark:bg-lime-600`,green:`bg-green-500 text-white dark:bg-green-600`,emerald:`bg-emerald-500 text-white dark:bg-emerald-600`,teal:`bg-teal-500 text-white dark:bg-teal-600`,cyan:`bg-cyan-500 text-white dark:bg-cyan-600`,sky:`bg-sky-500 text-white dark:bg-sky-600`,blue:`bg-blue-500 text-white dark:bg-blue-600`,indigo:`bg-indigo-500 text-white dark:bg-indigo-600`,violet:`bg-violet-500 text-white dark:bg-violet-600`,purple:`bg-purple-500 text-white dark:bg-purple-600`,fuchsia:`bg-fuchsia-500 text-white dark:bg-fuchsia-600`,pink:`bg-pink-500 text-white dark:bg-pink-600`,rose:`bg-rose-500 text-white dark:bg-rose-600`,zinc:`bg-zinc-500 text-white dark:bg-zinc-600`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function o({className:e,color:n,size:r,pill:o,...s}){return(0,i.jsx)(`div`,{className:t.cn(a({color:n,pill:o,size:r}),e),...s})}exports.Badge=o,exports.badgeVariants=a;
+//# sourceMappingURL=badge.cjs.map

package/dist/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","names":["cn"],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline\",\n  {\n    variants: {\n      color: {\n        red: \"bg-red-500 dark:bg-red-600 text-white\",\n        orange: \"bg-orange-500 text-white dark:bg-orange-600\",\n        amber: \"bg-amber-500 text-white dark:bg-amber-600 \",\n        yellow: \"bg-yellow-500 text-white dark:bg-yellow-600 \",\n        lime: \"bg-lime-500 text-white dark:bg-lime-600\",\n        green: \"bg-green-500 text-white dark:bg-green-600\",\n        emerald: \"bg-emerald-500 text-white dark:bg-emerald-600\",\n        teal: \"bg-teal-500 text-white dark:bg-teal-600\",\n        cyan: \"bg-cyan-500 text-white dark:bg-cyan-600\",\n        sky: \"bg-sky-500 text-white dark:bg-sky-600\",\n        blue: \"bg-blue-500 text-white dark:bg-blue-600\",\n        indigo: \"bg-indigo-500 text-white dark:bg-indigo-600\",\n        violet: \"bg-violet-500 text-white dark:bg-violet-600\",\n        purple: \"bg-purple-500 text-white dark:bg-purple-600\",\n        fuchsia: \"bg-fuchsia-500 text-white dark:bg-fuchsia-600\",\n        pink: \"bg-pink-500 text-white dark:bg-pink-600\",\n        rose: \"bg-rose-500 text-white dark:bg-rose-600\",\n        zinc: \"bg-zinc-500 text-white dark:bg-zinc-600\",\n      },\n      size: {\n        xs: \"text-[8px]/3 px-1 py-0.5 gap-1\",\n        sm: \"text-[10px]/3 px-1.5 py-1 gap-1\",\n        md: \"text-xs px-2 py-1 gap-1\",\n        lg: \"text-sm px-2 py-1 gap-1.5\",\n        xl: \"text-base px-2.5 py-1 gap-1.5\",\n      },\n      pill: {\n        true: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      color: \"zinc\",\n      size: \"md\",\n      pill: true,\n    },\n  },\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> &\n  React.ComponentPropsWithoutRef<\"div\">;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return (\n    <div\n      className={cn(badgeVariants({ color, pill, size }), className)}\n      {...props}\n    />\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"gNAMM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wCACL,OAAQ,8CACR,MAAO,6CACP,OAAQ,+CACR,KAAM,0CACN,MAAO,4CACP,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,IAAK,wCACL,KAAM,0CACN,OAAQ,8CACR,OAAQ,8CACR,OAAQ,8CACR,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,KAAM,0CACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,EAMH,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,EAAmB,CAAE,CACrE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,UAAWA,EAAAA,GAAG,EAAc,CAAE,QAAO,OAAM,OAAM,EAAG,GACpD,GAAI,GAGT"}

package/dist/badge.d.cts

@@ -0,0 +1,21 @@
+import React from "react";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
+  size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
+  pill?: boolean | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<"div">;
+declare function Badge({
+  className,
+  color,
+  size,
+  pill,
+  ...props
+}: BadgeProps): React.JSX.Element;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.cts.map

package/dist/badge.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+
+//#region packages/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
+  size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
+  pill?: boolean | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<"div">;
+declare function Badge({
+  className,
+  color,
+  size,
+  pill,
+  ...props
+}: BadgeProps): React.JSX.Element;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";const i=n(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 dark:bg-red-600 text-white`,orange:`bg-orange-500 text-white dark:bg-orange-600`,amber:`bg-amber-500 text-white dark:bg-amber-600 `,yellow:`bg-yellow-500 text-white dark:bg-yellow-600 `,lime:`bg-lime-500 text-white dark:bg-lime-600`,green:`bg-green-500 text-white dark:bg-green-600`,emerald:`bg-emerald-500 text-white dark:bg-emerald-600`,teal:`bg-teal-500 text-white dark:bg-teal-600`,cyan:`bg-cyan-500 text-white dark:bg-cyan-600`,sky:`bg-sky-500 text-white dark:bg-sky-600`,blue:`bg-blue-500 text-white dark:bg-blue-600`,indigo:`bg-indigo-500 text-white dark:bg-indigo-600`,violet:`bg-violet-500 text-white dark:bg-violet-600`,purple:`bg-purple-500 text-white dark:bg-purple-600`,fuchsia:`bg-fuchsia-500 text-white dark:bg-fuchsia-600`,pink:`bg-pink-500 text-white dark:bg-pink-600`,rose:`bg-rose-500 text-white dark:bg-rose-600`,zinc:`bg-zinc-500 text-white dark:bg-zinc-600`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function a({className:t,color:n,size:a,pill:o,...s}){return r(`div`,{className:e(i({color:n,pill:o,size:a}),t),...s})}export{a as Badge,i as badgeVariants};
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline\",\n  {\n    variants: {\n      color: {\n        red: \"bg-red-500 dark:bg-red-600 text-white\",\n        orange: \"bg-orange-500 text-white dark:bg-orange-600\",\n        amber: \"bg-amber-500 text-white dark:bg-amber-600 \",\n        yellow: \"bg-yellow-500 text-white dark:bg-yellow-600 \",\n        lime: \"bg-lime-500 text-white dark:bg-lime-600\",\n        green: \"bg-green-500 text-white dark:bg-green-600\",\n        emerald: \"bg-emerald-500 text-white dark:bg-emerald-600\",\n        teal: \"bg-teal-500 text-white dark:bg-teal-600\",\n        cyan: \"bg-cyan-500 text-white dark:bg-cyan-600\",\n        sky: \"bg-sky-500 text-white dark:bg-sky-600\",\n        blue: \"bg-blue-500 text-white dark:bg-blue-600\",\n        indigo: \"bg-indigo-500 text-white dark:bg-indigo-600\",\n        violet: \"bg-violet-500 text-white dark:bg-violet-600\",\n        purple: \"bg-purple-500 text-white dark:bg-purple-600\",\n        fuchsia: \"bg-fuchsia-500 text-white dark:bg-fuchsia-600\",\n        pink: \"bg-pink-500 text-white dark:bg-pink-600\",\n        rose: \"bg-rose-500 text-white dark:bg-rose-600\",\n        zinc: \"bg-zinc-500 text-white dark:bg-zinc-600\",\n      },\n      size: {\n        xs: \"text-[8px]/3 px-1 py-0.5 gap-1\",\n        sm: \"text-[10px]/3 px-1.5 py-1 gap-1\",\n        md: \"text-xs px-2 py-1 gap-1\",\n        lg: \"text-sm px-2 py-1 gap-1.5\",\n        xl: \"text-base px-2.5 py-1 gap-1.5\",\n      },\n      pill: {\n        true: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      color: \"zinc\",\n      size: \"md\",\n      pill: true,\n    },\n  },\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> &\n  React.ComponentPropsWithoutRef<\"div\">;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return (\n    <div\n      className={cn(badgeVariants({ color, pill, size }), className)}\n      {...props}\n    />\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"kKAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wCACL,OAAQ,8CACR,MAAO,6CACP,OAAQ,+CACR,KAAM,0CACN,MAAO,4CACP,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,IAAK,wCACL,KAAM,0CACN,OAAQ,8CACR,OAAQ,8CACR,OAAQ,8CACR,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,KAAM,0CACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,EAMH,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,EAAmB,CAAE,CACrE,OACE,EAAC,MAAA,CACC,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,OAAM,EAAG,GACpD,GAAI,GAGT"}

package/dist/breadcrumb.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`));function o({...e}){return(0,i.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function s({className:e,...n}){return(0,i.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:t.cn(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:t.cn(`inline-flex items-center gap-1.5`,e),...n})}function l({asChild:e,className:n,...a}){let o=e?r.Slot.Slot:`a`;return(0,i.jsx)(o,{"data-slot":`breadcrumb-link`,className:t.cn(`hover:text-foreground transition-colors`,n),...a})}function u({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:t.cn(`text-foreground font-normal`,e),...n})}function d({children:e,className:n,...r}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:t.cn(`[&>svg]:size-3.5`,n),...r,children:e??(0,i.jsx)(a.ChevronRight,{})})}function f({className:e,...n}){return(0,i.jsxs)(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:t.cn(`flex size-9 items-center justify-center`,e),...n,children:[(0,i.jsx)(a.MoreHorizontalIcon,{size:16}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More`})]})}exports.Breadcrumb=o,exports.BreadcrumbEllipsis=f,exports.BreadcrumbItem=c,exports.BreadcrumbLink=l,exports.BreadcrumbList=s,exports.BreadcrumbPage=u,exports.BreadcrumbSeparator=d;
+//# sourceMappingURL=breadcrumb.cjs.map

package/dist/breadcrumb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.cjs","names":["cn","SlotPrimitive","ChevronRight","MoreHorizontalIcon"],"sources":["../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport { ChevronRight, MoreHorizontalIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\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.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\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(\"text-foreground font-normal\", 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 ?? <ChevronRight />}\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(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon size={16} />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"],"mappings":"qOAOA,SAAS,EAAW,CAAE,GAAG,EAAoC,CAAE,CAC7D,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,GAAI,GAChE,CAED,SAAS,EAAe,CAAE,YAAW,GAAG,EAAmC,CAAE,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,UAAWA,EAAAA,GACT,2FACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAe,CAAE,YAAW,GAAG,EAAmC,CAAE,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,UAAWA,EAAAA,GAAG,mCAAoC,GAClD,GAAI,GAGT,CAED,SAAS,EAAe,CACtB,UACA,YACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAO,EAAUC,EAAAA,KAAc,KAAO,IAE5C,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,kBACV,UAAWD,EAAAA,GAAG,0CAA2C,GACzD,GAAI,GAGT,CAED,SAAS,EAAe,CAAE,YAAW,GAAG,EAAqC,CAAE,CAC7E,OACE,EAAA,EAAA,KAAC,OAAA,CACC,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWA,EAAAA,GAAG,8BAA+B,GAC7C,GAAI,GAGT,CAED,SAAS,EAAoB,CAC3B,WACA,YACA,GAAG,EACwB,CAAE,CAC7B,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWA,EAAAA,GAAG,mBAAoB,GAClC,GAAI,WAEH,IAAY,EAAA,EAAA,KAACE,EAAAA,aAAAA,EAAAA,GAGnB,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EAC0B,CAAE,CAC/B,OACE,EAAA,EAAA,MAAC,OAAA,CACC,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAWF,EAAAA,GAAG,0CAA2C,GACzD,GAAI,aAEJ,EAAA,EAAA,KAACG,EAAAA,mBAAAA,CAAmB,KAAM,GAAA,GAC1B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,WAG/B"}

package/dist/breadcrumb.d.cts

@@ -0,0 +1,37 @@
+import React from "react";
+
+//#region packages/components/ui/breadcrumb.d.ts
+declare function Breadcrumb({
+  ...props
+}: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean;
+}): React.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">): React.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.cts.map

package/dist/breadcrumb.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+
+//#region packages/components/ui/breadcrumb.d.ts
+declare function Breadcrumb({
+  ...props
+}: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean;
+}): React.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">): React.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/breadcrumb.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Slot as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{ChevronRight as a,MoreHorizontalIcon as o}from"lucide-react";function s({...e}){return r(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function c({className:t,...n}){return r(`ol`,{"data-slot":`breadcrumb-list`,className:e(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,t),...n})}function l({className:t,...n}){return r(`li`,{"data-slot":`breadcrumb-item`,className:e(`inline-flex items-center gap-1.5`,t),...n})}function u({asChild:t,className:i,...a}){let o=t?n.Slot:`a`;return r(o,{"data-slot":`breadcrumb-link`,className:e(`hover:text-foreground transition-colors`,i),...a})}function d({className:t,...n}){return r(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:e(`text-foreground font-normal`,t),...n})}function f({children:t,className:n,...i}){return r(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:e(`[&>svg]:size-3.5`,n),...i,children:t??r(a,{})})}function p({className:t,...n}){return i(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:e(`flex size-9 items-center justify-center`,t),...n,children:[r(o,{size:16}),r(`span`,{className:`sr-only`,children:`More`})]})}export{s as Breadcrumb,p as BreadcrumbEllipsis,l as BreadcrumbItem,u as BreadcrumbLink,c as BreadcrumbList,d as BreadcrumbPage,f as BreadcrumbSeparator};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":["SlotPrimitive"],"sources":["../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport { ChevronRight, MoreHorizontalIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\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.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\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(\"text-foreground font-normal\", 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 ?? <ChevronRight />}\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(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon size={16} />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"],"mappings":"iOAOA,SAAS,EAAW,CAAE,GAAG,EAAoC,CAAE,CAC7D,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,GAAI,GAChE,CAED,SAAS,EAAe,CAAE,YAAW,GAAG,EAAmC,CAAE,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EACT,2FACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAe,CAAE,YAAW,GAAG,EAAmC,CAAE,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,mCAAoC,GAClD,GAAI,GAGT,CAED,SAAS,EAAe,CACtB,UACA,YACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAO,EAAUA,EAAc,KAAO,IAE5C,OACE,EAAC,EAAA,CACC,YAAU,kBACV,UAAW,EAAG,0CAA2C,GACzD,GAAI,GAGT,CAED,SAAS,EAAe,CAAE,YAAW,GAAG,EAAqC,CAAE,CAC7E,OACE,EAAC,OAAA,CACC,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAW,EAAG,8BAA+B,GAC7C,GAAI,GAGT,CAED,SAAS,EAAoB,CAC3B,WACA,YACA,GAAG,EACwB,CAAE,CAC7B,OACE,EAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,mBAAoB,GAClC,GAAI,WAEH,GAAY,EAAC,EAAA,EAAA,GAGnB,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EAC0B,CAAE,CAC/B,OACE,EAAC,OAAA,CACC,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,0CAA2C,GACzD,GAAI,YAEJ,EAAC,EAAA,CAAmB,KAAM,GAAA,EAC1B,EAAC,OAAA,CAAK,UAAU,mBAAU,WAG/B"}