@inspirare/design-system 0.0.17 → 0.0.19

package/dist/src/components/ui/skeleton.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("animate-pulse rounded-md bg-gradient-to-r from-muted via-muted/80 to-muted", "relative overflow-hidden", "before:absolute before:inset-0", "before:bg-gradient-to-r before:from-transparent before:via-primary/5 before:to-transparent", "before:animate-[shimmer_2s_ease-in-out_infinite]", n),
+		...r
+	});
+}
+function r({ className: r, variant: i = "default", ...a }) {
+	return /* @__PURE__ */ t(n, {
+		className: e({
+			default: "h-4",
+			title: "h-6",
+			subtitle: "h-5",
+			caption: "h-3"
+		}[i], "bg-gradient-to-r from-muted via-primary/10 to-muted", r),
+		...a
+	});
+}
+function i({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ t(n, {
+		className: e("rounded-full", {
+			sm: "h-6 w-6",
+			default: "h-8 w-8",
+			lg: "h-12 w-12"
+		}[i], "bg-gradient-to-br from-primary/20 via-muted to-primary/10", r),
+		...a
+	});
+}
+function a({ className: r, variant: i = "default", ...a }) {
+	return /* @__PURE__ */ t(n, {
+		className: e("rounded-md", {
+			sm: "h-7 w-16",
+			default: "h-9 w-20",
+			lg: "h-11 w-24"
+		}[i], "bg-gradient-to-r from-primary/10 via-muted to-primary/5", r),
+		...a
+	});
+}
+function o({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("rounded-lg border border-border/50 p-4 space-y-3", "bg-gradient-to-br from-background via-background/95 to-primary/5", "shadow-sm", n),
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { n as Skeleton, i as SkeletonAvatar, a as SkeletonButton, o as SkeletonCard, r as SkeletonText };

package/dist/src/components/ui/slider.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Slider as t, SliderRange as n, SliderThumb as r, SliderTrack as i } from "../../../node_modules/.pnpm/@radix-ui_react-slider@1.4._cfb70bb4d45c3eedb16b2d4d4cf80f46/node_modules/@radix-ui/react-slider/dist/index.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ui/slider.tsx
+function c({ className: c, defaultValue: l, value: u, min: d = 0, max: f = 100, ...p }) {
+	let m = a.useMemo(() => Array.isArray(u) ? u : Array.isArray(l) ? l : [d, f], [
+		u,
+		l,
+		d,
+		f
+	]);
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "slider",
+		defaultValue: l,
+		value: u,
+		min: d,
+		max: f,
+		className: e("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", c),
+		...p,
+		children: [/* @__PURE__ */ o(i, {
+			"data-slot": "slider-track",
+			className: e("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ o(n, {
+				"data-slot": "slider-range",
+				className: e("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: m.length }, (e, t) => /* @__PURE__ */ o(r, {
+			"data-slot": "slider-thumb",
+			className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 cursor-pointer rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+		}, t))]
+	});
+}
+//#endregion
+export { c as Slider };

package/dist/src/components/ui/sonner.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as t } from "next-themes";
+import { Toaster as n, toast as r } from "sonner";
+//#region src/components/ui/sonner.tsx
+var i = ({ ...r }) => {
+	let { theme: i = "system" } = t();
+	return /* @__PURE__ */ e(n, {
+		theme: i,
+		className: "toaster group",
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)"
+		},
+		...r
+	});
+};
+//#endregion
+export { i as Toaster, r as toast };

package/dist/src/components/ui/spinner.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Loader2Icon as n } from "lucide-react";
+//#region src/components/ui/spinner.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n, {
+		role: "status",
+		"aria-label": "Loading",
+		className: e("size-4 animate-spin", r),
+		...i
+	});
+}
+//#endregion
+export { r as Spinner };

