@acronis-platform/shadcn-uikit 0.32.2 → 0.32.3
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/dist/base.css +1 -2
- package/dist/components/ui/auth-layout.js +7 -7
- package/dist/components/ui/auth-layout.js.map +1 -1
- package/dist/components/ui/calendar.js +14 -14
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/card.js +10 -10
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/form.d.ts +2 -3
- package/dist/components/ui/form.js +53 -55
- package/dist/components/ui/form.js.map +1 -1
- package/dist/components/ui/select.js +1 -1
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/sidebar.js +9 -9
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/slider.js +1 -1
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components.css +1 -1
- package/dist/node_modules/.pnpm/es-toolkit@1.43.0/node_modules/es-toolkit/dist/compat/object/cloneDeep.js +1 -1
- package/dist/node_modules/.pnpm/es-toolkit@1.43.0/node_modules/es-toolkit/dist/object/cloneDeep.js +1 -1
- package/dist/shadcn-uikit-full.css +2 -2
- package/dist/shadcn-uikit.css +1 -2
- package/dist/utilities.css +1 -1
- package/package.json +7 -6
- package/tailwind.preset.js +11 -11
package/dist/base.css
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--color-brand-primary: 213 65% 46%;--color-brand-secondary: 211 100% 45%;--color-brand-lightest: 213 65% 97%;--color-brand-light: 213 65% 96%;--color-text-inverse: 0 0% 100%;--color-text-primary: 215 26% 20%;--color-text-secondary: 215 26% 46%;--color-text-tertiary: 215 14% 39%;--color-surface-primary: 0 0% 100%;--color-surface-secondary: 210 100% 15%;--color-surface-overlay: 215 26% 20%;--color-surface-elevated: 0 0% 100%;--color-status-success: 73 68% 45%;--color-status-success-light: 84 67% 93%;--color-status-success-dark: 84 98% 21%;--color-status-info: 211 82% 60%;--color-status-info-light: 214 78% 95%;--color-status-info-dark: 214 68% 38%;--color-status-warning: 45 100% 52%;--color-status-warning-light: 45 100% 95%;--color-status-warning-dark: 30 50% 37%;--color-status-danger: 0 77% 57%;--color-status-danger-light: 0 100% 96%;--color-status-danger-dark: 0 72% 45%;--color-status-critical: 25 100% 52%;--color-status-critical-light: 27 95% 92%;--color-status-critical-dark: 11 73% 41%;--color-neutral: 220 11% 62%;--color-neutral-light: 220 11% 92%;--color-neutral-dark: 215 14% 39%;--color-ai: 263deg 77% 57%;--color-ai-light: 273deg 85% 97%;--color-ai-dark: 263deg 77% 57%;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-70: .7;--opacity-90: .9}:root{--color-brand-primary: 213 65% 46%;--color-brand-secondary: 211 100% 45%;--color-brand-lightest: 213 65% 97%;--color-brand-light: 213 65% 96%;--color-text-inverse: 0 0% 100%;--color-text-primary: 215 26% 20%;--color-text-secondary: 215 26% 46%;--color-text-tertiary: 215 14% 39%;--color-surface-primary: 0 0% 100%;--color-surface-secondary: 210 100% 15%;--color-surface-overlay: 215 26% 20%;--color-surface-elevated: 0 0% 100%;--color-status-success: 73 68% 45%;--color-status-success-light: 84 67% 93%;--color-status-success-dark: 84 98% 21%;--color-status-info: 211 82% 60%;--color-status-info-light: 214 78% 95%;--color-status-info-dark: 214 68% 38%;--color-status-warning: 45 100% 52%;--color-status-warning-light: 45 100% 95%;--color-status-warning-dark: 30 50% 37%;--color-status-danger: 0 77% 57%;--color-status-danger-light: 0 100% 96%;--color-status-danger-dark: 0 72% 45%;--color-status-critical: 25 100% 52%;--color-status-critical-light: 27 95% 92%;--color-status-critical-dark: 11 73% 41%;--color-neutral: 220 11% 62%;--color-neutral-light: 220 11% 92%;--color-neutral-dark: 215 14% 39%;--color-ai: 263deg 77% 57%;--color-ai-light: 273deg 85% 97%;--color-ai-dark: 263deg 77% 57%;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-70: .7;--opacity-90: .9;--av-background: var(--color-surface-primary);--av-elevated: var(--color-surface-elevated);--av-card: var(--av-elevated);--av-muted: var(--color-brand-lightest);--av-primary: var(--color-brand-primary);--av-accent: var(--color-brand-primary);--av-secondary: var(--color-surface-elevated);--av-destructive: var(--color-status-danger);--av-destructive-foreground: var(--color-text-inverse);--av-danger: var(--color-status-danger);--av-success: var(--color-status-success);--av-warning: var(--color-status-warning);--av-info: var(--color-status-info);--av-critical: var(--color-status-critical);--av-neutral: var(--color-status-neutral);--av-popover: var(--av-elevated);--av-tooltip: var(--color-surface-overlay);--av-foreground: var(--color-text-primary);--av-text-primary: var(--color-text-primary);--av-card-foreground: var(--color-text-primary);--av-popover-foreground: var(--color-text-primary);--av-primary-foreground: var(--color-text-inverse);--av-muted-foreground: var(--color-text-secondary);--av-secondary-foreground: var(--color-text-secondary);--av-tertiary-foreground: var(--color-text-tertiary);--av-accent-foreground: var(--color-text-inverse);--av-text-inverse: var(--color-surface-primary);--av-brand-foreground: var(--color-brand-primary);--av-border: 213 65% 85%;--av-separator: 213 65% 85%;--av-input: 213 65% 85%;--av-border-strong: var(--color-brand-primary);--av-border-subtle: 213 65% 92%;--av-interactive-default: var(--color-brand-primary);--av-interactive-hover: var(--color-brand-light);--av-interactive-active: var(--color-brand-primary);--av-interactive-disabled: var(--color-text-tertiary);--av-ring: var(--color-brand-primary);--av-focus: var(--color-brand-primary);--av-status-success: var(--color-status-success);--av-status-success-bg: var(--color-status-success-light);--av-status-success-text: var(--color-status-success-dark);--av-status-info: var(--color-status-info);--av-status-info-bg: var(--color-status-info-light);--av-status-info-text: var(--color-status-info-dark);--av-status-warning: var(--color-status-warning);--av-status-warning-bg: var(--color-status-warning-light);--av-status-warning-text: var(--color-status-warning-dark);--av-status-danger: var(--color-status-danger);--av-status-danger-bg: var(--color-status-danger-light);--av-status-danger-text: var(--color-status-danger-dark);--av-status-critical: var(--color-status-critical);--av-status-critical-bg: var(--color-status-critical-light);--av-status-critical-text: var(--color-status-critical-dark);--av-status-neutral: var(--color-neutral);--av-status-neutral-bg: var(--color-neutral-light);--av-status-neutral-text: var(--color-neutral-dark);--av-status-ai: var(--color-ai);--av-status-ai-bg: var(--color-ai-light);--av-status-ai-text: var(--color-ai-dark);--av-nav-bg: var(--color-surface-secondary);--av-nav-text: var(--color-surface-primary);--av-nav-active: var(--color-brand-secondary);--av-radius: .25rem;--av-chart-1: oklch(64.6% .222 41.116deg);--av-chart-2: oklch(60% .118 184.704deg);--av-chart-3: oklch(39.8% .07 227.392deg);--av-chart-4: oklch(82.8% .189 84.429deg);--av-chart-5: oklch(76.9% .188 70.08deg);--av-chart-blue: oklch(52.7% .16 257.94deg);--av-chart-brown: oklch(60.6% .105 62.98deg);--av-chart-critical: oklch(73.4% .184 52.786deg);--av-chart-danger: oklch(61.7% .21 26.1deg);--av-chart-green: oklch(65.4% .11 189deg);--av-chart-grey: oklch(68.4% .01 257.94deg);--av-chart-info: var(--av-brand-secondary);--av-chart-light-blue: oklch(80.9% .09 240deg);--av-chart-neutral: oklch(90.6% 0 257.94deg);--av-chart-purple: oklch(71.4% .19 314.82deg);--av-chart-red: oklch(66.9% .184 23.483deg);--av-chart-success: oklch(75.9% .177 123.498deg);--av-chart-transparent: oklch(80.9% .09 240deg / 50%);--av-chart-turquoise: oklch(70.5% .13 230deg);--av-chart-violet: oklch(51.5% .09 299deg);--av-chart-warning: oklch(84.4% .17 84.9deg);--av-chart-yellow: oklch(84% .14 95deg)}.dark{--av-background: var(--color-text-primary);--av-elevated: 215 26% 23%;--av-muted: 215 26% 30%;--av-tooltip: 215 26% 25%;--av-foreground: var(--color-surface-primary);--av-text-primary: var(--color-surface-primary);--av-card-foreground: var(--color-surface-primary);--av-popover-foreground: var(--color-surface-primary);--av-secondary-foreground: 0 0% 70%;--av-tertiary-foreground: 0 0% 60%;--av-text-inverse: var(--color-text-primary);--av-brand-foreground: var(--color-brand-primary);--av-border: 215 26% 35%;--av-border-strong: 215 26% 40%;--av-border-subtle: 215 26% 25%;--av-interactive-default: var(--color-brand-primary);--av-interactive-hover: 213 65% 56%;--av-interactive-active: var(--color-brand-primary);--av-interactive-disabled: 215 26% 40%;--av-focus: var(--color-brand-primary);--av-status-success-bg: 73 68% 20%;--av-status-success-text: var(--color-status-success-light);--av-status-info-bg: 211 82% 20%;--av-status-info-text: var(--color-status-info-light);--av-status-warning-bg: 45 100% 20%;--av-status-warning-text: var(--color-status-warning-light);--av-status-danger-bg: 0 77% 20%;--av-status-danger-text: var(--color-status-danger-light);--av-status-critical-bg: 25 100% 20%;--av-status-critical-text: var(--color-status-critical-light);--av-status-neutral-bg: 220 11% 25%;--av-status-neutral-text: var(--color-neutral-light);--av-chart-1: oklch(48.8% .243 264.376deg);--av-chart-2: oklch(69.6% .17 162.48deg);--av-chart-3: oklch(76.9% .188 70.08deg);--av-chart-4: oklch(62.7% .265 303.9deg);--av-chart-5: oklch(64.5% .246 16.439deg)}.theme-acronis-default{--color-brand-primary: 213 65% 46%;--color-brand-secondary: 211 100% 45%;--color-brand-lightest: 213 65% 97%;--color-brand-light: 213 65% 96%;--color-text-inverse: 0 0% 100%;--color-text-primary: 215 26% 20%;--color-text-secondary: 215 26% 46%;--color-text-tertiary: 215 14% 39%;--color-surface-primary: 0 0% 100%;--color-surface-secondary: 210 100% 15%;--color-surface-overlay: 215 26% 20%;--color-surface-elevated: 0 0% 100%;--color-status-success: 73 68% 45%;--color-status-success-light: 84 67% 93%;--color-status-success-dark: 84 98% 21%;--color-status-info: 211 82% 60%;--color-status-info-light: 214 78% 95%;--color-status-info-dark: 214 68% 38%;--color-status-warning: 45 100% 52%;--color-status-warning-light: 45 100% 95%;--color-status-warning-dark: 30 50% 37%;--color-status-danger: 0 77% 57%;--color-status-danger-light: 0 100% 96%;--color-status-danger-dark: 0 72% 45%;--color-status-critical: 25 100% 52%;--color-status-critical-light: 27 95% 92%;--color-status-critical-dark: 11 73% 41%;--color-neutral: 220 11% 62%;--color-neutral-light: 220 11% 92%;--color-neutral-dark: 215 14% 39%;--color-ai: 263deg 77% 57%;--color-ai-light: 273deg 85% 97%;--color-ai-dark: 263deg 77% 57%;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-70: .7;--opacity-90: .9;--av-background: var(--color-surface-primary);--av-elevated: var(--color-surface-elevated);--av-card: var(--av-elevated);--av-muted: var(--color-brand-lightest);--av-primary: var(--color-brand-primary);--av-accent: var(--color-brand-primary);--av-secondary: var(--color-surface-elevated);--av-destructive: var(--color-status-danger);--av-destructive-foreground: var(--color-text-inverse);--av-danger: var(--color-status-danger);--av-success: var(--color-status-success);--av-warning: var(--color-status-warning);--av-info: var(--color-status-info);--av-critical: var(--color-status-critical);--av-neutral: var(--color-status-neutral);--av-popover: var(--av-elevated);--av-tooltip: var(--color-surface-overlay);--av-foreground: var(--color-text-primary);--av-text-primary: var(--color-text-primary);--av-card-foreground: var(--color-text-primary);--av-popover-foreground: var(--color-text-primary);--av-primary-foreground: var(--color-text-inverse);--av-muted-foreground: var(--color-text-secondary);--av-secondary-foreground: var(--color-text-secondary);--av-tertiary-foreground: var(--color-text-tertiary);--av-accent-foreground: var(--color-text-inverse);--av-text-inverse: var(--color-surface-primary);--av-brand-foreground: var(--color-brand-primary);--av-border: 213 65% 85%;--av-separator: 213 65% 85%;--av-input: 213 65% 85%;--av-border-strong: var(--color-brand-primary);--av-border-subtle: 213 65% 92%;--av-interactive-default: var(--color-brand-primary);--av-interactive-hover: var(--color-brand-light);--av-interactive-active: var(--color-brand-primary);--av-interactive-disabled: var(--color-text-tertiary);--av-ring: var(--color-brand-primary);--av-focus: var(--color-brand-primary);--av-status-success: var(--color-status-success);--av-status-success-bg: var(--color-status-success-light);--av-status-success-text: var(--color-status-success-dark);--av-status-info: var(--color-status-info);--av-status-info-bg: var(--color-status-info-light);--av-status-info-text: var(--color-status-info-dark);--av-status-warning: var(--color-status-warning);--av-status-warning-bg: var(--color-status-warning-light);--av-status-warning-text: var(--color-status-warning-dark);--av-status-danger: var(--color-status-danger);--av-status-danger-bg: var(--color-status-danger-light);--av-status-danger-text: var(--color-status-danger-dark);--av-status-critical: var(--color-status-critical);--av-status-critical-bg: var(--color-status-critical-light);--av-status-critical-text: var(--color-status-critical-dark);--av-status-neutral: var(--color-neutral);--av-status-neutral-bg: var(--color-neutral-light);--av-status-neutral-text: var(--color-neutral-dark);--av-status-ai: var(--color-ai);--av-status-ai-bg: var(--color-ai-light);--av-status-ai-text: var(--color-ai-dark);--av-nav-bg: var(--color-surface-secondary);--av-nav-text: var(--color-surface-primary);--av-nav-active: var(--color-brand-secondary);--av-radius: .25rem;--av-chart-1: oklch(64.6% .222 41.116deg);--av-chart-2: oklch(60% .118 184.704deg);--av-chart-3: oklch(39.8% .07 227.392deg);--av-chart-4: oklch(82.8% .189 84.429deg);--av-chart-5: oklch(76.9% .188 70.08deg);--av-chart-blue: oklch(52.7% .16 257.94deg);--av-chart-brown: oklch(60.6% .105 62.98deg);--av-chart-critical: oklch(73.4% .184 52.786deg);--av-chart-danger: oklch(61.7% .21 26.1deg);--av-chart-green: oklch(65.4% .11 189deg);--av-chart-grey: oklch(68.4% .01 257.94deg);--av-chart-info: var(--av-brand-secondary);--av-chart-light-blue: oklch(80.9% .09 240deg);--av-chart-neutral: oklch(90.6% 0 257.94deg);--av-chart-purple: oklch(71.4% .19 314.82deg);--av-chart-red: oklch(66.9% .184 23.483deg);--av-chart-success: oklch(75.9% .177 123.498deg);--av-chart-transparent: oklch(80.9% .09 240deg / 50%);--av-chart-turquoise: oklch(70.5% .13 230deg);--av-chart-violet: oklch(51.5% .09 299deg);--av-chart-warning: oklch(84.4% .17 84.9deg);--av-chart-yellow: oklch(84% .14 95deg)}.theme-acronis-default.dark{--av-background: var(--color-text-primary);--av-elevated: 215 26% 23%;--av-muted: 215 26% 30%;--av-tooltip: 215 26% 25%;--av-foreground: var(--color-surface-primary);--av-text-primary: var(--color-surface-primary);--av-card-foreground: var(--color-surface-primary);--av-popover-foreground: var(--color-surface-primary);--av-secondary-foreground: 0 0% 70%;--av-tertiary-foreground: 0 0% 60%;--av-text-inverse: var(--color-text-primary);--av-brand-foreground: var(--color-brand-primary);--av-border: 215 26% 35%;--av-border-strong: 215 26% 40%;--av-border-subtle: 215 26% 25%;--av-interactive-default: var(--color-brand-primary);--av-interactive-hover: 213 65% 56%;--av-interactive-active: var(--color-brand-primary);--av-interactive-disabled: 215 26% 40%;--av-focus: var(--color-brand-primary);--av-status-success-bg: 73 68% 20%;--av-status-success-text: var(--color-status-success-light);--av-status-info-bg: 211 82% 20%;--av-status-info-text: var(--color-status-info-light);--av-status-warning-bg: 45 100% 20%;--av-status-warning-text: var(--color-status-warning-light);--av-status-danger-bg: 0 77% 20%;--av-status-danger-text: var(--color-status-danger-light);--av-status-critical-bg: 25 100% 20%;--av-status-critical-text: var(--color-status-critical-light);--av-status-neutral-bg: 220 11% 25%;--av-status-neutral-text: var(--color-neutral-light);--av-chart-1: oklch(48.8% .243 264.376deg);--av-chart-2: oklch(69.6% .17 162.48deg);--av-chart-3: oklch(76.9% .188 70.08deg);--av-chart-4: oklch(62.7% .265 303.9deg);--av-chart-5: oklch(64.5% .246 16.439deg)}:root{--av-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--av-font-size-base: 16px;--av-line-height-base: 1.5;--av-letter-spacing-base: 0}*,: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: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
|
|
2
|
-
*/*,: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:var(--av-font-sans),system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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]:where(:not([hidden=until-found])){display:none}*{border-color:hsl(var(--av-border))}body{background-color:hsl(var(--av-background));font-family:var(--av-font-sans),system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--av-font-size-base, 16px);line-height:var(--av-line-height-base, 1.5);color:hsl(var(--av-foreground));letter-spacing:var(--av-letter-spacing-base, 0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
1
|
+
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--av-font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"),system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--av-border))}body{background-color:hsl(var(--av-background));font-family:var(--av-font-sans),system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--av-font-size-base,16px);line-height:var(--tw-leading,var(--av-line-height-base,1.5));color:hsl(var(--av-foreground));letter-spacing:var(--av-letter-spacing-base,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--color-brand-primary:213 65% 46%;--color-brand-secondary:211 100% 45%;--color-brand-lightest:213 65% 97%;--color-brand-light:213 65% 96%;--color-text-inverse:0 0% 100%;--color-text-primary:215 26% 20%;--color-text-secondary:215 26% 46%;--color-text-tertiary:215 14% 39%;--color-surface-primary:0 0% 100%;--color-surface-secondary:210 100% 15%;--color-surface-overlay:215 26% 20%;--color-surface-elevated:0 0% 100%;--color-status-success:73 68% 45%;--color-status-success-light:84 67% 93%;--color-status-success-dark:84 98% 21%;--color-status-info:211 82% 60%;--color-status-info-light:214 78% 95%;--color-status-info-dark:214 68% 38%;--color-status-warning:45 100% 52%;--color-status-warning-light:45 100% 95%;--color-status-warning-dark:30 50% 37%;--color-status-danger:0 77% 57%;--color-status-danger-light:0 100% 96%;--color-status-danger-dark:0 72% 45%;--color-status-critical:25 100% 52%;--color-status-critical-light:27 95% 92%;--color-status-critical-dark:11 73% 41%;--color-neutral:220 11% 62%;--color-neutral-light:220 11% 92%;--color-neutral-dark:215 14% 39%;--color-ai:263deg 77% 57%;--color-ai-light:273deg 85% 97%;--color-ai-dark:263deg 77% 57%;--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-70:.7;--opacity-90:.9;--av-background:var(--color-surface-primary);--av-elevated:var(--color-surface-elevated);--av-card:var(--av-elevated);--av-muted:var(--color-brand-lightest);--av-primary:var(--color-brand-primary);--av-accent:var(--color-brand-primary);--av-secondary:var(--color-surface-elevated);--av-destructive:var(--color-status-danger);--av-destructive-foreground:var(--color-text-inverse);--av-danger:var(--color-status-danger);--av-success:var(--color-status-success);--av-warning:var(--color-status-warning);--av-info:var(--color-status-info);--av-critical:var(--color-status-critical);--av-neutral:var(--color-status-neutral);--av-popover:var(--av-elevated);--av-tooltip:var(--color-surface-overlay);--av-foreground:var(--color-text-primary);--av-text-primary:var(--color-text-primary);--av-card-foreground:var(--color-text-primary);--av-popover-foreground:var(--color-text-primary);--av-primary-foreground:var(--color-text-inverse);--av-muted-foreground:var(--color-text-secondary);--av-secondary-foreground:var(--color-text-secondary);--av-tertiary-foreground:var(--color-text-tertiary);--av-accent-foreground:var(--color-text-inverse);--av-text-inverse:var(--color-surface-primary);--av-brand-foreground:var(--color-brand-primary);--av-border:213 65% 85%;--av-separator:213 65% 85%;--av-input:213 65% 85%;--av-border-strong:var(--color-brand-primary);--av-border-subtle:213 65% 92%;--av-interactive-default:var(--color-brand-primary);--av-interactive-hover:var(--color-brand-light);--av-interactive-active:var(--color-brand-primary);--av-interactive-disabled:var(--color-text-tertiary);--av-ring:var(--color-brand-primary);--av-focus:var(--color-brand-primary);--av-status-success:var(--color-status-success);--av-status-success-bg:var(--color-status-success-light);--av-status-success-text:var(--color-status-success-dark);--av-status-info:var(--color-status-info);--av-status-info-bg:var(--color-status-info-light);--av-status-info-text:var(--color-status-info-dark);--av-status-warning:var(--color-status-warning);--av-status-warning-bg:var(--color-status-warning-light);--av-status-warning-text:var(--color-status-warning-dark);--av-status-danger:var(--color-status-danger);--av-status-danger-bg:var(--color-status-danger-light);--av-status-danger-text:var(--color-status-danger-dark);--av-status-critical:var(--color-status-critical);--av-status-critical-bg:var(--color-status-critical-light);--av-status-critical-text:var(--color-status-critical-dark);--av-status-neutral:var(--color-neutral);--av-status-neutral-bg:var(--color-neutral-light);--av-status-neutral-text:var(--color-neutral-dark);--av-status-ai:var(--color-ai);--av-status-ai-bg:var(--color-ai-light);--av-status-ai-text:var(--color-ai-dark);--av-nav-bg:var(--color-surface-secondary);--av-nav-text:var(--color-surface-primary);--av-nav-active:var(--color-brand-secondary);--av-radius:.25rem;--av-chart-1:oklch(64.6% .222 41.116);--av-chart-2:oklch(60% .118 184.704);--av-chart-3:oklch(39.8% .07 227.392);--av-chart-4:oklch(82.8% .189 84.429);--av-chart-5:oklch(76.9% .188 70.08);--av-chart-blue:oklch(52.7% .16 257.94);--av-chart-brown:oklch(60.6% .105 62.98);--av-chart-critical:oklch(73.4% .184 52.786);--av-chart-danger:oklch(61.7% .21 26.1);--av-chart-green:oklch(65.4% .11 189);--av-chart-grey:oklch(68.4% .01 257.94);--av-chart-info:var(--av-brand-secondary);--av-chart-light-blue:oklch(80.9% .09 240);--av-chart-neutral:oklch(90.6% 0 257.94);--av-chart-purple:oklch(71.4% .19 314.82);--av-chart-red:oklch(66.9% .184 23.483);--av-chart-success:oklch(75.9% .177 123.498);--av-chart-transparent:oklch(80.9% .09 240/.5);--av-chart-turquoise:oklch(70.5% .13 230);--av-chart-violet:oklch(51.5% .09 299);--av-chart-warning:oklch(84.4% .17 84.9);--av-chart-yellow:oklch(84% .14 95)}.dark{--av-background:var(--color-text-primary);--av-elevated:215 26% 23%;--av-muted:215 26% 30%;--av-tooltip:215 26% 25%;--av-foreground:var(--color-surface-primary);--av-text-primary:var(--color-surface-primary);--av-card-foreground:var(--color-surface-primary);--av-popover-foreground:var(--color-surface-primary);--av-secondary-foreground:0 0% 70%;--av-tertiary-foreground:0 0% 60%;--av-text-inverse:var(--color-text-primary);--av-brand-foreground:var(--color-brand-primary);--av-border:215 26% 35%;--av-border-strong:215 26% 40%;--av-border-subtle:215 26% 25%;--av-interactive-default:var(--color-brand-primary);--av-interactive-hover:213 65% 56%;--av-interactive-active:var(--color-brand-primary);--av-interactive-disabled:215 26% 40%;--av-focus:var(--color-brand-primary);--av-status-success-bg:73 68% 20%;--av-status-success-text:var(--color-status-success-light);--av-status-info-bg:211 82% 20%;--av-status-info-text:var(--color-status-info-light);--av-status-warning-bg:45 100% 20%;--av-status-warning-text:var(--color-status-warning-light);--av-status-danger-bg:0 77% 20%;--av-status-danger-text:var(--color-status-danger-light);--av-status-critical-bg:25 100% 20%;--av-status-critical-text:var(--color-status-critical-light);--av-status-neutral-bg:220 11% 25%;--av-status-neutral-text:var(--color-neutral-light);--av-chart-1:oklch(48.8% .243 264.376);--av-chart-2:oklch(69.6% .17 162.48);--av-chart-3:oklch(76.9% .188 70.08);--av-chart-4:oklch(62.7% .265 303.9);--av-chart-5:oklch(64.5% .246 16.439)}.theme-acronis-default{--color-brand-primary:213 65% 46%;--color-brand-secondary:211 100% 45%;--color-brand-lightest:213 65% 97%;--color-brand-light:213 65% 96%;--color-text-inverse:0 0% 100%;--color-text-primary:215 26% 20%;--color-text-secondary:215 26% 46%;--color-text-tertiary:215 14% 39%;--color-surface-primary:0 0% 100%;--color-surface-secondary:210 100% 15%;--color-surface-overlay:215 26% 20%;--color-surface-elevated:0 0% 100%;--color-status-success:73 68% 45%;--color-status-success-light:84 67% 93%;--color-status-success-dark:84 98% 21%;--color-status-info:211 82% 60%;--color-status-info-light:214 78% 95%;--color-status-info-dark:214 68% 38%;--color-status-warning:45 100% 52%;--color-status-warning-light:45 100% 95%;--color-status-warning-dark:30 50% 37%;--color-status-danger:0 77% 57%;--color-status-danger-light:0 100% 96%;--color-status-danger-dark:0 72% 45%;--color-status-critical:25 100% 52%;--color-status-critical-light:27 95% 92%;--color-status-critical-dark:11 73% 41%;--color-neutral:220 11% 62%;--color-neutral-light:220 11% 92%;--color-neutral-dark:215 14% 39%;--color-ai:263deg 77% 57%;--color-ai-light:273deg 85% 97%;--color-ai-dark:263deg 77% 57%;--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-70:.7;--opacity-90:.9;--av-background:var(--color-surface-primary);--av-elevated:var(--color-surface-elevated);--av-card:var(--av-elevated);--av-muted:var(--color-brand-lightest);--av-primary:var(--color-brand-primary);--av-accent:var(--color-brand-primary);--av-secondary:var(--color-surface-elevated);--av-destructive:var(--color-status-danger);--av-destructive-foreground:var(--color-text-inverse);--av-danger:var(--color-status-danger);--av-success:var(--color-status-success);--av-warning:var(--color-status-warning);--av-info:var(--color-status-info);--av-critical:var(--color-status-critical);--av-neutral:var(--color-status-neutral);--av-popover:var(--av-elevated);--av-tooltip:var(--color-surface-overlay);--av-foreground:var(--color-text-primary);--av-text-primary:var(--color-text-primary);--av-card-foreground:var(--color-text-primary);--av-popover-foreground:var(--color-text-primary);--av-primary-foreground:var(--color-text-inverse);--av-muted-foreground:var(--color-text-secondary);--av-secondary-foreground:var(--color-text-secondary);--av-tertiary-foreground:var(--color-text-tertiary);--av-accent-foreground:var(--color-text-inverse);--av-text-inverse:var(--color-surface-primary);--av-brand-foreground:var(--color-brand-primary);--av-border:213 65% 85%;--av-separator:213 65% 85%;--av-input:213 65% 85%;--av-border-strong:var(--color-brand-primary);--av-border-subtle:213 65% 92%;--av-interactive-default:var(--color-brand-primary);--av-interactive-hover:var(--color-brand-light);--av-interactive-active:var(--color-brand-primary);--av-interactive-disabled:var(--color-text-tertiary);--av-ring:var(--color-brand-primary);--av-focus:var(--color-brand-primary);--av-status-success:var(--color-status-success);--av-status-success-bg:var(--color-status-success-light);--av-status-success-text:var(--color-status-success-dark);--av-status-info:var(--color-status-info);--av-status-info-bg:var(--color-status-info-light);--av-status-info-text:var(--color-status-info-dark);--av-status-warning:var(--color-status-warning);--av-status-warning-bg:var(--color-status-warning-light);--av-status-warning-text:var(--color-status-warning-dark);--av-status-danger:var(--color-status-danger);--av-status-danger-bg:var(--color-status-danger-light);--av-status-danger-text:var(--color-status-danger-dark);--av-status-critical:var(--color-status-critical);--av-status-critical-bg:var(--color-status-critical-light);--av-status-critical-text:var(--color-status-critical-dark);--av-status-neutral:var(--color-neutral);--av-status-neutral-bg:var(--color-neutral-light);--av-status-neutral-text:var(--color-neutral-dark);--av-status-ai:var(--color-ai);--av-status-ai-bg:var(--color-ai-light);--av-status-ai-text:var(--color-ai-dark);--av-nav-bg:var(--color-surface-secondary);--av-nav-text:var(--color-surface-primary);--av-nav-active:var(--color-brand-secondary);--av-radius:.25rem;--av-chart-1:oklch(64.6% .222 41.116);--av-chart-2:oklch(60% .118 184.704);--av-chart-3:oklch(39.8% .07 227.392);--av-chart-4:oklch(82.8% .189 84.429);--av-chart-5:oklch(76.9% .188 70.08);--av-chart-blue:oklch(52.7% .16 257.94);--av-chart-brown:oklch(60.6% .105 62.98);--av-chart-critical:oklch(73.4% .184 52.786);--av-chart-danger:oklch(61.7% .21 26.1);--av-chart-green:oklch(65.4% .11 189);--av-chart-grey:oklch(68.4% .01 257.94);--av-chart-info:var(--av-brand-secondary);--av-chart-light-blue:oklch(80.9% .09 240);--av-chart-neutral:oklch(90.6% 0 257.94);--av-chart-purple:oklch(71.4% .19 314.82);--av-chart-red:oklch(66.9% .184 23.483);--av-chart-success:oklch(75.9% .177 123.498);--av-chart-transparent:oklch(80.9% .09 240/.5);--av-chart-turquoise:oklch(70.5% .13 230);--av-chart-violet:oklch(51.5% .09 299);--av-chart-warning:oklch(84.4% .17 84.9);--av-chart-yellow:oklch(84% .14 95)}.theme-acronis-default.dark{--av-background:var(--color-text-primary);--av-elevated:215 26% 23%;--av-muted:215 26% 30%;--av-tooltip:215 26% 25%;--av-foreground:var(--color-surface-primary);--av-text-primary:var(--color-surface-primary);--av-card-foreground:var(--color-surface-primary);--av-popover-foreground:var(--color-surface-primary);--av-secondary-foreground:0 0% 70%;--av-tertiary-foreground:0 0% 60%;--av-text-inverse:var(--color-text-primary);--av-brand-foreground:var(--color-brand-primary);--av-border:215 26% 35%;--av-border-strong:215 26% 40%;--av-border-subtle:215 26% 25%;--av-interactive-default:var(--color-brand-primary);--av-interactive-hover:213 65% 56%;--av-interactive-active:var(--color-brand-primary);--av-interactive-disabled:215 26% 40%;--av-focus:var(--color-brand-primary);--av-status-success-bg:73 68% 20%;--av-status-success-text:var(--color-status-success-light);--av-status-info-bg:211 82% 20%;--av-status-info-text:var(--color-status-info-light);--av-status-warning-bg:45 100% 20%;--av-status-warning-text:var(--color-status-warning-light);--av-status-danger-bg:0 77% 20%;--av-status-danger-text:var(--color-status-danger-light);--av-status-critical-bg:25 100% 20%;--av-status-critical-text:var(--color-status-critical-light);--av-status-neutral-bg:220 11% 25%;--av-status-neutral-text:var(--color-neutral-light);--av-chart-1:oklch(48.8% .243 264.376);--av-chart-2:oklch(69.6% .17 162.48);--av-chart-3:oklch(76.9% .188 70.08);--av-chart-4:oklch(62.7% .265 303.9);--av-chart-5:oklch(64.5% .246 16.439)}:root{--av-font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--av-font-size-base:16px;--av-line-height-base:1.5;--av-letter-spacing-base:0}
|
|
@@ -13,19 +13,19 @@ const u = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ e(
|
|
|
13
13
|
}
|
|
14
14
|
));
|
|
15
15
|
u.displayName = "AuthLayout";
|
|
16
|
-
const
|
|
16
|
+
const d = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ e(
|
|
17
17
|
"div",
|
|
18
18
|
{
|
|
19
19
|
ref: a,
|
|
20
20
|
className: s(
|
|
21
|
-
"w-full max-w-sm rounded-lg border bg-card p-6 shadow-
|
|
21
|
+
"w-full max-w-sm rounded-lg border bg-card p-6 shadow-xs",
|
|
22
22
|
t
|
|
23
23
|
),
|
|
24
24
|
...o
|
|
25
25
|
}
|
|
26
26
|
));
|
|
27
|
-
|
|
28
|
-
const
|
|
27
|
+
d.displayName = "AuthLayoutCard";
|
|
28
|
+
const m = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ e(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
ref: a,
|
|
@@ -33,7 +33,7 @@ const d = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ e(
|
|
|
33
33
|
...o
|
|
34
34
|
}
|
|
35
35
|
));
|
|
36
|
-
|
|
36
|
+
m.displayName = "AuthLayoutLogo";
|
|
37
37
|
const f = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ e(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
@@ -48,8 +48,8 @@ const f = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ e(
|
|
|
48
48
|
f.displayName = "AuthLayoutFooter";
|
|
49
49
|
export {
|
|
50
50
|
u as AuthLayout,
|
|
51
|
-
|
|
51
|
+
d as AuthLayoutCard,
|
|
52
52
|
f as AuthLayoutFooter,
|
|
53
|
-
|
|
53
|
+
m as AuthLayoutLogo
|
|
54
54
|
};
|
|
55
55
|
//# sourceMappingURL=auth-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auth-layout.js","sources":["../../../src/components/ui/auth-layout.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * AuthLayout — A centered card layout for login/signup/forgot-password flows.\n *\n * Anatomy:\n * - AuthLayout (root, full-page centered)\n * - AuthLayoutCard (centered card with max-width)\n * - AuthLayoutLogo (logo/brand slot at top)\n * - (children go here)\n * - AuthLayoutFooter (bottom links/text)\n */\n\nconst AuthLayout = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'flex min-h-screen w-full items-center justify-center bg-background p-4',\n className\n )}\n {...props}\n />\n))\nAuthLayout.displayName = 'AuthLayout'\n\nconst AuthLayoutCard = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'w-full max-w-sm rounded-lg border bg-card p-6 shadow-
|
|
1
|
+
{"version":3,"file":"auth-layout.js","sources":["../../../src/components/ui/auth-layout.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * AuthLayout — A centered card layout for login/signup/forgot-password flows.\n *\n * Anatomy:\n * - AuthLayout (root, full-page centered)\n * - AuthLayoutCard (centered card with max-width)\n * - AuthLayoutLogo (logo/brand slot at top)\n * - (children go here)\n * - AuthLayoutFooter (bottom links/text)\n */\n\nconst AuthLayout = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'flex min-h-screen w-full items-center justify-center bg-background p-4',\n className\n )}\n {...props}\n />\n))\nAuthLayout.displayName = 'AuthLayout'\n\nconst AuthLayoutCard = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'w-full max-w-sm rounded-lg border bg-card p-6 shadow-xs',\n className\n )}\n {...props}\n />\n))\nAuthLayoutCard.displayName = 'AuthLayoutCard'\n\nconst AuthLayoutLogo = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('mb-6 flex justify-center', className)}\n {...props}\n />\n))\nAuthLayoutLogo.displayName = 'AuthLayoutLogo'\n\nconst AuthLayoutFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'mt-6 text-center text-sm text-muted-foreground',\n className\n )}\n {...props}\n />\n))\nAuthLayoutFooter.displayName = 'AuthLayoutFooter'\n\nexport { AuthLayout, AuthLayoutCard, AuthLayoutLogo, AuthLayoutFooter }"],"names":["AuthLayout","React","className","props","ref","jsx","cn","AuthLayoutCard","AuthLayoutLogo","AuthLayoutFooter"],"mappings":";;;AAeA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMO,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}
|
|
@@ -2,9 +2,9 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import * as m from "react";
|
|
3
3
|
import { ChevronLeftIcon as b, ChevronRightIcon as w, ChevronDownIcon as h } from "lucide-react";
|
|
4
4
|
import { cn as e } from "../../lib/utils.js";
|
|
5
|
-
import { buttonVariants as f, Button as
|
|
5
|
+
import { buttonVariants as f, Button as v } from "./button.js";
|
|
6
6
|
import { getDefaultClassNames as p } from "../../node_modules/.pnpm/react-day-picker@9.13.0_react@18.3.1/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
|
|
7
|
-
import { DayPicker as
|
|
7
|
+
import { DayPicker as _ } from "../../node_modules/.pnpm/react-day-picker@9.13.0_react@18.3.1/node_modules/react-day-picker/dist/esm/DayPicker.js";
|
|
8
8
|
function R({
|
|
9
9
|
className: i,
|
|
10
10
|
classNames: g,
|
|
@@ -17,7 +17,7 @@ function R({
|
|
|
17
17
|
}) {
|
|
18
18
|
const t = p();
|
|
19
19
|
return /* @__PURE__ */ n(
|
|
20
|
-
|
|
20
|
+
_,
|
|
21
21
|
{
|
|
22
22
|
showOutsideDays: a,
|
|
23
23
|
className: e(
|
|
@@ -41,20 +41,20 @@ function R({
|
|
|
41
41
|
),
|
|
42
42
|
button_previous: e(
|
|
43
43
|
f({ variant: s }),
|
|
44
|
-
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
44
|
+
"h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50",
|
|
45
45
|
t.button_previous
|
|
46
46
|
),
|
|
47
47
|
button_next: e(
|
|
48
48
|
f({ variant: s }),
|
|
49
|
-
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
49
|
+
"h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50",
|
|
50
50
|
t.button_next
|
|
51
51
|
),
|
|
52
52
|
month_caption: e(
|
|
53
|
-
"flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
|
|
53
|
+
"flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]",
|
|
54
54
|
t.month_caption
|
|
55
55
|
),
|
|
56
56
|
dropdowns: e(
|
|
57
|
-
"flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
57
|
+
"flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
58
58
|
t.dropdowns
|
|
59
59
|
),
|
|
60
60
|
dropdown_root: e(
|
|
@@ -74,7 +74,7 @@ function R({
|
|
|
74
74
|
t.weekday
|
|
75
75
|
),
|
|
76
76
|
week: e("mt-2 flex w-full", t.week),
|
|
77
|
-
week_number_header: e("w-[--cell-size] select-none", t.week_number_header),
|
|
77
|
+
week_number_header: e("w-[var(--cell-size)] select-none", t.week_number_header),
|
|
78
78
|
week_number: e(
|
|
79
79
|
"text-muted-foreground select-none text-[0.8rem]",
|
|
80
80
|
t.week_number
|
|
@@ -101,15 +101,15 @@ function R({
|
|
|
101
101
|
components: {
|
|
102
102
|
Root: ({ className: r, rootRef: d, ...o }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: d, className: e(r), ...o }),
|
|
103
103
|
Chevron: ({ className: r, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(b, { className: e("size-4", r), ...o }) : d === "right" ? /* @__PURE__ */ n(w, { className: e("size-4", r), ...o }) : /* @__PURE__ */ n(h, { className: e("size-4", r), ...o }),
|
|
104
|
-
DayButton:
|
|
105
|
-
WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: r }) }),
|
|
104
|
+
DayButton: y,
|
|
105
|
+
WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-[var(--cell-size)] items-center justify-center text-center", children: r }) }),
|
|
106
106
|
...c
|
|
107
107
|
},
|
|
108
108
|
...x
|
|
109
109
|
}
|
|
110
110
|
);
|
|
111
111
|
}
|
|
112
|
-
function
|
|
112
|
+
function y({
|
|
113
113
|
className: i,
|
|
114
114
|
day: g,
|
|
115
115
|
modifiers: a,
|
|
@@ -120,7 +120,7 @@ function v({
|
|
|
120
120
|
var c;
|
|
121
121
|
a.focused && ((c = u.current) == null || c.focus());
|
|
122
122
|
}, [a.focused]), /* @__PURE__ */ n(
|
|
123
|
-
|
|
123
|
+
v,
|
|
124
124
|
{
|
|
125
125
|
ref: u,
|
|
126
126
|
variant: "ghost",
|
|
@@ -131,7 +131,7 @@ function v({
|
|
|
131
131
|
"data-range-end": a.range_end,
|
|
132
132
|
"data-range-middle": a.range_middle,
|
|
133
133
|
className: e(
|
|
134
|
-
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-white data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-white data-[range-end=true]:bg-primary data-[range-end=true]:text-white group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
134
|
+
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-white data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-white data-[range-end=true]:bg-primary data-[range-end=true]:text-white group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[var(--cell-size)] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
135
135
|
s.day,
|
|
136
136
|
i
|
|
137
137
|
),
|
|
@@ -141,6 +141,6 @@ function v({
|
|
|
141
141
|
}
|
|
142
142
|
export {
|
|
143
143
|
R as Calendar,
|
|
144
|
-
|
|
144
|
+
y as CalendarDayButton
|
|
145
145
|
};
|
|
146
146
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { Button, buttonVariants } from '@/components/ui/button'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n buttonVariant = 'ghost',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n ...formatters,\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),\n month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n nav: cn(\n 'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n 'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n 'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),\n caption_label: cn(\n 'select-none font-medium',\n captionLayout === 'label'\n ? 'text-sm'\n : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal',\n defaultClassNames.weekday\n ),\n week: cn('mt-2 flex w-full', defaultClassNames.week),\n week_number_header: cn('w-[--cell-size] select-none', defaultClassNames.week_number_header),\n week_number: cn(\n 'text-muted-foreground select-none text-[0.8rem]',\n defaultClassNames.week_number\n ),\n day: cn(\n 'group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md',\n defaultClassNames.day\n ),\n range_start: cn('bg-accent rounded-l-md', defaultClassNames.range_start),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn('bg-accent rounded-r-md', defaultClassNames.range_end),\n today: cn(\n 'font-semibold underline rounded-md data-[selected=true]:rounded-none data-[selected=true]:no-underline',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-muted-foreground aria-selected:text-muted-foreground',\n defaultClassNames.outside\n ),\n disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return <ChevronLeftIcon className={cn('size-4', className)} {...props} />\n }\n\n if (orientation === 'right') {\n return <ChevronRightIcon className={cn('size-4', className)} {...props} />\n }\n\n return <ChevronDownIcon className={cn('size-4', className)} {...props} />\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-[--cell-size] items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components,\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-white data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-white data-[range-end=true]:bg-primary data-[range-end=true]:text-white group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","_a","Button"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { Button, buttonVariants } from '@/components/ui/button'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n buttonVariant = 'ghost',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n ...formatters,\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),\n month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n nav: cn(\n 'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n 'h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n 'h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),\n caption_label: cn(\n 'select-none font-medium',\n captionLayout === 'label'\n ? 'text-sm'\n : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal',\n defaultClassNames.weekday\n ),\n week: cn('mt-2 flex w-full', defaultClassNames.week),\n week_number_header: cn('w-[var(--cell-size)] select-none', defaultClassNames.week_number_header),\n week_number: cn(\n 'text-muted-foreground select-none text-[0.8rem]',\n defaultClassNames.week_number\n ),\n day: cn(\n 'group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md',\n defaultClassNames.day\n ),\n range_start: cn('bg-accent rounded-l-md', defaultClassNames.range_start),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn('bg-accent rounded-r-md', defaultClassNames.range_end),\n today: cn(\n 'font-semibold underline rounded-md data-[selected=true]:rounded-none data-[selected=true]:no-underline',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-muted-foreground aria-selected:text-muted-foreground',\n defaultClassNames.outside\n ),\n disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return <ChevronLeftIcon className={cn('size-4', className)} {...props} />\n }\n\n if (orientation === 'right') {\n return <ChevronRightIcon className={cn('size-4', className)} {...props} />\n }\n\n return <ChevronDownIcon className={cn('size-4', className)} {...props} />\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-[var(--cell-size)] items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components,\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-white data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-white data-[range-end=true]:bg-primary data-[range-end=true]:text-white group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[var(--cell-size)] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","_a","Button"],"mappings":";;;;;;;AASA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAEG;AACD,QAAMC,IAAoBC,EAAA;AAE1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAAT;AAAA,MACA,WAAWU;AAAA,QACT;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACPZ;AAAA,MAAA;AAAA,MAEF,eAAAG;AAAA,MACA,YAAY;AAAA,QACV,qBAAqB,CAACU,MAASA,EAAK,eAAe,WAAW,EAAE,OAAO,SAAS;AAAA,QAChF,GAAGR;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,MAAMO,EAAG,SAASJ,EAAkB,IAAI;AAAA,QACxC,QAAQI,EAAG,4CAA4CJ,EAAkB,MAAM;AAAA,QAC/E,OAAOI,EAAG,8BAA8BJ,EAAkB,KAAK;AAAA,QAC/D,KAAKI;AAAA,UACH;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,iBAAiBI;AAAA,UACfE,EAAe,EAAE,SAASV,GAAe;AAAA,UACzC;AAAA,UACAI,EAAkB;AAAA,QAAA;AAAA,QAEpB,aAAaI;AAAA,UACXE,EAAe,EAAE,SAASV,GAAe;AAAA,UACzC;AAAA,UACAI,EAAkB;AAAA,QAAA;AAAA,QAEpB,eAAeI;AAAA,UACb;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,eAAeI;AAAA,UACb;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,UAAUI,EAAG,yCAAyCJ,EAAkB,QAAQ;AAAA,QAChF,eAAeI;AAAA,UACb;AAAA,UACAT,MAAkB,UACd,YACA;AAAA,UACJK,EAAkB;AAAA,QAAA;AAAA,QAEpB,OAAO;AAAA,QACP,UAAUI,EAAG,QAAQJ,EAAkB,QAAQ;AAAA,QAC/C,SAASI;AAAA,UACP;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,MAAMI,EAAG,oBAAoBJ,EAAkB,IAAI;AAAA,QACnD,oBAAoBI,EAAG,oCAAoCJ,EAAkB,kBAAkB;AAAA,QAC/F,aAAaI;AAAA,UACX;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,KAAKI;AAAA,UACH;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,aAAaI,EAAG,0BAA0BJ,EAAkB,WAAW;AAAA,QACvE,cAAcI,EAAG,gBAAgBJ,EAAkB,YAAY;AAAA,QAC/D,WAAWI,EAAG,0BAA0BJ,EAAkB,SAAS;AAAA,QACnE,OAAOI;AAAA,UACL;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,SAASI;AAAA,UACP;AAAA,UACAJ,EAAkB;AAAA,QAAA;AAAA,QAEpB,UAAUI,EAAG,oCAAoCJ,EAAkB,QAAQ;AAAA,QAC3E,QAAQI,EAAG,aAAaJ,EAAkB,MAAM;AAAA,QAChD,GAAGP;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,MAAM,CAAC,EAAE,WAAAD,GAAW,SAAAe,GAAS,GAAGR,QACvB,gBAAAG,EAAC,OAAA,EAAI,aAAU,YAAW,KAAKK,GAAS,WAAWH,EAAGZ,CAAS,GAAI,GAAGO,EAAAA,CAAO;AAAA,QAEtF,SAAS,CAAC,EAAE,WAAAP,GAAW,aAAAgB,GAAa,GAAGT,QACjCS,MAAgB,SACX,gBAAAN,EAACO,KAAgB,WAAWL,EAAG,UAAUZ,CAAS,GAAI,GAAGO,GAAO,IAGrES,MAAgB,UACX,gBAAAN,EAACQ,KAAiB,WAAWN,EAAG,UAAUZ,CAAS,GAAI,GAAGO,GAAO,IAGnE,gBAAAG,EAACS,KAAgB,WAAWP,EAAG,UAAUZ,CAAS,GAAI,GAAGO,GAAO;AAAA,QAEzE,WAAWa;AAAA,QACX,YAAY,CAAC,EAAE,UAAAC,GAAU,GAAGd,QAExB,gBAAAG,EAAC,QAAI,GAAGH,GACN,4BAAC,OAAA,EAAI,WAAU,wEACZ,UAAAc,EAAA,CACH,EAAA,CACF;AAAA,QAGJ,GAAGf;AAAA,MAAA;AAAA,MAEJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAkB;AAAA,EACzB,WAAApB;AAAA,EACA,KAAAsB;AAAA,EACA,WAAAC;AAAA,EACA,GAAGhB;AACL,GAA2C;AACzC,QAAMC,IAAoBC,EAAA,GAEpBe,IAAMC,EAAM,OAA0B,IAAI;AAChD,SAAAA,EAAM,UAAU,MAAM;;AACpB,IAAIF,EAAU,aAASG,IAAAF,EAAI,YAAJ,QAAAE,EAAa;AAAA,EACtC,GAAG,CAACH,EAAU,OAAO,CAAC,GAGpB,gBAAAb;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,YAAUF,EAAI,KAAK,mBAAA;AAAA,MACnB,wBACEC,EAAU,YACV,CAACA,EAAU,eACX,CAACA,EAAU,aACX,CAACA,EAAU;AAAA,MAEb,oBAAkBA,EAAU;AAAA,MAC5B,kBAAgBA,EAAU;AAAA,MAC1B,qBAAmBA,EAAU;AAAA,MAC7B,WAAWX;AAAA,QACT;AAAA,QACAJ,EAAkB;AAAA,QAClBR;AAAA,MAAA;AAAA,MAED,GAAGO;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -6,7 +6,7 @@ const s = o.forwardRef(
|
|
|
6
6
|
"div",
|
|
7
7
|
{
|
|
8
8
|
ref: r,
|
|
9
|
-
className: t("rounded-lg border bg-card text-card-foreground shadow-
|
|
9
|
+
className: t("rounded-lg border bg-card text-card-foreground shadow-xs", a),
|
|
10
10
|
...e
|
|
11
11
|
}
|
|
12
12
|
)
|
|
@@ -16,7 +16,7 @@ const i = o.forwardRef(
|
|
|
16
16
|
({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e })
|
|
17
17
|
);
|
|
18
18
|
i.displayName = "CardHeader";
|
|
19
|
-
const
|
|
19
|
+
const c = o.forwardRef(
|
|
20
20
|
({ className: a, ...e }, r) => /* @__PURE__ */ d(
|
|
21
21
|
"div",
|
|
22
22
|
{
|
|
@@ -26,25 +26,25 @@ const m = o.forwardRef(
|
|
|
26
26
|
}
|
|
27
27
|
)
|
|
28
28
|
);
|
|
29
|
-
|
|
30
|
-
const
|
|
29
|
+
c.displayName = "CardTitle";
|
|
30
|
+
const l = o.forwardRef(
|
|
31
31
|
({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("text-sm text-muted-foreground", a), ...e })
|
|
32
32
|
);
|
|
33
|
-
|
|
34
|
-
const
|
|
33
|
+
l.displayName = "CardDescription";
|
|
34
|
+
const m = o.forwardRef(
|
|
35
35
|
({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e })
|
|
36
36
|
);
|
|
37
|
-
|
|
37
|
+
m.displayName = "CardContent";
|
|
38
38
|
const n = o.forwardRef(
|
|
39
39
|
({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center p-6 pt-0", a), ...e })
|
|
40
40
|
);
|
|
41
41
|
n.displayName = "CardFooter";
|
|
42
42
|
export {
|
|
43
43
|
s as Card,
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
m as CardContent,
|
|
45
|
+
l as CardDescription,
|
|
46
46
|
n as CardFooter,
|
|
47
47
|
i as CardHeader,
|
|
48
|
-
|
|
48
|
+
c as CardTitle
|
|
49
49
|
};
|
|
50
50
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('rounded-lg border bg-card text-card-foreground shadow-
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('rounded-lg border bg-card text-card-foreground shadow-xs', className)}\n {...props}\n />\n )\n)\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n )\n)\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n )\n)\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />\n )\n)\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n )\n)\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n )\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAIA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,4DAA4DJ,CAAS;AAAA,MAClF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzF;AACAI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,sDAAsDJ,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzF;AACAM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEpE;AACAO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,8BAA8BJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEtF;AACAQ,EAAW,cAAc;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
3
|
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
5
4
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
declare const useFormField: () => {
|
|
@@ -16,8 +15,8 @@ declare const useFormField: () => {
|
|
|
16
15
|
formMessageId: string;
|
|
17
16
|
};
|
|
18
17
|
declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
-
declare const FormLabel: React.ForwardRefExoticComponent<Omit<
|
|
20
|
-
declare const FormControl: React.ForwardRefExoticComponent<Omit<
|
|
18
|
+
declare const FormLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
19
|
+
declare const FormControl: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Record<string, unknown>>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
21
20
|
declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
22
21
|
declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
23
22
|
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
@@ -1,95 +1,93 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
import { Label as x } from "./label.js";
|
|
7
|
-
const D = p, l = s.createContext(null), M = ({
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import { useFormContext as u, FormProvider as F, Controller as p } from "../../node_modules/.pnpm/react-hook-form@7.71.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.js";
|
|
4
|
+
import { cn as a } from "../../lib/utils.js";
|
|
5
|
+
const y = F, c = o.createContext(null), N = ({
|
|
8
6
|
...e
|
|
9
|
-
}) => /* @__PURE__ */ i(
|
|
10
|
-
const e =
|
|
7
|
+
}) => /* @__PURE__ */ i(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(p, { ...e }) }), l = () => {
|
|
8
|
+
const e = o.useContext(c), r = o.useContext(f), { getFieldState: m, formState: t } = u();
|
|
11
9
|
if (!e)
|
|
12
10
|
throw new Error("useFormField should be used within <FormField>");
|
|
13
11
|
if (!r)
|
|
14
12
|
throw new Error("useFormField should be used within <FormItem>");
|
|
15
|
-
const
|
|
13
|
+
const s = m(e.name, t), { id: n } = r;
|
|
16
14
|
return {
|
|
17
15
|
id: n,
|
|
18
16
|
name: e.name,
|
|
19
17
|
formItemId: `${n}-form-item`,
|
|
20
18
|
formDescriptionId: `${n}-form-item-description`,
|
|
21
19
|
formMessageId: `${n}-form-item-message`,
|
|
22
|
-
...
|
|
20
|
+
...s
|
|
23
21
|
};
|
|
24
|
-
}, f =
|
|
25
|
-
({ className: e, ...r },
|
|
26
|
-
const t =
|
|
27
|
-
return /* @__PURE__ */ i(f.Provider, { value: { id: t }, children: /* @__PURE__ */ i("div", { ref:
|
|
22
|
+
}, f = o.createContext(null), x = o.forwardRef(
|
|
23
|
+
({ className: e, ...r }, m) => {
|
|
24
|
+
const t = o.useId();
|
|
25
|
+
return /* @__PURE__ */ i(f.Provider, { value: { id: t }, children: /* @__PURE__ */ i("div", { ref: m, className: a("space-y-2", e), ...r }) });
|
|
28
26
|
}
|
|
29
27
|
);
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
const { error: t, formItemId:
|
|
28
|
+
x.displayName = "FormItem";
|
|
29
|
+
const I = o.forwardRef(({ className: e, ...r }, m) => {
|
|
30
|
+
const { error: t, formItemId: s } = l();
|
|
33
31
|
return /* @__PURE__ */ i(
|
|
34
|
-
|
|
32
|
+
"label",
|
|
35
33
|
{
|
|
36
|
-
ref:
|
|
37
|
-
className:
|
|
38
|
-
|
|
34
|
+
ref: m,
|
|
35
|
+
className: a(
|
|
36
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
37
|
+
t && "text-destructive",
|
|
38
|
+
e
|
|
39
|
+
),
|
|
40
|
+
htmlFor: s,
|
|
39
41
|
...r
|
|
40
42
|
}
|
|
41
43
|
);
|
|
42
44
|
});
|
|
43
|
-
|
|
44
|
-
const
|
|
45
|
-
const { error:
|
|
46
|
-
return
|
|
47
|
-
|
|
48
|
-
{
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"aria-invalid": !!o,
|
|
53
|
-
...e
|
|
54
|
-
}
|
|
55
|
-
);
|
|
45
|
+
I.displayName = "FormLabel";
|
|
46
|
+
const w = o.forwardRef(({ children: e, ...r }, m) => {
|
|
47
|
+
const { error: t, formItemId: s, formDescriptionId: n, formMessageId: d } = l();
|
|
48
|
+
return o.isValidElement(e) ? o.cloneElement(e, {
|
|
49
|
+
id: s,
|
|
50
|
+
"aria-describedby": t ? `${n} ${d}` : n,
|
|
51
|
+
"aria-invalid": !!t,
|
|
52
|
+
...r
|
|
53
|
+
}) : null;
|
|
56
54
|
});
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
const { formDescriptionId: t } =
|
|
55
|
+
w.displayName = "FormControl";
|
|
56
|
+
const C = o.forwardRef(({ className: e, ...r }, m) => {
|
|
57
|
+
const { formDescriptionId: t } = l();
|
|
60
58
|
return /* @__PURE__ */ i(
|
|
61
59
|
"p",
|
|
62
60
|
{
|
|
63
|
-
ref:
|
|
61
|
+
ref: m,
|
|
64
62
|
id: t,
|
|
65
|
-
className:
|
|
63
|
+
className: a("text-sm text-muted-foreground", e),
|
|
66
64
|
...r
|
|
67
65
|
}
|
|
68
66
|
);
|
|
69
67
|
});
|
|
70
|
-
|
|
71
|
-
const
|
|
72
|
-
const { error:
|
|
73
|
-
return
|
|
68
|
+
C.displayName = "FormDescription";
|
|
69
|
+
const g = o.forwardRef(({ className: e, children: r, ...m }, t) => {
|
|
70
|
+
const { error: s, formMessageId: n } = l(), d = s ? String((s == null ? void 0 : s.message) ?? "") : r;
|
|
71
|
+
return d ? /* @__PURE__ */ i(
|
|
74
72
|
"p",
|
|
75
73
|
{
|
|
76
74
|
ref: t,
|
|
77
75
|
id: n,
|
|
78
|
-
className:
|
|
79
|
-
...
|
|
80
|
-
children:
|
|
76
|
+
className: a("text-sm font-medium text-destructive", e),
|
|
77
|
+
...m,
|
|
78
|
+
children: d
|
|
81
79
|
}
|
|
82
80
|
) : null;
|
|
83
81
|
});
|
|
84
|
-
|
|
82
|
+
g.displayName = "FormMessage";
|
|
85
83
|
export {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
84
|
+
y as Form,
|
|
85
|
+
w as FormControl,
|
|
86
|
+
C as FormDescription,
|
|
87
|
+
N as FormField,
|
|
88
|
+
x as FormItem,
|
|
89
|
+
I as FormLabel,
|
|
90
|
+
g as FormMessage,
|
|
91
|
+
l as useFormField
|
|
94
92
|
};
|
|
95
93
|
//# sourceMappingURL=form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sources":["../../../src/components/ui/form.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport
|
|
1
|
+
{"version":3,"file":"form.js","sources":["../../../src/components/ui/form.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport {\n Controller,\n FormProvider,\n useFormContext,\n type ControllerProps,\n type FieldPath,\n type FieldValues,\n} from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null)\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const { getFieldState, formState } = useFormContext()\n\n if (!fieldContext) {\n throw new Error('useFormField should be used within <FormField>')\n }\n\n if (!itemContext) {\n throw new Error('useFormField should be used within <FormItem>')\n }\n\n const fieldState = getFieldState(fieldContext.name, formState)\n\n const { id } = itemContext\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState,\n }\n}\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn('space-y-2', className)} {...props} />\n </FormItemContext.Provider>\n )\n }\n)\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = React.forwardRef<\n HTMLLabelElement,\n React.ComponentPropsWithoutRef<'label'>\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField()\n\n return (\n <label\n ref={ref}\n className={cn(\n 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n error && 'text-destructive',\n className\n )}\n htmlFor={formItemId}\n {...props}\n />\n )\n})\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = React.forwardRef<\n HTMLElement,\n React.PropsWithChildren<Record<string, unknown>>\n>(({ children, ...props }, _ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n if (!React.isValidElement(children)) {\n return null\n }\n\n return React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n id: formItemId,\n 'aria-describedby': !error\n ? formDescriptionId\n : `${formDescriptionId} ${formMessageId}`,\n 'aria-invalid': !!error,\n ...props,\n })\n})\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error ? String(error?.message ?? '') : children\n\n if (!body) {\n return null\n }\n\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-sm font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n )\n})\nFormMessage.displayName = 'FormMessage'\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","FormControl","children","_ref","formDescriptionId","formMessageId","FormDescription","FormMessage","body"],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ const ae = k, le = B, ce = D, ne = d, G = a.forwardRef(({ className: t, children
|
|
|
23
23
|
{
|
|
24
24
|
ref: c,
|
|
25
25
|
className: l(
|
|
26
|
-
"relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-
|
|
26
|
+
"relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-xs transition-all",
|
|
27
27
|
"hover:bg-accent/5 hover:border-primary/30",
|
|
28
28
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
|
|
29
29
|
"data-[placeholder]:text-muted-foreground",
|