@nadicodeai/ui 12.1.81 → 12.1.83

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 (133) hide show
  1. package/dist/components/accordion.js +1 -1
  2. package/dist/components/account-menu.js +1 -1
  3. package/dist/components/agent-card.js +1 -1
  4. package/dist/components/agent-profile.js +1 -1
  5. package/dist/components/alert-dialog.js +3 -3
  6. package/dist/components/alert.js +1 -1
  7. package/dist/components/automation-section.js +2 -2
  8. package/dist/components/avatar.d.ts +9 -1
  9. package/dist/components/avatar.d.ts.map +1 -1
  10. package/dist/components/avatar.js +8 -2
  11. package/dist/components/badge.d.ts +1 -1
  12. package/dist/components/badge.d.ts.map +1 -1
  13. package/dist/components/badge.js +5 -6
  14. package/dist/components/button-group.js +4 -4
  15. package/dist/components/button.d.ts.map +1 -1
  16. package/dist/components/button.js +9 -9
  17. package/dist/components/calendar.js +3 -3
  18. package/dist/components/card.d.ts.map +1 -1
  19. package/dist/components/card.js +6 -11
  20. package/dist/components/catalog-tile.d.ts +2 -4
  21. package/dist/components/catalog-tile.d.ts.map +1 -1
  22. package/dist/components/catalog-tile.js +2 -2
  23. package/dist/components/channel-view.d.ts.map +1 -1
  24. package/dist/components/channel-view.js +8 -8
  25. package/dist/components/chart-card.js +1 -1
  26. package/dist/components/chart.js +1 -1
  27. package/dist/components/checkbox.d.ts.map +1 -1
  28. package/dist/components/checkbox.js +2 -2
  29. package/dist/components/code-block.d.ts +8 -0
  30. package/dist/components/code-block.d.ts.map +1 -0
  31. package/dist/components/code-block.js +7 -0
  32. package/dist/components/collection-filters.d.ts.map +1 -1
  33. package/dist/components/collection-filters.js +3 -3
  34. package/dist/components/collection-toolbar.js +1 -1
  35. package/dist/components/combobox.js +3 -3
  36. package/dist/components/command.js +3 -3
  37. package/dist/components/copy-button.d.ts +9 -0
  38. package/dist/components/copy-button.d.ts.map +1 -0
  39. package/dist/components/copy-button.js +25 -0
  40. package/dist/components/data-table.d.ts +7 -7
  41. package/dist/components/data-table.d.ts.map +1 -1
  42. package/dist/components/data-table.js +21 -51
  43. package/dist/components/dialog.js +3 -3
  44. package/dist/components/drawer.js +4 -4
  45. package/dist/components/dropdown-menu.js +6 -6
  46. package/dist/components/empty-state.d.ts +10 -16
  47. package/dist/components/empty-state.d.ts.map +1 -1
  48. package/dist/components/empty-state.js +1 -1
  49. package/dist/components/field.js +3 -3
  50. package/dist/components/file-diff.js +1 -1
  51. package/dist/components/footer.d.ts.map +1 -1
  52. package/dist/components/footer.js +3 -3
  53. package/dist/components/form-dialog.d.ts +4 -0
  54. package/dist/components/form-dialog.d.ts.map +1 -0
  55. package/dist/components/form-dialog.js +13 -0
  56. package/dist/components/form-drawer.d.ts +1 -8
  57. package/dist/components/form-drawer.d.ts.map +1 -1
  58. package/dist/components/form-drawer.js +1 -8
  59. package/dist/components/glass-control.js +1 -1
  60. package/dist/components/input-group.js +3 -3
  61. package/dist/components/input-otp.js +2 -2
  62. package/dist/components/input.js +1 -1
  63. package/dist/components/item.js +2 -2
  64. package/dist/components/kbd.js +1 -1
  65. package/dist/components/kpi-card.d.ts +3 -3
  66. package/dist/components/kpi-card.d.ts.map +1 -1
  67. package/dist/components/kpi-card.js +5 -6
  68. package/dist/components/label-system.js +2 -2
  69. package/dist/components/label.js +1 -1
  70. package/dist/components/menubar.js +6 -6
  71. package/dist/components/native-select.js +1 -1
  72. package/dist/components/navigation-menu.js +4 -4
  73. package/dist/components/object-workspace.d.ts +2 -1
  74. package/dist/components/object-workspace.d.ts.map +1 -1
  75. package/dist/components/object-workspace.js +12 -6
  76. package/dist/components/page-actions.d.ts +3 -3
  77. package/dist/components/page-actions.d.ts.map +1 -1
  78. package/dist/components/page-actions.js +6 -3
  79. package/dist/components/page-header.js +1 -1
  80. package/dist/components/picture-label.d.ts.map +1 -1
  81. package/dist/components/picture-label.js +1 -1
  82. package/dist/components/plugin-slot-boundary.js +1 -1
  83. package/dist/components/popover.js +1 -1
  84. package/dist/components/reading-column.d.ts +1 -7
  85. package/dist/components/reading-column.d.ts.map +1 -1
  86. package/dist/components/reading-column.js +1 -7
  87. package/dist/components/record-identity.d.ts +8 -0
  88. package/dist/components/record-identity.d.ts.map +1 -0
  89. package/dist/components/record-identity.js +5 -0
  90. package/dist/components/select.js +2 -2
  91. package/dist/components/settings-facts.d.ts +2 -1
  92. package/dist/components/settings-facts.d.ts.map +1 -1
  93. package/dist/components/settings-facts.js +5 -3
  94. package/dist/components/settings-form.d.ts +9 -0
  95. package/dist/components/settings-form.d.ts.map +1 -0
  96. package/dist/components/settings-form.js +85 -0
  97. package/dist/components/settings-section.d.ts +5 -2
  98. package/dist/components/settings-section.d.ts.map +1 -1
  99. package/dist/components/settings-section.js +13 -6
  100. package/dist/components/sheet.d.ts.map +1 -1
  101. package/dist/components/sheet.js +3 -3
  102. package/dist/components/sidebar.js +9 -9
  103. package/dist/components/skeleton.d.ts +3 -5
  104. package/dist/components/skeleton.d.ts.map +1 -1
  105. package/dist/components/skeleton.js +2 -6
  106. package/dist/components/sonner.js +4 -4
  107. package/dist/components/status-row.js +1 -1
  108. package/dist/components/switch.js +1 -1
  109. package/dist/components/table.d.ts +4 -1
  110. package/dist/components/table.d.ts.map +1 -1
  111. package/dist/components/table.js +9 -9
  112. package/dist/components/tabs.d.ts +1 -1
  113. package/dist/components/tabs.d.ts.map +1 -1
  114. package/dist/components/tabs.js +7 -7
  115. package/dist/components/tag.d.ts +5 -3
  116. package/dist/components/tag.d.ts.map +1 -1
  117. package/dist/components/tag.js +10 -5
  118. package/dist/components/text-link.js +1 -1
  119. package/dist/components/textarea.js +1 -1
  120. package/dist/components/toggle-group.js +2 -2
  121. package/dist/components/toggle.js +3 -3
  122. package/dist/components/tooltip.js +1 -1
  123. package/dist/index.d.ts +5 -0
  124. package/dist/index.d.ts.map +1 -1
  125. package/dist/index.js +5 -0
  126. package/dist/internal/empty.d.ts +2 -6
  127. package/dist/internal/empty.d.ts.map +1 -1
  128. package/dist/internal/empty.js +5 -10
  129. package/dist/internal/footer-strip.js +1 -1
  130. package/dist/lib/merge-tokens.generated.js +2 -2
  131. package/dist/standalone/index.js +1 -1
  132. package/dist/styles/components.css +27 -4
  133. package/package.json +5 -5
@@ -2,29 +2,29 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { cn } from "../lib/utils.js";
4
4
  import { tableCompactLayouts } from "./table-layouts.js";
5
- function Table({ className, compactDetails, ...props }) {
6
- return (_jsx("div", { "data-slot": "table-container", className: cn("relative w-full overflow-x-auto", compactDetails && "@container/table"), children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className, compactDetails && tableCompactLayouts[compactDetails].table), ...props }) }));
5
+ function Table({ className, compactDetails, density = "default", variant = "default", interactive = false, ...props }) {
6
+ return (_jsx("div", { "data-slot": "table-container", className: cn("relative w-full overflow-x-auto", compactDetails && "@container/table", variant === "bordered" && "rounded-sm border border-border"), children: _jsx("table", { "data-slot": "table", "data-density": density, "data-variant": variant, "data-interactive": interactive, className: cn("group/table w-full caption-bottom text-sm", variant === "striped" && "bg-card", className, compactDetails && tableCompactLayouts[compactDetails].table), ...props }) }));
7
7
  }
8
8
  function TableHeader({ className, ...props }) {
9
- return (_jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:h-9 [&_tr]:border-b", className), ...props }));
9
+ return (_jsx("thead", { "data-slot": "table-header", className: cn("bg-recessed [&_tr]:h-9 [&_tr]:border-b", className), ...props }));
10
10
  }
11
11
  function TableBody({ className, ...props }) {
12
- return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr]:h-12 [&_tr:last-child]:border-0", className), ...props }));
12
+ return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr]:h-10 group-data-[density=comfortable]/table:[&_tr]:h-12 [&_tr:last-child]:border-0", className), ...props }));
13
13
  }
14
14
  function TableRecordGroup({ className, ...props }) {
15
- return (_jsx("tbody", { "data-slot": "table-record-group", className: cn("[&_tr]:h-12 [&:hover>tr]:bg-accent [&:has(:focus-visible)>tr]:bg-accent [&:has([aria-expanded=true])>tr]:bg-accent [&:has(>tr[data-state=selected])>tr]:bg-muted [&:last-of-type>tr]:border-0", className), ...props }));
15
+ return (_jsx("tbody", { "data-slot": "table-record-group", className: cn("[&_tr]:h-10 group-data-[density=comfortable]/table:[&_tr]:h-12 group-data-[interactive=true]/table:[&:hover>tr]:bg-accent [&:has(:focus-visible)>tr]:bg-accent [&:has([aria-expanded=true])>tr]:bg-accent [&:has(>tr[data-state=selected])>tr]:bg-muted [&:last-of-type>tr]:border-0", className), ...props }));
16
16
  }
17
17
  function TableFooter({ className, ...props }) {
18
- return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
18
+ return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t border-border bg-recessed font-medium [&>tr]:last:border-b-0", className), ...props }));
19
19
  }
20
20
  function TableRow({ className, detailLayout, ...props }) {
21
- return (_jsx("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors in-[tbody]:hover:bg-accent in-[tbody]:has-[:focus-visible]:bg-accent in-[tbody]:has-aria-expanded:bg-accent data-[state=selected]:bg-muted", detailLayout && tableCompactLayouts[detailLayout].row, className), ...props }));
21
+ return (_jsx("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors group-data-[interactive=true]/table:in-[tbody]:hover:bg-accent in-[tbody]:has-[:focus-visible]:bg-accent in-[tbody]:has-aria-expanded:bg-accent data-[state=selected]:bg-muted", detailLayout && tableCompactLayouts[detailLayout].row, className), ...props }));
22
22
  }