package/dist/src/components/ui/switch.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Switch as t, SwitchThumb as n } from "../../../node_modules/.pnpm/@radix-ui_react-switch@1.3._d2f9574497ecbe08e0e7c2298fb35dc1/node_modules/@radix-ui/react-switch/dist/index.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ui/switch.tsx
+function i({ className: i, size: a = "default", ...o }) {
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "switch",
+		"data-size": a,
+		className: e("peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80", i),
+		...o,
+		children: /* @__PURE__ */ r(n, {
+			"data-slot": "switch-thumb",
+			className: e("pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground")
+		})
+	});
+}
+//#endregion
+export { i as Switch };

package/dist/src/components/ui/table.js

@@ -0,0 +1,67 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/table.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", n),
+			...r
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("thead", {
+		"data-slot": "table-header",
+		className: e("[&_tr]:border-b", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tfoot", {
+		"data-slot": "table-footer",
+		className: e("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"data-slot": "table-row",
+		className: e("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("th", {
+		"data-slot": "table-head",
+		className: e("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("caption", {
+		"data-slot": "table-caption",
+		className: e("text-muted-foreground mt-4 text-sm", n),
+		...r
+	});
+}
+//#endregion
+export { n as Table, i as TableBody, l as TableCaption, c as TableCell, a as TableFooter, s as TableHead, r as TableHeader, o as TableRow };

package/dist/src/components/ui/tabs.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Content as t, List as n, Root2 as r, Trigger as i } from "../../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.14_769bbb0130198553b196f258bd99ab92/node_modules/@radix-ui/react-tabs/dist/index.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/tabs.tsx
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "tabs",
+		className: e("flex flex-col gap-2", t),
+		...n
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ a(n, {
+		"data-slot": "tabs-list",
+		className: e("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", t),
+		...r
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ a(i, {
+		"data-slot": "tabs-trigger",
+		className: e("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...n
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ a(t, {
+		"data-slot": "tabs-content",
+		className: e("flex-1 outline-none", n),
+		...r
+	});
+}
+//#endregion
+export { o as Tabs, l as TabsContent, s as TabsList, c as TabsTrigger };

package/dist/src/components/ui/textarea.js

@@ -0,0 +1,13 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/textarea.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("textarea", {
+		"data-slot": "textarea",
+		className: e("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", n),
+		...r
+	});
+}
+//#endregion
+export { n as Textarea };

package/dist/src/components/ui/theme-toggle.js

@@ -0,0 +1,56 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "./button.js";
+import { memo as n, useCallback as r, useEffect as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Moon as c, Sun as l } from "lucide-react";
+import { useTheme as u } from "next-themes";
+//#region src/components/ui/theme-toggle.tsx
+var d = n(function({ className: n, showLabel: d }) {
+	let { theme: f, setTheme: p } = u(), [m, h] = a(!1);
+	return i(() => {
+		h(!0);
+	}, []), /* @__PURE__ */ o("div", {
+		className: "relative",
+		children: /* @__PURE__ */ o(t, {
+			variant: "ghost",
+			size: "sm",
+			onClick: r(() => {
+				p(f === "light" ? "dark" : "light");
+			}, [f, p]),
+			className: e("h-9 p-0 text-primary transition-all duration-300 rounded-lg", "hover:bg-accent/50 active:scale-95", d ? "px-3 w-auto" : "w-9", n),
+			title: (() => {
+				if (!m) return "Mudar para tema claro";
+				switch (f) {
+					case "light": return "Mudar para tema escuro";
+					default: return "Mudar para tema claro";
+				}
+			})(),
+			"aria-label": (() => {
+				if (!m) return "Tema escuro";
+				switch (f) {
+					case "light": return "Tema claro";
+					default: return "Tema escuro";
+				}
+			})(),
+			children: /* @__PURE__ */ s("div", {
+				className: e("flex items-center gap-1.5", !d && "justify-center"),
+				children: [/* @__PURE__ */ o("div", {
+					className: "transition-transform duration-300 hover:rotate-12",
+					children: (() => {
+						if (!m) return /* @__PURE__ */ o(c, { className: "h-4 w-4" });
+						switch (f) {
+							case "light": return /* @__PURE__ */ o(l, { className: "h-4 w-4" });
+							default: return /* @__PURE__ */ o(c, { className: "h-4 w-4" });
+						}
+					})()
+				}), d && /* @__PURE__ */ o("span", {
+					className: "text-sm font-medium hidden lg:inline",
+					children: "Tema"
+				})]
+			})
+		})
+	});
+});
+//#endregion
+export { d as ThemeToggle };

package/dist/src/components/ui/toggle-group.js

@@ -0,0 +1,44 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Item2 as t, Root2 as n } from "../../../node_modules/.pnpm/@radix-ui_react-toggle-grou_9d4cd233d31c4687b287c174e894620a/node_modules/@radix-ui/react-toggle-group/dist/index.js";
+import { toggleVariants as r } from "./toggle.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/toggle-group.tsx
+var o = i.createContext({
+	size: "default",
+	variant: "default"
+});
+function s({ className: t, variant: r, size: i, children: s, ...c }) {
+	return /* @__PURE__ */ a(n, {
+		"data-slot": "toggle-group",
+		"data-variant": r,
+		"data-size": i,
+		className: e("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", t),
+		...c,
+		children: /* @__PURE__ */ a(o.Provider, {
+			value: {
+				variant: r,
+				size: i
+			},
+			children: s
+		})
+	});
+}
+function c({ className: n, children: s, variant: c, size: l, ...u }) {
+	let d = i.useContext(o);
+	return /* @__PURE__ */ a(t, {
+		"data-slot": "toggle-group-item",
+		"data-variant": d.variant || c,
+		"data-size": d.size || l,
+		className: e(r({
+			variant: d.variant || c,
+			size: d.size || l
+		}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", n),
+		...u,
+		children: s
+	});
+}
+//#endregion
+export { s as ToggleGroup, c as ToggleGroupItem };

package/dist/src/components/ui/toggle.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Root as n } from "../../../node_modules/.pnpm/@radix-ui_react-toggle@1.1._afb5f705be3deb4ba78b89b6c70d5cf9/node_modules/@radix-ui/react-toggle/dist/index.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ui/toggle.tsx
+var i = t("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-8 px-1.5 min-w-8",
+			lg: "h-10 px-2.5 min-w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: t, variant: a, size: o, ...s }) {
+	return /* @__PURE__ */ r(n, {
+		"data-slot": "toggle",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: t
+		})),
+		...s
+	});
+}
+//#endregion
+export { a as Toggle, i as toggleVariants };

package/dist/src/components/ui/tooltip.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Arrow2 as t, Content2 as n, Portal as r, Provider as i, Root3 as a, Trigger as o } from "../../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2_02a5bba0cb45f3ddbe548efab47eabcc/node_modules/@radix-ui/react-tooltip/dist/index.js";
+import "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/ui/tooltip.tsx
+function l({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ s(i, {
+		"data-slot": "tooltip-provider",
+		delayDuration: e,
+		...t
+	});
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(a, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ s(o, {
+		"data-slot": "tooltip-trigger",
+		className: e("cursor-pointer", t),
+		...n
+	});
+}
+function f({ className: i, sideOffset: a = 0, children: o, ...l }) {
+	return /* @__PURE__ */ s(r, { children: /* @__PURE__ */ c(n, {
+		"data-slot": "tooltip-content",
+		sideOffset: a,
+		className: e("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", i),
+		...l,
+		children: [o, /* @__PURE__ */ s(t, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+export { u as Tooltip, f as TooltipContent, l as TooltipProvider, d as TooltipTrigger };

package/dist/src/hooks/use-mobile.js

@@ -0,0 +1,14 @@
+import * as e from "react";
+//#region src/hooks/use-mobile.ts
+var t = 768;
+function n() {
+	let [n, r] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${t - 1}px)`), n = () => {
+			r(window.innerWidth < t);
+		};
+		return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
+	}, []), !!n;
+}
+//#endregion
+export { n as useIsMobile };

package/dist/src/index.js

@@ -0,0 +1,61 @@
+/* empty css       */
+import { cn as e } from "./lib/utils.js";
+import { Accordion as t, AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./components/ui/accordion.js";
+import { Alert as a, AlertDescription as o, AlertTitle as s } from "./components/ui/alert.js";
+import { Button as c, buttonVariants as l } from "./components/ui/button.js";
+import { AlertDialog as u, AlertDialogAction as d, AlertDialogCancel as f, AlertDialogContent as p, AlertDialogDescription as m, AlertDialogFooter as h, AlertDialogHeader as g, AlertDialogOverlay as _, AlertDialogPortal as v, AlertDialogTitle as y, AlertDialogTrigger as b } from "./components/ui/alert-dialog.js";
+import { AspectRatio as x } from "./components/ui/aspect-ratio.js";
+import { Avatar as S, AvatarFallback as C, AvatarImage as w } from "./components/ui/avatar.js";
+import { Badge as T, badgeVariants as E } from "./components/ui/badge.js";
+import { Breadcrumb as D, BreadcrumbEllipsis as O, BreadcrumbItem as k, BreadcrumbLink as A, BreadcrumbList as j, BreadcrumbPage as M, BreadcrumbSeparator as N } from "./components/ui/breadcrumb.js";
+import { Separator as P } from "./components/ui/separator.js";
+import { ButtonGroup as F, ButtonGroupSeparator as I, ButtonGroupText as L, buttonGroupVariants as R } from "./components/ui/button-group.js";
+import { Calendar as z, CalendarDayButton as B } from "./components/ui/calendar.js";
+import { Card as V, CardAction as H, CardContent as U, CardDescription as W, CardFooter as G, CardHeader as K, CardTitle as q } from "./components/ui/card.js";
+import { Carousel as J, CarouselContent as Y, CarouselItem as X, CarouselNext as Z, CarouselPrevious as Q } from "./components/ui/carousel.js";
+import { ChartContainer as $, ChartLegend as ee, ChartLegendContent as te, ChartStyle as ne, ChartTooltip as re, ChartTooltipContent as ie } from "./components/ui/chart.js";
+import { Checkbox as ae } from "./components/ui/checkbox.js";
+import { Collapsible as oe, CollapsibleContent as se, CollapsibleTrigger as ce } from "./components/ui/collapsible.js";
+import { Input as le } from "./components/ui/input.js";
+import { Popover as ue, PopoverAnchor as de, PopoverContent as fe, PopoverTrigger as pe } from "./components/ui/popover.js";
+import { ColorPicker as me } from "./components/ui/color-picker.js";
+import { Dialog as he, DialogClose as ge, DialogContent as _e, DialogDescription as ve, DialogFooter as ye, DialogHeader as be, DialogOverlay as xe, DialogPortal as Se, DialogTitle as Ce, DialogTrigger as we } from "./components/ui/dialog.js";
+import { Command as Te, CommandDialog as Ee, CommandEmpty as De, CommandGroup as Oe, CommandInput as ke, CommandItem as Ae, CommandList as je, CommandSeparator as Me, CommandShortcut as Ne } from "./components/ui/command.js";
+import { Combobox as Pe } from "./components/ui/combobox.js";
+import { ContextMenu as Fe, ContextMenuCheckboxItem as Ie, ContextMenuContent as Le, ContextMenuGroup as Re, ContextMenuItem as ze, ContextMenuLabel as Be, ContextMenuPortal as Ve, ContextMenuRadioGroup as He, ContextMenuRadioItem as Ue, ContextMenuSeparator as We, ContextMenuShortcut as Ge, ContextMenuSub as Ke, ContextMenuSubContent as qe, ContextMenuSubTrigger as Je, ContextMenuTrigger as Ye } from "./components/ui/context-menu.js";
+import { Drawer as Xe, DrawerClose as Ze, DrawerContent as Qe, DrawerDescription as $e, DrawerFooter as et, DrawerHeader as tt, DrawerOverlay as nt, DrawerPortal as rt, DrawerTitle as it, DrawerTrigger as at } from "./components/ui/drawer.js";
+import { DropdownMenu as ot, DropdownMenuCheckboxItem as st, DropdownMenuContent as ct, DropdownMenuGroup as lt, DropdownMenuItem as ut, DropdownMenuLabel as dt, DropdownMenuPortal as ft, DropdownMenuRadioGroup as pt, DropdownMenuRadioItem as mt, DropdownMenuSeparator as ht, DropdownMenuShortcut as gt, DropdownMenuSub as _t, DropdownMenuSubContent as vt, DropdownMenuSubTrigger as yt, DropdownMenuTrigger as bt } from "./components/ui/dropdown-menu.js";
+import { Empty as xt, EmptyContent as St, EmptyDescription as Ct, EmptyHeader as wt, EmptyMedia as Tt, EmptyTitle as Et } from "./components/ui/empty.js";
+import { Label as Dt } from "./components/ui/label.js";
+import { Field as Ot, FieldContent as kt, FieldDescription as At, FieldError as jt, FieldGroup as Mt, FieldLabel as Nt, FieldLegend as Pt, FieldSeparator as Ft, FieldSet as It, FieldTitle as Lt } from "./components/ui/field.js";
+import { Form as Rt, FormControl as zt, FormDescription as Bt, FormField as Vt, FormItem as Ht, FormLabel as Ut, FormMessage as Wt, useFormField as Gt } from "./components/ui/form.js";
+import { HoverCard as Kt, HoverCardContent as qt, HoverCardTrigger as Jt } from "./components/ui/hover-card.js";
+import { Textarea as Yt } from "./components/ui/textarea.js";
+import { InputGroup as Xt, InputGroupAddon as Zt, InputGroupButton as Qt, InputGroupInput as $t, InputGroupText as en, InputGroupTextarea as tn } from "./components/ui/input-group.js";
+import { InputOTP as nn, InputOTPGroup as rn, InputOTPSeparator as an, InputOTPSlot as on } from "./components/ui/input-otp.js";
+import { Item as sn, ItemActions as cn, ItemContent as ln, ItemDescription as un, ItemFooter as dn, ItemGroup as fn, ItemHeader as pn, ItemMedia as mn, ItemSeparator as hn, ItemTitle as gn } from "./components/ui/item.js";
+import { Kbd as _n, KbdGroup as vn } from "./components/ui/kbd.js";
+import { Menubar as yn, MenubarCheckboxItem as bn, MenubarContent as xn, MenubarGroup as Sn, MenubarItem as Cn, MenubarLabel as wn, MenubarMenu as Tn, MenubarPortal as En, MenubarRadioGroup as Dn, MenubarRadioItem as On, MenubarSeparator as kn, MenubarShortcut as An, MenubarSub as jn, MenubarSubContent as Mn, MenubarSubTrigger as Nn, MenubarTrigger as Pn } from "./components/ui/menubar.js";
+import { NavigationMenu as Fn, NavigationMenuContent as In, NavigationMenuIndicator as Ln, NavigationMenuItem as Rn, NavigationMenuLink as zn, NavigationMenuList as Bn, NavigationMenuTrigger as Vn, NavigationMenuViewport as Hn, navigationMenuTriggerStyle as Un } from "./components/ui/navigation-menu.js";
+import { Pagination as Wn, PaginationContent as Gn, PaginationEllipsis as Kn, PaginationItem as qn, PaginationLink as Jn, PaginationNext as Yn, PaginationPrevious as Xn } from "./components/ui/pagination.js";
+import { Progress as Zn } from "./components/ui/progress.js";
+import { RadioGroup as Qn, RadioGroupItem as $n } from "./components/ui/radio-group.js";
+import { ResizableHandle as er, ResizablePanel as tr, ResizablePanelGroup as nr } from "./components/ui/resizable.js";
+import { ScrollArea as rr, ScrollBar as ir } from "./components/ui/scroll-area.js";
+import { Select as ar, SelectContent as or, SelectGroup as sr, SelectItem as cr, SelectLabel as lr, SelectScrollDownButton as ur, SelectScrollUpButton as dr, SelectSeparator as fr, SelectTrigger as pr, SelectValue as mr } from "./components/ui/select.js";
+import { Sheet as hr, SheetClose as gr, SheetContent as _r, SheetDescription as vr, SheetFooter as yr, SheetHeader as br, SheetTitle as xr, SheetTrigger as Sr } from "./components/ui/sheet.js";
+import { useIsMobile as Cr } from "./hooks/use-mobile.js";
+import { Skeleton as wr, SkeletonAvatar as Tr, SkeletonButton as Er, SkeletonCard as Dr, SkeletonText as Or } from "./components/ui/skeleton.js";
+import { Tooltip as kr, TooltipContent as Ar, TooltipProvider as jr, TooltipTrigger as Mr } from "./components/ui/tooltip.js";
+import { Sidebar as Nr, SidebarContent as Pr, SidebarFooter as Fr, SidebarGroup as Ir, SidebarGroupAction as Lr, SidebarGroupContent as Rr, SidebarGroupLabel as zr, SidebarHeader as Br, SidebarInput as Vr, SidebarInset as Hr, SidebarMenu as Ur, SidebarMenuAction as Wr, SidebarMenuBadge as Gr, SidebarMenuButton as Kr, SidebarMenuItem as qr, SidebarMenuSkeleton as Jr, SidebarMenuSub as Yr, SidebarMenuSubButton as Xr, SidebarMenuSubItem as Zr, SidebarProvider as Qr, SidebarRail as $r, SidebarSeparator as ei, SidebarTrigger as ti, useSidebar as ni } from "./components/ui/sidebar.js";
+import { Slider as ri } from "./components/ui/slider.js";
+import { Toaster as ii, toast as ai } from "./components/ui/sonner.js";
+import { Spinner as oi } from "./components/ui/spinner.js";
+import { Switch as si } from "./components/ui/switch.js";
+import { Table as ci, TableBody as li, TableCaption as ui, TableCell as di, TableFooter as fi, TableHead as pi, TableHeader as mi, TableRow as hi } from "./components/ui/table.js";
+import { Tabs as gi, TabsContent as _i, TabsList as vi, TabsTrigger as yi } from "./components/ui/tabs.js";
+import { ThemeToggle as bi } from "./components/ui/theme-toggle.js";
+import { Toggle as xi, toggleVariants as Si } from "./components/ui/toggle.js";
+import { ToggleGroup as Ci, ToggleGroupItem as wi } from "./components/ui/toggle-group.js";
+import { ScreenReaderAnnouncement as Ti, useModalAccessibility as Ei, useProgressAnnouncement as Di, useTabKeyboardNavigation as Oi } from "./components/ui/accessibility-improvements.js";
+export { t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, a as Alert, o as AlertDescription, u as AlertDialog, d as AlertDialogAction, f as AlertDialogCancel, p as AlertDialogContent, m as AlertDialogDescription, h as AlertDialogFooter, g as AlertDialogHeader, _ as AlertDialogOverlay, v as AlertDialogPortal, y as AlertDialogTitle, b as AlertDialogTrigger, s as AlertTitle, x as AspectRatio, S as Avatar, C as AvatarFallback, w as AvatarImage, T as Badge, D as Breadcrumb, O as BreadcrumbEllipsis, k as BreadcrumbItem, A as BreadcrumbLink, j as BreadcrumbList, M as BreadcrumbPage, N as BreadcrumbSeparator, c as Button, F as ButtonGroup, I as ButtonGroupSeparator, L as ButtonGroupText, z as Calendar, B as CalendarDayButton, V as Card, H as CardAction, U as CardContent, W as CardDescription, G as CardFooter, K as CardHeader, q as CardTitle, J as Carousel, Y as CarouselContent, X as CarouselItem, Z as CarouselNext, Q as CarouselPrevious, $ as ChartContainer, ee as ChartLegend, te as ChartLegendContent, ne as ChartStyle, re as ChartTooltip, ie as ChartTooltipContent, ae as Checkbox, oe as Collapsible, se as CollapsibleContent, ce as CollapsibleTrigger, me as ColorPicker, Pe as Combobox, Te as Command, Ee as CommandDialog, De as CommandEmpty, Oe as CommandGroup, ke as CommandInput, Ae as CommandItem, je as CommandList, Me as CommandSeparator, Ne as CommandShortcut, Fe as ContextMenu, Ie as ContextMenuCheckboxItem, Le as ContextMenuContent, Re as ContextMenuGroup, ze as ContextMenuItem, Be as ContextMenuLabel, Ve as ContextMenuPortal, He as ContextMenuRadioGroup, Ue as ContextMenuRadioItem, We as ContextMenuSeparator, Ge as ContextMenuShortcut, Ke as ContextMenuSub, qe as ContextMenuSubContent, Je as ContextMenuSubTrigger, Ye as ContextMenuTrigger, he as Dialog, ge as DialogClose, _e as DialogContent, ve as DialogDescription, ye as DialogFooter, be as DialogHeader, xe as DialogOverlay, Se as DialogPortal, Ce as DialogTitle, we as DialogTrigger, Xe as Drawer, Ze as DrawerClose, Qe as DrawerContent, $e as DrawerDescription, et as DrawerFooter, tt as DrawerHeader, nt as DrawerOverlay, rt as DrawerPortal, it as DrawerTitle, at as DrawerTrigger, ot as DropdownMenu, st as DropdownMenuCheckboxItem, ct as DropdownMenuContent, lt as DropdownMenuGroup, ut as DropdownMenuItem, dt as DropdownMenuLabel, ft as DropdownMenuPortal, pt as DropdownMenuRadioGroup, mt as DropdownMenuRadioItem, ht as DropdownMenuSeparator, gt as DropdownMenuShortcut, _t as DropdownMenuSub, vt as DropdownMenuSubContent, yt as DropdownMenuSubTrigger, bt as DropdownMenuTrigger, xt as Empty, St as EmptyContent, Ct as EmptyDescription, wt as EmptyHeader, Tt as EmptyMedia, Et as EmptyTitle, Ot as Field, kt as FieldContent, At as FieldDescription, jt as FieldError, Mt as FieldGroup, Nt as FieldLabel, Pt as FieldLegend, Ft as FieldSeparator, It as FieldSet, Lt as FieldTitle, Rt as Form, zt as FormControl, Bt as FormDescription, Vt as FormField, Ht as FormItem, Ut as FormLabel, Wt as FormMessage, Kt as HoverCard, qt as HoverCardContent, Jt as HoverCardTrigger, le as Input, Xt as InputGroup, Zt as InputGroupAddon, Qt as InputGroupButton, $t as InputGroupInput, en as InputGroupText, tn as InputGroupTextarea, nn as InputOTP, rn as InputOTPGroup, an as InputOTPSeparator, on as InputOTPSlot, sn as Item, cn as ItemActions, ln as ItemContent, un as ItemDescription, dn as ItemFooter, fn as ItemGroup, pn as ItemHeader, mn as ItemMedia, hn as ItemSeparator, gn as ItemTitle, _n as Kbd, vn as KbdGroup, Dt as Label, yn as Menubar, bn as MenubarCheckboxItem, xn as MenubarContent, Sn as MenubarGroup, Cn as MenubarItem, wn as MenubarLabel, Tn as MenubarMenu, En as MenubarPortal, Dn as MenubarRadioGroup, On as MenubarRadioItem, kn as MenubarSeparator, An as MenubarShortcut, jn as MenubarSub, Mn as MenubarSubContent, Nn as MenubarSubTrigger, Pn as MenubarTrigger, Fn as NavigationMenu, In as NavigationMenuContent, Ln as NavigationMenuIndicator, Rn as NavigationMenuItem, zn as NavigationMenuLink, Bn as NavigationMenuList, Vn as NavigationMenuTrigger, Hn as NavigationMenuViewport, Wn as Pagination, Gn as PaginationContent, Kn as PaginationEllipsis, qn as PaginationItem, Jn as PaginationLink, Yn as PaginationNext, Xn as PaginationPrevious, ue as Popover, de as PopoverAnchor, fe as PopoverContent, pe as PopoverTrigger, Zn as Progress, Qn as RadioGroup, $n as RadioGroupItem, er as ResizableHandle, tr as ResizablePanel, nr as ResizablePanelGroup, Ti as ScreenReaderAnnouncement, rr as ScrollArea, ir as ScrollBar, ar as Select, or as SelectContent, sr as SelectGroup, cr as SelectItem, lr as SelectLabel, ur as SelectScrollDownButton, dr as SelectScrollUpButton, fr as SelectSeparator, pr as SelectTrigger, mr as SelectValue, P as Separator, hr as Sheet, gr as SheetClose, _r as SheetContent, vr as SheetDescription, yr as SheetFooter, br as SheetHeader, xr as SheetTitle, Sr as SheetTrigger, Nr as Sidebar, Pr as SidebarContent, Fr as SidebarFooter, Ir as SidebarGroup, Lr as SidebarGroupAction, Rr as SidebarGroupContent, zr as SidebarGroupLabel, Br as SidebarHeader, Vr as SidebarInput, Hr as SidebarInset, Ur as SidebarMenu, Wr as SidebarMenuAction, Gr as SidebarMenuBadge, Kr as SidebarMenuButton, qr as SidebarMenuItem, Jr as SidebarMenuSkeleton, Yr as SidebarMenuSub, Xr as SidebarMenuSubButton, Zr as SidebarMenuSubItem, Qr as SidebarProvider, $r as SidebarRail, ei as SidebarSeparator, ti as SidebarTrigger, wr as Skeleton, Tr as SkeletonAvatar, Er as SkeletonButton, Dr as SkeletonCard, Or as SkeletonText, ri as Slider, oi as Spinner, si as Switch, ci as Table, li as TableBody, ui as TableCaption, di as TableCell, fi as TableFooter, pi as TableHead, mi as TableHeader, hi as TableRow, gi as Tabs, _i as TabsContent, vi as TabsList, yi as TabsTrigger, Yt as Textarea, bi as ThemeToggle, ii as Toaster, xi as Toggle, Ci as ToggleGroup, wi as ToggleGroupItem, kr as Tooltip, Ar as TooltipContent, jr as TooltipProvider, Mr as TooltipTrigger, E as badgeVariants, R as buttonGroupVariants, l as buttonVariants, e as cn, Un as navigationMenuTriggerStyle, ai as toast, Si as toggleVariants, Gt as useFormField, Cr as useIsMobile, Ei as useModalAccessibility, Di as useProgressAnnouncement, ni as useSidebar, Oi as useTabKeyboardNavigation };

package/dist/src/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/lib/utils.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };

package/package.json

@@ -1,18 +1,21 @@
 {
   "name": "@inspirare/design-system",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.19",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/src/index.js",
+  "module": "./dist/src/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
+      "import": "./dist/src/index.js",
       "types": "./dist/index.d.ts"
     },
     "./utils": {
-      "import": "./dist/index.js",
+      "import": "./dist/src/index.js",
       "types": "./dist/index.d.ts"
     },
     "./style.css": "./src/index.css",
@@ -24,7 +27,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build && node scripts/postbuild-use-client.mjs",
     "lint": "eslint .",
     "preview": "vite preview",
     "deploy": "npm run build && npm version patch && npm publish --access public"

package/src/components/ui/sonner.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useTheme } from "next-themes";
-import { Toaster as Sonner, type ToasterProps } from "sonner";
+import { Toaster as Sonner, type ToasterProps, toast } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
   const { theme = "system" } = useTheme();
@@ -22,4 +22,4 @@ const Toaster = ({ ...props }: ToasterProps) => {
   );
 };
 
-export { Toaster };
+export { Toaster, toast };