@upstart.gg/style-system 0.0.34 → 0.0.36

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 (12) hide show
  1. package/CHANGELOG.md +25 -13
  2. package/dist/metafile-esm.json +1 -1
  3. package/dist/system.d.ts +2 -2
  4. package/dist/system.js +1 -1
  5. package/dist/twind-config.js +1 -1
  6. package/dist/twind.js +1 -1
  7. package/package.json +4 -2
  8. package/src/default-theme.css +2 -103
  9. package/src/editor.css +7 -0
  10. package/src/radix.css +18 -0
  11. package/src/system.ts +3 -1
  12. package/src/twind-config.ts +382 -21
package/CHANGELOG.md CHANGED
@@ -1,10 +1,22 @@
1
1
  # @upstart.gg/style-system
2
2
 
3
+ ## 0.0.36
4
+
5
+ ### Patch Changes
6
+
7
+ - [#278](https://github.com/upstart-gg/upstart/pull/278) [`86dec08`](https://github.com/upstart-gg/upstart/commit/86dec08eb97bb7ba61b6cfa77f8748c4489fc038) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
8
+
9
+ ## 0.0.35
10
+
11
+ ### Patch Changes
12
+
13
+ - [#276](https://github.com/upstart-gg/upstart/pull/276) [`df4d16c`](https://github.com/upstart-gg/upstart/commit/df4d16c6677ba578d3f9bb8eae1e4401b5d5130a) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
14
+
3
15
  ## 0.0.34
4
16
 
5
17
  ### Patch Changes
6
18
 
7
- - [#274](https://github.com/enpage/enpage/pull/274) [`5874303`](https://github.com/enpage/enpage/commit/58743034311b75118dbfcd649bfa4cdd68afde00) Thanks [@mattallty](https://github.com/mattallty)! - ## New features
19
+ - [#274](https://github.com/upstart-gg/upstart/pull/274) [`5874303`](https://github.com/upstart-gg/upstart/commit/58743034311b75118dbfcd649bfa4cdd68afde00) Thanks [@mattallty](https://github.com/mattallty)! - ## New features
8
20
 
9
21
  - Panel position switching
10
22
  - Tours
@@ -18,55 +30,55 @@
18
30
 
19
31
  ### Patch Changes
20
32
 
21
- - [#271](https://github.com/enpage/enpage/pull/271) [`0151491`](https://github.com/enpage/enpage/commit/01514915f2fb8af3cf4179acdf74474e83fed8e3) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements on the editor
33
+ - [#271](https://github.com/upstart-gg/upstart/pull/271) [`0151491`](https://github.com/upstart-gg/upstart/commit/01514915f2fb8af3cf4179acdf74474e83fed8e3) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements on the editor
22
34
 
23
35
  ## 0.0.32
24
36
 
25
37
  ### Patch Changes
26
38
 
27
- - [#255](https://github.com/enpage/enpage/pull/255) [`f6873d7`](https://github.com/enpage/enpage/commit/f6873d79b4bfdd7e1241a8f54ac332525e4820cd) Thanks [@mattallty](https://github.com/mattallty)! - Update deps
39
+ - [#255](https://github.com/upstart-gg/upstart/pull/255) [`f6873d7`](https://github.com/upstart-gg/upstart/commit/f6873d79b4bfdd7e1241a8f54ac332525e4820cd) Thanks [@mattallty](https://github.com/mattallty)! - Update deps
28
40
 
29
41
  ## 0.0.31
30
42
 
31
43
  ### Patch Changes
32
44
 
33
- - [#250](https://github.com/enpage/enpage/pull/250) [`a44cfdc`](https://github.com/enpage/enpage/commit/a44cfdc347f65c6caa12b0b7e4f037a2afef9540) Thanks [@mattallty](https://github.com/mattallty)! - Move things around and specify JSON Schema types
45
+ - [#250](https://github.com/upstart-gg/upstart/pull/250) [`a44cfdc`](https://github.com/upstart-gg/upstart/commit/a44cfdc347f65c6caa12b0b7e4f037a2afef9540) Thanks [@mattallty](https://github.com/mattallty)! - Move things around and specify JSON Schema types
34
46
 
35
47
  ## 0.0.30
36
48
 
37
49
  ### Patch Changes
38
50
 
39
- - [#247](https://github.com/enpage/enpage/pull/247) [`b7eb556`](https://github.com/enpage/enpage/commit/b7eb556abb58cfc4a57ec3e9041c1c2e6ce925a0) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
51
+ - [#247](https://github.com/upstart-gg/upstart/pull/247) [`b7eb556`](https://github.com/upstart-gg/upstart/commit/b7eb556abb58cfc4a57ec3e9041c1c2e6ce925a0) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
40
52
 
41
53
  ## 0.0.29
42
54
 
43
55
  ### Patch Changes
44
56
 
45
- - [#239](https://github.com/enpage/enpage/pull/239) [`2170dc8`](https://github.com/enpage/enpage/commit/2170dc80db3704ad48f92e0ddfe185cf6766855c) Thanks [@mattallty](https://github.com/mattallty)! - Tweek tsup config for style system
57
+ - [#239](https://github.com/upstart-gg/upstart/pull/239) [`2170dc8`](https://github.com/upstart-gg/upstart/commit/2170dc80db3704ad48f92e0ddfe185cf6766855c) Thanks [@mattallty](https://github.com/mattallty)! - Tweek tsup config for style system
46
58
 
47
59
  ## 0.0.28
48
60
 
49
61
  ### Patch Changes
50
62
 
51
- - [#237](https://github.com/enpage/enpage/pull/237) [`09322ce`](https://github.com/enpage/enpage/commit/09322ce2f697f05584cc333ad0c2d1bc2af35440) Thanks [@mattallty](https://github.com/mattallty)! - Fix style system
63
+ - [#237](https://github.com/upstart-gg/upstart/pull/237) [`09322ce`](https://github.com/upstart-gg/upstart/commit/09322ce2f697f05584cc333ad0c2d1bc2af35440) Thanks [@mattallty](https://github.com/mattallty)! - Fix style system
52
64
 
53
65
  ## 0.0.28
54
66
 
55
67
  ### Patch Changes
56
68
 
57
- - [`7e505d1`](https://github.com/enpage/enpage/commit/7e505d1c9ac7cb57be895feafb5b5e47015ae0a2) Thanks [@mattallty](https://github.com/mattallty)! - twind.config -> twind-config
69
+ - [`7e505d1`](https://github.com/upstart-gg/upstart/commit/7e505d1c9ac7cb57be895feafb5b5e47015ae0a2) Thanks [@mattallty](https://github.com/mattallty)! - twind.config -> twind-config
58
70
 
59
71
  ## 0.0.27
60
72
 
61
73
  ### Patch Changes
62
74
 
63
- - [#234](https://github.com/enpage/enpage/pull/234) [`80bfe1f`](https://github.com/enpage/enpage/commit/80bfe1f4f628ac4baca17bac5f9fd94387d656dc) Thanks [@mattallty](https://github.com/mattallty)! - Rework style system
75
+ - [#234](https://github.com/upstart-gg/upstart/pull/234) [`80bfe1f`](https://github.com/upstart-gg/upstart/commit/80bfe1f4f628ac4baca17bac5f9fd94387d656dc) Thanks [@mattallty](https://github.com/mattallty)! - Rework style system
64
76
 
65
77
  ## 0.0.26
66
78
 
67
79
  ### Patch Changes
68
80
 
69
- - [#225](https://github.com/enpage/enpage/pull/225) [`3eabb54`](https://github.com/enpage/enpage/commit/3eabb545a876dc3a8b3ef927a6f5b9cee70424c4) Thanks [@mattallty](https://github.com/mattallty)! - - Improve bricks lazy loading
81
+ - [#225](https://github.com/upstart-gg/upstart/pull/225) [`3eabb54`](https://github.com/upstart-gg/upstart/commit/3eabb545a876dc3a8b3ef927a6f5b9cee70424c4) Thanks [@mattallty](https://github.com/mattallty)! - - Improve bricks lazy loading
70
82
  - First analytics functions
71
83
  - First draft of datarecords types
72
84
  - Fix twind ssr to work on CF workers
@@ -75,16 +87,16 @@
75
87
 
76
88
  ### Patch Changes
77
89
 
78
- - [`794cee0`](https://github.com/enpage/enpage/commit/794cee00c0f29dceb9bdd47e7eac2581625b1cd2) Thanks [@mattallty](https://github.com/mattallty)! - New GenericPageContext
90
+ - [`794cee0`](https://github.com/upstart-gg/upstart/commit/794cee00c0f29dceb9bdd47e7eac2581625b1cd2) Thanks [@mattallty](https://github.com/mattallty)! - New GenericPageContext
79
91
 
80
92
  ## 0.0.24
81
93
 
82
94
  ### Patch Changes
83
95
 
84
- - [`b5e6b16`](https://github.com/enpage/enpage/commit/b5e6b169145ad8cb67cdb7c54bb00c1354159016) Thanks [@mattallty](https://github.com/mattallty)! - Fix test-config export
96
+ - [`b5e6b16`](https://github.com/upstart-gg/upstart/commit/b5e6b169145ad8cb67cdb7c54bb00c1354159016) Thanks [@mattallty](https://github.com/mattallty)! - Fix test-config export
85
97
 
86
98
  ## 0.0.23
87
99
 
88
100
  ### Patch Changes
89
101
 
90
- - [`a3e1952`](https://github.com/enpage/enpage/commit/a3e1952033a46ba3894ae99a99221108f1ca49da) Thanks [@mattallty](https://github.com/mattallty)! - Rename packages
102
+ - [`a3e1952`](https://github.com/upstart-gg/upstart/commit/a3e1952033a46ba3894ae99a99221108f1ca49da) Thanks [@mattallty](https://github.com/mattallty)! - Rename packages
package/dist/metafile-esm.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":218,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":7767,"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"polished","kind":"import-statement","external":true}],"format":"esm"},"src/twind-node.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/pipeableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind-ssr.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind.ts":{"bytes":1913,"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"src/twind-config.ts","kind":"import-statement","original":"./twind-config.js"},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/colors.js":{"imports":[],"exports":["colors"],"entryPoint":"src/colors.ts","inputs":{"src/colors.ts":{"bytesInOutput":5392}},"bytes":5413},"dist/system.js":{"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"exports":["ContextMenu","ToggleGroup","useAutoAnimate"],"entryPoint":"src/system.ts","inputs":{"src/system.ts":{"bytesInOutput":185}},"bytes":248},"dist/twind-config.js":{"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"polished","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/twind-config.ts","inputs":{"src/twind-config.ts":{"bytesInOutput":5252}},"bytes":5274},"dist/twind-node.js":{"imports":[{"path":"@twind/with-react/pipeableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-node.ts","inputs":{"src/twind-node.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind-ssr.js":{"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-ssr.ts","inputs":{"src/twind-ssr.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind.js":{"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"polished","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"exports":["apply","colors","css","getSheet","injectGlobal","inline","keyframes","observe","parse","parseValue","setupTwindReact","sheet","style","tw","tx"],"entryPoint":"src/twind.ts","inputs":{"src/twind.ts":{"bytesInOutput":799},"src/twind-config.ts":{"bytesInOutput":5252}},"bytes":6251}}}
1
+ {"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":249,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true},{"path":"@floating-ui/react","kind":"import-statement","external":true},{"path":"react-hot-toast","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":18295,"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true}],"format":"esm"},"src/twind-node.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/pipeableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind-ssr.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind.ts":{"bytes":1913,"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"src/twind-config.ts","kind":"import-statement","original":"./twind-config.js"},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/colors.js":{"imports":[],"exports":["colors"],"entryPoint":"src/colors.ts","inputs":{"src/colors.ts":{"bytesInOutput":5392}},"bytes":5413},"dist/system.js":{"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true},{"path":"@floating-ui/react","kind":"import-statement","external":true},{"path":"react-hot-toast","kind":"import-statement","external":true}],"exports":["ToggleGroup","useAutoAnimate"],"entryPoint":"src/system.ts","inputs":{"src/system.ts":{"bytesInOutput":199}},"bytes":245},"dist/twind-config.js":{"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/twind-config.ts","inputs":{"src/twind-config.ts":{"bytesInOutput":13074}},"bytes":13096},"dist/twind-node.js":{"imports":[{"path":"@twind/with-react/pipeableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-node.ts","inputs":{"src/twind-node.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind-ssr.js":{"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-ssr.ts","inputs":{"src/twind-ssr.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind.js":{"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"exports":["apply","colors","css","getSheet","injectGlobal","inline","keyframes","observe","parse","parseValue","setupTwindReact","sheet","style","tw","tx"],"entryPoint":"src/twind.ts","inputs":{"src/twind.ts":{"bytesInOutput":798},"src/twind-config.ts":{"bytesInOutput":13074}},"bytes":14071}}}
package/dist/system.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export * from '@radix-ui/themes';
2
2
  export { useAutoAnimate } from '@formkit/auto-animate/react';
3
- import * as reactContextMenu from '@radix-ui/react-context-menu';
4
- export { reactContextMenu as ContextMenu };
5
3
  import * as reactToggleGroup from '@radix-ui/react-toggle-group';
6
4
  export { reactToggleGroup as ToggleGroup };
5
+ export * from '@floating-ui/react';
6
+ export * from 'react-hot-toast';
7
7
  import '@twind/with-react/pipeableStream';
8
8
  import '@twind/with-react/readableStream';
package/dist/system.js CHANGED
@@ -1 +1 @@
1
- export*from"@radix-ui/themes";import{useAutoAnimate as t}from"@formkit/auto-animate/react";import*as m from"@radix-ui/react-context-menu";import*as p from"@radix-ui/react-toggle-group";export{m as ContextMenu,p as ToggleGroup,t as useAutoAnimate};
1
+ export*from"@radix-ui/themes";import{useAutoAnimate as t}from"@formkit/auto-animate/react";import*as m from"@radix-ui/react-toggle-group";export*from"@floating-ui/react";export*from"react-hot-toast";export{m as ToggleGroup,t as useAutoAnimate};
package/dist/twind-config.js CHANGED
@@ -1 +1 @@
1
- import{defineConfig as o}from"@twind/core";import a from"@twind/preset-autoprefix";import e from"@twind/preset-tailwind";import c from"@twind/preset-ext";import l from"@twind/preset-line-clamp";import t from"@twind/preset-tailwind-forms";import n from"@twind/preset-typography";import i from"@twind/preset-container-queries";import{modularScale as d}from"polished";var h=o({darkMode:"media",hash:!1,presets:[a(),e({disablePreflight:!1}),i(),c(),l(),t(),n()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${d(+r,"1rem")}`}`})],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],["bg-neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`})],["bg-accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`})],["bg-primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`})],["bg-secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["color-",({$$:r})=>({color:`var(--color-${r})`})],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["brick-light-",({$$:r})=>`bg-${r}-300 text-${r}-50`],["brick-normal-",({$$:r})=>`bg-${r}-500 text-${r}-100`],["brick-dark-",({$$:r})=>`bg-${r}-800 text-${r}-200`],["hero-1",{fontSize:"clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)",lineHeight:"1.25"}],["hero-2",{fontSize:"clamp(2rem, 1.75vw + 1.375rem, 2.875rem)",lineHeight:"1.25"}],["hero-3",{fontSize:"clamp(2.25rem, 2vw + 1.5rem, 3.25rem)",lineHeight:"1.25"}],["hero-4",{fontSize:"clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)",lineHeight:"1.25"}],["hero-5",{fontSize:"clamp(2.75rem, 2.5vw + 1.75rem, 4rem)",lineHeight:"1.25"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s"},keyframes:{"fade-in":{from:{opacity:"0"},to:{opacity:"1"}}}}}});export{h as default};
1
+ import{defineConfig as o}from"@twind/core";import a from"@twind/preset-autoprefix";import e from"@twind/preset-tailwind";import c from"@twind/preset-ext";import l from"@twind/preset-line-clamp";import t from"@twind/preset-tailwind-forms";import n from"@twind/preset-typography";import d from"@twind/preset-container-queries";var y=o({darkMode:"media",presets:[a(),e({disablePreflight:!1}),d(),c(),l(),t(),n()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"],["empty","&:not(:has(*))"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick",{borderRadius:"inherit"}],["rounded-auto",{borderRadius:"inherit","&:first-child":{borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"&:last-child":{borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"&:not(:first-child):not(:last-child)":{borderRadius:"0px"}}],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],[/^bg-color-\[([\S]+)\]$/,({1:r})=>({"--up-bg-color":`${r}`,backgroundColor:"var(--up-bg-color)"})],["bg-neutral-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-neutral-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-accent-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-accent-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-primary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-primary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-secondary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-secondary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["preset-bg-solid-primary-1",{"--up-bg-color":"var(--color-primary-100)",backgroundImage:"none",backgroundColor:"var(--color-primary-100)"}],["preset-bg-solid-primary-2",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-3",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-4",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-1",{"--up-bg-color":"var(--color-secondary-100)",backgroundImage:"none",backgroundColor:"var(--color-secondary-100)"}],["preset-bg-solid-secondary-2",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-3",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-4",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-1",{"--up-bg-color":"var(--color-accent-100)",backgroundImage:"none",backgroundColor:"var(--color-accent-100)"}],["preset-bg-solid-accent-2",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-3",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-4",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-1",{"--up-bg-color":"var(--color-neutral-100)",backgroundImage:"none",backgroundColor:"var(--color-neutral-100)"}],["preset-bg-solid-neutral-2",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-3",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-4",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-gradient-primary-1",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))"}],["preset-bg-gradient-primary-2",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))"}],["preset-bg-gradient-primary-3",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))"}],["preset-bg-gradient-primary-4",{"--up-bg-color":"var(--color-primary-800)",backgroundImage:"linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))"}],["preset-bg-gradient-secondary-1",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))"}],["preset-bg-gradient-secondary-2",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))"}],["preset-bg-gradient-secondary-3",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))"}],["preset-bg-gradient-secondary-4",{"--up-bg-color":"var(--color-secondary-800)",backgroundImage:"linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))"}],["preset-bg-gradient-accent-1",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))"}],["preset-bg-gradient-accent-2",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))"}],["preset-bg-gradient-accent-3",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))"}],["preset-bg-gradient-accent-4",{"--up-bg-color":"var(--color-accent-800)",backgroundImage:"linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))"}],["preset-bg-gradient-neutral-1",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))"}],["preset-bg-gradient-neutral-2",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))"}],["preset-bg-gradient-neutral-3",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))"}],["preset-bg-gradient-neutral-4",{"--up-bg-color":"var(--color-neutral-800)",backgroundImage:"linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))"}],["preset-border-color-auto",{borderColor:"hsl(from var(--up-bg-color) h s calc(l - 10))"}],["preset-border-primary-1",{borderColor:"var(--color-primary-100)"}],["preset-border-primary-2",{borderColor:"var(--color-primary-300)"}],["preset-border-primary-3",{borderColor:"var(--color-primary-500)"}],["preset-border-primary-4",{borderColor:"var(--color-primary-700)"}],["preset-border-secondary-1",{borderColor:"var(--color-secondary-100)"}],["preset-border-secondary-2",{borderColor:"var(--color-secondary-300)"}],["preset-border-secondary-3",{borderColor:"var(--color-secondary-500)"}],["preset-border-secondary-4",{borderColor:"var(--color-secondary-700)"}],["preset-border-accent-1",{borderColor:"var(--color-accent-100)"}],["preset-border-accent-2",{borderColor:"var(--color-accent-300)"}],["preset-border-accent-3",{borderColor:"var(--color-accent-500)"}],["preset-border-accent-4",{borderColor:"var(--color-accent-700)"}],["preset-border-neutral-1",{borderColor:"var(--color-neutral-100)"}],["preset-border-neutral-2",{borderColor:"var(--color-neutral-300)"}],["preset-border-neutral-3",{borderColor:"var(--color-neutral-500)"}],["preset-border-neutral-4",{borderColor:"var(--color-neutral-700)"}],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["w-fill",{width:["fill-available","-webkit-fill-available","-moz-available"]}],["h-fill",{height:["fill-available","-webkit-fill-available","-moz-available"]}],["color-auto",{color:"var(--up-color-auto)"}],["hero",{"&::first-line":{lineHeight:"1",margin:"0"}}],["hero-size-1",{fontSize:"clamp(2.25rem, 1.467rem + 3.913vw, 4.5rem)",lineHeight:"1.1"}],["hero-size-2",{fontSize:"clamp(3.5rem, 2.717rem + 3.913vw, 5.75rem)",lineHeight:"1.1"}],["hero-size-3",{fontSize:"clamp(4.75rem, 3.967rem + 3.913vw, 7rem)",lineHeight:"1.1"}],["hero-size-4",{fontSize:"clamp(6rem, 5.217rem + 3.913vw, 8.25rem)",lineHeight:"1.1"}],["hero-size-5",{fontSize:"clamp(7.25rem, 6.467rem + 3.913vw, 9.5rem)",lineHeight:"1.1"}],["text-shadow-none",{textShadow:"none"}],["text-shadow-sm",{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"}],["text-shadow-md",{textShadow:"0 2px 4px rgba(0, 0, 0, 0.2)"}],["text-shadow-lg",{textShadow:"0 4px 8px rgba(0, 0, 0, 0.25)"}],["text-shadow-xl",{textShadow:"0 6px 12px rgba(0, 0, 0, 0.3)"}],["text-pretty",{textWrap:"pretty"}],["text-balance",{textWrap:"balance"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s","elastic-pop":"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards","slide-in":"slide-in 0.15s ease-out","slide-back":"slide-back 0.15s ease-out"},keyframes:{"elastic-pop":{"0%":{transform:"scale(0)",opacity:"0"},"50%":{transform:"scale(1.1)",opacity:"0.8"},"70%":{transform:"scale(0.98)",opacity:"1"},"100%":{transform:"scale(1)",opacity:"1"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"slide-in":{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"}},"slide-back":{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"}}}}}});export{y as default};
package/dist/twind.js CHANGED
@@ -1 +1 @@
1
- import v from"@twind/with-react";import{twind as u,virtual as f,cssom as b,tx as y,css as g,style as x,apply as h,injectGlobal as C,keyframes as k,observe as $}from"@twind/core";import{defineConfig as t}from"@twind/core";import c from"@twind/preset-autoprefix";import n from"@twind/preset-tailwind";import l from"@twind/preset-ext";import i from"@twind/preset-line-clamp";import d from"@twind/preset-tailwind-forms";import s from"@twind/preset-typography";import m from"@twind/preset-container-queries";import{modularScale as p}from"polished";var e=t({darkMode:"media",hash:!1,presets:[c(),n({disablePreflight:!1}),m(),l(),i(),d(),s()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${p(+r,"1rem")}`}`})],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],["bg-neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`})],["bg-accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`})],["bg-primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`})],["bg-secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["color-",({$$:r})=>({color:`var(--color-${r})`})],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["brick-light-",({$$:r})=>`bg-${r}-300 text-${r}-50`],["brick-normal-",({$$:r})=>`bg-${r}-500 text-${r}-100`],["brick-dark-",({$$:r})=>`bg-${r}-800 text-${r}-200`],["hero-1",{fontSize:"clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)",lineHeight:"1.25"}],["hero-2",{fontSize:"clamp(2rem, 1.75vw + 1.375rem, 2.875rem)",lineHeight:"1.25"}],["hero-3",{fontSize:"clamp(2.25rem, 2vw + 1.5rem, 3.25rem)",lineHeight:"1.25"}],["hero-4",{fontSize:"clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)",lineHeight:"1.25"}],["hero-5",{fontSize:"clamp(2.75rem, 2.5vw + 1.75rem, 4rem)",lineHeight:"1.25"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s"},keyframes:{"fade-in":{from:{opacity:"0"},to:{opacity:"1"}}}}}});import{getSheet as X,parse as Y,parseValue as Z}from"@twind/core";import{default as or}from"@twind/with-react/inline";var _=e.theme.colors;function w(){return typeof import.meta.env<"u"?import.meta.env.PROD??!1:typeof process<"u"&&typeof process.env<"u"?process.env.NODE_ENV==="production":!1}var S=typeof document>"u"?f():b("style[data-library]"),o=u(e,S);function M(r=w()){v(e,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",a=>{a.detail?.code==="TWIND_INVALID_CLASS"&&a.preventDefault()})}var O=y.bind(o),W=g.bind(o),F=x.bind(o),Q=h.bind(o),q=$.bind(o),B=C.bind(o),J=k.bind(o);export{Q as apply,_ as colors,W as css,X as getSheet,B as injectGlobal,or as inline,J as keyframes,q as observe,Y as parse,Z as parseValue,M as setupTwindReact,S as sheet,F as style,o as tw,O as tx};
1
+ import b from"@twind/with-react";import{twind as g,virtual as u,cssom as v,tx as m,css as y,style as f,apply as k,injectGlobal as h,keyframes as x,observe as C}from"@twind/core";import{defineConfig as c}from"@twind/core";import l from"@twind/preset-autoprefix";import t from"@twind/preset-tailwind";import n from"@twind/preset-ext";import d from"@twind/preset-line-clamp";import i from"@twind/preset-tailwind-forms";import p from"@twind/preset-typography";import s from"@twind/preset-container-queries";var a=c({darkMode:"media",presets:[l(),t({disablePreflight:!1}),s(),n(),d(),i(),p()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"],["empty","&:not(:has(*))"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick",{borderRadius:"inherit"}],["rounded-auto",{borderRadius:"inherit","&:first-child":{borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"&:last-child":{borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"&:not(:first-child):not(:last-child)":{borderRadius:"0px"}}],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],[/^bg-color-\[([\S]+)\]$/,({1:r})=>({"--up-bg-color":`${r}`,backgroundColor:"var(--up-bg-color)"})],["bg-neutral-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-neutral-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-accent-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-accent-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-primary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-primary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-secondary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-secondary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["preset-bg-solid-primary-1",{"--up-bg-color":"var(--color-primary-100)",backgroundImage:"none",backgroundColor:"var(--color-primary-100)"}],["preset-bg-solid-primary-2",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-3",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-4",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-1",{"--up-bg-color":"var(--color-secondary-100)",backgroundImage:"none",backgroundColor:"var(--color-secondary-100)"}],["preset-bg-solid-secondary-2",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-3",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-4",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-1",{"--up-bg-color":"var(--color-accent-100)",backgroundImage:"none",backgroundColor:"var(--color-accent-100)"}],["preset-bg-solid-accent-2",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-3",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-4",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-1",{"--up-bg-color":"var(--color-neutral-100)",backgroundImage:"none",backgroundColor:"var(--color-neutral-100)"}],["preset-bg-solid-neutral-2",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-3",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-4",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-gradient-primary-1",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))"}],["preset-bg-gradient-primary-2",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))"}],["preset-bg-gradient-primary-3",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))"}],["preset-bg-gradient-primary-4",{"--up-bg-color":"var(--color-primary-800)",backgroundImage:"linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))"}],["preset-bg-gradient-secondary-1",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))"}],["preset-bg-gradient-secondary-2",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))"}],["preset-bg-gradient-secondary-3",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))"}],["preset-bg-gradient-secondary-4",{"--up-bg-color":"var(--color-secondary-800)",backgroundImage:"linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))"}],["preset-bg-gradient-accent-1",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))"}],["preset-bg-gradient-accent-2",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))"}],["preset-bg-gradient-accent-3",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))"}],["preset-bg-gradient-accent-4",{"--up-bg-color":"var(--color-accent-800)",backgroundImage:"linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))"}],["preset-bg-gradient-neutral-1",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))"}],["preset-bg-gradient-neutral-2",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))"}],["preset-bg-gradient-neutral-3",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))"}],["preset-bg-gradient-neutral-4",{"--up-bg-color":"var(--color-neutral-800)",backgroundImage:"linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))"}],["preset-border-color-auto",{borderColor:"hsl(from var(--up-bg-color) h s calc(l - 10))"}],["preset-border-primary-1",{borderColor:"var(--color-primary-100)"}],["preset-border-primary-2",{borderColor:"var(--color-primary-300)"}],["preset-border-primary-3",{borderColor:"var(--color-primary-500)"}],["preset-border-primary-4",{borderColor:"var(--color-primary-700)"}],["preset-border-secondary-1",{borderColor:"var(--color-secondary-100)"}],["preset-border-secondary-2",{borderColor:"var(--color-secondary-300)"}],["preset-border-secondary-3",{borderColor:"var(--color-secondary-500)"}],["preset-border-secondary-4",{borderColor:"var(--color-secondary-700)"}],["preset-border-accent-1",{borderColor:"var(--color-accent-100)"}],["preset-border-accent-2",{borderColor:"var(--color-accent-300)"}],["preset-border-accent-3",{borderColor:"var(--color-accent-500)"}],["preset-border-accent-4",{borderColor:"var(--color-accent-700)"}],["preset-border-neutral-1",{borderColor:"var(--color-neutral-100)"}],["preset-border-neutral-2",{borderColor:"var(--color-neutral-300)"}],["preset-border-neutral-3",{borderColor:"var(--color-neutral-500)"}],["preset-border-neutral-4",{borderColor:"var(--color-neutral-700)"}],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["w-fill",{width:["fill-available","-webkit-fill-available","-moz-available"]}],["h-fill",{height:["fill-available","-webkit-fill-available","-moz-available"]}],["color-auto",{color:"var(--up-color-auto)"}],["hero",{"&::first-line":{lineHeight:"1",margin:"0"}}],["hero-size-1",{fontSize:"clamp(2.25rem, 1.467rem + 3.913vw, 4.5rem)",lineHeight:"1.1"}],["hero-size-2",{fontSize:"clamp(3.5rem, 2.717rem + 3.913vw, 5.75rem)",lineHeight:"1.1"}],["hero-size-3",{fontSize:"clamp(4.75rem, 3.967rem + 3.913vw, 7rem)",lineHeight:"1.1"}],["hero-size-4",{fontSize:"clamp(6rem, 5.217rem + 3.913vw, 8.25rem)",lineHeight:"1.1"}],["hero-size-5",{fontSize:"clamp(7.25rem, 6.467rem + 3.913vw, 9.5rem)",lineHeight:"1.1"}],["text-shadow-none",{textShadow:"none"}],["text-shadow-sm",{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"}],["text-shadow-md",{textShadow:"0 2px 4px rgba(0, 0, 0, 0.2)"}],["text-shadow-lg",{textShadow:"0 4px 8px rgba(0, 0, 0, 0.25)"}],["text-shadow-xl",{textShadow:"0 6px 12px rgba(0, 0, 0, 0.3)"}],["text-pretty",{textWrap:"pretty"}],["text-balance",{textWrap:"balance"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s","elastic-pop":"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards","slide-in":"slide-in 0.15s ease-out","slide-back":"slide-back 0.15s ease-out"},keyframes:{"elastic-pop":{"0%":{transform:"scale(0)",opacity:"0"},"50%":{transform:"scale(1.1)",opacity:"0.8"},"70%":{transform:"scale(0.98)",opacity:"1"},"100%":{transform:"scale(1)",opacity:"1"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"slide-in":{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"}},"slide-back":{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"}}}}}});import{getSheet as J,parse as K,parseValue as U}from"@twind/core";import{default as Z}from"@twind/with-react/inline";var A=a.theme.colors;function w(){return typeof import.meta.env<"u"?import.meta.env.PROD??!1:typeof process<"u"&&typeof process.env<"u"?process.env.NODE_ENV==="production":!1}var I=typeof document>"u"?u():v("style[data-library]"),o=g(a,I);function G(r=w()){b(a,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",e=>{e.detail?.code==="TWIND_INVALID_CLASS"&&e.preventDefault()})}var P=m.bind(o),V=y.bind(o),_=f.bind(o),B=k.bind(o),M=C.bind(o),O=h.bind(o),F=x.bind(o);export{B as apply,A as colors,V as css,J as getSheet,O as injectGlobal,Z as inline,F as keyframes,M as observe,K as parse,U as parseValue,G as setupTwindReact,I as sheet,_ as style,o as tw,P as tx};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@upstart.gg/style-system",
3
- "version": "0.0.34",
3
+ "version": "0.0.36",
4
4
  "description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
