@typestyles/open-props 0.0.0-unstable.f96b13308930 → 0.0.0-unstable.fe19d887abfe

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/README.md CHANGED
@@ -27,14 +27,18 @@ No additional CSS file is required — importing a token module registers the cu
27
27
  ## Quick start
28
28
 
29
29
  ```ts
30
- import { styles } from 'typestyles';
30
+ import { createTypeStyles } from 'typestyles';
31
31
  import { sizes, radius, color, font } from '@typestyles/open-props';
32
32
 
33
- const card = styles.component('card', {
34
- padding: sizes['4'],
35
- borderRadius: radius['3'],
36
- backgroundColor: color['gray-2'],
37
- fontFamily: font['sans'],
33
+ const { recipe } = createTypeStyles({ scopeId: 'app' });
34
+
35
+ const card = recipe('card', {
36
+ base: {
37
+ padding: sizes['4'],
38
+ borderRadius: radius['3'],
39
+ backgroundColor: color['gray-2'],
40
+ fontFamily: font['sans'],
41
+ },
38
42
  });
39
43
  ```
40
44
 
@@ -96,17 +100,21 @@ spacing['4']; // var(--size-4)
96
100
  ## Mix with custom tokens
97
101
 
98
102
  ```ts
99
- import { tokens } from 'typestyles';
103
+ import { createTypeStyles } from 'typestyles';
100
104
  import { color, sizes } from '@typestyles/open-props';
101
105
 
106
+ const { recipe, tokens } = createTypeStyles({ scopeId: 'app' });
107
+
102
108
  const brand = tokens.create('brand', {
103
109
  primary: '#ff6b6b',
104
110
  });
105
111
 
106
- const hero = styles.component('hero', {
107
- padding: sizes['6'],
108
- backgroundColor: brand.primary,
109
- color: color['gray-0'],
112
+ const hero = recipe('hero', {
113
+ base: {
114
+ padding: sizes['6'],
115
+ backgroundColor: brand.primary,
116
+ color: color['gray-0'],
117
+ },
110
118
  });
111
119
  ```
112
120
 
