@ciridae/ui 0.3.3 → 0.3.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 (140) hide show
  1. package/dist/assets/ciridae/brand-background-dark.webp +0 -0
  2. package/dist/assets/ciridae/brand-background-light.webp +0 -0
  3. package/dist/assets/ciridae/ciridae-black.svg +17 -0
  4. package/dist/assets/ciridae/ciridae-brand-assets.d.ts +25 -0
  5. package/dist/assets/ciridae/ciridae-brand-assets.js +25 -0
  6. package/dist/assets/ciridae/ciridae-icon-black.png +0 -0
  7. package/dist/assets/ciridae/ciridae-icon-white.png +0 -0
  8. package/dist/assets/ciridae/ciridae-ui-wordmark-black.png +0 -0
  9. package/dist/assets/ciridae/ciridae-ui-wordmark-white.png +0 -0
  10. package/dist/assets/ciridae/ciridae-white.svg +17 -0
  11. package/dist/assets/ciridae/ciridae-wordmark-black.png +0 -0
  12. package/dist/assets/ciridae/ciridae-wordmark-white.png +0 -0
  13. package/dist/assets/ciridae/favicon.ico +0 -0
  14. package/dist/assets/ciridae/logo-white.png +0 -0
  15. package/dist/assets/ciridae/sign-in-screenshot.png +0 -0
  16. package/dist/components/blocks/admin-users-table.d.ts +22 -0
  17. package/dist/components/blocks/admin-users-table.js +115 -0
  18. package/dist/components/blocks/comment-composer.d.ts +16 -0
  19. package/dist/components/blocks/comment-composer.js +113 -0
  20. package/dist/components/blocks/comment-item.d.ts +8 -0
  21. package/dist/components/blocks/comment-item.js +45 -0
  22. package/dist/components/blocks/comment-thread.d.ts +18 -0
  23. package/dist/components/blocks/comment-thread.js +30 -0
  24. package/dist/components/blocks/comment-types.d.ts +18 -0
  25. package/dist/components/blocks/comment-types.js +11 -0
  26. package/dist/components/blocks/feedback-center-comments.d.ts +12 -0
  27. package/dist/components/blocks/feedback-center-comments.js +11 -0
  28. package/dist/components/blocks/feedback-center-sheet-parts.d.ts +34 -0
  29. package/dist/components/blocks/feedback-center-sheet-parts.js +44 -0
  30. package/dist/components/blocks/feedback-center-sheet.d.ts +19 -0
  31. package/dist/components/blocks/feedback-center-sheet.js +46 -0
  32. package/dist/components/blocks/feedback-composer-parts.d.ts +16 -0
  33. package/dist/components/blocks/feedback-composer-parts.js +43 -0
  34. package/dist/components/blocks/feedback-composer-types.d.ts +11 -0
  35. package/dist/components/blocks/feedback-composer-types.js +1 -0
  36. package/dist/components/blocks/feedback-composer.d.ts +17 -0
  37. package/dist/components/blocks/feedback-composer.js +112 -0
  38. package/dist/components/blocks/feedback-date-format.d.ts +5 -0
  39. package/dist/components/blocks/feedback-date-format.js +11 -0
  40. package/dist/components/blocks/feedback-detail-sheet.d.ts +9 -0
  41. package/dist/components/blocks/feedback-detail-sheet.js +41 -0
  42. package/dist/components/blocks/feedback-metrics.d.ts +6 -0
  43. package/dist/components/blocks/feedback-metrics.js +15 -0
  44. package/dist/components/blocks/feedback-sheet.d.ts +8 -0
  45. package/dist/components/blocks/feedback-sheet.js +16 -0
  46. package/dist/components/blocks/feedback-status-badge.d.ts +6 -0
  47. package/dist/components/blocks/feedback-status-badge.js +14 -0
  48. package/dist/components/blocks/feedback-table-row.d.ts +6 -0
  49. package/dist/components/blocks/feedback-table-row.js +37 -0
  50. package/dist/components/blocks/feedback-table-sort.d.ts +11 -0
  51. package/dist/components/blocks/feedback-table-sort.js +81 -0
  52. package/dist/components/blocks/feedback-table.d.ts +16 -0
  53. package/dist/components/blocks/feedback-table.js +45 -0
  54. package/dist/components/blocks/feedback-tracking-types.d.ts +78 -0
  55. package/dist/components/blocks/feedback-tracking-types.js +36 -0
  56. package/dist/components/blocks/feedback-type-badge.d.ts +6 -0
  57. package/dist/components/blocks/feedback-type-badge.js +12 -0
  58. package/dist/components/blocks/feedback-user-detail.d.ts +10 -0
  59. package/dist/components/blocks/feedback-user-detail.js +57 -0
  60. package/dist/components/blocks/feedback-user-list.d.ts +9 -0
  61. package/dist/components/blocks/feedback-user-list.js +33 -0
  62. package/dist/components/blocks/invite-user-sheet.d.ts +20 -0
  63. package/dist/components/blocks/invite-user-sheet.js +72 -0
  64. package/dist/components/blocks/kanban-board-parts.d.ts +26 -0
  65. package/dist/components/blocks/kanban-board-parts.js +85 -0
  66. package/dist/components/blocks/kanban-board-utils.d.ts +42 -0
  67. package/dist/components/blocks/kanban-board-utils.js +115 -0
  68. package/dist/components/blocks/kanban-board.d.ts +16 -0
  69. package/dist/components/blocks/kanban-board.js +36 -0
  70. package/dist/components/blocks/kanban-card.d.ts +10 -0
  71. package/dist/components/blocks/kanban-card.js +34 -0
  72. package/dist/components/blocks/kanban-column.d.ts +17 -0
  73. package/dist/components/blocks/kanban-column.js +34 -0
  74. package/dist/components/blocks/kanban-detail-sheet.d.ts +17 -0
  75. package/dist/components/blocks/kanban-detail-sheet.js +34 -0
  76. package/dist/components/blocks/kanban-types.d.ts +24 -0
  77. package/dist/components/blocks/kanban-types.js +1 -0
  78. package/dist/components/blocks/timestamp-format.d.ts +8 -0
  79. package/dist/components/blocks/timestamp-format.js +66 -0
  80. package/dist/components/pages/admin-users-page.d.ts +11 -0
  81. package/dist/components/pages/admin-users-page.js +30 -0
  82. package/dist/components/pages/feedback-stakeholder-page-parts.d.ts +18 -0
  83. package/dist/components/pages/feedback-stakeholder-page-parts.js +36 -0
  84. package/dist/components/pages/feedback-stakeholder-page.d.ts +9 -0
  85. package/dist/components/pages/feedback-stakeholder-page.js +66 -0
  86. package/dist/components/pages/kanban-page.d.ts +13 -0
  87. package/dist/components/pages/kanban-page.js +68 -0
  88. package/dist/components/ui/calendar.d.ts +2 -1
  89. package/dist/components/ui/calendar.js +1 -1
  90. package/dist/components/ui/dialog.d.ts +2 -1
  91. package/dist/components/ui/dialog.js +2 -2
  92. package/dist/components/ui/page-header.d.ts +15 -1
  93. package/dist/components/ui/page-header.js +20 -2
  94. package/dist/components/ui/resizable.d.ts +9 -2
  95. package/dist/components/ui/resizable.js +3 -3
  96. package/dist/components/ui/sonner.d.ts +2 -2
  97. package/dist/components/ui/sonner.js +2 -2
  98. package/dist/styled-system/css/css.d.ts +11 -16
  99. package/dist/styled-system/css/cva.d.ts +2 -4
  100. package/dist/styled-system/css/cx.d.ts +2 -3
  101. package/dist/styled-system/css/index.d.ts +1 -1
  102. package/dist/styled-system/css/sva.d.ts +1 -2
  103. package/dist/styled-system/patterns/aspect-ratio.d.ts +5 -9
  104. package/dist/styled-system/patterns/bleed.d.ts +6 -10
  105. package/dist/styled-system/patterns/box.d.ts +4 -9
  106. package/dist/styled-system/patterns/center.d.ts +5 -9
  107. package/dist/styled-system/patterns/circle.d.ts +5 -9
  108. package/dist/styled-system/patterns/container.d.ts +4 -9
  109. package/dist/styled-system/patterns/cq.d.ts +6 -10
  110. package/dist/styled-system/patterns/divider.d.ts +7 -11
  111. package/dist/styled-system/patterns/flex.d.ts +11 -15
  112. package/dist/styled-system/patterns/float.d.ts +8 -12
  113. package/dist/styled-system/patterns/grid-item.d.ts +10 -14
  114. package/dist/styled-system/patterns/grid.d.ts +9 -13
  115. package/dist/styled-system/patterns/hstack.d.ts +6 -10
  116. package/dist/styled-system/patterns/index.d.ts +1 -1
  117. package/dist/styled-system/patterns/link-overlay.d.ts +4 -9
  118. package/dist/styled-system/patterns/spacer.d.ts +5 -9
  119. package/dist/styled-system/patterns/square.d.ts +5 -9
  120. package/dist/styled-system/patterns/stack.d.ts +8 -12
  121. package/dist/styled-system/patterns/visually-hidden.d.ts +4 -9
  122. package/dist/styled-system/patterns/vstack.d.ts +6 -10
  123. package/dist/styled-system/patterns/wrap.d.ts +9 -13
  124. package/dist/styled-system/tokens/index.d.ts +4 -6
  125. package/dist/styled-system/tokens/tokens.d.ts +42 -61
  126. package/dist/styled-system/types/composition.d.ts +20 -211
  127. package/dist/styled-system/types/conditions.d.ts +297 -303
  128. package/dist/styled-system/types/csstype.d.ts +20289 -22518
  129. package/dist/styled-system/types/global.d.ts +11 -12
  130. package/dist/styled-system/types/index.d.ts +2 -2
  131. package/dist/styled-system/types/parts.d.ts +2 -3
  132. package/dist/styled-system/types/pattern.d.ts +75 -71
  133. package/dist/styled-system/types/prop-type.d.ts +236 -233
  134. package/dist/styled-system/types/recipe.d.ts +114 -155
  135. package/dist/styled-system/types/selectors.d.ts +8 -58
  136. package/dist/styled-system/types/static-css.d.ts +40 -47
  137. package/dist/styled-system/types/style-props.d.ts +8078 -8082
  138. package/dist/styled-system/types/system-types.d.ts +69 -111
  139. package/dist/styles.css +490 -1
  140. package/package.json +159 -7
