@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.
Files changed (159) hide show
  1. package/README.md +154 -13
  2. package/dist/assets/fonts.css +1 -1
  3. package/dist/assets/icons/microsoft-excel.js +35 -0
  4. package/dist/assets/icons/{one-drive.js → microsoft-onedrive.js} +3 -3
  5. package/dist/assets/icons/microsoft-powerpoint.js +121 -0
  6. package/dist/assets/icons/microsoft-word.js +32 -0
  7. package/dist/assets/index.css +1 -1
  8. package/dist/assets/tokens.css +1 -1
  9. package/dist/assets/variables.css +1 -1
  10. package/dist/{calendar-w1IATMME.js → calendar-cxv-TTEh.js} +10 -10
  11. package/dist/components/index.js +264 -258
  12. package/dist/components/ui/atoms/accordion.d.ts +1 -1
  13. package/dist/components/ui/atoms/accordion.d.ts.map +1 -1
  14. package/dist/components/ui/atoms/accordion.js +15 -15
  15. package/dist/components/ui/atoms/alert-dialog.d.ts +1 -1
  16. package/dist/components/ui/atoms/alert-dialog.d.ts.map +1 -1
  17. package/dist/components/ui/atoms/alert.d.ts.map +1 -1
  18. package/dist/components/ui/atoms/alert.js +1 -1
  19. package/dist/components/ui/atoms/avatar.d.ts +1 -1
  20. package/dist/components/ui/atoms/avatar.d.ts.map +1 -1
  21. package/dist/components/ui/atoms/badge.d.ts.map +1 -1
  22. package/dist/components/ui/atoms/badge.js +6 -6
  23. package/dist/components/ui/atoms/breadcrumb.d.ts.map +1 -1
  24. package/dist/components/ui/atoms/breadcrumb.js +5 -5
  25. package/dist/components/ui/atoms/button.d.ts.map +1 -1
  26. package/dist/components/ui/atoms/button.js +6 -6
  27. package/dist/components/ui/atoms/byoc-badge.d.ts.map +1 -1
  28. package/dist/components/ui/atoms/byoc-badge.js +6 -6
  29. package/dist/components/ui/atoms/calendar.d.ts +1 -1
  30. package/dist/components/ui/atoms/calendar.d.ts.map +1 -1
  31. package/dist/components/ui/atoms/calendar.js +3 -3
  32. package/dist/components/ui/atoms/card.d.ts.map +1 -1
  33. package/dist/components/ui/atoms/chart.d.ts.map +1 -1
  34. package/dist/components/ui/atoms/chart.js +1 -1
  35. package/dist/components/ui/atoms/checkbox.d.ts +1 -1
  36. package/dist/components/ui/atoms/checkbox.d.ts.map +1 -1
  37. package/dist/components/ui/atoms/checkbox.js +13 -13
  38. package/dist/components/ui/atoms/collapsible.d.ts +1 -1
  39. package/dist/components/ui/atoms/collapsible.d.ts.map +1 -1
  40. package/dist/components/ui/atoms/command.d.ts +1 -1
  41. package/dist/components/ui/atoms/command.d.ts.map +1 -1
  42. package/dist/components/ui/atoms/command.js +28 -28
  43. package/dist/components/ui/atoms/dialog.d.ts +1 -1
  44. package/dist/components/ui/atoms/dialog.d.ts.map +1 -1
  45. package/dist/components/ui/atoms/dialog.js +10 -10
  46. package/dist/components/ui/atoms/dropdown-menu.d.ts +1 -1
  47. package/dist/components/ui/atoms/dropdown-menu.d.ts.map +1 -1
  48. package/dist/components/ui/atoms/dropdown-menu.js +27 -27
  49. package/dist/components/ui/atoms/form.d.ts +2 -3
  50. package/dist/components/ui/atoms/form.d.ts.map +1 -1
  51. package/dist/components/ui/atoms/form.js +12 -10
  52. package/dist/components/ui/atoms/hover-card.d.ts +1 -1
  53. package/dist/components/ui/atoms/hover-card.d.ts.map +1 -1
  54. package/dist/components/ui/atoms/icons/index.d.ts +4 -1
  55. package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
  56. package/dist/components/ui/atoms/icons/index.js +164 -158
  57. package/dist/components/ui/atoms/icons/microsoft-excel.d.ts +4 -0
  58. package/dist/components/ui/atoms/icons/microsoft-excel.d.ts.map +1 -0
  59. package/dist/components/ui/atoms/icons/microsoft-excel.js +285 -0
  60. package/dist/components/ui/atoms/icons/microsoft-onedrive.d.ts +4 -0
  61. package/dist/components/ui/atoms/icons/microsoft-onedrive.d.ts.map +1 -0
  62. package/dist/components/ui/atoms/icons/{one-drive.js → microsoft-onedrive.js} +3 -3
  63. package/dist/components/ui/atoms/icons/microsoft-powerpoint.d.ts +4 -0
  64. package/dist/components/ui/atoms/icons/microsoft-powerpoint.d.ts.map +1 -0
  65. package/dist/components/ui/atoms/icons/microsoft-powerpoint.js +334 -0
  66. package/dist/components/ui/atoms/icons/microsoft-word.d.ts +4 -0
  67. package/dist/components/ui/atoms/icons/microsoft-word.d.ts.map +1 -0
  68. package/dist/components/ui/atoms/icons/microsoft-word.js +232 -0
  69. package/dist/components/ui/atoms/index.js +270 -264
  70. package/dist/components/ui/atoms/input.d.ts.map +1 -1
  71. package/dist/components/ui/atoms/label.d.ts +1 -1
  72. package/dist/components/ui/atoms/label.d.ts.map +1 -1
  73. package/dist/components/ui/atoms/mobile-tooltip.d.ts +7 -6
  74. package/dist/components/ui/atoms/mobile-tooltip.d.ts.map +1 -1
  75. package/dist/components/ui/atoms/popover.d.ts +1 -1
  76. package/dist/components/ui/atoms/popover.d.ts.map +1 -1
  77. package/dist/components/ui/atoms/pro-badge.d.ts.map +1 -1
  78. package/dist/components/ui/atoms/pro-badge.js +6 -6
  79. package/dist/components/ui/atoms/progress.d.ts +1 -1
  80. package/dist/components/ui/atoms/progress.d.ts.map +1 -1
  81. package/dist/components/ui/atoms/radio-group.d.ts +1 -1
  82. package/dist/components/ui/atoms/radio-group.d.ts.map +1 -1
  83. package/dist/components/ui/atoms/radio-group.js +13 -13
  84. package/dist/components/ui/atoms/resizable.d.ts.map +1 -1
  85. package/dist/components/ui/atoms/resizable.js +1 -1
  86. package/dist/components/ui/atoms/scroll-area.d.ts +1 -1
  87. package/dist/components/ui/atoms/scroll-area.d.ts.map +1 -1
  88. package/dist/components/ui/atoms/select.d.ts +1 -1
  89. package/dist/components/ui/atoms/select.d.ts.map +1 -1
  90. package/dist/components/ui/atoms/select.js +36 -36
  91. package/dist/components/ui/atoms/separator.d.ts +1 -1
  92. package/dist/components/ui/atoms/separator.d.ts.map +1 -1
  93. package/dist/components/ui/atoms/sheet.d.ts +1 -1
  94. package/dist/components/ui/atoms/sheet.d.ts.map +1 -1
  95. package/dist/components/ui/atoms/sheet.js +10 -10
  96. package/dist/components/ui/atoms/sidebar.d.ts +1 -1
  97. package/dist/components/ui/atoms/sidebar.d.ts.map +1 -1
  98. package/dist/components/ui/atoms/sidebar.js +24 -24
  99. package/dist/components/ui/atoms/slider.d.ts +1 -1
  100. package/dist/components/ui/atoms/slider.d.ts.map +1 -1
  101. package/dist/components/ui/atoms/slider.js +1 -1
  102. package/dist/components/ui/atoms/switch.d.ts +1 -1
  103. package/dist/components/ui/atoms/switch.d.ts.map +1 -1
  104. package/dist/components/ui/atoms/table.d.ts.map +1 -1
  105. package/dist/components/ui/atoms/tabs.d.ts +1 -1
  106. package/dist/components/ui/atoms/tabs.d.ts.map +1 -1
  107. package/dist/components/ui/atoms/textarea.d.ts.map +1 -1
  108. package/dist/components/ui/atoms/toggle.d.ts +1 -1
  109. package/dist/components/ui/atoms/toggle.d.ts.map +1 -1
  110. package/dist/components/ui/atoms/toggle.js +12 -12
  111. package/dist/components/ui/atoms/tooltip.d.ts +1 -1
  112. package/dist/components/ui/atoms/tooltip.d.ts.map +1 -1
  113. package/dist/components/ui/atoms/view-tools-control.d.ts.map +1 -1
  114. package/dist/components/ui/atoms/view-tools-control.js +10 -10
  115. package/dist/components/ui/blocks/demo.d.ts +2 -0
  116. package/dist/components/ui/blocks/demo.d.ts.map +1 -0
  117. package/dist/components/ui/blocks/demo.js +186 -0
  118. package/dist/components/ui/index.js +264 -258
  119. package/dist/components/ui/molecules/date-time-picker.d.ts +1 -1
  120. package/dist/components/ui/molecules/date-time-picker.d.ts.map +1 -1
  121. package/dist/components/ui/molecules/date-time-picker.js +14 -14
  122. package/dist/components/ui/molecules/index.js +1 -1
  123. package/dist/components/ui/molecules/requirement-badges.d.ts.map +1 -1
  124. package/dist/components/ui/molecules/requirement-badges.js +3 -3
  125. package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
  126. package/dist/components/ui/molecules/tool-card.js +16 -16
  127. package/dist/components/ui/molecules/toolkit-card.d.ts +1 -1
  128. package/dist/components/ui/molecules/toolkit-card.d.ts.map +1 -1
  129. package/dist/components/ui/molecules/toolkit-card.js +4 -4
  130. package/dist/components/ui/molecules/toolkit-picker-trigger.d.ts.map +1 -1
  131. package/dist/components/ui/molecules/toolkit-picker-trigger.js +13 -13
  132. package/dist/components/ui/molecules/toolkit-selection-summary.d.ts.map +1 -1
  133. package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
  134. package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.js +1 -1
  135. package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.js +10 -10
  136. package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +2 -2
  137. package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
  138. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.d.ts.map +1 -1
  139. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
  140. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.d.ts.map +1 -1
  141. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +7 -7
  142. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts.map +1 -1
  143. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +2 -2
  144. package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts +1 -1
  145. package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts.map +1 -1
  146. package/dist/components/ui/organisms/toolkit-picker/index.d.ts.map +1 -1
  147. package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.d.ts.map +1 -1
  148. package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +34 -34
  149. package/dist/components/ui/organisms/toolkit-picker/utils/toolkit-grouping.d.ts.map +1 -1
  150. package/dist/lib/arcade/arcade.d.ts.map +1 -1
  151. package/dist/main.js +319 -313
  152. package/dist/metadata/toolkit-icons.d.ts.map +1 -1
  153. package/dist/metadata/toolkit-icons.js +150 -144
  154. package/dist/metadata/toolkits.d.ts.map +1 -1
  155. package/dist/metadata/toolkits.js +45 -6
  156. package/dist/{toolkit-card-Cmp_yG03.js → toolkit-card-BTFS_2j_.js} +13 -13
  157. package/package.json +8 -34
  158. package/dist/components/ui/atoms/icons/one-drive.d.ts +0 -4
  159. 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 { 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
+ };