@krizaka/ui 3.1.0 → 3.2.0

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 (135) hide show
  1. package/dist/achievement.js +1 -1
  2. package/dist/action-bar.js +1 -1
  3. package/dist/app-shell.js +1 -1
  4. package/dist/argument-card.js +2 -2
  5. package/dist/card-grid.js +1 -1
  6. package/dist/card.js +1 -1
  7. package/dist/choice-grid.js +1 -1
  8. package/dist/{chunk-OGJI5X4W.js → chunk-2PUDI7JS.js} +2 -2
  9. package/dist/chunk-4LOMIQVX.js +21 -0
  10. package/dist/chunk-4LOMIQVX.js.map +1 -0
  11. package/dist/{chunk-K3SWZXYT.js → chunk-DGQMDJXK.js} +2 -2
  12. package/dist/chunk-G3ETON2A.js +22 -0
  13. package/dist/chunk-G3ETON2A.js.map +1 -0
  14. package/dist/chunk-I5RVM5CW.js +27 -0
  15. package/dist/chunk-I5RVM5CW.js.map +1 -0
  16. package/dist/chunk-IZ7MV6HM.js +26 -0
  17. package/dist/chunk-IZ7MV6HM.js.map +1 -0
  18. package/dist/chunk-ZNMFG62E.js +20 -0
  19. package/dist/chunk-ZNMFG62E.js.map +1 -0
  20. package/dist/cn.d.ts +9 -1
  21. package/dist/cn.js +5 -3
  22. package/dist/code-block.js +1 -1
  23. package/dist/command.js +1 -1
  24. package/dist/confirm-button.js +1 -1
  25. package/dist/continue-prompt.js +1 -1
  26. package/dist/cta-panel.js +1 -1
  27. package/dist/data-table.js +2 -2
  28. package/dist/date-picker.d.ts +650 -61
  29. package/dist/date-picker.js +918 -122
  30. package/dist/date-picker.js.map +1 -1
  31. package/dist/decision-list.js +1 -1
  32. package/dist/dropdown-menu.js +1 -1
  33. package/dist/error-page.js +1 -1
  34. package/dist/field.js +1 -1
  35. package/dist/filter-bar.js +2 -2
  36. package/dist/form.js.map +1 -1
  37. package/dist/gallery-page.js +1 -1
  38. package/dist/glow-card.js +1 -1
  39. package/dist/goal-gauge.js +1 -1
  40. package/dist/how-it-works-page.js +1 -1
  41. package/dist/landscape.js +1 -1
  42. package/dist/link-card.js +1 -1
  43. package/dist/longform-page.js +1 -1
  44. package/dist/marquee.js +1 -1
  45. package/dist/mascot-quote.js +1 -1
  46. package/dist/motion.css +18 -1
  47. package/dist/native/form.js.map +1 -1
  48. package/dist/native.d.ts +239 -2
  49. package/dist/native.js +955 -379
  50. package/dist/native.js.map +1 -1
  51. package/dist/nav-bar.js +1 -1
  52. package/dist/page-hero.js +2 -2
  53. package/dist/page.js +2 -2
  54. package/dist/popover.js +1 -1
  55. package/dist/pricing-page.js +1 -1
  56. package/dist/product-page.js +1 -1
  57. package/dist/profile-card.js +1 -1
  58. package/dist/promise-card.js +1 -1
  59. package/dist/scroll-stage.js +1 -1
  60. package/dist/stage-banner.js +1 -1
  61. package/dist/terminal-replay.js +1 -1
  62. package/dist/toast.js +1 -1
  63. package/dist/toc.js +1 -1
  64. package/dist/tooltip.js +1 -1
  65. package/package.json +7 -7
  66. package/registry/cn.json +1 -1
  67. package/registry/date-picker.json +1721 -284
  68. package/registry/examples/date-picker/birth-date-wheel.d.ts +4 -0
  69. package/registry/examples/date-picker/birth-date-wheel.js +13 -0
  70. package/registry/examples/date-picker/birth-date-wheel.tsx +11 -0
  71. package/registry/examples/date-picker/birth-date.d.ts +4 -0
  72. package/registry/examples/date-picker/birth-date.js +25 -0
  73. package/registry/examples/date-picker/birth-date.tsx +21 -0
  74. package/registry/examples/date-picker/calendar.js +1 -1
  75. package/registry/examples/date-picker/calendar.tsx +2 -6
  76. package/registry/examples/date-picker/day-strip.d.ts +4 -0
  77. package/registry/examples/date-picker/day-strip.js +28 -0
  78. package/registry/examples/date-picker/day-strip.tsx +27 -0
  79. package/registry/examples/date-picker/month-year.d.ts +4 -0
  80. package/registry/examples/date-picker/month-year.js +13 -0
  81. package/registry/examples/date-picker/month-year.tsx +10 -0
  82. package/registry/examples/date-picker/native/birth-date-wheel.d.ts +4 -0
  83. package/registry/examples/date-picker/native/birth-date-wheel.dark.png +0 -0
  84. package/registry/examples/date-picker/native/birth-date-wheel.js +13 -0
  85. package/registry/examples/date-picker/native/birth-date-wheel.light.png +0 -0
  86. package/registry/examples/date-picker/native/birth-date-wheel.tsx +9 -0
  87. package/registry/examples/date-picker/native/calendar.d.ts +4 -0
  88. package/registry/examples/date-picker/native/calendar.dark.png +0 -0
  89. package/registry/examples/date-picker/native/calendar.js +13 -0
  90. package/registry/examples/date-picker/native/calendar.light.png +0 -0
  91. package/registry/examples/date-picker/native/calendar.tsx +8 -0
  92. package/registry/examples/date-picker/native/day-strip.d.ts +4 -0
  93. package/registry/examples/date-picker/native/day-strip.dark.png +0 -0
  94. package/registry/examples/date-picker/native/day-strip.js +29 -0
  95. package/registry/examples/date-picker/native/day-strip.light.png +0 -0
  96. package/registry/examples/date-picker/native/day-strip.tsx +26 -0
  97. package/registry/examples/date-picker/native/month-year.d.ts +4 -0
  98. package/registry/examples/date-picker/native/month-year.dark.png +0 -0
  99. package/registry/examples/date-picker/native/month-year.js +13 -0
  100. package/registry/examples/date-picker/native/month-year.light.png +0 -0
  101. package/registry/examples/date-picker/native/month-year.tsx +8 -0
  102. package/registry/examples/date-picker/native/time-slots.d.ts +4 -0
  103. package/registry/examples/date-picker/native/time-slots.dark.png +0 -0
  104. package/registry/examples/date-picker/native/time-slots.js +15 -0
  105. package/registry/examples/date-picker/native/time-slots.light.png +0 -0
  106. package/registry/examples/date-picker/native/time-slots.tsx +15 -0
  107. package/registry/examples/date-picker/native/time-wheel.d.ts +4 -0
  108. package/registry/examples/date-picker/native/time-wheel.dark.png +0 -0
  109. package/registry/examples/date-picker/native/time-wheel.js +13 -0
  110. package/registry/examples/date-picker/native/time-wheel.light.png +0 -0
  111. package/registry/examples/date-picker/native/time-wheel.tsx +8 -0
  112. package/registry/examples/date-picker/time-slots.d.ts +4 -0
  113. package/registry/examples/date-picker/time-slots.js +26 -0
  114. package/registry/examples/date-picker/time-slots.tsx +25 -0
  115. package/registry/examples/date-picker/time-wheel.d.ts +4 -0
  116. package/registry/examples/date-picker/time-wheel.js +13 -0
  117. package/registry/examples/date-picker/time-wheel.tsx +10 -0
  118. package/registry/examples/date-picker/wheel.d.ts +4 -0
  119. package/registry/examples/date-picker/wheel.js +14 -0
  120. package/registry/examples/date-picker/wheel.tsx +16 -0
  121. package/registry/index.json +6 -5
  122. package/registry/theme.json +7 -0
  123. package/skills/date-picker/SKILL.md +43 -0
  124. package/dist/chunk-2USC2YT6.js +0 -17
  125. package/dist/chunk-2USC2YT6.js.map +0 -1
  126. package/dist/chunk-5AXLA4LK.js +0 -13
  127. package/dist/chunk-5AXLA4LK.js.map +0 -1
  128. package/dist/chunk-FJDSLNXK.js +0 -11
  129. package/dist/chunk-FJDSLNXK.js.map +0 -1
  130. package/dist/chunk-KNBYZGSQ.js +0 -11
  131. package/dist/chunk-KNBYZGSQ.js.map +0 -1
  132. package/dist/chunk-VCAAHCHL.js +0 -17
  133. package/dist/chunk-VCAAHCHL.js.map +0 -1
  134. /package/dist/{chunk-OGJI5X4W.js.map → chunk-2PUDI7JS.js.map} +0 -0
  135. /package/dist/{chunk-K3SWZXYT.js.map → chunk-DGQMDJXK.js.map} +0 -0
