@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.
- package/.claude/CLAUDE.md +3 -3
- package/LICENSE +21 -0
- package/README.md +3 -4
- package/dist/dates.js +15 -5
- package/dist/dates.js.map +1 -1
- package/dist/dates.mjs +15 -5
- package/dist/dates.mjs.map +1 -1
- package/dist/{fontThemes-Cum0S1DI.d.mts → fontThemes-Dh8mtXES.d.mts} +27 -1
- package/dist/{fontThemes-Cum0S1DI.d.ts → fontThemes-Dh8mtXES.d.ts} +27 -1
- package/dist/forms.js +1 -1
- package/dist/forms.js.map +1 -1
- package/dist/forms.mjs +1 -1
- package/dist/forms.mjs.map +1 -1
- package/dist/{hooks-CobTQpCg.d.mts → hooks-1b8WaQf1.d.mts} +2 -2
- package/dist/{hooks-DHPlUx3T.d.ts → hooks-CKW8vE9H.d.ts} +2 -2
- package/dist/hooks.d.mts +2 -2
- package/dist/hooks.d.ts +2 -2
- package/dist/hooks.js +3 -375
- package/dist/hooks.js.map +1 -1
- package/dist/hooks.mjs +3 -375
- package/dist/hooks.mjs.map +1 -1
- package/dist/index-DscTIrZ2.d.mts +29 -0
- package/dist/index-DscTIrZ2.d.ts +29 -0
- package/dist/index.d.mts +62 -36
- package/dist/index.d.ts +62 -36
- package/dist/index.js +617 -331
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +634 -348
- package/dist/index.mjs.map +1 -1
- package/dist/providers-aJW1AKg6.d.mts +30 -0
- package/dist/providers-qfyBVcPW.d.ts +30 -0
- package/dist/providers.d.mts +2 -1
- package/dist/providers.d.ts +2 -1
- package/dist/providers.js +226 -375
- package/dist/providers.js.map +1 -1
- package/dist/providers.mjs +226 -375
- package/dist/providers.mjs.map +1 -1
- package/dist/tables.js +5 -5
- package/dist/tables.js.map +1 -1
- package/dist/tables.mjs +5 -5
- package/dist/tables.mjs.map +1 -1
- package/dist/tokens.d.mts +165 -3
- package/dist/tokens.d.ts +165 -3
- package/dist/tokens.js +219 -1
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +217 -1
- package/dist/tokens.mjs.map +1 -1
- package/dist/{utils-xrpHqxXR.d.ts → utils-CIIM7dAC.d.ts} +1 -1
- package/dist/{utils-DlJKRVzQ.d.mts → utils-Cs04sxth.d.mts} +1 -1
- package/dist/utils.d.mts +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +22 -10
- package/dist/index-L8R3gyuQ.d.mts +0 -23
- package/dist/index-L8R3gyuQ.d.ts +0 -23
- package/dist/providers-Dv3LFGtJ.d.mts +0 -17
- 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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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
|
|
4
|
-
"description": "Sage Design Engine — Make it Lovable.
|
|
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/
|
|
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/
|
|
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": "
|
|
105
|
+
"limit": "11 KB"
|
|
94
106
|
},
|
|
95
107
|
{
|
|
96
108
|
"name": "Dates",
|
|
97
109
|
"path": "dist/dates.mjs",
|
|
98
|
-
"limit": "
|
|
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": "^
|
|
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": "^
|
|
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 };
|
package/dist/index-L8R3gyuQ.d.ts
DELETED
|
@@ -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 };
|