@likec4/styles 1.47.0 → 1.48.0

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 (139) hide show
  1. package/LICENSE +1 -1
  2. package/css/package.json +1 -1
  3. package/dev.d.mts +3 -0
  4. package/{dev.ts → dev.mjs} +8 -4
  5. package/dist/_chunks/libs/@radix-ui/colors.mjs +3788 -0
  6. package/dist/_chunks/libs/pandacss-preset-radix-colors.mjs +106 -0
  7. package/dist/_chunks/libs/remeda.mjs +164 -0
  8. package/dist/_chunks/rolldown-runtime.mjs +18 -0
  9. package/dist/css/{css.d.ts → css.d.mts} +1 -1
  10. package/dist/css/{cva.d.ts → cva.d.mts} +2 -2
  11. package/dist/css/index.d.mts +5 -0
  12. package/dist/css/sva.d.mts +4 -0
  13. package/dist/jsx/{aspect-ratio.d.ts → aspect-ratio.d.mts} +3 -3
  14. package/dist/jsx/bleed.d.mts +10 -0
  15. package/dist/jsx/box.d.mts +10 -0
  16. package/dist/jsx/center.d.mts +10 -0
  17. package/dist/jsx/circle.d.mts +10 -0
  18. package/dist/jsx/{container.d.ts → container.d.mts} +3 -3
  19. package/dist/jsx/cq.d.mts +10 -0
  20. package/dist/jsx/{create-style-context.d.ts → create-style-context.d.mts} +3 -3
  21. package/dist/jsx/divider.d.mts +10 -0
  22. package/dist/jsx/factory.d.mts +3 -0
  23. package/dist/jsx/flex.d.mts +10 -0
  24. package/dist/jsx/float.d.mts +10 -0
  25. package/dist/jsx/grid-item.d.mts +10 -0
  26. package/dist/jsx/grid.d.mts +10 -0
  27. package/dist/jsx/hstack.d.mts +10 -0
  28. package/dist/jsx/index.d.mts +26 -0
  29. package/dist/jsx/index.mjs +2 -1
  30. package/dist/jsx/{link-overlay.d.ts → link-overlay.d.mts} +3 -3
  31. package/dist/jsx/spacer.d.mts +10 -0
  32. package/dist/jsx/square.d.mts +10 -0
  33. package/dist/jsx/stack.d.mts +10 -0
  34. package/dist/jsx/txt.d.mts +10 -0
  35. package/dist/jsx/txt.mjs +14 -0
  36. package/dist/jsx/{visually-hidden.d.ts → visually-hidden.d.mts} +3 -3
  37. package/dist/jsx/vstack.d.mts +10 -0
  38. package/dist/jsx/wrap.d.mts +10 -0
  39. package/dist/patterns/{aspect-ratio.d.ts → aspect-ratio.d.mts} +5 -5
  40. package/dist/patterns/{bleed.d.ts → bleed.d.mts} +5 -5
  41. package/dist/patterns/{box.d.ts → box.d.mts} +5 -5
  42. package/dist/patterns/{center.d.ts → center.d.mts} +5 -5
  43. package/dist/patterns/{circle.d.ts → circle.d.mts} +5 -5
  44. package/dist/patterns/{container.d.ts → container.d.mts} +5 -5
  45. package/dist/patterns/{cq.d.ts → cq.d.mts} +5 -5
  46. package/dist/patterns/{divider.d.ts → divider.d.mts} +5 -5
  47. package/dist/patterns/{flex.d.ts → flex.d.mts} +5 -5
  48. package/dist/patterns/{float.d.ts → float.d.mts} +5 -5
  49. package/dist/patterns/{grid-item.d.ts → grid-item.d.mts} +5 -5
  50. package/dist/patterns/{grid.d.ts → grid.d.mts} +5 -5
  51. package/dist/patterns/{hstack.d.ts → hstack.d.mts} +5 -5
  52. package/dist/patterns/index.d.mts +22 -0
  53. package/dist/patterns/index.mjs +2 -1
  54. package/dist/patterns/{link-overlay.d.ts → link-overlay.d.mts} +5 -5
  55. package/dist/patterns/{spacer.d.ts → spacer.d.mts} +5 -5
  56. package/dist/patterns/{square.d.ts → square.d.mts} +5 -5
  57. package/dist/patterns/{stack.d.ts → stack.d.mts} +5 -5
  58. package/dist/patterns/txt.d.mts +24 -0
  59. package/dist/patterns/txt.mjs +28 -0
  60. package/dist/patterns/{visually-hidden.d.ts → visually-hidden.d.mts} +5 -5
  61. package/dist/patterns/{vstack.d.ts → vstack.d.mts} +5 -5
  62. package/dist/patterns/{wrap.d.ts → wrap.d.mts} +5 -5
  63. package/dist/preset.d.mts +1237 -1202
  64. package/dist/preset.mjs +3769 -7467
  65. package/dist/recipes/{action-btn.d.ts → action-btn.d.mts} +2 -2
  66. package/dist/recipes/action-buttons.d.mts +33 -0
  67. package/dist/recipes/action-buttons.mjs +24 -0
  68. package/dist/recipes/{compound-node.d.ts → compound-node.d.mts} +12 -3
  69. package/dist/recipes/compound-node.mjs +5 -1
  70. package/dist/recipes/{edge-action-btn.d.ts → edge-action-btn.d.mts} +2 -2
  71. package/dist/recipes/{edge-label.d.ts → edge-label.d.mts} +2 -2
  72. package/dist/recipes/{edge-path.d.ts → edge-path.d.mts} +2 -2
  73. package/dist/recipes/{element-node-data.d.ts → element-node-data.d.mts} +10 -3
  74. package/dist/recipes/element-node-data.mjs +16 -2
  75. package/dist/recipes/{element-node.d.ts → element-node.d.mts} +2 -2
  76. package/dist/recipes/{element-shape-recipe.d.ts → element-shape-recipe.d.mts} +2 -2
  77. package/dist/recipes/index.d.mts +16 -0
  78. package/dist/recipes/index.mjs +1 -0
  79. package/dist/recipes/{likec4tag.d.ts → likec4tag.d.mts} +2 -2
  80. package/dist/recipes/{markdown-block.d.ts → markdown-block.d.mts} +2 -2
  81. package/dist/recipes/{navigation-link.d.ts → navigation-link.d.mts} +2 -2
  82. package/dist/recipes/{navigation-panel-action-icon.d.ts → navigation-panel-action-icon.d.mts} +2 -2
  83. package/dist/recipes/{navigation-panel.d.ts → navigation-panel.d.mts} +6 -2
  84. package/dist/recipes/navigation-panel.mjs +8 -2
  85. package/dist/recipes/{overlay.d.ts → overlay.d.mts} +2 -2
  86. package/dist/tokens/{index.d.ts → index.d.mts} +2 -2
  87. package/dist/tokens/index.mjs +226 -182
  88. package/dist/tokens/tokens.d.mts +51 -0
  89. package/dist/types/{composition.d.ts → composition.d.mts} +4 -1
  90. package/dist/types/{conditions.d.ts → conditions.d.mts} +1 -1
  91. package/dist/types/{global.d.ts → global.d.mts} +5 -5
  92. package/dist/types/index.d.mts +8 -0
  93. package/dist/types/{jsx.d.ts → jsx.d.mts} +2 -2
  94. package/dist/types/{pattern.d.ts → pattern.d.mts} +2 -2
  95. package/dist/types/{prop-type.d.ts → prop-type.d.mts} +5 -5
  96. package/dist/types/{recipe.d.ts → recipe.d.mts} +2 -2
  97. package/dist/types/{selectors.d.ts → selectors.d.mts} +1 -1
  98. package/dist/types/{style-props.d.ts → style-props.d.mts} +38 -38
  99. package/dist/types/{system-types.d.ts → system-types.d.mts} +3 -3
  100. package/dist/vars/index.d.mts +417 -0
  101. package/dist/vars/index.mjs +426 -0
  102. package/jsx/package.json +1 -1
  103. package/package.json +41 -30
  104. package/patterns/package.json +1 -1
  105. package/recipes/package.json +1 -1
  106. package/tokens/package.json +1 -1
  107. package/types/package.json +1 -1
  108. package/vars/package.json +4 -0
  109. package/dist/css/index.d.ts +0 -5
  110. package/dist/css/sva.d.ts +0 -4
  111. package/dist/jsx/bleed.d.ts +0 -10
  112. package/dist/jsx/box.d.ts +0 -10
  113. package/dist/jsx/center.d.ts +0 -10
  114. package/dist/jsx/circle.d.ts +0 -10
  115. package/dist/jsx/cq.d.ts +0 -10
  116. package/dist/jsx/divider.d.ts +0 -10
  117. package/dist/jsx/factory.d.ts +0 -3
  118. package/dist/jsx/flex.d.ts +0 -10
  119. package/dist/jsx/float.d.ts +0 -10
  120. package/dist/jsx/grid-item.d.ts +0 -10
  121. package/dist/jsx/grid.d.ts +0 -10
  122. package/dist/jsx/hstack.d.ts +0 -10
  123. package/dist/jsx/index.d.ts +0 -25
  124. package/dist/jsx/spacer.d.ts +0 -10
  125. package/dist/jsx/square.d.ts +0 -10
  126. package/dist/jsx/stack.d.ts +0 -10
  127. package/dist/jsx/vstack.d.ts +0 -10
  128. package/dist/jsx/wrap.d.ts +0 -10
  129. package/dist/patterns/index.d.ts +0 -21
  130. package/dist/recipes/index.d.ts +0 -15
  131. package/dist/tokens/tokens.d.ts +0 -51
  132. package/dist/types/index.d.ts +0 -8
  133. package/panda.config.ts +0 -10
  134. package/preset.ts +0 -3
  135. /package/dist/css/{cx.d.ts → cx.d.mts} +0 -0
  136. /package/dist/jsx/{is-valid-prop.d.ts → is-valid-prop.d.mts} +0 -0
  137. /package/dist/types/{csstype.d.ts → csstype.d.mts} +0 -0
  138. /package/dist/types/{parts.d.ts → parts.d.mts} +0 -0
  139. /package/dist/types/{static-css.d.ts → static-css.d.mts} +0 -0
