@arcadeai/design-system 3.39.0 → 3.39.2

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

@@ -1,16 +1,26 @@
+"use client";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { MoreHorizontal as o, ChevronRight as i } from "lucide-react";
+import { MoreHorizontalIcon as o, ChevronRightIcon as i } from "lucide-react";
 import { cn as t } from "../../../lib/utils.js";
-import { S as l } from "../../../index-D2LZVjSn.js";
-function p({ ...r }) {
-  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
-}
+import { u as m } from "../../../useRender-BNXBkp2o.js";
+import { m as c } from "../../../useRenderElement-DNB2vtF1.js";
 function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      className: t(r),
+      "data-slot": "breadcrumb",
+      ...e
+    }
+  );
+}
+function g({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
       className: t(
-        "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
+        "wrap-break-word flex flex-wrap items-center gap-1.5 text-muted-foreground text-sm",
         r
       ),
       "data-slot": "breadcrumb-list",
@@ -18,43 +28,47 @@ function f({ className: r, ...e }) {
     }
   );
 }
-function g({ className: r, ...e }) {
+function x({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
-      className: t("inline-flex items-center gap-1.5", r),
+      className: t("inline-flex items-center gap-1", r),
       "data-slot": "breadcrumb-item",
       ...e
     }
   );
 }
