@arcadeai/design-system 5.0.2 → 6.0.0

package/dist/components/ui/atoms/scroll-to-bottom-button.js

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { t } from "../../../button-BdQxLUOB.js";
+import { useCallback as n, useEffect as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { ChevronDown as o } from "lucide-react";
+//#region lib/components/ui/atoms/scroll-to-bottom-button.tsx
+function s({ visible: s, label: c = "Scroll to bottom", variant: l = "secondary", size: u = "icon", className: d, ref: f, ...p }) {
+	let m = i(null), h = n((e) => {
+		m.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+	}, [f]);
+	return r(() => {
+		!s && m.current && document.activeElement === m.current && m.current.blur();
+	}, [s]), /* @__PURE__ */ a(t, {
+		...p,
+		"aria-hidden": !s,
+		"aria-label": c,
+		className: e("cursor-pointer rounded-full shadow-[var(--shadow-card-hover)]", s ? "opacity-100" : "pointer-events-none opacity-0", d),
+		"data-slot": "scroll-to-bottom-button",
+		"data-visible": s,
+		ref: h,
+		size: u,
+		tabIndex: s ? 0 : -1,
+		type: "button",
+		variant: l,
+		children: /* @__PURE__ */ a(o, { strokeWidth: 2.5 })
+	});
+}
+//#endregion
+export { s as ScrollToBottomButton };

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

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../../../select-RvAj5g6e.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../../../select-DFWNXxvZ.js";
 export { c as Select, i as SelectContent, o as SelectGroup, n as SelectItem, e as SelectLabel, a as SelectScrollDownButton, s as SelectScrollUpButton, t as SelectSeparator, r as SelectTrigger, l as SelectValue };

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

@@ -1,9 +1,9 @@
 "use client";
 "use client";
 import { cn as e } from "../../../lib/utils.js";
-import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../../DialogTrigger-BRWKaMYv.js";
+import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../../DialogTrigger-DGGP-2Oc.js";
 import { t as c } from "../../../button-BdQxLUOB.js";
-import { t as l } from "../../../DialogRoot-xodRxCJ6.js";
+import { t as l } from "../../../DialogRoot-DuiSPdsZ.js";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { XIcon as f } from "lucide-react";
 //#region lib/components/ui/atoms/sheet.tsx

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

@@ -3,10 +3,10 @@
 import { r as e } from "../../../useRenderElement-BToElZ97.js";
 import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../dist-Ber_p4PA.js";
-import { i as r, n as i, t as a } from "../../../tooltip-ZIywOFGf.js";
+import { i as r, n as i, t as a } from "../../../tooltip-BUR7V5Aa.js";
 import { t as o } from "../../../button-BdQxLUOB.js";
 import { t as s } from "../../../useRender-D_s7850Q.js";
-import { t as c } from "../../../input-DZfZK6b1.js";
+import { t as c } from "../../../input-DZTqcpe-.js";
 import { Separator as l } from "./separator.js";
 import { Sheet as u, SheetContent as d, SheetDescription as f, SheetHeader as p, SheetTitle as m } from "./sheet.js";
 import { Skeleton as h } from "./skeleton.js";

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

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../../slider-Bhn1ogwZ.js";
+import { t as e } from "../../../slider-ClXWRpwI.js";
 export { e as Slider };

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

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../../switch-D8M0xvzp.js";
+import { t as e } from "../../../switch-DlxZDt6o.js";
 export { e as Switch };

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

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "../../../tabs-ttkDuwww.js";
+import { a as e, i as t, n, r, t as i } from "../../../tabs-Cj3LY-7F.js";
 export { i as Tabs, n as TabsContent, r as TabsList, t as TabsTrigger, e as tabsListVariants };

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

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, t } from "../../../toggle-group-CL_MBwuU.js";
+import { n as e, t } from "../../../toggle-group-CmP4iHEJ.js";
 export { t as ToggleGroup, e as ToggleGroupChip };

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

@@ -2,7 +2,7 @@
 "use client";
 import { cn as e } from "../../../lib/utils.js";
 import { t } from "../../../dist-Ber_p4PA.js";
-import { t as n } from "../../../Toggle-waFXW8db.js";
+import { t as n } from "../../../Toggle-BdxyK_Ln.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/ui/atoms/toggle.tsx
 var i = t("group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {

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

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../../tooltip-ZIywOFGf.js";
+import { i as e, n as t, r as n, t as r } from "../../../tooltip-BUR7V5Aa.js";
 export { r as Tooltip, t as TooltipContent, n as TooltipProvider, e as TooltipTrigger };

package/dist/components/ui/blocks/demo.js

@@ -1,16 +1,16 @@
+/* empty css             */
 /* empty css              */
 import { t as e } from "../../../button-BdQxLUOB.js";
 import { Badge as t } from "../atoms/badge.js";
 import { Card as n } from "../atoms/card.js";
-import { t as r } from "../../../checkbox-CZViOGvt.js";
+import { t as r } from "../../../checkbox-DB9O_Iw9.js";
 import { Arcade as i } from "../atoms/icons/arcade.js";
 import { Github as a } from "../atoms/icons/github.js";
 import { Slack as o } from "../atoms/icons/slack.js";
-import { t as s } from "../../../input-DZfZK6b1.js";
+import { t as s } from "../../../input-DZTqcpe-.js";
 import { Label as c } from "../atoms/label.js";
 import { Separator as l } from "../atoms/separator.js";
-import { t as u } from "../../../switch-D8M0xvzp.js";
-/* empty css             */
+import { t as u } from "../../../switch-DlxZDt6o.js";
 import { useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { CheckIcon as m, MoonIcon as h, PaletteIcon as g, SunIcon as _, TypeIcon as v } from "lucide-react";