@@ -0,0 +1,106 @@
1
+ import { t as colors_exports } from "./@radix-ui/colors.mjs";
2
+ import { definePreset } from "@pandacss/dev";
3
+
4
+ //#region ../../node_modules/.pnpm/pandacss-preset-radix-colors@0.2.0_@pandacss+dev@1.8.1_typescript@5.9.3__@radix-ui+colors@3.0.0/node_modules/pandacss-preset-radix-colors/dist/index.mjs
5
+ var SCALE_TAGS_REGEX = new RegExp(`(${["P3"].join("|")})|(?=[A-Z0-9])`, "g");
6
+ function getScaleTags(fullName) {
7
+ return fullName.split(SCALE_TAGS_REGEX).filter(Boolean).map((x) => x.toLowerCase());
8
+ }
9
+ function getScalePath(tags) {
10
+ return tags.join(".");
11
+ }
12
+ function isScaleAlpha(tags) {
13
+ return tags.includes("a");
14
+ }
15
+ function isScaleDark(tags) {
16
+ return tags.includes("dark");
17
+ }
18
+ function isScaleP3(tags) {
19
+ return tags.includes("p3");
20
+ }
21
+ function getScaleName(tags) {
22
+ return tags[0];
23
+ }
24
+ function getScaleShades(value) {
25
+ return Object.assign({}, ...Object.values(value).map((shade, i) => ({ [++i]: shade })));
26
+ }
27
+ function getScales(lightPrefix) {
28
+ return Object.entries(colors_exports).map(([fullName, value]) => {
29
+ const tags = getScaleTags(fullName);
30
+ const dark = isScaleDark(tags);
31
+ if (!dark && lightPrefix) tags.splice(1, 0, "light");
32
+ return {
33
+ fullName,
34
+ tags,
35
+ name: getScaleName(tags),
36
+ path: getScalePath(tags),
37
+ dark,
38
+ alpha: isScaleAlpha(tags),
39
+ p3: isScaleP3(tags),
40
+ shades: getScaleShades(value)
41
+ };
42
+ });
43
+ }
44
+ function keysToObj(keys, value) {
45
+ if (keys.length === 0) return value;
46
+ const key = keys[0];
47
+ const obj = keysToObj(keys.slice(1), value);
48
+ return { [key]: obj };
49
+ }
50
+ function isObject(value) {
51
+ return value && typeof value === "object" && !Array.isArray(value);
52
+ }
53
+ function mergeObjs(target, ...sources) {
54
+ if (!sources.length) return target;
55
+ const source = sources.shift();
56
+ if (isObject(target) && isObject(source)) for (const key in source) if (isObject(source[key])) {
57
+ if (!target[key]) Object.assign(target, { [key]: {} });
58
+ mergeObjs(target[key], source[key]);
59
+ } else Object.assign(target, { [key]: source[key] });
60
+ return mergeObjs(target, ...sources);
61
+ }
62
+ function getSemanticTokens(darkMode, autoP3, colorScales = []) {
63
+ let scales = getScales(darkMode);
64
+ if (darkMode) scales = scales.concat(getScales(false).filter((x) => !x.dark));
65
+ return mergeObjs({}, ...scales.filter((scale) => colorScales.length === 0 || colorScales.includes(scale.name)).map((scale) => {
66
+ let lightScale = void 0;
67
+ let darkScale = void 0;
68
+ let p3Scale = void 0;
69
+ if (darkMode && !scale.dark && !scale.tags.includes("light")) darkScale = scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.p3 === scale.p3 && x.dark);
70
+ if (!darkScale && autoP3 && !scale.p3) p3Scale = scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.dark === scale.dark && x.p3);
71
+ if (darkScale) lightScale = scale.tags.includes("light") ? scale : scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.dark === scale.dark && x.p3 === scale.p3 && x.tags.includes("light"));
72
+ return keysToObj(scale.tags, Object.assign({}, ...Object.entries(scale.shades).map(([i, color]) => {
73
+ let value = color;
74
+ if (darkScale) value = {
75
+ base: `{colors.${lightScale.path}.${i}}`,
76
+ _dark: `{colors.${darkScale.path}.${i}}`
77
+ };
78
+ if (p3Scale) value = {
79
+ base: color,
80
+ _p3: `{colors.${p3Scale.path}.${i}}`
81
+ };
82
+ return { [i]: { value } };
83
+ })));
84
+ }));
85
+ }
86
+ function getConditions(darkModeCondition) {
87
+ let result = {};
88
+ if (darkModeCondition) result = { dark: darkModeCondition };
89
+ return {
90
+ ...result,
91
+ p3: "@media (color-gamut: p3)",
92
+ srgb: "@media (color-gamut: srgb)",
93
+ rec2020: "@media (color-gamut: rec2020)"
94
+ };
95
+ }
96
+ var DEFAULT_DARK_MODE_CONDITION = ".dark &";
97
+ function createPreset(options) {
98
+ const darkMode = (options == null ? void 0 : options.darkMode) ?? false;
99
+ return definePreset({
100
+ conditions: { extend: getConditions(darkMode ? typeof darkMode === "object" ? darkMode.condition : DEFAULT_DARK_MODE_CONDITION : void 0) },
101
+ theme: { extend: { semanticTokens: { colors: getSemanticTokens(!!darkMode, options == null ? void 0 : options.autoP3, options == null ? void 0 : options.colorScales) } } }
102
+ });
103
+ }
104
+
105
+ //#endregion
106
+ export { createPreset as t };
@@ -0,0 +1,164 @@
1
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/lazyDataLastImpl-BDhrIOwR.js
2
+ function e$3(e, t, n) {
3
+ let r = (n) => e(n, ...t);
4
+ return n === void 0 ? r : Object.assign(r, {
5
+ lazy: n,
6
+ lazyArgs: t
7
+ });
8
+ }
9
+
10
+ //#endregion
11
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/purry-DH9cw9sy.js
12
+ function t$9(t, n, r) {
13
+ let i = t.length - n.length;
14
+ if (i === 0) return t(...n);
15
+ if (i === 1) return e$3(t, n, r);
16
+ throw Error(`Wrong number of arguments`);
17
+ }
18
+
19
+ //#endregion
20
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/capitalize-DktTi0gl.js
21
+ function t$8(...t) {
22
+ return t$9(n$6, t);
23
+ }
24
+ const n$6 = (e) => `${e[0]?.toUpperCase() ?? ``}${e.slice(1)}`;
25
+
26
+ //#endregion
27
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/utilityEvaluators-DORpnx39.js
28
+ const e$2 = {
29
+ done: !0,
30
+ hasNext: !1
31
+ }, t$7 = {
32
+ done: !1,
33
+ hasNext: !1
34
+ }, n$5 = () => e$2, r$1 = (e) => ({
35
+ hasNext: !0,
36
+ next: e,
37
+ done: !1
38
+ });
39
+
40
+ //#endregion
41
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/pipe-jLehR9-P.js
42
+ function t$6(e, ...t) {
43
+ let a = e, o = t.map((e) => `lazy` in e ? r(e) : void 0), s = 0;
44
+ for (; s < t.length;) {
45
+ if (o[s] === void 0 || !i(a)) {
46
+ let e = t[s];
47
+ a = e(a), s += 1;
48
+ continue;
49
+ }
50
+ let e = [];
51
+ for (let n = s; n < t.length; n++) {
52
+ let t = o[n];
53
+ if (t === void 0 || (e.push(t), t.isSingle)) break;
54
+ }
55
+ let r = [];
56
+ for (let t of a) if (n$4(t, r, e)) break;
57
+ let { isSingle: c } = e.at(-1);
58
+ a = c ? r[0] : r, s += e.length;
59
+ }
60
+ return a;
61
+ }
62
+ function n$4(t, r, i) {
63
+ if (i.length === 0) return r.push(t), !1;
64
+ let a = t, o = t$7, s = !1;
65
+ for (let [e, t] of i.entries()) {
66
+ let { index: c, items: l } = t;
67
+ if (l.push(a), o = t(a, c, l), t.index += 1, o.hasNext) {
68
+ if (o.hasMany ?? !1) {
69
+ for (let t of o.next) if (n$4(t, r, i.slice(e + 1))) return !0;
70
+ return s;
71
+ }
72
+ a = o.next;
73
+ }
74
+ if (!o.hasNext) break;
75
+ o.done && (s = !0);
76
+ }
77
+ return o.hasNext && r.push(a), s;
78
+ }
79
+ function r(e) {
80
+ let { lazy: t, lazyArgs: n } = e, r = t(...n);
81
+ return Object.assign(r, {
82
+ isSingle: t.single ?? !1,
83
+ index: 0,
84
+ items: []
85
+ });
86
+ }
87
+ function i(e) {
88
+ return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
89
+ }
90
+
91
+ //#endregion
92
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/hasAtLeast-F1Oj_xBB.js
93
+ function t$5(...t) {
94
+ return t$9(n$3, t);
95
+ }
96
+ const n$3 = (e, t) => e.length >= t;
97
+
98
+ //#endregion
99
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/isString-BPlksnnG.js
100
+ function e$1(e) {
101
+ return typeof e == `string`;
102
+ }
103
+
104
+ //#endregion
105
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/keys-CT72t2DB.js
106
+ function t$4(...t) {
107
+ return t$9(Object.keys, t);
108
+ }
109
+
110
+ //#endregion
111
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/mapKeys-CKFpUwVc.js
112
+ function t$3(...t) {
113
+ return t$9(n$2, t);
114
+ }
115
+ function n$2(e, t) {
116
+ let n = {};
117
+ for (let [r, i] of Object.entries(e)) {
118
+ let a = t(r, i, e);
119
+ n[a] = i;
120
+ }
121
+ return n;
122
+ }
123
+
124
+ //#endregion
125
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/mapToObj-8STtUbFK.js
126
+ function t$2(...t) {
127
+ return t$9(n$1, t);
128
+ }
129
+ function n$1(e, t) {
130
+ let n = {};
131
+ for (let [r, i] of e.entries()) {
132
+ let [a, o] = t(i, r, e);
133
+ n[a] = o;
134
+ }
135
+ return n;
136
+ }
137
+
138
+ //#endregion
139
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/mapValues-D8ywfrE_.js
140
+ function t$1(...t) {
141
+ return t$9(n, t);
142
+ }
143
+ function n(e, t) {
144
+ let n = {};
145
+ for (let [r, i] of Object.entries(e)) n[r] = t(i, r, e);
146
+ return n;
147
+ }
148
+
149
+ //#endregion
150
+ //#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/prop-Cv_AVBuA.js
151
+ function e(e, ...n) {
152
+ return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t(r, e, ...n) : t(e, ...n);
153
+ }
154
+ function t(e, ...t) {
155
+ let n = e;
156
+ for (let e of t) {
157
+ if (n == null) return;
158
+ n = n[e];
159
+ }
160
+ return n;
161
+ }
162
+
163
+ //#endregion
164
+ export { t$4 as a, t$6 as c, t$3 as i, t$8 as l, t$1 as n, e$1 as o, t$2 as r, t$5 as s, e as t };
@@ -0,0 +1,18 @@
1
+ //#region rolldown:runtime
2
+ var __defProp = Object.defineProperty;
3
+ var __exportAll = (all, symbols) => {
4
+ let target = {};
5
+ for (var name in all) {
6
+ __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ }
11
+ if (symbols) {
12
+ __defProp(target, Symbol.toStringTag, { value: "Module" });
13
+ }
14
+ return target;
15
+ };
16
+
17
+ //#endregion
18
+ export { __exportAll as t };
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject } from '../types/index';
2
+ import type { SystemStyleObject } from '../types/index.d.mts';
3
3
 
