@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.
Files changed (134) hide show
  1. package/README.md +154 -13
  2. package/dist/assets/index.css +1 -1
  3. package/dist/assets/tokens.css +1 -1
  4. package/dist/assets/variables.css +1 -1
  5. package/dist/{calendar-w1IATMME.js → calendar-cxv-TTEh.js} +10 -10
  6. package/dist/components/index.js +2 -2
  7. package/dist/components/ui/atoms/accordion.d.ts +1 -1
  8. package/dist/components/ui/atoms/accordion.d.ts.map +1 -1
  9. package/dist/components/ui/atoms/accordion.js +15 -15
  10. package/dist/components/ui/atoms/alert-dialog.d.ts +1 -1
  11. package/dist/components/ui/atoms/alert-dialog.d.ts.map +1 -1
  12. package/dist/components/ui/atoms/alert.d.ts.map +1 -1
  13. package/dist/components/ui/atoms/alert.js +1 -1
  14. package/dist/components/ui/atoms/avatar.d.ts +1 -1
  15. package/dist/components/ui/atoms/avatar.d.ts.map +1 -1
  16. package/dist/components/ui/atoms/badge.d.ts.map +1 -1
  17. package/dist/components/ui/atoms/badge.js +6 -6
  18. package/dist/components/ui/atoms/breadcrumb.d.ts.map +1 -1
  19. package/dist/components/ui/atoms/breadcrumb.js +5 -5
  20. package/dist/components/ui/atoms/button.d.ts.map +1 -1
  21. package/dist/components/ui/atoms/button.js +6 -6
  22. package/dist/components/ui/atoms/byoc-badge.d.ts.map +1 -1
  23. package/dist/components/ui/atoms/byoc-badge.js +6 -6
  24. package/dist/components/ui/atoms/calendar.d.ts +1 -1
  25. package/dist/components/ui/atoms/calendar.d.ts.map +1 -1
  26. package/dist/components/ui/atoms/calendar.js +3 -3
  27. package/dist/components/ui/atoms/card.d.ts.map +1 -1
  28. package/dist/components/ui/atoms/chart.d.ts.map +1 -1
  29. package/dist/components/ui/atoms/chart.js +1 -1
  30. package/dist/components/ui/atoms/checkbox.d.ts +1 -1
  31. package/dist/components/ui/atoms/checkbox.d.ts.map +1 -1
  32. package/dist/components/ui/atoms/checkbox.js +13 -13
  33. package/dist/components/ui/atoms/collapsible.d.ts +1 -1
  34. package/dist/components/ui/atoms/collapsible.d.ts.map +1 -1
  35. package/dist/components/ui/atoms/command.d.ts +1 -1
  36. package/dist/components/ui/atoms/command.d.ts.map +1 -1
  37. package/dist/components/ui/atoms/command.js +28 -28
  38. package/dist/components/ui/atoms/dialog.d.ts +1 -1
  39. package/dist/components/ui/atoms/dialog.d.ts.map +1 -1
  40. package/dist/components/ui/atoms/dialog.js +10 -10
  41. package/dist/components/ui/atoms/dropdown-menu.d.ts +1 -1
  42. package/dist/components/ui/atoms/dropdown-menu.d.ts.map +1 -1
  43. package/dist/components/ui/atoms/dropdown-menu.js +27 -27
  44. package/dist/components/ui/atoms/form.d.ts +2 -3
  45. package/dist/components/ui/atoms/form.d.ts.map +1 -1
  46. package/dist/components/ui/atoms/form.js +12 -10
  47. package/dist/components/ui/atoms/hover-card.d.ts +1 -1
  48. package/dist/components/ui/atoms/hover-card.d.ts.map +1 -1
  49. package/dist/components/ui/atoms/index.js +1 -1
  50. package/dist/components/ui/atoms/input.d.ts.map +1 -1
  51. package/dist/components/ui/atoms/label.d.ts +1 -1
  52. package/dist/components/ui/atoms/label.d.ts.map +1 -1
  53. package/dist/components/ui/atoms/mobile-tooltip.d.ts +7 -6
  54. package/dist/components/ui/atoms/mobile-tooltip.d.ts.map +1 -1
  55. package/dist/components/ui/atoms/popover.d.ts +1 -1
  56. package/dist/components/ui/atoms/popover.d.ts.map +1 -1
  57. package/dist/components/ui/atoms/pro-badge.d.ts.map +1 -1
  58. package/dist/components/ui/atoms/pro-badge.js +6 -6
  59. package/dist/components/ui/atoms/progress.d.ts +1 -1
  60. package/dist/components/ui/atoms/progress.d.ts.map +1 -1
  61. package/dist/components/ui/atoms/radio-group.d.ts +1 -1
  62. package/dist/components/ui/atoms/radio-group.d.ts.map +1 -1
  63. package/dist/components/ui/atoms/radio-group.js +13 -13
  64. package/dist/components/ui/atoms/resizable.d.ts.map +1 -1
  65. package/dist/components/ui/atoms/resizable.js +1 -1
  66. package/dist/components/ui/atoms/scroll-area.d.ts +1 -1
  67. package/dist/components/ui/atoms/scroll-area.d.ts.map +1 -1
  68. package/dist/components/ui/atoms/select.d.ts +1 -1
  69. package/dist/components/ui/atoms/select.d.ts.map +1 -1
  70. package/dist/components/ui/atoms/select.js +36 -36
  71. package/dist/components/ui/atoms/separator.d.ts +1 -1
  72. package/dist/components/ui/atoms/separator.d.ts.map +1 -1
  73. package/dist/components/ui/atoms/sheet.d.ts +1 -1
  74. package/dist/components/ui/atoms/sheet.d.ts.map +1 -1
  75. package/dist/components/ui/atoms/sheet.js +10 -10
  76. package/dist/components/ui/atoms/sidebar.d.ts +1 -1
  77. package/dist/components/ui/atoms/sidebar.d.ts.map +1 -1
  78. package/dist/components/ui/atoms/sidebar.js +24 -24
  79. package/dist/components/ui/atoms/slider.d.ts +1 -1
  80. package/dist/components/ui/atoms/slider.d.ts.map +1 -1
  81. package/dist/components/ui/atoms/slider.js +1 -1
  82. package/dist/components/ui/atoms/switch.d.ts +1 -1
  83. package/dist/components/ui/atoms/switch.d.ts.map +1 -1
  84. package/dist/components/ui/atoms/table.d.ts.map +1 -1
  85. package/dist/components/ui/atoms/tabs.d.ts +1 -1
  86. package/dist/components/ui/atoms/tabs.d.ts.map +1 -1
  87. package/dist/components/ui/atoms/textarea.d.ts.map +1 -1
  88. package/dist/components/ui/atoms/toggle.d.ts +1 -1
  89. package/dist/components/ui/atoms/toggle.d.ts.map +1 -1
  90. package/dist/components/ui/atoms/toggle.js +12 -12
  91. package/dist/components/ui/atoms/tooltip.d.ts +1 -1
  92. package/dist/components/ui/atoms/tooltip.d.ts.map +1 -1
  93. package/dist/components/ui/atoms/view-tools-control.d.ts.map +1 -1
  94. package/dist/components/ui/atoms/view-tools-control.js +10 -10
  95. package/dist/components/ui/blocks/demo.d.ts +2 -0
  96. package/dist/components/ui/blocks/demo.d.ts.map +1 -0
  97. package/dist/components/ui/blocks/demo.js +186 -0
  98. package/dist/components/ui/index.js +2 -2
  99. package/dist/components/ui/molecules/date-time-picker.d.ts +1 -1
  100. package/dist/components/ui/molecules/date-time-picker.d.ts.map +1 -1
  101. package/dist/components/ui/molecules/date-time-picker.js +14 -14
  102. package/dist/components/ui/molecules/index.js +1 -1
  103. package/dist/components/ui/molecules/requirement-badges.d.ts.map +1 -1
  104. package/dist/components/ui/molecules/requirement-badges.js +3 -3
  105. package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
  106. package/dist/components/ui/molecules/tool-card.js +16 -16
  107. package/dist/components/ui/molecules/toolkit-card.d.ts +1 -1
  108. package/dist/components/ui/molecules/toolkit-card.d.ts.map +1 -1
  109. package/dist/components/ui/molecules/toolkit-card.js +4 -4
  110. package/dist/components/ui/molecules/toolkit-picker-trigger.d.ts.map +1 -1
  111. package/dist/components/ui/molecules/toolkit-picker-trigger.js +13 -13
  112. package/dist/components/ui/molecules/toolkit-selection-summary.d.ts.map +1 -1
  113. package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
  114. package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.js +1 -1
  115. package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.js +10 -10
  116. package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +2 -2
  117. package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
  118. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.d.ts.map +1 -1
  119. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
  120. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.d.ts.map +1 -1
  121. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +7 -7
  122. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts.map +1 -1
  123. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +2 -2
  124. package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts +1 -1
  125. package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts.map +1 -1
  126. package/dist/components/ui/organisms/toolkit-picker/index.d.ts.map +1 -1
  127. package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.d.ts.map +1 -1
  128. package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +34 -34
  129. package/dist/components/ui/organisms/toolkit-picker/utils/toolkit-grouping.d.ts.map +1 -1
  130. package/dist/lib/arcade/arcade.d.ts.map +1 -1
  131. package/dist/main.js +2 -2
  132. package/dist/metadata/toolkit-icons.d.ts.map +1 -1
  133. package/dist/{toolkit-card-Cmp_yG03.js → toolkit-card-BTFS_2j_.js} +13 -13
  134. package/package.json +8 -34
