@arcadeai/design-system 3.28.0 → 3.28.2
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/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 +2 -2
- 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/index.js +1 -1
- 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 +2 -2
- 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 +2 -2
- package/dist/metadata/toolkit-icons.d.ts.map +1 -1
- package/dist/{toolkit-card-Cmp_yG03.js → toolkit-card-BTFS_2j_.js} +13 -13
- package/package.json +8 -34
|
@@ -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
|
+
};
|
|
@@ -6,7 +6,7 @@ import { Badge as G, badgeVariants as P } from "./atoms/badge.js";
|
|
|
6
6
|
import { Breadcrumb as v, BreadcrumbEllipsis as y, BreadcrumbItem as I, BreadcrumbLink as H, BreadcrumbList as F, BreadcrumbPage as L, BreadcrumbSeparator as R } from "./atoms/breadcrumb.js";
|
|
7
7
|
import { Button as E, buttonVariants as V } from "./atoms/button.js";
|
|
8
8
|
import { ByocBadge as W } from "./atoms/byoc-badge.js";
|
|
9
|
-
import { C as q, a as N } from "../../calendar-
|
|
9
|
+
import { C as q, a as N } from "../../calendar-cxv-TTEh.js";
|
|
10
10
|
import { Card as X, CardAction as Q, CardContent as U, CardDescription as Y, CardFooter as j, CardHeader as K, CardTitle as _ } from "./atoms/card.js";
|
|
11
11
|
import { ChartContainer as oo, ChartLegend as ro, ChartLegendContent as eo, ChartStyle as to, ChartTooltip as po, ChartTooltipContent as ao } from "./atoms/chart.js";
|
|
12
12
|
import { Checkbox as io } from "./atoms/checkbox.js";
|
|
@@ -179,7 +179,7 @@ import { Tooltip as tf, TooltipContent as pf, TooltipProvider as af, TooltipTrig
|
|
|
179
179
|
import { VirtualizedGrid as lf } from "./atoms/virtualized-grid.js";
|
|
180
180
|
import { DateTimePicker as nf } from "./molecules/date-time-picker.js";
|
|
181
181
|
import { EmptyState as uf } from "./molecules/empty-state.js";
|
|
182
|
-
import { R as sf, T as cf } from "../../toolkit-card-
|
|
182
|
+
import { R as sf, T as cf } from "../../toolkit-card-BTFS_2j_.js";
|
|
183
183
|
import { ToolCard as Sf } from "./molecules/tool-card.js";
|
|
184
184
|
import { ToolkitPickerTrigger as Tf } from "./molecules/toolkit-picker-trigger.js";
|
|
185
185
|
import { ToolkitSelectionSummary as Mf } from "./molecules/toolkit-selection-summary.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/date-time-picker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/date-time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAS1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAE5E,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,mBAAmB,2CAgErB;yBArEe,cAAc"}
|
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
import { jsx as r, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { ChevronDownIcon as g } from "lucide-react";
|
|
3
|
+
import { useState as k } from "react";
|
|
4
|
+
import { Button as w } from "../atoms/button.js";
|
|
5
|
+
import { f as x, C as N } from "../../../calendar-cxv-TTEh.js";
|
|
6
|
+
import { Input as b } from "../atoms/input.js";
|
|
5
7
|
import { Label as s } from "../atoms/label.js";
|
|
6
|
-
import { Popover as
|
|
7
|
-
import { ChevronDownIcon as v } from "lucide-react";
|
|
8
|
-
import { useState as C } from "react";
|
|
8
|
+
import { Popover as D, PopoverTrigger as v, PopoverContent as C } from "../atoms/popover.js";
|
|
9
9
|
function P({
|
|
10
10
|
value: e,
|
|
11
11
|
onChange: a,
|
|
12
12
|
className: m,
|
|
13
13
|
...l
|
|
14
14
|
}) {
|
|
15
|
-
const [p, i] =
|
|
15
|
+
const [p, i] = k(!1), d = e ? x(e, "HH:mm:ss") : "";
|
|
16
16
|
return /* @__PURE__ */ r("div", { className: m, children: /* @__PURE__ */ t("div", { className: "flex gap-4", children: [
|
|
17
17
|
/* @__PURE__ */ t("div", { className: "flex flex-col gap-3", children: [
|
|
18
18
|
/* @__PURE__ */ t(s, { className: "px-1", htmlFor: "date-picker", children: [
|
|
19
19
|
"Date:",
|
|
20
20
|
" "
|
|
21
21
|
] }),
|
|
22
|
-
/* @__PURE__ */ t(
|
|
23
|
-
/* @__PURE__ */ r(
|
|
24
|
-
|
|
22
|
+
/* @__PURE__ */ t(D, { onOpenChange: i, open: p, children: [
|
|
23
|
+
/* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ t(
|
|
24
|
+
w,
|
|
25
25
|
{
|
|
26
26
|
className: "w-32 justify-between font-normal",
|
|
27
27
|
id: "date-picker",
|
|
28
28
|
variant: "outline",
|
|
29
29
|
children: [
|
|
30
30
|
e ? e.toLocaleDateString() : "Select date",
|
|
31
|
-
/* @__PURE__ */ r(
|
|
31
|
+
/* @__PURE__ */ r(g, {})
|
|
32
32
|
]
|
|
33
33
|
}
|
|
34
34
|
) }),
|
|
35
35
|
/* @__PURE__ */ r(
|
|
36
|
-
|
|
36
|
+
C,
|
|
37
37
|
{
|
|
38
38
|
align: "start",
|
|
39
39
|
className: "w-auto overflow-hidden p-0",
|
|
40
40
|
children: /* @__PURE__ */ r(
|
|
41
|
-
|
|
41
|
+
N,
|
|
42
42
|
{
|
|
43
43
|
captionLayout: "dropdown",
|
|
44
44
|
mode: "single",
|
|
@@ -59,7 +59,7 @@ function P({
|
|
|
59
59
|
" "
|
|
60
60
|
] }),
|
|
61
61
|
/* @__PURE__ */ r(
|
|
62
|
-
|
|
62
|
+
b,
|
|
63
63
|
{
|
|
64
64
|
className: "appearance-none bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none",
|
|
65
65
|
id: "time-picker",
|