@sigx/zero-daisyui 0.2.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +115 -0
  3. package/dist/components.d.ts +478 -0
  4. package/dist/components.js +76 -0
  5. package/dist/css/components/accordion.css +165 -0
  6. package/dist/css/components/alert.css +126 -0
  7. package/dist/css/components/avatar.css +94 -0
  8. package/dist/css/components/badge.css +82 -0
  9. package/dist/css/components/breadcrumbs.css +102 -0
  10. package/dist/css/components/button.css +252 -0
  11. package/dist/css/components/card.css +97 -0
  12. package/dist/css/components/carousel.css +196 -0
  13. package/dist/css/components/chat.css +167 -0
  14. package/dist/css/components/checkbox.css +245 -0
  15. package/dist/css/components/collapsible.css +157 -0
  16. package/dist/css/components/combobox.css +251 -0
  17. package/dist/css/components/countdown.css +83 -0
  18. package/dist/css/components/dialog.css +313 -0
  19. package/dist/css/components/diff.css +120 -0
  20. package/dist/css/components/divider.css +70 -0
  21. package/dist/css/components/drawer.css +285 -0
  22. package/dist/css/components/field.css +111 -0
  23. package/dist/css/components/file-upload.css +198 -0
  24. package/dist/css/components/indicator.css +166 -0
  25. package/dist/css/components/input.css +151 -0
  26. package/dist/css/components/join.css +122 -0
  27. package/dist/css/components/kbd.css +84 -0
  28. package/dist/css/components/menu.css +382 -0
  29. package/dist/css/components/native-select.css +128 -0
  30. package/dist/css/components/navbar.css +93 -0
  31. package/dist/css/components/number-input.css +211 -0
  32. package/dist/css/components/pagination.css +203 -0
  33. package/dist/css/components/popover.css +263 -0
  34. package/dist/css/components/progress.css +109 -0
  35. package/dist/css/components/radial-progress.css +129 -0
  36. package/dist/css/components/radio-group.css +176 -0
  37. package/dist/css/components/rating-group.css +143 -0
  38. package/dist/css/components/select.css +212 -0
  39. package/dist/css/components/skeleton.css +74 -0
  40. package/dist/css/components/slider.css +182 -0
  41. package/dist/css/components/spinner.css +75 -0
  42. package/dist/css/components/stats.css +115 -0
  43. package/dist/css/components/status.css +66 -0
  44. package/dist/css/components/steps.css +208 -0
  45. package/dist/css/components/swap.css +116 -0
  46. package/dist/css/components/switch.css +126 -0
  47. package/dist/css/components/table.css +124 -0
  48. package/dist/css/components/tabs.css +137 -0
  49. package/dist/css/components/textarea.css +131 -0
  50. package/dist/css/components/timeline.css +204 -0
  51. package/dist/css/components/toast.css +234 -0
  52. package/dist/css/components/toggle-group.css +164 -0
  53. package/dist/css/components/toggle.css +139 -0
  54. package/dist/css/components/tooltip.css +226 -0
  55. package/dist/css/components/tree-view.css +197 -0
  56. package/dist/css/index.css +8521 -0
  57. package/dist/css/tokens.css +265 -0
  58. package/dist/design-system.d.ts +5 -0
  59. package/dist/design-system.d.ts.map +1 -0
  60. package/dist/design-system.js +46 -0
  61. package/dist/design-system.js.map +1 -0
  62. package/dist/index.d.ts +5 -0
  63. package/dist/index.d.ts.map +1 -0
  64. package/dist/index.js +13 -0
  65. package/dist/index.js.map +1 -0
  66. package/dist/lynx/components/accordion.css +87 -0
  67. package/dist/lynx/components/alert.css +108 -0
  68. package/dist/lynx/components/avatar.css +83 -0
  69. package/dist/lynx/components/badge.css +80 -0
  70. package/dist/lynx/components/breadcrumbs.css +61 -0
  71. package/dist/lynx/components/button.css +173 -0
  72. package/dist/lynx/components/card.css +62 -0
  73. package/dist/lynx/components/carousel.css +124 -0
  74. package/dist/lynx/components/chat.css +105 -0
  75. package/dist/lynx/components/checkbox.css +163 -0
  76. package/dist/lynx/components/collapsible.css +79 -0
  77. package/dist/lynx/components/combobox.css +195 -0
  78. package/dist/lynx/components/countdown.css +43 -0
  79. package/dist/lynx/components/dialog.css +227 -0
  80. package/dist/lynx/components/diff.css +59 -0
  81. package/dist/lynx/components/divider.css +60 -0
  82. package/dist/lynx/components/drawer.css +184 -0
  83. package/dist/lynx/components/field.css +63 -0
  84. package/dist/lynx/components/file-upload.css +147 -0
  85. package/dist/lynx/components/indicator.css +108 -0
  86. package/dist/lynx/components/input.css +112 -0
  87. package/dist/lynx/components/join.css +60 -0
  88. package/dist/lynx/components/kbd.css +81 -0
  89. package/dist/lynx/components/menu.css +282 -0
  90. package/dist/lynx/components/native-select.css +100 -0
  91. package/dist/lynx/components/navbar.css +91 -0
  92. package/dist/lynx/components/number-input.css +156 -0
  93. package/dist/lynx/components/pagination.css +155 -0
  94. package/dist/lynx/components/popover.css +184 -0
  95. package/dist/lynx/components/progress.css +43 -0
  96. package/dist/lynx/components/radial-progress.css +59 -0
  97. package/dist/lynx/components/radio-group.css +149 -0
  98. package/dist/lynx/components/rating-group.css +69 -0
  99. package/dist/lynx/components/select.css +163 -0
  100. package/dist/lynx/components/skeleton.css +34 -0
  101. package/dist/lynx/components/slider.css +136 -0
  102. package/dist/lynx/components/spinner.css +49 -0
  103. package/dist/lynx/components/stats.css +95 -0
  104. package/dist/lynx/components/status.css +45 -0
  105. package/dist/lynx/components/steps.css +171 -0
  106. package/dist/lynx/components/swap.css +60 -0
  107. package/dist/lynx/components/switch.css +95 -0
  108. package/dist/lynx/components/table.css +74 -0
  109. package/dist/lynx/components/tabs.css +105 -0
  110. package/dist/lynx/components/textarea.css +104 -0
  111. package/dist/lynx/components/timeline.css +123 -0
  112. package/dist/lynx/components/toast.css +200 -0
  113. package/dist/lynx/components/toggle-group.css +114 -0
  114. package/dist/lynx/components/toggle.css +112 -0
  115. package/dist/lynx/components/tooltip.css +153 -0
  116. package/dist/lynx/components/tree-view.css +161 -0
  117. package/dist/lynx/index.css +6223 -0
  118. package/dist/lynx/manifest.json +1758 -0
  119. package/dist/lynx/tokens.css +425 -0
  120. package/dist/manifest.json +1752 -0
  121. package/dist/recipes.d.ts +188 -0
  122. package/dist/recipes.d.ts.map +1 -0
  123. package/dist/recipes.js +5128 -0
  124. package/dist/recipes.js.map +1 -0
  125. package/dist/register.d.ts +507 -0
  126. package/dist/register.js +4 -0
  127. package/dist/report.json +10752 -0
  128. package/dist/tokens.d.ts +150 -0
  129. package/dist/tokens.d.ts.map +1 -0
  130. package/dist/tokens.js +306 -0
  131. package/dist/tokens.js.map +1 -0
  132. package/package.json +61 -0
  133. package/src/design-system.ts +52 -0
  134. package/src/index.ts +14 -0
  135. package/src/recipes.ts +5236 -0
  136. package/src/tokens.ts +321 -0
