@inspirare/design-system 0.0.21 → 0.0.23

package/dist/{src/components → components}/ui/slider.js

@@ -1,36 +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";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-slider";
 //#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
+function a({ className: a, defaultValue: o, value: s, min: c = 0, max: l = 100, ...u }) {
+	let d = t.useMemo(() => Array.isArray(s) ? s : Array.isArray(o) ? o : [c, l], [
+		s,
+		o,
+		c,
+		l
 	]);
-	return /* @__PURE__ */ s(t, {
+	return /* @__PURE__ */ r(i.Root, {
 		"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, {
+		defaultValue: o,
+		value: s,
+		min: c,
+		max: l,
+		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", a),
+		...u,
+		children: [/* @__PURE__ */ n(i.Track, {
 			"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, {
+			children: /* @__PURE__ */ n(i.Range, {
 				"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, {
+		}), Array.from({ length: d.length }, (e, t) => /* @__PURE__ */ n(i.Thumb, {
 			"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 };
+export { a as Slider };

package/dist/{src/components → components}/ui/spinner.js

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

package/dist/{src/components → components}/ui/switch.js

@@ -1,20 +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";
+import { jsx as t } from "react/jsx-runtime";
+import { Switch as n } from "radix-ui";
 //#region src/components/ui/switch.tsx
-function i({ className: i, size: a = "default", ...o }) {
-	return /* @__PURE__ */ r(t, {
+function r({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"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-size": i,
+		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", r),
+		...a,
+		children: /* @__PURE__ */ t(n.Thumb, {
 			"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 };
+export { r as Switch };

package/dist/{src/components → components}/ui/tabs.js

@@ -1,36 +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";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-tabs";
 //#region src/components/ui/tabs.tsx
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ a(r, {
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "tabs",
-		className: e("flex flex-col gap-2", t),
-		...n
+		className: e("flex flex-col gap-2", r),
+		...i
 	});
 }
-function s({ className: t, ...r }) {
-	return /* @__PURE__ */ a(n, {
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.List, {
 		"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
+		className: e("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", r),
+		...i
 	});
 }
-function c({ className: t, ...n }) {
-	return /* @__PURE__ */ a(i, {
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Trigger, {
 		"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
+		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", r),
+		...i
 	});
 }
-function l({ className: n, ...r }) {
-	return /* @__PURE__ */ a(t, {
+function o({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Content, {
 		"data-slot": "tabs-content",
-		className: e("flex-1 outline-none", n),
-		...r
+		className: e("flex-1 outline-none", r),
+		...i
 	});
 }
 //#endregion
-export { o as Tabs, l as TabsContent, s as TabsList, c as TabsTrigger };
+export { r as Tabs, o as TabsContent, i as TabsList, a as TabsTrigger };

package/dist/{src/components → components}/ui/theme-toggle.js

@@ -2,17 +2,17 @@
 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 { Moon as o, Sun as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 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", {
+	}, []), /* @__PURE__ */ c("div", {
 		className: "relative",
-		children: /* @__PURE__ */ o(t, {
+		children: /* @__PURE__ */ c(t, {
 			variant: "ghost",
 			size: "sm",
 			onClick: r(() => {
@@ -33,18 +33,18 @@ var d = n(function({ className: n, showLabel: d }) {
 					default: return "Tema escuro";
 				}
 			})(),
-			children: /* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: e("flex items-center gap-1.5", !d && "justify-center"),
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "transition-transform duration-300 hover:rotate-12",
 					children: (() => {
-						if (!m) return /* @__PURE__ */ o(c, { className: "h-4 w-4" });
+						if (!m) return /* @__PURE__ */ c(o, { 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" });
+							case "light": return /* @__PURE__ */ c(s, { className: "h-4 w-4" });
+							default: return /* @__PURE__ */ c(o, { className: "h-4 w-4" });
 						}
 					})()
-				}), d && /* @__PURE__ */ o("span", {
+				}), d && /* @__PURE__ */ c("span", {
 					className: "text-sm font-medium hidden lg:inline",
 					children: "Tema"
 				})]

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

@@ -0,0 +1,44 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { toggleVariants as t } from "./toggle.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import "class-variance-authority";
+import * as i from "@radix-ui/react-toggle-group";
+//#region src/components/ui/toggle-group.tsx
+var a = n.createContext({
+	size: "default",
+	variant: "default"
+});
+function o({ className: t, variant: n, size: o, children: s, ...c }) {
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": n,
+		"data-size": o,
+		className: e("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", t),
+		...c,
+		children: /* @__PURE__ */ r(a.Provider, {
+			value: {
+				variant: n,
+				size: o
+			},
+			children: s
+		})
+	});
+}
+function s({ className: o, children: s, variant: c, size: l, ...u }) {
+	let d = n.useContext(a);
+	return /* @__PURE__ */ r(i.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": d.variant || c,
+		"data-size": d.size || l,
+		className: e(t({
+			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", o),
+		...u,
+		children: s
+	});
+}
+//#endregion
+export { o as ToggleGroup, s as ToggleGroupItem };

package/dist/{src/components → components}/ui/toggle.js

@@ -1,11 +1,11 @@
 "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";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import * as r from "@radix-ui/react-toggle";
 //#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", {
+var i = n("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",
@@ -22,13 +22,13 @@ var i = t("inline-flex items-center justify-center gap-2 rounded-md text-sm font
 		size: "default"
 	}
 });
-function a({ className: t, variant: a, size: o, ...s }) {
-	return /* @__PURE__ */ r(n, {
+function a({ className: n, variant: a, size: o, ...s }) {
+	return /* @__PURE__ */ t(r.Root, {
 		"data-slot": "toggle",
 		className: e(i({
 			variant: a,
 			size: o,
-			className: t
+			className: n
 		})),
 		...s
 	});

package/dist/components/ui/tooltip.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-tooltip";
+//#region src/components/ui/tooltip.tsx
+function i({ delayDuration: e = 0, ...n }) {
+	return /* @__PURE__ */ t(r.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration: e,
+		...n
+	});
+}
+function a({ ...e }) {
+	return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function o({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Trigger, {
+		"data-slot": "tooltip-trigger",
+		className: e("cursor-pointer", n),
+		...i
+	});
+}
+function s({ className: i, sideOffset: a = 0, children: o, ...s }) {
+	return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
+		"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),
+		...s,
+		children: [o, /* @__PURE__ */ t(r.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@inspirare/design-system",
   "private": false,
-  "version": "0.0.21",
+  "version": "0.0.23",
   "type": "module",
   "sideEffects": [
     "*.css"
   ],
-  "main": "./dist/src/index.js",
-  "module": "./dist/src/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/src/index.js",
+      "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./utils": {
-      "import": "./dist/src/index.js",
+      "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./style.css": "./src/index.css",