diff --git a/.github/actions/install_deps/action.yml b/.github/actions/install_deps/action.yml index e1077bf..9d7a038 100644 --- a/.github/actions/install_deps/action.yml +++ b/.github/actions/install_deps/action.yml @@ -19,4 +19,4 @@ runs: - name: Install Dependencies shell: bash - run: pnpm install --frozen-lockfile \ No newline at end of file + run: pnpm install --frozen-lockfile diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index d89b354..ab11a61 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -75,4 +75,3 @@ jobs: - name: Build id: 'build' run: pnpm run build - diff --git a/apps/coderum-dev/.eslintrc.cjs b/apps/coderum-dev/.eslintrc.cjs index ad7709f..9ac4400 100644 --- a/apps/coderum-dev/.eslintrc.cjs +++ b/apps/coderum-dev/.eslintrc.cjs @@ -5,9 +5,7 @@ const config = { project: true, }, plugins: ['@typescript-eslint', 'drizzle'], - extends: [ - '@repo/eslint-config/next.js', - ], + extends: ['@repo/eslint-config/next.js'], }; module.exports = config; diff --git a/apps/coderum-dev/src/styles/globals.css b/apps/coderum-dev/src/styles/globals.css index 4cb4b4c..b98844a 100644 --- a/apps/coderum-dev/src/styles/globals.css +++ b/apps/coderum-dev/src/styles/globals.css @@ -8,51 +8,50 @@ @layer base { :root { - --background: 0 0% 100%; - --foreground: 240 10% 3.9%; - --card: 0 0% 100%; - --card-foreground: 240 10% 3.9%; - --popover: 0 0% 100%; - --popover-foreground: 240 10% 3.9%; - --primary: 346.8 77.2% 49.8%; - --primary-foreground: 355.7 100% 97.3%; - --secondary: 240 4.8% 95.9%; - --secondary-foreground: 240 5.9% 10%; - --muted: 240 4.8% 95.9%; - --muted-foreground: 240 3.8% 46.1%; - --accent: 240 4.8% 95.9%; - --accent-foreground: 240 5.9% 10%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 0 0% 98%; - --border: 240 5.9% 90%; - --input: 240 5.9% 90%; - --ring: 346.8 77.2% 49.8%; - --radius: 0.5rem; + --background: 0 0% 100%; + --foreground: 240 10% 3.9%; + --card: 0 0% 100%; + --card-foreground: 240 10% 3.9%; + --popover: 0 0% 100%; + --popover-foreground: 240 10% 3.9%; + --primary: 346.8 77.2% 49.8%; + --primary-foreground: 355.7 100% 97.3%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; + --ring: 346.8 77.2% 49.8%; + --radius: 0.5rem; } - + .dark { - --background: 20 14.3% 4.1%; - --foreground: 0 0% 95%; - --card: 24 9.8% 10%; - --card-foreground: 0 0% 95%; - --popover: 0 0% 9%; - --popover-foreground: 0 0% 95%; - --primary: 346.8 77.2% 49.8%; - --primary-foreground: 355.7 100% 97.3%; - --secondary: 240 3.7% 15.9%; - --secondary-foreground: 0 0% 98%; - --muted: 0 0% 15%; - --muted-foreground: 240 5% 64.9%; - --accent: 12 6.5% 15.1%; - --accent-foreground: 0 0% 98%; - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 0 85.7% 97.3%; - --border: 240 3.7% 15.9%; - --input: 240 3.7% 15.9%; - --ring: 346.8 77.2% 49.8%; + --background: 20 14.3% 4.1%; + --foreground: 0 0% 95%; + --card: 24 9.8% 10%; + --card-foreground: 0 0% 95%; + --popover: 0 0% 9%; + --popover-foreground: 0 0% 95%; + --primary: 346.8 77.2% 49.8%; + --primary-foreground: 355.7 100% 97.3%; + --secondary: 240 3.7% 15.9%; + --secondary-foreground: 0 0% 98%; + --muted: 0 0% 15%; + --muted-foreground: 240 5% 64.9%; + --accent: 12 6.5% 15.1%; + --accent-foreground: 0 0% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 85.7% 97.3%; + --border: 240 3.7% 15.9%; + --input: 240 3.7% 15.9%; + --ring: 346.8 77.2% 49.8%; } - } - +} @layer base { * { diff --git a/packages/ui/src/stories/alert-dialog.stories.tsx b/packages/ui/src/stories/alert-dialog.stories.tsx index 699d1b1..45dfcc3 100644 --- a/packages/ui/src/stories/alert-dialog.stories.tsx +++ b/packages/ui/src/stories/alert-dialog.stories.tsx @@ -1,39 +1,39 @@ import { Meta, StoryObj } from '@storybook/react'; import { - AlertDialog, - AlertDialogAction, - AlertDialogCancel, - AlertDialogContent, - AlertDialogDescription, - AlertDialogFooter, - AlertDialogHeader, - AlertDialogTitle, - AlertDialogTrigger, - } from "../alert-dialog" - import { Button } from "../button" - + AlertDialog, + AlertDialogAction, + AlertDialogCancel, + AlertDialogContent, + AlertDialogDescription, + AlertDialogFooter, + AlertDialogHeader, + AlertDialogTitle, + AlertDialogTrigger, +} from '../alert-dialog'; +import { Button } from '../button'; + function AlertDialogPreview() { - return ( - - - - - - - Are you absolutely sure? - - This action cannot be undone. This will permanently delete your - account and remove your data from our servers. - - - - Cancel - Continue - - - - ) - } + return ( + + + + + + + Are you absolutely sure? + + This action cannot be undone. This will permanently delete your account and remove your data from our + servers. + + + + Cancel + Continue + + + + ); +} const meta = { title: 'Coderum/Alert Dialog', diff --git a/packages/ui/src/styles/global.css b/packages/ui/src/styles/global.css index 9039ac0..b40d2ad 100644 --- a/packages/ui/src/styles/global.css +++ b/packages/ui/src/styles/global.css @@ -8,57 +8,56 @@ @layer base { :root { - --font-sans: 'Monserrat' + --font-sans: 'Monserrat'; } } @layer base { :root { - --background: 0 0% 100%; - --foreground: 240 10% 3.9%; - --card: 0 0% 100%; - --card-foreground: 240 10% 3.9%; - --popover: 0 0% 100%; - --popover-foreground: 240 10% 3.9%; - --primary: 346.8 77.2% 49.8%; - --primary-foreground: 355.7 100% 97.3%; - --secondary: 240 4.8% 95.9%; - --secondary-foreground: 240 5.9% 10%; - --muted: 240 4.8% 95.9%; - --muted-foreground: 240 3.8% 46.1%; - --accent: 240 4.8% 95.9%; - --accent-foreground: 240 5.9% 10%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 0 0% 98%; - --border: 240 5.9% 90%; - --input: 240 5.9% 90%; - --ring: 346.8 77.2% 49.8%; - --radius: 1rem; + --background: 0 0% 100%; + --foreground: 240 10% 3.9%; + --card: 0 0% 100%; + --card-foreground: 240 10% 3.9%; + --popover: 0 0% 100%; + --popover-foreground: 240 10% 3.9%; + --primary: 346.8 77.2% 49.8%; + --primary-foreground: 355.7 100% 97.3%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; + --ring: 346.8 77.2% 49.8%; + --radius: 1rem; } - + .dark { - --background: 20 14.3% 4.1%; - --foreground: 0 0% 95%; - --card: 24 9.8% 10%; - --card-foreground: 0 0% 95%; - --popover: 0 0% 9%; - --popover-foreground: 0 0% 95%; - --primary: 346.8 77.2% 49.8%; - --primary-foreground: 355.7 100% 97.3%; - --secondary: 240 3.7% 15.9%; - --secondary-foreground: 0 0% 98%; - --muted: 0 0% 15%; - --muted-foreground: 240 5% 64.9%; - --accent: 12 6.5% 15.1%; - --accent-foreground: 0 0% 98%; - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 0 85.7% 97.3%; - --border: 240 3.7% 15.9%; - --input: 240 3.7% 15.9%; - --ring: 346.8 77.2% 49.8%; + --background: 20 14.3% 4.1%; + --foreground: 0 0% 95%; + --card: 24 9.8% 10%; + --card-foreground: 0 0% 95%; + --popover: 0 0% 9%; + --popover-foreground: 0 0% 95%; + --primary: 346.8 77.2% 49.8%; + --primary-foreground: 355.7 100% 97.3%; + --secondary: 240 3.7% 15.9%; + --secondary-foreground: 0 0% 98%; + --muted: 0 0% 15%; + --muted-foreground: 240 5% 64.9%; + --accent: 12 6.5% 15.1%; + --accent-foreground: 0 0% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 85.7% 97.3%; + --border: 240 3.7% 15.9%; + --input: 240 3.7% 15.9%; + --ring: 346.8 77.2% 49.8%; } - } - +} @layer base { * { diff --git a/packages/ui/src/styles/tailwind.css b/packages/ui/src/styles/tailwind.css index c5163ce..77ea870 100644 --- a/packages/ui/src/styles/tailwind.css +++ b/packages/ui/src/styles/tailwind.css @@ -10,19 +10,19 @@ *, ::before, ::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ } ::before, ::after { - --tw-content: ''; + --tw-content: ''; } /* @@ -37,23 +37,24 @@ html, :host { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ - font-variation-settings: normal; - /* 6 */ - -webkit-tap-highlight-color: transparent; - /* 7 */ + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', + 'Segoe UI Symbol', 'Noto Color Emoji'; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -62,10 +63,10 @@ html, */ body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ } /* @@ -75,12 +76,12 @@ body { */ hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ } /* @@ -88,8 +89,8 @@ Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; } /* @@ -102,8 +103,8 @@ h3, h4, h5, h6 { - font-size: inherit; - font-weight: inherit; + font-size: inherit; + font-weight: inherit; } /* @@ -111,8 +112,8 @@ Reset links to optimize for opt-in styling instead of opt-out. */ a { - color: inherit; - text-decoration: inherit; + color: inherit; + text-decoration: inherit; } /* @@ -121,7 +122,7 @@ Add the correct font weight in Edge and Safari. b, strong { - font-weight: bolder; + font-weight: bolder; } /* @@ -135,14 +136,14 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-feature-settings: normal; - /* 2 */ - font-variation-settings: normal; - /* 3 */ - font-size: 1em; - /* 4 */ + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -150,7 +151,7 @@ Add the correct font size in all browsers. */ small { - font-size: 80%; + font-size: 80%; } /* @@ -159,18 +160,18 @@ Prevent `sub` and `sup` elements from affecting the line height in all browsers. sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* @@ -180,12 +181,12 @@ sup { */ table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ } /* @@ -199,24 +200,24 @@ input, optgroup, select, textarea { - font-family: inherit; - /* 1 */ - font-feature-settings: inherit; - /* 1 */ - font-variation-settings: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ } /* @@ -225,7 +226,7 @@ Remove the inheritance of text transform in Edge and Firefox. button, select { - text-transform: none; + text-transform: none; } /* @@ -237,12 +238,12 @@ button, [type='button'], [type='reset'], [type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ } /* @@ -250,7 +251,7 @@ Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { - outline: auto; + outline: auto; } /* @@ -258,7 +259,7 @@ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/ */ :-moz-ui-invalid { - box-shadow: none; + box-shadow: none; } /* @@ -266,7 +267,7 @@ Add the correct vertical alignment in Chrome and Firefox. */ progress { - vertical-align: baseline; + vertical-align: baseline; } /* @@ -275,7 +276,7 @@ Correct the cursor style of increment and decrement buttons in Safari. ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { - height: auto; + height: auto; } /* @@ -284,10 +285,10 @@ Correct the cursor style of increment and decrement buttons in Safari. */ [type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ } /* @@ -295,7 +296,7 @@ Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /* @@ -304,10 +305,10 @@ Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } /* @@ -315,7 +316,7 @@ Add the correct display in Chrome and Safari. */ summary { - display: list-item; + display: list-item; } /* @@ -335,24 +336,24 @@ hr, figure, p, pre { - margin: 0; + margin: 0; } fieldset { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } legend { - padding: 0; + padding: 0; } ol, ul, menu { - list-style: none; - margin: 0; - padding: 0; + list-style: none; + margin: 0; + padding: 0; } /* @@ -360,7 +361,7 @@ Reset default styling for dialogs. */ dialog { - padding: 0; + padding: 0; } /* @@ -368,7 +369,7 @@ Prevent resizing textareas horizontally by default. */ textarea { - resize: vertical; + resize: vertical; } /* @@ -376,19 +377,20 @@ textarea { 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ +input::-moz-placeholder, +textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ } input::placeholder, textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ } /* @@ -396,8 +398,8 @@ Set the default cursor for buttons. */ button, -[role="button"] { - cursor: pointer; +[role='button'] { + cursor: pointer; } /* @@ -405,7 +407,7 @@ Make sure disabled buttons don't get the pointer cursor. */ :disabled { - cursor: default; + cursor: default; } /* @@ -422,10 +424,10 @@ audio, iframe, embed, object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ } /* @@ -434,1028 +436,1038 @@ Constrain images and videos to the parent width and preserve their intrinsic asp img, video { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { - display: none; + display: none; } :root { - --font-sans: 'Monserrat' - ; - --background: 0 0% 100%; - --foreground: 240 10% 3.9%; - --card: 0 0% 100%; - --card-foreground: 240 10% 3.9%; - --popover: 0 0% 100%; - --popover-foreground: 240 10% 3.9%; - --primary: 346.8 77.2% 49.8%; - --primary-foreground: 355.7 100% 97.3%; - --secondary: 240 4.8% 95.9%; - --secondary-foreground: 240 5.9% 10%; - --muted: 240 4.8% 95.9%; - --muted-foreground: 240 3.8% 46.1%; - --accent: 240 4.8% 95.9%; - --accent-foreground: 240 5.9% 10%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 0 0% 98%; - --border: 240 5.9% 90%; - --input: 240 5.9% 90%; - --ring: 346.8 77.2% 49.8%; - --radius: 1rem + --font-sans: 'Monserrat'; + --background: 0 0% 100%; + --foreground: 240 10% 3.9%; + --card: 0 0% 100%; + --card-foreground: 240 10% 3.9%; + --popover: 0 0% 100%; + --popover-foreground: 240 10% 3.9%; + --primary: 346.8 77.2% 49.8%; + --primary-foreground: 355.7 100% 97.3%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; + --ring: 346.8 77.2% 49.8%; + --radius: 1rem; } * { - border-color: hsl(var(--border)); + border-color: hsl(var(--border)); } body { - background-color: hsl(var(--background)); - color: hsl(var(--foreground)); - font-feature-settings: - 'rlig' 1, - 'calt' 1; -} - -*, ::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 / 0.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: ; + background-color: hsl(var(--background)); + color: hsl(var(--foreground)); + font-feature-settings: + 'rlig' 1, + 'calt' 1; +} + +*, +::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 / 0.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: ; } ::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 / 0.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-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 / 0.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: ; } .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } .pointer-events-none { - pointer-events: none; + pointer-events: none; } .fixed { - position: fixed; + position: fixed; } .relative { - position: relative; + position: relative; } .inset-0 { - inset: 0px; + inset: 0px; } .left-\[50\%\] { - left: 50%; + left: 50%; } .top-\[50\%\] { - top: 50%; + top: 50%; } .z-50 { - z-index: 50; + z-index: 50; } .mb-1 { - margin-bottom: 0.25rem; + margin-bottom: 0.25rem; } .mt-2 { - margin-top: 0.5rem; + margin-top: 0.5rem; } .block { - display: block; + display: block; } .flex { - display: flex; + display: flex; } .inline-flex { - display: inline-flex; + display: inline-flex; } .grid { - display: grid; + display: grid; } .aspect-square { - aspect-ratio: 1 / 1; + aspect-ratio: 1 / 1; } .h-10 { - height: 2.5rem; + height: 2.5rem; } .h-11 { - height: 2.75rem; + height: 2.75rem; } .h-4 { - height: 1rem; + height: 1rem; } .h-5 { - height: 1.25rem; + height: 1.25rem; } .h-6 { - height: 1.5rem; + height: 1.5rem; } .h-9 { - height: 2.25rem; + height: 2.25rem; } .h-\[1px\] { - height: 1px; + height: 1px; } .h-full { - height: 100%; + height: 100%; } .w-10 { - width: 2.5rem; + width: 2.5rem; } .w-11 { - width: 2.75rem; + width: 2.75rem; } .w-4 { - width: 1rem; + width: 1rem; } .w-5 { - width: 1.25rem; + width: 1.25rem; } .w-64 { - width: 16rem; + width: 16rem; } .w-9 { - width: 2.25rem; + width: 2.25rem; } .w-\[1px\] { - width: 1px; + width: 1px; } .w-\[300px\] { - width: 300px; + width: 300px; } .w-full { - width: 100%; + width: 100%; } .max-w-lg { - max-width: 32rem; + max-width: 32rem; } .shrink-0 { - flex-shrink: 0; + flex-shrink: 0; } .translate-x-\[-50\%\] { - --tw-translate-x: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + --tw-translate-x: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) + skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\] { - --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) + skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse { - 50% { - opacity: .5; - } + 50% { + opacity: 0.5; + } } .animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .cursor-pointer { - cursor: pointer; + cursor: pointer; } .flex-col { - flex-direction: column; + flex-direction: column; } .flex-col-reverse { - flex-direction: column-reverse; + flex-direction: column-reverse; } .flex-wrap { - flex-wrap: wrap; + flex-wrap: wrap; } .items-center { - align-items: center; + align-items: center; } .justify-center { - justify-content: center; + justify-content: center; } .gap-1 { - gap: 0.25rem; + gap: 0.25rem; } .gap-1\.5 { - gap: 0.375rem; + gap: 0.375rem; } .gap-4 { - gap: 1rem; + gap: 1rem; } .space-y-1 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); + --tw-space-y-reverse: 0; + margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .overflow-hidden { - overflow: hidden; + overflow: hidden; } .whitespace-nowrap { - white-space: nowrap; + white-space: nowrap; } .break-words { - overflow-wrap: break-word; + overflow-wrap: break-word; } .rounded-full { - border-radius: 9999px; + border-radius: 9999px; } .rounded-lg { - border-radius: var(--radius); + border-radius: var(--radius); } .rounded-md { - border-radius: calc(var(--radius) - 2px); + border-radius: calc(var(--radius) - 2px); } .rounded-sm { - border-radius: calc(var(--radius) - 4px); + border-radius: calc(var(--radius) - 4px); } .border { - border-width: 1px; + border-width: 1px; } .border-2 { - border-width: 2px; + border-width: 2px; } .border-destructive\/50 { - border-color: hsl(var(--destructive) / 0.5); + border-color: hsl(var(--destructive) / 0.5); } .border-input { - border-color: hsl(var(--input)); + border-color: hsl(var(--input)); } .border-transparent { - border-color: transparent; + border-color: transparent; } .bg-background { - background-color: hsl(var(--background)); + background-color: hsl(var(--background)); } .bg-black\/80 { - background-color: rgb(0 0 0 / 0.8); + background-color: rgb(0 0 0 / 0.8); } .bg-border { - background-color: hsl(var(--border)); + background-color: hsl(var(--border)); } .bg-card { - background-color: hsl(var(--card)); + background-color: hsl(var(--card)); } .bg-destructive { - background-color: hsl(var(--destructive)); + background-color: hsl(var(--destructive)); } .bg-muted { - background-color: hsl(var(--muted)); + background-color: hsl(var(--muted)); } .bg-popover { - background-color: hsl(var(--popover)); + background-color: hsl(var(--popover)); } .bg-primary { - background-color: hsl(var(--primary)); + background-color: hsl(var(--primary)); } .bg-secondary { - background-color: hsl(var(--secondary)); + background-color: hsl(var(--secondary)); } .object-cover { - -o-object-fit: cover; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } .p-1 { - padding: 0.25rem; + padding: 0.25rem; } .p-4 { - padding: 1rem; + padding: 1rem; } .p-6 { - padding: 1.5rem; + padding: 1.5rem; } .px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + padding-left: 0.625rem; + padding-right: 0.625rem; } .px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .px-4 { - padding-left: 1rem; - padding-right: 1rem; + padding-left: 1rem; + padding-right: 1rem; } .px-8 { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 2rem; + padding-right: 2rem; } .py-0 { - padding-top: 0px; - padding-bottom: 0px; + padding-top: 0px; + padding-bottom: 0px; } .py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; } .py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + padding-top: 0.375rem; + padding-bottom: 0.375rem; } .py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .pt-0 { - padding-top: 0px; + padding-top: 0px; } .text-center { - text-align: center; + text-align: center; } .text-2xl { - font-size: 1.5rem; - line-height: 2rem; + font-size: 1.5rem; + line-height: 2rem; } .text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + font-size: 1.125rem; + line-height: 1.75rem; } .text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + font-size: 0.875rem; + line-height: 1.25rem; } .text-xs { - font-size: 0.75rem; - line-height: 1rem; + font-size: 0.75rem; + line-height: 1rem; } .font-medium { - font-weight: 500; + font-weight: 500; } .font-normal { - font-weight: 400; + font-weight: 400; } .font-semibold { - font-weight: 600; + font-weight: 600; } .leading-none { - line-height: 1; + line-height: 1; } .tracking-tight { - letter-spacing: -0.025em; + letter-spacing: -0.025em; } .text-card-foreground { - color: hsl(var(--card-foreground)); + color: hsl(var(--card-foreground)); } .text-destructive { - color: hsl(var(--destructive)); + color: hsl(var(--destructive)); } .text-destructive-foreground { - color: hsl(var(--destructive-foreground)); + color: hsl(var(--destructive-foreground)); } .text-foreground { - color: hsl(var(--foreground)); + color: hsl(var(--foreground)); } .text-muted-foreground { - color: hsl(var(--muted-foreground)); + color: hsl(var(--muted-foreground)); } .text-popover-foreground { - color: hsl(var(--popover-foreground)); + color: hsl(var(--popover-foreground)); } .text-primary { - color: hsl(var(--primary)); + color: hsl(var(--primary)); } .text-primary-foreground { - color: hsl(var(--primary-foreground)); + color: hsl(var(--primary-foreground)); } .text-secondary-foreground { - color: hsl(var(--secondary-foreground)); + color: hsl(var(--secondary-foreground)); } .underline-offset-4 { - text-underline-offset: 4px; + text-underline-offset: 4px; } .shadow-\[0_2px_10px\] { - --tw-shadow: 0 2px 10px; - --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 2px 10px; + --tw-shadow-colored: 0 2px 10px 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-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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 / 0.1), 0 2px 4px -2px rgb(0 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); + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 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-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + outline: 2px solid transparent; + outline-offset: 2px; } .outline { - outline-style: solid; + outline-style: solid; } .ring-0 { - --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); + --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); } .ring-offset-background { - --tw-ring-offset-color: hsl(var(--background)); + --tw-ring-offset-color: hsl(var(--background)); } .transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .transition-colors { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .duration-200 { - transition-duration: 200ms; + transition-duration: 200ms; } @keyframes enter { - from { - opacity: var(--tw-enter-opacity, 1); - transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); - } + from { + opacity: var(--tw-enter-opacity, 1); + transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) + scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) + rotate(var(--tw-enter-rotate, 0)); + } } @keyframes exit { - to { - opacity: var(--tw-exit-opacity, 1); - transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); - } + to { + opacity: var(--tw-exit-opacity, 1); + transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) + scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) + rotate(var(--tw-exit-rotate, 0)); + } } .duration-200 { - animation-duration: 200ms; + animation-duration: 200ms; } [type='text']:focus { - box-shadow: none; + box-shadow: none; } .file\:border-0::file-selector-button { - border-width: 0px; + border-width: 0px; } .file\:bg-transparent::file-selector-button { - background-color: transparent; + background-color: transparent; } .file\:text-sm::file-selector-button { - font-size: 0.875rem; - line-height: 1.25rem; + font-size: 0.875rem; + line-height: 1.25rem; } .file\:font-medium::file-selector-button { - font-weight: 500; + font-weight: 500; } .placeholder\:text-muted-foreground::-moz-placeholder { - color: hsl(var(--muted-foreground)); + color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder { - color: hsl(var(--muted-foreground)); + color: hsl(var(--muted-foreground)); } .hover\:bg-accent:hover { - background-color: hsl(var(--accent)); + background-color: hsl(var(--accent)); } .hover\:bg-destructive\/80:hover { - background-color: hsl(var(--destructive) / 0.8); + background-color: hsl(var(--destructive) / 0.8); } .hover\:bg-destructive\/90:hover { - background-color: hsl(var(--destructive) / 0.9); + background-color: hsl(var(--destructive) / 0.9); } .hover\:bg-primary\/80:hover { - background-color: hsl(var(--primary) / 0.8); + background-color: hsl(var(--primary) / 0.8); } .hover\:bg-primary\/90:hover { - background-color: hsl(var(--primary) / 0.9); + background-color: hsl(var(--primary) / 0.9); } .hover\:bg-secondary\/80:hover { - background-color: hsl(var(--secondary) / 0.8); + background-color: hsl(var(--secondary) / 0.8); } .hover\:text-accent-foreground:hover { - color: hsl(var(--accent-foreground)); + color: hsl(var(--accent-foreground)); } .hover\:text-foreground:hover { - color: hsl(var(--foreground)); + color: hsl(var(--foreground)); } .hover\:underline:hover { - text-decoration-line: underline; + text-decoration-line: underline; } .focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + outline: 2px solid transparent; + outline-offset: 2px; } .focus\:ring-2:focus { - --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); + --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\:ring-ring:focus { - --tw-ring-color: hsl(var(--ring)); + --tw-ring-color: hsl(var(--ring)); } .focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; + --tw-ring-offset-width: 2px; } .focus-visible\:outline-none:focus-visible { - outline: 2px solid transparent; - outline-offset: 2px; + 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); + --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-ring:focus-visible { - --tw-ring-color: hsl(var(--ring)); + --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-offset-2:focus-visible { - --tw-ring-offset-width: 2px; + --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-background:focus-visible { - --tw-ring-offset-color: hsl(var(--background)); + --tw-ring-offset-color: hsl(var(--background)); } .disabled\:pointer-events-none:disabled { - pointer-events: none; + pointer-events: none; } .disabled\:cursor-not-allowed:disabled { - cursor: not-allowed; + cursor: not-allowed; } .disabled\:opacity-50:disabled { - opacity: 0.5; + opacity: 0.5; } .group.toaster .group-\[\.toaster\]\:border-border { - border-color: hsl(var(--border)); + border-color: hsl(var(--border)); } .group.toast .group-\[\.toast\]\:bg-muted { - background-color: hsl(var(--muted)); + background-color: hsl(var(--muted)); } .group.toast .group-\[\.toast\]\:bg-primary { - background-color: hsl(var(--primary)); + background-color: hsl(var(--primary)); } .group.toaster .group-\[\.toaster\]\:bg-background { - background-color: hsl(var(--background)); + background-color: hsl(var(--background)); } .group.toast .group-\[\.toast\]\:text-muted-foreground { - color: hsl(var(--muted-foreground)); + color: hsl(var(--muted-foreground)); } .group.toast .group-\[\.toast\]\:text-primary-foreground { - color: hsl(var(--primary-foreground)); + color: hsl(var(--primary-foreground)); } .group.toaster .group-\[\.toaster\]\:text-foreground { - color: hsl(var(--foreground)); + color: hsl(var(--foreground)); } .group.toaster .group-\[\.toaster\]\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { - cursor: not-allowed; + cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { - opacity: 0.7; + opacity: 0.7; } -.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)) skewX(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)) skewX(var(--tw-skew-x)) + skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] { - --tw-translate-x: 0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +.data-\[state\=unchecked\]\:translate-x-0[data-state='unchecked'] { + --tw-translate-x: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) + skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.data-\[state\=active\]\:bg-background[data-state=active] { - background-color: hsl(var(--background)); +.data-\[state\=active\]\:bg-background[data-state='active'] { + background-color: hsl(var(--background)); } -.data-\[state\=checked\]\:bg-primary[data-state=checked] { - background-color: hsl(var(--primary)); +.data-\[state\=checked\]\:bg-primary[data-state='checked'] { + background-color: hsl(var(--primary)); } -.data-\[state\=unchecked\]\:bg-input[data-state=unchecked] { - background-color: hsl(var(--input)); +.data-\[state\=unchecked\]\:bg-input[data-state='unchecked'] { + background-color: hsl(var(--input)); } -.data-\[state\=active\]\:text-foreground[data-state=active] { - color: hsl(var(--foreground)); +.data-\[state\=active\]\:text-foreground[data-state='active'] { + color: hsl(var(--foreground)); } -.data-\[state\=active\]\:shadow-sm[data-state=active] { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 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\=active\]\:shadow-sm[data-state='active'] { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 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\=open\]\:animate-in[data-state=open] { - animation-name: enter; - animation-duration: 150ms; - --tw-enter-opacity: initial; - --tw-enter-scale: initial; - --tw-enter-rotate: initial; - --tw-enter-translate-x: initial; - --tw-enter-translate-y: initial; +.data-\[state\=open\]\:animate-in[data-state='open'] { + animation-name: enter; + animation-duration: 150ms; + --tw-enter-opacity: initial; + --tw-enter-scale: initial; + --tw-enter-rotate: initial; + --tw-enter-translate-x: initial; + --tw-enter-translate-y: initial; } -.data-\[state\=closed\]\:animate-out[data-state=closed] { - animation-name: exit; - animation-duration: 150ms; - --tw-exit-opacity: initial; - --tw-exit-scale: initial; - --tw-exit-rotate: initial; - --tw-exit-translate-x: initial; - --tw-exit-translate-y: initial; +.data-\[state\=closed\]\:animate-out[data-state='closed'] { + animation-name: exit; + animation-duration: 150ms; + --tw-exit-opacity: initial; + --tw-exit-scale: initial; + --tw-exit-rotate: initial; + --tw-exit-translate-x: initial; + --tw-exit-translate-y: initial; } -.data-\[state\=closed\]\:fade-out-0[data-state=closed] { - --tw-exit-opacity: 0; +.data-\[state\=closed\]\:fade-out-0[data-state='closed'] { + --tw-exit-opacity: 0; } -.data-\[state\=open\]\:fade-in-0[data-state=open] { - --tw-enter-opacity: 0; +.data-\[state\=open\]\:fade-in-0[data-state='open'] { + --tw-enter-opacity: 0; } -.data-\[state\=closed\]\:zoom-out-95[data-state=closed] { - --tw-exit-scale: .95; +.data-\[state\=closed\]\:zoom-out-95[data-state='closed'] { + --tw-exit-scale: 0.95; } -.data-\[state\=open\]\:zoom-in-95[data-state=open] { - --tw-enter-scale: .95; +.data-\[state\=open\]\:zoom-in-95[data-state='open'] { + --tw-enter-scale: 0.95; } -.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { - --tw-enter-translate-y: -0.5rem; +.data-\[side\=bottom\]\:slide-in-from-top-2[data-side='bottom'] { + --tw-enter-translate-y: -0.5rem; } -.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { - --tw-enter-translate-x: 0.5rem; +.data-\[side\=left\]\:slide-in-from-right-2[data-side='left'] { + --tw-enter-translate-x: 0.5rem; } -.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { - --tw-enter-translate-x: -0.5rem; +.data-\[side\=right\]\:slide-in-from-left-2[data-side='right'] { + --tw-enter-translate-x: -0.5rem; } -.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { - --tw-enter-translate-y: 0.5rem; +.data-\[side\=top\]\:slide-in-from-bottom-2[data-side='top'] { + --tw-enter-translate-y: 0.5rem; } -.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] { - --tw-exit-translate-x: -50%; +.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state='closed'] { + --tw-exit-translate-x: -50%; } -.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] { - --tw-exit-translate-y: -48%; +.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state='closed'] { + --tw-exit-translate-y: -48%; } -.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] { - --tw-enter-translate-x: -50%; +.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state='open'] { + --tw-enter-translate-x: -50%; } -.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] { - --tw-enter-translate-y: -48%; +.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state='open'] { + --tw-enter-translate-y: -48%; } :is(.dark .dark\:border-destructive) { - border-color: hsl(var(--destructive)); + border-color: hsl(var(--destructive)); } @media (min-width: 640px) { - .sm\:mt-0 { - margin-top: 0px; - } + .sm\:mt-0 { + margin-top: 0px; + } - .sm\:flex-row { - flex-direction: row; - } + .sm\:flex-row { + flex-direction: row; + } - .sm\:justify-end { - justify-content: flex-end; - } + .sm\:justify-end { + justify-content: flex-end; + } - .sm\:gap-2 { - gap: 0.5rem; - } + .sm\:gap-2 { + gap: 0.5rem; + } - .sm\:gap-2\.5 { - gap: 0.625rem; - } + .sm\:gap-2\.5 { + gap: 0.625rem; + } - .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); - } + .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); + } - .sm\:rounded-lg { - border-radius: var(--radius); - } + .sm\:rounded-lg { + border-radius: var(--radius); + } - .sm\:text-left { - text-align: left; - } + .sm\:text-left { + text-align: left; + } } -.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { - --tw-translate-y: -3px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { + --tw-translate-y: -3px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) + skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.\[\&\>svg\]\:absolute>svg { - position: absolute; +.\[\&\>svg\]\:absolute > svg { + position: absolute; } -.\[\&\>svg\]\:left-4>svg { - left: 1rem; +.\[\&\>svg\]\:left-4 > svg { + left: 1rem; } -.\[\&\>svg\]\:top-4>svg { - top: 1rem; +.\[\&\>svg\]\:top-4 > svg { + top: 1rem; } -.\[\&\>svg\]\:size-3\.5>svg { - width: 0.875rem; - height: 0.875rem; +.\[\&\>svg\]\:size-3\.5 > svg { + width: 0.875rem; + height: 0.875rem; } -.\[\&\>svg\]\:text-destructive>svg { - color: hsl(var(--destructive)); +.\[\&\>svg\]\:text-destructive > svg { + color: hsl(var(--destructive)); } -.\[\&\>svg\]\:text-foreground>svg { - color: hsl(var(--foreground)); +.\[\&\>svg\]\:text-foreground > svg { + color: hsl(var(--foreground)); } -.\[\&\>svg\~\*\]\:pl-7>svg~* { - padding-left: 1.75rem; +.\[\&\>svg\~\*\]\:pl-7 > svg ~ * { + padding-left: 1.75rem; } .\[\&_p\]\:leading-relaxed p { - line-height: 1.625; + line-height: 1.625; }