4
4
  type Styles = SystemStyleObject | undefined | null | false
5
5
 
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { RecipeCreatorFn } from '../types/recipe';
2
+ import type { RecipeCreatorFn } from '../types/recipe.d.mts';
3
3
 
4
4
  export declare const cva: RecipeCreatorFn
5
5
 
6
- export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';
6
+ export type { RecipeVariant, RecipeVariantProps } from '../types/recipe.d.mts';
@@ -0,0 +1,5 @@
1
+ /* eslint-disable */
2
+ export * from './css.d.mts';
3
+ export * from './cx.d.mts';
4
+ export * from './cva.d.mts';
5
+ export * from './sva.d.mts';
@@ -0,0 +1,4 @@
1
+ /* eslint-disable */
2
+ import type { SlotRecipeCreatorFn } from '../types/recipe.d.mts';
3
+
4
+ export declare const sva: SlotRecipeCreatorFn
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable */
2
2
  import type { FunctionComponent } from 'react'
3
- import type { AspectRatioProperties } from '../patterns/aspect-ratio';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
3
+ import type { AspectRatioProperties } from '../patterns/aspect-ratio.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
6
 
7
7
  export interface AspectRatioProps extends AspectRatioProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof AspectRatioProperties | 'aspectRatio'> {}
