@splenddev/kreativ-core 0.1.1 → 0.1.3

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/dist/index.cjs DELETED
@@ -1,348 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopNamespace(e) {
6
- if (e && e.__esModule) return e;
7
- var n = Object.create(null);
8
- if (e) {
9
- Object.keys(e).forEach(function (k) {
10
- if (k !== 'default') {
11
- var d = Object.getOwnPropertyDescriptor(e, k);
12
- Object.defineProperty(n, k, d.get ? d : {
13
- enumerable: true,
14
- get: function () { return e[k]; }
15
- });
16
- }
17
- });
18
- }
19
- n.default = e;
20
- return Object.freeze(n);
21
- }
22
-
23
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
24
-
25
- // src/define/token.ts
26
- function defineToken(value) {
27
- return {
28
- value
29
- };
30
- }
31
- function defineTokens(tokens) {
32
- return Object.fromEntries(
33
- Object.entries(tokens).map(([key, value]) => [key, defineToken(value)])
34
- );
35
- }
36
-
37
- // src/define/semanticToken.ts
38
- function defineSemanticToken(lightOrValue, dark) {
39
- if (dark === void 0) {
40
- return {
41
- value: {
42
- sameForBothModes: true,
43
- value: lightOrValue
44
- }
45
- };
46
- }
47
- return {
48
- value: {
49
- sameForBothModes: false,
50
- light: lightOrValue,
51
- dark
52
- }
53
- };
54
- }
55
- function defineSemanticTokens(tokens) {
56
- return Object.fromEntries(
57
- Object.entries(tokens).map(([key, entry]) => [
58
- key,
59
- entry !== null && typeof entry === "object" && "light" in entry && "dark" in entry ? defineSemanticToken(entry.light, entry.dark) : defineSemanticToken(entry)
60
- ])
61
- );
62
- }
63
-
64
- // src/define/size.ts
65
- function defineSize(size) {
66
- return size;
67
- }
68
- function defineSizes(sizes) {
69
- return sizes;
70
- }
71
-
72
- // src/define/typography.ts
73
- function defineTypography(typography) {
74
- return typography;
75
- }
76
-
77
- // src/define/recipe.ts
78
- function defineRecipe(recipe) {
79
- return recipe;
80
- }
81
-
82
- // src/runtime/validateCycles.ts
83
- var REFERENCE_PATTERN = /^\{(.+)\}$/;
84
- function extractReferencePath(value) {
85
- if (typeof value !== "string") return void 0;
86
- const match = value.match(REFERENCE_PATTERN);
87
- return match ? match[1] : void 0;
88
- }
89
- function resolvePath(tree, path) {
90
- const segments = path.split(".");
91
- let current = tree;
92
- for (const segment of segments) {
93
- if (current === null || typeof current !== "object") return void 0;
94
- current = current[segment];
95
- }
96
- return current;
97
- }
98
- function nextReferences(node) {
99
- if (node === null || typeof node !== "object" || !("value" in node)) {
100
- return [];
101
- }
102
- const colorModeValue = node.value;
103
- if (colorModeValue === null || typeof colorModeValue !== "object") {
104
- return [];
105
- }
106
- const cmv = colorModeValue;
107
- if (cmv.sameForBothModes === true) {
108
- const ref = extractReferencePath(cmv.value);
109
- return ref ? [ref] : [];
110
- }
111
- const refs = [];
112
- const lightRef = extractReferencePath(cmv.light);
113
- const darkRef = extractReferencePath(cmv.dark);
114
- if (lightRef) refs.push(lightRef);
115
- if (darkRef) refs.push(darkRef);
116
- return refs;
117
- }
118
- function validateNoCycles(semanticTokens) {
119
- function walk(path, visited) {
120
- if (visited.includes(path)) {
121
- return { valid: false, cyclePath: [...visited, path] };
122
- }
123
- const node = resolvePath(semanticTokens, path);
124
- const refs = nextReferences(node);
125
- for (const ref of refs) {
126
- const result = walk(ref, [...visited, path]);
127
- if (!result.valid) return result;
128
- }
129
- return { valid: true };
130
- }
131
- function collectPaths(tree, prefix = []) {
132
- if (tree === null || typeof tree !== "object") return [];
133
- const entries = Object.entries(tree);
134
- const paths = [];
135
- for (const [key, value] of entries) {
136
- const currentPath = [...prefix, key];
137
- if (value !== null && typeof value === "object" && "value" in value) {
138
- paths.push(currentPath);
139
- } else {
140
- paths.push(...collectPaths(value, currentPath));
141
- }
142
- }
143
- return paths;
144
- }
145
- const allLeafPaths = collectPaths(semanticTokens);
146
- for (const pathSegments of allLeafPaths) {
147
- const path = pathSegments.join(".");
148
- const result = walk(path, []);
149
- if (!result.valid) return result;
150
- }
151
- return { valid: true };
152
- }
153
- function assertNoCycles(semanticTokens) {
154
- const result = validateNoCycles(semanticTokens);
155
- if (!result.valid) {
156
- throw new Error(
157
- `Kreativ UI: circular semantic token reference detected: ${result.cyclePath?.join(" -> ")}`
158
- );
159
- }
160
- }
161
-
162
- // src/define/theme.ts
163
- function defineTheme(theme) {
164
- assertNoCycles(theme.semanticTokens);
165
- return theme;
166
- }
167
- var ThemeContext = React.createContext(null);
168
- function useTheme() {
169
- const ctx = React.useContext(ThemeContext);
170
- if (!ctx) {
171
- throw new Error(
172
- "useTheme() was called outside <UIProvider>. Wrap your app in <UIProvider> from 'kreativ-ui'."
173
- );
174
- }
175
- return ctx;
176
- }
177
- function createComponent(config) {
178
- const C = React__namespace.forwardRef(
179
- config.render
180
- );
181
- if (config.displayName) C.displayName = config.displayName;
182
- C.__kui = config.__kui;
183
- return C;
184
- }
185
- function hasKuiMeta(value) {
186
- return (typeof value === "function" || typeof value === "object" && value !== null) && "__kui" in value && typeof value.__kui === "object" && value.__kui !== null;
187
- }
188
-
189
- // src/utils/composeRefs.ts
190
- function composeRefs(...refs) {
191
- return (node) => {
192
- for (const ref of refs) {
193
- if (typeof ref === "function") ref(node);
194
- else if (ref) ref.current = node;
195
- }
196
- };
197
- }
198
-
199
- // src/utils/createFromProps.ts
200
- function createFromProps(input) {
201
- return {
202
- ...input.providerDefaults,
203
- ...input.defaultProps,
204
- ...input.generatedProps,
205
- ...input.consumerProps
206
- };
207
- }
208
-
209
- // src/utils/responsive.ts
210
- function isResponsiveValue(value) {
211
- return typeof value === "object" && value !== null;
212
- }
213
- function resolveResponsiveValue(value) {
214
- if (value === null || typeof value !== "object" || Array.isArray(value)) {
215
- return {
216
- base: value,
217
- responsive: {}
218
- };
219
- }
220
- const responsiveValue = value;
221
- const { base, ...responsive } = responsiveValue;
222
- return {
223
- base,
224
- responsive: Object.fromEntries(
225
- Object.entries(responsive).filter(([, value2]) => value2 !== void 0)
226
- )
227
- };
228
- }
229
- function toResponsiveClasses(value, resolve) {
230
- const classes = [];
231
- if (value.base !== void 0) {
232
- classes.push(resolve(value.base));
233
- }
234
- for (const [breakpoint, item] of Object.entries(value.responsive)) {
235
- classes.push(
236
- item ? item.toString().split(" ").map((className) => `${breakpoint}:${className}`).join(" ") : ""
237
- );
238
- }
239
- return classes.filter(Boolean).join(" ");
240
- }
241
- function mergeResponsiveValue(defaults, value) {
242
- const defaultValue = resolveResponsiveValue(defaults);
243
- if (value === void 0) {
244
- return defaultValue;
245
- }
246
- const overrideValue = resolveResponsiveValue(value);
247
- return {
248
- base: overrideValue.base ?? defaultValue.base,
249
- responsive: {
250
- ...defaultValue.responsive,
251
- ...overrideValue.responsive
252
- }
253
- };
254
- }
255
-
256
- // src/utils/deepMerge.ts
257
- function isPlainObject(value) {
258
- return typeof value === "object" && value !== null && !Array.isArray(value);
259
- }
260
- function deepMerge(base, override) {
261
- if (override === void 0) {
262
- return base;
263
- }
264
- if (!isPlainObject(base) || !isPlainObject(override)) {
265
- return override;
266
- }
267
- const result = {
268
- ...base
269
- };
270
- for (const [key, value] of Object.entries(override)) {
271
- const existing = result[key];
272
- if (isPlainObject(existing) && isPlainObject(value)) {
273
- result[key] = deepMerge(existing, value);
274
- } else {
275
- result[key] = value;
276
- }
277
- }
278
- return result;
279
- }
280
-
281
- // src/utils/resolveTokenReference.ts
282
- function resolveTokenReference(value, tokens) {
283
- if (typeof value !== "string") {
284
- return typeof value === "number" ? value : "";
285
- }
286
- const match = value.match(/^\{(.+)\}$/);
287
- if (!match || match[1] === void 0) {
288
- return value;
289
- }
290
- const path = match[1].split(".");
291
- let current = tokens;
292
- for (const key of path) {
293
- if (typeof current !== "object" || current === null || !(key in current)) {
294
- return "";
295
- }
296
- current = current[key];
297
- }
298
- if (typeof current === "object" && current !== null && "value" in current) {
299
- const tokenValue = current.value;
300
- if (typeof tokenValue === "string" || typeof tokenValue === "number") {
301
- return tokenValue;
302
- }
303
- return "";
304
- }
305
- return typeof current === "string" || typeof current === "number" ? current : "";
306
- }
307
-
308
- // src/utils/resolveTypography.ts
309
- function resolveTypography(typography, tokens) {
310
- if (!typography) return {};
311
- return {
312
- fontFamily: resolveTokenReference(typography.fontFamily, tokens),
313
- fontSize: resolveTokenReference(typography.fontSize, tokens),
314
- fontWeight: resolveTokenReference(typography.fontWeight, tokens),
315
- lineHeight: resolveTokenReference(typography.lineHeight, tokens),
316
- letterSpacing: resolveTokenReference(
317
- typography.letterSpacing,
318
- tokens
319
- )
320
- };
321
- }
322
-
323
- exports.ThemeContext = ThemeContext;
324
- exports.assertNoCycles = assertNoCycles;
325
- exports.composeRefs = composeRefs;
326
- exports.createComponent = createComponent;
327
- exports.createFromProps = createFromProps;
328
- exports.deepMerge = deepMerge;
329
- exports.defineRecipe = defineRecipe;
330
- exports.defineSemanticToken = defineSemanticToken;
331
- exports.defineSemanticTokens = defineSemanticTokens;
332
- exports.defineSize = defineSize;
333
- exports.defineSizes = defineSizes;
334
- exports.defineTheme = defineTheme;
335
- exports.defineToken = defineToken;
336
- exports.defineTokens = defineTokens;
337
- exports.defineTypography = defineTypography;
338
- exports.hasKuiMeta = hasKuiMeta;
339
- exports.isResponsiveValue = isResponsiveValue;
340
- exports.mergeResponsiveValue = mergeResponsiveValue;
341
- exports.resolveResponsiveValue = resolveResponsiveValue;
342
- exports.resolveTokenReference = resolveTokenReference;
343
- exports.resolveTypography = resolveTypography;
344
- exports.toResponsiveClasses = toResponsiveClasses;
345
- exports.useTheme = useTheme;
346
- exports.validateNoCycles = validateNoCycles;
347
- //# sourceMappingURL=index.cjs.map
348
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/define/token.ts","../src/define/semanticToken.ts","../src/define/size.ts","../src/define/typography.ts","../src/define/recipe.ts","../src/runtime/validateCycles.ts","../src/define/theme.ts","../src/provider/ThemeContext.tsx","../src/provider/useTheme.ts","../src/utils/createComponent.tsx","../src/utils/composeRefs.ts","../src/utils/createFromProps.ts","../src/utils/responsive.ts","../src/utils/deepMerge.ts","../src/utils/resolveTokenReference.ts","../src/utils/resolveTypography.ts"],"names":["createContext","useContext","React","value"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { TokenValue } from \"@/types\";\n\nexport function defineToken<T extends TokenValue>(value: T) {\n return {\n value,\n };\n}\n\nexport function defineTokens<T extends Record<string, TokenValue>>(tokens: T) {\n return Object.fromEntries(\n Object.entries(tokens).map(([key, value]) => [key, defineToken(value)]),\n ) as {\n [K in keyof T]: ReturnType<typeof defineToken<T[K]>>;\n };\n}\n","import type { SemanticToken, TokenValue } from \"@/types\";\n\n/**\n * Defines a semantic token that shares a single value across both\n * light and dark modes (the explicit sameForBothModes shorthand).\n */\nexport function defineSemanticToken<T extends TokenValue>(\n value: T,\n): SemanticToken<T>;\n/**\n * Defines a semantic token with distinct light and dark values.\n */\nexport function defineSemanticToken<T extends TokenValue>(\n light: T,\n dark: T,\n): SemanticToken<T>;\nexport function defineSemanticToken<T extends TokenValue>(\n lightOrValue: T,\n dark?: T,\n): SemanticToken<T> {\n if (dark === undefined) {\n return {\n value: {\n sameForBothModes: true,\n value: lightOrValue,\n },\n };\n }\n\n return {\n value: {\n sameForBothModes: false,\n light: lightOrValue,\n dark,\n },\n };\n}\n\ntype SemanticTokenInput<T extends TokenValue> = T | { light: T; dark: T };\n\nexport function defineSemanticTokens<\n T extends Record<string, SemanticTokenInput<TokenValue>>,\n>(\n tokens: T,\n): {\n [K in keyof T]: SemanticToken<T[K] extends { light: infer V; dark: infer _ }\n ? V extends TokenValue\n ? V\n : never\n : T[K] extends TokenValue\n ? T[K]\n : never>;\n} {\n return Object.fromEntries(\n Object.entries(tokens).map(([key, entry]) => [\n key,\n entry !== null &&\n typeof entry === \"object\" &&\n \"light\" in entry &&\n \"dark\" in entry\n ? defineSemanticToken(entry.light, entry.dark)\n : defineSemanticToken(entry as TokenValue),\n ]),\n ) as ReturnType<typeof defineSemanticTokens<T>>;\n}\n","import type { SizeScale, SizeToken } from \"@/types\";\n\nexport function defineSize<const T extends SizeToken>(size: T): T {\n return size;\n}\n\nexport function defineSizes<const T extends SizeScale>(sizes: T): T {\n return sizes;\n}\n","import type { Typography } from \"@/types\";\n\nexport function defineTypography<const T extends Typography>(typography: T): T {\n return typography;\n}\n","import type { RecipeDefinition } from \"@/types\";\n\nexport function defineRecipe<const T extends RecipeDefinition>(recipe: T): T {\n return recipe;\n}\n","import type { SemanticTokens } from \"@/types\";\n\nconst REFERENCE_PATTERN = /^\\{(.+)\\}$/;\n\n/**\n * If value is a \"{colors.brand.500}\"-style reference string, returns\n * the raw dotted path (\"colors.brand.500\"). Otherwise returns null.\n */\nfunction extractReferencePath(value: unknown): string | undefined {\n if (typeof value !== \"string\") return undefined;\n const match = value.match(REFERENCE_PATTERN);\n return match ? match[1] : undefined;\n}\n\n/**\n * Resolves a dotted path against an object tree. Returns undefined\n * if any segment doesn't exist.\n */\nfunction resolvePath(tree: unknown, path: string): unknown {\n const segments = path.split(\".\");\n let current: unknown = tree;\n\n for (const segment of segments) {\n if (current === null || typeof current !== \"object\") return undefined;\n current = (current as Record<string, unknown>)[segment];\n }\n\n return current;\n}\n\n/**\n * Given a resolved semantic-token node (shape: { value: ColorModeValue }),\n * returns the reference string(s) its value points to, if any — i.e.\n * the next hop(s) in a semantic->semantic chain. Non-reference\n * (literal) values return an empty array — the chain ends there.\n */\nfunction nextReferences(node: unknown): string[] {\n if (node === null || typeof node !== \"object\" || !(\"value\" in node)) {\n return [];\n }\n\n const colorModeValue = (node as { value: unknown }).value;\n\n if (colorModeValue === null || typeof colorModeValue !== \"object\") {\n return [];\n }\n\n const cmv = colorModeValue as Record<string, unknown>;\n\n if (cmv.sameForBothModes === true) {\n const ref = extractReferencePath(cmv.value);\n return ref ? [ref] : [];\n }\n\n const refs: string[] = [];\n const lightRef = extractReferencePath(cmv.light);\n const darkRef = extractReferencePath(cmv.dark);\n if (lightRef) refs.push(lightRef);\n if (darkRef) refs.push(darkRef);\n return refs;\n}\n\nexport interface CycleValidationResult {\n valid: boolean;\n cyclePath?: string[];\n}\n\n/**\n * Walks every semantic token's reference chain looking for a\n * semantic->semantic cycle. Reference *existence* (does the path\n * resolve at all) is validated separately at the type level via\n * ValidateSemanticTokenSection — this function only detects cycles\n * among references that do resolve to another semantic token.\n *\n * A reference that resolves to nothing (dangling) or to a primitive\n * token is a dead end for cycle-walking purposes here, not an error\n * this function raises — that's the type-level existence check's job.\n */\nexport function validateNoCycles(\n semanticTokens: SemanticTokens,\n): CycleValidationResult {\n function walk(path: string, visited: string[]): CycleValidationResult {\n if (visited.includes(path)) {\n return { valid: false, cyclePath: [...visited, path] };\n }\n\n const node = resolvePath(semanticTokens, path);\n const refs = nextReferences(node);\n\n for (const ref of refs) {\n const result = walk(ref, [...visited, path]);\n if (!result.valid) return result;\n }\n\n return { valid: true };\n }\n\n function collectPaths(tree: unknown, prefix: string[] = []): string[][] {\n if (tree === null || typeof tree !== \"object\") return [];\n\n const entries = Object.entries(tree as Record<string, unknown>);\n const paths: string[][] = [];\n\n for (const [key, value] of entries) {\n const currentPath = [...prefix, key];\n\n if (\n value !== null &&\n typeof value === \"object\" &&\n \"value\" in (value as Record<string, unknown>)\n ) {\n paths.push(currentPath);\n } else {\n paths.push(...collectPaths(value, currentPath));\n }\n }\n\n return paths;\n }\n\n const allLeafPaths = collectPaths(semanticTokens);\n\n for (const pathSegments of allLeafPaths) {\n const path = pathSegments.join(\".\");\n const result = walk(path, []);\n if (!result.valid) return result;\n }\n\n return { valid: true };\n}\n\n/**\n * Throws a descriptive error if a semantic->semantic cycle is found.\n * Intended to be called from defineTheme/extendTheme.\n */\nexport function assertNoCycles(semanticTokens: SemanticTokens): void {\n const result = validateNoCycles(semanticTokens);\n\n if (!result.valid) {\n throw new Error(\n `Kreativ UI: circular semantic token reference detected: ${result.cyclePath?.join(\" -> \")}`,\n );\n }\n}\n","import type { Theme } from \"@/types\";\nimport type { ValidateTheme } from \"../validate/theme\";\nimport { assertNoCycles } from \"../runtime/validateCycles\";\n\n/**\n * Defines a Kreativ UI theme.\n *\n * Type-safe boundary for creating themes while preserving the exact\n * structure and types of the supplied theme. Does not merge with the\n * default theme or mutate the provided object — extension/resolution\n * are handled separately by extendTheme.\n *\n * `T & ValidateTheme<T>` is what actually enforces validation at the\n * call site: ValidateTheme<T> resolves to `unknown` (a no-op) when\n * every section passes, or a section-named `{ tokens: Invalid<...> }`\n * / `{ semanticTokens: Invalid<...> }` / etc. object when a section\n * fails. Intersecting that onto the parameter type means a failing\n * theme produces a real compile error naming the failing section and\n * message, not just a generic \"not assignable to Theme\".\n *\n * Reference *existence* (does \"{colors.brand.500}\" resolve to a real\n * token) is checked at compile time via ValidateSemanticTokenSection,\n * as part of ValidateTheme above. Reference *cycles* (semantic token\n * A -> B -> A) can't be reliably caught at the type level (hit TS\n * inference edge cases in recursive conditional types), so they're\n * checked here at call time instead, via assertNoCycles.\n */\nexport function defineTheme<T extends Theme>(theme: T & ValidateTheme<T>): T {\n assertNoCycles(theme.semanticTokens);\n return theme;\n}\n\n","\"use client\";\r\n\r\nimport { createContext } from \"react\";\r\nimport type { ColorMode, Theme, ResolvedTokens } from \"@/types/theme\";\r\n\r\nexport interface ThemeContextValue {\r\n theme: Theme;\r\n mode: ColorMode;\r\n resolvedMode: \"light\" | \"dark\";\r\n setMode: (mode: ColorMode) => void;\r\n fallbackSize: string;\r\n tokens: ResolvedTokens;\r\n}\r\n\r\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\r\n","\"use client\";\n\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"@/provider/ThemeContext\";\n\nexport function useTheme() {\n const ctx = useContext(ThemeContext);\n if (!ctx) {\n throw new Error(\n \"useTheme() was called outside <UIProvider>. Wrap your app in <UIProvider> from 'kreativ-ui'.\",\n );\n }\n return ctx;\n}\n","import * as React from \"react\";\n\nexport interface KuiSupports {\n disabled?: boolean;\n invalid?: boolean;\n required?: boolean;\n [key: string]: boolean | undefined;\n}\nexport type KuiSkeletonHint =\n | \"text\"\n | \"rect\"\n | \"circle\"\n | \"input-shaped\"\n | \"preserve\"\n | (string & {});\nexport type KuiRole =\n | \"action\"\n | \"formControl\"\n | \"overlay\"\n | \"layout\"\n | \"display\"\n | \"disclosure\"\n | \"navigation\"\n | (string & {});\n\nexport interface KuiMeta {\n formControl?: \"single\" | \"compound\";\n supports?: KuiSupports;\n skeleton?: KuiSkeletonHint;\n role?: KuiRole;\n groupSlot?: string;\n}\n\nexport type KuiComponent<P, E> = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<P> & React.RefAttributes<E>\n> & { __kui: KuiMeta };\n\nexport interface CreateComponentConfig<P, E> {\n __kui: KuiMeta;\n render: (props: P, ref: React.ForwardedRef<E>) => React.ReactElement | null;\n displayName?: string;\n}\n\nexport function createComponent<P extends object, E = unknown>(\n config: CreateComponentConfig<P, E>,\n): KuiComponent<P, E> {\n const C = React.forwardRef(\n config.render as unknown as React.ForwardRefRenderFunction<E, any>,\n ) as unknown as KuiComponent<P, E>;\n if (config.displayName) C.displayName = config.displayName;\n C.__kui = config.__kui;\n return C;\n}\n\nexport function hasKuiMeta(value: unknown): value is { __kui: KuiMeta } {\n return (\n (typeof value === \"function\" ||\n (typeof value === \"object\" && value !== null)) &&\n \"__kui\" in (value as object) &&\n typeof (value as { __kui: unknown }).__kui === \"object\" &&\n (value as { __kui: unknown }).__kui !== null\n );\n}\n","import type * as React from \"react\";\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nexport function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n return (node) => {\n for (const ref of refs) {\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<T | null>).current = node;\n }\n };\n}\n","export interface CreateFromPropsInput<T extends object> {\n providerDefaults?: Partial<T>;\n defaultProps?: Partial<T>;\n generatedProps?: Partial<T>;\n consumerProps?: Partial<T>;\n}\nexport function createFromProps<T extends object>(input: CreateFromPropsInput<T>): T {\n return {\n ...input.providerDefaults,\n ...input.defaultProps,\n ...input.generatedProps,\n ...input.consumerProps,\n } as T;\n}\n","import type { BaseBreakpoint, ResponsiveValue } from \"@/types\";\n\nexport function isResponsiveValue<T>(\n value: ResponsiveValue<T>,\n): value is Partial<Record<\"base\" | BaseBreakpoint, T>> {\n return typeof value === \"object\" && value !== null;\n}\n\nexport interface ResolvedResponsiveValue<T> {\n base?: T;\n responsive: Record<string, T>;\n}\n\nexport function resolveResponsiveValue<T, B extends string = string>(\n value: ResponsiveValue<T, B>,\n): ResolvedResponsiveValue<T> {\n if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n return {\n base: value,\n responsive: {},\n };\n }\n\n const responsiveValue = value as Partial<Record<\"base\" | B, T>>;\n\n const { base, ...responsive } = responsiveValue;\n\n return {\n base,\n responsive: Object.fromEntries(\n Object.entries(responsive).filter(([, value]) => value !== undefined),\n ) as Record<string, T>,\n };\n}\n\nexport function toResponsiveClasses<T>(\n value: ResolvedResponsiveValue<T>,\n resolve: (value: T) => string,\n): string {\n const classes: string[] = [];\n\n if (value.base !== undefined) {\n classes.push(resolve(value.base));\n }\n\n for (const [breakpoint, item] of Object.entries(value.responsive)) {\n classes.push(\n item\n ? item\n .toString()\n .split(\" \")\n .map((className) => `${breakpoint}:${className}`)\n .join(\" \")\n : \"\",\n );\n }\n\n return classes.filter(Boolean).join(\" \");\n}\n\nexport function mergeResponsiveValue<T, B extends string = string>(\n defaults: ResponsiveValue<T, B>,\n value?: ResponsiveValue<T, B>,\n): ResolvedResponsiveValue<T> {\n const defaultValue = resolveResponsiveValue(defaults);\n\n if (value === undefined) {\n return defaultValue;\n }\n\n const overrideValue = resolveResponsiveValue(value);\n\n return {\n base: overrideValue.base ?? defaultValue.base,\n responsive: {\n ...defaultValue.responsive,\n ...overrideValue.responsive,\n },\n };\n}\n","function isPlainObject(value: unknown): value is Record<string, unknown> {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nexport function deepMerge<T>(base: T, override?: unknown): T {\n if (override === undefined) {\n return base;\n }\n\n if (!isPlainObject(base) || !isPlainObject(override)) {\n return override as T;\n }\n\n const result: Record<string, unknown> = {\n ...base,\n };\n\n for (const [key, value] of Object.entries(override)) {\n const existing = result[key];\n\n if (isPlainObject(existing) && isPlainObject(value)) {\n result[key] = deepMerge(existing, value);\n } else {\n result[key] = value;\n }\n }\n\n return result as T;\n}\n","import type { DesignTokens } from \"@/types\";\r\n\r\nexport function resolveTokenReference(\r\n value: unknown,\r\n tokens: DesignTokens,\r\n): string | number {\r\n if (typeof value !== \"string\") {\r\n return typeof value === \"number\" ? value : \"\";\r\n }\r\n\r\n const match = value.match(/^\\{(.+)\\}$/);\r\n\r\n if (!match || match[1] === undefined) {\r\n return value;\r\n }\r\n\r\n const path = match[1].split(\".\");\r\n\r\n let current: unknown = tokens;\r\n\r\n for (const key of path) {\r\n if (typeof current !== \"object\" || current === null || !(key in current)) {\r\n return \"\";\r\n }\r\n\r\n current = (current as Record<string, unknown>)[key];\r\n }\r\n\r\n if (typeof current === \"object\" && current !== null && \"value\" in current) {\r\n const tokenValue = (current as { value: unknown }).value;\r\n\r\n if (typeof tokenValue === \"string\" || typeof tokenValue === \"number\") {\r\n return tokenValue;\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n return typeof current === \"string\" || typeof current === \"number\"\r\n ? current\r\n : \"\";\r\n}\r\n","import type { CSSProperties } from \"react\";\r\nimport type { DesignTokens, TypographyStyle } from \"@/types\";\r\nimport { resolveTokenReference } from \"./resolveTokenReference\";\r\n\r\nexport function resolveTypography(\r\n typography: TypographyStyle | undefined,\r\n tokens: DesignTokens,\r\n): CSSProperties {\r\n if (!typography) return {};\r\n\r\n return {\r\n fontFamily: resolveTokenReference(typography.fontFamily, tokens) as string,\r\n fontSize: resolveTokenReference(typography.fontSize, tokens) as string,\r\n fontWeight: resolveTokenReference(typography.fontWeight, tokens),\r\n lineHeight: resolveTokenReference(typography.lineHeight, tokens),\r\n letterSpacing: resolveTokenReference(\r\n typography.letterSpacing,\r\n tokens,\r\n ) as string,\r\n };\r\n}\r\n"]}