package/dist/nav-bar.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-VDR2EP6K.js";
5
5
  import {
6
6
  cn
7
- } from "./chunk-5AXLA4LK.js";
7
+ } from "./chunk-G3ETON2A.js";
8
8
 
9
9
  // src/nav-bar/nav-bar.tsx
10
10
  import { NavigationMenu as Nav, Slot } from "radix-ui";
package/dist/page-hero.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Page
3
- } from "./chunk-K3SWZXYT.js";
3
+ } from "./chunk-DGQMDJXK.js";
4
4
  import {
5
5
  BlockLink
6
6
  } from "./chunk-2AGSO3WH.js";
@@ -12,7 +12,7 @@ import {
12
12
  } from "./chunk-XVLWVTQA.js";
13
13
  import {
14
14
  cn
15
- } from "./chunk-FJDSLNXK.js";
15
+ } from "./chunk-4LOMIQVX.js";
16
16
 
17
17
  // src/page-hero/page-hero.tsx
18
18
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/page.js CHANGED
@@ -4,9 +4,9 @@ import {
4
4
  Section,
5
5
  SectionHeading,
6
6
  Ticks
7
- } from "./chunk-K3SWZXYT.js";
7
+ } from "./chunk-DGQMDJXK.js";
8
8
  import "./chunk-XVLWVTQA.js";
