@cjlapao/ui-kit 0.2.3 → 0.2.4

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 (96) hide show
  1. package/dist/index.cjs +1205 -829
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +37 -0
  4. package/dist/index.d.cts +260 -44
  5. package/dist/index.d.ts +260 -44
  6. package/dist/index.js +1140 -767
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
  9. package/dist/CapsuleBlueprint--CgRT7dr.d.cts +0 -426
  10. package/dist/CapsuleBlueprint--CgRT7dr.d.ts +0 -426
  11. package/dist/CapsuleBlueprint-12uQWAvU.d.cts +0 -732
  12. package/dist/CapsuleBlueprint-12uQWAvU.d.ts +0 -732
  13. package/dist/CapsuleBlueprint-1FP6avn4.d.cts +0 -1017
  14. package/dist/CapsuleBlueprint-1FP6avn4.d.ts +0 -1017
  15. package/dist/CapsuleBlueprint-6DmJgar9.d.cts +0 -358
  16. package/dist/CapsuleBlueprint-6DmJgar9.d.ts +0 -358
  17. package/dist/CapsuleBlueprint-B7MPc5wu.d.cts +0 -835
  18. package/dist/CapsuleBlueprint-B7MPc5wu.d.ts +0 -835
  19. package/dist/CapsuleBlueprint-BFHAMKUF.d.cts +0 -991
  20. package/dist/CapsuleBlueprint-BFHAMKUF.d.ts +0 -991
  21. package/dist/CapsuleBlueprint-BG23ZWsl.d.cts +0 -460
  22. package/dist/CapsuleBlueprint-BG23ZWsl.d.ts +0 -460
  23. package/dist/CapsuleBlueprint-BGx-KPqS.d.cts +0 -925
  24. package/dist/CapsuleBlueprint-BGx-KPqS.d.ts +0 -925
  25. package/dist/CapsuleBlueprint-BJYVRyFD.d.cts +0 -449
  26. package/dist/CapsuleBlueprint-BJYVRyFD.d.ts +0 -449
  27. package/dist/CapsuleBlueprint-BQq4ywG4.d.cts +0 -835
  28. package/dist/CapsuleBlueprint-BQq4ywG4.d.ts +0 -835
  29. package/dist/CapsuleBlueprint-BTgmUcyF.d.cts +0 -278
  30. package/dist/CapsuleBlueprint-BTgmUcyF.d.ts +0 -278
  31. package/dist/CapsuleBlueprint-BX2YI1yC.d.cts +0 -415
  32. package/dist/CapsuleBlueprint-BX2YI1yC.d.ts +0 -415
  33. package/dist/CapsuleBlueprint-BfPODmvJ.d.cts +0 -822
  34. package/dist/CapsuleBlueprint-BfPODmvJ.d.ts +0 -822
  35. package/dist/CapsuleBlueprint-BfSPPu5k.d.cts +0 -616
  36. package/dist/CapsuleBlueprint-BfSPPu5k.d.ts +0 -616
  37. package/dist/CapsuleBlueprint-BoPkPR2J.d.cts +0 -785
  38. package/dist/CapsuleBlueprint-BoPkPR2J.d.ts +0 -785
  39. package/dist/CapsuleBlueprint-CJeLH0j2.d.cts +0 -228
  40. package/dist/CapsuleBlueprint-CJeLH0j2.d.ts +0 -228
  41. package/dist/CapsuleBlueprint-CJwXDMzM.d.cts +0 -622
  42. package/dist/CapsuleBlueprint-CJwXDMzM.d.ts +0 -622
  43. package/dist/CapsuleBlueprint-CM125BJI.d.cts +0 -811
  44. package/dist/CapsuleBlueprint-CM125BJI.d.ts +0 -811
  45. package/dist/CapsuleBlueprint-CQPeacGV.d.cts +0 -426
  46. package/dist/CapsuleBlueprint-CQPeacGV.d.ts +0 -426
  47. package/dist/CapsuleBlueprint-CQy2O0UN.d.cts +0 -889
  48. package/dist/CapsuleBlueprint-CQy2O0UN.d.ts +0 -889
  49. package/dist/CapsuleBlueprint-CRy04iCR.d.cts +0 -695
  50. package/dist/CapsuleBlueprint-CRy04iCR.d.ts +0 -695
  51. package/dist/CapsuleBlueprint-CixXdjMu.d.cts +0 -925
  52. package/dist/CapsuleBlueprint-CixXdjMu.d.ts +0 -925
  53. package/dist/CapsuleBlueprint-CjCxwO1O.d.cts +0 -786
  54. package/dist/CapsuleBlueprint-CjCxwO1O.d.ts +0 -786
  55. package/dist/CapsuleBlueprint-Cm10IA2w.d.cts +0 -342
  56. package/dist/CapsuleBlueprint-Cm10IA2w.d.ts +0 -342
  57. package/dist/CapsuleBlueprint-CoGsooJJ.d.cts +0 -492
  58. package/dist/CapsuleBlueprint-CoGsooJJ.d.ts +0 -492
  59. package/dist/CapsuleBlueprint-CpHqUsJK.d.cts +0 -786
  60. package/dist/CapsuleBlueprint-CpHqUsJK.d.ts +0 -786
  61. package/dist/CapsuleBlueprint-CrRg8EVW.d.cts +0 -358
  62. package/dist/CapsuleBlueprint-CrRg8EVW.d.ts +0 -358
  63. package/dist/CapsuleBlueprint-DGxsd0aY.d.cts +0 -785
  64. package/dist/CapsuleBlueprint-DGxsd0aY.d.ts +0 -785
  65. package/dist/CapsuleBlueprint-DYnwizSo.d.cts +0 -698
  66. package/dist/CapsuleBlueprint-DYnwizSo.d.ts +0 -698
  67. package/dist/CapsuleBlueprint-DbLSB78P.d.cts +0 -235
  68. package/dist/CapsuleBlueprint-DbLSB78P.d.ts +0 -235
  69. package/dist/CapsuleBlueprint-DfV8XBEZ.d.cts +0 -1001
  70. package/dist/CapsuleBlueprint-DfV8XBEZ.d.ts +0 -1001
  71. package/dist/CapsuleBlueprint-DiG1FUoM.d.cts +0 -757
  72. package/dist/CapsuleBlueprint-DiG1FUoM.d.ts +0 -757
  73. package/dist/CapsuleBlueprint-DvdeHC13.d.cts +0 -289
  74. package/dist/CapsuleBlueprint-DvdeHC13.d.ts +0 -289
  75. package/dist/CapsuleBlueprint-DvinXyHp.d.cts +0 -342
  76. package/dist/CapsuleBlueprint-DvinXyHp.d.ts +0 -342
  77. package/dist/CapsuleBlueprint-DwW8YOJg.d.cts +0 -925
  78. package/dist/CapsuleBlueprint-DwW8YOJg.d.ts +0 -925
  79. package/dist/CapsuleBlueprint-E069msDY.d.cts +0 -310
  80. package/dist/CapsuleBlueprint-E069msDY.d.ts +0 -310
  81. package/dist/CapsuleBlueprint-LECoxlXA.d.cts +0 -497
  82. package/dist/CapsuleBlueprint-LECoxlXA.d.ts +0 -497
  83. package/dist/CapsuleBlueprint-V9pDg6lh.d.cts +0 -247
  84. package/dist/CapsuleBlueprint-V9pDg6lh.d.ts +0 -247
  85. package/dist/CapsuleBlueprint-bOLrWbIc.d.cts +0 -858
  86. package/dist/CapsuleBlueprint-bOLrWbIc.d.ts +0 -858
  87. package/dist/CapsuleBlueprint-if_tP8K8.d.cts +0 -1022
  88. package/dist/CapsuleBlueprint-if_tP8K8.d.ts +0 -1022
  89. package/dist/CapsuleBlueprint-pP0Ima0I.d.cts +0 -768
  90. package/dist/CapsuleBlueprint-pP0Ima0I.d.ts +0 -768
  91. package/dist/CapsuleBlueprint-w82xP6zg.d.cts +0 -222
  92. package/dist/CapsuleBlueprint-w82xP6zg.d.ts +0 -222
  93. package/dist/CapsuleBlueprint-wdlxOX4L.d.cts +0 -472
  94. package/dist/CapsuleBlueprint-wdlxOX4L.d.ts +0 -472
  95. package/dist/CapsuleBlueprint-wxqu6jA3.d.cts +0 -529
  96. package/dist/CapsuleBlueprint-wxqu6jA3.d.ts +0 -529
