@turingpaper/ui 0.0.1-test.2 → 0.0.1-test.3

package/dist/checkbox.mjs

@@ -1,34 +1,27 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Checkbox as e } from "radix-ui";
-import { cn as t } from "./utils.mjs";
-import { CheckIcon as d } from "lucide-react";
-function l({
-  className: i,
-  ...a
-}) {
-  return /* @__PURE__ */ r(
-    e.Root,
-    {
-      "data-slot": "checkbox",
-      className: t(
-        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[6px] border border-input transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
-        i
-      ),
-      ...a,
-      children: /* @__PURE__ */ r(
-        e.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-          children: /* @__PURE__ */ r(
-            d,
-            {}
-          )
-        }
-      )
-    }
-  );
-}
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import * as r from "radix-ui";
+import { Check as s } from "lucide-react";
+import { cn as o } from "./utils.mjs";
+const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
+  r.Root,
+  {
+    ref: a,
+    className: o(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      i
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(
+      r.Indicator,
+      {
+        className: o("grid place-content-center text-current"),
+        children: /* @__PURE__ */ e(s, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+n.displayName = r.Root.displayName;
 export {
-  l as Checkbox
+  n as Checkbox
 };

package/dist/collapsible.mjs

@@ -1,34 +1,7 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Collapsible as t } from "radix-ui";
-function a({
-  ...l
-}) {
-  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
-}
-function r({
-  ...l
-}) {
-  return /* @__PURE__ */ o(
-    t.CollapsibleTrigger,
-    {
-      "data-slot": "collapsible-trigger",
-      ...l
-    }
-  );
-}
-function n({
-  ...l
-}) {
-  return /* @__PURE__ */ o(
-    t.CollapsibleContent,
-    {
-      "data-slot": "collapsible-content",
-      ...l
-    }
-  );
-}
+import * as o from "radix-ui";
+const l = o.Root, e = o.CollapsibleTrigger, i = o.CollapsibleContent;
 export {
-  a as Collapsible,
-  n as CollapsibleContent,
-  r as CollapsibleTrigger
+  l as Collapsible,
+  i as CollapsibleContent,
+  e as CollapsibleTrigger
 };

package/dist/command.mjs

@@ -1,173 +1,109 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { Command as n } from "cmdk";
-import { cn as a } from "./utils.mjs";
-import { Dialog as c, DialogHeader as i, DialogTitle as u, DialogDescription as p, DialogContent as g } from "./dialog.mjs";
-import { InputGroup as f, InputGroupAddon as h } from "./input-group.mjs";
-import { SearchIcon as x, CheckIcon as y } from "lucide-react";
-function I({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n,
-    {
-      "data-slot": "command",
-      className: a(
-        "flex size-full flex-col overflow-hidden rounded-4xl bg-popover p-1 text-popover-foreground",
-        e
-      ),
-      ...o
-    }
-  );
-}
-function D({
-  title: e = "Command Palette",
-  description: o = "Search for a command to run...",
-  children: r,
-  className: m,
-  showCloseButton: s = !1,
-  ...l
-}) {
-  return /* @__PURE__ */ d(c, { ...l, children: [
-    /* @__PURE__ */ d(i, { className: "sr-only", children: [
-      /* @__PURE__ */ t(u, { children: e }),
-      /* @__PURE__ */ t(p, { children: o })
-    ] }),
-    /* @__PURE__ */ t(
-      g,
-      {
-        className: a(
-          "top-1/3 translate-y-0 overflow-hidden rounded-4xl! p-0",
-          m
-        ),
-        showCloseButton: s,
-        children: r
-      }
-    )
-  ] });
-}
-function S({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ d(f, { className: "h-9 bg-input/30", children: [
-    /* @__PURE__ */ t(
-      n.Input,
-      {
-        "data-slot": "command-input",
-        className: a(
-          "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-          e
-        ),
-        ...o
-      }
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import * as m from "react";
+import { Command as o } from "cmdk";
+import { Search as p } from "lucide-react";
+import { cn as r } from "./utils.mjs";
+import { Dialog as i, DialogContent as l } from "./dialog.mjs";
+const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o,
+  {
+    ref: d,
+    className: r(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
     ),
-    /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(x, { className: "size-4 shrink-0 opacity-50" }) })
-  ] }) });
-}
-function z({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.List,
-    {
-      "data-slot": "command-list",
-      className: a(
-        "no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none",
-        e
-      ),
-      ...o
-    }
-  );
-}
-function G({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.Empty,
-    {
-      "data-slot": "command-empty",
-      className: a("py-6 text-center text-sm", e),
-      ...o
-    }
-  );
-}
-function _({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.Group,
+    ...a
+  }
+));
+n.displayName = o.displayName;
+const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(l, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ t(
+    o.Input,
     {
-      "data-slot": "command-group",
-      className: a(
-        "overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-3 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground",
+      ref: d,
+      className: r(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
-      ...o
+      ...a
     }
-  );
-}
-function j({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.Separator,
-    {
-      "data-slot": "command-separator",
-      className: a("my-1 h-px bg-border/50", e),
-      ...o
-    }
-  );
-}
-function E({
-  className: e,
-  children: o,
-  ...r
-}) {
-  return /* @__PURE__ */ d(
-    n.Item,
-    {
-      "data-slot": "command-item",
-      className: a(
-        "group/command-item relative flex cursor-default items-center gap-2 rounded-lg px-3 py-2 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-2xl data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground",
-        e
-      ),
-      ...r,
-      children: [
-        o,
-        /* @__PURE__ */ t(y, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
-      ]
-    }
-  );
-}
-function L({
+  )
+] }));
+c.displayName = o.Input.displayName;
+const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.List,
+  {
+    ref: d,
+    className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...a
+  }
+));
+u.displayName = o.List.displayName;
+const f = m.forwardRef((e, a) => /* @__PURE__ */ t(
+  o.Empty,
+  {
+    ref: a,
+    className: "py-6 text-center text-sm",
+    ...e
+  }
+));
+f.displayName = o.Empty.displayName;
+const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Group,
+  {
+    ref: d,
+    className: r(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+g.displayName = o.Group.displayName;
+const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Separator,
+  {
+    ref: d,
+    className: r("-mx-1 h-px bg-border", e),
+    ...a
+  }
+));
+x.displayName = o.Separator.displayName;
+const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Item,
+  {
+    ref: d,
+    className: r(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      e
+    ),
+    ...a
+  }
+));
+h.displayName = o.Item.displayName;
+const y = ({
   className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      "data-slot": "command-shortcut",
-      className: a(
-        "ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground",
-        e
-      ),
-      ...o
-    }
-  );
-}
+  ...a
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: r(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+);
+y.displayName = "CommandShortcut";
 export {
-  I as Command,
-  D as CommandDialog,
-  G as CommandEmpty,
-  _ as CommandGroup,
-  S as CommandInput,
-  E as CommandItem,
-  z as CommandList,
-  j as CommandSeparator,
-  L as CommandShortcut
+  n as Command,
+  C as CommandDialog,
+  f as CommandEmpty,
+  g as CommandGroup,
+  c as CommandInput,
+  h as CommandItem,
+  u as CommandList,
+  x as CommandSeparator,
+  y as CommandShortcut
 };