8
8
 
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { BleedProperties } from '../patterns/bleed.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BleedProperties > {}
8
+
9
+
10
+ export declare const Bleed: FunctionComponent<BleedProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { BoxProperties } from '../patterns/box.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
8
+
9
+
10
+ export declare const Box: FunctionComponent<BoxProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { CenterProperties } from '../patterns/center.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
8
+
9
+
10
+ export declare const Center: FunctionComponent<CenterProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { CircleProperties } from '../patterns/circle.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
8
+
9
+
10
+ export declare const Circle: FunctionComponent<CircleProps>
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable */
2
2
  import type { FunctionComponent } from 'react'
3
- import type { ContainerProperties } from '../patterns/container';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
3
+ import type { ContainerProperties } from '../patterns/container.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
6
 
7
7
  export interface ContainerProps extends ContainerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof ContainerProperties > {}
8
8
 
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { CqProperties } from '../patterns/cq.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface CqProps extends CqProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CqProperties > {}
8
+
9
+
10
+ export declare const Cq: FunctionComponent<CqProps>
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable */
2
- import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
3
- import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
4
- import type { JsxFactoryOptions, ComponentProps, DataAttrs, AsProps } from '../types/jsx';
2
+ import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe.d.mts';
3
+ import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types.d.mts';
4
+ import type { JsxFactoryOptions, ComponentProps, DataAttrs, AsProps } from '../types/jsx.d.mts';
5
5
  import type { ComponentType, ElementType } from 'react'
