@bloodhoundenterprise/doodleui 1.0.0-alpha.3 → 1.0.0-alpha.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bloodhoundenterprise/doodleui",
3
- "version": "1.0.0-alpha.3",
3
+ "version": "1.0.0-alpha.31",
4
4
  "type": "module",
5
5
  "author": "SpecterOps",
6
6
  "repository": {
@@ -18,8 +18,8 @@
18
18
  "types": "./dist/index.d.ts",
19
19
  "license": "Apache-2.0",
20
20
  "scripts": {
21
- "dev": "yarn run storybook",
22
- "build": "tsc && vite build",
21
+ "dev": "yarn storybook",
22
+ "build": "tsc && vite build && yarn build:styles",
23
23
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
24
24
  "test": "TZ=America/Los_Angeles vitest",
25
25
  "prepack": "pinst --disable",
@@ -28,69 +28,95 @@
28
28
  "preview": "vite preview",
29
29
  "storybook": "storybook dev -p 6006",
30
30
  "build:storybook": "storybook build",
31
- "build:styles": "npx tailwindcss -i ./src/input.css -o ./src/output.css --watch",
32
- "generate-index": "tsx ./scripts/generateIndex.ts",
31
+ "build:styles": "npx tailwindcss -i ./src/input.css -o ./dist/styles.css --minify",
33
32
  "create-component": "tsx ./scripts/createComponent.ts",
34
- "postcreate-component": "yarn run generate-index",
35
33
  "format:check": "npx prettier . --check",
36
34
  "format:write": "npx prettier . --write",
37
35
  "update-badge": "tsx ./scripts/updateVersionBadge.ts $npm_package_version $PROJECT_CWD"
38
36
  },
39
37
  "dependencies": {
40
38
  "@radix-ui/react-accordion": "^1.1.2",
41
- "@radix-ui/react-slot": "^1.0.2",
39
+ "@radix-ui/react-checkbox": "^1.1.2",
40
+ "@radix-ui/react-dialog": "^1.1.2",
41
+ "@radix-ui/react-label": "^2.1.7",
42
+ "@radix-ui/react-popover": "^1.1.2",
43
+ "@radix-ui/react-select": "^2.1.1",
44
+ "@radix-ui/react-slot": "^1.2.3",
42
45
  "@radix-ui/react-switch": "^1.0.2",
43
- "@radix-ui/react-tooltip": "^1.0.7",
46
+ "@radix-ui/react-tabs": "^1.1.8",
47
+ "@radix-ui/react-tooltip": "^1.1.3",
48
+ "@radix-ui/react-visually-hidden": "^1.1.0",
49
+ "@tanstack/react-table": "^8.17.3",
50
+ "@tanstack/react-virtual": "^3.13.12",
44
51
  "class-variance-authority": "^0.7.0",
45
52
  "clsx": "^2.1.1",
46
- "react": "^18.2.0",
47
- "react-dom": "^18.2.0"
53
+ "date-fns": "^3.0.0",
54
+ "embla-carousel": "^8.3.0",
55
+ "embla-carousel-autoplay": "^8.3.0",
56
+ "embla-carousel-react": "^8.3.0",
57
+ "lucide-react": "^0.436.0",
58
+ "react-day-picker": "8.10.1",
59
+ "react-hook-form": "^7.61.1",
60
+ "tailwind-merge": "^2.3.0",
61
+ "tailwindcss-animate": "^1.0.7"
48
62
  },
49
63
  "devDependencies": {
50
64
  "@chromatic-com/storybook": "^1.3.3",
65
+ "@faker-js/faker": "^9.0.3",
51
66
  "@fontsource/roboto": "^5.0.13",
52
67
  "@fortawesome/fontawesome-svg-core": "^6.5.2",
53
68
  "@fortawesome/free-brands-svg-icons": "^6.5.2",
54
69
  "@fortawesome/free-regular-svg-icons": "^6.5.2",
55
70
  "@fortawesome/free-solid-svg-icons": "^6.5.2",
56
71
  "@fortawesome/react-fontawesome": "^0.2.2",
57
- "@storybook/addon-a11y": "^8.1.5",
58
- "@storybook/addon-essentials": "^8.1.5",
59
- "@storybook/addon-interactions": "^8.1.5",
72
+ "@mona-health/react-input-mask": "^3.0.3",
73
+ "@storybook/addon-a11y": "^8.3.6",
74
+ "@storybook/addon-essentials": "^8.3.6",
75
+ "@storybook/addon-interactions": "^8.3.6",
60
76
  "@storybook/addon-links": "^8.1.5",
61
77
  "@storybook/addon-onboarding": "^8.1.5",
62
78
  "@storybook/addon-themes": "^8.1.5",
63
- "@storybook/blocks": "^8.1.5",
79
+ "@storybook/blocks": "^8.3.6",
64
80
  "@storybook/manager-api": "^8.1.5",
65
- "@storybook/react": "^8.1.5",
66
- "@storybook/react-vite": "^8.1.5",
67
- "@storybook/test": "^8.1.5",
81
+ "@storybook/react": "^8.3.6",
82
+ "@storybook/react-vite": "^8.3.6",
83
+ "@storybook/test": "^8.3.6",
68
84
  "@storybook/theming": "^8.1.5",
85
+ "@types/luxon": "^3.7.1",
69
86
  "@types/node": "^20.12.7",
70
87
  "@types/react": "^18.2.66",
71
88
  "@types/react-dom": "^18.2.22",
72
89
  "@typescript-eslint/eslint-plugin": "^7.2.0",
73
90
  "@typescript-eslint/parser": "^7.2.0",
74
91
  "@vitejs/plugin-react": "^4.2.1",
92
+ "autoprefixer": "^10.4.20",
75
93
  "eslint": "^8.57.0",
76
94
  "eslint-config-prettier": "^9.1.0",
77
- "eslint-plugin-jsx-a11y": "^6.8.0",
95
+ "eslint-plugin-jsx-a11y": "^6.10.2",
78
96
  "eslint-plugin-react-hooks": "^4.6.0",
79
97
  "eslint-plugin-react-refresh": "^0.4.6",
80
98
  "eslint-plugin-storybook": "^0.8.0",
81
99
  "husky": "^9.0.11",
82
100
  "jsdom": "^24.1.0",
101
+ "luxon": "^3.7.1",
83
102
  "pinst": "^3.0.0",
103
+ "postcss": "^8.4.49",
84
104
  "prettier": "3.3.1",
85
- "storybook": "^8.1.5",
86
- "tailwind-merge": "^2.3.0",
105
+ "prettier-plugin-organize-imports": "^4.2.0",
106
+ "react": "^18.2.0",
107
+ "react-dom": "^18.2.0",
108
+ "storybook": "^8.3.6",
87
109
  "tailwindcss": "^3.4.3",
88
- "tailwindcss-animate": "^1.0.7",
89
110
  "tsx": "^4.7.3",
90
- "typescript": "^5.2.2",
91
- "vite": "^5.2.11",
92
- "vite-plugin-dts": "^3.9.1",
93
- "vitest": "^1.6.0"
111
+ "typescript": "^5.6.3",
112
+ "vite": "^5.4.12",
113
+ "vite-plugin-dts": "^4.4.0",
114
+ "vitest": "^2.1.5"
115
+ },
116
+ "peerDependencies": {
117
+ "react": "^18.2.0",
118
+ "react-dom": "^18.2.0",
119
+ "tailwindcss": "^3.4.3"
94
120
  },
95
121
  "packageManager": "yarn@4.3.0"
96
122
  }
package/dist/style.css DELETED
@@ -1 +0,0 @@
1
- *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Roboto,Helvetica,Arial,sans-serif;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,samp,pre{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:baseline}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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--primary: #33318f;--primary-variant: #261f7a;--secondary: #1a30ff;--secondary-variant: #0524f0;--secondary-variant-2: #99a3ff;--tertiary: #02c577;--tertiary-variant: #5cc791;--neutral-light-1: #ffffff;--neutral-light-2: #f9f9f9;--neutral-light-3: #eef0f2;--neutral-light-4: #e3e7ea;--neutral-light-5: #dadee1;--neutral-dark-0: #1d192b;--neutral-dark-1: #1d1b20;--neutral-dark-2: #211f26;--neutral-dark-3: #2b2930;--neutral-dark-4: #2b2930;--neutral-dark-5: #36343b;--purple: #b553ec;--red: #ff3838;--orange: #ffa86d;--yellow: #ffd64c;--green: #99fb98;--blue: #2dccff}*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::backdrop{--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: rgb(59 130 246 / .5);--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: }.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-start-4{grid-column-start:4}.row-start-2{grid-row-start:2}.row-start-4{grid-row-start:4}.row-end-7{grid-row-end:7}.-ml-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-\[3px\]{margin-bottom:3px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-8{width:2rem;height:2rem}.size-\[32px\]{width:32px;height:32px}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[var\(--radix-tooltip-trigger-width\)\]{width:var(--radix-tooltip-trigger-width)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.flex-1{flex:1 1 0%}.origin-center{transform-origin:center}.-translate-x-1{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-2{--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-neutral-dark-1{border-color:var(--neutral-dark-1)}.border-neutral-light-5{border-color:var(--neutral-light-5)}.bg-neutral-dark-1{background-color:var(--neutral-dark-1)}.bg-neutral-dark-5{background-color:var(--neutral-dark-5)}.bg-neutral-light-2{background-color:var(--neutral-light-2)}.bg-neutral-light-3{background-color:var(--neutral-light-3)}.bg-neutral-light-5{background-color:var(--neutral-light-5)}.bg-primary{background-color:var(--primary)}.bg-transparent{background-color:transparent}.stroke-current{stroke:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.leading-\[1\]{line-height:1}.text-neutral-dark-0{color:var(--neutral-dark-0)}.text-neutral-dark-1{color:var(--neutral-dark-1)}.text-neutral-dark-5{color:var(--neutral-dark-5)}.text-neutral-light-1{color:var(--neutral-light-1)}.text-neutral-light-4{color:var(--neutral-light-4)}.text-primary{color:var(--primary)}.text-tertiary{color:var(--tertiary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner1xl{--tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2) inset;--tw-shadow-colored: inset 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-outer-1{--tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-primary{--tw-ring-color: var(--primary)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.clip-right-rounded{clip-path:inset(0 .5px 0 -100vw round .25rem)}.clip-left-rounded{clip-path:inset(0 -100vw 0 0 round .25rem)}.TooltipContent[data-side=top]{animation-name:slideUp}.TooltipContent[data-side=bottom]{animation-name:slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body,.docs-story{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body:is(.dark *),.docs-story:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-2:hover{border-width:2px}.hover\:border-secondary:hover{border-color:var(--secondary)}.hover\:border-tertiary:hover{border-color:var(--tertiary)}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:bg-tertiary:hover{background-color:var(--tertiary)}.hover\:text-secondary:hover{color:var(--secondary)}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:border-none:active{border-style:none}.active\:text-primary:active{color:var(--primary)}.active\:underline:active{text-decoration-line:underline}.active\:no-underline:active{text-decoration-line:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-neutral-light-5:disabled{background-color:var(--neutral-light-5)}.disabled\:opacity-50:disabled{opacity:.5}.group:focus .group-focus\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:focus-visible .group-focus-visible\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:disabled .group-disabled\:hover\:ring-0:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:hover~.peer-hover\:-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:hover~.peer-hover\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:hover~.peer-hover\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-3[data-state=checked]{--tw-translate-x: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:shadow-outer-2[data-state=checked]{--tw-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .3);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=checked\]\:ring-1[data-state=checked]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.data-\[state\=checked\]\:hover\:ring-2:hover[data-state=checked]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dark\:border-neutral-light-1:is(.dark *){border-color:var(--neutral-light-1)}.dark\:bg-neutral-dark-5:is(.dark *){background-color:var(--neutral-dark-5)}.dark\:bg-neutral-light-1:is(.dark *){background-color:var(--neutral-light-1)}.dark\:bg-neutral-light-5:is(.dark *){background-color:var(--neutral-light-5)}.dark\:text-neutral-light-1:is(.dark *){color:var(--neutral-light-1)}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:dark\:text-neutral-dark-0:is(.dark *):hover{color:var(--neutral-dark-0)}.hover\:dark\:text-secondary-variant-2:is(.dark *):hover{color:var(--secondary-variant-2)}.active\:dark\:text-neutral-light-5:is(.dark *):active{color:var(--neutral-light-5)}.dark\:data-\[state\=checked\]\:bg-primary[data-state=checked]:is(.dark *){background-color:var(--primary)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}