@@ -4,18 +4,14 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface HstackProperties {
9
- justify?: SystemProperties["justifyContent"]
10
- gap?: SystemProperties["gap"]
8
+ justify?: SystemProperties["justifyContent"];
9
+ gap?: SystemProperties["gap"];
10
+ }
11
+ interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties> {
11
12
  }
12
-
13
- interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
14
-
15
13
  interface HstackPatternFn {
16
- (styles?: HstackStyles): string
17
- raw: (styles?: HstackStyles) => SystemStyleObject
14
+ (styles?: HstackStyles): string;
15
+ raw: (styles?: HstackStyles) => SystemStyleObject;
18
16
  }
19
-
20
-
21
17
  export declare const hstack: HstackPatternFn;
@@ -18,4 +18,4 @@ export * from './divider';
18
18
  export * from './float';
19
19
  export * from './bleed';
20
20
  export * from './visually-hidden';
21
- export * from './cq';
21
+ export * from './cq';
@@ -4,17 +4,12 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface LinkOverlayProperties {
9
-
10
8
  }
11
-
12
- interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
13
-
9
+ interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties> {
10
+ }
14
11
  interface LinkOverlayPatternFn {
15
- (styles?: LinkOverlayStyles): string
16
- raw: (styles?: LinkOverlayStyles) => SystemStyleObject
12
+ (styles?: LinkOverlayStyles): string;
13
+ raw: (styles?: LinkOverlayStyles) => SystemStyleObject;
17
14
  }