9
- import "./chunk-FJDSLNXK.js";
9
+ import "./chunk-4LOMIQVX.js";
10
10
  export {
11
11
  Facts,
12
12
  Page,
package/dist/popover.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-J3NC6ER4.js";
5
5
  import {
6
6
  cn
7
- } from "./chunk-5AXLA4LK.js";
7
+ } from "./chunk-G3ETON2A.js";
8
8
 
9
9
  // src/popover/popover.tsx
10
10
  import { Popover as PopoverPrimitive } from "radix-ui";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  cn
3
- } from "./chunk-KNBYZGSQ.js";
3
+ } from "./chunk-ZNMFG62E.js";
4
4
 
5
5
  // src/pricing-page/pricing-page.tsx
6
6
  import { Section } from "@krizaka/ui/page";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  cn
3
- } from "./chunk-KNBYZGSQ.js";
3
+ } from "./chunk-ZNMFG62E.js";
4
4
 
5
5
  // src/product-page/product-page.tsx
6
6
  import { ArgumentCard } from "@krizaka/ui/argument-card";
@@ -2,7 +2,7 @@ import {
2
2
  brandClass,
3
3
  cn,
4
4
  storyVariantClass
5
- } from "./chunk-VCAAHCHL.js";
5
+ } from "./chunk-IZ7MV6HM.js";
6
6
 
7
7
  // src/profile-card/stat-gauge.tsx
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -2,7 +2,7 @@ import {
2
2
  brandClass,
3
3
  cn,
4
4
  storyVariantClass
5
- } from "./chunk-VCAAHCHL.js";
5
+ } from "./chunk-IZ7MV6HM.js";
6
6
 
7
7
  // src/promise-card/promise-card.tsx
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -5,7 +5,7 @@ import {
5
5
  } from "./chunk-555LWYIN.js";
6
6
  import {
7
7
  cn
8
- } from "./chunk-5AXLA4LK.js";
8
+ } from "./chunk-G3ETON2A.js";
9
9
 
10
10
  // src/scroll-stage/scroll-stage.tsx
11
11
  import * as React from "react";
@@ -2,7 +2,7 @@ import {
2
2
  brandClass,
3
3
  cn,
4
4
  storyVariantClass
5
- } from "./chunk-VCAAHCHL.js";
5
+ } from "./chunk-IZ7MV6HM.js";
6
6
 
7
7
  // src/stage-banner/stage-banner.tsx
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  cn
4
- } from "./chunk-5AXLA4LK.js";
4
+ } from "./chunk-G3ETON2A.js";
5
5
 
6
6
  // src/terminal-replay/terminal-replay.tsx
7
7
  import * as React from "react";
package/dist/toast.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-WEVYKZIF.js";
5
5
  import {
6
6
  cn
7
- } from "./chunk-5AXLA4LK.js";
7
+ } from "./chunk-G3ETON2A.js";
8
8
 
