@publish.os/nextjs 0.0.1-alpha.4 → 0.0.1-alpha.5

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 (38) hide show
  1. package/dist/kernel/components/blocks/design-system-preview.cjs +18 -17
  2. package/dist/kernel/components/blocks/design-system-preview.js +18 -17
  3. package/dist/kernel/components/blocks/link-playground.cjs +3 -3
  4. package/dist/kernel/components/blocks/link-playground.js +3 -3
  5. package/dist/kernel/components/blocks/navbar.cjs +1 -1
  6. package/dist/kernel/components/blocks/navbar.js +1 -1
  7. package/dist/kernel/components/blocks/navigation-progress-playground.cjs +2 -2
  8. package/dist/kernel/components/blocks/navigation-progress-playground.js +2 -2
  9. package/dist/kernel/components/ui/button-group.cjs +2 -3
  10. package/dist/kernel/components/ui/button-group.d.cts +2 -2
  11. package/dist/kernel/components/ui/button-group.d.ts +2 -2
  12. package/dist/kernel/components/ui/button-group.js +2 -3
  13. package/dist/kernel/components/ui/button.cjs +4 -12
  14. package/dist/kernel/components/ui/button.d.cts +3 -4
  15. package/dist/kernel/components/ui/button.d.ts +3 -4
  16. package/dist/kernel/components/ui/button.js +4 -12
  17. package/dist/kernel/components/ui/card.d.cts +1 -1
  18. package/dist/kernel/components/ui/card.d.ts +1 -1
  19. package/dist/kernel/components/ui/tag.cjs +104 -0
  20. package/dist/kernel/components/ui/tag.d.cts +14 -0
  21. package/dist/kernel/components/ui/tag.d.ts +14 -0
  22. package/dist/kernel/components/ui/tag.js +76 -0
  23. package/dist/kernel/components/ui/text.d.cts +1 -1
  24. package/dist/kernel/components/ui/text.d.ts +1 -1
  25. package/dist/kernel/components/ui/theme-toggle.cjs +1 -1
  26. package/dist/kernel/components/ui/theme-toggle.js +1 -1
  27. package/dist/kernel/defaults.registry.cjs +4 -4
  28. package/dist/kernel/defaults.registry.d.cts +4 -4
  29. package/dist/kernel/defaults.registry.d.ts +4 -4
  30. package/dist/kernel/defaults.registry.js +4 -4
  31. package/package.json +3 -4
  32. package/release/package.json +1 -1
  33. package/release/pnpm-lock.yaml +224 -201
  34. package/release/release.json +3 -3
  35. package/dist/kernel/components/ui/badge.cjs +0 -75
  36. package/dist/kernel/components/ui/badge.d.cts +0 -12
  37. package/dist/kernel/components/ui/badge.d.ts +0 -12
  38. package/dist/kernel/components/ui/badge.js +0 -47
package/dist/kernel/components/blocks/design-system-preview.cjs CHANGED
@@ -38,7 +38,6 @@ var import_animated_icon_swap = require("./animated-icon-swap.js");
38
38
  var import_color_palette = __toESM(require("./color-palette.js"), 1);
39
39
  var import_inline_code = require("../mdx/components/inline-code.js");
40
40
  var import_accordion = require("../ui/accordion.js");
41
- var import_badge = require("../ui/badge.js");
42
41
  var import_breadcrumb = require("../ui/breadcrumb.js");
43
42
  var import_button = require("../ui/button.js");
44
43
  var import_button_group = require("../ui/button-group.js");
@@ -57,6 +56,7 @@ var import_select = require("../ui/select.js");
57
56
  var import_separator = require("../ui/separator.js");
58
57
  var import_table = require("../ui/table.js");
59
58
  var import_tabs = require("../ui/tabs.js");
59
+ var import_tag = require("../ui/tag.js");
60
60
  var import_text = require("../ui/text.js");
61
61
  var import_toast = require("../ui/toast.js");
62
62
  var import_tooltip = require("../ui/tooltip.js");
@@ -111,15 +111,15 @@ function UiPreview({ items = [] }) {
111
111
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid border-l border-t border-stroke-3 md:grid-cols-2 xl:grid-cols-4", children: [
112
112
  items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: item.name, children: item.children }, item.name)),