@@ -1,492 +0,0 @@
1
- import React__default from 'react';
2
-
3
- declare const BUTTON_VARIANTS: readonly ["solid", "soft", "outline", "ghost", "link", "clear", "icon", "glass"];
4
- type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
5
- /** Label weight. Derived from the runtime list for the same reason. */
6
- declare const BUTTON_WEIGHTS: readonly ["normal", "medium", "semibold", "bold"];
7
- type ButtonWeight = (typeof BUTTON_WEIGHTS)[number];
8
- /**
9
- * The 21 Tailwind palette colours the kit supports.
10
- *
11
- * `TrueColor` is derived from this array rather than declared alongside it, so
12
- * the runtime list and the type can never drift — adding a colour here adds it
13
- * to the type, the generated theme, and every consumer that enumerates colours.
14
- */
15
- declare const TRUE_COLORS: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "rose", "slate", "gray", "zinc", "neutral", "stone"];
16
- /**
17
- * TrueColor is the only valid color type in the ui-kit theme system.
18
- * All components, tokens, and utilities must use TrueColor exclusively.
19
- */
20
- type TrueColor = (typeof TRUE_COLORS)[number];
21
- /**
22
- * Shared size type used across all frameworks and components.
23
- * Replaces both the old ThemeSize (dead code) and ModalSize.
24
- */
25
- type Size = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "2xl" | "3xl" | "full";
26
- /**
27
- * The size scale every interactive control shares. Derived from the runtime
28
- * list so the two cannot drift, and so demos/docs can enumerate it.
29
- */
30
- declare const CONTROL_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
31
- type ControlSize = (typeof CONTROL_SIZES)[number];
32
- /**
33
- * Strength of a decorative glow behind a control (currently `SearchBar`'s
34
- * gradient variant).
35
- */
36
- declare const GLOW_INTENSITIES: readonly ["subtle", "soft", "medium", "strong"];
37
- type GlowIntensity = (typeof GLOW_INTENSITIES)[number];
38
- /**
39
- * Surface treatments shared by every text-entry control — `Input`, `Textarea`,
40
- * `SearchBar`. Defined once here so the three are the same box when they sit
41
- * next to each other in a form.
42
- */
43
- declare const INPUT_VARIANTS: readonly ["flat", "elevated", "ghost", "underline", "glass", "gradient"];
44
- type InputVariant = (typeof INPUT_VARIANTS)[number];
45
- type InputVariantTokens = {
46
- /** Border, fill, radius, shadow, backdrop. */
47
- surface: string;
48
- /** Text and placeholder colours. */
49
- text: string;
50
- /** Resting colour for a leading icon or other adornment. */
51
- icon: string;
52
- /** True when the surface is see-through and sits over unknown content. */
53
- translucent: boolean;
54
- };
55
- /**
56
- * The variant's surface with its border colour removed, keeping the width and
57
- * sides.
58
- *
59
- * A validation state paints its own border colour, and `border-rose-500`
60
- * beside the variant's `border-neutral-300` is a same-specificity collision
61
- * whose winner is emission order — measured in the built stylesheet,
62
- * `.border-emerald-500` lands *before* `.border-neutral-300` and
63
- * `.border-rose-500` after it, so an errored field turned rose and a
64
- * successful one stayed grey. Strip the colour so only one class can apply.
65
- */
66
- declare const stripBorderColor: (surface: string) => string;
67
- declare const getInputVariantTokens: (variant: InputVariant) => InputVariantTokens;
68
- /**
69
- * Surface treatments for containers — `Panel` and anything built on it
70
- * (`FormSection`). Kept here so the type and the text that sits on those
71
- * surfaces are defined once, not per component.
72
- */
73
- declare const SURFACE_VARIANTS: readonly ["elevated", "outlined", "subtle", "tonal", "default", "glass", "simple", "liquid-glass"];
74
- type SurfaceVariant = (typeof SURFACE_VARIANTS)[number];
75
- type SurfaceTextTokens = {
76
- /** Section and card headings. */
77
- heading: string;
78
- /** Body copy. */
79
- body: string;
80
- /** Secondary copy — descriptions under a label. */
81
- description: string;
82
- /** Tertiary copy — hints, counters, "optional" markers. */
83
- muted: string;
84
- /** Hairline between regions of the surface. */
85
- divider: string;
86
- translucent: boolean;
87
- };
88
- declare const getSurfaceTextTokens: (variant: SurfaceVariant) => SurfaceTextTokens;
89
- /**
90
- * A full-bleed interactive region on a container surface — a disclosure header,
91
- * a clickable card row.
92
- *
93
- * Two rules learned the hard way, both encoded here so callers cannot get them
94
- * wrong: a ring colour is inert without a ring *width*, and an outer ring is
95
- * clipped by any ancestor with `overflow: hidden` (which every `Panel` has), so
96
- * the ring is inset.
97
- */
98
- type SurfaceTriggerTokens = {
99
- /** Background wash on hover. Low-alpha, so it works on glass too. */
100
- hover: string;
101
- /** Complete focus indicator: outline reset, width, inset, colour. */
102
- focusRing: string;
103
- };
104
- declare const getSurfaceTriggerTokens: (color: TrueColor) => SurfaceTriggerTokens;
105
- /**
106
- * Corner radius scale for container surfaces.
107
- *
108
- * The token names are historical and do NOT map 1:1 onto Tailwind's radius
109
- * utilities — `rounded-sm` here is Tailwind's `rounded-lg`. They are kept as
110
- * they are because the whole kit already calls them by these names and the
111
- * scale itself is monotonic and correct; renaming would silently reshape every
112
- * existing card. `getSurfaceCornerRem` exposes the real radius so a demo can
113
- * label them honestly.
114
- *
115
- * `pill` used to be a duplicate of `rounded-lg` (both `rounded-3xl`), which is
116
- * not what a pill is; it is now a true capsule.
117
- */
118
- declare const SURFACE_CORNERS: readonly ["none", "rounded", "rounded-sm", "rounded-md", "rounded-lg", "rounded-xl", "rounded-full", "pill"];
119
- type SurfaceCorner = (typeof SURFACE_CORNERS)[number];
120
- /** The radius a container uses when the caller does not pick one. */
121
- declare const DEFAULT_SURFACE_CORNER: SurfaceCorner;
122
- declare const getSurfaceCornerClass: (corner: SurfaceCorner) => string;
123
- declare const getSurfaceCornerRem: (corner: SurfaceCorner) => string;
124
- /**
125
- * Container padding, on the same scale every control uses plus a `none` step,
126
- * so a Panel's padding and the Button inside it are described in one language.
127
- */
128
- declare const SURFACE_PADDINGS: readonly ["none", "xs", "sm", "md", "lg", "xl"];
129
- type SurfacePadding = "none" | ControlSize;
130
- declare const getSurfacePaddingClass: (padding: SurfacePadding) => string;
131
- /** Every padding token but `none`, for the callers that require a real inset. */
132
- declare const getSurfacePaddingClasses: () => Record<SurfacePadding, string>;
133
- /**
134
- * Geometry and opacity of the `gradient` variant's glow.
135
- *
136
- * `pad` is reserved on the control's own wrapper and `inset` positions the glow
137
- * inside it, so the halo is drawn **within the control's layout box**. Painting
138
- * it outside — the obvious way — means any ancestor with `overflow: auto`
139
- * clips it, and `Panel`'s body is `overflow-auto` by default. Same rule as the
140
- * inset focus ring.
141
- */
142
- type GlowTokens = {
143
- /** Padding reserved on the wrapper to hold the halo. */
144
- pad: string;
145
- /** Glow position inside that padding. The gap left over absorbs the blur. */
146
- inset: string;
147
- blur: string;
148
- idleOpacity: number;
149
- focusOpacity: number;
150
- };
151
- declare const getGlowTokens: (intensity: GlowIntensity) => GlowTokens;
152
- /**
153
- * Glow gradient stops: the tone's 600 and 400 shades, read from Tailwind's own
154
- * custom properties rather than a hard-coded hex table.
155
- */
156
- declare const resolveGlowGradient: (tone: TrueColor, from?: string, to?: string) => [string, string];
157
- type ButtonTheme = Record<ButtonVariant, Record<TrueColor, string>>;
158
- type ButtonHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
159
- type ButtonActiveTheme = Record<ButtonVariant, Record<TrueColor, string>>;
160
- type ButtonActiveHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
161
- type ToggleTheme = Record<TrueColor, string>;
162
- type CheckboxTheme = Record<TrueColor, string>;
163
- type SpinnerTheme = Record<TrueColor, [string, string, string, string]>;
164
- type LoaderTheme = Record<TrueColor, {
165
- track: string;
166
- bar: string;
167
- }>;
168
- type MultiToggleTheme = Record<TrueColor, {
169
- active: string;
170
- activeText: string;
171
- indicator: string;
172
- hover: string;
173
- }>;
174
- type MultiToggleVariantTokens = {
175
- softIndicator: string;
176
- activeText: string;
177
- hover: string;
178
- };
179
- type MultiToggleVariantTheme = Record<TrueColor, MultiToggleVariantTokens>;
180
- type TabsColorTokens = {
181
- hoverText: string;
182
- activeText: string;
183
- onAccentText: string;
184
- focusRing: string;
185
- accentBg: string;
186
- subtleBg: string;
187
- subtleHoverBg: string;
188
- segmentedContainer: string;
189
- badgeSubtle: string;
190
- badgeStrong: string;
191
- badgeOnAccent: string;
192
- underlineActive: string;
193
- };
194
- type TabsTheme = Record<TrueColor, TabsColorTokens>;
195
- type PanelToneConfig = {
196
- border: string;
197
- /**
198
- * Hairline for the `outlined` variant. Deliberately lighter than `border`
199
- * and paired with a low-alpha dark value, so the outline reads as a hairline
200
- * in both modes instead of a hard rule in light mode.
201
- */
202
- outlineBorder: string;
203
- heading: string;
204
- muted: string;
205
- badge: string;
206
- subtleBg: string;
207
- tonalBg: string;
208
- glassBg: string;
209
- glassBorder: string;
210
- liquidBg: string;
211
- liquidBorder: string;
212
- liquidShadow: string;
213
- liquidHeading: string;
214
- overlayGradient: string;
215
- decorationShape: string;
216
- decorationGradient: string;
217
- };
218
- type PanelTheme = Record<TrueColor, PanelToneConfig>;
219
- type StepperToneConfig = {
220
- activeBg: string;
221
- activeText: string;
222
- completedBg: string;
223
- completedText: string;
224
- pendingBorder: string;
225
- pendingText: string;
226
- underlineBase: string;
227
- };
228
- type StepperTheme = Record<TrueColor, StepperToneConfig>;
229
- type BadgeTheme = Record<TrueColor, string>;
230
- type PillTheme = Record<TrueColor, Record<"solid" | "soft" | "outline", {
231
- base: string;
232
- border?: string;
233
- }>>;
234
- type AlertTheme = Record<TrueColor, {
235
- subtle: string;
236
- solid: string;
237
- outline: string;
238
- icon: string;
239
- text: string;
240
- border: string;
241
- dismiss: string;
242
- }>;
243
- type StatTileTheme = Record<TrueColor, {
244
- decorationBg: string;
245
- iconColor: string;
246
- divider: string;
247
- }>;
248
- type ButtonSelectorColorTokens = {
249
- selectedBorder: string;
250
- selectedBg: string;
251
- selectedIcon: string;
252
- selectedLabel: string;
253
- selectedIndicatorBg: string;
254
- selectedIndicatorBorder: string;
255
- selectedIndicatorDot: string;
256
- };
257
- type ButtonSelectorTheme = Record<TrueColor, ButtonSelectorColorTokens>;
258
- interface ThemeDefinition {
259
- button: ButtonTheme;
260
- buttonHover: ButtonHoverTheme;
261
- buttonActive: ButtonActiveTheme;
262
- buttonActiveHover: ButtonActiveHoverTheme;
263
- toggle: ToggleTheme;
264
- checkbox: CheckboxTheme;
265
- spinner: SpinnerTheme;
266
- loader: LoaderTheme;
267
- multiToggle: MultiToggleTheme;
268
- multiToggleVariant: MultiToggleVariantTheme;
269
- tabs: TabsTheme;
270
- panel: PanelTheme;
271
- stepper: StepperTheme;
272
- badge: BadgeTheme;
273
- pill: PillTheme;
274
- alert: AlertTheme;
275
- statTile: StatTileTheme;
276
- buttonSelector: ButtonSelectorTheme;
277
- }
278
- type DeepPartial<T> = {
279
- [K in keyof T]?: T[K] extends Record<string, unknown> ? DeepPartial<T[K]> : T[K];
280
- };
281
- declare const configureTheme: (overrides: DeepPartial<ThemeDefinition>) => void;
282
- declare const resetTheme: () => void;
283
- declare const getButtonColorClasses: (variant: ButtonVariant, color: TrueColor) => string;
284
- declare const getButtonHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
285
- declare const getButtonActiveClasses: (variant: ButtonVariant, color: TrueColor) => string;
286
- declare const getButtonActiveHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
287
- declare const getButtonBaseClasses: (variant: ButtonVariant, color: TrueColor) => string;
288
- interface SliderVariantTokens {
289
- /** Paint for the active track segment, from the start (or min handle) to the value. */
290
- fill: string;
291
- /** Border of the handle. */
292
- handle: string;
293
- /** The handle's focus-ring colour, including its `focus-visible:` prefix. */
294
- ring: string;
295
- }
296
- /**
297
- * Slider treatments — the same eight `ButtonVariant` values `Button` offers,
298
- * so a slider dropped next to a button row reads as part of the same UI.
299
- *
300
- * A button's paint describes a *box with a label*; a slider has a track
301
- * segment and a handle instead, so each variant maps onto those two surfaces
302
- * with the same visual language: `solid` is the saturated fill, `soft` the
303
- * tinted one, `outline` a bordered wash, `ghost`/`link`/`clear` successively
304
- * quieter tints, `glass` the frosted fill. `icon` has no slider analog and
305
- * falls back to `solid`.
306
- */
307
- declare const getSliderVariantTokens: (color: TrueColor, variant: ButtonVariant) => SliderVariantTokens;
308
- declare const getToggleColorClasses: (color: TrueColor) => string;
309
- /**
310
- * @deprecated Returns `accent-{color}-600`, which only paints a *native*
311
- * checkbox — and a native checkbox ignores border, radius and background, so
312
- * every other class the control carried was dead. Use
313
- * `getCheckboxControlTokens`, which styles a real box.
314
- */
315
- declare const getCheckboxColorClasses: (color: TrueColor) => string;
316
- interface CheckboxControlTokens {
317
- /** Fill and border of the box once checked or indeterminate. */
318
- checked: string;
319
- /** Focus ring, driven off the sibling input's focus. */
320
- ring: string;
321
- /** Colour of the tick/dash glyph, which sits on the checked fill. */
322
- glyph: string;
323
- }
324
- /**
325
- * Fills step to `-700` light / `-400` dark rather than the `-600` / `-500` the
326
- * native `accent-color` used, for the same reason `Alert`'s solid variant does:
327
- * a white glyph on `{color}-600` measures 2.94:1 on yellow and 3.06 on lime,
328
- * under even the 3:1 that WCAG asks of a *graphical* object, and on a `-500`
329
- * fill it is worse. At `-700` under white and `-400` under `{color}-950` the
330
- * worst case across all 21 tones is 4.93:1.
331
- */
332
- interface CheckboxVariantTokens {
333
- /** Fill, shadow and backdrop of the resting box. */
334
- fill: string;
335
- /** Resting border colour. Replaced wholesale by the error state. */
336
- border: string;
337
- /** Border colour under the cursor. */
338
- hover: string;
339
- /** True when the box is see-through and sits over unknown content. */
340
- translucent: boolean;
341
- }
342
- declare const getCheckboxVariantTokens: (variant: InputVariant) => CheckboxVariantTokens;
343
- declare const getCheckboxControlTokens: (color: TrueColor) => CheckboxControlTokens;
344
- declare const getSpinnerColorTokens: (color: TrueColor) => [string, string, string, string];
345
- declare const getLoaderProgressColors: (color: TrueColor) => {
346
- track: string;
347
- bar: string;
348
- };
349
- declare const getMultiToggleColorTokens: (color: TrueColor) => {
350
- active: string;
351
- activeText: string;
352
- indicator: string;
353
- hover: string;
354
- };
355
- declare const getMultiToggleVariantTokens: (color: TrueColor) => MultiToggleVariantTokens;
356
- declare const getTabsColorTokens: (color: TrueColor) => TabsColorTokens;
357
- declare const getPanelToneStyles: (tone: TrueColor) => PanelToneConfig;
358
- declare const getStepperTonePalette: (tone: TrueColor) => StepperToneConfig;
359
- declare const getBadgeColorClasses: (color: TrueColor) => string;
360
- declare const getPillColorClasses: (color: TrueColor, variant: "solid" | "soft" | "outline") => {
361
- base: string;
362
- border?: string;
363
- };
364
- /**
365
- * @deprecated Use `getAlertVariantTokens(color, variant)`. This bag hands the
366
- * same icon/text/dismiss classes to every variant, which is unreadable on
367
- * `solid`. Kept so existing call sites keep compiling.
368
- */
369
- declare const getAlertColorClasses: (color: TrueColor) => AlertTheme[TrueColor];
370
- /**
371
- * Alert treatments. `glass` and `liquid-glass` are the same pair `Panel` and
372
- * `Pill` offer, so a callout dropped on a glass card no longer has to be the
373
- * one opaque slab in the layout.
374
- */
375
- declare const ALERT_VARIANTS: readonly ["subtle", "solid", "outline", "glass", "liquid-glass"];
376
- type AlertVariant = (typeof ALERT_VARIANTS)[number];
377
- /**
378
- * Where the leading icon sits against the callout's content.
379
- *
380
- * `top` is the default and the only one that was previously possible: the icon
381
- * centres on the *title's* line box, which is what you want for a one- or
382
- * two-line callout. `center` centres it against the whole block — right when
383
- * the body runs long enough that a top-aligned glyph looks stranded — and
384
- * `bottom` pins it to the last line.
385
- */
386
- declare const ALERT_ICON_ALIGNMENTS: readonly ["top", "center", "bottom"];
387
- type AlertIconAlign = (typeof ALERT_ICON_ALIGNMENTS)[number];
388
- /**
389
- * What the callout *means*, as opposed to what colour it is.
390
- *
391
- * Both kits' demos have been passing `tone="info"` / `"success"` / `"warning"`
392
- * / `"danger"` since tone became a `TrueColor` — none of them are one, so every
393
- * such alert fell through to the blue fallback and four "different" tones
394
- * rendered identically. The semantics were real and worth keeping; they just
395
- * belong in their own prop, which resolves to a tone *and* the right icon *and*
396
- * the right live-region politeness.
397
- */
398
- declare const ALERT_INTENTS: readonly ["info", "success", "warning", "danger", "neutral"];
399
- type AlertIntent = (typeof ALERT_INTENTS)[number];
400
- interface AlertIntentConfig {
401
- tone: TrueColor;
402
- /** Registry icon name used when the caller does not supply one. */
403
- icon: string;
404
- /**
405
- * How assistive technology should announce it. `role="alert"` is an
406
- * *assertive* live region: it interrupts whatever the user is reading, which
407
- * is right for a failure and wrong for a page that merely renders an
408
- * informational banner on load.
409
- */
410
- live: "assertive" | "polite";
411
- }
412
- declare const ALERT_INTENT_CONFIG: Record<AlertIntent, AlertIntentConfig>;
413
- interface AlertVariantTokens {
414
- /** Fill plus the callout's base copy colour. */
415
- surface: string;
416
- /** Border colour. The `border` utility itself is on the base class. */
417
- border: string;
418
- /** Leading icon. */
419
- icon: string;
420
- /** Secondary copy under the title. */
421
- text: string;
422
- /** Dismiss button: rest, hover and focus ring. */
423
- dismiss: string;
424
- }
425
- /**
426
- * Replaces the old flat `getAlertColorClasses` bag, which handed the *same*
427
- * `icon`, `text` and `dismiss` classes to every variant. On `solid` — a
428
- * `{color}-600` fill — that painted the description `{color}-700` and the icon
429
- * `{color}-500`, i.e. a dark tone on a saturated tone of itself. It was
430
- * unreadable at every tone and no test could see it.
431
- */
432
- declare const getAlertVariantTokens: (color: TrueColor, variant: AlertVariant) => AlertVariantTokens;
433
- declare const getStatTileColorClasses: (color: TrueColor) => StatTileTheme[TrueColor];
434
-
435
- type IconName = "Add" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Attached" | "Attachment" | "Back" | "Blueprint" | "Bug" | "Chat" | "CheckCircle" | "ChevronLeft" | "ChevronRight" | "Clean" | "Close" | "Close1" | "CloudOff" | "Cog" | "Complete" | "Container" | "CopyClipboard" | "Dashboard" | "Details" | "Docker copy" | "Docker" | "Dots" | "Download" | "Edit" | "Equal" | "Error" | "Export" | "EyeClosed" | "EyeOpen" | "Globe" | "Help" | "Idea" | "Image" | "Info" | "Key" | "LXC-Old" | "LXC" | "Log" | "Moon" | "Notification" | "Official" | "Offline" | "OpenApp" | "Parameter" | "Pause" | "Praise" | "ReportFeedback" | "Reset" | "Restart" | "Rocket" | "Run" | "Save" | "Scale" | "Script" | "Search" | "Send" | "Settings" | "Shop" | "Star" | "Stop" | "Sun" | "Suspend" | "ThemeAuto" | "ThemeDark" | "ThemeLight" | "Trash" | "UX" | "User" | "Users" | "Verified" | "ViewGrid" | "ViewRows" | "Library" | "Host" | "VirtualMachine" | "Role" | "Roles" | "Cache" | "Claim" | "Claims" | "KeyManagement" | "Windows" | "Ubuntu" | "Debian" | "Apple" | "KaliLinux" | "RedHat" | "Fedora" | "CentOS" | "Clone" | "Copy" | "Live" | "HealthCheck" | "ReverseProxy" | "ReverseProxyCORS" | "ReverseProxyRoutes" | "ReverseProxyFrom" | "ReverseProxyHeadersRequest" | "ReverseProxyHeadersResponse" | "ReverseProxyHTTP" | "ReverseProxyTo" | "ReverseProxyTLS" | "ReverseProxyTCP" | "Refresh" | "Calendar" | "Folder" | "Jobs" | "Warning" | "Artifactory" | "Azure" | "Minio" | "Aws" | "Orchestrator" | "Podman" | "PodmanDesktop" | "Group" | "Pin" | "Database" | "RemoteHost" | "Login" | "Logout" | "Snapshot" | "Revert" | "CleanBrush" | "Pull" | "Push" | "CatalogVersion" | "File" | "Revoke" | "Taint" | "Unlock" | "Check" | "ArrowChevronLeft" | "ArrowChevronRight" | "Drag";
436
- declare const iconRegistry: Record<IconName, React__default.ForwardRefExoticComponent<React__default.SVGProps<SVGSVGElement>>>;
437
-
438
- type HelpButtonPlacement = "top" | "bottom" | "left" | "right" | "auto";
439
- interface HelpButtonProps {
440
- /**
441
- * Help content to display in the panel.
442
- * Pass a `string` to render as Markdown (tables and URLs supported).
443
- * Pass a `ReactNode` to render arbitrary JSX directly.
444
- */
445
- content: string | React__default.ReactNode;
446
- /** Optional title shown in the panel header. Defaults to "Help". */
447
- title?: React__default.ReactNode;
448
- /**
449
- * Preferred placement of the floating panel relative to the trigger button.
450
- * "auto" (default) picks the side with the most available space.
451
- */
452
- placement?: HelpButtonPlacement;
453
- /** Accent color for the trigger button and the panel header stripe. */
454
- color?: TrueColor;
455
- /** Size of the trigger icon button. */
456
- size?: "xs" | "sm" | "md" | "lg";
457
- /** Icon for the trigger button. Defaults to "Help". */
458
- icon?: IconName;
459
- /** Maximum width of the floating panel in px. Defaults to 360. */
460
- maxWidth?: number;
461
- /** Extra class applied to the root wrapper. */
462
- className?: string;
463
- }
464
- declare const HelpButton: React__default.FC<HelpButtonProps>;
465
-
466
- declare enum CapsuleBlueprintValueType {
467
- String = "string",
468
- Int = "int",
469
- Boolean = "boolean",
470
- Select = "select",
471
- List = "list",
472
- Map = "map"
473
- }
474
- interface CapsuleBlueprintParameter {
475
- name: string;
476
- key: string;
477
- description?: string;
478
- type?: string;
479
- value_type?: CapsuleBlueprintValueType;
480
- default?: any;
481
- required?: boolean;
482
- is_required?: boolean;
483
- is_secret?: boolean;
484
- options?: any;
485
- hint?: string;
486
- help?: string;
487
- service_name?: string;
488
- depends_on?: string[];
489
- [key: string]: any;
490
- }
491
-
492
- export { getInputVariantTokens as $, type AlertIntent as A, type ButtonVariant as B, type ControlSize as C, DEFAULT_SURFACE_CORNER as D, SURFACE_PADDINGS as E, SURFACE_VARIANTS as F, type GlowIntensity as G, type HelpButtonProps as H, type IconName as I, type SliderVariantTokens as J, type SurfaceTriggerTokens as K, TRUE_COLORS as L, configureTheme as M, getAlertColorClasses as N, getAlertVariantTokens as O, getBadgeColorClasses as P, getButtonActiveClasses as Q, getButtonActiveHoverClasses as R, type SurfaceCorner as S, type TrueColor as T, getButtonBaseClasses as U, getButtonColorClasses as V, getButtonHoverClasses as W, getCheckboxColorClasses as X, getCheckboxControlTokens as Y, getCheckboxVariantTokens as Z, getGlowTokens as _, type AlertVariant as a, getLoaderProgressColors as a0, getMultiToggleColorTokens as a1, getMultiToggleVariantTokens as a2, getPanelToneStyles as a3, getPillColorClasses as a4, getSliderVariantTokens as a5, getSpinnerColorTokens as a6, getStatTileColorClasses as a7, getStepperTonePalette as a8, getSurfaceCornerClass as a9, getSurfaceCornerRem as aa, getSurfacePaddingClass as ab, getSurfacePaddingClasses as ac, getSurfaceTextTokens as ad, getSurfaceTriggerTokens as ae, getTabsColorTokens as af, getToggleColorClasses as ag, iconRegistry as ah, resetTheme as ai, resolveGlowGradient as aj, stripBorderColor as ak, HelpButton as al, type AlertIconAlign as b, type ButtonWeight as c, type SurfacePadding as d, type SurfaceVariant as e, type InputVariant as f, type Size as g, type CapsuleBlueprintParameter as h, type SurfaceTextTokens as i, ALERT_ICON_ALIGNMENTS as j, ALERT_INTENTS as k, ALERT_INTENT_CONFIG as l, ALERT_VARIANTS as m, type AlertIntentConfig as n, type AlertVariantTokens as o, BUTTON_VARIANTS as p, BUTTON_WEIGHTS as q, CONTROL_SIZES as r, CapsuleBlueprintValueType as s, type CheckboxControlTokens as t, type CheckboxVariantTokens as u, GLOW_INTENSITIES as v, type GlowTokens as w, INPUT_VARIANTS as x, type InputVariantTokens as y, SURFACE_CORNERS as z };