18
-
19
-
20
15
  export declare const linkOverlay: LinkOverlayPatternFn;
@@ -4,17 +4,13 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface SpacerProperties {
9
- size?: ConditionalValue<Tokens["spacing"]>
8
+ size?: ConditionalValue<Tokens["spacing"]>;
9
+ }
10
+ interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties> {
10
11
  }
11
-
12
- interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
13
-
14
12
  interface SpacerPatternFn {
15
- (styles?: SpacerStyles): string
16
- raw: (styles?: SpacerStyles) => SystemStyleObject
13
+ (styles?: SpacerStyles): string;
14
+ raw: (styles?: SpacerStyles) => SystemStyleObject;
17
15
  }
18
-
19
-
20
16
  export declare const spacer: SpacerPatternFn;
@@ -4,17 +4,13 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface SquareProperties {
9
- size?: SystemProperties["width"]
8
+ size?: SystemProperties["width"];
9
+ }
10
+ interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties> {
10
11
  }
11
-
12
- interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
13
-
14
12
  interface SquarePatternFn {
15
- (styles?: SquareStyles): string
16
- raw: (styles?: SquareStyles) => SystemStyleObject
13
+ (styles?: SquareStyles): string;
14
+ raw: (styles?: SquareStyles) => SystemStyleObject;
17
15
  }
18
-
19
-
20
16
  export declare const square: SquarePatternFn;
@@ -4,20 +4,16 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface StackProperties {
9
- align?: SystemProperties["alignItems"]
10
- justify?: SystemProperties["justifyContent"]
11
- direction?: SystemProperties["flexDirection"]
12
- gap?: SystemProperties["gap"]
8
+ align?: SystemProperties["alignItems"];
9
+ justify?: SystemProperties["justifyContent"];
10
+ direction?: SystemProperties["flexDirection"];
11
+ gap?: SystemProperties["gap"];
12
+ }
13
+ interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties> {
13
14
  }