113
113
  !hasFixture(items, "Button") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Button", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
114
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "Primary" }),
115
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Secondary" }),
114
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "Solid" }),
115
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Soft" }),
116
116
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { disabled: true, variant: "outline", children: "Disabled" })
117
117
  ] }) }),
118
118
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "ButtonGroup", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-4", children: [
119
119
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button_group.ButtonGroup, { children: [
120
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Draft" }),
121
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Preview" }),
122
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Publish" })
120
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Draft" }),
121
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Preview" }),
122
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Publish" })
123
123
  ] }),
124
124
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button_group.ButtonGroup, { children: [
125
125
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_group.ButtonGroupText, { size: "sm", children: "v1.2.0" }),
@@ -127,14 +127,15 @@ function UiPreview({ items = [] }) {
127
127
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "outline", children: "Copy" })
128
128
  ] }),
129
129
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button_group.ButtonGroup, { orientation: "vertical", children: [
130
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "secondary", children: "Move up" }),
131
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "secondary", children: "Move down" })
130
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "soft", children: "Move up" }),
131
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "soft", children: "Move down" })
132
132
  ] })
133
133
  ] }) }),
134
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Badge", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap justify-center gap-2", children: [
135
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "primary", children: "Primary" }),
136
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { children: "Default" }),
137
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "outline", children: "Outline" })
134
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Tag", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap justify-center gap-2", children: [
135
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { children: "Solid" }),
136
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { variant: "soft", children: "Soft" }),
137
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { variant: "outline", children: "Outline" }),
138
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { borderStyle: "dotted", tone: "accent", variant: "soft", children: "Beta" })
138
139
  ] }) }),
139
140
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Input", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
140
141
  "label",
@@ -178,7 +179,7 @@ function UiPreview({ items = [] }) {
178
179
  }
179
180
  ),
180
181
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { color: "accent", disabled: true, href: "#", variant: "link.standalone", children: "Disabled link" }),
181
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.primary", children: "Link as button" })
182
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.solid", children: "Link as button" })
182
183
  ] }) }),
183
184
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Link colors", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
184
185
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "/ds", color: "green-300", children: "Docs" }),
@@ -223,8 +224,8 @@ function UiPreview({ items = [] }) {
223
224
  ] }) }),
224
225
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
225
226
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", variant: "link.inline", children: "Link inline" }),
226
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.secondary", children: "Link button" }),
227
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "secondary", children: "Button" })
227
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.soft", children: "Link button" }),
228
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "soft", children: "Button" })
228
229
  ] })
229
230
  ] }) }),
230
231
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Text", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-xs space-y-2", children: [
@@ -412,7 +413,7 @@ function MdxPreview({ items = [] }) {
412
413
  !hasFixture(items, "Link") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
413
414
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { color: "default", href: "/ds", variant: "link.standalone", children: "Default standalone" }),
414
415
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { color: "accent", href: "/ds", variant: "link.inline", children: "Accent inline" }),
415
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "/ds", size: "sm", variant: "button.primary", children: "Button link" })
416
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "/ds", size: "sm", variant: "button.solid", children: "Button link" })
416
417
  ] }) }),
417
418
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "MDX Links", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-md space-y-4 text-sm leading-7 text-foreground-2", children: [
418
419
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
@@ -481,7 +482,7 @@ function CopyToClipboardPreview() {
481
482
  }
482
483
  ),
483
484
  onClick: handleCopy,
484
- variant: "secondary",
485
+ variant: "soft",
485
486
  children: "Copy"
486
487
  }
487
488
  );
package/dist/kernel/components/blocks/design-system-preview.js CHANGED
@@ -11,7 +11,6 @@ import {
11
11
  AccordionPanel,
12
12
  AccordionTrigger
13
13
  } from "../ui/accordion.js";
