@ciridae/ui 0.3.2 → 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 (142) 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/sidebar-account-menu.d.ts +3 -1
  97. package/dist/components/ui/sidebar-account-menu.js +5 -5
  98. package/dist/components/ui/sonner.d.ts +2 -2
  99. package/dist/components/ui/sonner.js +2 -2
  100. package/dist/styled-system/css/css.d.ts +11 -16
  101. package/dist/styled-system/css/cva.d.ts +2 -4
  102. package/dist/styled-system/css/cx.d.ts +2 -3
  103. package/dist/styled-system/css/index.d.ts +1 -1
  104. package/dist/styled-system/css/sva.d.ts +1 -2
  105. package/dist/styled-system/patterns/aspect-ratio.d.ts +5 -9
  106. package/dist/styled-system/patterns/bleed.d.ts +6 -10
  107. package/dist/styled-system/patterns/box.d.ts +4 -9
  108. package/dist/styled-system/patterns/center.d.ts +5 -9
  109. package/dist/styled-system/patterns/circle.d.ts +5 -9
  110. package/dist/styled-system/patterns/container.d.ts +4 -9
  111. package/dist/styled-system/patterns/cq.d.ts +6 -10
  112. package/dist/styled-system/patterns/divider.d.ts +7 -11
  113. package/dist/styled-system/patterns/flex.d.ts +11 -15
  114. package/dist/styled-system/patterns/float.d.ts +8 -12
  115. package/dist/styled-system/patterns/grid-item.d.ts +10 -14
  116. package/dist/styled-system/patterns/grid.d.ts +9 -13
  117. package/dist/styled-system/patterns/hstack.d.ts +6 -10
  118. package/dist/styled-system/patterns/index.d.ts +1 -1
  119. package/dist/styled-system/patterns/link-overlay.d.ts +4 -9
  120. package/dist/styled-system/patterns/spacer.d.ts +5 -9
  121. package/dist/styled-system/patterns/square.d.ts +5 -9
  122. package/dist/styled-system/patterns/stack.d.ts +8 -12
  123. package/dist/styled-system/patterns/visually-hidden.d.ts +4 -9
  124. package/dist/styled-system/patterns/vstack.d.ts +6 -10
  125. package/dist/styled-system/patterns/wrap.d.ts +9 -13
  126. package/dist/styled-system/tokens/index.d.ts +4 -6
  127. package/dist/styled-system/tokens/tokens.d.ts +42 -61
  128. package/dist/styled-system/types/composition.d.ts +20 -211
  129. package/dist/styled-system/types/conditions.d.ts +297 -303
  130. package/dist/styled-system/types/csstype.d.ts +20289 -22518
  131. package/dist/styled-system/types/global.d.ts +11 -12
  132. package/dist/styled-system/types/index.d.ts +2 -2
  133. package/dist/styled-system/types/parts.d.ts +2 -3
  134. package/dist/styled-system/types/pattern.d.ts +75 -71
  135. package/dist/styled-system/types/prop-type.d.ts +236 -233
  136. package/dist/styled-system/types/recipe.d.ts +114 -155
  137. package/dist/styled-system/types/selectors.d.ts +8 -58
  138. package/dist/styled-system/types/static-css.d.ts +40 -47
  139. package/dist/styled-system/types/style-props.d.ts +8078 -8082
  140. package/dist/styled-system/types/system-types.d.ts +69 -111
  141. package/dist/styles.css +490 -1
  142. package/package.json +159 -7
package/dist/styles.css CHANGED
@@ -1,2 +1,491 @@
1
- @source "./**/*.{js,mjs}";
1
+ @import "@fontsource/host-grotesk/latin-400.css";
2
+ @import "@fontsource/host-grotesk/latin-500.css";
3
+ @import "@fontsource/ibm-plex-mono/latin-400.css";
4
+ @import "@fontsource/ibm-plex-mono/latin-500.css";
2
5
  @import "./styled-system/styles.css";
