@coston/ui 0.1.1 → 0.2.1

package/README.md

@@ -5,19 +5,92 @@ React UI components built on [Radix UI](https://www.radix-ui.com/) and [Tailwind
 ## Install
 
 ```bash
-npm install @coston/ui
+npm install @coston/ui @coston/design-tokens
 ```
 
 Peer dependencies: `react`, `react-dom`
 
-## Usage
+## Setup
+
+### 1. CSS
+
+Add to your root CSS file, after `@import "tailwindcss"`:
+
+```css
+@import 'tailwindcss';
+@import '@coston/design-tokens/tailwind.css';
+@import '@coston/ui/source.css';
+```
+
+### 2. Use components
+
+Every component is a named export from its own entry point:
+
+```tsx
+import { Button } from '@coston/ui/button';
+import { Card, CardHeader, CardTitle, CardContent } from '@coston/ui/card';
+import { Input } from '@coston/ui/input';
+
+export function Example() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Example</CardTitle>
+      </CardHeader>
+      <CardContent className="flex gap-2">
+        <Input placeholder="Enter text" />
+        <Button>Submit</Button>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+## LLM Usage Instructions
+
+### Correct import pattern
 
 ```tsx
+// Each component is a named export from a separate entry point
 import { Button } from '@coston/ui/button';
 import { Card, CardHeader, CardTitle, CardContent } from '@coston/ui/card';
 import { cn } from '@coston/ui/lib/utils';
+import { useIsMobile } from '@coston/ui/hooks/use-mobile';
 ```
 
+### Required CSS setup
+
+Components render unstyled without the CSS imports. The setup in your root CSS is mandatory:
+
+```css
+@import 'tailwindcss';
+@import '@coston/design-tokens/tailwind.css';
+@import '@coston/ui/source.css';
+```
+
+### Do NOT
+
+- Do not import from the package root: `import { Button } from '@coston/ui'` — there is no root export
+- Do not use default imports: `import Button from '@coston/ui/button'` — all exports are named
+- Do not skip the CSS setup — components will render without styles
+- Do not import `@coston/ui/source.css` without also importing `@coston/design-tokens/tailwind.css` — components depend on the design token CSS variables
+
+### Optional peer dependencies
+
+Some components require additional packages:
+
+| Component | Package                        |
+| --------- | ------------------------------ |
+| Chart     | `recharts`                     |
+| Carousel  | `embla-carousel-react`         |
+| Sonner    | `sonner`                       |
+| Drawer    | `vaul`                         |
+| Command   | `cmdk`                         |
+| Resizable | `react-resizable-panels`       |
+| Calendar  | `react-day-picker`, `date-fns` |
+
+Install only what you use.
+
 ## Components
 
 | Component       | Import                       |
@@ -74,14 +147,6 @@ import { cn } from '@coston/ui/lib/utils';
 | `cn()`          | `@coston/ui/lib/utils`        |
 | `useIsMobile()` | `@coston/ui/hooks/use-mobile` |
 
-## Tailwind Setup
-
-Add the component source to your Tailwind content config so class names are detected:
-
-```css
-@source "node_modules/@coston/ui/src/**/*.tsx";
-```
-
 ## License
 
 MIT

package/dist/{button-QxkOGnNm.d.ts → button-BEd6_-lL.d.ts}

@@ -1,16 +1,16 @@
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-  size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
   asChild?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Button as Button$1, ButtonProps, buttonVariants as buttonVariants$1 };
-//# sourceMappingURL=button-QxkOGnNm.d.ts.map
+//# sourceMappingURL=button-BEd6_-lL.d.ts.map

package/dist/{button-QxkOGnNm.d.ts.map → button-BEd6_-lL.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"button-QxkOGnNm.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM,sBAwBL;;;AA5BiE,CAAA,GA4BjE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEgB,UAAA,WAAA,SACP,KAAA,CAAM,oBAAd,CAAmC,iBAAnC,CAAA,EAAuD,YAAvD,CAAA,OAA2E,cAA3E,CAAA,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;;cAII,MAJuE,EAIjE,KAAA,CAAA,yBAJiE,CAIjE,WAJiE,GAIjE,KAAA,CAAA,aAJiE,CAIjE,iBAJiE,CAAA,CAAA"}
+{"version":3,"file":"button-BEd6_-lL.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM,sBAwBL;;;AA5BiE,CAAA,GA4BjE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEgB,UAAA,WAAA,SACP,KAAA,CAAM,oBAAd,CAAmC,iBAAnC,CAAA,EAAuD,YAAvD,CAAA,OAA2E,cAA3E,CAAA,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;;cAII,MAJuE,EAIjE,KAAA,CAAA,yBAJiE,CAIjE,WAJiE,GAIjE,KAAA,CAAA,aAJiE,CAIjE,iBAJiE,CAAA,CAAA"}

package/dist/{button-CJvoztqg.js → button-BJdMtkHX.js}

@@ -1,11 +1,11 @@
-import { cn } from "./utils-C0f9Ma6r.js";
+import { cn } from "./utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 
 //#region src/components/button.tsx
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-[color,background-color,box-shadow,transform] duration-150 active:scale-[0.96] active:duration-75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -43,4 +43,4 @@ Button.displayName = "Button";
 
 //#endregion
 export { Button, buttonVariants };
-//# sourceMappingURL=button-CJvoztqg.js.map
+//# sourceMappingURL=button-BJdMtkHX.js.map

package/dist/button-BJdMtkHX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-BJdMtkHX.js","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-[color,background-color,box-shadow,transform] duration-150 active:scale-[0.96] active:duration-75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-md px-3',\n        lg: 'h-11 rounded-md px-8',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    );\n  }\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,iBAAiB,IACrB,2XACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WAAW;GACX,OAAO;GACP,MAAM;EACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACP;CACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;CACP;AACF,EACF;AAOD,MAAM,SAAS,MAAM,WACnB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,MAAO,GAAG,OAAO,EAAE,QAAQ;CAChE,MAAM,OAAO,UAAU,OAAO;AAC9B,wBACE,IAAC;EAAK,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAW,EAAC,CAAC;EAAO;EAAK,GAAI;GAAS;AAE7F,EACF;AACD,OAAO,cAAc"}

package/dist/components/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;cAMM,WAAS,KAAA,CAAA,2BAAA,kBAAA,CAAA,uBAAA,kBAAA,CAAA,0BAAA,KAAA,CAAA,cAAA;cAET,eAAa,KAAA,CAAA,0BAAA,KAAA,kBAAA,CAAA,qBAAA,KAAA,CAAA,cAAA,0BAAA,KAAA,CAAA,cAAA;AAP6C,cAe1D,gBAVmC,EAUnB,KAAA,CAAA,yBAVmB,CAUnB,IAVmB,CAUnB,kBAAA,CAAA,qBAVmB,GAUnB,KAAA,CAAA,aAVmB,CAUnB,iBAVmB,CAAA,EAAA,KAAA,CAAA,GAUnB,KAAA,CAAA,aAVmB,CAUnB,iBAVmB,CAAA,CAAA;cA8BnC,gBA9BmC,EA8BnB,KAAA,CAAA,yBA9BmB,CA8BnB,IA9BmB,CA8BnB,kBAAA,CAAA,qBA9BmB,GA8BnB,KAAA,CAAA,aA9BmB,CA8BnB,cA9BmB,CAAA,EAAA,KAAA,CAAA,GA8BnB,KAAA,CAAA,aA9BmB,CA8BnB,cA9BmB,CAAA,CAAA"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;cAMM,WAAS,KAAA,CAAA,2BAAA,kBAAA,CAAA,uBAAA,kBAAA,CAAA,0BAAA,KAAA,CAAA,cAAA;cAET,eAAa,KAAA,CAAA,0BAAA,KAAA,kBAAA,CAAA,qBAAA,KAAA,CAAA,cAAA,0BAAA,KAAA,CAAA,cAAA;AAP6C,cAmB1D,gBAdmC,EAcnB,KAAA,CAAA,yBAdmB,CAcnB,IAdmB,CAcnB,kBAAA,CAAA,qBAdmB,GAcnB,KAAA,CAAA,aAdmB,CAcnB,iBAdmB,CAAA,EAAA,KAAA,CAAA,GAcnB,KAAA,CAAA,aAdmB,CAcnB,iBAdmB,CAAA,CAAA;cAkCnC,gBAlCmC,EAkCnB,KAAA,CAAA,yBAlCmB,CAkCnB,IAlCmB,CAkCnB,kBAAA,CAAA,qBAlCmB,GAkCnB,KAAA,CAAA,aAlCmB,CAkCnB,cAlCmB,CAAA,EAAA,KAAA,CAAA,GAkCnB,KAAA,CAAA,aAlCmB,CAkCnB,cAlCmB,CAAA,CAAA"}

package/dist/components/accordion.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown } from "lucide-react";
@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
 	ref,
-	className: cn("border-b", className),
+	className: cn("border-b border-border", className),
 	...props
 }));
 AccordionItem.displayName = "AccordionItem";
@@ -16,7 +16,7 @@ const AccordionTrigger = React.forwardRef(({ className, children,...props }, ref
 	className: "flex",
 	children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
 		ref,
-		className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
+		className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-colors hover:underline [&[data-state=open]>svg]:rotate-180", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })]
 	})
@@ -24,7 +24,7 @@ const AccordionTrigger = React.forwardRef(({ className, children,...props }, ref
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 const AccordionContent = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
 	ref,
-	className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+	className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
 	...props,
 	children: /* @__PURE__ */ jsx("div", {
 		className: cn("pb-4 pt-0", className),

package/dist/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,mBAAmB;AAErC,MAAM,gBAAgB,MAAM,WAG1B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,mBAAmB;CAAU;CAAK,WAAW,GAAG,YAAY,UAAU;CAAE,GAAI;EAAS,CACtF;AACF,cAAc,cAAc;AAE5B,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,IAAC,mBAAmB;CAAO,WAAU;2BACnC,KAAC,mBAAmB;EACb;EACL,WAAW,GACT,gIACA,UACD;EACD,GAAI;aAEH,0BACD,IAAC,eAAY,WAAU,uDAAuD;GACnD;EACH,CAC5B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ;AAE1D,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,IAAC,mBAAmB;CACb;CACL,WAAU;CACV,GAAI;2BAEJ,IAAC;EAAI,WAAW,GAAG,aAAa,UAAU;EAAG;GAAe;EACjC,CAC7B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b border-border', className)}\n    {...props}\n  />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-colors hover:underline [&[data-state=open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,mBAAmB;AAErC,MAAM,gBAAgB,MAAM,WAG1B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,mBAAmB;CACb;CACL,WAAW,GAAG,0BAA0B,UAAU;CAClD,GAAI;EACJ,CACF;AACF,cAAc,cAAc;AAE5B,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,IAAC,mBAAmB;CAAO,WAAU;2BACnC,KAAC,mBAAmB;EACb;EACL,WAAW,GACT,mIACA,UACD;EACD,GAAI;aAEH,0BACD,IAAC,eAAY,WAAU,uDAAuD;GACnD;EACH,CAC5B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ;AAE1D,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,IAAC,mBAAmB;CACb;CACL,WAAU;CACV,GAAI;2BAEJ,IAAC;EAAI,WAAW,GAAG,aAAa,UAAU;EAAG;GAAe;EACjC,CAC7B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ"}

package/dist/components/alert-dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 //#region src/components/alert-dialog.d.ts
@@ -12,14 +12,14 @@ declare const AlertDialogHeader: {
   ({
     className,
     ...props
-  }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime15.JSX.Element;
+  }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
   displayName: string;
 };
 declare const AlertDialogFooter: {
   ({
     className,
     ...props
-  }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime15.JSX.Element;
+  }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
   displayName: string;
 };
 declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/alert-dialog.js

@@ -1,5 +1,5 @@
-import { cn } from "../utils-C0f9Ma6r.js";
-import { buttonVariants } from "../button-CJvoztqg.js";
+import { cn, overlayBorder } from "../utils-CyPJ3VV3.js";
+import { buttonVariants } from "../button-BJdMtkHX.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
@@ -16,7 +16,7 @@ const AlertDialogOverlay = React.forwardRef(({ className,...props }, ref) => /*
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
 const AlertDialogContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
 	ref,
-	className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className),
+	className: cn(`fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 ${overlayBorder} bg-popover p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg`, className),
 	...props
 })] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
@@ -32,13 +32,13 @@ const AlertDialogFooter = ({ className,...props }) => /* @__PURE__ */ jsx("div",
 AlertDialogFooter.displayName = "AlertDialogFooter";
 const AlertDialogTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
 	ref,
-	className: cn("text-lg font-semibold", className),
+	className: cn("text-lg font-semibold text-balance", className),
 	...props
 }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
 const AlertDialogDescription = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
 	ref,
-	className: cn("text-sm text-muted-foreground", className),
+	className: cn("text-sm text-muted-foreground text-pretty", className),
 	...props
 }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold', className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc,qBAAqB;AAEzC,MAAM,qBAAqB,qBAAqB;AAEhD,MAAM,oBAAoB,qBAAqB;AAE/C,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACpB,WAAW,GACT,gLACA,UACD;CACD,GAAI;CACC;EACL,CACF;AACF,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,KAAC,gDACC,IAAC,uBAAqB,kBACtB,IAAC,qBAAqB;CACf;CACL,WAAW,GACT,+fACA,UACD;CACD,GAAI;EACJ,IACgB,CACpB;AACF,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,oBAAoB,CAAC,EAAE,UAAW,GAAG,OAA6C,qBACtF,IAAC;CAAI,WAAW,GAAG,oDAAoD,UAAU;CAAE,GAAI;EAAS;AAElG,kBAAkB,cAAc;AAEhC,MAAM,oBAAoB,CAAC,EAAE,UAAW,GAAG,OAA6C,qBACtF,IAAC;CACC,WAAW,GAAG,iEAAiE,UAAU;CACzF,GAAI;EACJ;AAEJ,kBAAkB,cAAc;AAEhC,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,yBAAyB,UAAU;CACjD,GAAI;EACJ,CACF;AACF,iBAAiB,cAAc,qBAAqB,MAAM;AAE1D,MAAM,yBAAyB,MAAM,WAGnC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,iCAAiC,UAAU;CACzD,GAAI;EACJ,CACF;AACF,uBAAuB,cAAc,qBAAqB,YAAY;AAEtE,MAAM,oBAAoB,MAAM,WAG9B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CAAY;CAAK,WAAW,GAAG,gBAAgB,EAAE,UAAU;CAAE,GAAI;EAAS,CAChG;AACF,kBAAkB,cAAc,qBAAqB,OAAO;AAE5D,MAAM,oBAAoB,MAAM,WAG9B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,eAAe,EAAE,SAAS,UAAW,EAAC,EAAE,gBAAgB,UAAU;CAChF,GAAI;EACJ,CACF;AACF,kBAAkB,cAAc,qBAAqB,OAAO"}
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn, overlayBorder } from '../lib/utils';\nimport { buttonVariants } from './button';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        `fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 ${overlayBorder} bg-popover p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg`,\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-balance', className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground text-pretty', className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc,qBAAqB;AAEzC,MAAM,qBAAqB,qBAAqB;AAEhD,MAAM,oBAAoB,qBAAqB;AAE/C,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACpB,WAAW,GACT,gLACA,UACD;CACD,GAAI;CACC;EACL,CACF;AACF,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,KAAC,gDACC,IAAC,uBAAqB,kBACtB,IAAC,qBAAqB;CACf;CACL,WAAW,IACR,mGAAmG,cAAc,oZAClH,UACD;CACD,GAAI;EACJ,IACgB,CACpB;AACF,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,oBAAoB,CAAC,EAAE,UAAW,GAAG,OAA6C,qBACtF,IAAC;CAAI,WAAW,GAAG,oDAAoD,UAAU;CAAE,GAAI;EAAS;AAElG,kBAAkB,cAAc;AAEhC,MAAM,oBAAoB,CAAC,EAAE,UAAW,GAAG,OAA6C,qBACtF,IAAC;CACC,WAAW,GAAG,iEAAiE,UAAU;CACzF,GAAI;EACJ;AAEJ,kBAAkB,cAAc;AAEhC,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,sCAAsC,UAAU;CAC9D,GAAI;EACJ,CACF;AACF,iBAAiB,cAAc,qBAAqB,MAAM;AAE1D,MAAM,yBAAyB,MAAM,WAGnC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,6CAA6C,UAAU;CACrE,GAAI;EACJ,CACF;AACF,uBAAuB,cAAc,qBAAqB,YAAY;AAEtE,MAAM,oBAAoB,MAAM,WAG9B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CAAY;CAAK,WAAW,GAAG,gBAAgB,EAAE,UAAU;CAAE,GAAI;EAAS,CAChG;AACF,kBAAkB,cAAc,qBAAqB,OAAO;AAE5D,MAAM,oBAAoB,MAAM,WAG9B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,eAAe,EAAE,SAAS,UAAW,EAAC,EAAE,gBAAgB,UAAU;CAChF,GAAI;EACJ,CACF;AACF,kBAAkB,cAAc,qBAAqB,OAAO"}

package/dist/components/alert.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region src/components/alert.d.ts
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
   variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+} & class_variance_authority_types8.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 //#endregion

package/dist/components/alert.js

@@ -1,10 +1,10 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/components/alert.tsx
-const alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
+const alertVariants = cva("relative w-full rounded-lg border border-border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
 	variants: { variant: {
 		default: "bg-background text-foreground",
 		destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
@@ -20,7 +20,7 @@ const Alert = React.forwardRef(({ className, variant,...props }, ref) => /* @__P
 Alert.displayName = "Alert";
 const AlertTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("h5", {
 	ref,
-	className: cn("mb-1 font-medium leading-none tracking-tight", className),
+	className: cn("mb-1 font-medium leading-none tracking-tight text-balance", className),
 	...props
 }));
 AlertTitle.displayName = "AlertTitle";

package/dist/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../src/components/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  'relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background text-foreground',\n        destructive:\n          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h5\n      ref={ref}\n      className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,6JACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACH,EACF;CACD,iBAAiB,EACf,SAAS,UACV;AACF,EACF;AAED,MAAM,QAAQ,MAAM,WAGlB,CAAC,EAAE,WAAW,QAAS,GAAG,OAAO,EAAE,wBACnC,IAAC;CAAS;CAAK,MAAK;CAAQ,WAAW,GAAG,cAAc,EAAE,QAAS,EAAC,EAAE,UAAU;CAAE,GAAI;EAAS,CAC/F;AACF,MAAM,cAAc;AAEpB,MAAM,aAAa,MAAM,WACvB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBACxB,IAAC;CACM;CACL,WAAW,GAAG,gDAAgD,UAAU;CACxE,GAAI;EACJ,CAEL;AACD,WAAW,cAAc;AAEzB,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC;CAAS;CAAK,WAAW,GAAG,iCAAiC,UAAU;CAAE,GAAI;EAAS,CACvF;AACF,iBAAiB,cAAc"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../src/components/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  'relative w-full rounded-lg border border-border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background text-foreground',\n        destructive:\n          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h5\n      ref={ref}\n      className={cn('mb-1 font-medium leading-none tracking-tight text-balance', className)}\n      {...props}\n    />\n  )\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,2KACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACH,EACF;CACD,iBAAiB,EACf,SAAS,UACV;AACF,EACF;AAED,MAAM,QAAQ,MAAM,WAGlB,CAAC,EAAE,WAAW,QAAS,GAAG,OAAO,EAAE,wBACnC,IAAC;CAAS;CAAK,MAAK;CAAQ,WAAW,GAAG,cAAc,EAAE,QAAS,EAAC,EAAE,UAAU;CAAE,GAAI;EAAS,CAC/F;AACF,MAAM,cAAc;AAEpB,MAAM,aAAa,MAAM,WACvB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBACxB,IAAC;CACM;CACL,WAAW,GAAG,6DAA6D,UAAU;CACrF,GAAI;EACJ,CAEL;AACD,WAAW,cAAc;AAEzB,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC;CAAS;CAAK,WAAW,GAAG,iCAAiC,UAAU;CAAE,GAAI;EAAS,CACvF;AACF,iBAAiB,cAAc"}

package/dist/components/aspect-ratio.d.ts

@@ -1,8 +1,8 @@
-import * as react0 from "react";
+import * as react5 from "react";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 
 //#region src/components/aspect-ratio.d.ts
-declare const AspectRatio: react0.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react0.RefAttributes<HTMLDivElement>>;
+declare const AspectRatio: react5.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,QAAM,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,cAAA,KAAA,CAAA,cAAA,2BAAA,KAAA,CAAA,cAAA;cAYN,aAAW,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,mBAAA,KAAA,CAAA,cAAA,4BAAA,KAAA,CAAA,cAAA;AAfyC,cA2BpD,cAfJ,EAekB,KAAA,CAAA,yBAflB,CAekB,IAflB,CAekB,eAAA,CAAA,mBAflB,GAekB,KAAA,CAAA,aAflB,CAekB,eAflB,CAAA,EAAA,KAAA,CAAA,GAekB,KAAA,CAAA,aAflB,CAekB,eAflB,CAAA,CAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,QAAM,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,cAAA,KAAA,CAAA,cAAA,2BAAA,KAAA,CAAA,cAAA;cAeN,aAAW,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,mBAAA,KAAA,CAAA,cAAA,4BAAA,KAAA,CAAA,cAAA;AAlByC,cA8BpD,cAfJ,EAekB,KAAA,CAAA,yBAflB,CAekB,IAflB,CAekB,eAAA,CAAA,mBAflB,GAekB,KAAA,CAAA,aAflB,CAekB,eAflB,CAAA,EAAA,KAAA,CAAA,GAekB,KAAA,CAAA,aAflB,CAekB,eAflB,CAAA,CAAA"}

package/dist/components/avatar.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
@@ -6,7 +6,7 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
 //#region src/components/avatar.tsx
 const Avatar = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
 	ref,
-	className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+	className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full ring-1 ring-black/10 dark:ring-white/10", className),
 	...props
 }));
 Avatar.displayName = AvatarPrimitive.Root.displayName;

package/dist/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { cn } from '../lib/utils';\n\nconst Avatar = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-muted',\n      className\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;AAIA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GAAG,iEAAiE,UAAU;CACzF,GAAI;EACJ,CACF;AACF,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GAAG,+BAA+B,UAAU;CACvD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GACT,wEACA,UACD;CACD,GAAI;EACJ,CACF;AACF,eAAe,cAAc,gBAAgB,SAAS"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { cn } from '../lib/utils';\n\nconst Avatar = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full ring-1 ring-black/10 dark:ring-white/10',\n      className\n    )}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-muted',\n      className\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;AAIA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GACT,yGACA,UACD;CACD,GAAI;EACJ,CACF;AACF,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GAAG,+BAA+B,UAAU;CACvD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GACT,wEACA,UACD;CACD,GAAI;EACJ,CACF;AACF,eAAe,cAAc,gBAAgB,SAAS"}

package/dist/components/badge.d.ts

@@ -1,18 +1,18 @@
 import * as React from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
 declare function Badge({
   className,
   variant,
   ...props
-}: BadgeProps): react_jsx_runtime11.JSX.Element;
+}: BadgeProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAiBL,+BAAA,CAAA;UAEgB,UAAA,SACP,KAAA,CAAM,eAAe,iBAAiB,oBAAoB,gBAxBF;AAuBlE,iBAGS,KAAA,CAFP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAE+C,UAF/C,CAAA,EAEyD,mBAAA,CAAA,GAAA,CAAA,OAFzD"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAoBL,+BAAA,CAAA;UAEgB,UAAA,SACP,KAAA,CAAM,eAAe,iBAAiB,oBAAoB,gBA3BF;AA0BlE,iBAGS,KAAA,CAFP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAE+C,UAF/C,CAAA,EAEyD,mBAAA,CAAA,GAAA,CAAA,OAFzD"}

package/dist/components/badge.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -9,6 +9,9 @@ const badgeVariants = cva("inline-flex items-center rounded-full border border-b
 		default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
 		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
 		destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+		success: "border-transparent bg-success text-success-foreground hover:bg-success/80",
+		warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/80",
+		info: "border-transparent bg-info text-info-foreground hover:bg-info/80",
 		outline: "text-foreground"
 	} },
 	defaultVariants: { variant: "default" }

package/dist/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,wLACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACV,EACF;CACD,iBAAiB,EACf,SAAS,UACV;AACF,EACF;AAKD,SAAS,MAAM,EAAE,WAAW,QAAS,GAAG,OAAmB,EAAE;AAC3D,wBAAO,IAAC;EAAI,WAAW,GAAG,cAAc,EAAE,QAAS,EAAC,EAAE,UAAU;EAAE,GAAI;GAAS;AAChF"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n        success: 'border-transparent bg-success text-success-foreground hover:bg-success/80',\n        warning: 'border-transparent bg-warning text-warning-foreground hover:bg-warning/80',\n        info: 'border-transparent bg-info text-info-foreground hover:bg-info/80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,wLACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;CACV,EACF;CACD,iBAAiB,EACf,SAAS,UACV;AACF,EACF;AAKD,SAAS,MAAM,EAAE,WAAW,QAAS,GAAG,OAAmB,EAAE;AAC3D,wBAAO,IAAC;EAAI,WAAW,GAAG,cAAc,EAAE,QAAS,EAAC,EAAE,UAAU;EAAE,GAAI;GAAS;AAChF"}

package/dist/components/breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/breadcrumb.d.ts
 declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
@@ -16,14 +16,14 @@ declare const BreadcrumbSeparator: {
     children,
     className,
     ...props
-  }: React.ComponentProps<"li">): react_jsx_runtime8.JSX.Element;
+  }: React.ComponentProps<"li">): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 declare const BreadcrumbEllipsis: {
   ({
     className,
     ...props
-  }: React.ComponentProps<"span">): react_jsx_runtime8.JSX.Element;
+  }: React.ComponentProps<"span">): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/breadcrumb.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import * as React from "react";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/button.d.ts

@@ -1,2 +1,2 @@
-import { Button$1 as Button, ButtonProps, buttonVariants$1 as buttonVariants } from "../button-QxkOGnNm.js";
+import { Button$1 as Button, ButtonProps, buttonVariants$1 as buttonVariants } from "../button-BEd6_-lL.js";
 export { Button, ButtonProps, buttonVariants };

package/dist/components/button.js

@@ -1,4 +1,4 @@
-import "../utils-C0f9Ma6r.js";
-import { Button, buttonVariants } from "../button-CJvoztqg.js";
+import "../utils-CyPJ3VV3.js";
+import { Button, buttonVariants } from "../button-BJdMtkHX.js";
 
 export { Button, buttonVariants };

package/dist/components/calendar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { DayPicker } from "react-day-picker";
 
 //#region src/components/calendar.d.ts
@@ -8,7 +8,7 @@ declare function Calendar({
   className,
   classNames,
   ...props
-}: CalendarProps): react_jsx_runtime12.JSX.Element;
+}: CalendarProps): react_jsx_runtime15.JSX.Element;
 declare namespace Calendar {
   var displayName: string;
 }

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/card.d.ts

@@ -1,7 +1,10 @@
 import * as React from "react";
 
 //#region src/components/card.d.ts
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  interactive?: boolean;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;cAIM,MAAI,KAAA,CAAA,0BAAA,KAAA,CAAA,eAAA,kBAAA,KAAA,CAAA,cAAA;cAeJ,YAAU,KAAA,CAAA,0BAAA,KAAA,CAAA,eAAA,kBAAA,KAAA,CAAA,cAAA;AAnBe,cA0BzB,SAVL,EAUc,KAAA,CAAA,yBAVd,CAUc,KAAA,CAAA,cAVd,CAUc,kBAVd,CAAA,GAUc,KAAA,CAAA,aAVd,CAUc,oBAVd,CAAA,CAAA;cAqBK,eArBL,EAqBoB,KAAA,CAAA,yBArBpB,CAqBoB,KAAA,CAAA,cArBpB,CAqBoB,oBArBpB,CAAA,GAqBoB,KAAA,CAAA,aArBpB,CAqBoB,oBArBpB,CAAA,CAAA;cA6BK,WAzCI,EAyCO,KAAA,CAAA,yBAzCP,CAyCO,KAAA,CAAA,cAzCP,CAyCO,cAzCP,CAAA,GAyCO,KAAA,CAAA,aAzCP,CAyCO,cAzCP,CAAA,CAAA;cAgDJ,UAhDI,EAgDM,KAAA,CAAA,yBAhDN,CAgDM,KAAA,CAAA,cAhDN,CAgDM,cAhDN,CAAA,GAgDM,KAAA,CAAA,aAhDN,CAgDM,cAhDN,CAAA,CAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;UAIU,SAAA,SAAkB,KAAA,CAAM,eAAe;;AAJlB;cAQzB,IAJc,EAIV,KAAA,CAAA,yBAJU,CAIV,SAJU,GAIV,KAAA,CAAA,aAJU,CAIV,cAJU,CAAA,CAAA;cAqBd,UArB2C,EAqBjC,KAAA,CAAA,yBArBiC,CAqBjC,KAAA,CAAA,cArBiC,CAqBjC,cArBiC,CAAA,GAqBjC,KAAA,CAAA,aArBiC,CAqBjC,cArBiC,CAAA,CAAA;cA4B3C,SA5B4B,EA4BnB,KAAA,CAAA,yBA5BmB,CA4BnB,KAAA,CAAA,cA5BmB,CA4BnB,kBA5BmB,CAAA,GA4BnB,KAAA,CAAA,aA5BmB,CA4BnB,oBA5BmB,CAAA,CAAA;AAAc,cAuC1C,eAvC0C,EAuC3B,KAAA,CAAA,yBAvC2B,CAuC3B,KAAA,CAAA,cAvC2B,CAuC3B,oBAvC2B,CAAA,GAuC3B,KAAA,CAAA,aAvC2B,CAuC3B,oBAvC2B,CAAA,CAAA;AAAA,cA+C1C,WA7BL,EA6BgB,KAAA,CAAA,yBA7BhB,CA6BgB,KAAA,CAAA,cA7BhB,CA6BgB,cA7BhB,CAAA,GA6BgB,KAAA,CAAA,aA7BhB,CA6BgB,cA7BhB,CAAA,CAAA;cAoCK,UApCL,EAoCe,KAAA,CAAA,yBApCf,CAoCe,KAAA,CAAA,cApCf,CAoCe,cApCf,CAAA,GAoCe,KAAA,CAAA,aApCf,CAoCe,cApCf,CAAA,CAAA"}

package/dist/components/card.js

@@ -1,12 +1,12 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn } from "../utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/card.tsx
-const Card = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const Card = React.forwardRef(({ className, interactive,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	"data-slot": "card",
-	className: cn("rounded-lg border border-border bg-card text-card-foreground shadow-sm", className),
+	className: cn("rounded-lg border border-border bg-card text-card-foreground shadow-sm", interactive && "cursor-pointer transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md", className),
 	...props
 }));
 Card.displayName = "Card";
@@ -18,13 +18,13 @@ const CardHeader = React.forwardRef(({ className,...props }, ref) => /* @__PURE_
 CardHeader.displayName = "CardHeader";
 const CardTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("h3", {
 	ref,
-	className: cn("text-2xl font-semibold leading-none tracking-tight", className),
+	className: cn("text-2xl font-semibold leading-none tracking-tight text-balance", className),
 	...props
 }));
 CardTitle.displayName = "CardTitle";
 const CardDescription = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("p", {
 	ref,
-	className: cn("text-sm text-muted-foreground", className),
+	className: cn("text-sm text-muted-foreground text-pretty", className),
 	...props
 }));
 CardDescription.displayName = "CardDescription";