9
9
  // src/toast/toast.tsx
10
10
  import { toast, Toaster as Sonner } from "sonner";
package/dist/toc.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  cn
4
- } from "./chunk-5AXLA4LK.js";
4
+ } from "./chunk-G3ETON2A.js";
5
5
 
6
6
  // src/toc/toc.tsx
7
7
  import * as React from "react";
package/dist/tooltip.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-J3NC6ER4.js";
5
5
  import {
6
6
  cn
7
- } from "./chunk-5AXLA4LK.js";
7
+ } from "./chunk-G3ETON2A.js";
8
8
 
9
9
  // src/tooltip/tooltip.tsx
10
10
  import { Tooltip as TooltipPrimitive } from "radix-ui";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@krizaka/ui",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "description": "The Krizaka front-end platform's components: the primitives (button, card, dialog, toast, menu, field, tabs, chip, switch, slider, command palette, theme, countdown…) on the semantic --kz-* tokens, the animated marks (Krizaka, Orazaka, Orochia, Yazakia, Yororis) and the motion signature — web and /native.",
5
5
  "keywords": [
6
6
  "krizaka",
@@ -518,7 +518,7 @@
518
518
  ],
519
519
  "peerDependencies": {
520
520
  "@krizaka/query": ">=0.1.0",
521
- "@krizaka/tailwind": ">=3.1.0",
521
+ "@krizaka/tailwind": ">=3.2.0",
522
522
  "@shopify/flash-list": ">=2",
523
523
  "expo-camera": ">=16",
524
524
  "expo-video": ">=2",
@@ -570,9 +570,9 @@
570
570
  "typescript": "^5.9.0",
571
571
  "vitest": "^4.1.11",
572
572
  "zod": "^4.6.5",
573
+ "@krizaka/config": "0.3.0",
573
574
  "@krizaka/query": "0.1.0",
574
- "@krizaka/tokens": "3.1.0",
575
- "@krizaka/config": "0.2.0"
575
+ "@krizaka/tokens": "3.2.0"
576
576
  },
577
577
  "engines": {
578
578
  "node": ">=20"
@@ -622,7 +622,7 @@
622
622
  {
623
623
  "name": "./native (bundled into the app by Metro, never downloaded: a regression guard, not a budget)",
624
624
  "path": "dist/native.js",
625
- "limit": "21.5 kB",
625
+ "limit": "26.5 kB",
626
626
  "gzip": true
627
627
  },
628
628
  {
@@ -1160,7 +1160,7 @@
1160
1160
  {
1161
1161
  "name": "./date-picker",
1162
1162
  "path": "dist/date-picker.js",
1163
- "limit": "29 kB",
1163
+ "limit": "35 kB",
1164
1164
  "gzip": true,
1165
1165
  "ignore": [
1166
1166
  "tailwind-variants",
@@ -1345,7 +1345,7 @@
1345
1345
  {
1346
1346
  "name": "./mascot-quote",
1347
1347
  "path": "dist/mascot-quote.js",
1348
- "limit": "4.8 kB",
1348
+ "limit": "5 kB",
1349
1349
  "gzip": true,
1350
1350
  "ignore": [
1351
1351
  "tailwind-variants",
package/registry/cn.json CHANGED
@@ -53,7 +53,7 @@
53
53
  "files": [
54
54
  {
55
55
  "path": "cn.ts",
56
- "content": "import { type ClassValue, clsx } from \"clsx\";\nimport { cn as merge } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n return merge(clsx(inputs)) ?? \"\";\n}\n"
56
+ "content": "import { type ClassValue, clsx } from \"clsx\";\nimport { cnMerge, type TWMergeConfig } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,\n * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`\n * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the\n * `bg-surface-2` it lies on.\n */\nexport const twMergeConfig: TWMergeConfig = {\n extend: {\n classGroups: {\n \"bg-image\": [\"bg-sheen\", \"bg-fill-shade\", \"bg-halo\"],\n shadow: [\"shadow-raised\", \"shadow-floating\", \"shadow-overlay\", \"shadow-glow\", \"shadow-glow-lg\"],\n \"inset-shadow\": [\"inset-shadow-edge\", \"inset-shadow-edge-fill\", \"inset-shadow-well\"],\n },\n },\n};\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n return cnMerge(clsx(inputs))({ twMergeConfig }) ?? \"\";\n}\n"
57
57
  }
58
58
  ],
59
59
  "dependencies": [