@@ -1,16 +1,16 @@
1
1
  import { jsx as t, jsxs as m } from "react/jsx-runtime";
2
- import { Button as M } from "./button.js";
3
- import { Input as k } from "./input.js";
4
- import { Separator as E } from "./separator.js";
5
- import { Sheet as z, SheetContent as D, SheetHeader as T, SheetTitle as O, SheetDescription as R } from "./sheet.js";
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 A, TooltipTrigger as B, TooltipContent as P, TooltipProvider as H } from "./tooltip.js";
8
- import { useIsMobile as K } from "../../../hooks/use-mobile.js";
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 = K(), [f, p] = c.useState(!1), [v, C] = c.useState(a), g = e ?? v, x = c.useCallback(
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(H, { delayDuration: 0, 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(z, { onOpenChange: p, open: f, ...l, children: /* @__PURE__ */ m(
97
- D,
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(T, { className: "sr-only", children: [
109
- /* @__PURE__ */ t(O, { children: "Sidebar" }),
110
- /* @__PURE__ */ t(R, { children: "Displays the mobile sidebar." })
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
- M,
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(j, {}),
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
- k,
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
- E,
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 = L(
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(A, { children: [
421
- /* @__PURE__ */ t(B, { asChild: !0, children: v }),
420
+ }), /* @__PURE__ */ m(P, { children: [
421
+ /* @__PURE__ */ t(H, { asChild: !0, children: v }),
422
422
  /* @__PURE__ */ t(
423
- P,
423
+ K,
424
424
  {
425
425
  align: "center",
426
426
  hidden: p !== "collapsed" || f,
@@ -1,4 +1,4 @@
1
- import * as SliderPrimitive from "@radix-ui/react-slider";
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":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/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
+ {"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,4 +1,4 @@
1
- import * as SwitchPrimitive from "@radix-ui/react-switch";
1
+ import { Switch as SwitchPrimitive } from 'radix-ui';
2
2
  import type * as React from "react";
3
3
  type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {
4
4
  loading?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,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
+ {"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":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,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
+ {"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 * as TabsPrimitive from "@radix-ui/react-tabs";
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":"AACA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,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
+ {"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":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
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":";AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,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
+ {"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 "../../../utils-6KgZuQUR.js";
3
- import * as f from "react";
4
- import { c as g } from "../../../index-B695uy69.js";
5
- import { u as m } from "../../../index-437EL2iq.js";
6
- import { P as v } from "../../../index-DLohNuco.js";
7
- import { c as p } from "../../../index-r7CUvu2m.js";
8
- var s = "Toggle", i = f.forwardRef((e, t) => {
9
- const { pressed: r, defaultPressed: a, onPressedChange: d, ...l } = e, [o, c] = m({
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
- v.button,
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: g(e.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 = p(
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: u(h({ variant: t, size: r, className: e })),
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 * as TooltipPrimitive from "@radix-ui/react-tooltip";
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":"AAGA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,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
+ {"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;AAGD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB,wDAU5B,CAAC"}
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 { Button as c } from "./button.js";
3
- import { c as p } from "../../../utils-6KgZuQUR.js";
4
- import { ChevronRight as f } from "lucide-react";
5
- import { createPropsComparator as u } from "../utils/memo.js";
6
- import * as g from "react";
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
- c,
20
+ p,
21
21
  {
22
22
  "aria-label": `View tools in ${i}`,
23
- className: p("gap-1", a),
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(f, { className: "size-3.5 transition-transform group-hover:translate-x-0.5" })
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 = g.memo(
40
+ const N = u.memo(
41
41
  b,
42
- u([
42
+ g([
43
43
  "toolsCount",
44
44
  "selectedCount",
45
45
  "indeterminate",
@@ -0,0 +1,2 @@
1
+ export declare function ArcadeDemo(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=demo.d.ts.map
@@ -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-w1IATMME.js";
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-Cmp_yG03.js";
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,5 +1,5 @@
1
- import { Calendar } from '../atoms/calendar';
2
1
  import { ComponentProps } from 'react';
2
+ import { Calendar } from '../atoms/calendar';
3
3
  export type DateTimePickerProps = {
4
4
  value?: Date;
5
5
  onChange?: (date: Date | undefined) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/date-time-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAU5D,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAEtD,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
+ {"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 { Button as g } from "../atoms/button.js";
3
- import { f as k, C as w } from "../../../calendar-w1IATMME.js";
4
- import { Input as x } from "../atoms/input.js";
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 N, PopoverTrigger as b, PopoverContent as D } from "../atoms/popover.js";
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] = C(!1), d = e ? k(e, "HH:mm:ss") : "";
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(N, { onOpenChange: i, open: p, children: [
23
- /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ t(
24
- g,
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(v, {})
31
+ /* @__PURE__ */ r(g, {})
32
32
  ]
33
33
  }
34
34
  ) }),
35
35
  /* @__PURE__ */ r(
36
- D,
36
+ C,
37
37
  {
38
38
  align: "start",
39
39
  className: "w-auto overflow-hidden p-0",
40
40
  children: /* @__PURE__ */ r(
41
- w,
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
- x,
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",