6
6
 
7
7
  interface UnstyledProps {
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { DividerProperties } from '../patterns/divider.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof DividerProperties > {}
8
+
9
+
10
+ export declare const Divider: FunctionComponent<DividerProps>
@@ -0,0 +1,3 @@
1
+ /* eslint-disable */
2
+ import type { Styled } from '../types/jsx.d.mts';
3
+ export declare const styled: Styled
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { FlexProperties } from '../patterns/flex.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FlexProperties > {}
8
+
9
+
10
+ export declare const Flex: FunctionComponent<FlexProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { FloatProperties } from '../patterns/float.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FloatProperties > {}
8
+
9
+
10
+ export declare const Float: FunctionComponent<FloatProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { GridItemProperties } from '../patterns/grid-item.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridItemProperties > {}
8
+
9
+
10
+ export declare const GridItem: FunctionComponent<GridItemProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { GridProperties } from '../patterns/grid.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface GridProps extends GridProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridProperties > {}
8
+
9
+
10
+ export declare const Grid: FunctionComponent<GridProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { HstackProperties } from '../patterns/hstack.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof HstackProperties > {}
8
+
9
+
10
+ export declare const HStack: FunctionComponent<HstackProps>
@@ -0,0 +1,26 @@
1
+ /* eslint-disable */
2
+ export * from './factory.d.mts';
3
+ export * from './is-valid-prop.d.mts';
4
+ export * from './create-style-context.d.mts';
5
+ export * from './box.d.mts';
6
+ export * from './flex.d.mts';
7
+ export * from './stack.d.mts';
8
+ export * from './vstack.d.mts';
9
+ export * from './hstack.d.mts';
10
+ export * from './spacer.d.mts';
11
+ export * from './square.d.mts';
12
+ export * from './circle.d.mts';
13
+ export * from './center.d.mts';
14
+ export * from './link-overlay.d.mts';
15
+ export * from './aspect-ratio.d.mts';
16
+ export * from './grid.d.mts';
17
+ export * from './grid-item.d.mts';
18
+ export * from './wrap.d.mts';
19
+ export * from './container.d.mts';
20
+ export * from './divider.d.mts';
21
+ export * from './float.d.mts';
22
+ export * from './bleed.d.mts';
23
+ export * from './visually-hidden.d.mts';
24
+ export * from './cq.d.mts';
25
+ export * from './txt.d.mts';
26
+ export type { HTMLStyledProps, StyledComponent } from '../types/jsx.d.mts';
@@ -20,4 +20,5 @@ export * from './divider.mjs';
20
20
  export * from './float.mjs';
21
21
  export * from './bleed.mjs';
22
22
  export * from './visually-hidden.mjs';
23
- export * from './cq.mjs';
23
+ export * from './cq.mjs';
24
+ export * from './txt.mjs';
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable */
2
2
  import type { FunctionComponent } from 'react'
3
- import type { LinkOverlayProperties } from '../patterns/link-overlay';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
3
+ import type { LinkOverlayProperties } from '../patterns/link-overlay.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
6
 
7
7
  export interface LinkOverlayProps extends LinkOverlayProperties, DistributiveOmit<HTMLStyledProps<'a'>, keyof LinkOverlayProperties > {}
8
8
 
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { SpacerProperties } from '../patterns/spacer.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SpacerProperties > {}
8
+
9
+
10
+ export declare const Spacer: FunctionComponent<SpacerProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { SquareProperties } from '../patterns/square.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SquareProperties > {}
8
+
9
+
10
+ export declare const Square: FunctionComponent<SquareProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { StackProperties } from '../patterns/stack.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface StackProps extends StackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof StackProperties > {}
8
+
9
+
10
+ export declare const Stack: FunctionComponent<StackProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { TxtProperties } from '../patterns/txt.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface TxtProps extends TxtProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof TxtProperties > {}
8
+
9
+
10
+ export declare const Txt: FunctionComponent<TxtProps>
@@ -0,0 +1,14 @@
1
+ import { createElement, forwardRef } from 'react'
2
+
3
+ import { splitProps } from '../helpers.mjs';
4
+ import { getTxtStyle } from '../patterns/txt.mjs';
5
+ import { styled } from './factory.mjs';
6
+
7
+ export const Txt = /* @__PURE__ */ forwardRef(function Txt(props, ref) {
8
+ const [patternProps, restProps] = splitProps(props, ["inline","dimmed","lh","size","likec4color"])
9
+
10
+ const styleProps = getTxtStyle(patternProps)
11
+ const mergedProps = { ref, ...styleProps, ...restProps }
12
+
13
+ return createElement(styled.div, mergedProps)
14
+ })
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable */
2
2
  import type { FunctionComponent } from 'react'
3
- import type { VisuallyHiddenProperties } from '../patterns/visually-hidden';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
3
+ import type { VisuallyHiddenProperties } from '../patterns/visually-hidden.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
6
 
7
7
  export interface VisuallyHiddenProps extends VisuallyHiddenProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VisuallyHiddenProperties > {}
8
8
 
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { VstackProperties } from '../patterns/vstack.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface VstackProps extends VstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VstackProperties > {}
8
+
9
+
10
+ export declare const VStack: FunctionComponent<VstackProps>
@@ -0,0 +1,10 @@
1
+ /* eslint-disable */
2
+ import type { FunctionComponent } from 'react'
3
+ import type { WrapProperties } from '../patterns/wrap.d.mts';
4
+ import type { HTMLStyledProps } from '../types/jsx.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+
7
+ export interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
8
+
9
+
10
+ export declare const Wrap: FunctionComponent<WrapProps>