@almanaclabs/blaze-ui 0.3.2 → 0.5.0

package/dist/components/bubble/bubble.js

@@ -0,0 +1,73 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { mergeProps as r } from "@base-ui/react/merge-props";
+import { useRender as i } from "@base-ui/react/use-render";
+//#region src/components/bubble/bubble.tsx
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "bubble-group",
+		className: e("flex min-w-0 flex-col gap-2", t),
+		...r
+	});
+}
+var o = t("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+	variants: { variant: {
+		default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+		secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+		muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+		tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+		outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+		ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+		destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function s({ variant: t = "default", align: r = "start", className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "bubble",
+		"data-variant": t,
+		"data-align": r,
+		className: e(o({ variant: t }), i),
+		...a
+	});
+}
+function c({ className: t, render: n, ...a }) {
+	return i({
+		defaultTagName: "div",
+		props: r({ className: e("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", t) }, a),
+		render: n,
+		state: { slot: "bubble-content" }
+	});
+}
+var l = t("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+	variants: {
+		side: {
+			top: "top-0 -translate-y-3/4",
+			bottom: "bottom-0 translate-y-3/4"
+		},
+		align: {
+			start: "left-3",
+			end: "right-3"
+		}
+	},
+	defaultVariants: {
+		side: "bottom",
+		align: "end"
+	}
+});
+function u({ side: t = "bottom", align: r = "end", className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "bubble-reactions",
+		"data-align": r,
+		"data-side": t,
+		className: e(l({
+			side: t,
+			align: r
+		}), i),
+		...a
+	});
+}
+//#endregion
+export { s as Bubble, c as BubbleContent, a as BubbleGroup, u as BubbleReactions };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,GAC7C,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAErC,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,+BAgBb;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAiBjE,QAAA,MAAM,cAAc;;;8EAqCnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,GAC7C,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAErC,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAeD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAkBb;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/button/button.js

@@ -0,0 +1,65 @@
+import { controlSizeClassNames as e } from "../../lib/control-size.js";
+import { cn as t } from "../../lib/utils.js";
+import * as n from "react";
+import { Button as r } from "@base-ui/react/button";
+import { cva as i } from "class-variance-authority";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/button/button.tsx
+var o = "bg-primary text-primary-foreground hover:bg-primary/80 aria-expanded:bg-primary/80", s = "border-border bg-background text-foreground hover:border-foreground/15 hover:bg-background aria-expanded:border-foreground/15 aria-expanded:bg-background", c = "bg-transparent text-foreground hover:bg-muted aria-expanded:bg-muted dark:hover:bg-muted/50", l = `${e.xs} gap-0.5 [--icon-stroke-width:var(--icon-stroke-14)] has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 [&_svg:not([class*='size-'])]:size-[14px]`, u = `${e.sm} gap-1 [--icon-stroke-width:var(--icon-stroke-15)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-[15px]`, d = `${e.md} gap-[5px] [--icon-stroke-width:var(--icon-stroke-15)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-[15px]`, f = `${e.lg} gap-1.5 [--icon-stroke-width:var(--icon-stroke-18)] has-data-[icon=inline-end]:pr-[9px] has-data-[icon=inline-start]:pl-[9px] [&_svg:not([class*='size-'])]:size-[18px]`, p = `${e.xl} gap-2 [--icon-stroke-width:var(--icon-stroke-24)] has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-6`, m = i("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding font-normal whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-40 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive/60 dark:aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			primary: o,
+			secondary: s,
+			tertiary: c,
+			subtle: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/15 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/10 dark:hover:bg-destructive/15 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			xs: l,
+			sm: u,
+			md: d,
+			lg: f,
+			xl: p,
+			"icon-xs": "size-6 rounded-[6px] [--icon-stroke-width:var(--icon-stroke-14)] [&_svg:not([class*='size-'])]:size-[14px]",
+			"icon-sm": "size-7 rounded-[6px] [--icon-stroke-width:var(--icon-stroke-15)] [&_svg:not([class*='size-'])]:size-[15px]",
+			"icon-md": "size-8 rounded-[8px] [--icon-stroke-width:var(--icon-stroke-15)] [&_svg:not([class*='size-'])]:size-[15px]",
+			"icon-lg": "size-9 rounded-[8px] [--icon-stroke-width:var(--icon-stroke-18)] [&_svg:not([class*='size-'])]:size-[18px]",
+			"icon-xl": "size-12 rounded-[10px] [--icon-stroke-width:var(--icon-stroke-24)] [&_svg:not([class*='size-'])]:size-6"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+});
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ a("span", {
+		"data-slot": "button-label",
+		className: t("inline-flex min-w-0 items-center justify-center pb-px", e),
+		...n
+	});
+}
+function g(e) {
+	if (typeof e == "string") {
+		let t = e.trim();
+		return t ? /* @__PURE__ */ a(h, { children: t }) : null;
+	}
+	return typeof e == "number" ? /* @__PURE__ */ a(h, { children: e }) : e;
+}
+function _({ className: e, variant: i = "primary", size: o = "md", children: s, ...c }) {
+	let l = m({
+		variant: i,
+		size: o
+	});
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "button",
+		"data-variant": i,
+		"data-size": o,
+		className: typeof e == "function" ? (n) => t(l, e(n)) : t(l, e),
+		...c,
+		children: n.Children.map(s, g)
+	});
+}
+//#endregion
+export { _ as Button, h as ButtonLabel, m as buttonVariants };