5
5
  "type": "module",
6
6
  "exports": {
@@ -16,6 +16,7 @@
16
16
  "author": "Matthias Etienne",
17
17
  "license": "AGPL-3.0-only",
18
18
  "dependencies": {
19
+ "@floating-ui/react": "0.27.5",
19
20
  "@formkit/auto-animate": "0.8.2",
20
21
  "@radix-ui/react-context-menu": "2.2.2",
21
22
  "@radix-ui/react-toggle-group": "1.1.0",
@@ -30,7 +31,8 @@
30
31
  "@twind/preset-typography": "1.0.7",
31
32
  "@twind/with-react": "1.1.3",
32
33
  "animate.css": "^4.1.1",
33
- "polished": "4.3.1"
34
+ "polished": "4.3.1",
35
+ "react-hot-toast": "2.5.2"
34
36
  },
35
37
  "devDependencies": {
36
38
  "tsup": "8.2.4"
package/src/default-theme.css CHANGED
@@ -13,7 +13,9 @@
13
13
  --luminance-threshold: 0.6;
14
14
  --l-threshold: 0.7;
15
15
  --l: clamp(0, (var(--l-threshold) / l - 1) * infinity, 1);
16
+
16
17
  }
18
+
17
19
  :root {
18
20
 
19
21
  [data-upstart-theme="clarity"] {
@@ -137,109 +139,6 @@
137
139
  .font-didone { font-family: var(--font-didone); }
138
140
  .font-handwritten { font-family: var(--font-handwritten); }
139
141
 
140
- /* Utility Classes */
141
-
142
- /* Background Color Utilities */
143
-
144
- /* Interactive Element Color Utilities */
145
- .interactive-primary-1 { background-color: var(--color-interactive-primary-1); color: var(--text-primary-3); }
146
- .interactive-primary-2 { background-color: var(--color-interactive-primary-2); color: var(--text-primary-4); }
147
- .interactive-primary-3 { background-color: var(--color-interactive-primary-3); color: var(--text-primary-5); }
148
-
149
- .interactive-secondary-1 { background-color: var(--color-interactive-secondary-1); color: var(--text-secondary-3); }
150
- .interactive-secondary-2 { background-color: var(--color-interactive-secondary-2); color: var(--text-secondary-4); }
151
- .interactive-secondary-3 { background-color: var(--color-interactive-secondary-3); color: var(--text-secondary-5); }
152
-
153
- .interactive-tertiary-1 { background-color: var(--color-interactive-tertiary-1); color: var(--text-tertiary-3); }
154
- .interactive-tertiary-2 { background-color: var(--color-interactive-tertiary-2); color: var(--text-tertiary-4); }
155
- .interactive-tertiary-3 { background-color: var(--color-interactive-tertiary-3); color: var(--text-tertiary-5); }
156
-
157
-
158
- /* Solid Element Color Utilities */
159
- .solid-neutral-1 { background-color: var(--color-solid-neutral-1); color: var(--text-neutral-9); }
160
- .solid-neutral-2 { background-color: var(--color-solid-neutral-2); color: var(--text-neutral-10); }
161
-
162
- .solid-primary-1 { background-color: var(--color-solid-primary-1); color: var(--text-primary-9); }
163
- .solid-primary-2 { background-color: var(--color-solid-primary-2); color: var(--text-primary-10); }
164
-
165
- .solid-secondary-1 { background-color: var(--color-solid-secondary-1); color: var(--text-secondary-9); }
166
- .solid-secondary-2 { background-color: var(--color-solid-secondary-2); color: var(--text-secondary-10); }
167
-
168
- .solid-tertiary-1 { background-color: var(--color-solid-tertiary-1); color: var(--text-tertiary-9); }
169
- .solid-tertiary-2 { background-color: var(--color-solid-tertiary-2); color: var(--text-tertiary-10); }
170
-
171
- .border-neutral-1 { border-color: var(--color-border-neutral-1); }
172
- .border-neutral-2 { border-color: var(--color-border-neutral-2); }
173
- .border-neutral-3 { border-color: var(--color-border-neutral-3); }
174
-
175
- .border-primary-1 { border-color: var(--color-border-primary-1); }
176
- .border-primary-2 { border-color: var(--color-border-primary-2); }
177
- .border-primary-3 { border-color: var(--color-border-primary-3); }
178
-
179
- .border-secondary-1 { border-color: var(--color-border-secondary-1); }
180
- .border-secondary-2 { border-color: var(--color-border-secondary-2); }
181
- .border-secondary-3 { border-color: var(--color-border-secondary-3); }
182
-
183
- .border-tertiary-1 { border-color: var(--color-border-tertiary-1); }
184
- .border-tertiary-2 { border-color: var(--color-border-tertiary-2); }
185
- .border-tertiary-3 { border-color: var(--color-border-tertiary-3); }
186
-
187
-
188
- .btn {
189
- cursor: pointer;
190
- transition: background-color 0.2s;
191
- }
192
-
193
-
194
- .btn.interactive-primary-1 {
195
- &.solid {
196
- color: var(--text-primary-3);
197
- background-color: var(--color-interactive-primary-1);
198
- }
199
- &:hover {
200
- background-color: var(--color-interactive-primary-2);
201
- color: var(--text-primary-4);
202
- }
203
- &:disabled {
204
- background-color: var(--color-interactive-primary-1);
205
- color: var(--text-primary-3);
206
- }
207
- }
208
-
209
- .btn.interactive-primary-2 {
210
- &:hover {
211
- background-color: var(--color-interactive-primary-3);
212
- color: var(--text-primary-5);
213
- }
214
- &:disabled {
215
- background-color: var(--color-interactive-primary-2);
216
- color: var(--text-primary-4);
217
- }
218
- }
219
-
220
- .btn.interactive-secondary-1 {
221
- &:hover {
222
- background-color: var(--color-interactive-secondary-2);
223
- color: var(--text-secondary-4);
224
- }
225
- &:disabled {
226
- background-color: var(--color-interactive-secondary-1);
227
- color: var(--text-secondary-3);
228
- }
229
- }
230
-
231
- .btn.interactive-secondary-2 {
232
- &:hover {
233
- background-color: var(--color-interactive-secondary-3);
234
- color: var(--text-secondary-5);
235
- }
236
- &:disabled {
237
- background-color: var(--color-interactive-secondary-2);
238
- color: var(--text-secondary-4);
239
- }
240
- }
241
-
242
-
243
142
  }
244
143
 
245
144
 
package/src/editor.css ADDED
@@ -0,0 +1,7 @@
1
+ html, body {
2
+ padding: 0;
3
+ margin: 0;
4
+ font-family: "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
5
+ /* gray background */
6
+ background-color: #f5f5f5;
7
+ }
package/src/radix.css CHANGED
@@ -308,4 +308,22 @@
308
308
  .selecto-selection {
309
309
  background-color: var(--violet-a3) !important;
310
310
  border-color: var(--violet-8) !important;
311
+ z-index: 99999 !important;
312
+ }
313
+
314
+
315
+ *::selection {
316
+ color: white;
317
+ background: #5b57ab;
318
+ }
319
+
320
+
321
+ *::-moz-selection { /* Code for Firefox */
322
+ color: white;
323
+ background: #5b57ab;
324
+ }
325
+
326
+ *::-webkit-selection {
327
+ color: white;
328
+ background: #5b57ab;
311
329
  }
package/src/system.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export * from "@radix-ui/themes";
2
2
  export { useAutoAnimate } from "@formkit/auto-animate/react";
3
- export * as ContextMenu from "@radix-ui/react-context-menu";
3
+ // with portal support
4
4
  export * as ToggleGroup from "@radix-ui/react-toggle-group";
5
+ export * from "@floating-ui/react";
6
+ export * from "react-hot-toast";
package/src/twind-config.ts CHANGED
@@ -6,11 +6,9 @@ import presetLineClamp from "@twind/preset-line-clamp";
6
6
  import presetForms from "@twind/preset-tailwind-forms";
7
7
  import presetTypo from "@twind/preset-typography";
8
8
  import presetContainerQueries from "@twind/preset-container-queries";
9
- import { modularScale } from "polished";
10
9
 
11
10
  export default defineConfig({
12
11
  darkMode: "media",
13
- hash: false,
14
12
  presets: [
15
13
  presetAutoprefix(),
16
14
  presetTailwind({ disablePreflight: false }),
@@ -20,7 +18,10 @@ export default defineConfig({
20
18
  presetForms(),
21
19
  presetTypo(),
22
20
  ],
23
- variants: [["hasChildMenudHover", "&:has(.container-menu-wrapper:hover)"]],
21
+ variants: [
22
+ ["hasChildMenudHover", "&:has(.container-menu-wrapper:hover)"],
23
+ ["empty", "&:not(:has(*))"],
24
+ ],
24
25
  rules: [
25
26
  [
26
27
  "brick-container",
@@ -32,12 +33,28 @@ export default defineConfig({
32
33
  },
33
34
  ],
34
35
  [
35
- // specific padding classes for bricks
36
- "brick-p-",
37
- ({ $$ }) => ({ padding: `${$$ === "1" ? "1px" : $$ === "0" ? "0" : `${modularScale(+$$, "1rem")}`}` }),
36
+ "brick",
37
+ {
38
+ borderRadius: "inherit",
39
+ },
40
+ ],
41
+ [
42
+ "rounded-auto",
43
+ {
44
+ borderRadius: "inherit",
45
+ "&:first-child": {
46
+ borderTopRightRadius: "0px",
47
+ borderBottomRightRadius: "0px",
48
+ },
49
+ "&:last-child": {
50
+ borderTopLeftRadius: "0px",
51
+ borderBottomLeftRadius: "0px",
52
+ },
53
+ "&:not(:first-child):not(:last-child)": {
54
+ borderRadius: "0px",
55
+ },
56
+ },
38
57
  ],
39
- // ["family-", ({ $$ }) => ({ fontFamily: `var(--font-${$$})` })],
40
-
41
58
  [
42
59
  "h-dvh",
43
60
  {
@@ -50,10 +67,44 @@ export default defineConfig({
50
67
  width: "100dvw",
51
68
  },
52
69
  ],
53
- ["bg-neutral-", ({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})` })],
54
- ["bg-accent-", ({ $$ }) => ({ backgroundColor: `var(--color-accent-${$$})` })],
55
- ["bg-primary-", ({ $$ }) => ({ backgroundColor: `var(--color-primary-${$$})` })],
56
- ["bg-secondary-", ({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})` })],
70
+
71
+ [
72
+ /^bg-color-\[([\S]+)\]$/,
73
+ ({ 1: $1 }) => ({ "--up-bg-color": `${$1}`, backgroundColor: "var(--up-bg-color)" }),
74
+ ],
75
+
76
+ [
77
+ "bg-neutral-",
78
+ ({ $$ }) => ({
79
+ backgroundColor: `var(--up-bg-color)`,
80
+ "--up-bg-color": `var(--color-neutral-${$$})`,
81
+ "--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
82
+ }),
83
+ ],
84
+ [
85
+ "bg-accent-",
86
+ ({ $$ }) => ({
87
+ backgroundColor: `var(--up-bg-color)`,
88
+ "--up-bg-color": `var(--color-accent-${$$})`,
89
+ "--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
90
+ }),
91
+ ],
92
+ [
93
+ "bg-primary-",
94
+ ({ $$ }) => ({
95
+ backgroundColor: `var(--up-bg-color)`,
96
+ "--up-bg-color": `var(--color-primary-${$$})`,
97
+ "--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
98
+ }),
99
+ ],
100
+ [
101
+ "bg-secondary-",
102
+ ({ $$ }) => ({
103
+ backgroundColor: `var(--up-bg-color)`,
104
+ "--up-bg-color": `var(--color-secondary-${$$})`,
105
+ "--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
106
+ }),
107
+ ],
57
108
 
58
109
  ["border-neutral-", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],
59
110
  ["border-accent-", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],
@@ -73,7 +124,288 @@ export default defineConfig({
73
124
  ["outline-accent-", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],
74
125
  ["outline-neutral-", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],
75
126
 
76
- ["color-", ({ $$ }) => ({ color: `var(--color-${$$})` })],
127
+ [
128
+ "preset-bg-solid-primary-1",
129
+ {
130
+ "--up-bg-color": "var(--color-primary-100)",
131
+ backgroundImage: "none",
132
+ backgroundColor: "var(--color-primary-100)",
133
+ },
134
+ ],
135
+ [
136
+ "preset-bg-solid-primary-2",
137
+ {
138
+ "--up-bg-color": "var(--color-primary-200)",
139
+ backgroundImage: "none",
140
+ backgroundColor: "var(--up-bg-color)",
141
+ },
142
+ ],
143
+ [
144
+ "preset-bg-solid-primary-3",
145
+ {
146
+ "--up-bg-color": "var(--color-primary-400)",
147
+ backgroundImage: "none",
148
+ backgroundColor: "var(--up-bg-color)",
149
+ },
150
+ ],
151
+ [
152
+ "preset-bg-solid-primary-4",
153
+ {
154
+ "--up-bg-color": "var(--color-primary-600)",
155
+ backgroundImage: "none",
156
+ backgroundColor: "var(--up-bg-color)",
157
+ },
158
+ ],
159
+
160
+ [
161
+ "preset-bg-solid-secondary-1",
162
+ {
163
+ "--up-bg-color": "var(--color-secondary-100)",
164
+ backgroundImage: "none",
165
+ backgroundColor: "var(--color-secondary-100)",
166
+ },
167
+ ],
168
+ [
169
+ "preset-bg-solid-secondary-2",
170
+ {
171
+ "--up-bg-color": "var(--color-secondary-200)",
172
+ backgroundImage: "none",
173
+ backgroundColor: "var(--up-bg-color)",
174
+ },
175
+ ],
176
+ [
177
+ "preset-bg-solid-secondary-3",
178
+ {
179
+ "--up-bg-color": "var(--color-secondary-400)",
180
+ backgroundImage: "none",
181
+ backgroundColor: "var(--up-bg-color)",
182
+ },
183
+ ],
184
+ [
185
+ "preset-bg-solid-secondary-4",
186
+ {
187
+ "--up-bg-color": "var(--color-secondary-600)",
188
+ backgroundImage: "none",
189
+ backgroundColor: "var(--up-bg-color)",
190
+ },
191
+ ],
192
+ [
193
+ "preset-bg-solid-accent-1",
194
+ {
195
+ "--up-bg-color": "var(--color-accent-100)",
196
+ backgroundImage: "none",
197
+ backgroundColor: "var(--color-accent-100)",
198
+ },
199
+ ],
200
+ [
201
+ "preset-bg-solid-accent-2",
202
+ {
203
+ "--up-bg-color": "var(--color-accent-200)",
204
+ backgroundImage: "none",
205
+ backgroundColor: "var(--up-bg-color)",
206
+ },
207
+ ],
208
+ [
209
+ "preset-bg-solid-accent-3",
210
+ {
211
+ "--up-bg-color": "var(--color-accent-400)",
212
+ backgroundImage: "none",
213
+ backgroundColor: "var(--up-bg-color)",
214
+ },
215
+ ],
216
+ [
217
+ "preset-bg-solid-accent-4",
218
+ {
219
+ "--up-bg-color": "var(--color-accent-600)",
220
+ backgroundImage: "none",
221
+ backgroundColor: "var(--up-bg-color)",
222
+ },
223
+ ],
224
+
225
+ [
226
+ "preset-bg-solid-neutral-1",
227
+ {
228
+ "--up-bg-color": "var(--color-neutral-100)",
229
+ backgroundImage: "none",
230
+ backgroundColor: "var(--color-neutral-100)",
231
+ },
232
+ ],
233
+ [
234
+ "preset-bg-solid-neutral-2",
235
+ {
236
+ "--up-bg-color": "var(--color-neutral-200)",
237
+ backgroundImage: "none",
238
+ backgroundColor: "var(--up-bg-color)",
239
+ },
240
+ ],
241
+ [
242
+ "preset-bg-solid-neutral-3",
243
+ {
244
+ "--up-bg-color": "var(--color-neutral-400)",
245
+ backgroundImage: "none",
246
+ backgroundColor: "var(--up-bg-color)",
247
+ },
248
+ ],
249
+ [
250
+ "preset-bg-solid-neutral-4",
251
+ {
252
+ "--up-bg-color": "var(--color-neutral-600)",
253
+ backgroundImage: "none",
254
+ backgroundColor: "var(--up-bg-color)",
255
+ },
256
+ ],
257
+
258
+ [
259
+ "preset-bg-gradient-primary-1",
260
+ {
261
+ "--up-bg-color": "var(--color-primary-200)",
262
+ backgroundImage: "linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))",
263
+ },
264
+ ],
265
+ [
266
+ "preset-bg-gradient-primary-2",
267
+ {
268
+ "--up-bg-color": "var(--color-primary-400)",
269
+ backgroundImage: "linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))",
270
+ },
271
+ ],
272
+ [
273
+ "preset-bg-gradient-primary-3",
274
+ {
275
+ "--up-bg-color": "var(--color-primary-600)",
276
+ backgroundImage: "linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))",
277
+ },
278
+ ],
279
+ [
280
+ "preset-bg-gradient-primary-4",
281
+ {
282
+ "--up-bg-color": "var(--color-primary-800)",
283
+ backgroundImage: "linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))",
284
+ },
285
+ ],
286
+
287
+ [
288
+ "preset-bg-gradient-secondary-1",
289
+ {
290
+ "--up-bg-color": "var(--color-secondary-200)",
291
+ backgroundImage: "linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))",
292
+ },
293
+ ],
294
+
295
+ [
296
+ "preset-bg-gradient-secondary-2",
297
+ {
298
+ "--up-bg-color": "var(--color-secondary-400)",
299
+ backgroundImage: "linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))",
300
+ },
301
+ ],
302
+
303
+ [
304
+ "preset-bg-gradient-secondary-3",
305
+ {
306
+ "--up-bg-color": "var(--color-secondary-600)",
307
+ backgroundImage: "linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))",
308
+ },
309
+ ],
310
+
311
+ [
312
+ "preset-bg-gradient-secondary-4",
313
+ {
314
+ "--up-bg-color": "var(--color-secondary-800)",
315
+ backgroundImage: "linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))",
316
+ },
317
+ ],
318
+ [
319
+ "preset-bg-gradient-accent-1",
320
+ {
321
+ "--up-bg-color": "var(--color-accent-200)",
322
+ backgroundImage: "linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))",
323
+ },
324
+ ],
325
+
326
+ [
327
+ "preset-bg-gradient-accent-2",
328
+ {
329
+ "--up-bg-color": "var(--color-accent-400)",
330
+ backgroundImage: "linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))",
331
+ },
332
+ ],
333
+
334
+ [
335
+ "preset-bg-gradient-accent-3",
336
+ {
337
+ "--up-bg-color": "var(--color-accent-600)",
338
+ backgroundImage: "linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))",
339
+ },
340
+ ],
341
+
342
+ [
343
+ "preset-bg-gradient-accent-4",
344
+ {
345
+ "--up-bg-color": "var(--color-accent-800)",
346
+ backgroundImage: "linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))",
347
+ },
348
+ ],
349
+
350
+ [
351
+ "preset-bg-gradient-neutral-1",
352
+ {
353
+ "--up-bg-color": "var(--color-neutral-200)",
354
+ backgroundImage: "linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))",
355
+ },
356
+ ],
357
+
358
+ [
359
+ "preset-bg-gradient-neutral-2",
360
+ {
361
+ "--up-bg-color": "var(--color-neutral-400)",
362
+ backgroundImage: "linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))",
363
+ },
364
+ ],
365
+
366
+ [
367
+ "preset-bg-gradient-neutral-3",
368
+ {
369
+ "--up-bg-color": "var(--color-neutral-600)",
370
+ backgroundImage: "linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))",
371
+ },
372
+ ],
373
+
374
+ [
375
+ "preset-bg-gradient-neutral-4",
376
+ {
377
+ "--up-bg-color": "var(--color-neutral-800)",
378
+ backgroundImage: "linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))",
379
+ },
380
+ ],
381
+
382
+ [
383
+ "preset-border-color-auto",
384
+ {
385
+ borderColor: "hsl(from var(--up-bg-color) h s calc(l - 10))",
386
+ },
387
+ ],
388
+
389
+ ["preset-border-primary-1", { borderColor: `var(--color-primary-100)` }],
390
+ ["preset-border-primary-2", { borderColor: `var(--color-primary-300)` }],
391
+ ["preset-border-primary-3", { borderColor: `var(--color-primary-500)` }],
392
+ ["preset-border-primary-4", { borderColor: `var(--color-primary-700)` }],
393
+
394
+ ["preset-border-secondary-1", { borderColor: `var(--color-secondary-100)` }],
395
+ ["preset-border-secondary-2", { borderColor: `var(--color-secondary-300)` }],
396
+ ["preset-border-secondary-3", { borderColor: `var(--color-secondary-500)` }],
397
+ ["preset-border-secondary-4", { borderColor: `var(--color-secondary-700)` }],
398
+
399
+ ["preset-border-accent-1", { borderColor: `var(--color-accent-100)` }],
400
+ ["preset-border-accent-2", { borderColor: `var(--color-accent-300)` }],
401
+ ["preset-border-accent-3", { borderColor: `var(--color-accent-500)` }],
402
+ ["preset-border-accent-4", { borderColor: `var(--color-accent-700)` }],
403
+
404
+ ["preset-border-neutral-1", { borderColor: `var(--color-neutral-100)` }],
405
+ ["preset-border-neutral-2", { borderColor: `var(--color-neutral-300)` }],
406
+ ["preset-border-neutral-3", { borderColor: `var(--color-neutral-500)` }],
407
+ ["preset-border-neutral-4", { borderColor: `var(--color-neutral-700)` }],
408
+
77
409
  [
78
410
  "neutral-",
79
411
  ({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})`, color: `var(--text-neutral-${$$})` }),
@@ -92,15 +424,27 @@ export default defineConfig({
92
424
  ({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})`, color: `var(--text-secondary-${$$})` }),
93
425
  ],
94
426
 
95
- ["brick-light-", ({ $$ }) => `bg-${$$}-300 text-${$$}-50`],
96
- ["brick-normal-", ({ $$ }) => `bg-${$$}-500 text-${$$}-100`],
97
- ["brick-dark-", ({ $$ }) => `bg-${$$}-800 text-${$$}-200`],
427
+ ["w-fill", { width: ["fill-available", "-webkit-fill-available", "-moz-available"] }],
428
+ ["h-fill", { height: ["fill-available", "-webkit-fill-available", "-moz-available"] }],
429
+ // ["color-auto", { color: "light-dark(white, black)" }],
430
+ ["color-auto", { color: "var(--up-color-auto)" }],
431
+
432
+ ["hero", { "&::first-line": { lineHeight: "1", margin: "0" } }],
433
+ ["hero-size-1", { fontSize: "clamp(2.25rem, 1.467rem + 3.913vw, 4.5rem)", lineHeight: "1.1" }],
434
+ ["hero-size-2", { fontSize: "clamp(3.5rem, 2.717rem + 3.913vw, 5.75rem)", lineHeight: "1.1" }],
435
+ ["hero-size-3", { fontSize: "clamp(4.75rem, 3.967rem + 3.913vw, 7rem)", lineHeight: "1.1" }],
436
+ ["hero-size-4", { fontSize: "clamp(6rem, 5.217rem + 3.913vw, 8.25rem)", lineHeight: "1.1" }],
437
+ ["hero-size-5", { fontSize: "clamp(7.25rem, 6.467rem + 3.913vw, 9.5rem)", lineHeight: "1.1" }],
438
+
439
+ ["text-shadow-none", { textShadow: "none" }],
440
+ ["text-shadow-sm", { textShadow: "0 1px 2px rgba(0, 0, 0, 0.15)" }],
441
+ ["text-shadow-md", { textShadow: "0 2px 4px rgba(0, 0, 0, 0.2)" }],
442
+ ["text-shadow-lg", { textShadow: "0 4px 8px rgba(0, 0, 0, 0.25)" }],
443
+ ["text-shadow-xl", { textShadow: "0 6px 12px rgba(0, 0, 0, 0.3)" }],
444
+
445
+ ["text-pretty", { textWrap: "pretty" }],
446
+ ["text-balance", { textWrap: "balance" }],
98
447
 
99
- ["hero-1", { fontSize: "clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)", lineHeight: "1.25" }],
100
- ["hero-2", { fontSize: "clamp(2rem, 1.75vw + 1.375rem, 2.875rem)", lineHeight: "1.25" }],
101
- ["hero-3", { fontSize: "clamp(2.25rem, 2vw + 1.5rem, 3.25rem)", lineHeight: "1.25" }],
102
- ["hero-4", { fontSize: "clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)", lineHeight: "1.25" }],
103
- ["hero-5", { fontSize: "clamp(2.75rem, 2.5vw + 1.75rem, 4rem)", lineHeight: "1.25" }],
104
448
  ["scrollbar-thin", { scrollbarWidth: "thin" }],
105
449
  ["scrollbar-color-", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-6) var(--${$$}-surface)` })],
106
450
  [
@@ -222,12 +566,29 @@ export default defineConfig({
222
566
 
223
567
  animation: {
224
568
  "fade-in": "fade-in 0.5s",
569
+ "elastic-pop": "elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards",
570
+ "slide-in": "slide-in 0.15s ease-out",
571
+ "slide-back": "slide-back 0.15s ease-out",
225
572
  },
226
573
  keyframes: {
574
+ "elastic-pop": {
575
+ "0%": { transform: "scale(0)", opacity: "0" },
576
+ "50%": { transform: "scale(1.1)", opacity: "0.8" },
577
+ "70%": { transform: "scale(0.98)", opacity: "1" },
578
+ "100%": { transform: "scale(1)", opacity: "1" },
579
+ },
227
580
  "fade-in": {
228
581
  from: { opacity: "0" },
229
582
  to: { opacity: "1" },
230
583
  },
584
+ "slide-in": {
585
+ from: { transform: "translateX(100%)" },
586
+ to: { transform: "translateX(0)" },
587
+ },
588
+ "slide-back": {
589
+ from: { transform: "translateX(-100%)" },
590
+ to: { transform: "translateX(0)" },
591
+ },
231
592
  },
232
593
  },
233
594
  },