6
+ @import "tw-animate-css";
7
+
8
+ @source "./**/*.{js,mjs}";
9
+
10
+ @custom-variant dark (&:is(.dark *));
11
+
12
+ :root {
13
+ --background: oklch(0.985 0.001 260);
14
+ --foreground: oklch(0.145 0.002 260);
15
+ --card: oklch(1 0 0);
16
+ --card-foreground: oklch(0.145 0.002 260);
17
+ --popover: oklch(1 0 0);
18
+ --popover-foreground: oklch(0.145 0.002 260);
19
+ --primary: oklch(0.145 0.002 260);
20
+ --primary-foreground: oklch(0.99 0 0);
21
+ --secondary: oklch(0.955 0.002 260);
22
+ --secondary-foreground: oklch(0.2 0.002 260);
23
+ --muted: oklch(0.955 0.002 260);
24
+ --muted-foreground: oklch(0.46 0.003 260);
25
+ --accent: oklch(0.935 0.002 260);
26
+ --accent-foreground: oklch(0.18 0.002 260);
27
+ --destructive: oklch(0.48 0.13 27);
28
+ --destructive-foreground: oklch(0.99 0 0);
29
+ --border: oklch(0.865 0.002 260);
30
+ --input: oklch(0.835 0.002 260);
31
+ --ring: oklch(0.145 0.002 260);
32
+ --overlay: oklch(0.145 0.002 260 / 0.58);
33
+ --surface: oklch(1 0 0);
34
+ --surface-foreground: oklch(0.145 0.002 260);
35
+ --surface-inverse: oklch(0.145 0.002 260);
36
+ --surface-inverse-foreground: oklch(0.99 0 0);
37
+ --success: oklch(0.44 0.075 150);
38
+ --success-foreground: oklch(0.99 0 0);
39
+ --success-muted: oklch(0.94 0.03 150);
40
+ --info: oklch(0.43 0.045 245);
41
+ --info-foreground: oklch(0.99 0 0);
42
+ --info-muted: oklch(0.94 0.018 245);
43
+ --warning: oklch(0.52 0.075 85);
44
+ --warning-foreground: oklch(0.99 0 0);
45
+ --warning-muted: oklch(0.95 0.035 85);
46
+ --chart-1: oklch(0.22 0.002 260);
47
+ --chart-2: oklch(0.5 0.002 260);
48
+ --chart-3: oklch(0.72 0.002 260);
49
+ --chart-4: oklch(0.5 0.055 245);
50
+ --chart-5: oklch(0.5 0.07 150);
51
+ --sidebar: oklch(0.965 0.001 260);
52
+ --sidebar-foreground: oklch(0.23 0.002 260);
53
+ --sidebar-primary: oklch(0.145 0.002 260);
54
+ --sidebar-primary-foreground: oklch(0.99 0 0);
55
+ --sidebar-accent: oklch(0.935 0.002 260);
56
+ --sidebar-accent-foreground: oklch(0.18 0.002 260);
57
+ --sidebar-border: oklch(0.865 0.002 260);
58
+ --sidebar-ring: oklch(0.145 0.002 260);
59
+ --sidebar-padding: 0.625rem;
60
+ --sidebar-content-gap: 0.25rem;
61
+ --sidebar-group-padding: 0.5rem;
62
+ --sidebar-group-gap: 0.125rem;
63
+ --sidebar-menu-gap: 0.125rem;
64
+ --sidebar-item-height: 1.75rem;
65
+ --sidebar-item-height-sm: 1.5rem;
66
+ --sidebar-sub-item-height: 1.625rem;
67
+ --sidebar-item-padding-x: 0.5rem;
68
+ --sidebar-item-radius: calc(var(--radius) - 2px);
69
+ --sidebar-icon-size: 0.875rem;
70
+ --sidebar-active-indicator-width: 2px;
71
+ --sidebar-nested-indent: 1.125rem;
72
+ --radius: 0.3125rem;
73
+ --font-ciridae-sans:
74
+ "Host Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
75
+ sans-serif;
76
+ --font-ciridae-display:
77
+ "Host Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
78
+ sans-serif;
79
+ --font-ciridae-mono:
80
+ "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
81
+ --font-ciridae-body-line-height: 1.46;
82
+ --font-ciridae-heading-weight: 400;
83
+ --font-ciridae-control-weight: 500;
84
+ --font-ciridae-strong-weight: 500;
85
+ --font-ciridae-metadata-weight: 500;
86
+ --font-ciridae-metadata-spacing: 0.035em;
87
+ --control-height: 2.125rem;
88
+ --control-height-sm: 1.875rem;
89
+ --control-height-xs: 1.5rem;
90
+ --control-padding-x: 0.75rem;
91
+ --control-gap: 0.375rem;
92
+ --panel-padding: 1.25rem;
93
+ --panel-gap: 1rem;
94
+ --table-row-height: 2rem;
95
+ --table-cell-padding-x: 0.625rem;
96
+ --table-cell-padding-y: 0.375rem;
97
+ --table-header-foreground: oklch(0.42 0.003 260);
98
+ --menu-item-height: 1.875rem;
99
+ --menu-item-padding-x: 0.5rem;
100
+ --badge-radius: var(--radius-sm);
101
+ --badge-padding-x: 0.375rem;
102
+ --focus-ring-width: 2px;
103
+ --motion-duration-fast: 120ms;
104
+ --motion-duration-base: 200ms;
105
+ --motion-duration-slow: 300ms;
106
+ --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
107
+ --motion-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
108
+ }
109
+
110
+ .dark {
111
+ --background: oklch(0.145 0.002 260);
112
+ --foreground: oklch(0.935 0.001 260);
113
+ --card: oklch(0.185 0.002 260);
114
+ --card-foreground: oklch(0.935 0.001 260);
115
+ --popover: oklch(0.205 0.002 260);
116
+ --popover-foreground: oklch(0.935 0.001 260);
117
+ --primary: oklch(0.965 0.001 260);
118
+ --primary-foreground: oklch(0.145 0.002 260);
119
+ --secondary: oklch(0.255 0.002 260);
120
+ --secondary-foreground: oklch(0.94 0.001 260);
121
+ --muted: oklch(0.255 0.002 260);
122
+ --muted-foreground: oklch(0.7 0.002 260);
123
+ --accent: oklch(0.275 0.002 260);
124
+ --accent-foreground: oklch(0.94 0.001 260);
125
+ --destructive: oklch(0.65 0.12 27);
126
+ --destructive-foreground: oklch(0.12 0.002 260);
127
+ --border: oklch(0.32 0.002 260);
128
+ --input: oklch(0.36 0.002 260);
129
+ --ring: oklch(0.88 0.001 260);
130
+ --overlay: oklch(0.08 0.001 260 / 0.72);
131
+ --surface: oklch(0.205 0.002 260);
132
+ --surface-foreground: oklch(0.935 0.001 260);
133
+ --surface-inverse: oklch(0.935 0.001 260);
134
+ --surface-inverse-foreground: oklch(0.145 0.002 260);
135
+ --success: oklch(0.68 0.075 150);
136
+ --success-foreground: oklch(0.12 0.002 260);
137
+ --success-muted: oklch(0.25 0.035 150);
138
+ --info: oklch(0.7 0.05 245);
139
+ --info-foreground: oklch(0.12 0.002 260);
140
+ --info-muted: oklch(0.25 0.028 245);
141
+ --warning: oklch(0.76 0.075 85);
142
+ --warning-foreground: oklch(0.12 0.002 260);
143
+ --warning-muted: oklch(0.27 0.04 85);
144
+ --chart-1: oklch(0.9 0.001 260);
145
+ --chart-2: oklch(0.68 0.002 260);
146
+ --chart-3: oklch(0.48 0.002 260);
147
+ --chart-4: oklch(0.72 0.065 245);
148
+ --chart-5: oklch(0.7 0.1 150);
149
+ --sidebar: oklch(0.18 0.002 260);
150
+ --sidebar-foreground: oklch(0.88 0.001 260);
151
+ --sidebar-primary: oklch(0.965 0.001 260);
152
+ --sidebar-primary-foreground: oklch(0.145 0.002 260);
153
+ --sidebar-accent: oklch(0.235 0.002 260);
154
+ --sidebar-accent-foreground: oklch(0.94 0.001 260);
155
+ --sidebar-border: oklch(0.32 0.002 260);
156
+ --sidebar-ring: oklch(0.88 0.001 260);
157
+ --table-header-foreground: oklch(0.78 0.002 260);
158
+ }
159
+
160
+ @theme inline {
161
+ --color-background: var(--background);
162
+ --color-foreground: var(--foreground);
163
+ --color-card: var(--card);
164
+ --color-card-foreground: var(--card-foreground);
165
+ --color-popover: var(--popover);
166
+ --color-popover-foreground: var(--popover-foreground);
167
+ --color-primary: var(--primary);
168
+ --color-primary-foreground: var(--primary-foreground);
169
+ --color-secondary: var(--secondary);
170
+ --color-secondary-foreground: var(--secondary-foreground);
171
+ --color-muted: var(--muted);
172
+ --color-muted-foreground: var(--muted-foreground);
173
+ --color-accent: var(--accent);
174
+ --color-accent-foreground: var(--accent-foreground);
175
+ --color-destructive: var(--destructive);
176
+ --color-destructive-foreground: var(--destructive-foreground);
177
+ --color-border: var(--border);
178
+ --color-input: var(--input);
179
+ --color-ring: var(--ring);
180
+ --color-overlay: var(--overlay);
181
+ --color-surface: var(--surface);
182
+ --color-surface-foreground: var(--surface-foreground);
183
+ --color-surface-inverse: var(--surface-inverse);
184
+ --color-surface-inverse-foreground: var(--surface-inverse-foreground);
185
+ --color-success: var(--success);
186
+ --color-success-foreground: var(--success-foreground);
187
+ --color-success-muted: var(--success-muted);
188
+ --color-info: var(--info);
189
+ --color-info-foreground: var(--info-foreground);
190
+ --color-info-muted: var(--info-muted);
191
+ --color-warning: var(--warning);
192
+ --color-warning-foreground: var(--warning-foreground);
193
+ --color-warning-muted: var(--warning-muted);
194
+ --color-table-header-foreground: var(--table-header-foreground);
195
+ --color-chart-1: var(--chart-1);
196
+ --color-chart-2: var(--chart-2);
197
+ --color-chart-3: var(--chart-3);
198
+ --color-chart-4: var(--chart-4);
199
+ --color-chart-5: var(--chart-5);
200
+ --color-sidebar: var(--sidebar);
201
+ --color-sidebar-foreground: var(--sidebar-foreground);
202
+ --color-sidebar-primary: var(--sidebar-primary);
203
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
204
+ --color-sidebar-accent: var(--sidebar-accent);
205
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
206
+ --color-sidebar-border: var(--sidebar-border);
207
+ --color-sidebar-ring: var(--sidebar-ring);
208
+ --font-sans: var(--font-ciridae-sans);
209
+ --font-display: var(--font-ciridae-display);
210
+ --font-mono: var(--font-ciridae-mono);
211
+ --font-weight-medium: var(--font-ciridae-control-weight);
212
+ --font-weight-semibold: var(--font-ciridae-strong-weight);
213
+ --radius-sm: calc(var(--radius) - 2px);
214
+ --radius-md: var(--radius);
215
+ --radius-lg: calc(var(--radius) + 2px);
216
+ --radius-xl: calc(var(--radius) + 4px);
217
+ --shadow-xs: 0 1px 1px oklch(0 0 0 / 0.025);
218
+ --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.04);
219
+ --shadow-md: 0 8px 20px oklch(0 0 0 / 0.07);
220
+ --shadow-lg: 0 16px 40px oklch(0 0 0 / 0.1);
221
+ --shadow-xl: 0 20px 56px oklch(0 0 0 / 0.12);
222
+ --shadow-sidebar-ring: 0 0 0 1px var(--sidebar-border);
223
+ --shadow-sidebar-ring-hover: 0 0 0 1px var(--sidebar-accent);
224
+ --ease-standard: var(--motion-ease-standard);
225
+ --ease-emphasized: var(--motion-ease-emphasized);
226
+ --animate-ciridae-fade-in: ciridae-fade-in var(--motion-duration-base) var(--motion-ease-standard)
227
+ both;
228
+ --animate-ciridae-slide-up: ciridae-slide-up var(--motion-duration-base)
229
+ var(--motion-ease-emphasized) both;
230
+ }
231
+
232
+ @utility container {
233
+ margin-inline: auto;
234
+ padding-inline: 1rem;
235
+ }
236
+
237
+ @media (width >= 768px) {
238
+ .container {
239
+ padding-inline: 1.5rem;
240
+ }
241
+ }
242
+
243
+ @media (width >= 1280px) {
244
+ .container {
245
+ max-width: 1180px;
246
+ }
247
+ }
248
+
249
+ @keyframes ciridae-fade-in {
250
+ from {
251
+ opacity: 0;
252
+ }
253
+ to {
254
+ opacity: 1;
255
+ }
256
+ }
257
+
258
+ @keyframes ciridae-slide-up {
259
+ from {
260
+ opacity: 0;
261
+ transform: translateY(6px);
262
+ }
263
+ to {
264
+ opacity: 1;
265
+ transform: translateY(0);
266
+ }
267
+ }
268
+
269
+ @keyframes ciridae-agentic-shimmer {
270
+ from {
271
+ background-position: 100% 0;
272
+ }
273
+ }
274
+
275
+ @layer base {
276
+ * {
277
+ @apply border-border outline-ring/50;
278
+ }
279
+
280
+ html {
281
+ @apply bg-background antialiased;
282
+ color-scheme: light;
283
+ -webkit-font-smoothing: antialiased;
284
+ -moz-osx-font-smoothing: grayscale;
285
+ scroll-behavior: smooth;
286
+ }
287
+
288
+ html.dark {
289
+ color-scheme: dark;
290
+ }
291
+
292
+ body {
293
+ @apply min-h-svh bg-background font-sans text-foreground;
294
+ font-feature-settings:
295
+ "rlig" 1,
296
+ "calt" 1;
297
+ letter-spacing: 0;
298
+ line-height: var(--font-ciridae-body-line-height);
299
+ }
300
+
301
+ h1,
302
+ h2,
303
+ h3,
304
+ h4,
305
+ h5,
306
+ h6 {
307
+ @apply font-display;
308
+ font-weight: var(--font-ciridae-heading-weight);
309
+ letter-spacing: 0;
310
+ }
311
+
312
+ ::selection {
313
+ @apply bg-primary/15 text-foreground;
314
+ }
315
+
316
+ .shiki,
317
+ .shiki span {
318
+ background-color: transparent !important;
319
+ }
320
+
321
+ html.dark .shiki,
322
+ html.dark .shiki span {
323
+ color: var(--shiki-dark) !important;
324
+ background-color: transparent !important;
325
+ font-style: var(--shiki-dark-font-style);
326
+ font-weight: var(--shiki-dark-font-weight);
327
+ text-decoration: var(--shiki-dark-text-decoration);
328
+ }
329
+
330
+ button:not(:disabled),
331
+ [role="button"]:not(:disabled) {
332
+ cursor: pointer;
333
+ }
334
+ }
335
+
336
+ @layer utilities {
337
+ .text-balance {
338
+ text-wrap: balance;
339
+ }
340
+
341
+ .motion-standard {
342
+ transition-duration: var(--motion-duration-base);
343
+ transition-timing-function: var(--motion-ease-standard);
344
+ }
345
+
346
+ .motion-emphasized {
347
+ transition-duration: var(--motion-duration-base);
348
+ transition-timing-function: var(--motion-ease-emphasized);
349
+ }
350
+
351
+ .text-meta {
352
+ font-size: 0.6875rem;
353
+ font-weight: var(--font-ciridae-metadata-weight);
354
+ letter-spacing: var(--font-ciridae-metadata-spacing);
355
+ line-height: 1rem;
356
+ text-transform: uppercase;
357
+ }
358
+
359
+ .font-heading {
360
+ font-weight: var(--font-ciridae-heading-weight);
361
+ }
362
+
363
+ .font-control {
364
+ font-weight: var(--font-ciridae-control-weight);
365
+ }
366
+
367
+ .font-strong {
368
+ font-weight: var(--font-ciridae-strong-weight);
369
+ }
370
+
371
+ .font-mono {
372
+ font-variant-numeric: tabular-nums;
373
+ }
374
+
375
+ .agentic-shimmer {
376
+ --agentic-shimmer-bg-width: calc(
377
+ 100% + var(--agentic-shimmer-track-width, 200px) + var(--agentic-shimmer-spread, 120px)
378
+ );
379
+ --agentic-shimmer-position: calc(
380
+ var(--agentic-shimmer-track-width, 200px) + var(--agentic-shimmer-spread, 120px) / 2
381
+ );
382
+ --agentic-shimmer-bg: var(--muted-foreground);
383
+ --agentic-shimmer-fg: var(
384
+ --agentic-shimmer-color,
385
+ color-mix(in oklch, var(--foreground) 86%, var(--primary) 14%)
386
+ );
387
+ --agentic-shimmer-mix-96: color-mix(
388
+ in oklch,
389
+ var(--agentic-shimmer-fg),
390
+ var(--agentic-shimmer-bg) 88%
391
+ );
392
+ --agentic-shimmer-mix-83: color-mix(
393
+ in oklch,
394
+ var(--agentic-shimmer-fg),
395
+ var(--agentic-shimmer-bg) 66%
396
+ );
397
+ --agentic-shimmer-mix-67: color-mix(
398
+ in oklch,
399
+ var(--agentic-shimmer-fg),
400
+ var(--agentic-shimmer-bg) 43%
401
+ );
402
+ --agentic-shimmer-mix-50: color-mix(
403
+ in oklch,
404
+ var(--agentic-shimmer-fg),
405
+ var(--agentic-shimmer-bg) 24%
406
+ );
407
+ --agentic-shimmer-mix-33: color-mix(
408
+ in oklch,
409
+ var(--agentic-shimmer-fg),
410
+ var(--agentic-shimmer-bg) 12%
411
+ );
412
+ --agentic-shimmer-mix-17: color-mix(
413
+ in oklch,
414
+ var(--agentic-shimmer-fg),
415
+ var(--agentic-shimmer-bg) 6%
416
+ );
417
+ --agentic-shimmer-mix-4: color-mix(
418
+ in oklch,
419
+ var(--agentic-shimmer-fg),
420
+ var(--agentic-shimmer-bg) 2%
421
+ );
422
+
423
+ animation: ciridae-agentic-shimmer var(--agentic-shimmer-duration, 2s) linear infinite backwards;
424
+ background: linear-gradient(
425
+ 105deg,
426
+ var(--agentic-shimmer-bg)
427
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.5),
428
+ var(--agentic-shimmer-mix-96)
429
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.44),
430
+ var(--agentic-shimmer-mix-83)
431
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.37),
432
+ var(--agentic-shimmer-mix-67)
433
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.31),
434
+ var(--agentic-shimmer-mix-50)
435
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.25),
436
+ var(--agentic-shimmer-mix-33)
437
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.19),
438
+ var(--agentic-shimmer-mix-17)
439
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.12),
440
+ var(--agentic-shimmer-mix-4)
441
+ calc(var(--agentic-shimmer-position) - var(--agentic-shimmer-spread, 120px) * 0.06),
442
+ var(--agentic-shimmer-fg) var(--agentic-shimmer-position),
443
+ var(--agentic-shimmer-mix-4)
444
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.06),
445
+ var(--agentic-shimmer-mix-17)
446
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.12),
447
+ var(--agentic-shimmer-mix-33)
448
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.19),
449
+ var(--agentic-shimmer-mix-50)
450
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.25),
451
+ var(--agentic-shimmer-mix-67)
452
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.31),
453
+ var(--agentic-shimmer-mix-83)
454
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.37),
455
+ var(--agentic-shimmer-mix-96)
456
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.44),
457
+ var(--agentic-shimmer-bg)
458
+ calc(var(--agentic-shimmer-position) + var(--agentic-shimmer-spread, 120px) * 0.5)
459
+ )
460
+ 0 0 / var(--agentic-shimmer-bg-width) 100% no-repeat;
461
+ -webkit-background-clip: text;
462
+ -webkit-text-fill-color: transparent;
463
+ background-clip: text;
464
+ }
465
+
466
+ .dark .agentic-shimmer {
467
+ --agentic-shimmer-fg: var(
468
+ --agentic-shimmer-color,
469
+ color-mix(in oklch, var(--foreground) 82%, var(--primary) 18%)
470
+ );
471
+ }
472
+ }
473
+
474
+ @media (prefers-reduced-motion: reduce) {
475
+ *,
476
+ ::before,
477
+ ::after {
478
+ scroll-behavior: auto !important;
479
+ transition-duration: 0.01ms !important;
480
+ animation-duration: 0.01ms !important;
481
+ animation-iteration-count: 1 !important;
482
+ }
483
+
484
+ .agentic-shimmer {
485
+ animation: none !important;
486
+ background: none !important;
487
+ background-clip: border-box;
488
+ color: var(--muted-foreground) !important;
489
+ -webkit-text-fill-color: var(--muted-foreground) !important;
490
+ }
491
+ }
package/package.json CHANGED
@@ -1,12 +1,14 @@
1
1
  {
2
2
  "name": "@ciridae/ui",
3
- "version": "0.3.2",
3
+ "version": "0.3.5",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "git+https://github.com/ciridae-ai/int-ciridae-ui.git"
8
+ "url": "git+https://github.com/ciridae-ai/ciridae.git",
9
+ "directory": "apps/ciridae-ui/frontend"
9
10
  },
11
+ "homepage": "https://github.com/ciridae-ai/ciridae#readme",
10
12
  "publishConfig": {
11
13
  "access": "public"
12
14
  },
@@ -15,6 +17,154 @@
15
17
  ],
16
18
  "exports": {
17
19
  "./package.json": "./package.json",
20
+ "./ciridae-brand-assets": {
21
+ "types": "./dist/assets/ciridae/ciridae-brand-assets.d.ts",
22
+ "default": "./dist/assets/ciridae/ciridae-brand-assets.js"
23
+ },
24
+ "./admin-users-table": {
25
+ "types": "./dist/components/blocks/admin-users-table.d.ts",
26
+ "default": "./dist/components/blocks/admin-users-table.js"
27
+ },
28
+ "./comment-composer": {
29
+ "types": "./dist/components/blocks/comment-composer.d.ts",
30
+ "default": "./dist/components/blocks/comment-composer.js"
31
+ },
32
+ "./comment-item": {
33
+ "types": "./dist/components/blocks/comment-item.d.ts",
34
+ "default": "./dist/components/blocks/comment-item.js"
35
+ },
36
+ "./comment-thread": {
37
+ "types": "./dist/components/blocks/comment-thread.d.ts",
38
+ "default": "./dist/components/blocks/comment-thread.js"
39
+ },
40
+ "./comment-types": {
41
+ "types": "./dist/components/blocks/comment-types.d.ts",
42
+ "default": "./dist/components/blocks/comment-types.js"
43
+ },
44
+ "./feedback-center-comments": {
45
+ "types": "./dist/components/blocks/feedback-center-comments.d.ts",
46
+ "default": "./dist/components/blocks/feedback-center-comments.js"
47
+ },
48
+ "./feedback-center-sheet": {
49
+ "types": "./dist/components/blocks/feedback-center-sheet.d.ts",
50
+ "default": "./dist/components/blocks/feedback-center-sheet.js"
51
+ },
52
+ "./feedback-center-sheet-parts": {
53
+ "types": "./dist/components/blocks/feedback-center-sheet-parts.d.ts",
54
+ "default": "./dist/components/blocks/feedback-center-sheet-parts.js"
55
+ },
56
+ "./feedback-composer-parts": {
57
+ "types": "./dist/components/blocks/feedback-composer-parts.d.ts",
58
+ "default": "./dist/components/blocks/feedback-composer-parts.js"
59
+ },
60
+ "./feedback-composer": {
61
+ "types": "./dist/components/blocks/feedback-composer.d.ts",
62
+ "default": "./dist/components/blocks/feedback-composer.js"
63
+ },
64
+ "./feedback-composer-types": {
65
+ "types": "./dist/components/blocks/feedback-composer-types.d.ts",
66
+ "default": "./dist/components/blocks/feedback-composer-types.js"
67
+ },
68
+ "./feedback-date-format": {
69
+ "types": "./dist/components/blocks/feedback-date-format.d.ts",
70
+ "default": "./dist/components/blocks/feedback-date-format.js"
71
+ },
72
+ "./feedback-user-list": {
73
+ "types": "./dist/components/blocks/feedback-user-list.d.ts",
74
+ "default": "./dist/components/blocks/feedback-user-list.js"
75
+ },
76
+ "./feedback-detail-sheet": {
77
+ "types": "./dist/components/blocks/feedback-detail-sheet.d.ts",
78
+ "default": "./dist/components/blocks/feedback-detail-sheet.js"
79
+ },
80
+ "./feedback-metrics": {
81
+ "types": "./dist/components/blocks/feedback-metrics.d.ts",
82
+ "default": "./dist/components/blocks/feedback-metrics.js"
83
+ },
84
+ "./feedback-sheet": {
85
+ "types": "./dist/components/blocks/feedback-sheet.d.ts",
86
+ "default": "./dist/components/blocks/feedback-sheet.js"
87
+ },
88
+ "./feedback-status-badge": {
89
+ "types": "./dist/components/blocks/feedback-status-badge.d.ts",
90
+ "default": "./dist/components/blocks/feedback-status-badge.js"
91
+ },
92
+ "./feedback-table-row": {
93
+ "types": "./dist/components/blocks/feedback-table-row.d.ts",
94
+ "default": "./dist/components/blocks/feedback-table-row.js"
95
+ },
96
+ "./feedback-table": {
97
+ "types": "./dist/components/blocks/feedback-table.d.ts",
98
+ "default": "./dist/components/blocks/feedback-table.js"
99
+ },
100
+ "./feedback-table-sort": {
101
+ "types": "./dist/components/blocks/feedback-table-sort.d.ts",
102
+ "default": "./dist/components/blocks/feedback-table-sort.js"
103
+ },
104
+ "./feedback-tracking-types": {
105
+ "types": "./dist/components/blocks/feedback-tracking-types.d.ts",
106
+ "default": "./dist/components/blocks/feedback-tracking-types.js"
107
+ },
108
+ "./feedback-type-badge": {
109
+ "types": "./dist/components/blocks/feedback-type-badge.d.ts",
110
+ "default": "./dist/components/blocks/feedback-type-badge.js"
111
+ },
112
+ "./feedback-user-detail": {
113
+ "types": "./dist/components/blocks/feedback-user-detail.d.ts",
114
+ "default": "./dist/components/blocks/feedback-user-detail.js"
115
+ },
116
+ "./invite-user-sheet": {
117
+ "types": "./dist/components/blocks/invite-user-sheet.d.ts",
118
+ "default": "./dist/components/blocks/invite-user-sheet.js"
119
+ },
120
+ "./kanban-board-parts": {
121
+ "types": "./dist/components/blocks/kanban-board-parts.d.ts",
122
+ "default": "./dist/components/blocks/kanban-board-parts.js"
123
+ },
124
+ "./kanban-board": {
125
+ "types": "./dist/components/blocks/kanban-board.d.ts",
126
+ "default": "./dist/components/blocks/kanban-board.js"
127
+ },
128
+ "./kanban-board-utils": {
129
+ "types": "./dist/components/blocks/kanban-board-utils.d.ts",
130
+ "default": "./dist/components/blocks/kanban-board-utils.js"
131
+ },
132
+ "./kanban-card": {
133
+ "types": "./dist/components/blocks/kanban-card.d.ts",
134
+ "default": "./dist/components/blocks/kanban-card.js"
135
+ },
136
+ "./kanban-column": {
137
+ "types": "./dist/components/blocks/kanban-column.d.ts",
138
+ "default": "./dist/components/blocks/kanban-column.js"
139
+ },
140
+ "./kanban-detail-sheet": {
141
+ "types": "./dist/components/blocks/kanban-detail-sheet.d.ts",
142
+ "default": "./dist/components/blocks/kanban-detail-sheet.js"
143
+ },
144
+ "./kanban-types": {
145
+ "types": "./dist/components/blocks/kanban-types.d.ts",
146
+ "default": "./dist/components/blocks/kanban-types.js"
147
+ },
148
+ "./timestamp-format": {
149
+ "types": "./dist/components/blocks/timestamp-format.d.ts",
150
+ "default": "./dist/components/blocks/timestamp-format.js"
151
+ },
152
+ "./admin-users-page": {
153
+ "types": "./dist/components/pages/admin-users-page.d.ts",
154
+ "default": "./dist/components/pages/admin-users-page.js"
155
+ },
156
+ "./feedback-stakeholder-page-parts": {
157
+ "types": "./dist/components/pages/feedback-stakeholder-page-parts.d.ts",
158
+ "default": "./dist/components/pages/feedback-stakeholder-page-parts.js"
159
+ },
160
+ "./feedback-stakeholder-page": {
161
+ "types": "./dist/components/pages/feedback-stakeholder-page.d.ts",
162
+ "default": "./dist/components/pages/feedback-stakeholder-page.js"
163
+ },
164
+ "./kanban-page": {
165
+ "types": "./dist/components/pages/kanban-page.d.ts",
166
+ "default": "./dist/components/pages/kanban-page.js"
167
+ },
18
168
  "./accordion": {
19
169
  "types": "./dist/components/ui/accordion.d.ts",
20
170
  "default": "./dist/components/ui/accordion.js"
@@ -423,10 +573,6 @@
423
573
  "types": "./dist/lib/utils.d.ts",
424
574
  "default": "./dist/lib/utils.js"
425
575
  },
426
- "./styled-system": {
427
- "types": "./dist/styled-system/css/css.d.d.ts",
428
- "default": "./dist/styled-system/css/css.d.js"
429
- },
430
576
  "./styled-system/css": {
431
577
  "types": "./dist/styled-system/css/index.d.ts",
432
578
  "default": "./dist/styled-system/css/index.mjs"
@@ -452,6 +598,11 @@
452
598
  },
453
599
  "dependencies": {
454
600
  "@base-ui/react": "^1.6.0",
601
+ "@dnd-kit/core": "6.3.1",
602
+ "@dnd-kit/sortable": "10.0.0",
603
+ "@dnd-kit/utilities": "3.2.2",
604
+ "@fontsource/host-grotesk": "5.2.8",
605
+ "@fontsource/ibm-plex-mono": "5.2.7",
455
606
  "@tanstack/react-table": "^8.21.3",
456
607
  "agentation": "^3.0.2",
457
608
  "class-variance-authority": "^0.7.1",
@@ -467,6 +618,7 @@
467
618
  "recharts": "^3.9.1",
468
619
  "shiki": "^4.3.0",
469
620
  "sonner": "^2.0.7",
470
- "vaul": "^1.1.2"
621
+ "vaul": "^1.1.2",
622
+ "tw-animate-css": "^1.4.0"
471
623
  }
472
624
  }