14
-
15
- interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
16
-
17
15
  interface StackPatternFn {
18
- (styles?: StackStyles): string
19
- raw: (styles?: StackStyles) => SystemStyleObject
16
+ (styles?: StackStyles): string;
17
+ raw: (styles?: StackStyles) => SystemStyleObject;
20
18
  }
21
-
22
-
23
19
  export declare const stack: StackPatternFn;
@@ -4,17 +4,12 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface VisuallyHiddenProperties {
9
-
10
8
  }
11
-
12
- interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
13
-
9
+ interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties> {
10
+ }
14
11
  interface VisuallyHiddenPatternFn {
15
- (styles?: VisuallyHiddenStyles): string
16
- raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject
12
+ (styles?: VisuallyHiddenStyles): string;
13
+ raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject;
17
14
  }
18
-
19
-
20
15
  export declare const visuallyHidden: VisuallyHiddenPatternFn;
@@ -4,18 +4,14 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface VstackProperties {
9
- justify?: SystemProperties["justifyContent"]
10
- gap?: SystemProperties["gap"]
8
+ justify?: SystemProperties["justifyContent"];
9
+ gap?: SystemProperties["gap"];
10
+ }
11
+ interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties> {
11
12
  }
12
-
13
- interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
14
-
15
13
  interface VstackPatternFn {
16
- (styles?: VstackStyles): string
17
- raw: (styles?: VstackStyles) => SystemStyleObject
14
+ (styles?: VstackStyles): string;
15
+ raw: (styles?: VstackStyles) => SystemStyleObject;
18
16
  }
19
-
20
-
21
17
  export declare const vstack: VstackPatternFn;
@@ -4,21 +4,17 @@ import type { Properties } from '../types/csstype';
4
4
  import type { SystemProperties } from '../types/style-props';
5
5
  import type { DistributiveOmit } from '../types/system-types';
6
6
  import type { Tokens } from '../tokens/index';
7
-
8
7
  export interface WrapProperties {
9
- gap?: SystemProperties["gap"]
10
- rowGap?: SystemProperties["gap"]
11
- columnGap?: SystemProperties["gap"]
12
- align?: SystemProperties["alignItems"]
13
- justify?: SystemProperties["justifyContent"]
8
+ gap?: SystemProperties["gap"];
9
+ rowGap?: SystemProperties["gap"];
10
+ columnGap?: SystemProperties["gap"];
11
+ align?: SystemProperties["alignItems"];
12
+ justify?: SystemProperties["justifyContent"];
13
+ }
14
+ interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties> {
14
15
  }
15
-
16
- interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
17
-
18
16
  interface WrapPatternFn {
19
- (styles?: WrapStyles): string
20
- raw: (styles?: WrapStyles) => SystemStyleObject
17
+ (styles?: WrapStyles): string;
18
+ raw: (styles?: WrapStyles) => SystemStyleObject;
21
19
  }
22
-
23
-
24
20
  export declare const wrap: WrapPatternFn;
@@ -1,9 +1,7 @@
1
1
  /* eslint-disable */
2
2
  import type { Token } from './tokens';
3
-
4
3
  export declare const token: {
5
- (path: Token, fallback?: string): string
6
- var: (path: Token, fallback?: string) => string
7
- }
8
-
9
- export * from './tokens';
4
+ (path: Token, fallback?: string): string;
5
+ var: (path: Token, fallback?: string) => string;
6
+ };
7
+ export * from './tokens';
@@ -1,63 +1,44 @@
1
1
  /* eslint-disable */