14
- import { Badge } from "../ui/badge.js";
15
14
  import {
16
15
  Breadcrumb,
17
16
  BreadcrumbItem,
@@ -108,6 +107,7 @@ import {
108
107
  TabsPanel,
109
108
  TabsTab
110
109
  } from "../ui/tabs.js";
110
+ import { Tag } from "../ui/tag.js";
111
111
  import { Text } from "../ui/text.js";
112
112
  import {
113
113
  Toast,
@@ -175,15 +175,15 @@ function UiPreview({ items = [] }) {
175
175
  return /* @__PURE__ */ jsxs("div", { className: "grid border-l border-t border-stroke-3 md:grid-cols-2 xl:grid-cols-4", children: [
176
176
  items.map((item) => /* @__PURE__ */ jsx(PreviewCell, { name: item.name, children: item.children }, item.name)),
177
177
  !hasFixture(items, "Button") && /* @__PURE__ */ jsx(PreviewCell, { name: "Button", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
178
- /* @__PURE__ */ jsx(Button, { children: "Primary" }),
179
- /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Secondary" }),
178
+ /* @__PURE__ */ jsx(Button, { children: "Solid" }),
179
+ /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Soft" }),
180
180
  /* @__PURE__ */ jsx(Button, { disabled: true, variant: "outline", children: "Disabled" })
181
181
  ] }) }),
182
182
  /* @__PURE__ */ jsx(PreviewCell, { name: "ButtonGroup", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
183
183
  /* @__PURE__ */ jsxs(ButtonGroup, { children: [
184
- /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Draft" }),
185
- /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Preview" }),
186
- /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Publish" })
184
+ /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Draft" }),
185
+ /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Preview" }),
186
+ /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Publish" })
187
187
  ] }),
188
188
  /* @__PURE__ */ jsxs(ButtonGroup, { children: [
189
189
  /* @__PURE__ */ jsx(ButtonGroupText, { size: "sm", children: "v1.2.0" }),
@@ -191,14 +191,15 @@ function UiPreview({ items = [] }) {
191
191
  /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", children: "Copy" })
192
192
  ] }),
193
193
  /* @__PURE__ */ jsxs(ButtonGroup, { orientation: "vertical", children: [
194
- /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", children: "Move up" }),
195
- /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", children: "Move down" })
194
+ /* @__PURE__ */ jsx(Button, { size: "sm", variant: "soft", children: "Move up" }),
195
+ /* @__PURE__ */ jsx(Button, { size: "sm", variant: "soft", children: "Move down" })
196
196
  ] })
197
197
  ] }) }),
198
- /* @__PURE__ */ jsx(PreviewCell, { name: "Badge", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2", children: [
199
- /* @__PURE__ */ jsx(Badge, { variant: "primary", children: "Primary" }),
200
- /* @__PURE__ */ jsx(Badge, { children: "Default" }),
201
- /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Outline" })
198
+ /* @__PURE__ */ jsx(PreviewCell, { name: "Tag", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2", children: [
199
+ /* @__PURE__ */ jsx(Tag, { children: "Solid" }),
200
+ /* @__PURE__ */ jsx(Tag, { variant: "soft", children: "Soft" }),
201
+ /* @__PURE__ */ jsx(Tag, { variant: "outline", children: "Outline" }),
202
+ /* @__PURE__ */ jsx(Tag, { borderStyle: "dotted", tone: "accent", variant: "soft", children: "Beta" })
202
203
  ] }) }),
203
204
  /* @__PURE__ */ jsx(PreviewCell, { name: "Input", children: /* @__PURE__ */ jsxs(
204
205
  "label",
@@ -242,7 +243,7 @@ function UiPreview({ items = [] }) {
242
243
  }
243
244
  ),
244
245
  /* @__PURE__ */ jsx(Link, { color: "accent", disabled: true, href: "#", variant: "link.standalone", children: "Disabled link" }),
245
- /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.primary", children: "Link as button" })
246
+ /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.solid", children: "Link as button" })
246
247
  ] }) }),
247
248
  /* @__PURE__ */ jsx(PreviewCell, { name: "Link colors", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
248
249
  /* @__PURE__ */ jsx(Link, { href: "/ds", color: "green-300", children: "Docs" }),
@@ -287,8 +288,8 @@ function UiPreview({ items = [] }) {
287
288
  ] }) }),
288
289
  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
289
290
  /* @__PURE__ */ jsx(Link, { href: "#", variant: "link.inline", children: "Link inline" }),
