jy-headless 0.0.4 → 0.0.6

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 (65) hide show
  1. package/.idea/aws.xml +11 -0
  2. package/.idea/git_toolbox_prj.xml +15 -0
  3. package/.idea/inspectionProfiles/Project_Default.xml +6 -0
  4. package/.idea/jpa-buddy.xml +6 -0
  5. package/.idea/jy-headless.iml +9 -0
  6. package/.idea/misc.xml +9 -0
  7. package/.idea/modules.xml +8 -0
  8. package/.idea/vcs.xml +6 -0
  9. package/dist/components/button/Button.d.ts +6 -0
  10. package/dist/index.d.ts +2 -4
  11. package/dist/index.esm.js +9 -0
  12. package/dist/index.esm.js.map +1 -0
  13. package/dist/index.js +11 -0
  14. package/dist/index.js.map +1 -0
  15. package/package.json +16 -66
  16. package/rollup.config.mjs +27 -0
  17. package/src/components/button/Button.tsx +11 -0
  18. package/src/index.tsx +3 -0
  19. package/tsconfig.json +15 -0
  20. package/README.md +0 -117
  21. package/dist/index.css +0 -1
  22. package/dist/index.es.js +0 -1486
  23. package/dist/index.es.js.map +0 -1
  24. package/dist/index.umd.js +0 -33
  25. package/dist/index.umd.js.map +0 -1
  26. package/dist/src/App.d.ts +0 -2
  27. package/dist/src/components/buttons/BaseButton.d.ts +0 -3
  28. package/dist/src/components/buttons/BaseButton.stories.d.ts +0 -10
  29. package/dist/src/components/icons/AddCartIcon.d.ts +0 -3
  30. package/dist/src/components/icons/BellIcon.d.ts +0 -3
  31. package/dist/src/components/icons/CameraIcon.d.ts +0 -3
  32. package/dist/src/components/icons/CartIcon.d.ts +0 -3
  33. package/dist/src/components/icons/CloseIcon.d.ts +0 -3
  34. package/dist/src/components/icons/CloudIcon.d.ts +0 -3
  35. package/dist/src/components/icons/CreditCardIcon.d.ts +0 -3
  36. package/dist/src/components/icons/DownloadIcon.d.ts +0 -3
  37. package/dist/src/components/icons/EditIcon.d.ts +0 -3
  38. package/dist/src/components/icons/FileIcon.d.ts +0 -3
  39. package/dist/src/components/icons/FolderIcon.d.ts +0 -3
  40. package/dist/src/components/icons/GearIcon.d.ts +0 -3
  41. package/dist/src/components/icons/GlobeIcon.d.ts +0 -3
  42. package/dist/src/components/icons/HeartIcon.d.ts +0 -3
  43. package/dist/src/components/icons/HomeIcon.d.ts +0 -3
  44. package/dist/src/components/icons/Icons.stories.d.ts +0 -14
  45. package/dist/src/components/icons/ImageIcon.d.ts +0 -3
  46. package/dist/src/components/icons/LockIcon.d.ts +0 -3
  47. package/dist/src/components/icons/MinusIcon.d.ts +0 -3
  48. package/dist/src/components/icons/PlusIcon.d.ts +0 -3
  49. package/dist/src/components/icons/RefreshIcon.d.ts +0 -3
  50. package/dist/src/components/icons/RemoveCartIcon.d.ts +0 -3
  51. package/dist/src/components/icons/SaveIcon.d.ts +0 -3
  52. package/dist/src/components/icons/SearchIcon.d.ts +0 -3
  53. package/dist/src/components/icons/SettingIcon.d.ts +0 -3
  54. package/dist/src/components/icons/SpinnerIcon.d.ts +0 -3
  55. package/dist/src/components/icons/StarIcon.d.ts +0 -3
  56. package/dist/src/components/icons/UnLockIcon.d.ts +0 -3
  57. package/dist/src/components/icons/UploadIcon.d.ts +0 -3
  58. package/dist/src/components/icons/UserIcon.d.ts +0 -3
  59. package/dist/src/components/icons/VideoIcon.d.ts +0 -3
  60. package/dist/src/components/icons/index.d.ts +0 -29
  61. package/dist/src/components/types.d.ts +0 -20
  62. package/dist/src/main.d.ts +0 -0
  63. package/dist/src/utils/ArrayUtils.d.ts +0 -5
  64. package/dist/src/utils/index.d.ts +0 -0
  65. package/dist/vite.svg +0 -1