23
23
  function TableHead({ className, ...props }) {
24
- return (_jsx("th", { "data-slot": "table-head", className: cn("h-9 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className), ...props }));
24
+ return (_jsx("th", { "data-slot": "table-head", className: cn("h-9 px-2 text-left align-middle text-sm font-medium whitespace-nowrap text-muted-foreground [&:has([role=checkbox])]:pr-0", className), ...props }));
25
25
  }
26
26
  function TableCell({ className, ...props }) {
27
- return (_jsx("td", { "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className), ...props }));
27
+ return (_jsx("td", { "data-slot": "table-cell", className: cn("px-2 py-2.5 group-data-[density=comfortable]/table:py-1.5 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className), ...props }));
28
28
  }
29
29
  function TableDetailRow({ colSpan, facts, layout = "standard", }) {
30
30
  return (_jsx(TableRow, { "data-slot": "table-detail-row", className: tableCompactLayouts[layout].details, children: _jsx(TableCell, { colSpan: colSpan, className: "px-2 pt-0 pb-3 whitespace-normal", children: _jsx("dl", { className: cn("grid min-w-0 grid-cols-1 gap-x-4 gap-y-2 @sm/table:grid-cols-2", facts.length > 2 && "@lg/table:grid-cols-3"), children: facts.map((fact) => (_jsxs("div", { className: cn("min-w-0 @sm/table:last:odd:col-span-2", facts.length > 2 && "@lg/table:last:odd:col-span-1"), children: [_jsx("dt", { className: "text-xs text-muted-foreground", children: fact.label }), _jsx("dd", { className: cn("min-w-0", fact.numeric ? "tabular-nums wrap-normal" : "break-words"), children: fact.value })] }, fact.id))) }) }) }));
@@ -9,7 +9,7 @@ declare const tabsListVariants: (props?: ({
9
9
  declare function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): React.JSX.Element;
10
10
  declare function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): React.JSX.Element;
11
11
  declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): React.JSX.Element;
12
- declare function TabsNav({ className, children, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
12
+ declare function TabsNav({ className, children, variant, ...props }: React.ComponentProps<"nav"> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
13
13
  declare function TabsLink({ current, className, render, ...props }: useRender.ComponentProps<"a"> & {
14
14
  current?: boolean;
15
15
  }): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,qBAU1F;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,qBASlE;AAKD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,qBAepE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAsB9E;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAe,EACf,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAkBvD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,qBAU1F;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,qBASlE;AAKD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,qBAepE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,qBA2BrE;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAe,EACf,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAoBvD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -7,9 +7,9 @@ import { useRender } from "@base-ui/react/use-render";
7
7
  import { cva } from "class-variance-authority";
8
8
  import { cn } from "../lib/utils.js";
9
9
  function Tabs({ className, orientation = "horizontal", ...props }) {
10
- return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className), ...props }));
10
+ return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex min-w-0 gap-4 data-horizontal:flex-col", className), ...props }));
11
11
  }
12
- const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center gap-1 text-placeholder group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col", {
12
+ const tabsListVariants = cva("group/tabs-list inline-flex max-w-full w-fit items-center justify-start gap-1 overflow-x-auto text-placeholder group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col", {
13
13
  variants: {
14
14
  variant: {
15
15
  default: "",
@@ -23,14 +23,14 @@ const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center jus
23
23
  function TabsList({ className, variant = "default", ...props }) {
24
24
  return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className), ...props }));
25
25
  }
26
- const tabShape = "nc-transition-paint relative inline-flex h-control-height min-h-touch-target min-w-touch-target items-center justify-center gap-1.5 rounded-md px-3 text-sm font-medium whitespace-nowrap text-placeholder hover:text-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
26
+ const tabShape = "nc-transition-paint relative inline-flex shrink-0 h-control-height min-h-touch-target min-w-touch-target items-center justify-center gap-1.5 rounded-sm px-3 text-sm font-medium whitespace-nowrap text-placeholder hover:text-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
27
27
  function TabsTrigger({ className, ...props }) {
28
28
  return (_jsx(TabsPrimitive.Tab, { "data-slot": "tabs-trigger", className: cn(tabShape, "group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start", "group-data-[variant=default]/tabs-list:data-active:bg-selection group-data-[variant=default]/tabs-list:data-active:text-selection-foreground", "group-data-[variant=line]/tabs-list:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity after:duration-[var(--nc-duration-confirm)] after:ease-[var(--nc-ease-out-strong)] group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-0 group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:right-0 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className), ...props }));
29
29
  }
30
30
  function TabsContent({ className, ...props }) {
31
- return (_jsx(TabsPrimitive.Panel, { "data-slot": "tabs-content", className: cn("flex-1 text-sm outline-none", className), ...props }));
31
+ return (_jsx(TabsPrimitive.Panel, { "data-slot": "tabs-content", className: cn("min-w-0 flex-1 text-sm outline-none", className), ...props }));
32
32
  }
33
- function TabsNav({ className, children, ...props }) {
33
+ function TabsNav({ className, children, variant = "default", ...props }) {
34
34
  const navigation = React.useRef(null);
35
35
  const current = React.useRef(null);
36
36
  React.useEffect(() => {
@@ -43,7 +43,7 @@ function TabsNav({ className, children, ...props }) {
43
43
  link.scrollIntoView({ block: "nearest", inline: "nearest" });
44
44
  }
45
45
  });
46
- return (_jsx("nav", { ref: navigation, "data-slot": "tabs-nav", className: cn("min-w-0 overflow-x-auto", className), ...props, children: _jsx("ul", { className: "flex w-max min-w-full items-center gap-1", children: children }) }));
46
+ return (_jsx("nav", { ref: navigation, "data-slot": "tabs-nav", "data-variant": variant, className: cn("group/tabs-nav min-w-0 overflow-x-auto", variant === "line" && "border-b border-border", className), ...props, children: _jsx("ul", { className: "flex w-max min-w-full items-center gap-1", children: children }) }));
47
47
  }
48
48
  function TabsLink({ current = false, className, render, ...props }) {
49
49
  const link = useRender({
@@ -51,7 +51,7 @@ function TabsLink({ current = false, className, render, ...props }) {
51
51
  render,
52
52
  props: mergeProps({
53
53
  "aria-current": current ? "page" : undefined,
54
- className: cn(tabShape, "aria-[current=page]:bg-selection aria-[current=page]:text-selection-foreground", className),
54
+ className: cn(tabShape, "group-data-[variant=default]/tabs-nav:aria-[current=page]:bg-selection group-data-[variant=default]/tabs-nav:aria-[current=page]:text-selection-foreground", "group-data-[variant=line]/tabs-nav:rounded-none group-data-[variant=line]/tabs-nav:aria-[current=page]:text-foreground", "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-foreground after:opacity-0 after:transition-opacity after:duration-[var(--nc-duration-confirm)] group-data-[variant=line]/tabs-nav:aria-[current=page]:after:opacity-100", className),
55
55
  }, props),
56
56
  state: { slot: "tabs-link", current },
57
57
  });
@@ -1,15 +1,17 @@
1
1
  import type { ComponentProps, ReactNode } from "react";
2
+ type TagTone = "neutral" | "blue" | "teal" | "purple" | "pink";
2
3
  type TagProps = Omit<ComponentProps<"span">, "children"> & {
3
4
  children: ReactNode;
5
+ tone?: TagTone;
4
6
  /** A 12px mark at the leading edge. */
5
7
  mark?: ReactNode;
6
8
  /** A dashed, muted tag, for an absence such as "Direct customer". */
7
9
  quiet?: boolean;
8
10
  };
9
11
  /**
10
- * One categorical fact in a row, as a quiet outlined pill. A tag never carries
12
+ * One categorical fact in a row, as a pill. A tag never carries
11
13
  * a status: that is a StatusBadge.
12
14
  */
13
- declare function Tag({ children, className, mark, quiet, ...props }: TagProps): import("react").JSX.Element;
14
- export { Tag, type TagProps };
15
+ declare function Tag({ children, className, mark, quiet, tone, ...props }: TagProps): import("react").JSX.Element;
16
+ export { Tag, type TagProps, type TagTone };
15
17
  //# sourceMappingURL=tag.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/components/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,KAAK,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACzD,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,iBAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAa,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,+BAyB5E;AAED,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/components/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,KAAK,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAU/D,KAAK,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACzD,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,iBAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAa,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,+BAuB9F;AAED,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,CAAC"}
@@ -1,12 +1,17 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { cn } from "../lib/utils.js";
3
+ const TONE_CLASS = {
4
+ neutral: "border-border text-foreground",
5
+ blue: "border-transparent bg-info-soft text-info-soft-foreground",
6
+ teal: "border-transparent bg-category-teal text-category-teal-foreground",
7
+ purple: "border-transparent bg-category-purple text-category-purple-foreground",
8
+ pink: "border-transparent bg-category-pink text-category-pink-foreground",
9
+ };
3
10
  /**
4
- * One categorical fact in a row, as a quiet outlined pill. A tag never carries
11
+ * One categorical fact in a row, as a pill. A tag never carries
5
12
  * a status: that is a StatusBadge.
6
13
  */
7
- function Tag({ children, className, mark, quiet = false, ...props }) {
8
- return (_jsxs("span", { className: cn("inline-flex h-6 max-w-full min-w-0 shrink-0 items-center gap-1.5 rounded-full border ps-2 pe-2.5 text-xs whitespace-nowrap", quiet
9
- ? "border-dashed border-border text-muted-foreground"
10
- : "border-border text-foreground", className), "data-quiet": quiet ? "" : undefined, "data-slot": "tag", ...props, children: [mark ? (_jsx("span", { className: "flex size-3 shrink-0 items-center justify-center text-muted-foreground [&>svg]:size-3", "data-slot": "tag-mark", children: mark })) : null, _jsx("span", { className: "truncate", children: children })] }));
14
+ function Tag({ children, className, mark, quiet = false, tone = "neutral", ...props }) {
15
+ return (_jsxs("span", { className: cn("inline-flex h-6 max-w-full min-w-0 shrink-0 items-center gap-1.5 rounded-full border ps-2 pe-2.5 text-xs whitespace-nowrap", quiet ? "border-dashed border-border text-muted-foreground" : TONE_CLASS[tone], className), "data-quiet": quiet ? "" : undefined, "data-slot": "tag", ...props, children: [mark ? (_jsx("span", { className: "flex size-3 shrink-0 items-center justify-center [&>svg]:size-3", "data-slot": "tag-mark", children: mark })) : null, _jsx("span", { className: "truncate", children: children })] }));
11
16
  }
12
17
  export { Tag };
@@ -1,5 +1,5 @@
1
1
  import { cva } from "class-variance-authority";
2
- const textLinkVariants = cva("nc-transition-paint rounded-md underline-offset-4", {
2
+ const textLinkVariants = cva("nc-transition-paint rounded-sm underline-offset-4", {
3
3
  variants: {
4
4
  kind: {
5
5
  inline: "text-(--nc-link) underline hover:decoration-2",
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { cn } from "../lib/utils.js";
3
3
  function Textarea({ className, ...props }) {
4
- return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-background px-control-padding-inline py-2 text-base transition-colors placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive md:text-sm", className), ...props }));
4
+ return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-16 w-full rounded-sm border border-input bg-background px-control-padding-inline py-2 text-base transition-colors placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive md:text-sm", className), ...props }));
5
5
  }
6
6
  export { Textarea };
@@ -15,11 +15,11 @@ function ToggleGroup({ className, variant, size, spacing = 2, orientation = "hor
15
15
  return (_jsx(ToggleGroupPrimitive, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, "data-orientation": orientation, orientation: orientation, style: {
16
16
  ...style,
17
17
  "--gap": spacing,
18
- }, className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-vertical:flex-col data-vertical:items-stretch", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) }));
18
+ }, className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-sm data-vertical:flex-col data-vertical:items-stretch", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) }));
19
19
  }
20
20
  function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
21
21
  const context = React.useContext(ToggleGroupContext);
22
- return (_jsx(TogglePrimitive, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
22
+ return (_jsx(TogglePrimitive, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-sm group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-sm group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-sm group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-sm group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
23
23
  variant: context.variant || variant,
24
24
  size: context.size || size,
25
25
  }), className), ...props, children: children }));
@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
4
4
  import { cva } from "class-variance-authority";
5
5
  import { cn } from "../lib/utils.js";
6
- const toggleVariants = cva("group/toggle inline-flex min-h-touch-target min-w-touch-target items-center justify-center gap-1 rounded-md border border-transparent text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,opacity] duration-[var(--nc-duration-confirm)] ease-[var(--nc-ease-out-strong)] hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-pressed:bg-accent aria-pressed:font-semibold aria-pressed:text-accent-foreground data-pressed:bg-accent data-pressed:font-semibold data-pressed:text-accent-foreground [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
6
+ const toggleVariants = cva("group/toggle inline-flex min-h-touch-target min-w-touch-target items-center justify-center gap-1 rounded-sm border border-transparent text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,opacity] duration-[var(--nc-duration-confirm)] ease-[var(--nc-ease-out-strong)] hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-pressed:bg-accent aria-pressed:font-semibold aria-pressed:text-accent-foreground data-pressed:bg-accent data-pressed:font-semibold data-pressed:text-accent-foreground [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
7
7
  variants: {
8
8
  variant: {
9
9
  default: "bg-transparent",
@@ -11,8 +11,8 @@ const toggleVariants = cva("group/toggle inline-flex min-h-touch-target min-w-to
11
11
  },
12
12
  size: {
13
13
  default: "h-control-height px-control-padding-inline has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
14
- sm: "h-7 px-control-padding-inline text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
15
- lg: "h-9 px-control-padding-inline has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
14
+ sm: "h-nadicode-control-height-sm px-control-padding-inline text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
15
+ lg: "h-nadicode-control-height-lg px-control-padding-inline has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
16
16
  },
17
17
  },
18
18
  defaultVariants: {
@@ -12,6 +12,6 @@ function TooltipTrigger({ ...props }) {
12
12
  return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
13
13
  }
14
14
  function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
15
- return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("z-50 inline-flex w-fit max-w-xs items-center gap-1.5 rounded-lg border-0 bg-popover px-nadicode-sm py-1.5 text-xs text-popover-foreground nc-elevation-floating has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-md", anchoredOverlayMotion, className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-var(--nc-rounded-xs))] rotate-45 rounded-xs border border-border bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
15
+ return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("z-50 inline-flex w-fit max-w-xs items-center gap-1.5 rounded-sm border-0 bg-popover px-nadicode-sm py-1.5 text-body-sm text-popover-foreground nc-elevation-floating has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm", anchoredOverlayMotion, className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-var(--nc-rounded-xs))] rotate-45 rounded-xs border border-border bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
16
16
  }
17
17
  export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
package/dist/index.d.ts CHANGED
@@ -38,6 +38,7 @@ export * from "./components/chart-date-range-control.js";
38
38
  export * from "./components/chart-entity-colors.js";
39
39
  export * from "./components/chart-sparkline.js";
40
40
  export * from "./components/checkbox.js";
41
+ export * from "./components/code-block.js";
41
42
  export * from "./components/collapsible.js";
42
43
  export * from "./components/collection-filters.js";
43
44
  export * from "./components/collection-search.js";
@@ -47,6 +48,7 @@ export * from "./components/combobox.js";
47
48
  export * from "./components/command.js";
48
49
  export * from "./components/company-card.js";
49
50
  export * from "./components/confirm-dialog.js";
51
+ export * from "./components/copy-button.js";
50
52
  export * from "./components/context-menu.js";
51
53
  export * from "./components/dashboard-shell.js";
52
54
  export * from "./components/data-table.js";
@@ -66,6 +68,7 @@ export * from "./components/field.js";
66
68
  export * from "./components/file-diff.js";
67
69
  export * from "./components/file-type-icon.js";
68
70
  export * from "./components/footer.js";
71
+ export * from "./components/form-dialog.js";
69
72
  export * from "./components/form-drawer.js";
70
73
  export * from "./components/form.js";
71
74
  export * from "./components/glass-control.js";
@@ -105,6 +108,7 @@ export * from "./components/progress.js";
105
108
  export * from "./components/qr-code.js";
106
109
  export * from "./components/radio-group.js";
107
110
  export * from "./components/reading-column.js";
111
+ export * from "./components/record-identity.js";
108
112
  export * from "./components/resizable.js";
109
113
  export * from "./components/run-timeline.js";
110
114
  export * from "./components/scope-switcher.js";
@@ -112,6 +116,7 @@ export * from "./components/scroll-area.js";
112
116
  export * from "./components/select.js";
113
117
  export * from "./components/separator.js";
114
118
  export * from "./components/settings-facts.js";
119
+ export * from "./components/settings-form.js";
115
120
  export * from "./components/settings-section.js";
116
121
  export * from "./components/sheet.js";
117
122
  export * from "./components/sidebar.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -38,6 +38,7 @@ export * from "./components/chart-date-range-control.js";
38
38
  export * from "./components/chart-entity-colors.js";
39
39
  export * from "./components/chart-sparkline.js";
40
40
  export * from "./components/checkbox.js";
41
+ export * from "./components/code-block.js";
41
42
  export * from "./components/collapsible.js";
42
43
  export * from "./components/collection-filters.js";
43
44
  export * from "./components/collection-search.js";
@@ -47,6 +48,7 @@ export * from "./components/combobox.js";
47
48
  export * from "./components/command.js";
48
49
  export * from "./components/company-card.js";
49
50
  export * from "./components/confirm-dialog.js";
51
+ export * from "./components/copy-button.js";
50
52
  export * from "./components/context-menu.js";
51
53
  export * from "./components/dashboard-shell.js";
52
54
  export * from "./components/data-table.js";
@@ -66,6 +68,7 @@ export * from "./components/field.js";
66
68
  export * from "./components/file-diff.js";
67
69
  export * from "./components/file-type-icon.js";
68
70
  export * from "./components/footer.js";
71
+ export * from "./components/form-dialog.js";
69
72
  export * from "./components/form-drawer.js";
70
73
  export * from "./components/form.js";
71
74
  export * from "./components/glass-control.js";
@@ -105,6 +108,7 @@ export * from "./components/progress.js";
105
108
  export * from "./components/qr-code.js";
106
109
  export * from "./components/radio-group.js";
107
110
  export * from "./components/reading-column.js";
111
+ export * from "./components/record-identity.js";
108
112
  export * from "./components/resizable.js";
109
113
  export * from "./components/run-timeline.js";
110
114
  export * from "./components/scope-switcher.js";
@@ -112,6 +116,7 @@ export * from "./components/scroll-area.js";
112
116
  export * from "./components/select.js";
113
117
  export * from "./components/separator.js";
114
118
  export * from "./components/settings-facts.js";
119
+ export * from "./components/settings-form.js";
115
120
  export * from "./components/settings-section.js";
116
121
  export * from "./components/sheet.js";
117
122
  export * from "./components/sidebar.js";
@@ -1,7 +1,8 @@
1
1
  import { type VariantProps } from "class-variance-authority";
2
2
  type EmptyScope = "page" | "region" | "card";
3
- declare function Empty({ className, scope, ...props }: React.ComponentProps<"div"> & {
3
+ declare function Empty({ className, scope, presentation, ...props }: React.ComponentProps<"div"> & {
4
4
  scope?: EmptyScope;
5
+ presentation?: "plain" | "illustrated";
5
6
  }): import("react").JSX.Element;
6
7
  declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
7
8
  declare const emptyMediaVariants: (props?: ({
@@ -9,11 +10,6 @@ declare const emptyMediaVariants: (props?: ({
9
10
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
11
  declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
11
12
  type EmptyPictureSize = "page" | "card";
12
- /**
13
- * An approved art-direction picture drawn where the icon tile would stand, for
14
- * a first or filtered absence. The picture is decoration: the title says what
15
- * is absent.
16
- */
17
13
  declare function EmptyPicture({ size, src }: {
18
14
  size?: EmptyPictureSize;
19
15
  src: string;
@@ -1 +1 @@
1
- {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../src/internal/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7C,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,CAAA;CAAE,+BActD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,+BASvE;AAED,KAAK,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EAAE,IAAa,EAAE,GAAG,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,+BAgBrF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,CAAC"}
1
+ {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../src/internal/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7C,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAgB,EAChB,YAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;CAAE,+BAgB9F;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,+BASvE;AAED,KAAK,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,iBAAS,YAAY,CAAC,EAAE,IAAa,EAAE,GAAG,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,+BAgBrF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAEvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { cva } from "class-variance-authority";
3
3
  import { cn } from "../lib/utils.js";
4
- function Empty({ className, scope = "region", ...props }) {
5
- return (_jsx("div", { "data-slot": "empty", className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-md p-nadicode-lg text-center text-balance", scope !== "card" && "border border-dashed bg-card", scope === "card" && "border-0 bg-transparent", className), ...props, "data-scope": scope }));
4
+ function Empty({ className, scope = "region", presentation = "illustrated", ...props }) {
5
+ return (_jsx("div", { "data-slot": "empty", className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-sm p-nadicode-lg text-center text-balance", scope !== "card" && "border bg-card", scope !== "card" && presentation === "illustrated" && "border-dashed", presentation === "plain" && (scope === "card" ? "min-h-40" : "min-h-80"), scope === "card" && "border-0 bg-transparent", className), ...props, "data-scope": scope }));
6
6
  }
7
7
  function EmptyHeader({ className, ...props }) {
8
8
  return (_jsx("div", { "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-2", className), ...props }));
@@ -11,7 +11,7 @@ const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [
11
11
  variants: {
12
12
  variant: {
13
13
  default: "bg-transparent",
14
- icon: "flex size-control-height shrink-0 items-center justify-center rounded-md border border-border bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
14
+ icon: "flex size-control-height shrink-0 items-center justify-center rounded-sm border border-border bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
15
15
  },
16
16
  },
17
17
  defaultVariants: {
@@ -21,19 +21,14 @@ const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [
21
21
  function EmptyMedia({ className, variant = "default", ...props }) {
22
22
  return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
23
23
  }
24
- /**
25
- * An approved art-direction picture drawn where the icon tile would stand, for
26
- * a first or filtered absence. The picture is decoration: the title says what
27
- * is absent.
28
- */
29
24
  function EmptyPicture({ size = "card", src }) {
30
25
  return (_jsx(EmptyMedia, { children: _jsx("img", { alt: "", className: cn("w-auto max-w-full object-contain select-none", size === "page" ? "h-56" : "h-40"), "data-size": size, "data-slot": "empty-picture", draggable: false, src: src }) }));
31
26
  }
32
27
  function EmptyTitle({ className, ...props }) {
33
- return (_jsx("div", { "data-slot": "empty-title", className: cn("text-sm font-medium tracking-tight", className), ...props }));
28
+ return _jsx("div", { "data-slot": "empty-title", className: cn("text-heading-xs", className), ...props });
34
29
  }
35
30
  function EmptyDescription({ className, ...props }) {
36
- return (_jsx("div", { "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
31
+ return (_jsx("div", { "data-slot": "empty-description", className: cn("text-body-sm text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
37
32
  }
38
33
  function EmptyContent({ className, ...props }) {
39
34
  return (_jsx("div", { "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", className), ...props }));
@@ -8,6 +8,6 @@ function FooterStrip({ hint, hintSlot, children, }) {
8
8
  if (!hint && !children) {
9
9
  return null;
10
10
  }
11
- return (_jsxs(CardFooter, { className: "mx-px mb-px flex-wrap gap-3 rounded-b-[calc(var(--radius-lg)-1px)] border-t border-border bg-recessed py-3", children: [hint && (_jsx("div", { "data-slot": hintSlot, className: "min-w-0 flex-1 text-muted-foreground", children: hint })), children && _jsx("div", { className: "ml-auto flex flex-wrap items-center gap-3", children: children })] }));
11
+ return (_jsxs(CardFooter, { children: [hint && (_jsx("div", { "data-slot": hintSlot, className: "min-w-0 flex-1 text-muted-foreground", children: hint })), children && _jsx("div", { className: "ml-auto flex flex-wrap items-center gap-3", children: children })] }));
12
12
  }
13
13
  export { FooterStrip };
@@ -1,7 +1,7 @@
1
1
  // Generated by scripts/generate-merge-tokens.mjs from @nadicodeai/design-system/css.
2
2
  // Do not edit: `npm run generate:merge-tokens -w @nadicodeai/ui` rewrites it.
3
3
  export const themeMergeTokens = {
4
- spacing: "control-height control-padding-inline nadicode-2xl nadicode-3xl nadicode-4xl nadicode-5xl nadicode-6xl nadicode-content-max nadicode-control-height nadicode-control-padding-inline nadicode-focus-outline-offset nadicode-focus-outline-width nadicode-guide nadicode-gutter-desktop nadicode-gutter-mobile nadicode-gutter-tablet nadicode-icon-stroke nadicode-icon-stroke-sm nadicode-lg nadicode-md nadicode-section-step-desktop nadicode-section-step-mobile nadicode-sm nadicode-touch-target nadicode-xl nadicode-xs nadicode-xxs touch-target".split(" "),
4
+ spacing: "control-height control-padding-inline nadicode-2xl nadicode-3xl nadicode-4xl nadicode-5xl nadicode-6xl nadicode-card-padding nadicode-content-max nadicode-control-height nadicode-control-height-lg nadicode-control-height-sm nadicode-control-height-xs nadicode-control-padding-inline nadicode-focus-outline-offset nadicode-focus-outline-width nadicode-guide nadicode-gutter-desktop nadicode-gutter-mobile nadicode-gutter-tablet nadicode-icon-stroke nadicode-icon-stroke-sm nadicode-lg nadicode-md nadicode-section-step-desktop nadicode-section-step-mobile nadicode-sm nadicode-touch-target nadicode-xl nadicode-xs nadicode-xxs touch-target".split(" "),
5
5
  radius: "2xl 3xl full lg md none sm xl xs".split(" "),
6
- text: "body-lg body-md body-sm caption code display-lg display-md display-xl heading-lg heading-md heading-sm label-mono".split(" "),
6
+ text: "body-compact body-display body-lead body-lg body-md body-sm button button-lg button-xs caption code display-lg display-md display-section display-wide display-xl heading-compact heading-lg heading-md heading-sm heading-xs label label-display label-lg label-md label-mono label-mono-lg label-mono-md label-sm".split(" "),
7
7
  };
@@ -1,3 +1,3 @@
1
1
  export const agentOrbScript = "\"use strict\";(()=>{function U(n,e,t){return n+(e-n)*t}function at(n){return n-Math.floor(n)}function V(n,e){let t=Math.floor(n),a=Math.floor(e),o=n-t,s=e-a;o=o*o*(3-2*o),s=s*s*(3-2*s);let r=_(t,a),p=_(t+1,a),c=_(t,a+1),M=_(t+1,a+1);return r+(p-r)*o+(c-r)*s+(r-p-c+M)*o*s}function _(n,e){let t=Math.sin(n*12.9898+e*78.233)*43758.5453;return t-Math.floor(t)}function J(n,e){let t=Math.PI*(3-Math.sqrt(5)),a=1-2*(n+.5)/e,o=Math.sqrt(1-a*a),s=n*t;return[o*Math.cos(s),a,o*Math.sin(s)]}function Pt(n,e){return Math.atan2(Math.sin(n-e),Math.cos(n-e))}function j(n,e,t,a,o){let s=Math.sin(e),r=Math.cos(e),p=Math.sin(n),c=Math.cos(n);return(M,x,u)=>{let i=M*c+u*p,d=-M*p+u*c,m=x*r-d*s,f=x*s+d*r;return[t+i*o,a-m*o,f]}}function rt(n,e,t,a){if(!a){let s=Math.round((t?1-n:n)*255);return`rgba(${s},${s},${s},${e})`}let o=s=>Math.round(t?s*(1-n):s+(255-s)*n);return`rgba(${o(a.r)},${o(a.g)},${o(a.b)},${e})`}function it(n,e,t,a=.3,o){for(let s of e){let r=s.a??1,p=Math.min(1,Math.max(0,s.white));n.fillStyle=rt(p,r,t,o),n.beginPath(),n.arc(s.x,s.y,s.r,0,Math.PI*2),n.fill()}}function ct(n,e,t,a){for(let o of e){let s=o.a??1,r=Math.min(1,Math.max(0,o.white));n.strokeStyle=rt(r,s,t,a),n.lineWidth=o.w,n.beginPath(),n.moveTo(o.x1,o.y1),n.lineTo(o.x2,o.y2),n.stroke()}}function q(n,e,t=.3){let a=[];for(let o of n)(o.a??1)<.02||(o.r=Math.max(t,o.r),a.push(o));return a.sort((o,s)=>o.z-s.z),{dots:a,lines:e.filter(o=>(o.a??1)>=.02)}}function ht(n,e,t,a){e.lines.length&&ct(n,e.lines,t,a),it(n,e.dots,t,.3,a)}function $(n,e){return(n/300)**e}var St=[[\"latRings\",\"lonDensity\"],[\"rings\",\"lonDensity\"],[\"lanes\",\"segs\"]],At=[\"orbitN\",\"ghostN\",\"nodeN\",\"strandN\",\"signals\"],vt=[\"iconD\"],kt=[\"rBase\",\"rDepth\",\"rActive\",\"rDot\",\"ghostR\",\"partR\",\"partRDepth\",\"nodeR\",\"nodeRDepth\"];function Rt(n,e){let t={...n},a=new Set,o=Math.sqrt(e);for(let[s,r]of St){let p=t[s],c=t[r];p!=null&&c!=null&&!a.has(s)&&!a.has(r)&&(t[s]=Math.max(2,Math.round(p*o)),t[r]=Math.max(2,Math.round(c*o)),a.add(s),a.add(r))}for(let s of At){let r=t[s];r!=null&&r!==0&&!a.has(s)&&(t[s]=Math.max(1,Math.round(r*e)))}for(let s of vt){let r=t[s];r!=null&&(t[s]=Math.max(.02,r*e))}return t}function Dt(n,e){let t={...n};for(let a of kt){let o=t[a];o!=null&&(t[a]=o*e)}return t.rSizeMul=(t.rSizeMul??1)*e,t}var zt={globe:{latRings:17,lonDensity:44,rBase:.6,rDepth:1.7,rBoost:1,inkFar:.62,inkSpan:.54,rsPow:.6,rMin:.3},orbits:{orbitN:12,ghostN:40,ghostR:.9,ghostA:.5,particles:3,partR:1.2,partRDepth:1.6,rsPow:.6,rMin:.3},rubik:{latRings:15,lonDensity:40,moveCount:14,rBase:.6,rDepth:1.7,rActive:.3,inkFar:.62,inkSpan:.54,rsPow:.6,rMin:.3},wave:{rings:15,lonDensity:40,rBase:.6,rDepth:1.7,rsPow:.6,rMin:.3},web:{nodeN:30,thr:.72,signals:5,nodeR:1.4,nodeRDepth:1.8,lineW:.8,rsPow:.6,rMin:.3},braid:{strandN:52,turns:3,ghostN:150,rBase:1.2,rDepth:1.8,rsPow:.6,rMin:.3},ribbon:{lanes:5,segs:88,ghostN:150,rBase:1.1,rDepth:1.7,rsPow:.6,rMin:.3},ring:{lanes:5,segs:88,ghostN:0,faceOn:1,rBase:1.1,rDepth:1.7,rsPow:.6,rMin:.3},morph:{rDot:.021,iconD:1,rMin:.25}},It=(n,e,t)=>{let a=n/2,o=n/2,s=n/2*.76,r=j(e*.4,.3,a,o,1),p=$(n,t.rsPow??.6),c=[],M=t.ghostN??150;for(let i=0;i<M;i++){let d=J(i,M),[m,f,h]=r(d[0]*s,d[1]*s,d[2]*s),b=(h/s+1)/2;c.push({x:m,y:f,z:h,r:.8*p,white:.78,a:.1+.22*b})}let x=t.strandN??52,u=t.turns??3;for(let i=0;i<3;i++){let d=i/3*2*Math.PI;for(let m=0;m<x;m++){let f=(at(m/x+e*.045)*2-1)*.96,h=Math.sqrt(Math.max(0,1-f*f)),b=Math.min(1,(1-Math.abs(f))/.1),y=f*Math.PI*u+d,l=1+.075*Math.sin(f*Math.PI*u*2+d*2+e*.8),w=h*s*l,[g,S,O]=r(Math.cos(y)*w,f*s*l,Math.sin(y)*w),P=(O/s+1)/2;c.push({x:g,y:S,z:O,r:((t.rBase??1.2)+(t.rDepth??1.8)*P)*p,white:.55-.45*P,a:b*(.45+.55*P)})}}return q(c,[],t.rMin)};function Ct(n,e,t,a){let o=2*e*t+a,s=n%o,r=new Array(e).fill(0),p=-1;if(s<2*e*t){let c=Math.floor(s/t),M=(s-c*t)/t,u=1-(1-Math.min(1,M/.7))**3;if(c<e){for(let i=0;i<c;i++)r[i]=1;r[c]=u,p=c}else{let i=2*e-1-c;for(let d=0;d<i;d++)r[d]=1;r[i]=1-u,p=i}}return{amount:r,active:p}}function Et(n,e,t){let[a,o,s]=n,r=!1;for(let p=0;p<e.length;p++){if(t.amount[p]<=0)continue;let c=e[p],M=c.axis===0?a:c.axis===1?o:s;if(M<c.lo||M>=c.hi)continue;p===t.active&&(r=!0);let x=c.ang*t.amount[p],u=Math.cos(x),i=Math.sin(x);if(c.axis===0){let d=o*u-s*i;s=o*i+s*u,o=d}else if(c.axis===1){let d=a*u+s*i;s=-a*i+s*u,a=d}else{let d=a*u-o*i;o=a*i+o*u,a=d}}return[a,o,s,r]}function Ft(n){let e=[];for(let t=0;t<n;t++){let a=Math.min(2,Math.floor(_(t,2.3)*3)),o=-1+.5*Math.min(3,Math.floor(_(t,5.9)*4)),s=_(t,7.7)<.5?1:-1;e.push({axis:a,lo:o,hi:o+.5,ang:s*Math.PI/2})}return e}var Nt=(n,e,t)=>{let o=n/2,s=n/2,r=n/2*.82,p=.4+.06*Math.sin(e*.35),c=j(e*.5,p,o,s,r),M=e*(.5+(1.7-.5)*(t.scanMul??1)),x=$(n,t.rsPow??.6),u=t.dimBase??1,i=[],d=t.latRings??17,m=t.lonDensity??44;for(let f=0;f<=d;f++){let h=-Math.PI/2+f/d*Math.PI,b=Math.cos(h),y=Math.sin(h),l=Math.max(1,Math.round(Math.abs(b)*m));for(let w=0;w<l;w++){let g=w/l*2*Math.PI,[S,O,P]=c(b*Math.cos(g),y,b*Math.sin(g)),v=(P+1)/2,R=Pt(g+e*.5,M),k=Math.exp(-(R*R)/.18)*Math.max(0,P);i.push({x:S,y:O,z:P,r:((t.rBase??.6)+(t.rDepth??1.7)*v+(t.rBoost??1)*k)*x,white:(t.inkFar??.62)-(t.inkSpan??.54)*v,a:u+(1-u)*Math.min(1,k)})}}return q(i,[],t.rMin)},Bt=(n,e,t)=>{let a=n/2,o=n/2,s=n/2*.82,r=j(e*.55,.35+.1*Math.sin(e*.9),a,o,s),p=$(n,t.rsPow??.6),c=t.moveCount??14,M=Ft(c),x=Ct(e,c,.42,1.2),u=[],i=t.latRings??15,d=t.lonDensity??40;for(let m=0;m<=i;m++){let f=-Math.PI/2+m/i*Math.PI,h=Math.cos(f),b=Math.sin(f),y=Math.max(1,Math.round(Math.abs(h)*d));for(let l=0;l<y;l++){let w=l/y*2*Math.PI,[g,S,O,P]=Et([h*Math.cos(w),b,h*Math.sin(w)],M,x),[v,R,k]=r(g,S,O),D=(k+1)/2;u.push({x:v,y:R,z:k,r:((t.rBase??.6)+(t.rDepth??1.7)*D+(P?t.rActive??.3:0))*p,white:(t.inkFar??.62)-(t.inkSpan??.54)*D-(P?.14:0)})}}return q(u,[],t.rMin)},Lt=(n,e,t)=>{let a=n/2,o=n/2,s=n/2*.874,r=j(e*.18,.38,a,o,1),p=$(n,t.rsPow??.6),c=[],M=t.rings??15,x=t.lonDensity??40;for(let u=0;u<=M;u++){let i=-Math.PI/2+u/M*Math.PI,d=Math.cos(i),m=Math.sin(i),f=.62*Math.sin(e*2.1-u*.52)+.38*Math.sin(e*1.27+u*.83),h=s*(.88+.105*f),b=Math.max(1,Math.round(Math.abs(d)*x));for(let y=0;y<b;y++){let l=y/b*2*Math.PI,[w,g,S]=r(d*Math.cos(l)*h,m*h,d*Math.sin(l)*h),O=(S/s+1)/2,P=Math.max(0,f);c.push({x:w,y:g,z:S,r:((t.rBase??.6)+(t.rDepth??1.7)*O)*(1+.4*P)*p,white:.66-.56*O-.1*P})}}return q(c,[],t.rMin)};function Tt(n){return n*n*(3-2*n)}function lt(n){let e=n.length,t=[],a=0;for(let o=0;o<e;o++){let s=n[o],r=n[(o+1)%e],p=Math.hypot(r[0]-s[0],r[1]-s[1]);t.push(p),a+=p}return o=>{let s=o*a,r=0;for(;s>t[r]&&r<e-1;)s-=t[r],r++;let p=n[r],c=n[(r+1)%e],M=t[r]?Math.min(1,s/t[r]):0;return[p[0]+(c[0]-p[0])*M,p[1]+(c[1]-p[1])*M]}}var _t=n=>{let e=-Math.PI/2+n*2*Math.PI;return[Math.cos(e)*.24,Math.sin(e)*.24]},qt=lt([[0,-.26],[.24,.16],[-.24,.16]]),jt=lt([[0,-.2],[.2,-.2],[.2,.2],[-.2,.2],[-.2,-.2]]),Q=[_t,qt,jt];function $t(n){return Math.max(6,Math.round(34*n))}var X=1.4,ut=.9,Y=X+ut,Wt=(n,e,t)=>{let a=Q.length,o=e%(Y*a),s=t.shape!=null&&t.shape>=0&&t.shape<a?Math.floor(t.shape):-1,r=s>=0?s:Math.floor(o/Y),p=s>=0?e%Y:o-r*Y,c=s>=0?0:p>X?Tt((p-X)/ut):0,M=t.spread??1,x=Q[r],u=s>=0?x:Q[(r+1)%a],i=160,d=[];for(let O=0;O<i;O++){let P=O/i,v=x(P),R=u(P);d.push([(v[0]+(R[0]-v[0])*c)*M,(v[1]+(R[1]-v[1])*c)*M])}let m=[],f=0;for(let O=0;O<i;O++){let P=d[O],v=d[(O+1)%i],R=Math.hypot(v[0]-P[0],v[1]-P[1]);m.push(R),f+=R}let h=$t(t.iconD??1),b=(t.rDot??.021)*1.35*M,y=1+.02*Math.sin(p*3.1),l=[],w=n/2,g=0,S=0;for(let O=0;O<h;O++){let P=O/h*f;for(;S+m[g]<P&&g<i-1;)S+=m[g],g++;let v=d[g],R=d[(g+1)%i],k=m[g]?Math.min(1,(P-S)/m[g]):0,D=(v[0]+(R[0]-v[0])*k)*y,C=(v[1]+(R[1]-v[1])*k)*y;l.push({x:w+D*n,y:w+C*n,z:0,r:Math.max(.35,b*n),white:.1})}return q(l,[],t.rMin)},Kt=(n,e,t)=>{let a=n/2,o=n/2,s=n/2*.82,r=j(e*.12,.3,a,o,1),p=$(n,t.rsPow??.6),c=[],M=t.orbitN??12,x=t.ghostN??40,u=t.particles??3;for(let i=0;i<M;i++){let d=_(i,1.7),m=_(i,5.2),f=_(i,8.9),h=s*(.45+.52*d),b=d*2*Math.PI,y=Math.acos(2*m-1),l=Math.sin(y)*Math.cos(b),w=Math.cos(y),g=Math.sin(y)*Math.sin(b),S=-w,O=l,P=0,v=Math.max(1e-6,Math.sqrt(S*S+O*O));S/=v,O/=v;let R=w*P-g*O,k=g*S-l*P,D=l*O-w*S,C=(.25+.55*f)*(f>.5?1:-1);for(let E=0;E<x;E++){let z=E/x*2*Math.PI,[F,N,L]=r((S*Math.cos(z)+R*Math.sin(z))*h,(O*Math.cos(z)+k*Math.sin(z))*h,(P*Math.cos(z)+D*Math.sin(z))*h),B=(L/h+1)/2;c.push({x:F,y:N,z:L,r:(t.ghostR??.9)*p,white:.72,a:(t.ghostA??.5)*(.4+.6*B)})}for(let E=0;E<u;E++){let z=e*C+E/u*2*Math.PI+m*6,[F,N,L]=r((S*Math.cos(z)+R*Math.sin(z))*h,(O*Math.cos(z)+k*Math.sin(z))*h,(P*Math.cos(z)+D*Math.sin(z))*h),B=(L/h+1)/2;c.push({x:F,y:N,z:L,r:((t.partR??1.2)+(t.partRDepth??1.6)*B)*p,white:.3-.22*B})}}return q(c,[],t.rMin)},st=(n,e,t)=>{let a=n/2,o=n/2,s=n/2*.78,r=t.spin??1,p=.3,c=j(e*.1*r,p,a,o,1),M=$(n,t.rsPow??.6),x=[],u=t.ghostN??150;for(let D=0;D<u;D++){let C=J(D,u),[E,z,F]=c(C[0]*s,C[1]*s,C[2]*s),N=(F/s+1)/2;x.push({x:E,y:z,z:F,r:.8*M,white:.78,a:.1+.22*N})}let i=e*.24*r,d=t.faceOn?-p:.55+.3*Math.sin(e*.18)*r,m=Math.cos(i),f=0,h=Math.sin(i),b=-h*Math.sin(d),y=Math.cos(d),l=m*Math.sin(d),w=f*l-h*y,g=h*b-m*l,S=m*y-f*b,O=.23*(t.wobMul??1),P=t.faceOn?s/(1+.85*O):s,v=t.lanes??5,R=t.segs??88,k=Math.max(1,Math.round(v*(t.bandMul??1)));for(let D=0;D<k;D++){let C=(D-(k-1)/2)*.075,E=Math.abs(D-(k-1)/2)/Math.max(1,(k-1)/2);for(let z=0;z<R;z++){let F=z/R*2*Math.PI,N=(.16*Math.sin(F*3-e*1.7+D*.22)+.07*Math.sin(F*5+e*1.1))*(t.wobMul??1),L=t.faceOn?1+N:1,B=t.faceOn?C:C+N,A=m*Math.cos(F)+b*Math.sin(F)+w*B,I=f*Math.cos(F)+y*Math.sin(F)+g*B,T=h*Math.cos(F)+l*Math.sin(F)+S*B,W=Math.sqrt(A*A+I*I+T*T),K=P*L,[wt,Ot,et]=c(A/W*K,I/W*K,T/W*K),G=(et/s+1)/2;x.push({x:wt,y:Ot,z:et,r:((t.rBase??1.1)+(t.rDepth??1.7)*G)*(1-.25*E)*M,white:.52-.44*G+.18*E,a:.4+.6*G})}}return q(x,[],t.rMin)},Yt=(n,e,t)=>{let a=n/2,o=n/2,s=n/2*.8*(t.spread??1),r=j(e*.12,.32,a,o,s),p=$(n,t.rsPow??.6),c=t.nodeN??30,M=t.thr??.72,x=t.nodeR??1.4,u=t.nodeRDepth??1.8,i=[];for(let h=0;h<c;h++){let b=J(h,c),y=b[0]+.3*(V(h*.31+9,e*.24)-.5)*2,l=b[1]+.3*(V(h*.53+27,e*.21)-.5)*2,w=b[2]+.3*(V(h*.77+55,e*.27)-.5)*2,g=Math.sqrt(y*y+l*l+w*w);i.push([y/g,l/g,w/g])}let d=[],m=[];for(let h=0;h<c;h++)for(let b=h+1;b<c;b++){let y=i[h][0]-i[b][0],l=i[h][1]-i[b][1],w=i[h][2]-i[b][2],g=Math.sqrt(y*y+l*l+w*w);if(g>=M)continue;let[S,O,P]=r(i[h][0],i[h][1],i[h][2]),[v,R,k]=r(i[b][0],i[b][1],i[b][2]),D=((P+k)/2+1)/2;d.push({x1:S,y1:O,x2:v,y2:R,white:.42,a:(1-g/M)*(.3+.55*D),w:Math.max(.6,(t.lineW??.8)*p)})}for(let h=0;h<c;h++){let[b,y,l]=r(i[h][0],i[h][1],i[h][2]),w=(l+1)/2,g=1+.25*Math.sin(e*1.4+h*2.7);m.push({x:b,y,z:l,r:(x+u*w)*g*p,white:.55-.45*w})}let f=t.signals??5;for(let h=0;h<f;h++){let b=Math.floor(e*.55+h*7.31),y=Math.floor(_(b,h*3.1+1.7)*c),l=Math.floor(_(b,h*5.7+4.2)*c);if(y===l)continue;let w=at(e*.55+h*7.31),g=U(i[y][0],i[l][0],w),S=U(i[y][1],i[l][1],w),O=U(i[y][2],i[l][2],w),P=Math.max(1e-6,Math.sqrt(g*g+S*S+O*O)),[v,R,k]=r(g/P,S/P,O/P),D=(k+1)/2;m.push({x:v,y:R,z:k,r:(x*1.5+u*D)*p,white:.05,a:.5+.5*D})}return q(m,d,t.rMin)},H={orbits:Kt,globe:Nt,rubik:Bt,wave:Lt,web:Yt,braid:It,ribbon:st,ring:st,morph:Wt},Ht=Object.fromEntries(Object.entries(H).map(([n,e])=>[n,(t,a,o,s,r)=>ht(t,e(a,o,r),s)])),pt={working:\"orbits\",searching:\"globe\",solving:\"rubik\",listening:\"wave\",connecting:\"web\",weaving:\"braid\",composing:\"ribbon\",breathing:\"ring\",shaping:\"morph\"},Gt={orbits:{64:{speed:1.885,count:1,size:1},32:{speed:2.9072,count:.4251,size:1.6849},20:{speed:3.9,count:.238,size:2.4}},globe:{64:{speed:2.015,count:.42,size:1.15,extra:{scanMul:4.08,dimBase:.45}},32:{speed:2.3803,count:.1839,size:1.4769,extra:{scanMul:4.2301,dimBase:.45}},20:{speed:2.665,count:.105,size:1.75,extra:{scanMul:4.335,dimBase:.45}}},rubik:{64:{speed:1.82,count:.35,size:1.05},32:{speed:1.8964,count:.1537,size:1.4951},20:{speed:1.95,count:.088,size:1.9}},wave:{64:{speed:4.388,count:.341,size:1},32:{speed:4.1512,count:.169,size:1.3232},20:{speed:3.998,count:.105,size:1.6}},web:{64:{speed:3.315,count:1.35,size:.95},32:{speed:5.0104,count:.4942,size:1.2571},20:{speed:6.63,count:.25,size:1.52}},braid:{64:{speed:1.625,count:.5,size:1},32:{speed:2.2234,count:.2056,size:1.2011},20:{speed:2.75,count:.1125,size:1.36}},ribbon:{64:{speed:2.34,count:.25,size:.85,extra:{spin:0,bandMul:3.9,wobMul:1}},32:{speed:2.7776,count:.0969,size:.9766,extra:{spin:0,bandMul:4.49,wobMul:1}},20:{speed:3.12,count:.051,size:1.073,extra:{spin:0,bandMul:4.94,wobMul:1}}},ring:{64:{speed:3.24,count:.25,size:.956,extra:{spin:0,bandMul:3.627,wobMul:.368}},32:{speed:3.5517,count:.0678,size:1.31,extra:{spin:0,bandMul:3.8265,wobMul:.4751}},20:{speed:3.78,count:.028,size:1.622,extra:{spin:0,bandMul:3.968,wobMul:.565}}},morph:{64:{speed:2.405,count:.702,size:.395,extra:{spread:1.45}},32:{speed:2.2057,count:.5937,size:.6916,extra:{spread:1.45}},20:{speed:2.08,count:.53,size:1.011,extra:{spread:1.45}}}},ot=new Map;function Z(n,e){let t=`${n}-${e}`,a=ot.get(t);if(a)return a;let o=pt[n],s=Gt[o][e],r={...zt[o]};s.count!==1&&(r=Rt(r,s.count)),s.size!==1&&(r=Dt(r,s.size)),s.extra&&(r={...r,...s.extra});let p={mode:o,speed:s.speed,opts:r};return ot.set(t,p),p}var dt={ribbon:{speed:.55,tilt:.15},nadia:{speed:.55,tilt:.15},sofia:{speed:.55,tilt:-.15},lattice:{speed:.28,tilt:-.12},orbit:{speed:.7,tilt:.2},globe:{speed:.35,tilt:-.16},network:{speed:.55,tilt:.1},braid:{speed:.65,tilt:-.2},morph:{speed:.9,tilt:.12}};function tt(n){return dt[n].speed}function Mt(n,e){return{idle:1,working:1,thinking:1,waiting:0,blocked:0,done:.65}[n]*tt(e)}var Ut=1.6;function ft(n,e){return n!==\"thinking\"&&n!==\"working\"?1:1-.55*((1-Math.cos(e*Math.PI*2/Ut))/2)}function bt(n,e,t){let a=dt[n],o=.82,s=.82,r=0,p=0,c=0,M=0,x=1;if(e===\"idle\"){let u=Math.sin(t*Math.PI/2);o+=u*.01,s+=u*.01,r=-u*.004}else if(e===\"waiting\")o=.8,s=.84,r=-.015,x=.75;else if(e===\"blocked\"){let u=Math.min(1,t/.25),i=Math.sin(u*Math.PI);o=.8+i*.015,s=.82-u*.08,r=u*.025-i*.018,c=a.tilt*u*.4,x=1-u*.4}else if(e===\"done\"){if(t<.18){let u=Math.sin(Math.PI*t/.18);o+=.03*u,s-=.04*u,r=.012*u}else if(t<1.3){let u=(t-.18)/1.12;r=-.07*Math.sin(Math.PI*u),o+=.025*Math.sin(Math.PI*u),s+=.035*Math.sin(Math.PI*u),c=Math.sin(u*Math.PI*2)*.07}}return{sx:o,sy:s,x:p,y:r,rotation:c,split:M,opacity:x}}function nt(n,e,t,a,o,s,r,p=1){if(!(e!==\"working\"&&e!==\"thinking\"&&e!==\"done\")){if(n.save(),e===\"thinking\"){if(r===\"front\")for(let c=0;c<3;c++){let M=o?.5:(1+Math.cos(a*Math.PI*2/3.6-c*Math.PI*2/3))/2,x=s[c%s.length];x!==void 0&&(n.fillStyle=x),n.globalAlpha=(.65+M*.35)*p,n.beginPath(),n.arc(t*(.5+(c-1)*.09),t*.08,Math.max(1,t*(.022+M*.005)),0,Math.PI*2),n.fill()}}else if(e===\"working\"||!o&&a<3.1){let c=e===\"done\"?3:1;for(let M=0;M<c;M++){let x=e===\"done\"?(a-M*.38)/2.2:0;if(x<0||x>1)continue;let u=e===\"done\"?Math.sin(x*Math.PI):1,i=(o?.8:a*Math.PI*2/7.2)+M*2.1,d=Math.PI*1.4,m=-.38+M*.4,f=t*(.44+x*.03),h=t*(.19+x*.11),b=l=>{let w=Math.cos(l)*f,g=Math.sin(l)*h;return[t/2+w*Math.cos(m)-g*Math.sin(m),t/2+w*Math.sin(m)+g*Math.cos(m)]},y=n.createLinearGradient(t*.1,t*.7,t*.9,t*.3);s.forEach((l,w)=>y.addColorStop(w/Math.max(1,s.length-1),l)),n.strokeStyle=y,n.lineCap=\"butt\";for(let l=0;l<100;l++){let w=l/100,g=i-d+d*w,S=Math.sin(g)>=0;if(S!==(r===\"front\"))continue;let O=Math.sin(Math.PI*(.04+w*.92));n.globalAlpha=u*(S?.92:.55)*(.25+O*.75)*p,n.lineWidth=Math.max(.65,t*.027*O),n.beginPath(),n.moveTo(...b(g)),n.lineTo(...b(g+d/100)),n.stroke()}}}n.restore()}}var Vt={orbit:\"working\",globe:\"searching\",lattice:\"solving\",network:\"connecting\",braid:\"weaving\",ribbon:\"composing\",morph:\"shaping\"},Qt={plain:{alpha:1,radius:1},\"over-picture\":{alpha:2.3,radius:1.9}},mt=[\"--nc-identity-azzurro\",\"--nc-identity-verde\",null,\"--nc-identity-rosso\"],yt=[\"--nc-chart-5\",\"--nc-chart-6\",\"--nc-warning\",\"--nc-chart-4\"],Xt=[...yt,...mt.filter(n=>n!==null)],Jt=[\"--nc-identity-cobalto\",\"--nc-identity-giallo\",null,\"--nc-identity-arancio\"],Zt={nadia:mt,sofia:Jt};function tn(n,e){let t=1-2*(n+.5)/e,a=Math.sqrt(1-t*t),o=n*Math.PI*(3-Math.sqrt(5));return[a*Math.cos(o),t,a*Math.sin(o)]}function gt(n,e,t){let a=n/2,o=n/2*.78,s=t.spin??1,r=j(e*.1*s,.3,a,a,1),p=$(n,t.rsPow??.6),c=[],M=t.ghostN??150;for(let v=0;v<M;v++){let[R,k,D]=tn(v,M),[C,E,z]=r(R*o,k*o,D*o);c.push({x:C,y:E,z,r:.8*p,white:.78,a:.1+.22*((z/o+1)/2)})}let x=e*.24*s,u=t.faceOn?-.3:.55+.3*Math.sin(e*.18)*s,[i,d,m]=[Math.cos(x),0,Math.sin(x)],[f,h,b]=[-m*Math.sin(u),Math.cos(u),i*Math.sin(u)],[y,l,w]=[d*b-m*h,m*f-i*b,i*h-d*f],g=t.wobMul??1,S=t.faceOn?o/(1+.85*.23*g):o,O=t.segs??88,P=Math.max(1,Math.round((t.lanes??5)*(t.bandMul??1)));for(let v=0;v<P;v++){let R=(v-(P-1)/2)*.075,k=Math.abs(v-(P-1)/2)/Math.max(1,(P-1)/2);for(let D=0;D<O;D++){let C=D/O*2*Math.PI,E=(.16*Math.sin(C*3-e*1.7+v*.22)+.07*Math.sin(C*5+e*1.1))*g,z=t.faceOn?1+E:1,F=t.faceOn?R:R+E,N=i*Math.cos(C)+f*Math.sin(C)+y*F,L=d*Math.cos(C)+h*Math.sin(C)+l*F,B=m*Math.cos(C)+b*Math.sin(C)+w*F,A=Math.sqrt(N*N+L*L+B*B),[I,T,W]=r(N/A*S*z,L/A*S*z,B/A*S*z),K=(W/o+1)/2;c.push({x:I,y:T,z:W,r:((t.rBase??1.1)+(t.rDepth??1.7)*K)*(1-.25*k)*p,white:.08+.1*k,a:.55+.45*K,stripe:Math.min(3,Math.floor(v/P*4))})}}return q(c,[],t.rMin)}function nn(n,e){for(let t of n.dots)t.x=e-t.x;return n}function en(n,e){let{form:t,size:a,seconds:o,color:s,state:r,age:p,reduced:c,breath:M,celebrationColors:x,stripeColors:u}=e,i=Qt[e.presence],d=Z(Vt[t===\"nadia\"||t===\"sofia\"?\"ribbon\":t],a<=32?20:64),m=t===\"nadia\"?gt(a,o,d.opts):t===\"sofia\"?nn(gt(a,o,d.opts),a):H[d.mode](a,o,d.opts);n.clearRect(0,0,a,a);let f=bt(t,e.motion===\"ambient\"?\"idle\":r,c?r===\"done\"?2:.6:p),h=c?.8:p/(r===\"done\"?.575:.2875),b=(l,w)=>{let g=(l-a/2)*f.sx,S=(w-a/2)*f.sy;return[a/2+g*Math.cos(f.rotation)-S*Math.sin(f.rotation)+(f.x+Math.sign(g)*f.split)*a,a/2+g*Math.sin(f.rotation)+S*Math.cos(f.rotation)+f.y*a]},y=f.opacity*M;e.motion===\"status\"&&nt(n,r,a,h,c,x,\"back\",M),n.fillStyle=s,n.strokeStyle=s;for(let l of m.lines)n.globalAlpha=Math.min(1,Math.max(0,(1-l.white)*(l.a??1)*y*i.alpha)),n.lineWidth=l.w*i.radius,n.beginPath(),n.moveTo(...b(l.x1,l.y1)),n.lineTo(...b(l.x2,l.y2)),n.stroke();for(let l of m.dots)n.fillStyle=l.stripe===void 0?s:u[l.stripe]??s,n.globalAlpha=Math.min(1,Math.max(0,(1-l.white)*(l.a??1)*y*i.alpha)),n.beginPath(),n.arc(...b(l.x,l.y),l.r*i.radius,0,Math.PI*2),n.fill();n.globalAlpha=1,e.motion===\"status\"&&nt(n,r,a,h,c,x,\"front\",M)}function xt(n,e){let{form:t,presence:a=\"plain\"}=e,o=n.getContext(\"2d\");if(!o)return{destroy(){},setPaused(A){},setState(A){}};let s=window.matchMedia(\"(prefers-reduced-motion: reduce)\"),r=e.paused??!1,p=!0,c=!1,M=0,x=.6,u=0,i=0,d=e.state??\"idle\",m=e.motion??\"status\",f=null,h=0,b=1,y=e.size,l=getComputedStyle(n).color,w=[l],g=[l],S=\"\";function O(){let A=n.getBoundingClientRect(),I=Math.min(A.width,A.height);return I>0?I:e.size}function P(){!o||c||!n.isConnected||(o.setTransform(b,0,0,b,0,0),en(o,{form:t,size:y,seconds:x,color:l,state:d,age:u,reduced:s.matches,breath:s.matches?ft(d,i):1,presence:a,motion:m,celebrationColors:w,stripeColors:g}))}function v(){return c||!n.isConnected||!p||document.hidden||r?!1:s.matches?m===\"status\"&&(d===\"thinking\"||d===\"working\"):m===\"ambient\"?!0:d!==\"waiting\"&&!(d===\"blocked\"&&u>=.3)}function R(A){if(M=0,!!v()){if(f!==null){let I=Math.min((A-f)/1e3,.1);s.matches?i+=I:(x+=I*(m===\"ambient\"?tt(t):Mt(d,t)),m===\"status\"&&(u+=I*(d===\"done\"?.575:.2875)),d===\"done\"&&u>=1.8&&(d=\"idle\",u=0))}f=A,A-h>=1e3/30&&(P(),h=A),M=requestAnimationFrame(R)}}function k(){cancelAnimationFrame(M),M=0,f=null,P(),v()&&(M=requestAnimationFrame(R))}function D(A){let I=document.createElement(\"span\");I.hidden=!0,I.style.color=A,(n.parentElement??document.body).append(I);let T=getComputedStyle(I).color;return I.remove(),T||l}function C(A,I){return[I,window.devicePixelRatio||1,A.color,...Xt.map(T=>A.getPropertyValue(T))].join(\"|\")}function E(){C(getComputedStyle(n),O())!==S&&z()}function z(){if(c||!n.isConnected)return;y=O();let A=Math.max(1,Math.round(y*Math.min(window.devicePixelRatio||1,2)));n.width=A,n.height=A,b=A/y;let I=getComputedStyle(n);S=C(I,y),l=I.color,w=yt.map(T=>D(`color-mix(in oklch, ${I.getPropertyValue(T).trim()||l} 75%, white)`)),g=(Zt[t]??[]).map(T=>T&&I.getPropertyValue(T).trim()||l),k()}let F=new IntersectionObserver(([A])=>{p=A?.isIntersecting??!1,k()});F.observe(n);let N=new MutationObserver(E);for(let A=n;A;A=A.parentElement)N.observe(A,{attributes:!0,attributeFilter:[\"class\",\"style\",\"data-theme\"]});let L=new ResizeObserver(()=>{Math.abs(O()-y)>=.5&&z()});L.observe(n);function B(A){A.propertyName===\"color\"&&A.target instanceof Node&&A.target.contains(n)&&E()}return document.addEventListener(\"transitionend\",B,!0),s.addEventListener(\"change\",k),document.addEventListener(\"visibilitychange\",k),window.addEventListener(\"resize\",E),z(),{setState(A){d=A,u=0,i=0,k()},setPaused(A){r=A,k()},destroy(){c=!0,cancelAnimationFrame(M),F.disconnect(),N.disconnect(),L.disconnect(),document.removeEventListener(\"transitionend\",B,!0),s.removeEventListener(\"change\",k),document.removeEventListener(\"visibilitychange\",k),window.removeEventListener(\"resize\",E)}}}for(let n of document.querySelectorAll(\"canvas[data-agent-orb]\"))xt(n,{form:n.dataset.agentOrb,size:Number(n.dataset.size),state:n.dataset.state??\"idle\"});})();\n";
2
- export const designTokensCss = "@layer tokens, theme;\n\n\n\n\n\n\n\n\n\n@layer tokens {\n :root {\n --nc-action: oklch(0.1776 0.0000 0.00);\n --nc-action-foreground: oklch(1.0000 0.0000 0.00);\n --nc-action-hover: oklch(0.3012 0.0000 0.00);\n --nc-action-active: oklch(0.0000 0.0000 0.00);\n --nc-ink: oklch(0.1776 0.0000 0.00);\n --nc-body: oklch(0.3867 0.0000 0.00);\n --nc-muted: oklch(0.5278 0.0000 0.00);\n --nc-canvas: oklch(1.0000 0.0000 0.00);\n --nc-canvas-soft: oklch(0.9851 0.0000 0.00);\n --nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);\n --nc-material-workspace: oklch(0.9761 0.0000 0.00);\n --nc-material-solid: oklch(1.0000 0.0000 0.00);\n --nc-material-resting: oklch(1.0000 0.0000 0.00);\n --nc-material-raised: oklch(1.0000 0.0000 0.00);\n --nc-material-floating: oklch(1.0000 0.0000 0.00);\n --nc-material-modal: oklch(1.0000 0.0000 0.00);\n --nc-line: oklch(0.9219 0.0000 0.00);\n --nc-input: oklch(0.5624 0.0000 0.00);\n --nc-focus-ring: oklch(0.1776 0.0000 0.00);\n --nc-scrim: oklch(0.0000 0.0000 0.00);\n --nc-link: oklch(0.4815 0.1209 154.24);\n --nc-link-deep: oklch(0.3852 0.0953 154.99);\n --nc-link-bg-soft: oklch(0.9170 0.0519 161.77);\n --nc-info: oklch(0.5005 0.2804 266.17);\n --nc-info-soft: oklch(0.9457 0.0259 276.40);\n --nc-info-deep: oklch(0.3197 0.1758 266.79);\n --nc-success: oklch(0.6415 0.1644 153.23);\n --nc-success-soft: oklch(0.9170 0.0519 161.77);\n --nc-success-deep: oklch(0.3852 0.0953 154.99);\n --nc-error: oklch(0.5688 0.1995 26.59);\n --nc-error-soft: oklch(0.9522 0.0207 17.52);\n --nc-error-deep: oklch(0.4235 0.1525 27.08);\n --nc-warning: oklch(0.8466 0.1678 84.63);\n --nc-warning-soft: oklch(0.9649 0.0461 90.87);\n --nc-warning-deep: oklch(0.4834 0.0995 82.44);\n --nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00);\n --nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00);\n --nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00);\n --nc-state-ready: oklch(0.5278 0.0000 0.00);\n --nc-state-running: oklch(0.5005 0.2804 266.17);\n --nc-state-review: oklch(0.8466 0.1678 84.63);\n --nc-state-blocked: oklch(0.5688 0.1995 26.59);\n --nc-state-complete: oklch(0.6415 0.1644 153.23);\n --nc-identity-verde: oklch(0.6415 0.1644 153.23);\n --nc-identity-rosso: oklch(0.5688 0.1995 26.59);\n --nc-identity-arancio: oklch(0.6824 0.2108 37.70);\n --nc-identity-giallo: oklch(0.8466 0.1678 84.63);\n --nc-identity-cobalto: oklch(0.5005 0.2804 266.17);\n --nc-identity-azzurro: oklch(0.5618 0.2019 258.24);\n --nc-identity-ink: oklch(0.0000 0.0000 0.00);\n --nc-identity-white: oklch(1.0000 0.0000 0.00);\n --nc-logo-dot: oklch(0.5005 0.2804 266.17);\n --nc-chart-1: oklch(0.5005 0.2804 266.17);\n --nc-chart-2: oklch(0.6415 0.1644 153.23);\n --nc-chart-3: oklch(0.7638 0.1562 86.86);\n --nc-chart-4: oklch(0.5688 0.1995 26.59);\n --nc-chart-5: oklch(0.6161 0.1062 208.85);\n --nc-chart-6: oklch(0.5015 0.1883 294.99);\n --nc-dark-canvas: oklch(0.0000 0.0000 0.00);\n --nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00);\n --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);\n --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);\n --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);\n --nc-dark-material-resting: oklch(0.1448 0.0000 0.00);\n --nc-dark-material-raised: oklch(0.1684 0.0000 0.00);\n --nc-dark-material-floating: oklch(0.1776 0.0000 0.00);\n --nc-dark-material-modal: oklch(0.1776 0.0000 0.00);\n --nc-dark-ink: oklch(0.9461 0.0000 0.00);\n --nc-dark-body: oklch(0.8297 0.0000 0.00);\n --nc-dark-muted: oklch(0.6993 0.0000 0.00);\n --nc-dark-line: oklch(0.2686 0.0000 0.00);\n --nc-dark-input: oklch(0.5590 0.0000 0.00);\n --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);\n --nc-dark-action: oklch(0.9461 0.0000 0.00);\n --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);\n --nc-dark-action-hover: oklch(0.8761 0.0000 0.00);\n --nc-dark-action-active: oklch(0.8297 0.0000 0.00);\n --nc-dark-link: oklch(0.7661 0.1498 157.10);\n --nc-dark-link-deep: oklch(0.8524 0.0996 159.83);\n --nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32);\n --nc-dark-focus-ring: oklch(0.9461 0.0000 0.00);\n --nc-dark-scrim: oklch(0.0000 0.0000 0.00);\n --nc-dark-error: oklch(0.7955 0.0980 21.02);\n --nc-dark-error-soft: oklch(0.2296 0.0728 26.06);\n --nc-dark-error-deep: oklch(0.8856 0.0534 19.64);\n --nc-dark-warning: oklch(0.8939 0.1387 90.47);\n --nc-dark-warning-soft: oklch(0.3135 0.0643 85.04);\n --nc-dark-warning-deep: oklch(0.9320 0.0896 90.86);\n --nc-dark-info: oklch(0.7067 0.1528 272.08);\n --nc-dark-info-soft: oklch(0.2118 0.1033 268.28);\n --nc-dark-info-deep: oklch(0.8222 0.0888 274.44);\n --nc-dark-success: oklch(0.7019 0.1753 153.20);\n --nc-dark-success-soft: oklch(0.2893 0.0697 156.32);\n --nc-dark-success-deep: oklch(0.8524 0.0996 159.83);\n --nc-dark-state-ready: oklch(0.5624 0.0000 0.00);\n --nc-dark-state-running: oklch(0.5923 0.2215 269.61);\n --nc-dark-state-review: oklch(0.8466 0.1678 84.63);\n --nc-dark-state-blocked: oklch(0.5688 0.1995 26.59);\n --nc-dark-state-complete: oklch(0.6415 0.1644 153.23);\n --nc-dark-logo-dot: oklch(0.5923 0.2215 269.61);\n --nc-dark-navigation-selection-bg: oklch(0.2393 0.0000 0.00);\n --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);\n --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);\n --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);\n --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);\n --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);\n --nc-dark-chart-4: oklch(0.6627 0.1685 23.66);\n --nc-dark-chart-5: oklch(0.7820 0.1247 190.99);\n --nc-dark-chart-6: oklch(0.6297 0.1321 299.36);\n --nc-xxs: 4px;\n --nc-xs: 8px;\n --nc-sm: 12px;\n --nc-md: 16px;\n --nc-lg: 24px;\n --nc-xl: 32px;\n --nc-2xl: 40px;\n --nc-3xl: 48px;\n --nc-4xl: 64px;\n --nc-5xl: 96px;\n --nc-6xl: 128px;\n --nc-guide: 1px;\n --nc-icon-stroke: 1.5px;\n --nc-icon-stroke-sm: 1.25px;\n --nc-focus-outline-width: 2px;\n --nc-focus-outline-offset: 2px;\n --nc-control-height: 32px;\n --nc-control-padding-inline: 10px;\n --nc-touch-target: 44px;\n --nc-rounded-none: 0px;\n --nc-rounded-xs: 2px;\n --nc-rounded-sm: 6px;\n --nc-rounded-md: 8px;\n --nc-rounded-lg: 12px;\n --nc-rounded-xl: 16px;\n --nc-rounded-2xl: 20px;\n --nc-rounded-3xl: 24px;\n --nc-rounded-full: 9999px;\n --nc-type-display-xl-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-xl-font-size: 72px;\n --nc-type-display-xl-font-weight: 500;\n --nc-type-display-xl-line-height: 74px;\n --nc-type-display-xl-letter-spacing: -2.52px;\n --nc-type-display-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-lg-font-size: 52px;\n --nc-type-display-lg-font-weight: 500;\n --nc-type-display-lg-line-height: 54px;\n --nc-type-display-lg-letter-spacing: -1.5px;\n --nc-type-display-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-md-font-size: 40px;\n --nc-type-display-md-font-weight: 500;\n --nc-type-display-md-line-height: 42px;\n --nc-type-display-md-letter-spacing: -1px;\n --nc-type-heading-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-lg-font-size: 30px;\n --nc-type-heading-lg-font-weight: 600;\n --nc-type-heading-lg-line-height: 32px;\n --nc-type-heading-lg-letter-spacing: 0px;\n --nc-type-heading-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-md-font-size: 24px;\n --nc-type-heading-md-font-weight: 600;\n --nc-type-heading-md-line-height: 32px;\n --nc-type-heading-md-letter-spacing: 0px;\n --nc-type-heading-sm-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-sm-font-size: 20px;\n --nc-type-heading-sm-font-weight: 600;\n --nc-type-heading-sm-line-height: 28px;\n --nc-type-heading-sm-letter-spacing: 0px;\n --nc-type-body-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-lg-font-size: 18px;\n --nc-type-body-lg-font-weight: 400;\n --nc-type-body-lg-line-height: 27px;\n --nc-type-body-lg-letter-spacing: 0px;\n --nc-type-body-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-md-font-size: 16px;\n --nc-type-body-md-font-weight: 400;\n --nc-type-body-md-line-height: 25px;\n --nc-type-body-md-letter-spacing: 0px;\n --nc-type-body-sm-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-sm-font-size: 14px;\n --nc-type-body-sm-font-weight: 400;\n --nc-type-body-sm-line-height: 20px;\n --nc-type-body-sm-letter-spacing: 0px;\n --nc-type-caption-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-caption-font-size: 12px;\n --nc-type-caption-font-weight: 400;\n --nc-type-caption-line-height: 16px;\n --nc-type-caption-letter-spacing: 0px;\n --nc-type-code-font-family:\n Geist Mono,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n monospace;\n --nc-type-code-font-size: 13px;\n --nc-type-code-font-weight: 400;\n --nc-type-code-line-height: 20px;\n --nc-type-code-letter-spacing: 0px;\n --nc-type-label-mono-font-family:\n Geist Mono,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n monospace;\n --nc-type-label-mono-font-size: 12px;\n --nc-type-label-mono-font-weight: 500;\n --nc-type-label-mono-line-height: 16px;\n --nc-type-label-mono-letter-spacing: 0px;\n --nc-material-scrim-opacity: 50%;\n --nc-material-glass-opacity: 60%;\n --nc-material-glass-saturation: 180%;\n --nc-material-glass-blur: 20px;\n --nc-elevation-resting: 0px 2px 2px 0px rgb(0% 0% 0% / 0.04), 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);\n --nc-elevation-raised:\n 0px 2px 2px 0px rgb(0% 0% 0% / 0.04),\n 0px 8px 8px -8px rgb(0% 0% 0% / 0.04),\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);\n --nc-elevation-floating:\n 0px 1px 1px 0px rgb(0% 0% 0% / 0.02),\n 0px 4px 8px -4px rgb(0% 0% 0% / 0.04),\n 0px 16px 24px -8px rgb(0% 0% 0% / 0.06),\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);\n --nc-elevation-modal:\n 0px 1px 1px 0px rgb(0% 0% 0% / 0.02),\n 0px 8px 16px -4px rgb(0% 0% 0% / 0.04),\n 0px 24px 32px -8px rgb(0% 0% 0% / 0.06),\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08);\n --nc-duration-control: 100ms;\n --nc-duration-close: 140ms;\n --nc-duration-confirm: 180ms;\n --nc-duration-open: 220ms;\n --nc-duration-msg-in: 240ms;\n --nc-duration-transition: 240ms;\n --nc-duration-drawer-swipe: 400ms;\n --nc-duration-drawer: 450ms;\n --nc-duration-wait: 1.6s;\n --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);\n --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);\n --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);\n --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);\n --nc-content-max: 1200px;\n --nc-gutter-mobile: 20px;\n --nc-gutter-tablet: 40px;\n --nc-gutter-desktop: 64px;\n --nc-section-step-mobile: 64px;\n --nc-section-step-desktop: 96px;\n }\n}\n\n\n@layer theme {\n .dark {\n --nc-canvas: var(--nc-dark-canvas);\n --nc-canvas-soft: var(--nc-dark-canvas-soft);\n --nc-canvas-soft-2: var(--nc-dark-canvas-soft-2);\n --nc-material-workspace: var(--nc-dark-material-workspace);\n --nc-material-solid: var(--nc-dark-material-solid);\n --nc-material-resting: var(--nc-dark-material-resting);\n --nc-material-raised: var(--nc-dark-material-raised);\n --nc-material-floating: var(--nc-dark-material-floating);\n --nc-material-modal: var(--nc-dark-material-modal);\n --nc-ink: var(--nc-dark-ink);\n --nc-body: var(--nc-dark-body);\n --nc-muted: var(--nc-dark-muted);\n --nc-line: var(--nc-dark-line);\n --nc-input: var(--nc-dark-input);\n --nc-action: var(--nc-dark-action);\n --nc-action-foreground: var(--nc-dark-action-foreground);\n --nc-action-hover: var(--nc-dark-action-hover);\n --nc-action-active: var(--nc-dark-action-active);\n --nc-link: var(--nc-dark-link);\n --nc-link-deep: var(--nc-dark-link-deep);\n --nc-link-bg-soft: var(--nc-dark-link-bg-soft);\n --nc-focus-ring: var(--nc-dark-focus-ring);\n --nc-scrim: var(--nc-dark-scrim);\n --nc-error: var(--nc-dark-error);\n --nc-error-soft: var(--nc-dark-error-soft);\n --nc-error-deep: var(--nc-dark-error-deep);\n --nc-warning: var(--nc-dark-warning);\n --nc-warning-soft: var(--nc-dark-warning-soft);\n --nc-warning-deep: var(--nc-dark-warning-deep);\n --nc-info: var(--nc-dark-info);\n --nc-info-soft: var(--nc-dark-info-soft);\n --nc-info-deep: var(--nc-dark-info-deep);\n --nc-success: var(--nc-dark-success);\n --nc-success-soft: var(--nc-dark-success-soft);\n --nc-success-deep: var(--nc-dark-success-deep);\n --nc-state-ready: var(--nc-dark-state-ready);\n --nc-state-running: var(--nc-dark-state-running);\n --nc-state-review: var(--nc-dark-state-review);\n --nc-state-blocked: var(--nc-dark-state-blocked);\n --nc-state-complete: var(--nc-dark-state-complete);\n --nc-logo-dot: var(--nc-dark-logo-dot);\n --nc-navigation-selection-bg: var(--nc-dark-navigation-selection-bg);\n --nc-navigation-selection-fg: var(--nc-dark-navigation-selection-fg);\n --nc-navigation-selection-hover: var(--nc-dark-navigation-selection-hover);\n --nc-chart-1: var(--nc-dark-chart-1);\n --nc-chart-2: var(--nc-dark-chart-2);\n --nc-chart-3: var(--nc-dark-chart-3);\n --nc-chart-4: var(--nc-dark-chart-4);\n --nc-chart-5: var(--nc-dark-chart-5);\n --nc-chart-6: var(--nc-dark-chart-6);\n --nc-elevation-resting: 0px 1px 2px 0px rgb(0% 0% 0% / 0.16), 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);\n --nc-elevation-raised:\n 0px 2px 2px 0px rgb(0% 0% 0% / 0.2),\n 0px 8px 8px -8px rgb(0% 0% 0% / 0.3),\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);\n --nc-elevation-floating:\n 0px 4px 8px -4px rgb(0% 0% 0% / 0.4),\n 0px 16px 24px -8px rgb(0% 0% 0% / 0.5),\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);\n --nc-elevation-modal:\n 0px 8px 16px -4px rgb(0% 0% 0% / 0.4),\n 0px 24px 32px -8px rgb(0% 0% 0% / 0.55),\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145);\n }\n}";
2
+ export const designTokensCss = "@layer tokens, theme;\n\n\n\n\n\n\n\n\n\n@layer tokens {\n :root {\n --nc-action: oklch(0.1776 0.0000 0.00);\n --nc-action-foreground: oklch(1.0000 0.0000 0.00);\n --nc-action-hover: oklch(0.3012 0.0000 0.00);\n --nc-action-active: oklch(0.0000 0.0000 0.00);\n --nc-ink: oklch(0.1776 0.0000 0.00);\n --nc-body: oklch(0.5103 0.0000 0.00);\n --nc-muted: oklch(0.5278 0.0000 0.00);\n --nc-canvas: oklch(1.0000 0.0000 0.00);\n --nc-canvas-soft: oklch(0.9851 0.0000 0.00);\n --nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);\n --nc-material-workspace: oklch(0.9851 0.0000 0.00);\n --nc-material-solid: oklch(1.0000 0.0000 0.00);\n --nc-material-resting: oklch(1.0000 0.0000 0.00);\n --nc-material-raised: oklch(1.0000 0.0000 0.00);\n --nc-material-floating: oklch(1.0000 0.0000 0.00);\n --nc-material-modal: oklch(1.0000 0.0000 0.00);\n --nc-line: oklch(0.9219 0.0000 0.00);\n --nc-input: oklch(0.5624 0.0000 0.00);\n --nc-focus-ring: oklch(0.1776 0.0000 0.00);\n --nc-scrim: oklch(0.0000 0.0000 0.00);\n --nc-link: oklch(0.5339 0.1875 256.73);\n --nc-link-deep: oklch(0.4653 0.1652 257.00);\n --nc-link-bg-soft: oklch(0.9656 0.0171 248.01);\n --nc-info: oklch(0.5005 0.2804 266.17);\n --nc-info-soft: oklch(0.9457 0.0259 276.40);\n --nc-info-deep: oklch(0.3197 0.1758 266.79);\n --nc-success: oklch(0.6415 0.1644 153.23);\n --nc-success-soft: oklch(0.9170 0.0519 161.77);\n --nc-success-deep: oklch(0.3852 0.0953 154.99);\n --nc-error: oklch(0.5688 0.1995 26.59);\n --nc-error-soft: oklch(0.9522 0.0207 17.52);\n --nc-error-deep: oklch(0.4235 0.1525 27.08);\n --nc-warning: oklch(0.8466 0.1678 84.63);\n --nc-warning-soft: oklch(0.9649 0.0461 90.87);\n --nc-warning-deep: oklch(0.4834 0.0995 82.44);\n --nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00);\n --nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00);\n --nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00);\n --nc-state-ready: oklch(0.5278 0.0000 0.00);\n --nc-state-running: oklch(0.5005 0.2804 266.17);\n --nc-state-review: oklch(0.8466 0.1678 84.63);\n --nc-state-blocked: oklch(0.5688 0.1995 26.59);\n --nc-state-complete: oklch(0.6415 0.1644 153.23);\n --nc-identity-verde: oklch(0.6415 0.1644 153.23);\n --nc-identity-rosso: oklch(0.5688 0.1995 26.59);\n --nc-identity-arancio: oklch(0.6824 0.2108 37.70);\n --nc-identity-giallo: oklch(0.8466 0.1678 84.63);\n --nc-identity-cobalto: oklch(0.5005 0.2804 266.17);\n --nc-identity-azzurro: oklch(0.5618 0.2019 258.24);\n --nc-identity-ink: oklch(0.0000 0.0000 0.00);\n --nc-identity-white: oklch(1.0000 0.0000 0.00);\n --nc-logo-dot: oklch(0.5005 0.2804 266.17);\n --nc-chart-1: oklch(0.5005 0.2804 266.17);\n --nc-chart-2: oklch(0.6415 0.1644 153.23);\n --nc-chart-3: oklch(0.7638 0.1562 86.86);\n --nc-chart-4: oklch(0.5688 0.1995 26.59);\n --nc-chart-5: oklch(0.6161 0.1062 208.85);\n --nc-chart-6: oklch(0.5015 0.1883 294.99);\n --nc-dark-canvas: oklch(0.0000 0.0000 0.00);\n --nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00);\n --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);\n --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);\n --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);\n --nc-dark-material-resting: oklch(0.1448 0.0000 0.00);\n --nc-dark-material-raised: oklch(0.1684 0.0000 0.00);\n --nc-dark-material-floating: oklch(0.1776 0.0000 0.00);\n --nc-dark-material-modal: oklch(0.1776 0.0000 0.00);\n --nc-dark-ink: oklch(0.9461 0.0000 0.00);\n --nc-dark-body: oklch(0.7090 0.0000 0.00);\n --nc-dark-muted: oklch(0.6993 0.0000 0.00);\n --nc-dark-line: oklch(0.2686 0.0000 0.00);\n --nc-dark-input: oklch(0.5590 0.0000 0.00);\n --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);\n --nc-dark-action: oklch(0.9461 0.0000 0.00);\n --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);\n --nc-dark-action-hover: oklch(0.8761 0.0000 0.00);\n --nc-dark-action-active: oklch(0.8297 0.0000 0.00);\n --nc-dark-link: oklch(0.7173 0.1522 251.00);\n --nc-dark-link-deep: oklch(0.8135 0.0986 247.81);\n --nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41);\n --nc-dark-focus-ring: oklch(0.9461 0.0000 0.00);\n --nc-dark-scrim: oklch(0.0000 0.0000 0.00);\n --nc-dark-error: oklch(0.7955 0.0980 21.02);\n --nc-dark-error-soft: oklch(0.2296 0.0728 26.06);\n --nc-dark-error-deep: oklch(0.8856 0.0534 19.64);\n --nc-dark-warning: oklch(0.8939 0.1387 90.47);\n --nc-dark-warning-soft: oklch(0.3135 0.0643 85.04);\n --nc-dark-warning-deep: oklch(0.9320 0.0896 90.86);\n --nc-dark-info: oklch(0.7067 0.1528 272.08);\n --nc-dark-info-soft: oklch(0.2118 0.1033 268.28);\n --nc-dark-info-deep: oklch(0.8222 0.0888 274.44);\n --nc-dark-success: oklch(0.7019 0.1753 153.20);\n --nc-dark-success-soft: oklch(0.2893 0.0697 156.32);\n --nc-dark-success-deep: oklch(0.8524 0.0996 159.83);\n --nc-dark-state-ready: oklch(0.5624 0.0000 0.00);\n --nc-dark-state-running: oklch(0.5923 0.2215 269.61);\n --nc-dark-state-review: oklch(0.8466 0.1678 84.63);\n --nc-dark-state-blocked: oklch(0.5688 0.1995 26.59);\n --nc-dark-state-complete: oklch(0.6415 0.1644 153.23);\n --nc-dark-logo-dot: oklch(0.5923 0.2215 269.61);\n --nc-dark-navigation-selection-bg: oklch(0.2393 0.0000 0.00);\n --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);\n --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);\n --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);\n --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);\n --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);\n --nc-dark-chart-4: oklch(0.6627 0.1685 23.66);\n --nc-dark-chart-5: oklch(0.7820 0.1247 190.99);\n --nc-dark-chart-6: oklch(0.6297 0.1321 299.36);\n --nc-category-teal-soft: oklch(0.9585 0.0244 187.32);\n --nc-category-teal-deep: oklch(0.4600 0.0788 185.34);\n --nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13);\n --nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70);\n --nc-category-purple-soft: oklch(0.9464 0.0327 307.17);\n --nc-category-purple-deep: oklch(0.4541 0.1958 308.26);\n --nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78);\n --nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92);\n --nc-category-pink-soft: oklch(0.9476 0.0263 347.12);\n --nc-category-pink-deep: oklch(0.4863 0.1711 355.09);\n --nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51);\n --nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21);\n --nc-xxs: 4px;\n --nc-xs: 8px;\n --nc-sm: 12px;\n --nc-md: 16px;\n --nc-lg: 24px;\n --nc-xl: 32px;\n --nc-2xl: 40px;\n --nc-3xl: 48px;\n --nc-4xl: 64px;\n --nc-5xl: 96px;\n --nc-6xl: 128px;\n --nc-guide: 1px;\n --nc-icon-stroke: 1.5px;\n --nc-icon-stroke-sm: 1.25px;\n --nc-focus-outline-width: 2px;\n --nc-focus-outline-offset: 2px;\n --nc-control-height: 36px;\n --nc-control-height-sm: 32px;\n --nc-control-height-lg: 40px;\n --nc-control-height-xs: 24px;\n --nc-control-padding-inline: 12px;\n --nc-card-padding: 20px;\n --nc-touch-target: 44px;\n --nc-rounded-none: 0px;\n --nc-rounded-xs: 2px;\n --nc-rounded-sm: 6px;\n --nc-rounded-md: 8px;\n --nc-rounded-lg: 12px;\n --nc-rounded-xl: 16px;\n --nc-rounded-2xl: 20px;\n --nc-rounded-3xl: 24px;\n --nc-rounded-full: 9999px;\n --nc-type-display-xl-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-xl-font-size: 72px;\n --nc-type-display-xl-font-weight: 600;\n --nc-type-display-xl-line-height: 72px;\n --nc-type-display-xl-letter-spacing: -4.32px;\n --nc-type-display-wide-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-wide-font-size: 64px;\n --nc-type-display-wide-font-weight: 600;\n --nc-type-display-wide-line-height: 64px;\n --nc-type-display-wide-letter-spacing: -3.84px;\n --nc-type-display-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-lg-font-size: 56px;\n --nc-type-display-lg-font-weight: 600;\n --nc-type-display-lg-line-height: 56px;\n --nc-type-display-lg-letter-spacing: -3.36px;\n --nc-type-display-section-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-section-font-size: 48px;\n --nc-type-display-section-font-weight: 600;\n --nc-type-display-section-line-height: 56px;\n --nc-type-display-section-letter-spacing: -2.88px;\n --nc-type-display-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-display-md-font-size: 40px;\n --nc-type-display-md-font-weight: 600;\n --nc-type-display-md-line-height: 48px;\n --nc-type-display-md-letter-spacing: -2.4px;\n --nc-type-heading-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-lg-font-size: 32px;\n --nc-type-heading-lg-font-weight: 600;\n --nc-type-heading-lg-line-height: 40px;\n --nc-type-heading-lg-letter-spacing: -1.28px;\n --nc-type-heading-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-md-font-size: 24px;\n --nc-type-heading-md-font-weight: 600;\n --nc-type-heading-md-line-height: 32px;\n --nc-type-heading-md-letter-spacing: -0.96px;\n --nc-type-heading-sm-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-sm-font-size: 20px;\n --nc-type-heading-sm-font-weight: 600;\n --nc-type-heading-sm-line-height: 26px;\n --nc-type-heading-sm-letter-spacing: -0.4px;\n --nc-type-heading-xs-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-xs-font-size: 16px;\n --nc-type-heading-xs-font-weight: 600;\n --nc-type-heading-xs-line-height: 24px;\n --nc-type-heading-xs-letter-spacing: -0.32px;\n --nc-type-heading-compact-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-heading-compact-font-size: 14px;\n --nc-type-heading-compact-font-weight: 600;\n --nc-type-heading-compact-line-height: 20px;\n --nc-type-heading-compact-letter-spacing: -0.28px;\n --nc-type-button-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-button-lg-font-size: 16px;\n --nc-type-button-lg-font-weight: 500;\n --nc-type-button-lg-line-height: 20px;\n --nc-type-button-lg-letter-spacing: 0px;\n --nc-type-button-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-button-font-size: 14px;\n --nc-type-button-font-weight: 500;\n --nc-type-button-line-height: 20px;\n --nc-type-button-letter-spacing: 0px;\n --nc-type-button-xs-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-button-xs-font-size: 12px;\n --nc-type-button-xs-font-weight: 500;\n --nc-type-button-xs-line-height: 16px;\n --nc-type-button-xs-letter-spacing: 0px;\n --nc-type-label-display-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-label-display-font-size: 20px;\n --nc-type-label-display-font-weight: 400;\n --nc-type-label-display-line-height: 32px;\n --nc-type-label-display-letter-spacing: 0px;\n --nc-type-label-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-label-lg-font-size: 18px;\n --nc-type-label-lg-font-weight: 400;\n --nc-type-label-lg-line-height: 20px;\n --nc-type-label-lg-letter-spacing: 0px;\n --nc-type-label-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-label-md-font-size: 16px;\n --nc-type-label-md-font-weight: 400;\n --nc-type-label-md-line-height: 20px;\n --nc-type-label-md-letter-spacing: 0px;\n --nc-type-label-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-label-font-size: 14px;\n --nc-type-label-font-weight: 400;\n --nc-type-label-line-height: 20px;\n --nc-type-label-letter-spacing: 0px;\n --nc-type-label-sm-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-label-sm-font-size: 13px;\n --nc-type-label-sm-font-weight: 400;\n --nc-type-label-sm-line-height: 16px;\n --nc-type-label-sm-letter-spacing: 0px;\n --nc-type-caption-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-caption-font-size: 12px;\n --nc-type-caption-font-weight: 400;\n --nc-type-caption-line-height: 16px;\n --nc-type-caption-letter-spacing: 0px;\n --nc-type-label-mono-lg-font-family:\n Geist Mono,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n monospace;\n --nc-type-label-mono-lg-font-size: 14px;\n --nc-type-label-mono-lg-font-weight: 400;\n --nc-type-label-mono-lg-line-height: 20px;\n --nc-type-label-mono-lg-letter-spacing: 0px;\n --nc-type-label-mono-md-font-family:\n Geist Mono,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n monospace;\n --nc-type-label-mono-md-font-size: 13px;\n --nc-type-label-mono-md-font-weight: 400;\n --nc-type-label-mono-md-line-height: 20px;\n --nc-type-label-mono-md-letter-spacing: 0px;\n --nc-type-label-mono-font-family:\n Geist Mono,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n monospace;\n --nc-type-label-mono-font-size: 12px;\n --nc-type-label-mono-font-weight: 400;\n --nc-type-label-mono-line-height: 16px;\n --nc-type-label-mono-letter-spacing: 0px;\n --nc-type-body-display-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-display-font-size: 24px;\n --nc-type-body-display-font-weight: 400;\n --nc-type-body-display-line-height: 36px;\n --nc-type-body-display-letter-spacing: 0px;\n --nc-type-body-lead-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-lead-font-size: 20px;\n --nc-type-body-lead-font-weight: 400;\n --nc-type-body-lead-line-height: 36px;\n --nc-type-body-lead-letter-spacing: 0px;\n --nc-type-body-lg-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-lg-font-size: 18px;\n --nc-type-body-lg-font-weight: 400;\n --nc-type-body-lg-line-height: 28px;\n --nc-type-body-lg-letter-spacing: 0px;\n --nc-type-body-md-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-md-font-size: 16px;\n --nc-type-body-md-font-weight: 400;\n --nc-type-body-md-line-height: 24px;\n --nc-type-body-md-letter-spacing: 0px;\n --nc-type-body-sm-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-sm-font-size: 14px;\n --nc-type-body-sm-font-weight: 400;\n --nc-type-body-sm-line-height: 20px;\n --nc-type-body-sm-letter-spacing: 0px;\n --nc-type-body-compact-font-family:\n Geist,\n Inter,\n system-ui,\n -apple-system,\n sans-serif;\n --nc-type-body-compact-font-size: 13px;\n --nc-type-body-compact-font-weight: 400;\n --nc-type-body-compact-line-height: 18px;\n --nc-type-body-compact-letter-spacing: 0px;\n --nc-type-code-font-family:\n Geist Mono,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n monospace;\n --nc-type-code-font-size: 13px;\n --nc-type-code-font-weight: 400;\n --nc-type-code-line-height: 18px;\n --nc-type-code-letter-spacing: 0px;\n --nc-material-scrim-opacity: 50%;\n --nc-material-glass-opacity: 60%;\n --nc-material-glass-saturation: 180%;\n --nc-material-glass-blur: 20px;\n --nc-material-glass-highlight: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.18);\n --nc-elevation-resting:\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),\n 0px 2px 2px 0px rgb(0% 0% 0% / 0.04),\n 0px 0px 0px 1px rgb(100% 100% 100%);\n --nc-elevation-raised:\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),\n 0px 2px 2px 0px rgb(0% 0% 0% / 0.04),\n 0px 8px 8px -8px rgb(0% 0% 0% / 0.04),\n 0px 0px 0px 1px rgb(100% 100% 100%);\n --nc-elevation-floating:\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),\n 0px 1px 1px 0px rgb(0% 0% 0% / 0.02),\n 0px 4px 8px -4px rgb(0% 0% 0% / 0.04),\n 0px 16px 24px -8px rgb(0% 0% 0% / 0.06),\n 0px 0px 0px 1px rgb(100% 100% 100%);\n --nc-elevation-modal:\n 0px 0px 0px 1px rgb(0% 0% 0% / 0.08),\n 0px 1px 1px 0px rgb(0% 0% 0% / 0.02),\n 0px 8px 16px -4px rgb(0% 0% 0% / 0.04),\n 0px 24px 32px -8px rgb(0% 0% 0% / 0.06),\n 0px 0px 0px 1px rgb(100% 100% 100%);\n --nc-duration-control: 100ms;\n --nc-duration-close: 140ms;\n --nc-duration-confirm: 180ms;\n --nc-duration-open: 220ms;\n --nc-duration-msg-in: 240ms;\n --nc-duration-transition: 240ms;\n --nc-duration-drawer-swipe: 400ms;\n --nc-duration-drawer: 450ms;\n --nc-duration-wait: 1.6s;\n --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);\n --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);\n --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);\n --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);\n --nc-content-max: 1200px;\n --nc-gutter-mobile: 20px;\n --nc-gutter-tablet: 40px;\n --nc-gutter-desktop: 64px;\n --nc-section-step-mobile: 64px;\n --nc-section-step-desktop: 96px;\n }\n}\n\n\n@layer theme {\n .dark {\n --nc-canvas: var(--nc-dark-canvas);\n --nc-canvas-soft: var(--nc-dark-canvas-soft);\n --nc-canvas-soft-2: var(--nc-dark-canvas-soft-2);\n --nc-material-workspace: var(--nc-dark-material-workspace);\n --nc-material-solid: var(--nc-dark-material-solid);\n --nc-material-resting: var(--nc-dark-material-resting);\n --nc-material-raised: var(--nc-dark-material-raised);\n --nc-material-floating: var(--nc-dark-material-floating);\n --nc-material-modal: var(--nc-dark-material-modal);\n --nc-ink: var(--nc-dark-ink);\n --nc-body: var(--nc-dark-body);\n --nc-muted: var(--nc-dark-muted);\n --nc-line: var(--nc-dark-line);\n --nc-input: var(--nc-dark-input);\n --nc-action: var(--nc-dark-action);\n --nc-action-foreground: var(--nc-dark-action-foreground);\n --nc-action-hover: var(--nc-dark-action-hover);\n --nc-action-active: var(--nc-dark-action-active);\n --nc-link: var(--nc-dark-link);\n --nc-link-deep: var(--nc-dark-link-deep);\n --nc-link-bg-soft: var(--nc-dark-link-bg-soft);\n --nc-focus-ring: var(--nc-dark-focus-ring);\n --nc-scrim: var(--nc-dark-scrim);\n --nc-error: var(--nc-dark-error);\n --nc-error-soft: var(--nc-dark-error-soft);\n --nc-error-deep: var(--nc-dark-error-deep);\n --nc-warning: var(--nc-dark-warning);\n --nc-warning-soft: var(--nc-dark-warning-soft);\n --nc-warning-deep: var(--nc-dark-warning-deep);\n --nc-info: var(--nc-dark-info);\n --nc-info-soft: var(--nc-dark-info-soft);\n --nc-info-deep: var(--nc-dark-info-deep);\n --nc-success: var(--nc-dark-success);\n --nc-success-soft: var(--nc-dark-success-soft);\n --nc-success-deep: var(--nc-dark-success-deep);\n --nc-state-ready: var(--nc-dark-state-ready);\n --nc-state-running: var(--nc-dark-state-running);\n --nc-state-review: var(--nc-dark-state-review);\n --nc-state-blocked: var(--nc-dark-state-blocked);\n --nc-state-complete: var(--nc-dark-state-complete);\n --nc-logo-dot: var(--nc-dark-logo-dot);\n --nc-navigation-selection-bg: var(--nc-dark-navigation-selection-bg);\n --nc-navigation-selection-fg: var(--nc-dark-navigation-selection-fg);\n --nc-navigation-selection-hover: var(--nc-dark-navigation-selection-hover);\n --nc-chart-1: var(--nc-dark-chart-1);\n --nc-chart-2: var(--nc-dark-chart-2);\n --nc-chart-3: var(--nc-dark-chart-3);\n --nc-chart-4: var(--nc-dark-chart-4);\n --nc-chart-5: var(--nc-dark-chart-5);\n --nc-chart-6: var(--nc-dark-chart-6);\n --nc-category-teal-soft: var(--nc-dark-category-teal-soft);\n --nc-category-teal-deep: var(--nc-dark-category-teal-deep);\n --nc-category-purple-soft: var(--nc-dark-category-purple-soft);\n --nc-category-purple-deep: var(--nc-dark-category-purple-deep);\n --nc-category-pink-soft: var(--nc-dark-category-pink-soft);\n --nc-category-pink-deep: var(--nc-dark-category-pink-deep);\n --nc-elevation-resting:\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),\n 0px 1px 2px 0px rgb(0% 0% 0% / 0.16),\n 0px 0px 0px 1px rgb(0% 0% 0%);\n --nc-elevation-raised:\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),\n 0px 2px 2px 0px rgb(0% 0% 0% / 0.2),\n 0px 8px 8px -8px rgb(0% 0% 0% / 0.3),\n 0px 0px 0px 1px rgb(0% 0% 0%);\n --nc-elevation-floating:\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),\n 0px 4px 8px -4px rgb(0% 0% 0% / 0.4),\n 0px 16px 24px -8px rgb(0% 0% 0% / 0.5),\n 0px 0px 0px 1px rgb(0% 0% 0%);\n --nc-elevation-modal:\n 0px 0px 0px 1px rgb(100% 100% 100% / 0.145),\n 0px 8px 16px -4px rgb(0% 0% 0% / 0.4),\n 0px 24px 32px -8px rgb(0% 0% 0% / 0.55),\n 0px 0px 0px 1px rgb(0% 0% 0%);\n }\n}";
3
3
  export const brandWordmarkSvg = "<svg data-slot=\"brand-wordmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 858 150\" width=\"137\" height=\"24\" class=\"block h-6 w-auto\" role=\"img\" aria-label=\"nadicode\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"18\"><path d=\"M9 150V100A41 41 0 0 1 91 100V150\"></path><circle cx=\"172\" cy=\"100\" r=\"41\"></circle><path d=\"M213 50V150\"></path><circle cx=\"294\" cy=\"100\" r=\"41\"></circle><path d=\"M335 0V150\"></path><path d=\"M375 50V150\"></path><path d=\"M484.99 71.01A41 41 0 1 0 484.99 128.99\"></path><circle cx=\"564\" cy=\"100\" r=\"41\"></circle><circle cx=\"686\" cy=\"100\" r=\"41\"></circle><path d=\"M727 0V150\"></path><path d=\"M767 100H849A41 41 0 1 0 839.41 126.35\"></path></g><circle cx=\"375\" cy=\"21\" r=\"14\" fill=\"var(--nc-logo-dot)\"></circle></svg>";