290
- /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.secondary", children: "Link button" }),
291
- /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", children: "Button" })
291
+ /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.soft", children: "Link button" }),
292
+ /* @__PURE__ */ jsx(Button, { size: "sm", variant: "soft", children: "Button" })
292
293
  ] })
293
294
  ] }) }),
294
295
  /* @__PURE__ */ jsx(PreviewCell, { name: "Text", children: /* @__PURE__ */ jsxs("div", { className: "max-w-xs space-y-2", children: [
@@ -476,7 +477,7 @@ function MdxPreview({ items = [] }) {
476
477
  !hasFixture(items, "Link") && /* @__PURE__ */ jsx(PreviewCell, { name: "Link", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
477
478
  /* @__PURE__ */ jsx(Link, { color: "default", href: "/ds", variant: "link.standalone", children: "Default standalone" }),
478
479
  /* @__PURE__ */ jsx(Link, { color: "accent", href: "/ds", variant: "link.inline", children: "Accent inline" }),
479
- /* @__PURE__ */ jsx(Link, { href: "/ds", size: "sm", variant: "button.primary", children: "Button link" })
480
+ /* @__PURE__ */ jsx(Link, { href: "/ds", size: "sm", variant: "button.solid", children: "Button link" })
480
481
  ] }) }),
481
482
  /* @__PURE__ */ jsx(PreviewCell, { name: "MDX Links", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md space-y-4 text-sm leading-7 text-foreground-2", children: [
482
483
  /* @__PURE__ */ jsxs("p", { children: [
@@ -545,7 +546,7 @@ function CopyToClipboardPreview() {
545
546
  }
546
547
  ),
547
548
  onClick: handleCopy,
548
- variant: "secondary",
549
+ variant: "soft",
549
550
  children: "Copy"
550
551
  }
551
552
  );
package/dist/kernel/components/blocks/link-playground.cjs CHANGED
@@ -349,7 +349,7 @@ function LinkSet({ settings }) {
349
349
  children: "Disabled link"
350
350
  }
351
351
  ),
352
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "lg", variant: "button.primary", children: "Link as button" })
352
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "lg", variant: "button.solid", children: "Link as button" })
353
353
  ] });
354
354
  }
355
355
  function SizeScale({ settings }) {
@@ -541,7 +541,7 @@ function LinkPlayground() {
541
541
  ] }),
542
542
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
543
543
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: reset, size: "xs", variant: "outline", children: "Reset" }),
544
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
544
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
545
545
  ] })
546
546
  ] }) }),
547
547
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-4 border-b border-stroke-3 px-4 py-5", children: [
@@ -803,7 +803,7 @@ function LinkPlayground() {
803
803
  value: output
804
804
  }
805
805
  ),
806
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
806
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
807
807
  ] }) })
808
808
  ] })
809
809
  ] })
package/dist/kernel/components/blocks/link-playground.js CHANGED
@@ -326,7 +326,7 @@ function LinkSet({ settings }) {
326
326
  children: "Disabled link"
327
327
  }
328
328
  ),
329
- /* @__PURE__ */ jsx(Link, { href: "#", size: "lg", variant: "button.primary", children: "Link as button" })
329
+ /* @__PURE__ */ jsx(Link, { href: "#", size: "lg", variant: "button.solid", children: "Link as button" })
330
330
  ] });
331
331
  }
332
332
  function SizeScale({ settings }) {
@@ -518,7 +518,7 @@ function LinkPlayground() {
518
518
  ] }),
519
519
  /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
520
520
  /* @__PURE__ */ jsx(Button, { onClick: reset, size: "xs", variant: "outline", children: "Reset" }),
521
- /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
521
+ /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
522
522
  ] })
523
523
  ] }) }),
524
524
  /* @__PURE__ */ jsxs("div", { className: "grid gap-4 border-b border-stroke-3 px-4 py-5", children: [
@@ -780,7 +780,7 @@ function LinkPlayground() {
780
780
  value: output
781
781
  }
782
782
  ),
783
- /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
783
+ /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
784
784
  ] }) })
785
785
  ] })
786
786
  ] })
