@definable/ui 0.1.0 → 0.1.8

package/README.md

@@ -14,13 +14,13 @@ A beautiful, modern UI component library with support for Tailwind CSS, designed
 
 ```bash
 # npm
-npm install @definable/storybook
+npm install @definable/ui
 
 # yarn
-yarn add @definable/storybook
+yarn add @definable/ui
 
 # pnpm
-pnpm add @definable/storybook
+pnpm add @definable/ui
 ```
 
 ## Setup
@@ -29,7 +29,7 @@ Add the import for the CSS file in your main entry file:
 
 ```jsx
 // Next.js example (pages/_app.js or app/layout.js)
-import '@definable/storybook/dist/styles.css';
+import '@definable/ui/dist/styles.css';
 ```
 
 Make sure your tailwind.config.js extends the necessary theme values:
@@ -39,7 +39,7 @@ Make sure your tailwind.config.js extends the necessary theme values:
 module.exports = {
   content: [
     // ...
-    './node_modules/@definable/storybook/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@definable/ui/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
     extend: {
@@ -56,7 +56,7 @@ module.exports = {
 Import components directly from the package:
 
 ```jsx
-import { Button, Card, Input } from '@definable/storybook';
+import { Button, Card, Input } from '@definable/ui';
 
 function MyComponent() {
   return (

package/dist/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React_2 from 'react';
+
+export declare const AlertDialog: React_2.FC<AlertDialogProps>;
+
+declare interface AlertDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: React_2.ReactNode;
+    description?: React_2.ReactNode;
+    cancelText?: string;
+    actionText?: string;
+    onCancel?: () => void;
+    onAction?: () => void;
+    actionVariant?: "default" | "destructive";
+    className?: string;
+}
+
+export { }

package/dist/alert.d.ts

@@ -0,0 +1,18 @@
+import { ClassProp } from 'class-variance-authority/dist/types';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Alert: React_2.ForwardRefExoticComponent<AlertProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+
+export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }

package/dist/avatar.d.ts

@@ -0,0 +1,9 @@
+import * as React_2 from 'react';
+
+export declare const Avatar: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AvatarFallback: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AvatarImage: React_2.ForwardRefExoticComponent<React_2.ImgHTMLAttributes<HTMLImageElement> & React_2.RefAttributes<HTMLImageElement>>;
+
+export { }

package/dist/badge.d.ts

@@ -0,0 +1,15 @@
+import { ClassProp } from 'class-variance-authority/dist/types';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Badge({ className, variant, ...props }: BadgeProps): JSX_2.Element;
+
+export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }

package/dist/button.d.ts

@@ -0,0 +1,16 @@
+import { default as default_2 } from 'react';
+import { LucideIcon } from 'lucide-react';
+
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'secondary' | 'ghost' | 'destructive' | 'outline';
+    size?: 'sm' | 'md' | 'lg' | 'icon';
+    icon?: LucideIcon;
+    iconPosition?: 'left' | 'right';
+    isLoading?: boolean;
+    asChild?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export { }

package/dist/calendar.d.ts

@@ -0,0 +1,21 @@
+import * as React_2 from 'react';
+
+export declare const Calendar: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & {
+    mode?: "single" | "multiple" | "range";
+    selected?: Date | Date[] | null;
+    onSelect?: (date: Date | null) => void;
+    disabled?: (date: Date) => boolean;
+    fromDate?: Date;
+    toDate?: Date;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type CalendarProps = React_2.HTMLAttributes<HTMLDivElement> & {
+    mode?: "single" | "multiple" | "range";
+    selected?: Date | Date[] | null;
+    onSelect?: (date: Date | null) => void;
+    disabled?: (date: Date) => boolean;
+    fromDate?: Date;
+    toDate?: Date;
+};
+
+export { }

package/dist/card.d.ts

@@ -0,0 +1,15 @@
+import * as React_2 from 'react';
+
+export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export { }

package/dist/carousel.d.ts

@@ -0,0 +1,18 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function Carousel({ slides, interval, showIndicators, className }: CarouselProps): JSX_2.Element;
+
+declare interface CarouselProps {
+    slides: CarouselSlide[];
+    interval?: number;
+    showIndicators?: boolean;
+    className?: string;
+}
+
+export declare interface CarouselSlide {
+    image: string;
+    title: string;
+    subtitle: string;
+}
+
+export { }

package/dist/charts.d.ts

@@ -0,0 +1,26 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function BarChart({ data }: BarChartProps): JSX_2.Element;
+
+declare interface BarChartProps {
+    data: ChartDataPoint[];
+}
+
+declare interface ChartDataPoint {
+    name: string;
+    value: number;
+}
+
+export declare function DonutChart({ data }: DonutChartProps): JSX_2.Element;
+
+declare interface DonutChartProps {
+    data: ChartDataPoint[];
+}
+
+export declare function LineChart({ data }: LineChartProps): JSX_2.Element;
+
+declare interface LineChartProps {
+    data: ChartDataPoint[];
+}
+
+export { }

package/dist/checkbox.d.ts

@@ -0,0 +1,6 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React_2 from 'react';
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { }

package/dist/collapse.d.ts

@@ -0,0 +1,15 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare function Collapse({ title, children, defaultOpen, className, titleClassName, contentClassName }: CollapseProps): JSX_2.Element;
+
+declare interface CollapseProps {
+    title: string | React_2.ReactNode;
+    children: React_2.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+}
+
+export { }

package/dist/command-menu.d.ts

@@ -0,0 +1,12 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function CommandMenu({ open, onOpenChange }: CommandMenuProps): JSX_2.Element;
+
+export declare function CommandMenuDemo(): JSX_2.Element;
+
+declare type CommandMenuProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+
+export { }

package/dist/command.d.ts

@@ -0,0 +1,89 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandDialog: ({ children, open, onOpenChange, }: {
+    children: React_2.ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}) => JSX_2.Element;
+
+export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
+    heading?: React_2.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React_2.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React_2.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    alwaysRender?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export { }

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface AlertDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    cancelText?: string;
+    actionText?: string;
+    onCancel?: () => void;
+    onAction?: () => void;
+    actionVariant?: "default" | "destructive";
+    className?: string;
+}
+declare const AlertDialog: React.FC<AlertDialogProps>;
+export { AlertDialog };

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

@@ -0,0 +1,59 @@
+import { j as l } from "../jsx-runtime-DGlMoOmv.js";
+import { Button as d } from "./button.esm.js";
+import { Modal as v } from "./modal.esm.js";
+const b = ({
+  open: c = !1,
+  onOpenChange: s,
+  title: m,
+  description: i,
+  cancelText: e = "Cancel",
+  actionText: x = "Continue",
+  onCancel: t,
+  onAction: r,
+  actionVariant: f = "default",
+  className: a
+}) => {
+  const u = () => {
+    t == null || t(), s == null || s(!1);
+  }, j = () => {
+    r == null || r(), s == null || s(!1);
+  };
+  return /* @__PURE__ */ l.jsx(
+    v,
+    {
+      isOpen: c,
+      onClose: () => s == null ? void 0 : s(!1),
+      size: "sm",
+      className: a,
+      children: /* @__PURE__ */ l.jsxs("div", { className: "space-y-4 p-6", children: [
+        /* @__PURE__ */ l.jsxs("div", { className: "space-y-2", children: [
+          m && /* @__PURE__ */ l.jsx("h2", { className: "text-lg font-semibold", children: m }),
+          i && /* @__PURE__ */ l.jsx("p", { className: "text-sm text-muted-foreground", children: i })
+        ] }),
+        /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
+          /* @__PURE__ */ l.jsx(
+            d,
+            {
+              variant: "outline",
+              onClick: u,
+              className: "mt-2 sm:mt-0",
+              children: e
+            }
+          ),
+          /* @__PURE__ */ l.jsx(
+            d,
+            {
+              variant: f === "destructive" ? "destructive" : "default",
+              onClick: j,
+              children: x
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  b as AlertDialog
+};
+//# sourceMappingURL=alert-dialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.esm.js","sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Button } from \"./button\"\nimport { Modal } from \"./modal\"\nimport { cn } from \"@/lib/utils\"\n\ninterface AlertDialogProps {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  title?: React.ReactNode\n  description?: React.ReactNode\n  cancelText?: string\n  actionText?: string\n  onCancel?: () => void\n  onAction?: () => void\n  actionVariant?: \"default\" | \"destructive\"\n  className?: string\n}\n\nconst AlertDialog: React.FC<AlertDialogProps> = ({\n  open = false,\n  onOpenChange,\n  title,\n  description,\n  cancelText = \"Cancel\",\n  actionText = \"Continue\",\n  onCancel,\n  onAction,\n  actionVariant = \"default\",\n  className\n}) => {\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange?.(false);\n  };\n\n  const handleAction = () => {\n    onAction?.();\n    onOpenChange?.(false);\n  };\n\n  return (\n    <Modal\n      isOpen={open}\n      onClose={() => onOpenChange?.(false)}\n      size=\"sm\"\n      className={className}\n    >\n      <div className=\"space-y-4 p-6\">\n        {/* Header */}\n        <div className=\"space-y-2\">\n          {title && (\n            <h2 className=\"text-lg font-semibold\">\n              {title}\n            </h2>\n          )}\n          {description && (\n            <p className=\"text-sm text-muted-foreground\">\n              {description}\n            </p>\n          )}\n        </div>\n        \n        {/* Footer */}\n        <div className=\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4\">\n          <Button\n            variant=\"outline\"\n            onClick={handleCancel}\n            className=\"mt-2 sm:mt-0\"\n          >\n            {cancelText}\n          </Button>\n          <Button\n            variant={actionVariant === \"destructive\" ? \"destructive\" : \"default\"}\n            onClick={handleAction}\n          >\n            {actionText}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport { AlertDialog } "],"names":["AlertDialog","open","onOpenChange","title","description","cancelText","actionText","onCancel","onAction","actionVariant","className","handleCancel","handleAction","jsx","Modal","jsxs","Button"],"mappings":";;;AAkBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAe,MAAM;AACzB,IAAAJ,KAAA,QAAAA,KACAL,KAAA,QAAAA,EAAe;AAAA,EACjB,GAEMU,IAAe,MAAM;AACzB,IAAAJ,KAAA,QAAAA,KACAN,KAAA,QAAAA,EAAe;AAAA,EACjB;AAEA,SACEW,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQb;AAAA,MACR,SAAS,MAAMC,KAAA,gBAAAA,EAAe;AAAA,MAC9B,MAAK;AAAA,MACL,WAAAQ;AAAA,MAEA,UAAAK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBAEb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,UAAAZ,KACCU,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,yBACX,UAAAV,GACH;AAAA,UAEDC,KACCS,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,iCACV,UAAAT,EAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAGAW,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,sEACb,UAAA;AAAA,UAAAF,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASL;AAAA,cACT,WAAU;AAAA,cAET,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,UAEHQ,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAASP,MAAkB,gBAAgB,gBAAgB;AAAA,cAC3D,SAASG;AAAA,cAER,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BYECrxsp.cjs"),x=require("./button.js"),f=require("./modal.js"),v=({open:m=!1,onOpenChange:s,title:r,description:i,cancelText:u="Cancel",actionText:c="Continue",onCancel:e,onAction:l,actionVariant:d="default",className:j})=>{const a=()=>{e==null||e(),s==null||s(!1)},o=()=>{l==null||l(),s==null||s(!1)};return t.jsxRuntimeExports.jsx(f.Modal,{isOpen:m,onClose:()=>s==null?void 0:s(!1),size:"sm",className:j,children:t.jsxRuntimeExports.jsxs("div",{className:"space-y-4 p-6",children:[t.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[r&&t.jsxRuntimeExports.jsx("h2",{className:"text-lg font-semibold",children:r}),i&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground",children:i})]}),t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4",children:[t.jsxRuntimeExports.jsx(x.Button,{variant:"outline",onClick:a,className:"mt-2 sm:mt-0",children:u}),t.jsxRuntimeExports.jsx(x.Button,{variant:d==="destructive"?"destructive":"default",onClick:o,children:c})]})]})})};exports.AlertDialog=v;
+//# sourceMappingURL=alert-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Button } from \"./button\"\nimport { Modal } from \"./modal\"\nimport { cn } from \"@/lib/utils\"\n\ninterface AlertDialogProps {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  title?: React.ReactNode\n  description?: React.ReactNode\n  cancelText?: string\n  actionText?: string\n  onCancel?: () => void\n  onAction?: () => void\n  actionVariant?: \"default\" | \"destructive\"\n  className?: string\n}\n\nconst AlertDialog: React.FC<AlertDialogProps> = ({\n  open = false,\n  onOpenChange,\n  title,\n  description,\n  cancelText = \"Cancel\",\n  actionText = \"Continue\",\n  onCancel,\n  onAction,\n  actionVariant = \"default\",\n  className\n}) => {\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange?.(false);\n  };\n\n  const handleAction = () => {\n    onAction?.();\n    onOpenChange?.(false);\n  };\n\n  return (\n    <Modal\n      isOpen={open}\n      onClose={() => onOpenChange?.(false)}\n      size=\"sm\"\n      className={className}\n    >\n      <div className=\"space-y-4 p-6\">\n        {/* Header */}\n        <div className=\"space-y-2\">\n          {title && (\n            <h2 className=\"text-lg font-semibold\">\n              {title}\n            </h2>\n          )}\n          {description && (\n            <p className=\"text-sm text-muted-foreground\">\n              {description}\n            </p>\n          )}\n        </div>\n        \n        {/* Footer */}\n        <div className=\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4\">\n          <Button\n            variant=\"outline\"\n            onClick={handleCancel}\n            className=\"mt-2 sm:mt-0\"\n          >\n            {cancelText}\n          </Button>\n          <Button\n            variant={actionVariant === \"destructive\" ? \"destructive\" : \"default\"}\n            onClick={handleAction}\n          >\n            {actionText}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport { AlertDialog } "],"names":["AlertDialog","open","onOpenChange","title","description","cancelText","actionText","onCancel","onAction","actionVariant","className","handleCancel","handleAction","jsx","Modal","jsxs","Button"],"mappings":"gLAkBMA,EAA0C,CAAC,CAC/C,KAAAC,EAAO,GACP,aAAAC,EACA,MAAAC,EACA,YAAAC,EACA,WAAAC,EAAa,SACb,WAAAC,EAAa,WACb,SAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,UAChB,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAe,IAAM,CACzBJ,GAAA,MAAAA,IACAL,GAAA,MAAAA,EAAe,GACjB,EAEMU,EAAe,IAAM,CACzBJ,GAAA,MAAAA,IACAN,GAAA,MAAAA,EAAe,GACjB,EAEA,OACEW,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,OAAQb,EACR,QAAS,IAAMC,GAAA,YAAAA,EAAe,IAC9B,KAAK,KACL,UAAAQ,EAEA,SAAAK,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gBAEb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACZ,SAAA,CAAAZ,GACCU,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,wBACX,SAAAV,EACH,EAEDC,GACCS,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,gCACV,SAAAT,CAAA,CACH,CAAA,EAEJ,EAGAW,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,qEACb,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAAA,OAAA,CACC,QAAQ,UACR,QAASL,EACT,UAAU,eAET,SAAAN,CAAA,CAAA,EAEHQ,EAAAA,kBAAAA,IAACG,EAAAA,OAAA,CACC,QAASP,IAAkB,cAAgB,cAAgB,UAC3D,QAASG,EAER,SAAAN,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/alert.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & 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>>;
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/alert.esm.js

@@ -0,0 +1,51 @@
+import { j as a } from "../jsx-runtime-DGlMoOmv.js";
+import * as s from "react";
+import { c as d } from "../index-DACAHwoB.js";
+import { c as i } from "../utils-qaFjX9_3.js";
+const l = d(
+  "relative w-full rounded-lg border p-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), n = s.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: o,
+    role: "alert",
+    className: i(l({ variant: t }), e),
+    ...r
+  }
+));
+n.displayName = "Alert";
+const c = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx(
+  "h5",
+  {
+    ref: r,
+    className: i("mb-1 font-medium leading-none tracking-tight", e),
+    ...t
+  }
+));
+c.displayName = "AlertTitle";
+const m = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: i("text-sm [&_p]:leading-relaxed", e),
+    ...t
+  }
+));
+m.displayName = "AlertDescription";
+export {
+  n as Alert,
+  m as AlertDescription,
+  c as AlertTitle
+};
+//# sourceMappingURL=alert.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.esm.js","sources":["../../src/components/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border p-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {}\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  AlertProps\n>(({ className, variant, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"alert\"\n    className={cn(alertVariants({ variant }), className)}\n    {...props}\n  />\n))\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  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))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n    {...props}\n  />\n))\nAlertDescription.displayName = \"AlertDescription\"\n\nexport { Alert, AlertTitle, AlertDescription }"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAMMC,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnCC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEpB,MAAMQ,IAAaP,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEzB,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAiB,cAAc;"}

package/dist/components/alert.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsx-runtime-BYECrxsp.cjs"),d=require("react"),u=require("../index-Deooizx8.cjs"),n=require("../utils-DSKoFOjv.cjs");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=f(d),m=u.cva("relative w-full rounded-lg border p-4",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive"}},defaultVariants:{variant:"default"}}),l=s.forwardRef(({className:e,variant:r,...t},a)=>i.jsxRuntimeExports.jsx("div",{ref:a,role:"alert",className:n.cn(m({variant:r}),e),...t}));l.displayName="Alert";const o=s.forwardRef(({className:e,...r},t)=>i.jsxRuntimeExports.jsx("h5",{ref:t,className:n.cn("mb-1 font-medium leading-none tracking-tight",e),...r}));o.displayName="AlertTitle";const c=s.forwardRef(({className:e,...r},t)=>i.jsxRuntimeExports.jsx("div",{ref:t,className:n.cn("text-sm [&_p]:leading-relaxed",e),...r}));c.displayName="AlertDescription";exports.Alert=l;exports.AlertDescription=c;exports.AlertTitle=o;
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../src/components/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border p-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {}\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  AlertProps\n>(({ className, variant, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"alert\"\n    className={cn(alertVariants({ variant }), className)}\n    {...props}\n  />\n))\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  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))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n    {...props}\n  />\n))\nAlertDescription.displayName = \"AlertDescription\"\n\nexport { Alert, AlertTitle, AlertDescription }"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","jsx","cn","AlertTitle","AlertDescription"],"mappings":"kfAIMA,EAAgBC,EAAAA,IACpB,wCACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,gCACT,YACE,gEAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAMMC,EAAQC,EAAM,WAGlB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,GAASC,IACnCC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,KAAK,QACL,UAAWE,EAAAA,GAAGT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CACN,CACD,EACDJ,EAAM,YAAc,QAEpB,MAAMQ,EAAaP,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,+CAAgDL,CAAS,EACtE,GAAGE,CAAA,CACN,CACD,EACDI,EAAW,YAAc,aAEzB,MAAMC,EAAmBR,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGE,CAAA,CACN,CACD,EACDK,EAAiB,YAAc"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const Avatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLImageElement> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/avatar.esm.js

@@ -0,0 +1,42 @@
+import { j as l } from "../jsx-runtime-DGlMoOmv.js";
+import * as t from "react";
+import { c as s } from "../utils-qaFjX9_3.js";
+const f = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ l.jsx(
+  "div",
+  {
+    ref: r,
+    className: s(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      a
+    ),
+    ...e
+  }
+));
+f.displayName = "Avatar";
+const o = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ l.jsx(
+  "img",
+  {
+    ref: r,
+    className: s("aspect-square h-full w-full", a),
+    ...e
+  }
+));
+o.displayName = "AvatarImage";
+const m = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ l.jsx(
+  "div",
+  {
+    ref: r,
+    className: s(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground",
+      a
+    ),
+    ...e
+  }
+));
+m.displayName = "AvatarFallback";
+export {
+  f as Avatar,
+  m as AvatarFallback,
+  o as AvatarImage
+};
+//# sourceMappingURL=avatar.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.esm.js","sources":["../../src/components/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nconst Avatar = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatar.displayName = \"Avatar\"\n\nconst AvatarImage = React.forwardRef<\n  HTMLImageElement,\n  React.ImgHTMLAttributes<HTMLImageElement>\n>(({ className, ...props }, ref) => (\n  <img\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = \"AvatarImage\"\n\nconst AvatarFallback = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = \"AvatarFallback\"\n\nexport { Avatar, AvatarImage, AvatarFallback } "],"names":["Avatar","React","className","props","ref","jsx","cn","AvatarImage","AvatarFallback"],"mappings":";;;AAGA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAc;AAErB,MAAMO,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,+BAA+BJ,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAc;AAE1B,MAAMC,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;"}

package/dist/components/avatar.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-BYECrxsp.cjs"),i=require("react"),l=require("../utils-DSKoFOjv.cjs");function f(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=f(i),c=s.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("div",{ref:t,className:l.cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...a}));c.displayName="Avatar";const o=s.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("img",{ref:t,className:l.cn("aspect-square h-full w-full",e),...a}));o.displayName="AvatarImage";const u=s.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("div",{ref:t,className:l.cn("flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground",e),...a}));u.displayName="AvatarFallback";exports.Avatar=c;exports.AvatarFallback=u;exports.AvatarImage=o;
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../src/components/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nconst Avatar = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatar.displayName = \"Avatar\"\n\nconst AvatarImage = React.forwardRef<\n  HTMLImageElement,\n  React.ImgHTMLAttributes<HTMLImageElement>\n>(({ className, ...props }, ref) => (\n  <img\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = \"AvatarImage\"\n\nconst AvatarFallback = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = \"AvatarFallback\"\n\nexport { Avatar, AvatarImage, AvatarFallback } "],"names":["Avatar","React","className","props","ref","jsx","cn","AvatarImage","AvatarFallback"],"mappings":"+cAGMA,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,gEACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAO,YAAc,SAErB,MAAMO,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,8BAA+BJ,CAAS,EACrD,GAAGC,CAAA,CACN,CACD,EACDI,EAAY,YAAc,cAE1B,MAAMC,EAAiBP,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,6FACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDK,EAAe,YAAc"}

package/dist/components/badge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };