@arcadeai/design-system 3.27.7 → 3.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +154 -13
- package/dist/assets/fonts.css +1 -1
- package/dist/assets/icons/microsoft-excel.js +35 -0
- package/dist/assets/icons/{one-drive.js → microsoft-onedrive.js} +3 -3
- package/dist/assets/icons/microsoft-powerpoint.js +121 -0
- package/dist/assets/icons/microsoft-word.js +32 -0
- package/dist/assets/index.css +1 -1
- package/dist/assets/tokens.css +1 -1
- package/dist/assets/variables.css +1 -1
- package/dist/{calendar-w1IATMME.js → calendar-cxv-TTEh.js} +10 -10
- package/dist/components/index.js +264 -258
- package/dist/components/ui/atoms/accordion.d.ts +1 -1
- package/dist/components/ui/atoms/accordion.d.ts.map +1 -1
- package/dist/components/ui/atoms/accordion.js +15 -15
- package/dist/components/ui/atoms/alert-dialog.d.ts +1 -1
- package/dist/components/ui/atoms/alert-dialog.d.ts.map +1 -1
- package/dist/components/ui/atoms/alert.d.ts.map +1 -1
- package/dist/components/ui/atoms/alert.js +1 -1
- package/dist/components/ui/atoms/avatar.d.ts +1 -1
- package/dist/components/ui/atoms/avatar.d.ts.map +1 -1
- package/dist/components/ui/atoms/badge.d.ts.map +1 -1
- package/dist/components/ui/atoms/badge.js +6 -6
- package/dist/components/ui/atoms/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/atoms/breadcrumb.js +5 -5
- package/dist/components/ui/atoms/button.d.ts.map +1 -1
- package/dist/components/ui/atoms/button.js +6 -6
- package/dist/components/ui/atoms/byoc-badge.d.ts.map +1 -1
- package/dist/components/ui/atoms/byoc-badge.js +6 -6
- package/dist/components/ui/atoms/calendar.d.ts +1 -1
- package/dist/components/ui/atoms/calendar.d.ts.map +1 -1
- package/dist/components/ui/atoms/calendar.js +3 -3
- package/dist/components/ui/atoms/card.d.ts.map +1 -1
- package/dist/components/ui/atoms/chart.d.ts.map +1 -1
- package/dist/components/ui/atoms/chart.js +1 -1
- package/dist/components/ui/atoms/checkbox.d.ts +1 -1
- package/dist/components/ui/atoms/checkbox.d.ts.map +1 -1
- package/dist/components/ui/atoms/checkbox.js +13 -13
- package/dist/components/ui/atoms/collapsible.d.ts +1 -1
- package/dist/components/ui/atoms/collapsible.d.ts.map +1 -1
- package/dist/components/ui/atoms/command.d.ts +1 -1
- package/dist/components/ui/atoms/command.d.ts.map +1 -1
- package/dist/components/ui/atoms/command.js +28 -28
- package/dist/components/ui/atoms/dialog.d.ts +1 -1
- package/dist/components/ui/atoms/dialog.d.ts.map +1 -1
- package/dist/components/ui/atoms/dialog.js +10 -10
- package/dist/components/ui/atoms/dropdown-menu.d.ts +1 -1
- package/dist/components/ui/atoms/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/atoms/dropdown-menu.js +27 -27
- package/dist/components/ui/atoms/form.d.ts +2 -3
- package/dist/components/ui/atoms/form.d.ts.map +1 -1
- package/dist/components/ui/atoms/form.js +12 -10
- package/dist/components/ui/atoms/hover-card.d.ts +1 -1
- package/dist/components/ui/atoms/hover-card.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.d.ts +4 -1
- package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.js +164 -158
- package/dist/components/ui/atoms/icons/microsoft-excel.d.ts +4 -0
- package/dist/components/ui/atoms/icons/microsoft-excel.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/microsoft-excel.js +285 -0
- package/dist/components/ui/atoms/icons/microsoft-onedrive.d.ts +4 -0
- package/dist/components/ui/atoms/icons/microsoft-onedrive.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/{one-drive.js → microsoft-onedrive.js} +3 -3
- package/dist/components/ui/atoms/icons/microsoft-powerpoint.d.ts +4 -0
- package/dist/components/ui/atoms/icons/microsoft-powerpoint.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/microsoft-powerpoint.js +334 -0
- package/dist/components/ui/atoms/icons/microsoft-word.d.ts +4 -0
- package/dist/components/ui/atoms/icons/microsoft-word.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/microsoft-word.js +232 -0
- package/dist/components/ui/atoms/index.js +270 -264
- package/dist/components/ui/atoms/input.d.ts.map +1 -1
- package/dist/components/ui/atoms/label.d.ts +1 -1
- package/dist/components/ui/atoms/label.d.ts.map +1 -1
- package/dist/components/ui/atoms/mobile-tooltip.d.ts +7 -6
- package/dist/components/ui/atoms/mobile-tooltip.d.ts.map +1 -1
- package/dist/components/ui/atoms/popover.d.ts +1 -1
- package/dist/components/ui/atoms/popover.d.ts.map +1 -1
- package/dist/components/ui/atoms/pro-badge.d.ts.map +1 -1
- package/dist/components/ui/atoms/pro-badge.js +6 -6
- package/dist/components/ui/atoms/progress.d.ts +1 -1
- package/dist/components/ui/atoms/progress.d.ts.map +1 -1
- package/dist/components/ui/atoms/radio-group.d.ts +1 -1
- package/dist/components/ui/atoms/radio-group.d.ts.map +1 -1
- package/dist/components/ui/atoms/radio-group.js +13 -13
- package/dist/components/ui/atoms/resizable.d.ts.map +1 -1
- package/dist/components/ui/atoms/resizable.js +1 -1
- package/dist/components/ui/atoms/scroll-area.d.ts +1 -1
- package/dist/components/ui/atoms/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/atoms/select.d.ts +1 -1
- package/dist/components/ui/atoms/select.d.ts.map +1 -1
- package/dist/components/ui/atoms/select.js +36 -36
- package/dist/components/ui/atoms/separator.d.ts +1 -1
- package/dist/components/ui/atoms/separator.d.ts.map +1 -1
- package/dist/components/ui/atoms/sheet.d.ts +1 -1
- package/dist/components/ui/atoms/sheet.d.ts.map +1 -1
- package/dist/components/ui/atoms/sheet.js +10 -10
- package/dist/components/ui/atoms/sidebar.d.ts +1 -1
- package/dist/components/ui/atoms/sidebar.d.ts.map +1 -1
- package/dist/components/ui/atoms/sidebar.js +24 -24
- package/dist/components/ui/atoms/slider.d.ts +1 -1
- package/dist/components/ui/atoms/slider.d.ts.map +1 -1
- package/dist/components/ui/atoms/slider.js +1 -1
- package/dist/components/ui/atoms/switch.d.ts +1 -1
- package/dist/components/ui/atoms/switch.d.ts.map +1 -1
- package/dist/components/ui/atoms/table.d.ts.map +1 -1
- package/dist/components/ui/atoms/tabs.d.ts +1 -1
- package/dist/components/ui/atoms/tabs.d.ts.map +1 -1
- package/dist/components/ui/atoms/textarea.d.ts.map +1 -1
- package/dist/components/ui/atoms/toggle.d.ts +1 -1
- package/dist/components/ui/atoms/toggle.d.ts.map +1 -1
- package/dist/components/ui/atoms/toggle.js +12 -12
- package/dist/components/ui/atoms/tooltip.d.ts +1 -1
- package/dist/components/ui/atoms/tooltip.d.ts.map +1 -1
- package/dist/components/ui/atoms/view-tools-control.d.ts.map +1 -1
- package/dist/components/ui/atoms/view-tools-control.js +10 -10
- package/dist/components/ui/blocks/demo.d.ts +2 -0
- package/dist/components/ui/blocks/demo.d.ts.map +1 -0
- package/dist/components/ui/blocks/demo.js +186 -0
- package/dist/components/ui/index.js +264 -258
- package/dist/components/ui/molecules/date-time-picker.d.ts +1 -1
- package/dist/components/ui/molecules/date-time-picker.d.ts.map +1 -1
- package/dist/components/ui/molecules/date-time-picker.js +14 -14
- package/dist/components/ui/molecules/index.js +1 -1
- package/dist/components/ui/molecules/requirement-badges.d.ts.map +1 -1
- package/dist/components/ui/molecules/requirement-badges.js +3 -3
- package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/tool-card.js +16 -16
- package/dist/components/ui/molecules/toolkit-card.d.ts +1 -1
- package/dist/components/ui/molecules/toolkit-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/toolkit-card.js +4 -4
- package/dist/components/ui/molecules/toolkit-picker-trigger.d.ts.map +1 -1
- package/dist/components/ui/molecules/toolkit-picker-trigger.js +13 -13
- package/dist/components/ui/molecules/toolkit-selection-summary.d.ts.map +1 -1
- package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.js +10 -10
- package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +2 -2
- package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +7 -7
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +2 -2
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts +1 -1
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/index.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +34 -34
- package/dist/components/ui/organisms/toolkit-picker/utils/toolkit-grouping.d.ts.map +1 -1
- package/dist/lib/arcade/arcade.d.ts.map +1 -1
- package/dist/main.js +319 -313
- package/dist/metadata/toolkit-icons.d.ts.map +1 -1
- package/dist/metadata/toolkit-icons.js +150 -144
- package/dist/metadata/toolkits.d.ts.map +1 -1
- package/dist/metadata/toolkits.js +45 -6
- package/dist/{toolkit-card-Cmp_yG03.js → toolkit-card-BTFS_2j_.js} +13 -13
- package/package.json +8 -34
- package/dist/components/ui/atoms/icons/one-drive.d.ts +0 -4
- package/dist/components/ui/atoms/icons/one-drive.d.ts.map +0 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as t, jsxs as m } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
2
|
+
import { c as M } from "../../../index-r7CUvu2m.js";
|
|
3
|
+
import { PanelLeftIcon as k } from "lucide-react";
|
|
4
|
+
import * as c from "react";
|
|
5
|
+
import { Button as E } from "./button.js";
|
|
6
|
+
import { Input as z } from "./input.js";
|
|
7
|
+
import { Separator as D } from "./separator.js";
|
|
8
|
+
import { Sheet as T, SheetContent as O, SheetHeader as R, SheetTitle as A, SheetDescription as B } from "./sheet.js";
|
|
6
9
|
import { Skeleton as _ } from "./skeleton.js";
|
|
7
|
-
import { Tooltip as
|
|
8
|
-
import { useIsMobile as
|
|
10
|
+
import { Tooltip as P, TooltipTrigger as H, TooltipContent as K, TooltipProvider as L } from "./tooltip.js";
|
|
11
|
+
import { useIsMobile as j } from "../../../hooks/use-mobile.js";
|
|
9
12
|
import { c as r } from "../../../utils-6KgZuQUR.js";
|
|
10
13
|
import { S as h } from "../../../index-D2LZVjSn.js";
|
|
11
|
-
import { c as L } from "../../../index-r7CUvu2m.js";
|
|
12
|
-
import { PanelLeftIcon as j } from "lucide-react";
|
|
13
|
-
import * as c from "react";
|
|
14
14
|
const G = "sidebar_state", U = 60, $ = 60, V = 24, W = 7, Y = U * $ * V * W, q = "16rem", F = "18rem", X = "3rem", J = "b", y = c.createContext(null);
|
|
15
15
|
function S() {
|
|
16
16
|
const a = c.useContext(y);
|
|
@@ -27,7 +27,7 @@ function ue({
|
|
|
27
27
|
children: l,
|
|
28
28
|
...b
|
|
29
29
|
}) {
|
|
30
|
-
const s =
|
|
30
|
+
const s = j(), [f, p] = c.useState(!1), [v, C] = c.useState(a), g = e ?? v, x = c.useCallback(
|
|
31
31
|
(d) => {
|
|
32
32
|
const u = typeof d == "function" ? d(g) : d;
|
|
33
33
|
i ? i(u) : C(u), document.cookie = `${G}=${u}; path=/; max-age=${Y}`;
|
|
@@ -55,7 +55,7 @@ function ue({
|
|
|
55
55
|
}),
|
|
56
56
|
[N, g, x, s, f, w]
|
|
57
57
|
);
|
|
58
|
-
return /* @__PURE__ */ t(y.Provider, { value: I, children: /* @__PURE__ */ t(
|
|
58
|
+
return /* @__PURE__ */ t(y.Provider, { value: I, children: /* @__PURE__ */ t(L, { delayDuration: 0, children: /* @__PURE__ */ t(
|
|
59
59
|
"div",
|
|
60
60
|
{
|
|
61
61
|
className: r(
|
|
@@ -93,8 +93,8 @@ function be({
|
|
|
93
93
|
...l,
|
|
94
94
|
children: o
|
|
95
95
|
}
|
|
96
|
-
) : b ? /* @__PURE__ */ t(
|
|
97
|
-
|
|
96
|
+
) : b ? /* @__PURE__ */ t(T, { onOpenChange: p, open: f, ...l, children: /* @__PURE__ */ m(
|
|
97
|
+
O,
|
|
98
98
|
{
|
|
99
99
|
className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
|
|
100
100
|
"data-mobile": "true",
|
|
@@ -105,9 +105,9 @@ function be({
|
|
|
105
105
|
"--sidebar-width": F
|
|
106
106
|
},
|
|
107
107
|
children: [
|
|
108
|
-
/* @__PURE__ */ m(
|
|
109
|
-
/* @__PURE__ */ t(
|
|
110
|
-
/* @__PURE__ */ t(
|
|
108
|
+
/* @__PURE__ */ m(R, { className: "sr-only", children: [
|
|
109
|
+
/* @__PURE__ */ t(A, { children: "Sidebar" }),
|
|
110
|
+
/* @__PURE__ */ t(B, { children: "Displays the mobile sidebar." })
|
|
111
111
|
] }),
|
|
112
112
|
/* @__PURE__ */ t("div", { className: "flex h-full w-full flex-col", children: o })
|
|
113
113
|
]
|
|
@@ -168,7 +168,7 @@ function fe({
|
|
|
168
168
|
}) {
|
|
169
169
|
const { toggleSidebar: n } = S();
|
|
170
170
|
return /* @__PURE__ */ m(
|
|
171
|
-
|
|
171
|
+
E,
|
|
172
172
|
{
|
|
173
173
|
className: r("size-7", a),
|
|
174
174
|
"data-sidebar": "trigger",
|
|
@@ -180,7 +180,7 @@ function fe({
|
|
|
180
180
|
variant: "ghost",
|
|
181
181
|
...i,
|
|
182
182
|
children: [
|
|
183
|
-
/* @__PURE__ */ t(
|
|
183
|
+
/* @__PURE__ */ t(k, {}),
|
|
184
184
|
/* @__PURE__ */ t("span", { className: "sr-only", children: "Toggle Sidebar" })
|
|
185
185
|
]
|
|
186
186
|
}
|
|
@@ -229,7 +229,7 @@ function ge({
|
|
|
229
229
|
...e
|
|
230
230
|
}) {
|
|
231
231
|
return /* @__PURE__ */ t(
|
|
232
|
-
|
|
232
|
+
z,
|
|
233
233
|
{
|
|
234
234
|
className: r("h-8 w-full bg-background shadow-none", a),
|
|
235
235
|
"data-sidebar": "input",
|
|
@@ -265,7 +265,7 @@ function xe({
|
|
|
265
265
|
...e
|
|
266
266
|
}) {
|
|
267
267
|
return /* @__PURE__ */ t(
|
|
268
|
-
|
|
268
|
+
D,
|
|
269
269
|
{
|
|
270
270
|
className: r("mx-2 w-auto bg-sidebar-border", a),
|
|
271
271
|
"data-sidebar": "separator",
|
|
@@ -375,7 +375,7 @@ function Ie({ className: a, ...e }) {
|
|
|
375
375
|
}
|
|
376
376
|
);
|
|
377
377
|
}
|
|
378
|
-
const Q =
|
|
378
|
+
const Q = M(
|
|
379
379
|
"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sidebar-primary-foreground text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
|
|
380
380
|
{
|
|
381
381
|
variants: {
|
|
@@ -417,10 +417,10 @@ function Me({
|
|
|
417
417
|
);
|
|
418
418
|
return o ? (typeof o == "string" && (o = {
|
|
419
419
|
children: o
|
|
420
|
-
}), /* @__PURE__ */ m(
|
|
421
|
-
/* @__PURE__ */ t(
|
|
420
|
+
}), /* @__PURE__ */ m(P, { children: [
|
|
421
|
+
/* @__PURE__ */ t(H, { asChild: !0, children: v }),
|
|
422
422
|
/* @__PURE__ */ t(
|
|
423
|
-
|
|
423
|
+
K,
|
|
424
424
|
{
|
|
425
425
|
align: "center",
|
|
426
426
|
hidden: p !== "collapsed" || f,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Slider as SliderPrimitive } from 'radix-ui';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Slider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/slider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA+CnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as m, jsxs as j } from "react/jsx-runtime";
|
|
2
|
-
import { c as H } from "../../../utils-6KgZuQUR.js";
|
|
3
2
|
import * as c from "react";
|
|
3
|
+
import { c as H } from "../../../utils-6KgZuQUR.js";
|
|
4
4
|
import { c as X } from "../../../index-rKs9bXHr.js";
|
|
5
5
|
import { c as _ } from "../../../index-B695uy69.js";
|
|
6
6
|
import { u as C } from "../../../index-D2LZVjSn.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/switch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAe,EACf,QAAQ,EACR,yBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,WAAW,2CAoCb;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC,2CAWA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Tabs as TabsPrimitive } from 'radix-ui';
|
|
2
2
|
import type * as React from "react";
|
|
3
3
|
declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/textarea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Toggle as TogglePrimitive } from 'radix-ui';
|
|
2
3
|
import { ClassProp } from 'class-variance-authority/types';
|
|
3
|
-
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
4
4
|
import type * as React from "react";
|
|
5
5
|
declare const toggleVariants: (props?: ({
|
|
6
6
|
variant?: "default" | "outline" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/toggle.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/toggle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { c as u } from "../../../
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
var s = "Toggle", i =
|
|
9
|
-
const { pressed: r, defaultPressed: a, onPressedChange: d, ...l } = e, [o, c] =
|
|
2
|
+
import { c as u } from "../../../index-r7CUvu2m.js";
|
|
3
|
+
import { c as f } from "../../../utils-6KgZuQUR.js";
|
|
4
|
+
import * as g from "react";
|
|
5
|
+
import { c as m } from "../../../index-B695uy69.js";
|
|
6
|
+
import { u as v } from "../../../index-437EL2iq.js";
|
|
7
|
+
import { P as p } from "../../../index-DLohNuco.js";
|
|
8
|
+
var s = "Toggle", i = g.forwardRef((e, t) => {
|
|
9
|
+
const { pressed: r, defaultPressed: a, onPressedChange: d, ...l } = e, [o, c] = v({
|
|
10
10
|
prop: r,
|
|
11
11
|
onChange: d,
|
|
12
12
|
defaultProp: a ?? !1,
|
|
13
13
|
caller: s
|
|
14
14
|
});
|
|
15
15
|
return /* @__PURE__ */ n(
|
|
16
|
-
|
|
16
|
+
p.button,
|
|
17
17
|
{
|
|
18
18
|
type: "button",
|
|
19
19
|
"aria-pressed": o,
|
|
@@ -21,7 +21,7 @@ var s = "Toggle", i = f.forwardRef((e, t) => {
|
|
|
21
21
|
"data-disabled": e.disabled ? "" : void 0,
|
|
22
22
|
...l,
|
|
23
23
|
ref: t,
|
|
24
|
-
onClick:
|
|
24
|
+
onClick: m(e.onClick, () => {
|
|
25
25
|
e.disabled || c(!o);
|
|
26
26
|
})
|
|
27
27
|
}
|
|
@@ -29,7 +29,7 @@ var s = "Toggle", i = f.forwardRef((e, t) => {
|
|
|
29
29
|
});
|
|
30
30
|
i.displayName = s;
|
|
31
31
|
var b = i;
|
|
32
|
-
const h =
|
|
32
|
+
const h = u(
|
|
33
33
|
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
34
34
|
{
|
|
35
35
|
variants: {
|
|
@@ -58,7 +58,7 @@ function z({
|
|
|
58
58
|
return /* @__PURE__ */ n(
|
|
59
59
|
b,
|
|
60
60
|
{
|
|
61
|
-
className:
|
|
61
|
+
className: f(h({ variant: t, size: r, className: e })),
|
|
62
62
|
"data-slot": "toggle",
|
|
63
63
|
...a
|
|
64
64
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from 'radix-ui';
|
|
2
2
|
import type * as React from "react";
|
|
3
3
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view-tools-control.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/view-tools-control.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAaF,iBAAS,oBAAoB,CAAC,EAC5B,UAAU,EACV,aAAiB,EACjB,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,qBAAqB,2CAmBvB;
|
|
1
|
+
{"version":3,"file":"view-tools-control.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/view-tools-control.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAaF,iBAAS,oBAAoB,CAAC,EAC5B,UAAU,EACV,aAAiB,EACjB,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,qBAAqB,2CAmBvB;AAED,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,gBAAgB,wDAU5B,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as e, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
2
|
+
import { ChevronRight as c } from "lucide-react";
|
|
3
|
+
import { Button as p } from "./button.js";
|
|
4
|
+
import { c as f } from "../../../utils-6KgZuQUR.js";
|
|
5
|
+
import * as u from "react";
|
|
6
|
+
import { createPropsComparator as g } from "../utils/memo.js";
|
|
7
7
|
function x(o, t = 0, r) {
|
|
8
8
|
return r && t > 0 ? `${t}/${o}` : String(o);
|
|
9
9
|
}
|
|
@@ -17,10 +17,10 @@ function b({
|
|
|
17
17
|
}) {
|
|
18
18
|
const s = x(o, t, r);
|
|
19
19
|
return /* @__PURE__ */ e(
|
|
20
|
-
|
|
20
|
+
p,
|
|
21
21
|
{
|
|
22
22
|
"aria-label": `View tools in ${i}`,
|
|
23
|
-
className:
|
|
23
|
+
className: f("gap-1", a),
|
|
24
24
|
"data-testid": "view-tools",
|
|
25
25
|
onClick: (m) => {
|
|
26
26
|
m.stopPropagation(), n();
|
|
@@ -32,14 +32,14 @@ function b({
|
|
|
32
32
|
s,
|
|
33
33
|
" tools"
|
|
34
34
|
] }),
|
|
35
|
-
/* @__PURE__ */ l(
|
|
35
|
+
/* @__PURE__ */ l(c, { className: "size-3.5 transition-transform group-hover:translate-x-0.5" })
|
|
36
36
|
]
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
|
-
const N =
|
|
40
|
+
const N = u.memo(
|
|
41
41
|
b,
|
|
42
|
-
|
|
42
|
+
g([
|
|
43
43
|
"toolsCount",
|
|
44
44
|
"selectedCount",
|
|
45
45
|
"indeterminate",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/blocks/demo.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,aAAa,CAAC;AAqCrB,wBAAgB,UAAU,4CAyLzB"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { SunIcon as h, MoonIcon as p, TypeIcon as f, PaletteIcon as x, CheckIcon as u } from "lucide-react";
|
|
5
|
+
import { useState as g } from "react";
|
|
6
|
+
import { Badge as i } from "../atoms/badge.js";
|
|
7
|
+
import { Button as r } from "../atoms/button.js";
|
|
8
|
+
import { Card as c } from "../atoms/card.js";
|
|
9
|
+
import { Checkbox as N } from "../atoms/checkbox.js";
|
|
10
|
+
import { Arcade as o } from "../atoms/icons/arcade.js";
|
|
11
|
+
import { Github as v } from "../atoms/icons/github.js";
|
|
12
|
+
import { Slack as y } from "../atoms/icons/slack.js";
|
|
13
|
+
import { Input as b } from "../atoms/input.js";
|
|
14
|
+
import { Label as d } from "../atoms/label.js";
|
|
15
|
+
import { Separator as l } from "../atoms/separator.js";
|
|
16
|
+
import { Switch as m } from "../atoms/switch.js";
|
|
17
|
+
function s({ name: t, variable: n }) {
|
|
18
|
+
return /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
|
|
19
|
+
/* @__PURE__ */ e(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
className: "size-8 rounded-md border",
|
|
23
|
+
style: { backgroundColor: `var(--${n})` }
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ a("div", { children: [
|
|
27
|
+
/* @__PURE__ */ e("p", { className: "font-medium text-sm", children: t }),
|
|
28
|
+
/* @__PURE__ */ a("p", { className: "font-mono text-muted-foreground text-xs", children: [
|
|
29
|
+
"--",
|
|
30
|
+
n
|
|
31
|
+
] })
|
|
32
|
+
] })
|
|
33
|
+
] });
|
|
34
|
+
}
|
|
35
|
+
function W() {
|
|
36
|
+
const [t, n] = g(!1);
|
|
37
|
+
return /* @__PURE__ */ e("div", { className: t ? "dark" : "", children: /* @__PURE__ */ e("div", { className: "min-h-screen bg-background p-8 text-foreground transition-colors", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-4xl space-y-12", children: [
|
|
38
|
+
/* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
|
|
39
|
+
/* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
|
|
40
|
+
/* @__PURE__ */ e(o, { className: "size-8 text-primary" }),
|
|
41
|
+
/* @__PURE__ */ e("h1", { className: "font-bold text-2xl", children: "Arcade Design System" })
|
|
42
|
+
] }),
|
|
43
|
+
/* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
|
|
44
|
+
/* @__PURE__ */ e(h, { className: "size-4" }),
|
|
45
|
+
/* @__PURE__ */ e(m, { checked: t, onCheckedChange: n }),
|
|
46
|
+
/* @__PURE__ */ e(p, { className: "size-4" })
|
|
47
|
+
] })
|
|
48
|
+
] }),
|
|
49
|
+
/* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "Registry verification page. If you can see this correctly, your theme, fonts, and components are working." }),
|
|
50
|
+
/* @__PURE__ */ e(l, {}),
|
|
51
|
+
/* @__PURE__ */ a("section", { className: "space-y-4", children: [
|
|
52
|
+
/* @__PURE__ */ a("h2", { className: "flex items-center gap-2 font-semibold text-lg", children: [
|
|
53
|
+
/* @__PURE__ */ e(f, { className: "size-5" }),
|
|
54
|
+
"Fonts"
|
|
55
|
+
] }),
|
|
56
|
+
/* @__PURE__ */ a(c, { className: "space-y-4 p-6", children: [
|
|
57
|
+
/* @__PURE__ */ a("div", { children: [
|
|
58
|
+
/* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs uppercase tracking-wider", children: "GT Sectra (Serif)" }),
|
|
59
|
+
/* @__PURE__ */ e(
|
|
60
|
+
"p",
|
|
61
|
+
{
|
|
62
|
+
className: "text-3xl",
|
|
63
|
+
style: { fontFamily: '"GT Sectra", serif' },
|
|
64
|
+
children: "The quick brown fox jumps over the lazy dog"
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
] }),
|
|
68
|
+
/* @__PURE__ */ e(l, {}),
|
|
69
|
+
/* @__PURE__ */ a("div", { children: [
|
|
70
|
+
/* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs uppercase tracking-wider", children: "GT Cinetype (Sans-serif)" }),
|
|
71
|
+
/* @__PURE__ */ e(
|
|
72
|
+
"p",
|
|
73
|
+
{
|
|
74
|
+
className: "text-3xl",
|
|
75
|
+
style: { fontFamily: '"GT Cinetype", sans-serif' },
|
|
76
|
+
children: "The quick brown fox jumps over the lazy dog"
|
|
77
|
+
}
|
|
78
|
+
)
|
|
79
|
+
] }),
|
|
80
|
+
/* @__PURE__ */ e(l, {}),
|
|
81
|
+
/* @__PURE__ */ a("div", { children: [
|
|
82
|
+
/* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs uppercase tracking-wider", children: "GT Cinetype Mono (Monospace)" }),
|
|
83
|
+
/* @__PURE__ */ e(
|
|
84
|
+
"p",
|
|
85
|
+
{
|
|
86
|
+
className: "text-3xl",
|
|
87
|
+
style: { fontFamily: '"GT Cinetype Mono", monospace' },
|
|
88
|
+
children: "The quick brown fox jumps over the lazy dog"
|
|
89
|
+
}
|
|
90
|
+
)
|
|
91
|
+
] })
|
|
92
|
+
] })
|
|
93
|
+
] }),
|
|
94
|
+
/* @__PURE__ */ a("section", { className: "space-y-4", children: [
|
|
95
|
+
/* @__PURE__ */ a("h2", { className: "flex items-center gap-2 font-semibold text-lg", children: [
|
|
96
|
+
/* @__PURE__ */ e(x, { className: "size-5" }),
|
|
97
|
+
"Theme Colors"
|
|
98
|
+
] }),
|
|
99
|
+
/* @__PURE__ */ e(c, { className: "p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: [
|
|
100
|
+
/* @__PURE__ */ e(s, { name: "Primary", variable: "primary" }),
|
|
101
|
+
/* @__PURE__ */ e(s, { name: "Secondary", variable: "secondary" }),
|
|
102
|
+
/* @__PURE__ */ e(s, { name: "Tertiary", variable: "tertiary" }),
|
|
103
|
+
/* @__PURE__ */ e(s, { name: "Destructive", variable: "destructive" }),
|
|
104
|
+
/* @__PURE__ */ e(s, { name: "Warning", variable: "warning" }),
|
|
105
|
+
/* @__PURE__ */ e(s, { name: "Success", variable: "success" }),
|
|
106
|
+
/* @__PURE__ */ e(s, { name: "Muted", variable: "muted" }),
|
|
107
|
+
/* @__PURE__ */ e(s, { name: "Accent", variable: "accent" }),
|
|
108
|
+
/* @__PURE__ */ e(s, { name: "Background", variable: "background" }),
|
|
109
|
+
/* @__PURE__ */ e(s, { name: "Foreground", variable: "foreground" }),
|
|
110
|
+
/* @__PURE__ */ e(s, { name: "Card", variable: "card" }),
|
|
111
|
+
/* @__PURE__ */ e(s, { name: "Border", variable: "border" })
|
|
112
|
+
] }) })
|
|
113
|
+
] }),
|
|
114
|
+
/* @__PURE__ */ a("section", { className: "space-y-4", children: [
|
|
115
|
+
/* @__PURE__ */ e("h2", { className: "font-semibold text-lg", children: "Buttons" }),
|
|
116
|
+
/* @__PURE__ */ a(c, { className: "space-y-4 p-6", children: [
|
|
117
|
+
/* @__PURE__ */ a("div", { className: "flex flex-wrap gap-3", children: [
|
|
118
|
+
/* @__PURE__ */ e(r, { children: "Default" }),
|
|
119
|
+
/* @__PURE__ */ e(r, { variant: "secondary", children: "Secondary" }),
|
|
120
|
+
/* @__PURE__ */ e(r, { variant: "tertiary", children: "Tertiary" }),
|
|
121
|
+
/* @__PURE__ */ e(r, { variant: "destructive", children: "Destructive" }),
|
|
122
|
+
/* @__PURE__ */ e(r, { variant: "warning", children: "Warning" }),
|
|
123
|
+
/* @__PURE__ */ e(r, { variant: "outline", children: "Outline" }),
|
|
124
|
+
/* @__PURE__ */ e(r, { variant: "ghost", children: "Ghost" }),
|
|
125
|
+
/* @__PURE__ */ e(r, { variant: "link", children: "Link" })
|
|
126
|
+
] }),
|
|
127
|
+
/* @__PURE__ */ a("div", { className: "flex flex-wrap gap-3", children: [
|
|
128
|
+
/* @__PURE__ */ e(r, { size: "sm", children: "Small" }),
|
|
129
|
+
/* @__PURE__ */ e(r, { size: "default", children: "Default" }),
|
|
130
|
+
/* @__PURE__ */ e(r, { size: "lg", children: "Large" }),
|
|
131
|
+
/* @__PURE__ */ e(r, { size: "icon", children: /* @__PURE__ */ e(u, {}) })
|
|
132
|
+
] })
|
|
133
|
+
] })
|
|
134
|
+
] }),
|
|
135
|
+
/* @__PURE__ */ a("section", { className: "space-y-4", children: [
|
|
136
|
+
/* @__PURE__ */ e("h2", { className: "font-semibold text-lg", children: "Badges" }),
|
|
137
|
+
/* @__PURE__ */ e(c, { className: "p-6", children: /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-3", children: [
|
|
138
|
+
/* @__PURE__ */ e(i, { children: "Default" }),
|
|
139
|
+
/* @__PURE__ */ e(i, { variant: "secondary", children: "Secondary" }),
|
|
140
|
+
/* @__PURE__ */ e(i, { variant: "destructive", children: "Destructive" }),
|
|
141
|
+
/* @__PURE__ */ e(i, { variant: "outline", children: "Outline" }),
|
|
142
|
+
/* @__PURE__ */ e(i, { variant: "success", children: "Success" }),
|
|
143
|
+
/* @__PURE__ */ e(i, { variant: "warning", children: "Warning" })
|
|
144
|
+
] }) })
|
|
145
|
+
] }),
|
|
146
|
+
/* @__PURE__ */ a("section", { className: "space-y-4", children: [
|
|
147
|
+
/* @__PURE__ */ e("h2", { className: "font-semibold text-lg", children: "Form Controls" }),
|
|
148
|
+
/* @__PURE__ */ a(c, { className: "space-y-6 p-6", children: [
|
|
149
|
+
/* @__PURE__ */ a("div", { className: "grid max-w-sm gap-2", children: [
|
|
150
|
+
/* @__PURE__ */ e(d, { htmlFor: "demo-input", children: "Input" }),
|
|
151
|
+
/* @__PURE__ */ e(b, { id: "demo-input", placeholder: "Type something..." })
|
|
152
|
+
] }),
|
|
153
|
+
/* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
|
|
154
|
+
/* @__PURE__ */ e(N, { id: "demo-checkbox" }),
|
|
155
|
+
/* @__PURE__ */ e(d, { htmlFor: "demo-checkbox", children: "Accept terms" })
|
|
156
|
+
] }),
|
|
157
|
+
/* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
|
|
158
|
+
/* @__PURE__ */ e(m, { id: "demo-switch" }),
|
|
159
|
+
/* @__PURE__ */ e(d, { htmlFor: "demo-switch", children: "Enable notifications" })
|
|
160
|
+
] })
|
|
161
|
+
] })
|
|
162
|
+
] }),
|
|
163
|
+
/* @__PURE__ */ a("section", { className: "space-y-4", children: [
|
|
164
|
+
/* @__PURE__ */ e("h2", { className: "font-semibold text-lg", children: "Icons" }),
|
|
165
|
+
/* @__PURE__ */ e(c, { className: "p-6", children: /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-6", children: [
|
|
166
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: [
|
|
167
|
+
/* @__PURE__ */ e(o, { className: "size-10" }),
|
|
168
|
+
/* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: "Arcade" })
|
|
169
|
+
] }),
|
|
170
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: [
|
|
171
|
+
/* @__PURE__ */ e(v, { className: "size-10" }),
|
|
172
|
+
/* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: "GitHub" })
|
|
173
|
+
] }),
|
|
174
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: [
|
|
175
|
+
/* @__PURE__ */ e(y, { className: "size-10" }),
|
|
176
|
+
/* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: "Slack" })
|
|
177
|
+
] })
|
|
178
|
+
] }) })
|
|
179
|
+
] }),
|
|
180
|
+
/* @__PURE__ */ e(l, {}),
|
|
181
|
+
/* @__PURE__ */ e("p", { className: "text-center text-muted-foreground text-sm", children: "Arcade Design System Registry — All checks passed" })
|
|
182
|
+
] }) }) });
|
|
183
|
+
}
|
|
184
|
+
export {
|
|
185
|
+
W as ArcadeDemo
|
|
186
|
+
};
|