@@ -0,0 +1,188 @@
1
+ /**
2
+ * zero-daisyui recipes — daisyUI's component look expressed against the
3
+ * zero anatomy. Pure data; compiled to CSS by build.mjs. The point of this
4
+ * package: a design system is data, and "looks like daisy" is one possible
5
+ * value of that data.
6
+ */
7
+ import type { RecipeInput } from '@sigx/zero-kit';
8
+ export declare const tabs: RecipeInput;
9
+ export declare const collapsible: RecipeInput;
10
+ export declare const switchRecipe: RecipeInput;
11
+ export declare const dialog: RecipeInput;
12
+ export declare const popover: RecipeInput;
13
+ export declare const tooltip: RecipeInput;
14
+ export declare const menu: RecipeInput;
15
+ export declare const field: RecipeInput;
16
+ export declare const checkbox: RecipeInput;
17
+ export declare const radioGroup: RecipeInput;
18
+ export declare const progress: RecipeInput;
19
+ export declare const slider: RecipeInput;
20
+ export declare const accordion: RecipeInput;
21
+ export declare const select: RecipeInput;
22
+ export declare const button: RecipeInput;
23
+ export declare const avatar: RecipeInput;
24
+ /**
25
+ * Toast presence is runtime-managed (see the SKILL's Toast section): plain
26
+ * two-state transitions only — no `@starting-style`, no `allow-discrete`.
27
+ */
28
+ export declare const toast: RecipeInput;
29
+ export declare const combobox: RecipeInput;
30
+ export declare const toggle: RecipeInput;
31
+ export declare const toggleGroup: RecipeInput;
32
+ export declare const numberInput: RecipeInput;
33
+ export declare const ratingGroup: RecipeInput;
34
+ export declare const treeView: RecipeInput;
35
+ /**
36
+ * daisy "input" flavor: the shared field box with nothing in it but the text.
37
+ * Same `fieldControl` metrics as select's trigger, combobox's control and the
38
+ * number input's — the whole point of that helper is that a row of mixed
39
+ * fields lines up.
40
+ */
41
+ export declare const input: RecipeInput;
42
+ /**
43
+ * daisy "textarea" flavor. The `fieldControl` box minus its `height`: the
44
+ * whole point of a textarea is that its height is the content's (and the
45
+ * reader's, via `resize`), so the shared ramp becomes a `min-height` floor
46
+ * rather than a fixed measure.
47
+ */
48
+ export declare const textarea: RecipeInput;
49
+ /**
50
+ * NativeSelect (#333) — daisy "select" flavor on the platform's own picker:
51
+ * the `fieldControl` box (same metrics as every field, so mixed rows line
52
+ * up), `appearance: none`, and the recipe-drawn chevron at the inline end.
53
+ * No open state — the platform owns the popup — so colour surfaces on the
54
+ * focus ring, exactly like input's.
55
+ */
56
+ export declare const nativeSelect: RecipeInput;
57
+ /**
58
+ * daisy "card" flavor: `bg-base-100` on a `rounded-box` with a real shadow —
59
+ * daisy's card IS elevated where zero-basic's is not, and `card-body` carries
60
+ * the padding rather than the card.
61
+ */
62
+ export declare const card: RecipeInput;
63
+ /**
64
+ * daisy "alert" flavor: the role's soft tint edge to edge, its ink for the
65
+ * words, and a rounded-box corner. The text ink is `roleInk`, the same
66
+ * on-tint mix daisy's own alerts use and the one the token validator has
67
+ * already measured — NOT the role at full strength, which is a fill.
68
+ */
69
+ export declare const alert: RecipeInput;
70
+ /**
71
+ * daisy "badge" flavor: a fully-rounded pill with a hairline, filled by the
72
+ * role. No `variant` — the repo-wide decision (#175) holds everywhere except
73
+ * zero-basic's badge, which narrows its own vocabulary through `tokens.scopes`
74
+ * to prove the mechanism.
75
+ */
76
+ export declare const badge: RecipeInput;
77
+ /** daisy "divider": the base-300 rule, thickening with the ramp. */
78
+ export declare const divider: RecipeInput;
79
+ /**
80
+ * Skeleton — see zero-basic's for the shared reasoning: children stay in the
81
+ * DOM, `loading` blanks them with `color: transparent`, the loop STOPS under
82
+ * reduced motion rather than speeding up, and the static fallback is a flat
83
+ * fill that still reads as "not content yet".
84
+ */
85
+ export declare const skeleton: RecipeInput;
86
+ /** daisy "loading-spinner": the ring, with one quadrant in the role's ink. */
87
+ export declare const spinner: RecipeInput;
88
+ /** daisy kbd: the raised base-200 cap with the doubled bottom edge. */
89
+ export declare const kbd: RecipeInput;
90
+ /**
91
+ * daisy status: the dot with the soft halo ring daisy draws around it —
92
+ * spelled as a border in the ink's own colour so the mark survives
93
+ * `forced-colors`, with the halo as an outer box-shadow that may drop there
94
+ * without taking the dot with it.
95
+ */
96
+ export declare const status: RecipeInput;
97
+ /**
98
+ * Indicator — pure position; the item's content brings its own paint.
99
+ * Colour accents bare-text items, size moves their type scale.
100
+ */
101
+ export declare const indicator: RecipeInput;
102
+ /** daisy stats: the rounded base-100 panel with rule-thin item joins. */
103
+ export declare const stats: RecipeInput;
104
+ /** daisy timeline: the boxed content beside a dotted axis. */
105
+ export declare const timeline: RecipeInput;
106
+ /** daisy chat: the classic bubble, colour-refilled per role. */
107
+ export declare const chat: RecipeInput;
108
+ /** daisy radial-progress: --value became --progress-percent; same ring. */
109
+ export declare const radialProgress: RecipeInput;
110
+ /**
111
+ * Join — inner corners squared, seams folded to one border; the joined
112
+ * controls keep their own chrome. Colour/size wire as on indicator: the
113
+ * wrapper has no paint of its own.
114
+ */
115
+ export declare const join: RecipeInput;
116
+ /**
117
+ * Navbar — daisy's navbar is a comfortable padded bar on base-100 with a
118
+ * generous min-height; start/end split the width and the centre hugs its
119
+ * content, which is daisy's own 50/50 layout translated to flex slack.
120
+ * Colour is the daisy `navbar bg-primary text-primary-content` move: refill
121
+ * the whole bar with the role pair.
122
+ */
123
+ export declare const navbar: RecipeInput;
124
+ /**
125
+ * Breadcrumbs — daisy's breadcrumbs: a compact text-sm trail, links
126
+ * underlining on hover, the current crumb plain full ink. Colour rebinds
127
+ * the current crumb through `roleInk` (the readable-ink map daisy already
128
+ * carries for role text on paper).
129
+ */
130
+ export declare const breadcrumbs: RecipeInput;
131
+ /**
132
+ * Pagination — daisy's join-of-buttons made of standalone btn cells: the
133
+ * quiet base-200 fill, base-300 hover, the current page inverted into the
134
+ * accent pair (primary by default). Pressed is the daisy 1px sink. The
135
+ * `‹`/`›` glyphs flip under the shared rtl guard.
136
+ */
137
+ export declare const pagination: RecipeInput;
138
+ /**
139
+ * Steps — daisy's steps translated to the richer rail: bold numbered discs
140
+ * on base-200, the walked disc and line refilled with the accent pair
141
+ * (primary by default; daisy colours completed steps, and `roleInk` keeps
142
+ * the accent readable as text ink). Pressed is the daisy 1px sink.
143
+ */
144
+ export declare const steps: RecipeInput;
145
+ /**
146
+ * Drawer — daisy's drawer-side as a native <dialog> edge sheet: base-100
147
+ * paper, no border (daisy separates the drawer with the scrim), faded in.
148
+ * Base render is the inline mode; `:modal` is the top-layer edge sheet.
149
+ */
150
+ export declare const drawer: RecipeInput;
151
+ /**
152
+ * Table — daisy's `table`: quiet base-200 row rules in a rounded box,
153
+ * muted semibold headers. `zebra` and `hover` are daisy's own names
154
+ * (`table-zebra`, the row `hover` class), declared as mods; a selected row
155
+ * (daisy's `active`) sits on base-300 so it reads over both.
156
+ */
157
+ export declare const table: RecipeInput;
158
+ /**
159
+ * FileUpload — daisy's file-input family reshaped for the composed anatomy:
160
+ * a btn-ish trigger, a dashed base-300 dropzone washing toward the role ink
161
+ * under a hovering drag, and rounded item rows. Colour rebinds the accent.
162
+ */
163
+ export declare const fileUpload: RecipeInput;
164
+ /**
165
+ * Carousel — daisy's carousel is exactly a scroll-snap box; the additions
166
+ * are btn-circle nav triggers floating on the inline edges and pill dots.
167
+ */
168
+ export declare const carousel: RecipeInput;
169
+ /**
170
+ * Swap — daisy's signature swap-rotate as the ONE look: the leaving face
171
+ * spins out through 45° while fading, the arriving one spins in. All of
172
+ * it is data-state styling; reduced motion swaps with a hard cut.
173
+ */
174
+ export declare const swap: RecipeInput;
175
+ /**
176
+ * Countdown — display-only digits. The runtime replaces the `digits`
177
+ * element per tick (keyed), so the enter animation below plays once per
178
+ * change — daisy's rolling-odometer rise; a loop never exists, and reduced motion
179
+ * collapses the entry to a cut. The app owns time.
180
+ */
181
+ export declare const countdown: RecipeInput;
182
+ /**
183
+ * Diff — daisy's diff: the resizer line with a round grip riding it,
184
+ * role ink through the colour axis.
185
+ */
186
+ export declare const diff: RecipeInput;
187
+ export declare const recipes: RecipeInput[];
188
+ //# sourceMappingURL=recipes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../src/recipes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAwB,WAAW,EAAY,MAAM,gBAAgB,CAAC;AAuLlF,eAAO,MAAM,IAAI,EAAE,WA6ElB,CAAC;AA4BF,eAAO,MAAM,WAAW,EAAE,WAmEzB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,WAwI1B,CAAC;AA0EF,eAAO,MAAM,MAAM,EAAE,WAgFpB,CAAC;AAWF,eAAO,MAAM,OAAO,EAAE,WA+BrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAkCrB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,WA+IlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAgDnB,CAAC;AA2DF,eAAO,MAAM,QAAQ,EAAE,WAgKtB,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,WA+GxB,CAAC;AAgCF,eAAO,MAAM,QAAQ,EAAE,WA0EtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,WAyGpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAkEvB,CAAC;AA+BF,eAAO,MAAM,MAAM,EAAE,WA6GpB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,WA4MpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,WAmEpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,WAoJnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAkJtB,CAAC;AAIF,eAAO,MAAM,MAAM,EAAE,WAkFpB,CAAC;AAIF,eAAO,MAAM,WAAW,EAAE,WAoGzB,CAAC;AAIF,eAAO,MAAM,WAAW,EAAE,WA4IzB,CAAC;AA4DF,eAAO,MAAM,WAAW,EAAE,WAoHzB,CAAC;AA6CF,eAAO,MAAM,QAAQ,EAAE,WA4EtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,WA6EnB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,WA4DtB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,WA4D1B,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,WAiElB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,WAmFnB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,WAwCnB,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,OAAO,EAAE,WA8BrB,CAAC;AAGF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,WAuCtB,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,OAAO,EAAE,WAmCrB,CAAC;AAGF,uEAAuE;AACvE,eAAO,MAAM,GAAG,EAAE,WAsCjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,EAAE,WAiCpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,WAqDvB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,KAAK,EAAE,WA4EnB,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,QAAQ,EAAE,WA2ItB,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,IAAI,EAAE,WAgGlB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,WA+G5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,WAmElB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,WAsDpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,WAoEzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,WAyHxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,WA2InB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,WAkEpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,WAgGnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,WAmIxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,WA8ItB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,WA8ElB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,WA+CvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,WAmGlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAAW,EAahC,CAAC"}