@@ -115,9 +123,11 @@ const hero = styles.component('hero', {
115
123
  Open Props tokens are CSS custom properties — override them like any typestyles token:
116
124
 
117
125
  ```tsx
118
- import { tokens } from 'typestyles';
126
+ import { createTypeStyles } from 'typestyles';
119
127
  import { color } from '@typestyles/open-props';
120
128
 
129
+ const { tokens } = createTypeStyles({ scopeId: 'app' });
130
+
121
131
  const dark = tokens.createTheme('dark', {
122
132
  base: {
123
133
  color: {
@@ -130,7 +140,7 @@ const dark = tokens.createTheme('dark', {
130
140
  <div className={dark.className}>...</div>;
131
141
  ```
132
142
 
133
- See [Theming](https://typestyles.dev/docs/theming) for `createTheme`, dark mode presets, and `ThemeSurface`.
143
+ See [Theming](https://typestyles.dev/docs/theming) for `createTheme`, dark mode presets, and `Theme`.
134
144
 
135
145
  ## Production builds
136
146
 
package/dist/index.cjs CHANGED
@@ -3,7 +3,8 @@
3
3
  var typestyles = require('typestyles');
4
4
 
5
5
  // src/index.ts
6
- var sizes = typestyles.tokens.create("size", {
6
+ var tokens = typestyles.createTokens();
7
+ var sizes = tokens.create("size", {
7
8
  "0": "0",
8
9
  "1": "0.25rem",
9
10
  "2": "0.5rem",
@@ -27,7 +28,7 @@ var sizes = typestyles.tokens.create("size", {
27
28
  "fluid-7": "clamp(8rem, 30vw, 12rem)",
28
29
  "fluid-8": "clamp(12rem, 40vw, 20rem)"
29
30
  });
30
- var radius = typestyles.tokens.create("radius", {
31
+ var radius = tokens.create("radius", {
31
32
  "0": "0",
32
33
  "1": "2px",
33
34
  "2": "4px",
@@ -62,7 +63,7 @@ var radius = typestyles.tokens.create("radius", {
62
63
  round: "100%",
63
64
  pill: "9999px"
64
65
  });
65
- var shadow = typestyles.tokens.create("shadow", {
66
+ var shadow = tokens.create("shadow", {
66
67
  "1": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
67
68
  "2": "0 2px 4px 0 rgb(0 0 0 / 0.05), 0 4px 8px 0 rgb(0 0 0 / 0.05)",
68
69
  "3": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
@@ -75,7 +76,7 @@ var shadow = typestyles.tokens.create("shadow", {
75
76
  "inner-4": "inset 0 10px 15px -3px rgb(0 0 0 / 0.1), inset 0 4px 6px -4px rgb(0 0 0 / 0.1)",
76
77
  "inner-5": "inset 0 20px 25px -5px rgb(0 0 0 / 0.1), inset 0 8px 10px -6px rgb(0 0 0 / 0.1)"
77
78
  });
78
- var easing = typestyles.tokens.create("ease", {
79
+ var easing = tokens.create("ease", {
79
80
  "1": "0.25, 0.1, 0.25, 1",
80
81
  "2": "0.42, 0, 1, 1",
81
82
  "3": "0, 0, 0.58, 1",
@@ -117,7 +118,7 @@ var easing = typestyles.tokens.create("ease", {
117
118
  "bounce-4": "0.45, 0.05, 0.55, 0.95",
118
119
  "bounce-5": "0.45, 0.05, 0.55, 0.95"
119
120
  });
120
- var animation = typestyles.tokens.create("animation", {
121
+ var animation = tokens.create("animation", {
121
122
  "fade-in": "fade-in 0.5s var(--ease-3)",
122
123
  "fade-out": "fade-out 0.5s var(--ease-3)",
123
124
  "scale-in": "scale-in 0.2s var(--ease-3)",
@@ -140,7 +141,7 @@ var animation = typestyles.tokens.create("animation", {
140
141
  pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
141
142
  pop: "pop 0.3s var(--ease-out-4)"
142
143
  });
143
- var fontSize = typestyles.tokens.create("font-size", {
144
+ var fontSize = tokens.create("font-size", {
144
145
  "00": "0.5rem",
145
146
  "0": "0.75rem",
146
147
  "1": "1rem",
@@ -156,7 +157,7 @@ var fontSize = typestyles.tokens.create("font-size", {
156
157
  "fluid-2": "clamp(1.5rem, 6vw, 2.5rem)",
157
158
  "fluid-3": "clamp(2rem, 9vw, 3.5rem)"
158
159
  });
159
- var fontWeight = typestyles.tokens.create("font-weight", {
160
+ var fontWeight = tokens.create("font-weight", {
160
161
  "1": "100",
161
162
  "2": "200",
162
163
  "3": "300",
@@ -167,7 +168,7 @@ var fontWeight = typestyles.tokens.create("font-weight", {
167
168
  "8": "800",
168
169
  "9": "900"
169
170
  });
170
- var fontLetterspacing = typestyles.tokens.create("font-letterspacing", {
171
+ var fontLetterspacing = tokens.create("font-letterspacing", {
171
172
  "0": "-.05em",
172
173
  "1": ".025em",
173
174
  "2": ".050em",
@@ -177,7 +178,7 @@ var fontLetterspacing = typestyles.tokens.create("font-letterspacing", {
177
178
  "6": ".750em",
178
179
  "7": "1em"
179
180
  });
180
- var fontLineheight = typestyles.tokens.create("font-lineheight", {
181
+ var fontLineheight = tokens.create("font-lineheight", {
181
182
  "00": ".95",
182
183
  "0": "1.1",
183
184
  "1": "1.25",
@@ -186,7 +187,7 @@ var fontLineheight = typestyles.tokens.create("font-lineheight", {
186
187
  "4": "1.75",
187
188
  "5": "2"
188
189
  });
189
- var zIndex = typestyles.tokens.create("zindex", {
190
+ var zIndex = tokens.create("zindex", {
190
191
  "1": "100",
191
192
  "2": "200",
192
193
  "3": "300",
@@ -194,7 +195,7 @@ var zIndex = typestyles.tokens.create("zindex", {
194
195
  "5": "500",
195
196
  max: "9999"
196
197
  });
197
- var ratio = typestyles.tokens.create("ratio", {
198
+ var ratio = tokens.create("ratio", {
198
199
  square: "1",
199
200
  landscape: "4/3",
200
201
  portrait: "3/4",
@@ -202,7 +203,7 @@ var ratio = typestyles.tokens.create("ratio", {
202
203
  ultrawide: "18/5",
203
204
  golden: "1.6180/1"
204
205
  });
205
- var gradient = typestyles.tokens.create("gradient", {
206
+ var gradient = tokens.create("gradient", {
206
207
  "1": "linear-gradient(to bottom right, #e0e7ff, #faf5ff, #f0fdfa)",
207
208
  "2": "linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #fdf4ff)",
208
209
  "3": "linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #faf5ff)",
@@ -234,7 +235,7 @@ var gradient = typestyles.tokens.create("gradient", {
234
235
  "29": "linear-gradient(to bottom right, #030712, #4a044e, #f0abfc)",
235
236
  "30": "linear-gradient(to bottom right, #030712, #2e1065, #c4b5fd)"
236
237
  });
237
- var media = typestyles.tokens.create("media", {
238
+ var media = tokens.create("media", {
238
239
  motion: "(prefers-reduced-motion: no-preference)",
239
240
  motionReduce: "(prefers-reduced-motion: reduce)",
240
241
  dark: "(prefers-color-scheme: dark)",
@@ -255,7 +256,7 @@ var media = typestyles.tokens.create("media", {
255
256
  "8xl": "(min-width: 96rem)",
256
257
  "9xl": "(min-width: 100rem)"
257
258
  });
258
- var duration = typestyles.tokens.create("duration", {
259
+ var duration = tokens.create("duration", {
259
260
  "0": "0s",
260
261
  "1": "0.05s",
261
262
  "2": "0.1s",
@@ -263,7 +264,7 @@ var duration = typestyles.tokens.create("duration", {
263
264
  "4": "0.4s",
264
265
  "5": "0.8s"
265
266
  });
266
- var borderSize = typestyles.tokens.create("border-size", {
267
+ var borderSize = tokens.create("border-size", {
267
268
  "0": "0",
268
269
  "1": "1px",
269
270
  "2": "2px",
@@ -271,7 +272,7 @@ var borderSize = typestyles.tokens.create("border-size", {
271
272
  "4": "8px",
272
273
  "5": "16px"
273
274
  });
274
- var noise = typestyles.tokens.create("noise", {
275
+ var noise = tokens.create("noise", {
275
276
  "1": 'url("data:image/svg+xml,")',
276
277
  "2": 'url("data:image/svg+xml,")',
277
278
  "3": 'url("data:image/svg+xml,")',
@@ -600,8 +601,8 @@ for (const colorName of colors) {
600
601
  });
601
602
  }
602
603
  }
603
- var color = typestyles.tokens.create("color", colorValues);
604
- var brand = typestyles.tokens.create("brand", {
604
+ var color = tokens.create("color", colorValues);
605
+ var brand = tokens.create("brand", {
605
606
  facebook: "#1877f2",
606
607
  youtube: "#ff0000",
607
608
  twitter: "#1da1f2",
@@ -633,7 +634,7 @@ var brand = typestyles.tokens.create("brand", {
633
634
  amazon: "#ff9900",
634
635
  twitch: "#9146ff"
635
636
  });
636
- var font = typestyles.tokens.create("font", {
637
+ var font = tokens.create("font", {
637
638
  "system-ui": "system-ui, sans-serif",
638
639
  transitional: "Charter, Bitstream Charter, Sitka Text, Cambria, serif",
639
640
  "old-style": "Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif",
@@ -653,7 +654,7 @@ var font = typestyles.tokens.create("font", {
653
654
  serif: 'Georgia, Cambria, "Times New Roman", Times, serif',
654
655
  mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
655
656
  });
656
- var palette = typestyles.tokens.create("palette", {
657
+ var palette = tokens.create("palette", {
657
658
  "1": "oklch(97% .014 260)",
658
659
  "2": "oklch(94% .028 261)",
659
660
  "3": "oklch(88% .057 261)",
@@ -671,14 +672,14 @@ var palette = typestyles.tokens.create("palette", {
671
672
  "15": "oklch(29% .14 259)",
672
673
  "16": "oklch(27% .12 259)"
673
674
  });
674
- var masksEdges = typestyles.tokens.create("masks-edge", {
675
+ var masksEdges = tokens.create("masks-edge", {
675
676
  "0": "linear-gradient(to right, #000 90%, transparent 90% 100%)",
676
677
  "1": "linear-gradient(to right, #000 80%, transparent 80% 100%)",
677
678
  "2": "linear-gradient(to right, #000 70%, transparent 70% 100%)",
678
679
  "3": "linear-gradient(to right, #000 60%, transparent 60% 100%)",
679
680
  "4": "linear-gradient(to right, #000 50%, transparent 50% 100%)"
680
681
  });
681
- var masksCornerCuts = typestyles.tokens.create("masks-corner-cuts", {
682
+ var masksCornerCuts = tokens.create("masks-corner-cuts", {
682
683
  "1": "polygon(0 8%, 8% 0, 100% 0, 100% 100%, 0 100%)",
683
684
  "2": "polygon(0 15%, 15% 0, 100% 0, 100% 100%, 0 100%)",
684
685
  "3": "polygon(0 22%, 22% 0, 100% 0, 100% 100%, 0 100%)",
@@ -687,13 +688,9 @@ var masksCornerCuts = typestyles.tokens.create("masks-corner-cuts", {
687
688
  "6": "polygon(0 15%, 15% 0, 85% 0, 100% 15%, 100% 100%, 0 100%)"
688
689
  });
689
690
  function useOpenProps(namespace) {
690
- return typestyles.tokens.use(namespace);
691
+ return tokens.use(namespace);
691
692
  }
692
693
 
693
- Object.defineProperty(exports, "tokens", {
694
- enumerable: true,
695
- get: function () { return typestyles.tokens; }
696
- });
697
694
  exports.animation = animation;
698
695
  exports.borderSize = borderSize;
699
696
  exports.brand = brand;
@@ -715,6 +712,7 @@ exports.radius = radius;
715
712
  exports.ratio = ratio;
716
713
  exports.shadow = shadow;
717
714
  exports.sizes = sizes;
715
+ exports.tokens = tokens;
718
716
  exports.useOpenProps = useOpenProps;
719
717
  exports.zIndex = zIndex;
720
718
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":["tokens"],"mappings":"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","file":"index.cjs","sourcesContent":["import { tokens, type TokenRef } from 'typestyles';\n\nexport { tokens };\nexport type { TokenRef };\n\nexport const sizes = tokens.create('size', {\n '0': '0',\n '1': '0.25rem',\n '2': '0.5rem',\n '3': '0.75rem',\n '4': '1rem',\n '5': '1.25rem',\n '6': '1.5rem',\n '7': '2rem',\n '8': '3rem',\n '9': '4rem',\n '10': '5rem',\n 'content-1': '20ch',\n 'content-2': '45ch',\n 'content-3': '60ch',\n 'fluid-1': 'clamp(0.5rem, 2vw, 1rem)',\n 'fluid-2': 'clamp(1rem, 4vw, 1.5rem)',\n 'fluid-3': 'clamp(1.5rem, 6vw, 2rem)',\n 'fluid-4': 'clamp(2rem, 8vw, 3rem)',\n 'fluid-5': 'clamp(3rem, 12vw, 5rem)',\n 'fluid-6': 'clamp(5rem, 20vw, 8rem)',\n 'fluid-7': 'clamp(8rem, 30vw, 12rem)',\n 'fluid-8': 'clamp(12rem, 40vw, 20rem)',\n});\n\nexport const radius = tokens.create('radius', {\n '0': '0',\n '1': '2px',\n '2': '4px',\n '3': '8px',\n '4': '12px',\n '5': '16px',\n '6': '20px',\n '7': '24px',\n '8': '32px',\n '9': '40px',\n '10': '48px',\n '11': '56px',\n '12': '64px',\n '13': '72px',\n '14': '80px',\n '15': '88px',\n '16': '96px',\n '17': '104px',\n '18': '112px',\n '19': '120px',\n '20': '128px',\n '21': '136px',\n '22': '144px',\n '23': '152px',\n '24': '160px',\n '25': '168px',\n '26': '176px',\n '27': '184px',\n '28': '192px',\n '29': '200px',\n '30': '208px',\n round: '100%',\n pill: '9999px',\n});\n\nexport const shadow = tokens.create('shadow', {\n '1': '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n '2': '0 2px 4px 0 rgb(0 0 0 / 0.05), 0 4px 8px 0 rgb(0 0 0 / 0.05)',\n '3': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n '4': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n '5': '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '6': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n 'inner-1': 'inset 0 1px 2px 0 rgb(0 0 0 / 0.05)',\n 'inner-2': 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05), inset 0 4px 8px 0 rgb(0 0 0 / 0.05)',\n 'inner-3': 'inset 0 4px 6px -1px rgb(0 0 0 / 0.1), inset 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n 'inner-4': 'inset 0 10px 15px -3px rgb(0 0 0 / 0.1), inset 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n 'inner-5': 'inset 0 20px 25px -5px rgb(0 0 0 / 0.1), inset 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n});\n\nexport const easing = tokens.create('ease', {\n '1': '0.25, 0.1, 0.25, 1',\n '2': '0.42, 0, 1, 1',\n '3': '0, 0, 0.58, 1',\n '4': '0.42, 0, 0.58, 1',\n '5': '0.25, 0.1, 0.25, 1',\n 'in-1': '0.25, 0.1, 0.25, 1',\n 'in-2': '0.42, 0, 1, 1',\n 'in-3': '0, 0, 0.58, 1',\n 'in-4': '0.42, 0, 0.58, 1',\n 'in-5': '0.25, 0.1, 0.25, 1',\n 'out-1': '0.25, 0.1, 0.25, 1',\n 'out-2': '0.42, 0, 1, 1',\n 'out-3': '0, 0, 0.58, 1',\n 'out-4': '0.42, 0, 0.58, 1',\n 'out-5': '0.25, 0.1, 0.25, 1',\n 'in-out-1': '0.25, 0.1, 0.25, 1',\n 'in-out-2': '0.42, 0, 1, 1',\n 'in-out-3': '0, 0, 0.58, 1',\n 'in-out-4': '0.42, 0, 0.58, 1',\n 'in-out-5': '0.25, 0.1, 0.25, 1',\n 'elastic-out-1': '0.31, 0.24, 0.37, 1.04',\n 'elastic-out-2': '0.47, 0.27, 0.11, 1.07',\n 'elastic-out-3': '0.58, 0.27, 0.11, 1',\n 'elastic-out-4': '0.65, 0.28, 0.11, 1',\n 'elastic-out-5': '0.7, 0.28, 0.11, 1',\n 'elastic-in-1': '0.71, -0.01, 0.88, 0.77',\n 'elastic-in-2': '0.93, -0.17, 0.75, 0.75',\n 'elastic-in-3': '0.77, 0, 0.18, 1',\n 'elastic-in-4': '0.95, -0.05, 0.71, 0.97',\n 'elastic-in-5': '0.96, -0.05, 0.69, 1',\n 'elastic-in-out-1': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-2': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-3': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-4': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-5': '0.68, -0.55, 0.27, 1.55',\n 'bounce-1': '0.45, 0.05, 0.55, 0.95',\n 'bounce-2': '0.45, 0.05, 0.55, 0.95',\n 'bounce-3': '0.45, 0.05, 0.55, 0.95',\n 'bounce-4': '0.45, 0.05, 0.55, 0.95',\n 'bounce-5': '0.45, 0.05, 0.55, 0.95',\n});\n\nexport const animation = tokens.create('animation', {\n 'fade-in': 'fade-in 0.5s var(--ease-3)',\n 'fade-out': 'fade-out 0.5s var(--ease-3)',\n 'scale-in': 'scale-in 0.2s var(--ease-3)',\n 'scale-out': 'scale-out 0.2s var(--ease-3)',\n 'slide-in-up': 'slide-in-up 0.3s var(--ease-out-5)',\n 'slide-in-down': 'slide-in-down 0.3s var(--ease-out-5)',\n 'slide-in-left': 'slide-in-left 0.3s var(--ease-out-5)',\n 'slide-in-right': 'slide-in-right 0.3s var(--ease-out-5)',\n 'slide-out-up': 'slide-out-up 0.3s var(--ease-in-5)',\n 'slide-out-down': 'slide-out-down 0.3s var(--ease-in-5)',\n 'slide-out-left': 'slide-out-left 0.3s var(--ease-in-5)',\n 'slide-out-right': 'slide-out-right 0.3s var(--ease-in-5)',\n shake: 'shake 0.5s cubic-bezier(.36,.07,.19,.97) both',\n bounce: 'bounce 1s infinite',\n spin: 'spin 2s linear infinite',\n flip: 'flip 1s ease-in-out infinite',\n float: 'float 3s ease-in-out infinite',\n jiggle: 'jiggle 1s ease-in-out infinite',\n wiggle: 'wiggle 1s ease-in-out infinite',\n pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n pop: 'pop 0.3s var(--ease-out-4)',\n});\n\nexport const fontSize = tokens.create('font-size', {\n '00': '0.5rem',\n '0': '0.75rem',\n '1': '1rem',\n '2': '1.1rem',\n '3': '1.25rem',\n '4': '1.5rem',\n '5': '2rem',\n '6': '2.5rem',\n '7': '3rem',\n '8': '3.5rem',\n 'fluid-0': 'clamp(0.75rem, 2vw, 1rem)',\n 'fluid-1': 'clamp(1rem, 4vw, 1.5rem)',\n 'fluid-2': 'clamp(1.5rem, 6vw, 2.5rem)',\n 'fluid-3': 'clamp(2rem, 9vw, 3.5rem)',\n});\n\nexport const fontWeight = tokens.create('font-weight', {\n '1': '100',\n '2': '200',\n '3': '300',\n '4': '400',\n '5': '500',\n '6': '600',\n '7': '700',\n '8': '800',\n '9': '900',\n});\n\nexport const fontLetterspacing = tokens.create('font-letterspacing', {\n '0': '-.05em',\n '1': '.025em',\n '2': '.050em',\n '3': '.075em',\n '4': '.150em',\n '5': '.500em',\n '6': '.750em',\n '7': '1em',\n});\n\nexport const fontLineheight = tokens.create('font-lineheight', {\n '00': '.95',\n '0': '1.1',\n '1': '1.25',\n '2': '1.375',\n '3': '1.5',\n '4': '1.75',\n '5': '2',\n});\n\nexport const zIndex = tokens.create('zindex', {\n '1': '100',\n '2': '200',\n '3': '300',\n '4': '400',\n '5': '500',\n max: '9999',\n});\n\nexport const ratio = tokens.create('ratio', {\n square: '1',\n landscape: '4/3',\n portrait: '3/4',\n widescreen: '16/9',\n ultrawide: '18/5',\n golden: '1.6180/1',\n});\n\nexport const gradient = tokens.create('gradient', {\n '1': 'linear-gradient(to bottom right, #e0e7ff, #faf5ff, #f0fdfa)',\n '2': 'linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #fdf4ff)',\n '3': 'linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #faf5ff)',\n '4': 'linear-gradient(to bottom right, #c7d2fe, #e9d5ff, #f5d0fe)',\n '5': 'linear-gradient(to bottom right, #e0e7ff, #ddd6fe, #c4b5fd)',\n '6': 'linear-gradient(to bottom right, #c7d2fe, #ddd6fe, #c4b5fd)',\n '7': 'linear-gradient(to bottom right, #a5b4fc, #c4b5fd, #ddb6f2)',\n '8': 'linear-gradient(to bottom right, #a5b4fc, #a78bfa, #c4b5fd)',\n '9': 'linear-gradient(to bottom right, #818cf8, #a78bfa, #c084fc)',\n '10': 'linear-gradient(to bottom right, #818cf8, #a78bfa, #c4b5fd)',\n '11': 'linear-gradient(to bottom right, #6366f1, #8b5cf6, #a855f7)',\n '12': 'linear-gradient(to bottom right, #6366f1, #7c3aed, #8b5cf6)',\n '13': 'linear-gradient(to bottom right, #4f46e5, #7c3aed, #9333ea)',\n '14': 'linear-gradient(to bottom right, #4f46e5, #6d28d9, #9333ea)',\n '15': 'linear-gradient(to bottom right, #4338ca, #5b21b6, #7e22ce)',\n '16': 'linear-gradient(to bottom right, #3730a3, #4c1d95, #6b21a8)',\n '17': 'linear-gradient(to bottom right, #312e81, #4c1d95, #6b21a8)',\n '18': 'linear-gradient(to bottom right, #312e81, #3b0764, #581c87)',\n '19': 'linear-gradient(to bottom right, #1e1b4b, #2e1065, #4a044e)',\n '20': 'linear-gradient(to bottom right, #172554, #3b0764, #500724)',\n '21': 'linear-gradient(to bottom right, #172554, #701a75, #9f1239)',\n '22': 'linear-gradient(to bottom right, #0f172a, #831843, #9f1239)',\n '23': 'linear-gradient(to bottom right, #0f172a, #831843, #be123c)',\n '24': 'linear-gradient(to bottom right, #020617, #881337, #be123c)',\n '25': 'linear-gradient(to bottom right, #020617, #9f1239, #e11d48)',\n '26': 'linear-gradient(to bottom right, #030712, #9f1239, #e11d48)',\n '27': 'linear-gradient(to bottom right, #030712, #be123c, #fb7185)',\n '28': 'linear-gradient(to bottom right, #030712, #881337, #fda4af)',\n '29': 'linear-gradient(to bottom right, #030712, #4a044e, #f0abfc)',\n '30': 'linear-gradient(to bottom right, #030712, #2e1065, #c4b5fd)',\n});\n\nexport const media = tokens.create('media', {\n motion: '(prefers-reduced-motion: no-preference)',\n motionReduce: '(prefers-reduced-motion: reduce)',\n dark: '(prefers-color-scheme: dark)',\n light: '(prefers-color-scheme: light)',\n landscape: '(orientation: landscape)',\n portrait: '(orientation: portrait)',\n xs: '(min-width: 20rem)',\n sm: '(min-width: 24rem)',\n md: '(min-width: 28rem)',\n lg: '(min-width: 32rem)',\n xl: '(min-width: 36rem)',\n '2xl': '(min-width: 42rem)',\n '3xl': '(min-width: 48rem)',\n '4xl': '(min-width: 56rem)',\n '5xl': '(min-width: 64rem)',\n '6xl': '(min-width: 72rem)',\n '7xl': '(min-width: 80rem)',\n '8xl': '(min-width: 96rem)',\n '9xl': '(min-width: 100rem)',\n});\n\nexport const duration = tokens.create('duration', {\n '0': '0s',\n '1': '0.05s',\n '2': '0.1s',\n '3': '0.2s',\n '4': '0.4s',\n '5': '0.8s',\n});\n\nexport const borderSize = tokens.create('border-size', {\n '0': '0',\n '1': '1px',\n '2': '2px',\n '3': '4px',\n '4': '8px',\n '5': '16px',\n});\n\nexport const noise = tokens.create('noise', {\n '1': 'url(\"data:image/svg+xml,\")',\n '2': 'url(\"data:image/svg+xml,\")',\n '3': 'url(\"data:image/svg+xml,\")',\n '4': 'url(\"data:image/svg+xml,\")',\n '5': 'url(\"data:image/svg+xml,\")',\n 'filter-1': 'contrast(1.5) brightness(1.1)',\n 'filter-2': 'contrast(1.5) brightness(1.1)',\n 'filter-3': 'contrast(1.5) brightness(1.1)',\n 'filter-4': 'contrast(1.5) brightness(1.1)',\n 'filter-5': 'contrast(1.5) brightness(1.1)',\n});\n\nconst colorValues: Record<string, string> = {};\n\nconst colors = [\n 'gray',\n 'stone',\n 'red',\n 'pink',\n 'purple',\n 'violet',\n 'indigo',\n 'blue',\n 'cyan',\n 'teal',\n 'green',\n 'lime',\n 'yellow',\n 'orange',\n 'choco',\n 'brown',\n 'sand',\n 'camo',\n 'jungle',\n];\nconst colorScales: Record<string, string[]> = {\n gray: [\n '#f8fafc',\n '#f1f5f9',\n '#e2e8f0',\n '#cbd5e1',\n '#94a3b8',\n '#64748b',\n '#475569',\n '#334155',\n '#1e293b',\n '#0f172a',\n '#020617',\n '#000000',\n '#000000',\n ],\n stone: [\n '#fafaf9',\n '#f5f5f4',\n '#e7e5e4',\n '#d6d3d1',\n '#a8a29e',\n '#78716c',\n '#57534e',\n '#44403c',\n '#292524',\n '#1c1917',\n '#0c0a09',\n '#000000',\n '#000000',\n ],\n red: [\n '#fef2f2',\n '#fee2e2',\n '#fecaca',\n '#fca5a5',\n '#f87171',\n '#ef4444',\n '#dc2626',\n '#b91c1c',\n '#991b1b',\n '#7f1d1d',\n '#450a0a',\n '#000000',\n '#000000',\n ],\n pink: [\n '#fdf2f8',\n '#fce7f3',\n '#fbcfe8',\n '#f9a8d4',\n '#f472b6',\n '#ec4899',\n '#db2777',\n '#be185d',\n '#9d174d',\n '#831843',\n '#500724',\n '#000000',\n '#000000',\n ],\n purple: [\n '#faf5ff',\n '#f3e8ff',\n '#e9d5ff',\n '#d8b4fe',\n '#c084fc',\n '#a855f7',\n '#9333ea',\n '#7e22ce',\n '#6b21a8',\n '#581c87',\n '#3b0764',\n '#000000',\n '#000000',\n ],\n violet: [\n '#f5f3ff',\n '#ede9fe',\n '#ddd6fe',\n '#c4b5fd',\n '#a78bfa',\n '#8b5cf6',\n '#7c3aed',\n '#6d28d9',\n '#5b21b6',\n '#4c1d95',\n '#2e1065',\n '#000000',\n '#000000',\n ],\n indigo: [\n '#eef2ff',\n '#e0e7ff',\n '#c7d2fe',\n '#a5b4fc',\n '#818cf8',\n '#6366f1',\n '#4f46e5',\n '#4338ca',\n '#3730a3',\n '#312e81',\n '#1e1b4b',\n '#000000',\n '#000000',\n ],\n blue: [\n '#eff6ff',\n '#dbeafe',\n '#bfdbfe',\n '#93c5fd',\n '#60a5fa',\n '#3b82f6',\n '#2563eb',\n '#1d4ed8',\n '#1e40af',\n '#1e3a8a',\n '#172554',\n '#000000',\n '#000000',\n ],\n cyan: [\n '#ecfeff',\n '#cffafe',\n '#a5f3fc',\n '#67e8f9',\n '#22d3ee',\n '#06b6d4',\n '#0891b2',\n '#0e7490',\n '#155e75',\n '#164e63',\n '#083344',\n '#000000',\n '#000000',\n ],\n teal: [\n '#f0fdfa',\n '#ccfbf1',\n '#99f6e4',\n '#5eead4',\n '#2dd4bf',\n '#14b8a6',\n '#0d9488',\n '#0f766e',\n '#115e59',\n '#134e4a',\n '#042f2e',\n '#000000',\n '#000000',\n ],\n green: [\n '#f0fdf4',\n '#dcfce7',\n '#bbf7d0',\n '#86efac',\n '#4ade80',\n '#22c55e',\n '#16a34a',\n '#15803d',\n '#166534',\n '#14532d',\n '#052e16',\n '#000000',\n '#000000',\n ],\n lime: [\n '#f7fee7',\n '#ecfccb',\n '#d9f99d',\n '#bef264',\n '#a3e635',\n '#84cc16',\n '#65a30d',\n '#4d7c0f',\n '#3f6212',\n '#365314',\n '#1a2e05',\n '#000000',\n '#000000',\n ],\n yellow: [\n '#fefce8',\n '#fef9c3',\n '#fef08a',\n '#fde047',\n '#facc15',\n '#eab308',\n '#ca8a04',\n '#a16207',\n '#854d0e',\n '#713f12',\n '#422006',\n '#000000',\n '#000000',\n ],\n orange: [\n '#fff7ed',\n '#ffedd5',\n '#fed7aa',\n '#fdba74',\n '#fb923c',\n '#f97316',\n '#ea580c',\n '#c2410c',\n '#9a3412',\n '#7c2d12',\n '#431407',\n '#000000',\n '#000000',\n ],\n choco: [\n '#fefae7',\n '#f7f3d8',\n '#eee4b8',\n '#e2d28a',\n '#d6be66',\n '#cba84a',\n '#bc8f3c',\n '#9f742e',\n '#825a22',\n '#664118',\n '#4a2d0f',\n '#000000',\n '#000000',\n ],\n brown: [\n '#faf8f5',\n '#f0ebe3',\n '#e3d6c8',\n '#d2bba3',\n '#be9d7d',\n '#ab825e',\n '#956843',\n '#7a4f2d',\n '#5f3a1c',\n '#47280f',\n '#2e1605',\n '#000000',\n '#000000',\n ],\n sand: [\n '#fcfbf9',\n '#f5f2ed',\n '#e8e4db',\n '#d6d1c3',\n '#bfb6a3',\n '#a69682',\n '#8d7a65',\n '#756151',\n '#5d4a3e',\n '#47382e',\n '#31241d',\n '#000000',\n '#000000',\n ],\n camo: [\n '#f5f5f0',\n '#e8e8dd',\n '#d4d4c4',\n '#b5b5a2',\n '#989878',\n '#7c7d5e',\n '#626449',\n '#4d4e38',\n '#3b3c2c',\n '#2c2c21',\n '#1c1c14',\n '#000000',\n '#000000',\n ],\n jungle: [\n '#f3f7f2',\n '#e2ebe1',\n '#c5d9c6',\n '#9fc1a3',\n '#7aa67d',\n '#5c8c60',\n '#46734a',\n '#375b3b',\n '#2b472e',\n '#213624',\n '#152217',\n '#000000',\n '#000000',\n ],\n};\n\nfor (const colorName of colors) {\n const scale = colorScales[colorName];\n if (scale) {\n scale.forEach((value, index) => {\n colorValues[`${colorName}-${index}`] = value;\n });\n }\n}\n\nexport const color = tokens.create('color', colorValues);\n\nexport const brand = tokens.create('brand', {\n facebook: '#1877f2',\n youtube: '#ff0000',\n twitter: '#1da1f2',\n whatsapp: '#25d366',\n instagram: '#c13584',\n 'instagram-yellow': '#fccc63',\n 'instagram-red': '#f56040',\n 'instagram-magenta': '#c13584',\n 'instagram-blue': '#405de6',\n snapchat: '#fffc00',\n google: '#4285f4',\n 'google-blue': '#4285f4',\n 'google-red': '#ea4335',\n 'google-yellow': '#fbbc05',\n 'google-green': '#34a853',\n tiktok: '#000000',\n 'tiktok-razzmatazz': '#fe2c55',\n 'tiktok-splash': '#25f4ee',\n microsoft: '#00a4ef',\n 'microsoft-blue': '#00a4ef',\n 'microsoft-red': '#f25022',\n 'microsoft-green': '#7fba00',\n 'microsoft-yellow': '#ffb900',\n pinterest: '#e60023',\n spotify: '#1db954',\n discord: '#5865f2',\n telegram: '#0088cc',\n reddit: '#ff4500',\n amazon: '#ff9900',\n twitch: '#9146ff',\n});\n\nexport const font = tokens.create('font', {\n 'system-ui': 'system-ui, sans-serif',\n transitional: 'Charter, Bitstream Charter, Sitka Text, Cambria, serif',\n 'old-style': 'Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif',\n humanist: 'Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif',\n 'geometric-humanist': 'Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif',\n 'classical-humanist': 'Optima, Candara, Noto Sans, source-sans-pro, sans-serif',\n 'neo-grotesque': 'Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif',\n 'monospace-slab-serif': 'Nimbus Mono PS, Courier New, monospace',\n 'monospace-code':\n 'Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace',\n industrial:\n 'Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif',\n 'rounded-sans':\n 'ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif',\n 'slab-serif': 'Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif',\n antique:\n 'Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif',\n didone: 'Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif',\n handwritten: 'Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive',\n sans: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n serif: 'Georgia, Cambria, \"Times New Roman\", Times, serif',\n mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n});\n\nexport const palette = tokens.create('palette', {\n '1': 'oklch(97% .014 260)',\n '2': 'oklch(94% .028 261)',\n '3': 'oklch(88% .057 261)',\n '4': 'oklch(81% .081 262)',\n '5': 'oklch(73% .12 262)',\n '6': 'oklch(65% .15 262)',\n '7': 'oklch(56% .19 262)',\n '8': 'oklch(50% .22 262)',\n '9': 'oklch(45% .24 261)',\n '10': 'oklch(40% .24 259)',\n '11': 'oklch(35% .22 259)',\n '12': 'oklch(32% .2 259)',\n '13': 'oklch(30% .18 259)',\n '14': 'oklch(30% .16 259)',\n '15': 'oklch(29% .14 259)',\n '16': 'oklch(27% .12 259)',\n});\n\nexport const masksEdges = tokens.create('masks-edge', {\n '0': 'linear-gradient(to right, #000 90%, transparent 90% 100%)',\n '1': 'linear-gradient(to right, #000 80%, transparent 80% 100%)',\n '2': 'linear-gradient(to right, #000 70%, transparent 70% 100%)',\n '3': 'linear-gradient(to right, #000 60%, transparent 60% 100%)',\n '4': 'linear-gradient(to right, #000 50%, transparent 50% 100%)',\n});\n\nexport const masksCornerCuts = tokens.create('masks-corner-cuts', {\n '1': 'polygon(0 8%, 8% 0, 100% 0, 100% 100%, 0 100%)',\n '2': 'polygon(0 15%, 15% 0, 100% 0, 100% 100%, 0 100%)',\n '3': 'polygon(0 22%, 22% 0, 100% 0, 100% 100%, 0 100%)',\n '4': 'polygon(0 30%, 30% 0, 100% 0, 100% 100%, 0 100%)',\n '5': 'polygon(0 8%, 8% 0, 92% 0, 100% 8%, 100% 100%, 0 100%)',\n '6': 'polygon(0 15%, 15% 0, 85% 0, 100% 15%, 100% 100%, 0 100%)',\n});\n\nexport function useOpenProps(namespace: string): TokenRef<Record<string, string>> {\n return tokens.use<Record<string, string>>(namespace);\n}\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":["createTokens"],"mappings":"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","file":"index.cjs","sourcesContent":["import { createTokens, type TokenRef } from 'typestyles';\n\n/** Unscoped token API for Open Props namespaces (consumers may prefer `createTypeStyles` + their own scope). */\nexport const tokens = createTokens();\nexport type { TokenRef };\n\nexport const sizes = tokens.create('size', {\n '0': '0',\n '1': '0.25rem',\n '2': '0.5rem',\n '3': '0.75rem',\n '4': '1rem',\n '5': '1.25rem',\n '6': '1.5rem',\n '7': '2rem',\n '8': '3rem',\n '9': '4rem',\n '10': '5rem',\n 'content-1': '20ch',\n 'content-2': '45ch',\n 'content-3': '60ch',\n 'fluid-1': 'clamp(0.5rem, 2vw, 1rem)',\n 'fluid-2': 'clamp(1rem, 4vw, 1.5rem)',\n 'fluid-3': 'clamp(1.5rem, 6vw, 2rem)',\n 'fluid-4': 'clamp(2rem, 8vw, 3rem)',\n 'fluid-5': 'clamp(3rem, 12vw, 5rem)',\n 'fluid-6': 'clamp(5rem, 20vw, 8rem)',\n 'fluid-7': 'clamp(8rem, 30vw, 12rem)',\n 'fluid-8': 'clamp(12rem, 40vw, 20rem)',\n});\n\nexport const radius = tokens.create('radius', {\n '0': '0',\n '1': '2px',\n '2': '4px',\n '3': '8px',\n '4': '12px',\n '5': '16px',\n '6': '20px',\n '7': '24px',\n '8': '32px',\n '9': '40px',\n '10': '48px',\n '11': '56px',\n '12': '64px',\n '13': '72px',\n '14': '80px',\n '15': '88px',\n '16': '96px',\n '17': '104px',\n '18': '112px',\n '19': '120px',\n '20': '128px',\n '21': '136px',\n '22': '144px',\n '23': '152px',\n '24': '160px',\n '25': '168px',\n '26': '176px',\n '27': '184px',\n '28': '192px',\n '29': '200px',\n '30': '208px',\n round: '100%',\n pill: '9999px',\n});\n\nexport const shadow = tokens.create('shadow', {\n '1': '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n '2': '0 2px 4px 0 rgb(0 0 0 / 0.05), 0 4px 8px 0 rgb(0 0 0 / 0.05)',\n '3': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n '4': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n '5': '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '6': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n 'inner-1': 'inset 0 1px 2px 0 rgb(0 0 0 / 0.05)',\n 'inner-2': 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05), inset 0 4px 8px 0 rgb(0 0 0 / 0.05)',\n 'inner-3': 'inset 0 4px 6px -1px rgb(0 0 0 / 0.1), inset 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n 'inner-4': 'inset 0 10px 15px -3px rgb(0 0 0 / 0.1), inset 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n 'inner-5': 'inset 0 20px 25px -5px rgb(0 0 0 / 0.1), inset 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n});\n\nexport const easing = tokens.create('ease', {\n '1': '0.25, 0.1, 0.25, 1',\n '2': '0.42, 0, 1, 1',\n '3': '0, 0, 0.58, 1',\n '4': '0.42, 0, 0.58, 1',\n '5': '0.25, 0.1, 0.25, 1',\n 'in-1': '0.25, 0.1, 0.25, 1',\n 'in-2': '0.42, 0, 1, 1',\n 'in-3': '0, 0, 0.58, 1',\n 'in-4': '0.42, 0, 0.58, 1',\n 'in-5': '0.25, 0.1, 0.25, 1',\n 'out-1': '0.25, 0.1, 0.25, 1',\n 'out-2': '0.42, 0, 1, 1',\n 'out-3': '0, 0, 0.58, 1',\n 'out-4': '0.42, 0, 0.58, 1',\n 'out-5': '0.25, 0.1, 0.25, 1',\n 'in-out-1': '0.25, 0.1, 0.25, 1',\n 'in-out-2': '0.42, 0, 1, 1',\n 'in-out-3': '0, 0, 0.58, 1',\n 'in-out-4': '0.42, 0, 0.58, 1',\n 'in-out-5': '0.25, 0.1, 0.25, 1',\n 'elastic-out-1': '0.31, 0.24, 0.37, 1.04',\n 'elastic-out-2': '0.47, 0.27, 0.11, 1.07',\n 'elastic-out-3': '0.58, 0.27, 0.11, 1',\n 'elastic-out-4': '0.65, 0.28, 0.11, 1',\n 'elastic-out-5': '0.7, 0.28, 0.11, 1',\n 'elastic-in-1': '0.71, -0.01, 0.88, 0.77',\n 'elastic-in-2': '0.93, -0.17, 0.75, 0.75',\n 'elastic-in-3': '0.77, 0, 0.18, 1',\n 'elastic-in-4': '0.95, -0.05, 0.71, 0.97',\n 'elastic-in-5': '0.96, -0.05, 0.69, 1',\n 'elastic-in-out-1': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-2': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-3': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-4': '0.68, -0.55, 0.27, 1.55',\n 'elastic-in-out-5': '0.68, -0.55, 0.27, 1.55',\n 'bounce-1': '0.45, 0.05, 0.55, 0.95',\n 'bounce-2': '0.45, 0.05, 0.55, 0.95',\n 'bounce-3': '0.45, 0.05, 0.55, 0.95',\n 'bounce-4': '0.45, 0.05, 0.55, 0.95',\n 'bounce-5': '0.45, 0.05, 0.55, 0.95',\n});\n\nexport const animation = tokens.create('animation', {\n 'fade-in': 'fade-in 0.5s var(--ease-3)',\n 'fade-out': 'fade-out 0.5s var(--ease-3)',\n 'scale-in': 'scale-in 0.2s var(--ease-3)',\n 'scale-out': 'scale-out 0.2s var(--ease-3)',\n 'slide-in-up': 'slide-in-up 0.3s var(--ease-out-5)',\n 'slide-in-down': 'slide-in-down 0.3s var(--ease-out-5)',\n 'slide-in-left': 'slide-in-left 0.3s var(--ease-out-5)',\n 'slide-in-right': 'slide-in-right 0.3s var(--ease-out-5)',\n 'slide-out-up': 'slide-out-up 0.3s var(--ease-in-5)',\n 'slide-out-down': 'slide-out-down 0.3s var(--ease-in-5)',\n 'slide-out-left': 'slide-out-left 0.3s var(--ease-in-5)',\n 'slide-out-right': 'slide-out-right 0.3s var(--ease-in-5)',\n shake: 'shake 0.5s cubic-bezier(.36,.07,.19,.97) both',\n bounce: 'bounce 1s infinite',\n spin: 'spin 2s linear infinite',\n flip: 'flip 1s ease-in-out infinite',\n float: 'float 3s ease-in-out infinite',\n jiggle: 'jiggle 1s ease-in-out infinite',\n wiggle: 'wiggle 1s ease-in-out infinite',\n pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n pop: 'pop 0.3s var(--ease-out-4)',\n});\n\nexport const fontSize = tokens.create('font-size', {\n '00': '0.5rem',\n '0': '0.75rem',\n '1': '1rem',\n '2': '1.1rem',\n '3': '1.25rem',\n '4': '1.5rem',\n '5': '2rem',\n '6': '2.5rem',\n '7': '3rem',\n '8': '3.5rem',\n 'fluid-0': 'clamp(0.75rem, 2vw, 1rem)',\n 'fluid-1': 'clamp(1rem, 4vw, 1.5rem)',\n 'fluid-2': 'clamp(1.5rem, 6vw, 2.5rem)',\n 'fluid-3': 'clamp(2rem, 9vw, 3.5rem)',\n});\n\nexport const fontWeight = tokens.create('font-weight', {\n '1': '100',\n '2': '200',\n '3': '300',\n '4': '400',\n '5': '500',\n '6': '600',\n '7': '700',\n '8': '800',\n '9': '900',\n});\n\nexport const fontLetterspacing = tokens.create('font-letterspacing', {\n '0': '-.05em',\n '1': '.025em',\n '2': '.050em',\n '3': '.075em',\n '4': '.150em',\n '5': '.500em',\n '6': '.750em',\n '7': '1em',\n});\n\nexport const fontLineheight = tokens.create('font-lineheight', {\n '00': '.95',\n '0': '1.1',\n '1': '1.25',\n '2': '1.375',\n '3': '1.5',\n '4': '1.75',\n '5': '2',\n});\n\nexport const zIndex = tokens.create('zindex', {\n '1': '100',\n '2': '200',\n '3': '300',\n '4': '400',\n '5': '500',\n max: '9999',\n});\n\nexport const ratio = tokens.create('ratio', {\n square: '1',\n landscape: '4/3',\n portrait: '3/4',\n widescreen: '16/9',\n ultrawide: '18/5',\n golden: '1.6180/1',\n});\n\nexport const gradient = tokens.create('gradient', {\n '1': 'linear-gradient(to bottom right, #e0e7ff, #faf5ff, #f0fdfa)',\n '2': 'linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #fdf4ff)',\n '3': 'linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #faf5ff)',\n '4': 'linear-gradient(to bottom right, #c7d2fe, #e9d5ff, #f5d0fe)',\n '5': 'linear-gradient(to bottom right, #e0e7ff, #ddd6fe, #c4b5fd)',\n '6': 'linear-gradient(to bottom right, #c7d2fe, #ddd6fe, #c4b5fd)',\n '7': 'linear-gradient(to bottom right, #a5b4fc, #c4b5fd, #ddb6f2)',\n '8': 'linear-gradient(to bottom right, #a5b4fc, #a78bfa, #c4b5fd)',\n '9': 'linear-gradient(to bottom right, #818cf8, #a78bfa, #c084fc)',\n '10': 'linear-gradient(to bottom right, #818cf8, #a78bfa, #c4b5fd)',\n '11': 'linear-gradient(to bottom right, #6366f1, #8b5cf6, #a855f7)',\n '12': 'linear-gradient(to bottom right, #6366f1, #7c3aed, #8b5cf6)',\n '13': 'linear-gradient(to bottom right, #4f46e5, #7c3aed, #9333ea)',\n '14': 'linear-gradient(to bottom right, #4f46e5, #6d28d9, #9333ea)',\n '15': 'linear-gradient(to bottom right, #4338ca, #5b21b6, #7e22ce)',\n '16': 'linear-gradient(to bottom right, #3730a3, #4c1d95, #6b21a8)',\n '17': 'linear-gradient(to bottom right, #312e81, #4c1d95, #6b21a8)',\n '18': 'linear-gradient(to bottom right, #312e81, #3b0764, #581c87)',\n '19': 'linear-gradient(to bottom right, #1e1b4b, #2e1065, #4a044e)',\n '20': 'linear-gradient(to bottom right, #172554, #3b0764, #500724)',\n '21': 'linear-gradient(to bottom right, #172554, #701a75, #9f1239)',\n '22': 'linear-gradient(to bottom right, #0f172a, #831843, #9f1239)',\n '23': 'linear-gradient(to bottom right, #0f172a, #831843, #be123c)',\n '24': 'linear-gradient(to bottom right, #020617, #881337, #be123c)',\n '25': 'linear-gradient(to bottom right, #020617, #9f1239, #e11d48)',\n '26': 'linear-gradient(to bottom right, #030712, #9f1239, #e11d48)',\n '27': 'linear-gradient(to bottom right, #030712, #be123c, #fb7185)',\n '28': 'linear-gradient(to bottom right, #030712, #881337, #fda4af)',\n '29': 'linear-gradient(to bottom right, #030712, #4a044e, #f0abfc)',\n '30': 'linear-gradient(to bottom right, #030712, #2e1065, #c4b5fd)',\n});\n\nexport const media = tokens.create('media', {\n motion: '(prefers-reduced-motion: no-preference)',\n motionReduce: '(prefers-reduced-motion: reduce)',\n dark: '(prefers-color-scheme: dark)',\n light: '(prefers-color-scheme: light)',\n landscape: '(orientation: landscape)',\n portrait: '(orientation: portrait)',\n xs: '(min-width: 20rem)',\n sm: '(min-width: 24rem)',\n md: '(min-width: 28rem)',\n lg: '(min-width: 32rem)',\n xl: '(min-width: 36rem)',\n '2xl': '(min-width: 42rem)',\n '3xl': '(min-width: 48rem)',\n '4xl': '(min-width: 56rem)',\n '5xl': '(min-width: 64rem)',\n '6xl': '(min-width: 72rem)',\n '7xl': '(min-width: 80rem)',\n '8xl': '(min-width: 96rem)',\n '9xl': '(min-width: 100rem)',\n});\n\nexport const duration = tokens.create('duration', {\n '0': '0s',\n '1': '0.05s',\n '2': '0.1s',\n '3': '0.2s',\n '4': '0.4s',\n '5': '0.8s',\n});\n\nexport const borderSize = tokens.create('border-size', {\n '0': '0',\n '1': '1px',\n '2': '2px',\n '3': '4px',\n '4': '8px',\n '5': '16px',\n});\n\nexport const noise = tokens.create('noise', {\n '1': 'url(\"data:image/svg+xml,\")',\n '2': 'url(\"data:image/svg+xml,\")',\n '3': 'url(\"data:image/svg+xml,\")',\n '4': 'url(\"data:image/svg+xml,\")',\n '5': 'url(\"data:image/svg+xml,\")',\n 'filter-1': 'contrast(1.5) brightness(1.1)',\n 'filter-2': 'contrast(1.5) brightness(1.1)',\n 'filter-3': 'contrast(1.5) brightness(1.1)',\n 'filter-4': 'contrast(1.5) brightness(1.1)',\n 'filter-5': 'contrast(1.5) brightness(1.1)',\n});\n\nconst colorValues: Record<string, string> = {};\n\nconst colors = [\n 'gray',\n 'stone',\n 'red',\n 'pink',\n 'purple',\n 'violet',\n 'indigo',\n 'blue',\n 'cyan',\n 'teal',\n 'green',\n 'lime',\n 'yellow',\n 'orange',\n 'choco',\n 'brown',\n 'sand',\n 'camo',\n 'jungle',\n];\nconst colorScales: Record<string, string[]> = {\n gray: [\n '#f8fafc',\n '#f1f5f9',\n '#e2e8f0',\n '#cbd5e1',\n '#94a3b8',\n '#64748b',\n '#475569',\n '#334155',\n '#1e293b',\n '#0f172a',\n '#020617',\n '#000000',\n '#000000',\n ],\n stone: [\n '#fafaf9',\n '#f5f5f4',\n '#e7e5e4',\n '#d6d3d1',\n '#a8a29e',\n '#78716c',\n '#57534e',\n '#44403c',\n '#292524',\n '#1c1917',\n '#0c0a09',\n '#000000',\n '#000000',\n ],\n red: [\n '#fef2f2',\n '#fee2e2',\n '#fecaca',\n '#fca5a5',\n '#f87171',\n '#ef4444',\n '#dc2626',\n '#b91c1c',\n '#991b1b',\n '#7f1d1d',\n '#450a0a',\n '#000000',\n '#000000',\n ],\n pink: [\n '#fdf2f8',\n '#fce7f3',\n '#fbcfe8',\n '#f9a8d4',\n '#f472b6',\n '#ec4899',\n '#db2777',\n '#be185d',\n '#9d174d',\n '#831843',\n '#500724',\n '#000000',\n '#000000',\n ],\n purple: [\n '#faf5ff',\n '#f3e8ff',\n '#e9d5ff',\n '#d8b4fe',\n '#c084fc',\n '#a855f7',\n '#9333ea',\n '#7e22ce',\n '#6b21a8',\n '#581c87',\n '#3b0764',\n '#000000',\n '#000000',\n ],\n violet: [\n '#f5f3ff',\n '#ede9fe',\n '#ddd6fe',\n '#c4b5fd',\n '#a78bfa',\n '#8b5cf6',\n '#7c3aed',\n '#6d28d9',\n '#5b21b6',\n '#4c1d95',\n '#2e1065',\n '#000000',\n '#000000',\n ],\n indigo: [\n '#eef2ff',\n '#e0e7ff',\n '#c7d2fe',\n '#a5b4fc',\n '#818cf8',\n '#6366f1',\n '#4f46e5',\n '#4338ca',\n '#3730a3',\n '#312e81',\n '#1e1b4b',\n '#000000',\n '#000000',\n ],\n blue: [\n '#eff6ff',\n '#dbeafe',\n '#bfdbfe',\n '#93c5fd',\n '#60a5fa',\n '#3b82f6',\n '#2563eb',\n '#1d4ed8',\n '#1e40af',\n '#1e3a8a',\n '#172554',\n '#000000',\n '#000000',\n ],\n cyan: [\n '#ecfeff',\n '#cffafe',\n '#a5f3fc',\n '#67e8f9',\n '#22d3ee',\n '#06b6d4',\n '#0891b2',\n '#0e7490',\n '#155e75',\n '#164e63',\n '#083344',\n '#000000',\n '#000000',\n ],\n teal: [\n '#f0fdfa',\n '#ccfbf1',\n '#99f6e4',\n '#5eead4',\n '#2dd4bf',\n '#14b8a6',\n '#0d9488',\n '#0f766e',\n '#115e59',\n '#134e4a',\n '#042f2e',\n '#000000',\n '#000000',\n ],\n green: [\n '#f0fdf4',\n '#dcfce7',\n '#bbf7d0',\n '#86efac',\n '#4ade80',\n '#22c55e',\n '#16a34a',\n '#15803d',\n '#166534',\n '#14532d',\n '#052e16',\n '#000000',\n '#000000',\n ],\n lime: [\n '#f7fee7',\n '#ecfccb',\n '#d9f99d',\n '#bef264',\n '#a3e635',\n '#84cc16',\n '#65a30d',\n '#4d7c0f',\n '#3f6212',\n '#365314',\n '#1a2e05',\n '#000000',\n '#000000',\n ],\n yellow: [\n '#fefce8',\n '#fef9c3',\n '#fef08a',\n '#fde047',\n '#facc15',\n '#eab308',\n '#ca8a04',\n '#a16207',\n '#854d0e',\n '#713f12',\n '#422006',\n '#000000',\n '#000000',\n ],\n orange: [\n '#fff7ed',\n '#ffedd5',\n '#fed7aa',\n '#fdba74',\n '#fb923c',\n '#f97316',\n '#ea580c',\n '#c2410c',\n '#9a3412',\n '#7c2d12',\n '#431407',\n '#000000',\n '#000000',\n ],\n choco: [\n '#fefae7',\n '#f7f3d8',\n '#eee4b8',\n '#e2d28a',\n '#d6be66',\n '#cba84a',\n '#bc8f3c',\n '#9f742e',\n '#825a22',\n '#664118',\n '#4a2d0f',\n '#000000',\n '#000000',\n ],\n brown: [\n '#faf8f5',\n '#f0ebe3',\n '#e3d6c8',\n '#d2bba3',\n '#be9d7d',\n '#ab825e',\n '#956843',\n '#7a4f2d',\n '#5f3a1c',\n '#47280f',\n '#2e1605',\n '#000000',\n '#000000',\n ],\n sand: [\n '#fcfbf9',\n '#f5f2ed',\n '#e8e4db',\n '#d6d1c3',\n '#bfb6a3',\n '#a69682',\n '#8d7a65',\n '#756151',\n '#5d4a3e',\n '#47382e',\n '#31241d',\n '#000000',\n '#000000',\n ],\n camo: [\n '#f5f5f0',\n '#e8e8dd',\n '#d4d4c4',\n '#b5b5a2',\n '#989878',\n '#7c7d5e',\n '#626449',\n '#4d4e38',\n '#3b3c2c',\n '#2c2c21',\n '#1c1c14',\n '#000000',\n '#000000',\n ],\n jungle: [\n '#f3f7f2',\n '#e2ebe1',\n '#c5d9c6',\n '#9fc1a3',\n '#7aa67d',\n '#5c8c60',\n '#46734a',\n '#375b3b',\n '#2b472e',\n '#213624',\n '#152217',\n '#000000',\n '#000000',\n ],\n};\n\nfor (const colorName of colors) {\n const scale = colorScales[colorName];\n if (scale) {\n scale.forEach((value, index) => {\n colorValues[`${colorName}-${index}`] = value;\n });\n }\n}\n\nexport const color = tokens.create('color', colorValues);\n\nexport const brand = tokens.create('brand', {\n facebook: '#1877f2',\n youtube: '#ff0000',\n twitter: '#1da1f2',\n whatsapp: '#25d366',\n instagram: '#c13584',\n 'instagram-yellow': '#fccc63',\n 'instagram-red': '#f56040',\n 'instagram-magenta': '#c13584',\n 'instagram-blue': '#405de6',\n snapchat: '#fffc00',\n google: '#4285f4',\n 'google-blue': '#4285f4',\n 'google-red': '#ea4335',\n 'google-yellow': '#fbbc05',\n 'google-green': '#34a853',\n tiktok: '#000000',\n 'tiktok-razzmatazz': '#fe2c55',\n 'tiktok-splash': '#25f4ee',\n microsoft: '#00a4ef',\n 'microsoft-blue': '#00a4ef',\n 'microsoft-red': '#f25022',\n 'microsoft-green': '#7fba00',\n 'microsoft-yellow': '#ffb900',\n pinterest: '#e60023',\n spotify: '#1db954',\n discord: '#5865f2',\n telegram: '#0088cc',\n reddit: '#ff4500',\n amazon: '#ff9900',\n twitch: '#9146ff',\n});\n\nexport const font = tokens.create('font', {\n 'system-ui': 'system-ui, sans-serif',\n transitional: 'Charter, Bitstream Charter, Sitka Text, Cambria, serif',\n 'old-style': 'Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif',\n humanist: 'Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif',\n 'geometric-humanist': 'Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif',\n 'classical-humanist': 'Optima, Candara, Noto Sans, source-sans-pro, sans-serif',\n 'neo-grotesque': 'Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif',\n 'monospace-slab-serif': 'Nimbus Mono PS, Courier New, monospace',\n 'monospace-code':\n 'Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace',\n industrial:\n 'Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif',\n 'rounded-sans':\n 'ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif',\n 'slab-serif': 'Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif',\n antique:\n 'Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif',\n didone: 'Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif',\n handwritten: 'Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive',\n sans: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n serif: 'Georgia, Cambria, \"Times New Roman\", Times, serif',\n mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n});\n\nexport const palette = tokens.create('palette', {\n '1': 'oklch(97% .014 260)',\n '2': 'oklch(94% .028 261)',\n '3': 'oklch(88% .057 261)',\n '4': 'oklch(81% .081 262)',\n '5': 'oklch(73% .12 262)',\n '6': 'oklch(65% .15 262)',\n '7': 'oklch(56% .19 262)',\n '8': 'oklch(50% .22 262)',\n '9': 'oklch(45% .24 261)',\n '10': 'oklch(40% .24 259)',\n '11': 'oklch(35% .22 259)',\n '12': 'oklch(32% .2 259)',\n '13': 'oklch(30% .18 259)',\n '14': 'oklch(30% .16 259)',\n '15': 'oklch(29% .14 259)',\n '16': 'oklch(27% .12 259)',\n});\n\nexport const masksEdges = tokens.create('masks-edge', {\n '0': 'linear-gradient(to right, #000 90%, transparent 90% 100%)',\n '1': 'linear-gradient(to right, #000 80%, transparent 80% 100%)',\n '2': 'linear-gradient(to right, #000 70%, transparent 70% 100%)',\n '3': 'linear-gradient(to right, #000 60%, transparent 60% 100%)',\n '4': 'linear-gradient(to right, #000 50%, transparent 50% 100%)',\n});\n\nexport const masksCornerCuts = tokens.create('masks-corner-cuts', {\n '1': 'polygon(0 8%, 8% 0, 100% 0, 100% 100%, 0 100%)',\n '2': 'polygon(0 15%, 15% 0, 100% 0, 100% 100%, 0 100%)',\n '3': 'polygon(0 22%, 22% 0, 100% 0, 100% 100%, 0 100%)',\n '4': 'polygon(0 30%, 30% 0, 100% 0, 100% 100%, 0 100%)',\n '5': 'polygon(0 8%, 8% 0, 92% 0, 100% 8%, 100% 100%, 0 100%)',\n '6': 'polygon(0 15%, 15% 0, 85% 0, 100% 15%, 100% 100%, 0 100%)',\n});\n\nexport function useOpenProps(namespace: string): TokenRef<Record<string, string>> {\n return tokens.use<Record<string, string>>(namespace);\n}\n"]}