package/dist/components/button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button, buttonVariants, type ButtonProps } from './button';
+export { Button, ButtonLabel, buttonVariants, type ButtonProps } from './button';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/button-group/button-group.js

@@ -0,0 +1,41 @@
+import { cn as e } from "../../lib/utils.js";
+import { Separator as t } from "../separator/separator.js";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import { mergeProps as i } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region src/components/button-group/button-group.tsx
+var o = n("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "[&>[data-slot]:has(~[data-slot])]:rounded-r-none [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+		vertical: "flex-col [&>[data-slot]:has(~[data-slot])]:rounded-b-none [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function s({ className: t, orientation: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": n,
+		className: e(o({ orientation: n }), t),
+		...i
+	});
+}
+function c({ className: t, render: n, ...r }) {
+	return a({
+		defaultTagName: "div",
+		props: i({ className: e("type-label flex items-center gap-2 rounded-lg border bg-muted px-2.5 font-medium [--icon-stroke-width:var(--icon-stroke-16)] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t) }, r),
+		render: n,
+		state: { slot: "button-group-text" }
+	});
+}
+function l({ className: n, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "button-group-separator",
+		orientation: i,
+		className: e("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", n),
+		...a
+	});
+}
+//#endregion
+export { s as ButtonGroup, l as ButtonGroupSeparator, c as ButtonGroupText, o as buttonGroupVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,MAAM,EACZ,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,MAAM,EAAkB,MAAM,qBAAqB,CAAA;AAO5D,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,CAAA;CAC/D,qBA6JA;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,qBA8BvE;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,MAAM,EACZ,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,MAAM,EAAkB,MAAM,qBAAqB,CAAA;AAO5D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAA0B,EAC1B,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,CAAA;CAC/D,qBA6JA;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,qBA8BvE;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/calendar/calendar.js

@@ -0,0 +1,92 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t, buttonVariants as n } from "../button/button.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { IconChevronDown as a, IconChevronLeft as o, IconChevronRight as s } from "@tabler/icons-react";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+//#region src/components/calendar/calendar.tsx
+function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "tertiary", locale: m, formatters: h, components: g, ..._ }) {
+	let v = l();
+	return /* @__PURE__ */ i(c, {
+		showOutsideDays: u,
+		className: e("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
+		captionLayout: f,
+		locale: m,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString(m?.code, { month: "short" }),
+			...h
+		},
+		classNames: {
+			root: e("w-fit", v.root),
+			months: e("relative flex flex-col gap-4 md:flex-row", v.months),
+			month: e("flex w-full flex-col gap-4", v.month),
+			nav: e("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", v.nav),
+			button_previous: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_previous),
+			button_next: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_next),
+			month_caption: e("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", v.month_caption),
+			dropdowns: e("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", v.dropdowns),
+			dropdown_root: e("relative rounded-(--cell-radius)", v.dropdown_root),
+			dropdown: e("absolute inset-0 bg-popover opacity-0", v.dropdown),
+			caption_label: e("font-medium select-none", f === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [--icon-stroke-width:var(--icon-stroke-14)] [&>svg]:size-3.5 [&>svg]:text-muted-foreground", v.caption_label),
+			month_grid: e("w-full border-collapse", v.month_grid),
+			weekdays: e("flex", v.weekdays),
+			weekday: e("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", v.weekday),
+			week: e("mt-2 flex w-full", v.week),
+			week_number_header: e("w-(--cell-size) select-none", v.week_number_header),
+			week_number: e("text-[0.8rem] text-muted-foreground select-none", v.week_number),
+			day: e("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", _.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", v.day),
+			range_start: e("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", v.range_start),
+			range_middle: e("rounded-none", v.range_middle),
+			range_end: e("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", v.range_end),
+			today: e("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", v.today),
+			outside: e("text-muted-foreground aria-selected:text-muted-foreground", v.outside),
+			disabled: e("text-muted-foreground opacity-50", v.disabled),
+			hidden: e("invisible", v.hidden),
+			...r
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ i("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...r
+			}),
+			Chevron: ({ className: t, orientation: n, ...r }) => i(n === "left" ? o : n === "right" ? s : a, {
+				className: e("size-4", t),
+				...r
+			}),
+			DayButton: ({ ...e }) => /* @__PURE__ */ i(d, {
+				locale: m,
+				...e
+			}),
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ i("th", {
+				...t,
+				children: /* @__PURE__ */ i("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...g
+		},
+		..._
+	});
+}
+function d({ className: n, day: a, modifiers: o, locale: s, ...c }) {
+	let u = l(), d = r.useRef(null);
+	return r.useEffect(() => {
+		o.focused && d.current?.focus();
+	}, [o.focused]), /* @__PURE__ */ i(t, {
+		variant: "tertiary",
+		size: "icon-md",
+		"data-day": a.date.toLocaleDateString(s?.code),
+		"data-selected-single": o.selected && !o.range_start && !o.range_end && !o.range_middle,
+		"data-range-start": o.range_start,
+		"data-range-end": o.range_end,
+		"data-range-middle": o.range_middle,
+		className: e("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", u.day, n),
+		...c
+	});
+}
+//#endregion
+export { u as Calendar, d as CalendarDayButton };

package/dist/components/card/card.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/card/card.tsx
+function n({ className: n, size: r = "default", ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card",
+		"data-size": r,
+		className: e("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border border-border bg-card py-(--card-spacing) text-sm text-card-foreground [--card-spacing:--spacing(5)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", n),
+		...i
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-header",
+		className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-title",
+		className: e("type-content font-heading font-medium group-data-[size=sm]/card:text-sm", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-sm text-muted-foreground", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("px-(--card-spacing)", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center rounded-b-xl border-t border-border bg-surface-subtle p-(--card-spacing)", n),
+		...r
+	});
+}
+//#endregion
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;CACvB,GAAG,aAAa,CAAA;AAIjB,iBAAS,WAAW,yBAQnB;AAED,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,qBAiF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAgBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,CAAA"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;CACvB,GAAG,aAAa,CAAA;AAIjB,iBAAS,WAAW,yBAQnB;AAED,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,qBAiF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAgBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAqB,EACrB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAqB,EACrB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,CAAA"}