package/dist/kernel/components/blocks/navbar.cjs CHANGED
@@ -140,7 +140,7 @@ function Navbar({
140
140
  href: "/",
141
141
  rightIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { "aria-hidden": "true", size: 14 }),
142
142
  size: "sm",
143
- variant: "button.primary",
143
+ variant: "button.solid",
144
144
  children: "Start"
145
145
  }
146
146
  ),
package/dist/kernel/components/blocks/navbar.js CHANGED
@@ -109,7 +109,7 @@ function Navbar({
109
109
  href: "/",
110
110
  rightIcon: /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", size: 14 }),
111
111
  size: "sm",
112
- variant: "button.primary",
112
+ variant: "button.solid",
113
113
  children: "Start"
114
114
  }
115
115
  ),
package/dist/kernel/components/blocks/navigation-progress-playground.cjs CHANGED
@@ -476,7 +476,7 @@ function NavigationProgressPlayground() {
476
476
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-sm font-semibold text-foreground-1", children: "Navigation Progress" }),
477
477
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-xs leading-5 text-foreground-3", children: "Tune, trigger, copy." })
478
478
  ] }),
479
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
479
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
480
480
  ] }) }),
481
481
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-b border-stroke-3 px-4 py-4", children: [
482
482
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-3 gap-1 rounded-button border border-stroke-2 bg-surface-2 p-1", children: presetOrder.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -722,7 +722,7 @@ function NavigationProgressPlayground() {
722
722
  value: output
723
723
  }
724
724
  ),
725
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
725
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
726
726
  ] }) })
727
727
  ] })
728
728
  ] })
package/dist/kernel/components/blocks/navigation-progress-playground.js CHANGED
@@ -464,7 +464,7 @@ function NavigationProgressPlayground() {
464
464
  /* @__PURE__ */ jsx("h1", { className: "text-sm font-semibold text-foreground-1", children: "Navigation Progress" }),
465
465
  /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-5 text-foreground-3", children: "Tune, trigger, copy." })
466
466
  ] }),
467
- /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
467
+ /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
468
468
  ] }) }),
469
469
  /* @__PURE__ */ jsxs("div", { className: "border-b border-stroke-3 px-4 py-4", children: [
470
470
  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 rounded-button border border-stroke-2 bg-surface-2 p-1", children: presetOrder.map((preset) => /* @__PURE__ */ jsx(
@@ -710,7 +710,7 @@ function NavigationProgressPlayground() {
710
710
  value: output
711
711
  }
712
712
  ),
713
- /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
713
+ /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
714
714
  ] }) })
715
715
  ] })
716
716
  ] })