package/.idea/aws.xml ADDED
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="accountSettings">
4
+ <option name="activeRegion" value="us-east-1" />
5
+ <option name="recentlyUsedRegions">
6
+ <list>
7
+ <option value="us-east-1" />
8
+ </list>
9
+ </option>
10
+ </component>
11
+ </project>
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="GitToolBoxProjectSettings">
4
+ <option name="commitMessageIssueKeyValidationOverride">
5
+ <BoolValueOverride>
6
+ <option name="enabled" value="true" />
7
+ </BoolValueOverride>
8
+ </option>
9
+ <option name="commitMessageValidationEnabledOverride">
10
+ <BoolValueOverride>
11
+ <option name="enabled" value="true" />
12
+ </BoolValueOverride>
13
+ </option>
14
+ </component>
15
+ </project>
@@ -0,0 +1,6 @@
1
+ <component name="InspectionProjectProfileManager">
2
+ <profile version="1.0">
3
+ <option name="myName" value="Project Default" />
4
+ <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
5
+ </profile>
6
+ </component>
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="JpaBuddyIdeaProjectConfig">
4
+ <option name="renamerInitialized" value="true" />
5
+ </component>
6
+ </project>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <module type="JAVA_MODULE" version="4">
3
+ <component name="NewModuleRootManager" inherit-compiler-output="true">
4
+ <exclude-output />
5
+ <content url="file://$MODULE_DIR$" />
6
+ <orderEntry type="inheritedJdk" />
7
+ <orderEntry type="sourceFolder" forTests="false" />
8
+ </component>
9
+ </module>
package/.idea/misc.xml ADDED
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="openjdk-21" project-jdk-type="JavaSDK">
4
+ <output url="file://$PROJECT_DIR$/out" />
5
+ </component>
6
+ <component name="ProjectType">
7
+ <option name="id" value="jpab" />
8
+ </component>
9
+ </project>
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="ProjectModuleManager">
4
+ <modules>
5
+ <module fileurl="file://$PROJECT_DIR$/.idea/jy-headless.iml" filepath="$PROJECT_DIR$/.idea/jy-headless.iml" />
6
+ </modules>
7
+ </component>
8
+ </project>
package/.idea/vcs.xml ADDED
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="VcsDirectoryMappings">
4
+ <mapping directory="$PROJECT_DIR$" vcs="Git" />
5
+ </component>
6
+ </project>
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ interface ButtonProps {
3
+ label: string;
4
+ }
5
+ declare const Button: React.FC<ButtonProps>;
6
+ export default Button;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- export { default as BaseButton } from './src/components/buttons/BaseButton';
2
- export type { IconProps, BaseProps, ButtonProps, Size } from './src/components/types';
3
- export { default as ArrayUtils } from './src/utils/ArrayUtils';
4
- export * from './src/components/icons';
1
+ import Button from './components/button/Button';
2
+ export { Button };
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+
3
+ var Button = function (_a) {
4
+ var label = _a.label;
5
+ return React.createElement("button", null, label);
6
+ };
7
+
8
+ export { Button };
9
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
package/dist/index.js ADDED
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ var Button = function (_a) {
6
+ var label = _a.label;
7
+ return React.createElement("button", null, label);
8
+ };
9
+
10
+ exports.Button = Button;
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,73 +1,23 @@
1
1
  {
2
2
  "name": "jy-headless",
3
- "version": "0.0.4",
4
- "type": "module",
5
- "homepage": "https://github.com/yCZwIqY/jy-headless",
6
- "repository": {
7
- "type": "git",
8
- "url": "https://github.com/yCZwIqY/jy-headless"
9
- },
3
+ "version": "0.0.6",
4
+ "description": "",
5
+ "main": "index.js",
10
6
  "scripts": {
11
- "dev": "vite",
12
- "build": "tsc && vite build && npm run tailwind",
13
- "tailwind": "npx tailwindcss -o ./dist/index.css --minify",
14
- "lint": "eslint .",
15
- "preview": "vite preview",
16
- "storybook": "storybook dev -p 6006",
17
- "build-storybook": "storybook build"
18
- },
19
- "dependencies": {
20
- "react": "^18.3.1",
21
- "react-dom": "^18.3.1"
7
+ "test": "echo \"Error: no test specified\" && exit 1"
22
8
  },
9
+ "keywords": [],
10
+ "author": "",
11
+ "license": "ISC",
23
12
  "devDependencies": {
24
- "@chromatic-com/storybook": "3.2.4",
25
- "@eslint/js": "^9.17.0",
26
- "@storybook/addon-essentials": "8.5.0",
27
- "@storybook/addon-interactions": "8.5.0",
28
- "@storybook/addon-onboarding": "8.5.0",
29
- "@storybook/blocks": "8.5.0",
30
- "@storybook/react": "8.5.0",
31
- "@storybook/react-vite": "8.5.0",
32
- "@storybook/test": "8.5.0",
33
- "@types/node": "^22.10.7",
34
- "@types/react": "^18.3.18",
35
- "@types/react-dom": "^18.3.5",
36
- "@vitejs/plugin-react": "^4.3.4",
37
- "autoprefixer": "^10.4.20",
38
- "eslint": "^9.17.0",
39
- "eslint-plugin-react-hooks": "^5.0.0",
40
- "eslint-plugin-react-refresh": "^0.4.16",
41
- "eslint-plugin-storybook": "^0.11.2",
42
- "globals": "^15.14.0",
43
- "postcss": "^8.5.1",
44
- "storybook": "8.5.0",
45
- "tailwindcss": "^3.4.17",
46
- "typescript": "~5.6.2",
47
- "typescript-eslint": "^8.18.2",
48
- "vite": "^6.0.5",
49
- "vite-plugin-dts": "^4.5.0"
50
- },
51
- "eslintConfig": {
52
- "extends": [
53
- "plugin:storybook/recommended"
54
- ]
55
- },
56
- "main": "dist/index.es.js",
57
- "types": "dist/index.d.ts",
58
- "exports": {
59
- ".": {
60
- "import": "./dist/index.es.js",
61
- "require": "./dist/index.umd.js",
62
- "types": "./dist/index.d.ts"
63
- },
64
- "./package.json": "./package.json",
65
- "./dist/*": "./dist/*"
66
- },
67
- "files": [
68
- "/dist"
69
- ],
70
- "publishConfig": {
71
- "access": "public"
13
+ "@rollup/plugin-commonjs": "^28.0.2",
14
+ "@rollup/plugin-node-resolve": "^16.0.0",
15
+ "@types/react": "^19.0.7",
16
+ "@types/react-dom": "^19.0.3",
17
+ "react": "^19.0.0",
18
+ "react-dom": "^19.0.0",
19
+ "rollup": "^4.31.0",
20
+ "rollup-plugin-typescript2": "^0.36.0",
21
+ "typescript": "^5.7.3"
72
22
  }
73
23
  }