package/dist/components/accordion.d.ts

@@ -1,7 +1,6 @@
-import { Accordion as AccordionPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const Accordion: any;
+declare const AccordionItem: React.ForwardRefExoticComponent<any>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<any>;
+declare const AccordionContent: React.ForwardRefExoticComponent<any>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -1,18 +1,20 @@
-import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
-import { Button } from './button';
 import * as React from "react";
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
-    size?: "default" | "sm";
-}): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+import * as AlertDialogPrimitive from "radix-ui";
+declare const AlertDialog: any;
+declare const AlertDialogTrigger: any;
+declare const AlertDialogPortal: typeof AlertDialogPrimitive.Portal;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<any>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<any>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<any>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<any>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<any>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<any>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/avatar.d.ts

@@ -1,11 +1,5 @@
-import { Avatar as AvatarPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
-    size?: "default" | "sm" | "lg";
-}): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
+declare const Avatar: React.ForwardRefExoticComponent<any>;
+declare const AvatarImage: React.ForwardRefExoticComponent<any>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<any>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/badge.d.ts

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+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 };

package/dist/components/breadcrumb.d.ts

@@ -1,11 +1,19 @@
 import * as React from "react";
-declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/components/button.d.ts

@@ -1,10 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };

package/dist/components/card.d.ts

@@ -1,11 +1,8 @@
 import * as React from "react";
-declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
-    size?: "default" | "sm";
-}): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/components/chart.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> & {
+    accessibilityLayer?: boolean;
+    active?: boolean | undefined;
+    includeHidden?: boolean | undefined;
+    allowEscapeViewBox?: import('recharts/types/util/types').AllowInDimension;
+    animationDuration?: import('recharts/types/util/types').AnimationDuration;
+    animationEasing?: import('recharts/types/util/types').AnimationTiming;
+    content?: import('recharts/types/component/Tooltip').ContentType<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> | undefined;
+    coordinate?: Partial<import('recharts/types/util/types').Coordinate>;
+    cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
+    filterNull?: boolean;
+    defaultIndex?: number;
+    isAnimationActive?: boolean;
+    offset?: number;
+    payloadUniqBy?: import('recharts/types/util/payload/getUniqPayload').UniqueOption<import('recharts/types/component/DefaultTooltipContent').Payload<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType>> | undefined;
+    position?: Partial<import('recharts/types/util/types').Coordinate>;
+    reverseDirection?: import('recharts/types/util/types').AllowInDimension;
+    shared?: boolean;
+    trigger?: "hover" | "click";
+    useTranslate3d?: boolean;
+    viewBox?: import('recharts/types/util/types').CartesianViewBox;
+    wrapperStyle?: React.CSSProperties;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/components/checkbox.d.ts

@@ -1,4 +1,3 @@
-import { Checkbox as CheckboxPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: React.ForwardRefExoticComponent<any>;
 export { Checkbox };

package/dist/components/collapsible.d.ts

@@ -1,5 +1,4 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare const Collapsible: any;
+declare const CollapsibleTrigger: any;
+declare const CollapsibleContent: any;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };