@thesage/ui 1.1.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/.claude/CLAUDE.md +3 -3
  2. package/LICENSE +21 -0
  3. package/README.md +3 -4
  4. package/dist/dates.js +15 -5
  5. package/dist/dates.js.map +1 -1
  6. package/dist/dates.mjs +15 -5
  7. package/dist/dates.mjs.map +1 -1
  8. package/dist/{fontThemes-Cum0S1DI.d.mts → fontThemes-Dh8mtXES.d.mts} +27 -1
  9. package/dist/{fontThemes-Cum0S1DI.d.ts → fontThemes-Dh8mtXES.d.ts} +27 -1
  10. package/dist/forms.js +1 -1
  11. package/dist/forms.js.map +1 -1
  12. package/dist/forms.mjs +1 -1
  13. package/dist/forms.mjs.map +1 -1
  14. package/dist/{hooks-CobTQpCg.d.mts → hooks-1b8WaQf1.d.mts} +2 -2
  15. package/dist/{hooks-DHPlUx3T.d.ts → hooks-CKW8vE9H.d.ts} +2 -2
  16. package/dist/hooks.d.mts +2 -2
  17. package/dist/hooks.d.ts +2 -2
  18. package/dist/hooks.js +3 -375
  19. package/dist/hooks.js.map +1 -1
  20. package/dist/hooks.mjs +3 -375
  21. package/dist/hooks.mjs.map +1 -1
  22. package/dist/index-DscTIrZ2.d.mts +29 -0
  23. package/dist/index-DscTIrZ2.d.ts +29 -0
  24. package/dist/index.d.mts +62 -36
  25. package/dist/index.d.ts +62 -36
  26. package/dist/index.js +617 -331
  27. package/dist/index.js.map +1 -1
  28. package/dist/index.mjs +634 -348
  29. package/dist/index.mjs.map +1 -1
  30. package/dist/providers-aJW1AKg6.d.mts +30 -0
  31. package/dist/providers-qfyBVcPW.d.ts +30 -0
  32. package/dist/providers.d.mts +2 -1
  33. package/dist/providers.d.ts +2 -1
  34. package/dist/providers.js +226 -375
  35. package/dist/providers.js.map +1 -1
  36. package/dist/providers.mjs +226 -375
  37. package/dist/providers.mjs.map +1 -1
  38. package/dist/tables.js +5 -5
  39. package/dist/tables.js.map +1 -1
  40. package/dist/tables.mjs +5 -5
  41. package/dist/tables.mjs.map +1 -1
  42. package/dist/tokens.d.mts +165 -3
  43. package/dist/tokens.d.ts +165 -3
  44. package/dist/tokens.js +219 -1
  45. package/dist/tokens.js.map +1 -1
  46. package/dist/tokens.mjs +217 -1
  47. package/dist/tokens.mjs.map +1 -1
  48. package/dist/{utils-xrpHqxXR.d.ts → utils-CIIM7dAC.d.ts} +1 -1
  49. package/dist/{utils-DlJKRVzQ.d.mts → utils-Cs04sxth.d.mts} +1 -1
  50. package/dist/utils.d.mts +1 -1
  51. package/dist/utils.d.ts +1 -1
  52. package/package.json +22 -10
  53. package/dist/index-L8R3gyuQ.d.mts +0 -23
  54. package/dist/index-L8R3gyuQ.d.ts +0 -23
  55. package/dist/providers-Dv3LFGtJ.d.mts +0 -17
  56. package/dist/providers-Dv3LFGtJ.d.ts +0 -17
@@ -983,4 +983,4 @@ declare const colorUtils: {
983
983
 
984
984
  declare function cn(...inputs: ClassValue[]): string;
985
985
 
986
- export { getLuminance as A, type BreadcrumbItemLegacy as B, getContrastRatio as C, meetsContrastRequirements as D, hexToHSL as E, hslToHex as F, adjustLightness as G, adjustSaturation as H, rotateHue as I, adjustOpacity as J, getOptimalForeground as K, generateColorScale as L, colorUtils as M, cn as N, parseCode as O, tokenize as P, detectLanguage as Q, type RouteConfig as R, type SyntaxType as S, type Transition as T, type Language as U, type Variant as V, type SyntaxToken as a, Breadcrumbs as b, type BreadcrumbsProps as c, type Variants as d, durations as e, easings as f, fadeVariants as g, scaleVariants as h, drawerVariants as i, collapseVariants as j, createAnimation as k, listVariants as l, modalVariants as m, scaleDuration as n, generateBreadcrumbs as o, presets as p, colorTokens as q, rotateVariants as r, slideVariants as s, transitions as t, getCSSVariable as u, setCSSVariable as v, getForegroundColor as w, semanticColors as x, getSemanticColorPair as y, hexToRgb as z };
986
+ export { hexToRgb as A, type BreadcrumbItemLegacy as B, hslToHex as C, listVariants as D, meetsContrastRequirements as E, modalVariants as F, parseCode as G, presets as H, rotateHue as I, rotateVariants as J, scaleDuration as K, type Language as L, scaleVariants as M, semanticColors as N, setCSSVariable as O, slideVariants as P, tokenize as Q, type RouteConfig as R, type SyntaxType as S, type Transition as T, transitions as U, type Variant as V, type SyntaxToken as a, Breadcrumbs as b, type BreadcrumbsProps as c, type Variants as d, adjustLightness as e, adjustOpacity as f, adjustSaturation as g, cn as h, collapseVariants as i, colorTokens as j, colorUtils as k, createAnimation as l, detectLanguage as m, drawerVariants as n, durations as o, easings as p, fadeVariants as q, generateBreadcrumbs as r, generateColorScale as s, getCSSVariable as t, getContrastRatio as u, getForegroundColor as v, getLuminance as w, getOptimalForeground as x, getSemanticColorPair as y, hexToHSL as z };
@@ -983,4 +983,4 @@ declare const colorUtils: {
983
983
 
984
984
  declare function cn(...inputs: ClassValue[]): string;
985
985
 
986
- export { getLuminance as A, type BreadcrumbItemLegacy as B, getContrastRatio as C, meetsContrastRequirements as D, hexToHSL as E, hslToHex as F, adjustLightness as G, adjustSaturation as H, rotateHue as I, adjustOpacity as J, getOptimalForeground as K, generateColorScale as L, colorUtils as M, cn as N, parseCode as O, tokenize as P, detectLanguage as Q, type RouteConfig as R, type SyntaxType as S, type Transition as T, type Language as U, type Variant as V, type SyntaxToken as a, Breadcrumbs as b, type BreadcrumbsProps as c, type Variants as d, durations as e, easings as f, fadeVariants as g, scaleVariants as h, drawerVariants as i, collapseVariants as j, createAnimation as k, listVariants as l, modalVariants as m, scaleDuration as n, generateBreadcrumbs as o, presets as p, colorTokens as q, rotateVariants as r, slideVariants as s, transitions as t, getCSSVariable as u, setCSSVariable as v, getForegroundColor as w, semanticColors as x, getSemanticColorPair as y, hexToRgb as z };
986
+ export { hexToRgb as A, type BreadcrumbItemLegacy as B, hslToHex as C, listVariants as D, meetsContrastRequirements as E, modalVariants as F, parseCode as G, presets as H, rotateHue as I, rotateVariants as J, scaleDuration as K, type Language as L, scaleVariants as M, semanticColors as N, setCSSVariable as O, slideVariants as P, tokenize as Q, type RouteConfig as R, type SyntaxType as S, type Transition as T, transitions as U, type Variant as V, type SyntaxToken as a, Breadcrumbs as b, type BreadcrumbsProps as c, type Variants as d, adjustLightness as e, adjustOpacity as f, adjustSaturation as g, cn as h, collapseVariants as i, colorTokens as j, colorUtils as k, createAnimation as l, detectLanguage as m, drawerVariants as n, durations as o, easings as p, fadeVariants as q, generateBreadcrumbs as r, generateColorScale as s, getCSSVariable as t, getContrastRatio as u, getForegroundColor as v, getLuminance as w, getOptimalForeground as x, getSemanticColorPair as y, hexToHSL as z };
package/dist/utils.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- export { U as Language, R as RouteConfig, a as SyntaxToken, S as SyntaxType, T as Transition, V as Variant, d as Variants, G as adjustLightness, J as adjustOpacity, H as adjustSaturation, N as cn, j as collapseVariants, q as colorTokens, M as colorUtils, k as createAnimation, Q as detectLanguage, i as drawerVariants, e as durations, f as easings, g as fadeVariants, o as generateBreadcrumbs, L as generateColorScale, u as getCSSVariable, C as getContrastRatio, w as getForegroundColor, A as getLuminance, K as getOptimalForeground, y as getSemanticColorPair, E as hexToHSL, z as hexToRgb, F as hslToHex, l as listVariants, D as meetsContrastRequirements, m as modalVariants, O as parseCode, p as presets, I as rotateHue, r as rotateVariants, n as scaleDuration, h as scaleVariants, x as semanticColors, v as setCSSVariable, s as slideVariants, P as tokenize, t as transitions } from './utils-DlJKRVzQ.mjs';
1
+ export { L as Language, R as RouteConfig, a as SyntaxToken, S as SyntaxType, T as Transition, V as Variant, d as Variants, e as adjustLightness, f as adjustOpacity, g as adjustSaturation, h as cn, i as collapseVariants, j as colorTokens, k as colorUtils, l as createAnimation, m as detectLanguage, n as drawerVariants, o as durations, p as easings, q as fadeVariants, r as generateBreadcrumbs, s as generateColorScale, t as getCSSVariable, u as getContrastRatio, v as getForegroundColor, w as getLuminance, x as getOptimalForeground, y as getSemanticColorPair, z as hexToHSL, A as hexToRgb, C as hslToHex, D as listVariants, E as meetsContrastRequirements, F as modalVariants, G as parseCode, H as presets, I as rotateHue, J as rotateVariants, K as scaleDuration, M as scaleVariants, N as semanticColors, O as setCSSVariable, P as slideVariants, Q as tokenize, U as transitions } from './utils-Cs04sxth.mjs';
2
2
  export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.mjs';
3
3
  import 'react';
4
4
  import 'clsx';
package/dist/utils.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { U as Language, R as RouteConfig, a as SyntaxToken, S as SyntaxType, T as Transition, V as Variant, d as Variants, G as adjustLightness, J as adjustOpacity, H as adjustSaturation, N as cn, j as collapseVariants, q as colorTokens, M as colorUtils, k as createAnimation, Q as detectLanguage, i as drawerVariants, e as durations, f as easings, g as fadeVariants, o as generateBreadcrumbs, L as generateColorScale, u as getCSSVariable, C as getContrastRatio, w as getForegroundColor, A as getLuminance, K as getOptimalForeground, y as getSemanticColorPair, E as hexToHSL, z as hexToRgb, F as hslToHex, l as listVariants, D as meetsContrastRequirements, m as modalVariants, O as parseCode, p as presets, I as rotateHue, r as rotateVariants, n as scaleDuration, h as scaleVariants, x as semanticColors, v as setCSSVariable, s as slideVariants, P as tokenize, t as transitions } from './utils-xrpHqxXR.js';
1
+ export { L as Language, R as RouteConfig, a as SyntaxToken, S as SyntaxType, T as Transition, V as Variant, d as Variants, e as adjustLightness, f as adjustOpacity, g as adjustSaturation, h as cn, i as collapseVariants, j as colorTokens, k as colorUtils, l as createAnimation, m as detectLanguage, n as drawerVariants, o as durations, p as easings, q as fadeVariants, r as generateBreadcrumbs, s as generateColorScale, t as getCSSVariable, u as getContrastRatio, v as getForegroundColor, w as getLuminance, x as getOptimalForeground, y as getSemanticColorPair, z as hexToHSL, A as hexToRgb, C as hslToHex, D as listVariants, E as meetsContrastRequirements, F as modalVariants, G as parseCode, H as presets, I as rotateHue, J as rotateVariants, K as scaleDuration, M as scaleVariants, N as semanticColors, O as setCSSVariable, P as slideVariants, Q as tokenize, U as transitions } from './utils-CIIM7dAC.js';
2
2
  export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.js';
3
3
  import 'react';
4
4
  import 'clsx';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@thesage/ui",
3
- "version": "1.1.0",
4
- "description": "Sage Design Engine — Make it Lovable. 92 accessible React components, three themes, user-controlled motion.",
3
+ "version": "1.3.1",
4
+ "description": "Sage Design Engine — Make it Lovable. 99 accessible React components, three themes, user-controlled motion.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
7
7
  "types": "dist/index.d.ts",
@@ -10,11 +10,23 @@
10
10
  "author": "Shalom Ormsby",
11
11
  "repository": {
12
12
  "type": "git",
13
- "url": "https://github.com/shalomormsby/ecosystem.git",
13
+ "url": "https://github.com/shalomormsby/sage-design-engine.git",
14
14
  "directory": "packages/ui"
15
15
  },
16
16
  "homepage": "https://thesage.dev",
17
- "bugs": "https://github.com/shalomormsby/ecosystem/issues",
17
+ "bugs": "https://github.com/shalomormsby/sage-design-engine/issues",
18
+ "keywords": [
19
+ "react",
20
+ "components",
21
+ "ui",
22
+ "design-system",
23
+ "tailwind",
24
+ "radix",
25
+ "accessible",
26
+ "themes",
27
+ "mcp",
28
+ "ai"
29
+ ],
18
30
  "publishConfig": {
19
31
  "access": "public"
20
32
  },
@@ -90,12 +102,12 @@
90
102
  {
91
103
  "name": "Forms",
92
104
  "path": "dist/forms.mjs",
93
- "limit": "10 KB"
105
+ "limit": "11 KB"
94
106
  },
95
107
  {
96
108
  "name": "Dates",
97
109
  "path": "dist/dates.mjs",
98
- "limit": "30 KB"
110
+ "limit": "33 KB"
99
111
  },
100
112
  {
101
113
  "name": "Tables",
@@ -206,7 +218,7 @@
206
218
  "react-dropzone": "^15.0.0",
207
219
  "react-resizable-panels": "^4.4.0",
208
220
  "sonner": "^2.0.7",
209
- "tailwind-merge": "^2.2.0",
221
+ "tailwind-merge": "^3.0.0",
210
222
  "vaul": "^1.1.2",
211
223
  "zustand": "^5.0.9"
212
224
  },
@@ -229,13 +241,13 @@
229
241
  "react-day-picker": "^9.13.0",
230
242
  "react-hook-form": "^7.70.0",
231
243
  "size-limit": "^12.0.0",
232
- "tailwindcss": "^3.4.0",
244
+ "tailwindcss": "^4.0.0",
245
+ "@tailwindcss/postcss": "^4.0.0",
233
246
  "tsup": "^8.0.0",
234
247
  "typescript": "^5.0.0",
235
248
  "typescript-eslint": "^8.54.0",
236
249
  "vitest": "^4.0.18",
237
- "zod": "^3.24.1",
238
- "@thesage/config": "0.0.3"
250
+ "zod": "^3.24.1"
239
251
  },
240
252
  "scripts": {
241
253
  "build": "tsup",
@@ -1,23 +0,0 @@
1
- /**
2
- * Design Tokens Exports
3
- */
4
-
5
- /**
6
- * Theme names
7
- */
8
- declare const THEME_NAMES: readonly ["studio", "terra", "volt"];
9
- type ThemeName = typeof THEME_NAMES[number];
10
- /**
11
- * Color modes
12
- */
13
- declare const COLOR_MODES: readonly ["light", "dark"];
14
- type ColorMode = typeof COLOR_MODES[number];
15
- /**
16
- * Theme configuration type
17
- */
18
- interface ThemeConfig {
19
- name: ThemeName;
20
- mode: ColorMode;
21
- }
22
-
23
- export { type ColorMode as C, type ThemeName as T, THEME_NAMES as a, COLOR_MODES as b, type ThemeConfig as c };
@@ -1,23 +0,0 @@
1
- /**
2
- * Design Tokens Exports
3
- */
4
-
5
- /**
6
- * Theme names
7
- */
8
- declare const THEME_NAMES: readonly ["studio", "terra", "volt"];
9
- type ThemeName = typeof THEME_NAMES[number];
10
- /**
11
- * Color modes
12
- */
13
- declare const COLOR_MODES: readonly ["light", "dark"];
14
- type ColorMode = typeof COLOR_MODES[number];
15
- /**
16
- * Theme configuration type
17
- */
18
- interface ThemeConfig {
19
- name: ThemeName;
20
- mode: ColorMode;
21
- }
22
-
23
- export { type ColorMode as C, type ThemeName as T, THEME_NAMES as a, COLOR_MODES as b, type ThemeConfig as c };
@@ -1,17 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- declare function ThemeProvider({ children }: {
4
- children: React.ReactNode;
5
- }): react_jsx_runtime.JSX.Element | null;
6
-
7
- /**
8
- * Providers subpath export
9
- * Allows: import { ... } from '@thesage/ui/providers'
10
- */
11
-
12
- declare const providers_ThemeProvider: typeof ThemeProvider;
13
- declare namespace providers {
14
- export { providers_ThemeProvider as ThemeProvider };
15
- }
16
-
17
- export { ThemeProvider as T, providers as p };
@@ -1,17 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- declare function ThemeProvider({ children }: {
4
- children: React.ReactNode;
5
- }): react_jsx_runtime.JSX.Element | null;
6
-
7
- /**
8
- * Providers subpath export
9
- * Allows: import { ... } from '@thesage/ui/providers'
10
- */
11
-
12
- declare const providers_ThemeProvider: typeof ThemeProvider;
13
- declare namespace providers {
14
- export { providers_ThemeProvider as ThemeProvider };
15
- }
16
-
17
- export { ThemeProvider as T, providers as p };