@@ -0,0 +1,27 @@
1
+ import typescript from 'rollup-plugin-typescript2';
2
+ import resolve from '@rollup/plugin-node-resolve';
3
+ import commonjs from '@rollup/plugin-commonjs';
4
+
5
+ export default {
6
+ input: 'src/index.tsx',
7
+ output: [
8
+ {
9
+ file: 'dist/index.js',
10
+ format: 'cjs',
11
+ sourcemap: true,
12
+ },
13
+ {
14
+ file: 'dist/index.esm.js',
15
+ format: 'esm',
16
+ sourcemap: true,
17
+ },
18
+ ],
19
+ plugins: [
20
+ resolve(),
21
+ commonjs(),
22
+ typescript({
23
+ tsconfig: './tsconfig.json',
24
+ }),
25
+ ],
26
+ external: ['react', 'react-dom'],
27
+ };
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+
3
+ interface ButtonProps {
4
+ label: string;
5
+ }
6
+
7
+ const Button: React.FC<ButtonProps> = ({ label }) => {
8
+ return <button>{label}</button>;
9
+ };
10
+
11
+ export default Button;
package/src/index.tsx ADDED
@@ -0,0 +1,3 @@
1
+ import Button from './components/button/Button';
2
+
3
+ export { Button };
package/tsconfig.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "ES5",
4
+ "module": "ESNext",
5
+ "moduleResolution": "Node",
6
+ "jsx": "react",
7
+ "declaration": true,
8
+ "declarationDir": "dist/types",
9
+ "outDir": "dist",
10
+ "esModuleInterop": true,
11
+ "skipLibCheck": true,
12
+ "forceConsistentCasingInFileNames": true
13
+ },
14
+ "include": ["src/**/*"]
15
+ }
package/README.md DELETED
@@ -1,117 +0,0 @@
1
- # jy-headless
2
- A collection of headless UI components built with React, Tailwind CSS, and TypeScript. This library provides accessible,
3
- unstyled components that can be easily customized and integrated into your projects.
4
-
5
- ## Installation
6
- To install the library, run:
7
- ```bash
8
- npm install jy-headless
9
- #or
10
- pnpm install jy-headless
11
- #or
12
- yarn add jy-headless
13
- ```
14
-
15
- ## Prerequisites
16
- This library requires Tailwind CSS, PostCSS, and Autoprefixer for styling. If you haven't set these up in your project yet, follow the steps below:
17
-
18
- 1. Install Tailwind CSS and its dependencies:
19
- ```bash
20
- npm install tailwindcss postcss autoprefixer
21
-
22
- ```
23
- 2. Initialize Tailwind CSS and PostCSS:
24
- ```bash
25
- npx tailwindcss init
26
- ```
27
-
28
- This will generate a tailwind.config.js file. You can modify it to fit your styling needs.
29
-
30
- 3. Create a postcss.config.js file in the root of your project if it doesn't exist:
31
- ```bash
32
- module.exports = {
33
- plugins: {
34
- tailwindcss: {},
35
- autoprefixer: {},
36
- },
37
- };
38
- ```
39
-
40
- 4. Add the following to your src/index.css (or wherever you're importing your global styles):
41
- ```bash
42
- @tailwind base;
43
- @tailwind components;
44
- @tailwind utilities;
45
- ```
46
- 5. Ensure that your bundler is set up to process PostCSS and Tailwind CSS files.
47
-
48
-
49
- ## Icon License Information
50
- 1. **[scarlab](https://www.svgrepo.com/author/scarlab/)**
51
- - **Icons**
52
- - [Home](https://www.svgrepo.com/svg/507739/home-alt)
53
- - [Search](https://www.svgrepo.com/svg/507850/search-alt)
54
- - [Globe](https://www.svgrepo.com/svg/507722/globe-alt)
55
- - [Download](https://www.svgrepo.com/svg/507665/download)
56
- - [Upload](http://svgrepo.com/svg/507878/upload)
57
- - [Edit](https://www.svgrepo.com/svg/507668/edit)
58
- - **License**: [MIT License](https://www.svgrepo.com/page/licensing#MIT)
59
- - **Modifications**: Changed the color and resized the icon.
60
-
61
- 2. **[krystonschwarze](https://www.svgrepo.com/author/krystonschwarze/)**
62
- - **Icons**
63
- - [User](https://www.svgrepo.com/svg/511185/user-02)
64
- - [Gear](https://www.svgrepo.com/svg/511122/settings)
65
- - [Bell](https://www.svgrepo.com/svg/510846/bell)
66
- - [Credit Card](http://svgrepo.com/svg/510942/credit-card-01?edit=true)
67
- - **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
68
- - **Modifications**: Changed the color and resized the icon.
69
-
70
- 3. **[Amir Baqian](https://www.svgrepo.com/author/Amir%20Baqian/)**
71
- - **Icons**
72
- - [Setting](https://www.svgrepo.com/svg/417812/setting-2)
73
- - **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
74
- - **Modifications**: Changed the color and resized the icon.
75
-
76
- 4. **[Element Plus](https://www.svgrepo.com/author/element-plus/)**
77
- - **Icons**
78
- - [Close](https://www.svgrepo.com/svg/500512/close-bold)
79
- - **License**: [MIT License](https://www.svgrepo.com/page/licensing#MIT)
80
- - **Modifications**: Changed the color and resized the icon.
81
- -
82
- 4. **[Gabriele Malaspina](https://www.svgrepo.com/author/Gabriele%20Malaspina/)**
83
- - **Icons**
84
- - [Lock](https://www.svgrepo.com/svg/489031/lock)
85
- - [UnLock](https://www.svgrepo.com/svg/489034/lock-open)
86
- - [Refresh](https://www.svgrepo.com/svg/489105/refresh)
87
- - **License**: [PD License.](https://www.svgrepo.com/page/licensing#PD)
88
- - **Modifications**: Changed the color and resized the icon.
89
-
90
- 5. **[Dazzle UI](https://www.svgrepo.com/author/Dazzle%20UI/)**
91
- - **Icons**
92
- - [Heart](https://www.svgrepo.com/svg/532468/heart-alt)
93
- - [Cloud](https://www.svgrepo.com/svg/532033/cloud)
94
- - [Cart](https://www.svgrepo.com/svg/533043/cart-shopping)
95
- - [AddCart](https://www.svgrepo.com/svg/533036/cart-arrow-down)
96
- - [RemoveCart](https://www.svgrepo.com/svg/533039/cart-arrow-up)
97
- - [File](http://svgrepo.com/svg/532747/file-alt)
98
- - [Folder](http://svgrepo.com/svg/532810/folder)
99
- - [Camera](https://www.svgrepo.com/svg/533059/camera)
100
- - [Video](https://www.svgrepo.com/svg/532727/video)
101
- - [Image](https://www.svgrepo.com/svg/532576/image-square)
102
- - **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
103
- - **Modifications**: Changed the color and resized the icon.
104
-
105
- 6. **[Solar Icons](https://www.svgrepo.com/author/Solar%20Icons/)**
106
- - **Icons**
107
- - [Star](https://www.svgrepo.com/svg/523056/star)
108
- - **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
109
- - **Modifications**: Changed the color and resized the icon.
110
-
111
- 7. **[afnizarnur](https://www.svgrepo.com/author/afnizarnur/)**
112
- - **Icons**
113
- - [Minus](https://www.svgrepo.com/svg/509380/minus)
114
- - [Plus](https://www.svgrepo.com/svg/509386/plus)
115
- - **License**: [MIT License](https://www.svgrepo.com/page/licensing#MIT)
116
- - **Modifications**: Changed the color and resized the icon.
117
-
package/dist/index.css DELETED
@@ -1 +0,0 @@
1
- *,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-12{margin-left:3rem;margin-right:3rem}.flex{display:flex}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-28{height:7rem}.h-9{height:2.25rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-36{width:9rem}.w-44{width:11rem}.w-\[50px\]{width:50px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-6{gap:1.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-primary-base{--tw-bg-opacity:1;background-color:rgb(100 32 170/var(--tw-bg-opacity,1))}.bg-secondary-base{--tw-bg-opacity:1;background-color:rgb(255 62 165/var(--tw-bg-opacity,1))}.bg-tertiary-base{--tw-bg-opacity:1;background-color:rgb(255 126 212/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-primary-text,.text-secondary-text,.text-tertiary-text{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.grayscale-\[60\%\]{--tw-grayscale:grayscale(60%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-primary-subdued:hover{--tw-bg-opacity:1;background-color:rgb(164 126 200/var(--tw-bg-opacity,1))}.hover\:bg-secondary-subdued:hover{--tw-bg-opacity:1;background-color:rgb(255 138 184/var(--tw-bg-opacity,1))}.hover\:bg-tertiary-subdued:hover{--tw-bg-opacity:1;background-color:rgb(242 168 196/var(--tw-bg-opacity,1))}.active\:bg-primary-highlight:active{--tw-bg-opacity:1;background-color:rgb(122 29 235/var(--tw-bg-opacity,1))}.active\:bg-secondary-highlight:active{--tw-bg-opacity:1;background-color:rgb(255 27 135/var(--tw-bg-opacity,1))}.active\:bg-tertiary-highlight:active{--tw-bg-opacity:1;background-color:rgb(255 87 185/var(--tw-bg-opacity,1))}.disabled\:bg-primary-subdued:disabled{--tw-bg-opacity:1;background-color:rgb(164 126 200/var(--tw-bg-opacity,1))}.disabled\:bg-secondary-subdued:disabled{--tw-bg-opacity:1;background-color:rgb(255 138 184/var(--tw-bg-opacity,1))}.disabled\:bg-tertiary-subdued:disabled{--tw-bg-opacity:1;background-color:rgb(242 168 196/var(--tw-bg-opacity,1))}