package/dist/components/carousel/carousel.js

@@ -0,0 +1,110 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { IconChevronLeft as a, IconChevronRight as o } from "@tabler/icons-react";
+import s from "embla-carousel-react";
+//#region src/components/carousel/carousel.tsx
+var c = n.createContext(null);
+function l() {
+	let e = n.useContext(c);
+	if (!e) throw Error("useCarousel must be used within a <Carousel />");
+	return e;
+}
+function u({ orientation: t = "horizontal", opts: i, setApi: a, plugins: o, className: l, children: u, ...d }) {
+	let [f, p] = s({
+		...i,
+		axis: t === "horizontal" ? "x" : "y"
+	}, o), [m, h] = n.useState(!1), [g, _] = n.useState(!1), v = n.useCallback((e) => {
+		e && (h(e.canScrollPrev()), _(e.canScrollNext()));
+	}, []), y = n.useCallback(() => {
+		p?.scrollPrev();
+	}, [p]), b = n.useCallback(() => {
+		p?.scrollNext();
+	}, [p]), x = n.useCallback((e) => {
+		e.key === "ArrowLeft" ? (e.preventDefault(), y()) : e.key === "ArrowRight" && (e.preventDefault(), b());
+	}, [y, b]);
+	return n.useEffect(() => {
+		!p || !a || a(p);
+	}, [p, a]), n.useEffect(() => {
+		if (p) return v(p), p.on("reInit", v), p.on("select", v), () => {
+			p?.off("reInit", v), p?.off("select", v);
+		};
+	}, [p, v]), /* @__PURE__ */ r(c.Provider, {
+		value: {
+			carouselRef: f,
+			api: p,
+			opts: i,
+			orientation: t || (i?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev: y,
+			scrollNext: b,
+			canScrollPrev: m,
+			canScrollNext: g
+		},
+		children: /* @__PURE__ */ r("div", {
+			onKeyDownCapture: x,
+			className: e("relative", l),
+			role: "region",
+			"aria-roledescription": "carousel",
+			"data-slot": "carousel",
+			...d,
+			children: u
+		})
+	});
+}
+function d({ className: t, ...n }) {
+	let { carouselRef: i, orientation: a } = l();
+	return /* @__PURE__ */ r("div", {
+		ref: i,
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		children: /* @__PURE__ */ r("div", {
+			className: e("flex", a === "horizontal" ? "-ml-4" : "-mt-4 flex-col", t),
+			...n
+		})
+	});
+}
+function f({ className: t, ...n }) {
+	let { orientation: i } = l();
+	return /* @__PURE__ */ r("div", {
+		role: "group",
+		"aria-roledescription": "slide",
+		"data-slot": "carousel-item",
+		className: e("min-w-0 shrink-0 grow-0 basis-full", i === "horizontal" ? "pl-4" : "pt-4", t),
+		...n
+	});
+}
+function p({ className: n, variant: o = "secondary", size: s = "icon-sm", ...c }) {
+	let { orientation: u, scrollPrev: d, canScrollPrev: f } = l();
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "carousel-previous",
+		variant: o,
+		size: s,
+		className: e("absolute touch-manipulation rounded-full", u === "horizontal" ? "inset-y-0 -left-12 my-auto" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", n),
+		disabled: !f,
+		onClick: d,
+		...c,
+		children: [/* @__PURE__ */ r(a, {}), /* @__PURE__ */ r("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+}
+function m({ className: n, variant: a = "secondary", size: s = "icon-sm", ...c }) {
+	let { orientation: u, scrollNext: d, canScrollNext: f } = l();
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "carousel-next",
+		variant: a,
+		size: s,
+		className: e("absolute touch-manipulation rounded-full", u === "horizontal" ? "inset-y-0 -right-12 my-auto" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", n),
+		disabled: !f,
+		onClick: d,
+		...c,
+		children: [/* @__PURE__ */ r(o, {}), /* @__PURE__ */ r("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+}
+//#endregion
+export { u as Carousel, d as CarouselContent, f as CarouselItem, m as CarouselNext, p as CarouselPrevious, l as useCarousel };

package/dist/components/chart/chart.js

@@ -0,0 +1,131 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "recharts";
+//#region src/components/chart/chart.tsx
+var o = {
+	light: "",
+	dark: ".dark"
+}, s = {
+	width: 320,
+	height: 200
+}, c = t.createContext(null);
+function l() {
+	let e = t.useContext(c);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function u({ id: n, className: o, children: l, config: u, initialDimension: f = s, ...p }) {
+	let m = t.useId(), h = `chart-${n ?? m.replace(/:/g, "")}`;
+	return /* @__PURE__ */ r(c.Provider, {
+		value: { config: u },
+		children: /* @__PURE__ */ i("div", {
+			"data-slot": "chart",
+			"data-chart": h,
+			className: e("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", o),
+			...p,
+			children: [/* @__PURE__ */ r(d, {
+				id: h,
+				config: u
+			}), /* @__PURE__ */ r(a.ResponsiveContainer, {
+				initialDimension: f,
+				children: l
+			})]
+		})
+	});
+}
+var d = ({ id: e, config: t }) => {
+	let n = Object.entries(t).filter(([, e]) => e.theme ?? e.color);
+	return n.length ? /* @__PURE__ */ r("style", { dangerouslySetInnerHTML: { __html: Object.entries(o).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] ?? n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
+}
+`).join("\n") } }) : null;
+}, f = a.Tooltip;
+function p({ active: a, payload: o, className: s, indicator: c = "dot", hideLabel: u = !1, hideIndicator: d = !1, label: f, labelFormatter: p, labelClassName: m, formatter: h, color: _, nameKey: v, labelKey: y }) {
+	let { config: b } = l(), x = t.useMemo(() => {
+		if (u || !o?.length) return null;
+		let [t] = o, n = `${y ?? t?.dataKey ?? t?.name ?? "value"}`, i = g(b, t, n), a = !y && typeof f == "string" ? b[f]?.label ?? f : i?.label;
+		return p ? /* @__PURE__ */ r("div", {
+			className: e("font-medium", m),
+			children: p(a, o)
+		}) : a ? /* @__PURE__ */ r("div", {
+			className: e("font-medium", m),
+			children: a
+		}) : null;
+	}, [
+		f,
+		p,
+		o,
+		u,
+		m,
+		b,
+		y
+	]);
+	if (!a || !o?.length) return null;
+	let S = o.length === 1 && c !== "dot";
+	return /* @__PURE__ */ i("div", {
+		className: e("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", s),
+		children: [S ? null : x, /* @__PURE__ */ r("div", {
+			className: "grid gap-1.5",
+			children: o.filter((e) => e.type !== "none").map((t, a) => {
+				let o = `${v ?? t.name ?? t.dataKey ?? "value"}`, s = g(b, t, o), l = _ ?? t.payload?.fill ?? t.color;
+				return /* @__PURE__ */ r("div", {
+					className: e("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", c === "dot" && "items-center"),
+					children: h && t?.value !== void 0 && t.name ? h(t.value, t.name, t, a, t.payload) : /* @__PURE__ */ i(n, { children: [s?.icon ? /* @__PURE__ */ r(s.icon, {}) : !d && /* @__PURE__ */ r("div", {
+						className: e("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": c === "dot",
+							"w-1": c === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": c === "dashed",
+							"my-0.5": S && c === "dashed"
+						}),
+						style: {
+							"--color-bg": l,
+							"--color-border": l
+						}
+					}), /* @__PURE__ */ i("div", {
+						className: e("flex flex-1 justify-between leading-none", S ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ i("div", {
+							className: "grid gap-1.5",
+							children: [S ? x : null, /* @__PURE__ */ r("span", {
+								className: "text-muted-foreground",
+								children: s?.label ?? t.name
+							})]
+						}), t.value != null && /* @__PURE__ */ r("span", {
+							className: "font-mono font-medium text-foreground tabular-nums",
+							children: typeof t.value == "number" ? t.value.toLocaleString() : String(t.value)
+						})]
+					})] })
+				}, a);
+			})
+		})]
+	});
+}
+var m = a.Legend;
+function h({ className: t, hideIcon: n = !1, payload: a, verticalAlign: o = "bottom", nameKey: s }) {
+	let { config: c } = l();
+	return a?.length ? /* @__PURE__ */ r("div", {
+		className: e("flex items-center justify-center gap-4", o === "top" ? "pb-3" : "pt-3", t),
+		children: a.filter((e) => e.type !== "none").map((t, a) => {
+			let o = `${s ?? t.dataKey ?? "value"}`, l = g(c, t, o);
+			return /* @__PURE__ */ i("div", {
+				className: e("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+				children: [l?.icon && !n ? /* @__PURE__ */ r(l.icon, {}) : /* @__PURE__ */ r("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: t.color }
+				}), l?.label]
+			}, a);
+		})
+	}) : null;
+}
+function g(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
+}
+//#endregion
+export { u as ChartContainer, m as ChartLegend, h as ChartLegendContent, d as ChartStyle, f as ChartTooltip, p as ChartTooltipContent };

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { IconCheck as n } from "@tabler/icons-react";
+import { Checkbox as r } from "@base-ui/react/checkbox";
+//#region src/components/checkbox/checkbox.tsx
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Root, {
+		"data-slot": "checkbox",
+		className: e("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 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 group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", i),
+		...a,
+		children: /* @__PURE__ */ t(r.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [--icon-stroke-width:var(--icon-stroke-14)] [&>svg]:size-3.5",
+			children: /* @__PURE__ */ t(n, {})
+		})
+	});
+}
+//#endregion
+export { i as Checkbox };