-function x({
-  asChild: r,
-  className: e,
+function N({
+  className: r,
+  render: e,
   ...n
 }) {
-  return /* @__PURE__ */ a(
-    r ? l : "a",
-    {
-      className: t("transition-colors hover:text-foreground", e),
-      "data-slot": "breadcrumb-link",
-      ...n
+  return m({
+    defaultTagName: "a",
+    props: c(
+      {
+        className: t("transition-colors hover:text-foreground", r)
+      },
+      n
+    ),
+    render: e,
+    state: {
+      slot: "breadcrumb-link"
     }
-  );
+  });
 }
 function h({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "span",
     {
       "aria-current": "page",
-      "aria-disabled": "true",
       className: t("font-normal text-foreground", r),
       "data-slot": "breadcrumb-page",
       ...e
     }
   );
 }
-function N({
+function B({
   children: r,
   className: e,
   ...n
@@ -71,7 +85,7 @@ function N({
     }
   );
 }
-function B({
+function v({
   className: r,
   ...e
 }) {
@@ -79,23 +93,26 @@ function B({
     "span",
     {
       "aria-hidden": "true",
-      className: t("flex size-9 items-center justify-center", r),
+      className: t(
+        "flex size-5 items-center justify-center [&>svg]:size-4",
+        r
+      ),
       "data-slot": "breadcrumb-ellipsis",
       role: "presentation",
       ...e,
       children: [
-        /* @__PURE__ */ a(o, { className: "size-4" }),
+        /* @__PURE__ */ a(o, {}),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
 export {
-  p as Breadcrumb,
-  B as BreadcrumbEllipsis,
-  g as BreadcrumbItem,
-  x as BreadcrumbLink,
-  f as BreadcrumbList,
+  f as Breadcrumb,
+  v as BreadcrumbEllipsis,
+  x as BreadcrumbItem,
+  N as BreadcrumbLink,
+  g as BreadcrumbList,
   h as BreadcrumbPage,
-  N as BreadcrumbSeparator
+  B as BreadcrumbSeparator
 };

package/dist/components/ui/atoms/button.d.ts

@@ -1,12 +1,10 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
 import { VariantProps } from 'class-variance-authority';
 import { ClassProp } from 'class-variance-authority/types';
-import type * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "warning" | "outline" | "secondary" | "tertiary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "warning" | "outline" | "secondary" | "ghost" | "tertiary" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

package/dist/components/ui/atoms/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,cAAc;;;8EAiCnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAqCnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,26 +1,58 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../../index-UgeK3A8s.js";
-import { cn as s } from "../../../lib/utils.js";
-import { S as d } from "../../../index-D2LZVjSn.js";
-const g = a(
-  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { c } from "../../../index-UgeK3A8s.js";
+import { cn as p } from "../../../lib/utils.js";
+import * as v from "react";
+import { a as b } from "../../../useButton-JYPKQKj4.js";
+import { u as f } from "../../../useRenderElement-DNB2vtF1.js";
+const i = /* @__PURE__ */ v.forwardRef(function(e, t) {
+  const {
+    render: a,
+    className: x,
+    disabled: n = !1,
+    focusableWhenDisabled: o = !1,
+    nativeButton: d = !0,
+    ...s
+  } = e, {
+    getButtonProps: u,
+    buttonRef: l
+  } = b({
+    disabled: n,
+    focusableWhenDisabled: o,
+    native: d
+  });
+  return f("button", e, {
+    state: {
+      disabled: n
+    },
+    ref: [t, l],
+    props: [s, u]
+  });
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "Button");
+const m = c(
+  "group/button inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-lg border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-disabled:cursor-not-allowed data-disabled:opacity-50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        tertiary: "bg-tertiary text-tertiary-foreground shadow-xs hover:bg-tertiary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 dark:hover:bg-destructive/30",
+        tertiary: "bg-tertiary text-tertiary-foreground hover:bg-tertiary/80",
         link: "text-primary underline-offset-4 hover:underline",
-        warning: "bg-warning text-warning-foreground shadow-xs hover:bg-warning/90"
+        warning: "bg-warning text-warning-foreground hover:bg-warning/90"
       },
       size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9"
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)]",
+        "icon-lg": "size-9"
       }
     },
     defaultVariants: {
@@ -29,23 +61,22 @@ const g = a(
     }
   }
 );
-function p({
+function _({
   className: r,
-  variant: e,
-  size: t,
-  asChild: i = !1,
-  ...n
+  variant: e = "default",
+  size: t = "default",
+  ...a
 }) {
-  return /* @__PURE__ */ o(
-    i ? d : "button",
+  return /* @__PURE__ */ g(
+    i,
     {
-      className: s(g({ variant: e, size: t, className: r })),
+      className: p(m({ variant: e, size: t, className: r })),
       "data-slot": "button",
-      ...n
+      ...a
     }
   );
 }
 export {
-  p as Button,
-  g as buttonVariants
+  _ as Button,
+  m as buttonVariants
 };

package/dist/components/ui/atoms/byoc-badge.d.ts

@@ -5,9 +5,9 @@ declare const byocBadgeVariants: (props?: ({
 } & ClassProp) | undefined) => string;
 interface ByocBadgeProps extends VariantProps<typeof byocBadgeVariants> {
     className?: string;
-    delayDuration?: number;
+    delay?: number;
     showInfoIcon?: boolean;
 }
-export declare function ByocBadge({ className, size, showInfoIcon, delayDuration, }: ByocBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ByocBadge({ className, size, showInfoIcon, delay, }: ByocBadgeProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=byoc-badge.d.ts.map

package/dist/components/ui/atoms/byoc-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"byoc-badge.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/byoc-badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAWlE,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AAEF,UAAU,cAAe,SAAQ,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,EACJ,YAAmB,EACnB,aAAmB,GACpB,EAAE,cAAc,2CA0BhB"}
+{"version":3,"file":"byoc-badge.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/byoc-badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAWlE,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AAEF,UAAU,cAAe,SAAQ,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,EACJ,YAAmB,EACnB,KAAW,GACZ,EAAE,cAAc,2CA4BhB"}

package/dist/components/ui/atoms/byoc-badge.js

@@ -3,9 +3,9 @@ import { c as a } from "../../../index-UgeK3A8s.js";
 import { Info as d } from "lucide-react";
 import { cn as l } from "../../../lib/utils.js";
 import { Badge as s } from "./badge.js";
-import { MobileTooltipProvider as c, MobileTooltip as p, MobileTooltipTrigger as m, MobileTooltipContent as g } from "./mobile-tooltip.js";
+import { MobileTooltipProvider as c, MobileTooltip as m, MobileTooltipTrigger as p, MobileTooltipContent as g } from "./mobile-tooltip.js";
 const h = a(
-  "cursor-pointer gap-1.5 rounded-full border-0 bg-gradient-to-br from-emerald-600 to-emerald-800 font-semibold text-white uppercase tracking-wide shadow-md transition-opacity hover:opacity-80",
+  "cursor-pointer gap-1.5 rounded-md border-0 bg-gradient-to-br from-emerald-600 to-emerald-800 font-semibold text-white uppercase tracking-wide shadow-md transition-opacity hover:opacity-80",
   {
     variants: {
       size: {
@@ -22,13 +22,19 @@ function w({
   className: o,
   size: i,
   showInfoIcon: t = !0,
-  delayDuration: n = 350
+  delay: n = 350
 }) {
-  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ r(p, { delayDuration: n, children: [
-    /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ r(s, { className: l(h({ size: i }), o), children: [
-      /* @__PURE__ */ e("span", { children: "BYOC" }),
-      t && /* @__PURE__ */ e(d, {})
-    ] }) }),
+  return /* @__PURE__ */ e(c, { delay: n, children: /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r(
+      p,
+      {
+        render: /* @__PURE__ */ e(s, { className: l(h({ size: i }), o) }),
+        children: [
+          /* @__PURE__ */ e("span", { children: "BYOC" }),
+          t && /* @__PURE__ */ e(d, {})
+        ]
+      }
+    ),
     /* @__PURE__ */ e(g, { children: /* @__PURE__ */ r("p", { children: [
       "Bring Your Own Credentials",
       " ",

package/dist/components/ui/atoms/calendar.d.ts

@@ -1,21 +1,11 @@
-import { DayButton, DayPicker } from 'react-day-picker';
+import { DayButton, DayPicker, Locale } from 'react-day-picker';
 import { Button } from './button';
-import type * as React from "react";
-/**
- * Calendar component for date selection with support for single, multiple, and range modes.
- * Built on top of react-day-picker with customizable styling and behavior.
- *
- * @param className - Additional CSS classes to apply to the calendar root
- * @param classNames - Object of class names to customize specific calendar elements
- * @param showOutsideDays - Whether to display days from adjacent months (default: true)
- * @param captionLayout - Layout style for the month/year caption (default: "label")
- * @param buttonVariant - Button variant for navigation and day buttons (default: "ghost")
- * @param formatters - Custom formatters for dates and labels
- * @param components - Custom component overrides for calendar elements
- */
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+import * as React from "react";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
 }): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): import("react/jsx-runtime").JSX.Element;
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.ts.map

package/dist/components/ui/atoms/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAEL,KAAK,SAAS,EACd,SAAS,EAEV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAsEtE;;;;;;;;;;;GAWG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAmHA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CAiCxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,SAAS,EACd,SAAS,EAET,KAAK,MAAM,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AA+CtE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,MAAM,EACN,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAiIA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;CAAE,2CAgCvE;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/atoms/calendar.js

@@ -3,7 +3,7 @@ import "lucide-react";
 import "react";
 import "./button.js";
 import "../../../lib/utils.js";
-import { C as e, a as n } from "../../../calendar-DreAgQKY.js";
+import { C as e, a as n } from "../../../calendar-CLEnvrbp.js";
 export {
   e as Calendar,
   n as CalendarDayButton

package/dist/components/ui/atoms/card.d.ts

@@ -1,10 +1,12 @@
 import type * as React from "react";
-declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+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, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
 //# sourceMappingURL=card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAAE,2CAY3D;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/components/ui/atoms/card.js

@@ -1,90 +1,101 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as o } from "../../../lib/utils.js";
-function n({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+import { jsx as t } from "react/jsx-runtime";
+import { cn as d } from "../../../lib/utils.js";
+function i({
+  className: a,
+  size: r = "default",
+  ...e
+}) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        t
+      className: d(
+        "group/card flex flex-col gap-6 overflow-hidden rounded-xl bg-card py-6 text-card-foreground text-sm shadow-xs ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        a
       ),
+      "data-size": r,
       "data-slot": "card",
-      ...r
+      ...e
     }
   );
 }
-function s({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function n({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        t
+      className: d(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4",
+        a
       ),
       "data-slot": "card-header",
       ...r
     }
   );
 }
-function c({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function c({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o("font-semibold leading-none", t),
+      className: d(
+        "font-medium text-base leading-normal group-data-[size=sm]/card:text-sm",
+        a
+      ),
       "data-slot": "card-title",
       ...r
     }
   );
 }
-function i({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function l({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o("text-muted-foreground text-sm", t),
+      className: d("text-muted-foreground text-sm", a),
       "data-slot": "card-description",
       ...r
     }
   );
 }
-function l({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function u({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o(
+      className: d(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        t
+        a
       ),
       "data-slot": "card-action",
       ...r
     }
   );
 }
-function u({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function m({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o("px-6", t),
+      className: d("px-6 group-data-[size=sm]/card:px-4", a),
       "data-slot": "card-content",
       ...r
     }
   );
 }
-function f({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function p({ className: a, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o("flex items-center px-6 [.border-t]:pt-6", t),
+      className: d(
+        "flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4",
+        a
+      ),
       "data-slot": "card-footer",
       ...r
     }
   );
 }
 export {
-  n as Card,
-  l as CardAction,
-  u as CardContent,
-  i as CardDescription,
-  f as CardFooter,
-  s as CardHeader,
+  i as Card,
+  u as CardAction,
+  m as CardContent,
+  l as CardDescription,
+  p as CardFooter,
+  n as CardHeader,
   c as CardTitle
 };

package/dist/components/ui/atoms/chart.d.ts

@@ -1,69 +1,45 @@
+import { TooltipValueType } from 'recharts';
 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 function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+type TooltipNameType = number | string;
+export type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
     config: ChartConfig;
     children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
 }): import("react/jsx-runtime").JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
 }) => import("react/jsx-runtime").JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-type TooltipContentProps = {
-    active?: boolean;
-    payload?: Array<{
-        value?: number | string;
-        name?: string;
-        dataKey?: string;
-        color?: string;
-        payload?: {
-            fill?: string;
-            [key: string]: unknown;
-        };
-        [key: string]: unknown;
-    }>;
-    label?: string | number;
-    labelFormatter?: (value: unknown, payload: unknown[]) => React.ReactNode;
-    formatter?: (value: unknown, name: string, props: unknown, index: number, payload: unknown) => React.ReactNode;
-    className?: string;
-    indicator?: "line" | "dot" | "dashed";
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
     hideLabel?: boolean;
     hideIndicator?: boolean;
-    labelClassName?: string;
-    color?: string;
+    indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-};
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: TooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-type LegendContentProps = {
-    className?: string;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): import("react/jsx-runtime").JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
     hideIcon?: boolean;
-    payload?: Array<{
-        value?: string;
-        dataKey?: string;
-        color?: string;
-        [key: string]: unknown;
-    }>;
-    verticalAlign?: "top" | "bottom";
     nameKey?: string;
-};
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: LegendContentProps): import("react/jsx-runtime").JSX.Element | null;
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };
+} & RechartsPrimitive.DefaultLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
 //# sourceMappingURL=chart.d.ts.map