package/dist/kernel/components/ui/button-group.cjs CHANGED
@@ -99,16 +99,15 @@ function ButtonGroup({
99
99
  }
100
100
  function ButtonGroupText({
101
101
  className,
102
- color,
103
102
  size,
104
- variant = "secondary",
103
+ variant = "soft",
105
104
  ...props
106
105
  }) {
107
106
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
108
107
  "div",
109
108
  {
110
109
  className: cn(
111
- (0, import_button.buttonVariants)({ color, iconOnly: false, size, variant }),
110
+ (0, import_button.buttonVariants)({ iconOnly: false, size, variant }),
112
111
  "pointer-events-none",
113
112
  className
114
113
  ),
package/dist/kernel/components/ui/button-group.d.cts CHANGED
@@ -11,8 +11,8 @@ declare const buttonGroupVariants: (props?: ({
11
11
  } & class_variance_authority_types.ClassProp) | undefined) => string;
12
12
  type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants>;
13
13
  declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
14
- type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "color" | "size" | "variant">;
15
- declare function ButtonGroupText({ className, color, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
14
+ type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "size" | "variant">;
15
+ declare function ButtonGroupText({ className, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
16
16
  type ButtonGroupSeparatorProps = SeparatorProps;
17
17
  declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
18
18
 
package/dist/kernel/components/ui/button-group.d.ts CHANGED
@@ -11,8 +11,8 @@ declare const buttonGroupVariants: (props?: ({
11
11
  } & class_variance_authority_types.ClassProp) | undefined) => string;
12
12
  type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants>;
13
13
  declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
14
- type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "color" | "size" | "variant">;
15
- declare function ButtonGroupText({ className, color, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
14
+ type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "size" | "variant">;
15
+ declare function ButtonGroupText({ className, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
16
16
  type ButtonGroupSeparatorProps = SeparatorProps;
17
17
  declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
18
18
 
package/dist/kernel/components/ui/button-group.js CHANGED
@@ -72,16 +72,15 @@ function ButtonGroup({
72
72
  }
73
73
  function ButtonGroupText({
74
74
  className,
75
- color,
76
75
  size,
77
- variant = "secondary",
76
+ variant = "soft",
78
77
  ...props
79
78
  }) {
80
79
  return /* @__PURE__ */ jsx(
81
80
  "div",
82
81
  {
83
82
  className: cn(
84
- buttonVariants({ color, iconOnly: false, size, variant }),
83
+ buttonVariants({ iconOnly: false, size, variant }),
85
84
  "pointer-events-none",
86
85
  className
87
86
  ),
package/dist/kernel/components/ui/button.cjs CHANGED
@@ -61,8 +61,8 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
61
61
  {
62
62
  variants: {
63
63
  variant: {
64
- primary: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
65
- secondary: "border-stroke-2 bg-surface-2 text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
64
+ solid: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
65
+ soft: "border-0 bg-accent-soft text-accent-1 hover:not-data-disabled:bg-accent-soft-hover active:not-data-disabled:bg-accent-soft-active data-[state=path-active]:bg-accent-soft-active",
66
66
  outline: "border-stroke-2 bg-transparent text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
67
67
  ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1"
68
68
  },
@@ -76,9 +76,6 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
76
76
  iconOnly: {
77
77
  false: "",
78
78
  true: "gap-0 px-0"
79
- },
80
- color: {
81
- default: ""
82
79
  }
83
80
  },
84
81
  compoundVariants: [
@@ -89,10 +86,9 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
89
86
  { className: "size-12 p-0", iconOnly: true, size: "xl" }
90
87
  ],
91
88
  defaultVariants: {
92
- color: "default",
93
89
  iconOnly: false,
94
90
  size: "md",
95
- variant: "primary"
91
+ variant: "solid"
96
92
  }
97
93
  }
98
94
  );
@@ -109,7 +105,6 @@ function Button({
109
105
  active,
110
106
  children,
111
107
  className,
112
- color,
113
108
  disabled,
114
109
  iconOnly,
115
110
  leftIcon,
@@ -123,10 +118,7 @@ function Button({
123
118
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
124
119
  import_button.Button,
125
120
  {
126
- className: cn(
127
- buttonVariants({ color, iconOnly, size, variant }),
128
- className
129
- ),
121
+ className: cn(buttonVariants({ iconOnly, size, variant }), className),
130
122
  "data-state": active ? "path-active" : void 0,
131
123
  disabled: disabled || loading,
132
124
  focusableWhenDisabled: loading,
package/dist/kernel/components/ui/button.d.cts CHANGED
@@ -4,10 +4,9 @@ import { VariantProps } from 'class-variance-authority';
4
4
  import { ReactNode, ButtonHTMLAttributes } from 'react';
5
5
 
6
6
  declare const buttonVariants: (props?: ({
7
- variant?: "primary" | "secondary" | "outline" | "ghost" | null | undefined;
7
+ variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
8
8
  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
9
9
  iconOnly?: boolean | null | undefined;
10
- color?: "default" | null | undefined;
11
10
  } & class_variance_authority_types.ClassProp) | undefined) => string;
12
11
  type ButtonVariantProps = VariantProps<typeof buttonVariants>;
13
12
  type ButtonProps = {
@@ -17,7 +16,7 @@ type ButtonProps = {
17
16
  leftIcon?: ReactNode;
18
17
  loading?: boolean;
19
18
  rightIcon?: ReactNode;
20
- } & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "color">;
21
- declare function Button({ active, children, className, color, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
19
+ } & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
20
+ declare function Button({ active, children, className, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
22
21
 
23
22
  export { Button, type ButtonProps, type ButtonVariantProps, buttonVariants };
package/dist/kernel/components/ui/button.d.ts CHANGED
@@ -4,10 +4,9 @@ import { VariantProps } from 'class-variance-authority';
4
4
  import { ReactNode, ButtonHTMLAttributes } from 'react';
5
5
 
6
6
  declare const buttonVariants: (props?: ({
7
- variant?: "primary" | "secondary" | "outline" | "ghost" | null | undefined;
7
+ variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
8
8
  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
9
9
  iconOnly?: boolean | null | undefined;
10
- color?: "default" | null | undefined;
11
10
  } & class_variance_authority_types.ClassProp) | undefined) => string;
12
11
  type ButtonVariantProps = VariantProps<typeof buttonVariants>;
13
12
  type ButtonProps = {
@@ -17,7 +16,7 @@ type ButtonProps = {
17
16
  leftIcon?: ReactNode;
18
17
  loading?: boolean;
19
18
  rightIcon?: ReactNode;
20
- } & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "color">;
21
- declare function Button({ active, children, className, color, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
19
+ } & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
20
+ declare function Button({ active, children, className, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
22
21
 
23
22
  export { Button, type ButtonProps, type ButtonVariantProps, buttonVariants };
package/dist/kernel/components/ui/button.js CHANGED
@@ -36,8 +36,8 @@ var buttonVariants = cva(
36
36
  {
37
37
  variants: {
38
38
  variant: {
39
- primary: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
40
- secondary: "border-stroke-2 bg-surface-2 text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
39
+ solid: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
40
+ soft: "border-0 bg-accent-soft text-accent-1 hover:not-data-disabled:bg-accent-soft-hover active:not-data-disabled:bg-accent-soft-active data-[state=path-active]:bg-accent-soft-active",
41
41
  outline: "border-stroke-2 bg-transparent text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
42
42
  ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1"
43
43
  },
@@ -51,9 +51,6 @@ var buttonVariants = cva(
51
51
  iconOnly: {
52
52
  false: "",
53
53
  true: "gap-0 px-0"
54
- },
55
- color: {
56
- default: ""
57
54
  }
58
55
  },
59
56
  compoundVariants: [
@@ -64,10 +61,9 @@ var buttonVariants = cva(
64
61
  { className: "size-12 p-0", iconOnly: true, size: "xl" }
65
62
  ],
66
63
  defaultVariants: {
67
- color: "default",
68
64
  iconOnly: false,
69
65
  size: "md",
70
- variant: "primary"
66
+ variant: "solid"
71
67
  }
72
68
  }
73
69
  );
@@ -84,7 +80,6 @@ function Button({
84
80
  active,
85
81
  children,
86
82
  className,
87
- color,
88
83
  disabled,
89
84
  iconOnly,
90
85
  leftIcon,
@@ -98,10 +93,7 @@ function Button({
98
93
  return /* @__PURE__ */ jsxs(
99
94
  BaseButton,
100
95
  {
101
- className: cn(
102
- buttonVariants({ color, iconOnly, size, variant }),
103
- className
104
- ),
96
+ className: cn(buttonVariants({ iconOnly, size, variant }), className),
105
97
  "data-state": active ? "path-active" : void 0,
106
98
  disabled: disabled || loading,
107
99
  focusableWhenDisabled: loading,
package/dist/kernel/components/ui/card.d.cts CHANGED
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  import { HTMLAttributes } from 'react';
5
5
 
6
6
  declare const cardVariants: (props?: ({
7
- variant?: "ghost" | "default" | "inset" | "elevated" | null | undefined;
7
+ variant?: "ghost" | "inset" | "default" | "elevated" | null | undefined;
8
8
  padding?: "sm" | "md" | "lg" | "none" | null | undefined;
9
9
  } & class_variance_authority_types.ClassProp) | undefined) => string;
10
10
  type CardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;
package/dist/kernel/components/ui/card.d.ts CHANGED
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  import { HTMLAttributes } from 'react';
5
5
 
6
6
  declare const cardVariants: (props?: ({
7
- variant?: "ghost" | "default" | "inset" | "elevated" | null | undefined;
7
+ variant?: "ghost" | "inset" | "default" | "elevated" | null | undefined;
8
8
  padding?: "sm" | "md" | "lg" | "none" | null | undefined;
9
9
  } & class_variance_authority_types.ClassProp) | undefined) => string;
10
10
  type CardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;