2
- export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `borderWidths.${BorderWidthToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `breakpoints.${BreakpointToken}`
3
-
4
- export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark"
5
-
6
- export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
7
-
8
- export type BorderToken = "none"
9
-
10
- export type FontToken = "sans" | "serif" | "mono"
11
-
12
- export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
13
-
14
- export type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
15
-
16
- export type AnimationToken = "ping" | "bounce" | "pulse" | "spin"
17
-
18
- export type BorderWidthToken = "default" | "focus"
19
-
20
- export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
21
-
22
- export type DurationToken = "fastest" | "faster" | "normal" | "slower" | "slowest" | "fast" | "base" | "slow"
23
-
24
- export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "standard" | "emphasized"
25
-
26
- export type FontSizeToken = "2xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xs" | "sm"
27
-
28
- export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "control"
29
-
30
- export type LineHeightToken = "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "xs" | "sm"
31
-
32
- export type RadiusToken = "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "badge" | "md"
33
-
34
- export type ShadowToken = "2xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "focus" | "focus.destructive" | "focus.destructive.dark" | "focus.info" | "focus.info.dark" | "focus.success" | "focus.success.dark" | "focus.warning" | "focus.warning.dark" | "xs"
35
-
36
- export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "control.xs" | "control.sm" | "control.md" | "control.lg" | "icon.xs" | "icon.sm" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
37
-
38
- export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "control.gap" | "control.padding.x" | "control.padding.xs" | "control.padding.sm" | "control.padding.lg" | "control.withIcon.xs" | "control.withIcon.sm" | "control.withIcon.md" | "control.withIcon.lg" | "gap.1" | "gap.1.5" | "badge.x" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5" | "-control.gap" | "-control.padding.x" | "-control.padding.xs" | "-control.padding.sm" | "-control.padding.lg" | "-control.withIcon.xs" | "-control.withIcon.sm" | "-control.withIcon.md" | "-control.withIcon.lg" | "-gap.1" | "-gap.1.5" | "-badge.x"
39
-
40
- export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
41
-
2
+ export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `borderWidths.${BorderWidthToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `breakpoints.${BreakpointToken}`;
3
+ export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark";
4
+ export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";
5
+ export type BorderToken = "none";
6
+ export type FontToken = "sans" | "serif" | "mono";
7
+ export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";
8
+ export type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
9
+ export type AnimationToken = "ping" | "bounce" | "pulse" | "spin";
10
+ export type BorderWidthToken = "default" | "focus";
11
+ export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950";
12
+ export type DurationToken = "fastest" | "faster" | "normal" | "slower" | "slowest" | "fast" | "base" | "slow";
13
+ export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "standard" | "emphasized";
14
+ export type FontSizeToken = "2xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xs" | "sm";
15
+ export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "control";
16
+ export type LineHeightToken = "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "xs" | "sm";
17
+ export type RadiusToken = "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "badge" | "md";
18
+ export type ShadowToken = "2xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "focus" | "focus.destructive" | "focus.destructive.dark" | "focus.info" | "focus.info.dark" | "focus.success" | "focus.success.dark" | "focus.warning" | "focus.warning.dark" | "xs";
19
+ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "control.xs" | "control.sm" | "control.md" | "control.lg" | "icon.xs" | "icon.sm" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl";
20
+ export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "control.gap" | "control.padding.x" | "control.padding.xs" | "control.padding.sm" | "control.padding.lg" | "control.withIcon.xs" | "control.withIcon.sm" | "control.withIcon.md" | "control.withIcon.lg" | "gap.1" | "gap.1.5" | "badge.x" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5" | "-control.gap" | "-control.padding.x" | "-control.padding.xs" | "-control.padding.sm" | "-control.padding.lg" | "-control.withIcon.xs" | "-control.withIcon.sm" | "-control.withIcon.md" | "-control.withIcon.lg" | "-gap.1" | "-gap.1.5" | "-badge.x";
21
+ export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl";
42
22
  export type Tokens = {
43
- aspectRatios: AspectRatioToken
44
- borders: BorderToken
45
- fonts: FontToken
46
- letterSpacings: LetterSpacingToken
47
- blurs: BlurToken
48
- animations: AnimationToken
49
- borderWidths: BorderWidthToken
50
- colors: ColorToken
51
- durations: DurationToken
52
- easings: EasingToken
53
- fontSizes: FontSizeToken
54
- fontWeights: FontWeightToken
55
- lineHeights: LineHeightToken
56
- radii: RadiusToken
57
- shadows: ShadowToken
58
- sizes: SizeToken
59
- spacing: SpacingToken
60
- breakpoints: BreakpointToken
61
- } & { [token: string]: never }
62
-
63
- export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
23
+ aspectRatios: AspectRatioToken;
24
+ borders: BorderToken;
25
+ fonts: FontToken;
26
+ letterSpacings: LetterSpacingToken;
27
+ blurs: BlurToken;
28
+ animations: AnimationToken;
29
+ borderWidths: BorderWidthToken;
30
+ colors: ColorToken;
31
+ durations: DurationToken;
32
+ easings: EasingToken;
33
+ fontSizes: FontSizeToken;
34
+ fontWeights: FontWeightToken;
35
+ lineHeights: LineHeightToken;
36
+ radii: RadiusToken;
37
+ shadows: ShadowToken;
38
+ sizes: SizeToken;
39
+ spacing: SpacingToken;
40
+ breakpoints: BreakpointToken;
41
+ } & {
42
+ [token: string]: never;
43
+ };
44
+ export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets";