sunkit-ui 0.1.0-alpha.1
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/README.md +463 -0
- package/dist/components/Alert/Alert.d.ts +12 -0
- package/dist/components/Alert/index.d.ts +2 -0
- package/dist/components/Button/Button.d.ts +18 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Card/Card.d.ts +29 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts +15 -0
- package/dist/components/ColorPicker/index.d.ts +2 -0
- package/dist/components/DatePicker/DatePicker.d.ts +27 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/Input/Input.d.ts +22 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Progress/Progress.d.ts +14 -0
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +35 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Slider/Slider.d.ts +27 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Textarea/Textarea.d.ts +22 -0
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Theme/ThemeProvider.d.ts +15 -0
- package/dist/components/Theme/index.d.ts +2 -0
- package/dist/components/Toggle/Toggle.d.ts +23 -0
- package/dist/components/Toggle/index.d.ts +2 -0
- package/dist/hooks/useButtonSound.d.ts +2 -0
- package/dist/hooks/useColorPickerSound.d.ts +4 -0
- package/dist/hooks/useInputSound.d.ts +2 -0
- package/dist/hooks/usePickerSound.d.ts +5 -0
- package/dist/hooks/useSelectSound.d.ts +5 -0
- package/dist/hooks/useSliderSound.d.ts +2 -0
- package/dist/hooks/useToggleSound.d.ts +2 -0
- package/dist/index.d.ts +27 -0
- package/dist/lib/accent.d.ts +17 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/sunkit.cjs +1 -0
- package/dist/sunkit.js +4028 -0
- package/dist/tokens/colors.d.ts +12 -0
- package/package.json +67 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
export type SliderTone = 'rose' | 'peach' | 'lemon' | 'mint' | 'sky' | 'lavender' | 'lilac' | 'neutral';
|
|
3
|
+
export type SliderSize = 'default' | 'sm';
|
|
4
|
+
export interface SliderMark {
|
|
5
|
+
value: number;
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface SliderProps {
|
|
9
|
+
min?: number;
|
|
10
|
+
max?: number;
|
|
11
|
+
step?: number;
|
|
12
|
+
value?: number;
|
|
13
|
+
defaultValue?: number;
|
|
14
|
+
onValueChange?: (value: number) => void;
|
|
15
|
+
tone?: SliderTone;
|
|
16
|
+
accentColor?: string;
|
|
17
|
+
size?: SliderSize;
|
|
18
|
+
label?: ReactNode;
|
|
19
|
+
description?: ReactNode;
|
|
20
|
+
showValue?: boolean;
|
|
21
|
+
showMinMax?: boolean;
|
|
22
|
+
marks?: SliderMark[];
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
id?: string;
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React, ReactNode, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const textareaVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "filled" | "ghost" | null | undefined;
|
|
5
|
+
tone?: "custom" | "rose" | "peach" | "lemon" | "mint" | "sky" | "lavender" | "lilac" | "neutral" | null | undefined;
|
|
6
|
+
invalid?: boolean | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export type TextareaVariantProps = VariantProps<typeof textareaVariants>;
|
|
9
|
+
export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows'>, Omit<TextareaVariantProps, 'tone'> {
|
|
10
|
+
tone?: NonNullable<TextareaVariantProps['tone']> | (string & {});
|
|
11
|
+
accentColor?: string;
|
|
12
|
+
label?: ReactNode;
|
|
13
|
+
description?: ReactNode;
|
|
14
|
+
error?: ReactNode;
|
|
15
|
+
radius?: number;
|
|
16
|
+
rows?: number;
|
|
17
|
+
autoResize?: boolean;
|
|
18
|
+
showCount?: boolean;
|
|
19
|
+
containerClassName?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export interface ThemeContextValue {
|
|
3
|
+
accentColor?: string;
|
|
4
|
+
dark?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const ThemeContext: import('react').Context<ThemeContextValue>;
|
|
7
|
+
export declare function useTheme(): ThemeContextValue;
|
|
8
|
+
export interface ThemeProviderProps {
|
|
9
|
+
accentColor?: string;
|
|
10
|
+
dark?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export declare function ThemeProvider({ accentColor, dark, className, style, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React, ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const toggleVariants: (props?: ({
|
|
4
|
+
size?: "default" | "sm" | null | undefined;
|
|
5
|
+
disabled?: boolean | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
declare const trackTones: Record<string, {
|
|
8
|
+
off: string;
|
|
9
|
+
on: string;
|
|
10
|
+
}>;
|
|
11
|
+
export type ToggleTone = keyof typeof trackTones;
|
|
12
|
+
export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled'>, Omit<VariantProps<typeof toggleVariants>, 'disabled'> {
|
|
13
|
+
tone?: ToggleTone;
|
|
14
|
+
accentColor?: string;
|
|
15
|
+
label?: ReactNode;
|
|
16
|
+
description?: ReactNode;
|
|
17
|
+
checked?: boolean;
|
|
18
|
+
defaultChecked?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type ACtx = React.MutableRefObject<AudioContext | null>;
|
|
2
|
+
export declare function playPickerNav(actx: ACtx, direction: 'prev' | 'next'): void;
|
|
3
|
+
export declare function playPickerSelect(actx: ACtx): void;
|
|
4
|
+
export declare function usePickerSoundCtx(): import('react').RefObject<AudioContext | null>;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type ACtx = React.MutableRefObject<AudioContext | null>;
|
|
2
|
+
export declare function playSelectOpen(actx: ACtx): void;
|
|
3
|
+
export declare function playSelectChoose(actx: ACtx): void;
|
|
4
|
+
export declare function useSelectSoundCtx(): import('react').RefObject<AudioContext | null>;
|
|
5
|
+
export {};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export { Button } from './components/Button';
|
|
2
|
+
export type { ButtonProps, ButtonSize, ButtonIconPosition, ButtonColor } from './components/Button';
|
|
3
|
+
export { Input } from './components/Input';
|
|
4
|
+
export type { InputProps, InputVariantProps } from './components/Input';
|
|
5
|
+
export { Toggle } from './components/Toggle';
|
|
6
|
+
export type { ToggleProps, ToggleTone } from './components/Toggle';
|
|
7
|
+
export { Select } from './components/Select';
|
|
8
|
+
export type { SelectProps, SelectOption, SelectVariantProps } from './components/Select';
|
|
9
|
+
export { Slider } from './components/Slider';
|
|
10
|
+
export type { SliderProps, SliderTone, SliderSize, SliderMark } from './components/Slider';
|
|
11
|
+
export { Textarea } from './components/Textarea';
|
|
12
|
+
export type { TextareaProps, TextareaVariantProps } from './components/Textarea';
|
|
13
|
+
export { Progress } from './components/Progress';
|
|
14
|
+
export type { ProgressProps, ProgressTone, ProgressSize } from './components/Progress';
|
|
15
|
+
export { Card } from './components/Card';
|
|
16
|
+
export type { CardProps, CardTone, CardVariant } from './components/Card';
|
|
17
|
+
export { ColorPicker } from './components/ColorPicker';
|
|
18
|
+
export type { ColorPickerProps, ColorPickerSize } from './components/ColorPicker';
|
|
19
|
+
export { DatePicker } from './components/DatePicker';
|
|
20
|
+
export type { DatePickerProps, DatePickerTone, DatePickerSize, DatePickerMode, DateRange } from './components/DatePicker';
|
|
21
|
+
export { Alert } from './components/Alert';
|
|
22
|
+
export type { AlertProps, AlertVariant } from './components/Alert';
|
|
23
|
+
export { ThemeProvider, ThemeContext, useTheme } from './components/Theme';
|
|
24
|
+
export type { ThemeProviderProps, ThemeContextValue } from './components/Theme';
|
|
25
|
+
export type { ColorToken } from './tokens/colors';
|
|
26
|
+
export { COLORS, COLOR_MAP } from './tokens/colors';
|
|
27
|
+
export { resolveAccent, hexToAccentPair } from './lib/accent';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Given any hex accent color, returns:
|
|
3
|
+
* fill — the accent itself (used as selection / highlight background)
|
|
4
|
+
* border — darker, more saturated variant (used for borders / icon tinting)
|
|
5
|
+
*/
|
|
6
|
+
export declare function hexToAccentPair(hex: string): {
|
|
7
|
+
fill: string;
|
|
8
|
+
border: string;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Resolves the effective { fill, border } pair for a component.
|
|
12
|
+
* Priority: explicit accentColor prop > ThemeContext accentColor > predefined tone.
|
|
13
|
+
*/
|
|
14
|
+
export declare function resolveAccent(tone: string, TONE_FILL: Record<string, string>, TONE_BORDER: Record<string, string>, accentColor?: string): {
|
|
15
|
+
fill: string;
|
|
16
|
+
border: string;
|
|
17
|
+
};
|
package/dist/sunkit.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c,1);let l=require(`react/jsx-runtime`);function u(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=u(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function d(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=u(e))&&(r&&(r+=` `),r+=t);return r}var f=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,p=d,m=(e,t)=>n=>{if(t?.variants==null)return p(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=f(t)||f(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return p(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},h=(e,t)=>{let n=Array(e.length+t.length);for(let t=0;t<e.length;t++)n[t]=e[t];for(let r=0;r<t.length;r++)n[e.length+r]=t[r];return n},g=(e,t)=>({classGroupId:e,validator:t}),_=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),v=`-`,y=[],b=`arbitrary..`,x=e=>{let t=w(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{if(e.startsWith(`[`)&&e.endsWith(`]`))return C(e);let n=e.split(v);return S(n,+(n[0]===``&&n.length>1),t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=r[e],i=n[e];return t?i?h(i,t):t:i||y}return n[e]||y}}},S=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;let r=e[t],i=n.nextPart.get(r);if(i){let n=S(e,t+1,i);if(n)return n}let a=n.validators;if(a===null)return;let o=t===0?e.join(v):e.slice(t).join(v),s=a.length;for(let e=0;e<s;e++){let t=a[e];if(t.validator(o))return t.classGroupId}},C=e=>e.slice(1,-1).indexOf(`:`)===-1?void 0:(()=>{let t=e.slice(1,-1),n=t.indexOf(`:`),r=t.slice(0,n);return r?b+r:void 0})(),w=e=>{let{theme:t,classGroups:n}=e;return T(n,t)},T=(e,t)=>{let n=_();for(let r in e){let i=e[r];E(i,n,r,t)}return n},E=(e,t,n,r)=>{let i=e.length;for(let a=0;a<i;a++){let i=e[a];D(i,t,n,r)}},D=(e,t,n,r)=>{if(typeof e==`string`){O(e,t,n);return}if(typeof e==`function`){k(e,t,n,r);return}A(e,t,n,r)},O=(e,t,n)=>{let r=e===``?t:j(t,e);r.classGroupId=n},k=(e,t,n,r)=>{if(M(e)){E(e(r),t,n,r);return}t.validators===null&&(t.validators=[]),t.validators.push(g(n,e))},A=(e,t,n,r)=>{let i=Object.entries(e),a=i.length;for(let e=0;e<a;e++){let[a,o]=i[e];E(o,j(t,a),n,r)}},j=(e,t)=>{let n=e,r=t.split(v),i=r.length;for(let e=0;e<i;e++){let t=r[e],i=n.nextPart.get(t);i||(i=_(),n.nextPart.set(t,i)),n=i}return n},M=e=>`isThemeGetter`in e&&e.isThemeGetter===!0,N=e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null),i=(i,a)=>{n[i]=a,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(e){let t=n[e];if(t!==void 0)return t;if((t=r[e])!==void 0)return i(e,t),t},set(e,t){e in n?n[e]=t:i(e,t)}}},P=`!`,F=`:`,I=[],L=(e,t,n,r,i)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:i}),ee=e=>{let{prefix:t,experimentalParseClassName:n}=e,r=e=>{let t=[],n=0,r=0,i=0,a,o=e.length;for(let s=0;s<o;s++){let o=e[s];if(n===0&&r===0){if(o===F){t.push(e.slice(i,s)),i=s+1;continue}if(o===`/`){a=s;continue}}o===`[`?n++:o===`]`?n--:o===`(`?r++:o===`)`&&r--}let s=t.length===0?e:e.slice(i),c=s,l=!1;s.endsWith(P)?(c=s.slice(0,-1),l=!0):s.startsWith(P)&&(c=s.slice(1),l=!0);let u=a&&a>i?a-i:void 0;return L(t,l,c,u)};if(t){let e=t+F,n=r;r=t=>t.startsWith(e)?n(t.slice(e.length)):L(I,!1,t,void 0,!0)}if(n){let e=r;r=t=>n({className:t,parseClassName:e})}return r},te=e=>{let t=new Map;return e.orderSensitiveModifiers.forEach((e,n)=>{t.set(e,1e6+n)}),e=>{let n=[],r=[];for(let i=0;i<e.length;i++){let a=e[i],o=a[0]===`[`,s=t.has(a);o||s?(r.length>0&&(r.sort(),n.push(...r),r=[]),n.push(a)):r.push(a)}return r.length>0&&(r.sort(),n.push(...r)),n}},R=e=>({cache:N(e.cacheSize),parseClassName:ee(e),sortModifiers:te(e),...x(e)}),z=/\s+/,B=(e,t)=>{let{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:i,sortModifiers:a}=t,o=[],s=e.trim().split(z),c=``;for(let e=s.length-1;e>=0;--e){let t=s[e],{isExternal:l,modifiers:u,hasImportantModifier:d,baseClassName:f,maybePostfixModifierPosition:p}=n(t);if(l){c=t+(c.length>0?` `+c:c);continue}let m=!!p,h=r(m?f.substring(0,p):f);if(!h){if(!m){c=t+(c.length>0?` `+c:c);continue}if(h=r(f),!h){c=t+(c.length>0?` `+c:c);continue}m=!1}let g=u.length===0?``:u.length===1?u[0]:a(u).join(`:`),_=d?g+P:g,v=_+h;if(o.indexOf(v)>-1)continue;o.push(v);let y=i(h,m);for(let e=0;e<y.length;++e){let t=y[e];o.push(_+t)}c=t+(c.length>0?` `+c:c)}return c},V=(...e)=>{let t=0,n,r,i=``;for(;t<e.length;)(n=e[t++])&&(r=ne(n))&&(i&&(i+=` `),i+=r);return i},ne=e=>{if(typeof e==`string`)return e;let t,n=``;for(let r=0;r<e.length;r++)e[r]&&(t=ne(e[r]))&&(n&&(n+=` `),n+=t);return n},H=(e,...t)=>{let n,r,i,a,o=o=>(n=R(t.reduce((e,t)=>t(e),e())),r=n.cache.get,i=n.cache.set,a=s,s(o)),s=e=>{let t=r(e);if(t)return t;let a=B(e,n);return i(e,a),a};return a=o,(...e)=>a(V(...e))},re=[],U=e=>{let t=t=>t[e]||re;return t.isThemeGetter=!0,t},ie=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,W=/^\((?:(\w[\w-]*):)?(.+)\)$/i,G=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,ae=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,oe=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,se=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,ce=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,K=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,q=e=>G.test(e),J=e=>!!e&&!Number.isNaN(Number(e)),Y=e=>!!e&&Number.isInteger(Number(e)),le=e=>e.endsWith(`%`)&&J(e.slice(0,-1)),ue=e=>ae.test(e),de=()=>!0,fe=e=>oe.test(e)&&!se.test(e),pe=()=>!1,me=e=>ce.test(e),he=e=>K.test(e),ge=e=>!X(e)&&!Z(e),_e=e=>Me(e,Ie,pe),X=e=>ie.test(e),ve=e=>Me(e,Le,fe),ye=e=>Me(e,Re,J),be=e=>Me(e,Be,de),xe=e=>Me(e,ze,pe),Se=e=>Me(e,Pe,pe),Ce=e=>Me(e,Fe,he),we=e=>Me(e,Ve,me),Z=e=>W.test(e),Te=e=>Ne(e,Le),Ee=e=>Ne(e,ze),De=e=>Ne(e,Pe),Oe=e=>Ne(e,Ie),ke=e=>Ne(e,Fe),Ae=e=>Ne(e,Ve,!0),je=e=>Ne(e,Be,!0),Me=(e,t,n)=>{let r=ie.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},Ne=(e,t,n=!1)=>{let r=W.exec(e);return r?r[1]?t(r[1]):n:!1},Pe=e=>e===`position`||e===`percentage`,Fe=e=>e===`image`||e===`url`,Ie=e=>e===`length`||e===`size`||e===`bg-size`,Le=e=>e===`length`,Re=e=>e===`number`,ze=e=>e===`family-name`,Be=e=>e===`number`||e===`weight`,Ve=e=>e===`shadow`,He=H(()=>{let e=U(`color`),t=U(`font`),n=U(`text`),r=U(`font-weight`),i=U(`tracking`),a=U(`leading`),o=U(`breakpoint`),s=U(`container`),c=U(`spacing`),l=U(`radius`),u=U(`shadow`),d=U(`inset-shadow`),f=U(`text-shadow`),p=U(`drop-shadow`),m=U(`blur`),h=U(`perspective`),g=U(`aspect`),_=U(`ease`),v=U(`animate`),y=()=>[`auto`,`avoid`,`all`,`avoid-page`,`page`,`left`,`right`,`column`],b=()=>[`center`,`top`,`bottom`,`left`,`right`,`top-left`,`left-top`,`top-right`,`right-top`,`bottom-right`,`right-bottom`,`bottom-left`,`left-bottom`],x=()=>[...b(),Z,X],S=()=>[`auto`,`hidden`,`clip`,`visible`,`scroll`],C=()=>[`auto`,`contain`,`none`],w=()=>[Z,X,c],T=()=>[q,`full`,`auto`,...w()],E=()=>[Y,`none`,`subgrid`,Z,X],D=()=>[`auto`,{span:[`full`,Y,Z,X]},Y,Z,X],O=()=>[Y,`auto`,Z,X],k=()=>[`auto`,`min`,`max`,`fr`,Z,X],A=()=>[`start`,`end`,`center`,`between`,`around`,`evenly`,`stretch`,`baseline`,`center-safe`,`end-safe`],j=()=>[`start`,`end`,`center`,`stretch`,`center-safe`,`end-safe`],M=()=>[`auto`,...w()],N=()=>[q,`auto`,`full`,`dvw`,`dvh`,`lvw`,`lvh`,`svw`,`svh`,`min`,`max`,`fit`,...w()],P=()=>[q,`screen`,`full`,`dvw`,`lvw`,`svw`,`min`,`max`,`fit`,...w()],F=()=>[q,`screen`,`full`,`lh`,`dvh`,`lvh`,`svh`,`min`,`max`,`fit`,...w()],I=()=>[e,Z,X],L=()=>[...b(),De,Se,{position:[Z,X]}],ee=()=>[`no-repeat`,{repeat:[``,`x`,`y`,`space`,`round`]}],te=()=>[`auto`,`cover`,`contain`,Oe,_e,{size:[Z,X]}],R=()=>[le,Te,ve],z=()=>[``,`none`,`full`,l,Z,X],B=()=>[``,J,Te,ve],V=()=>[`solid`,`dashed`,`dotted`,`double`],ne=()=>[`normal`,`multiply`,`screen`,`overlay`,`darken`,`lighten`,`color-dodge`,`color-burn`,`hard-light`,`soft-light`,`difference`,`exclusion`,`hue`,`saturation`,`color`,`luminosity`],H=()=>[J,le,De,Se],re=()=>[``,`none`,m,Z,X],ie=()=>[`none`,J,Z,X],W=()=>[`none`,J,Z,X],G=()=>[J,Z,X],ae=()=>[q,`full`,...w()];return{cacheSize:500,theme:{animate:[`spin`,`ping`,`pulse`,`bounce`],aspect:[`video`],blur:[ue],breakpoint:[ue],color:[de],container:[ue],"drop-shadow":[ue],ease:[`in`,`out`,`in-out`],font:[ge],"font-weight":[`thin`,`extralight`,`light`,`normal`,`medium`,`semibold`,`bold`,`extrabold`,`black`],"inset-shadow":[ue],leading:[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`],perspective:[`dramatic`,`near`,`normal`,`midrange`,`distant`,`none`],radius:[ue],shadow:[ue],spacing:[`px`,J],text:[ue],"text-shadow":[ue],tracking:[`tighter`,`tight`,`normal`,`wide`,`wider`,`widest`]},classGroups:{aspect:[{aspect:[`auto`,`square`,q,X,Z,g]}],container:[`container`],columns:[{columns:[J,X,Z,s]}],"break-after":[{"break-after":y()}],"break-before":[{"break-before":y()}],"break-inside":[{"break-inside":[`auto`,`avoid`,`avoid-page`,`avoid-column`]}],"box-decoration":[{"box-decoration":[`slice`,`clone`]}],box:[{box:[`border`,`content`]}],display:[`block`,`inline-block`,`inline`,`flex`,`inline-flex`,`table`,`inline-table`,`table-caption`,`table-cell`,`table-column`,`table-column-group`,`table-footer-group`,`table-header-group`,`table-row-group`,`table-row`,`flow-root`,`grid`,`inline-grid`,`contents`,`list-item`,`hidden`],sr:[`sr-only`,`not-sr-only`],float:[{float:[`right`,`left`,`none`,`start`,`end`]}],clear:[{clear:[`left`,`right`,`both`,`none`,`start`,`end`]}],isolation:[`isolate`,`isolation-auto`],"object-fit":[{object:[`contain`,`cover`,`fill`,`none`,`scale-down`]}],"object-position":[{object:x()}],overflow:[{overflow:S()}],"overflow-x":[{"overflow-x":S()}],"overflow-y":[{"overflow-y":S()}],overscroll:[{overscroll:C()}],"overscroll-x":[{"overscroll-x":C()}],"overscroll-y":[{"overscroll-y":C()}],position:[`static`,`fixed`,`absolute`,`relative`,`sticky`],inset:[{inset:T()}],"inset-x":[{"inset-x":T()}],"inset-y":[{"inset-y":T()}],start:[{"inset-s":T(),start:T()}],end:[{"inset-e":T(),end:T()}],"inset-bs":[{"inset-bs":T()}],"inset-be":[{"inset-be":T()}],top:[{top:T()}],right:[{right:T()}],bottom:[{bottom:T()}],left:[{left:T()}],visibility:[`visible`,`invisible`,`collapse`],z:[{z:[Y,`auto`,Z,X]}],basis:[{basis:[q,`full`,`auto`,s,...w()]}],"flex-direction":[{flex:[`row`,`row-reverse`,`col`,`col-reverse`]}],"flex-wrap":[{flex:[`nowrap`,`wrap`,`wrap-reverse`]}],flex:[{flex:[J,q,`auto`,`initial`,`none`,X]}],grow:[{grow:[``,J,Z,X]}],shrink:[{shrink:[``,J,Z,X]}],order:[{order:[Y,`first`,`last`,`none`,Z,X]}],"grid-cols":[{"grid-cols":E()}],"col-start-end":[{col:D()}],"col-start":[{"col-start":O()}],"col-end":[{"col-end":O()}],"grid-rows":[{"grid-rows":E()}],"row-start-end":[{row:D()}],"row-start":[{"row-start":O()}],"row-end":[{"row-end":O()}],"grid-flow":[{"grid-flow":[`row`,`col`,`dense`,`row-dense`,`col-dense`]}],"auto-cols":[{"auto-cols":k()}],"auto-rows":[{"auto-rows":k()}],gap:[{gap:w()}],"gap-x":[{"gap-x":w()}],"gap-y":[{"gap-y":w()}],"justify-content":[{justify:[...A(),`normal`]}],"justify-items":[{"justify-items":[...j(),`normal`]}],"justify-self":[{"justify-self":[`auto`,...j()]}],"align-content":[{content:[`normal`,...A()]}],"align-items":[{items:[...j(),{baseline:[``,`last`]}]}],"align-self":[{self:[`auto`,...j(),{baseline:[``,`last`]}]}],"place-content":[{"place-content":A()}],"place-items":[{"place-items":[...j(),`baseline`]}],"place-self":[{"place-self":[`auto`,...j()]}],p:[{p:w()}],px:[{px:w()}],py:[{py:w()}],ps:[{ps:w()}],pe:[{pe:w()}],pbs:[{pbs:w()}],pbe:[{pbe:w()}],pt:[{pt:w()}],pr:[{pr:w()}],pb:[{pb:w()}],pl:[{pl:w()}],m:[{m:M()}],mx:[{mx:M()}],my:[{my:M()}],ms:[{ms:M()}],me:[{me:M()}],mbs:[{mbs:M()}],mbe:[{mbe:M()}],mt:[{mt:M()}],mr:[{mr:M()}],mb:[{mb:M()}],ml:[{ml:M()}],"space-x":[{"space-x":w()}],"space-x-reverse":[`space-x-reverse`],"space-y":[{"space-y":w()}],"space-y-reverse":[`space-y-reverse`],size:[{size:N()}],"inline-size":[{inline:[`auto`,...P()]}],"min-inline-size":[{"min-inline":[`auto`,...P()]}],"max-inline-size":[{"max-inline":[`none`,...P()]}],"block-size":[{block:[`auto`,...F()]}],"min-block-size":[{"min-block":[`auto`,...F()]}],"max-block-size":[{"max-block":[`none`,...F()]}],w:[{w:[s,`screen`,...N()]}],"min-w":[{"min-w":[s,`screen`,`none`,...N()]}],"max-w":[{"max-w":[s,`screen`,`none`,`prose`,{screen:[o]},...N()]}],h:[{h:[`screen`,`lh`,...N()]}],"min-h":[{"min-h":[`screen`,`lh`,`none`,...N()]}],"max-h":[{"max-h":[`screen`,`lh`,...N()]}],"font-size":[{text:[`base`,n,Te,ve]}],"font-smoothing":[`antialiased`,`subpixel-antialiased`],"font-style":[`italic`,`not-italic`],"font-weight":[{font:[r,je,be]}],"font-stretch":[{"font-stretch":[`ultra-condensed`,`extra-condensed`,`condensed`,`semi-condensed`,`normal`,`semi-expanded`,`expanded`,`extra-expanded`,`ultra-expanded`,le,X]}],"font-family":[{font:[Ee,xe,t]}],"font-features":[{"font-features":[X]}],"fvn-normal":[`normal-nums`],"fvn-ordinal":[`ordinal`],"fvn-slashed-zero":[`slashed-zero`],"fvn-figure":[`lining-nums`,`oldstyle-nums`],"fvn-spacing":[`proportional-nums`,`tabular-nums`],"fvn-fraction":[`diagonal-fractions`,`stacked-fractions`],tracking:[{tracking:[i,Z,X]}],"line-clamp":[{"line-clamp":[J,`none`,Z,ye]}],leading:[{leading:[a,...w()]}],"list-image":[{"list-image":[`none`,Z,X]}],"list-style-position":[{list:[`inside`,`outside`]}],"list-style-type":[{list:[`disc`,`decimal`,`none`,Z,X]}],"text-alignment":[{text:[`left`,`center`,`right`,`justify`,`start`,`end`]}],"placeholder-color":[{placeholder:I()}],"text-color":[{text:I()}],"text-decoration":[`underline`,`overline`,`line-through`,`no-underline`],"text-decoration-style":[{decoration:[...V(),`wavy`]}],"text-decoration-thickness":[{decoration:[J,`from-font`,`auto`,Z,ve]}],"text-decoration-color":[{decoration:I()}],"underline-offset":[{"underline-offset":[J,`auto`,Z,X]}],"text-transform":[`uppercase`,`lowercase`,`capitalize`,`normal-case`],"text-overflow":[`truncate`,`text-ellipsis`,`text-clip`],"text-wrap":[{text:[`wrap`,`nowrap`,`balance`,`pretty`]}],indent:[{indent:w()}],"vertical-align":[{align:[`baseline`,`top`,`middle`,`bottom`,`text-top`,`text-bottom`,`sub`,`super`,Z,X]}],whitespace:[{whitespace:[`normal`,`nowrap`,`pre`,`pre-line`,`pre-wrap`,`break-spaces`]}],break:[{break:[`normal`,`words`,`all`,`keep`]}],wrap:[{wrap:[`break-word`,`anywhere`,`normal`]}],hyphens:[{hyphens:[`none`,`manual`,`auto`]}],content:[{content:[`none`,Z,X]}],"bg-attachment":[{bg:[`fixed`,`local`,`scroll`]}],"bg-clip":[{"bg-clip":[`border`,`padding`,`content`,`text`]}],"bg-origin":[{"bg-origin":[`border`,`padding`,`content`]}],"bg-position":[{bg:L()}],"bg-repeat":[{bg:ee()}],"bg-size":[{bg:te()}],"bg-image":[{bg:[`none`,{linear:[{to:[`t`,`tr`,`r`,`br`,`b`,`bl`,`l`,`tl`]},Y,Z,X],radial:[``,Z,X],conic:[Y,Z,X]},ke,Ce]}],"bg-color":[{bg:I()}],"gradient-from-pos":[{from:R()}],"gradient-via-pos":[{via:R()}],"gradient-to-pos":[{to:R()}],"gradient-from":[{from:I()}],"gradient-via":[{via:I()}],"gradient-to":[{to:I()}],rounded:[{rounded:z()}],"rounded-s":[{"rounded-s":z()}],"rounded-e":[{"rounded-e":z()}],"rounded-t":[{"rounded-t":z()}],"rounded-r":[{"rounded-r":z()}],"rounded-b":[{"rounded-b":z()}],"rounded-l":[{"rounded-l":z()}],"rounded-ss":[{"rounded-ss":z()}],"rounded-se":[{"rounded-se":z()}],"rounded-ee":[{"rounded-ee":z()}],"rounded-es":[{"rounded-es":z()}],"rounded-tl":[{"rounded-tl":z()}],"rounded-tr":[{"rounded-tr":z()}],"rounded-br":[{"rounded-br":z()}],"rounded-bl":[{"rounded-bl":z()}],"border-w":[{border:B()}],"border-w-x":[{"border-x":B()}],"border-w-y":[{"border-y":B()}],"border-w-s":[{"border-s":B()}],"border-w-e":[{"border-e":B()}],"border-w-bs":[{"border-bs":B()}],"border-w-be":[{"border-be":B()}],"border-w-t":[{"border-t":B()}],"border-w-r":[{"border-r":B()}],"border-w-b":[{"border-b":B()}],"border-w-l":[{"border-l":B()}],"divide-x":[{"divide-x":B()}],"divide-x-reverse":[`divide-x-reverse`],"divide-y":[{"divide-y":B()}],"divide-y-reverse":[`divide-y-reverse`],"border-style":[{border:[...V(),`hidden`,`none`]}],"divide-style":[{divide:[...V(),`hidden`,`none`]}],"border-color":[{border:I()}],"border-color-x":[{"border-x":I()}],"border-color-y":[{"border-y":I()}],"border-color-s":[{"border-s":I()}],"border-color-e":[{"border-e":I()}],"border-color-bs":[{"border-bs":I()}],"border-color-be":[{"border-be":I()}],"border-color-t":[{"border-t":I()}],"border-color-r":[{"border-r":I()}],"border-color-b":[{"border-b":I()}],"border-color-l":[{"border-l":I()}],"divide-color":[{divide:I()}],"outline-style":[{outline:[...V(),`none`,`hidden`]}],"outline-offset":[{"outline-offset":[J,Z,X]}],"outline-w":[{outline:[``,J,Te,ve]}],"outline-color":[{outline:I()}],shadow:[{shadow:[``,`none`,u,Ae,we]}],"shadow-color":[{shadow:I()}],"inset-shadow":[{"inset-shadow":[`none`,d,Ae,we]}],"inset-shadow-color":[{"inset-shadow":I()}],"ring-w":[{ring:B()}],"ring-w-inset":[`ring-inset`],"ring-color":[{ring:I()}],"ring-offset-w":[{"ring-offset":[J,ve]}],"ring-offset-color":[{"ring-offset":I()}],"inset-ring-w":[{"inset-ring":B()}],"inset-ring-color":[{"inset-ring":I()}],"text-shadow":[{"text-shadow":[`none`,f,Ae,we]}],"text-shadow-color":[{"text-shadow":I()}],opacity:[{opacity:[J,Z,X]}],"mix-blend":[{"mix-blend":[...ne(),`plus-darker`,`plus-lighter`]}],"bg-blend":[{"bg-blend":ne()}],"mask-clip":[{"mask-clip":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]},`mask-no-clip`],"mask-composite":[{mask:[`add`,`subtract`,`intersect`,`exclude`]}],"mask-image-linear-pos":[{"mask-linear":[J]}],"mask-image-linear-from-pos":[{"mask-linear-from":H()}],"mask-image-linear-to-pos":[{"mask-linear-to":H()}],"mask-image-linear-from-color":[{"mask-linear-from":I()}],"mask-image-linear-to-color":[{"mask-linear-to":I()}],"mask-image-t-from-pos":[{"mask-t-from":H()}],"mask-image-t-to-pos":[{"mask-t-to":H()}],"mask-image-t-from-color":[{"mask-t-from":I()}],"mask-image-t-to-color":[{"mask-t-to":I()}],"mask-image-r-from-pos":[{"mask-r-from":H()}],"mask-image-r-to-pos":[{"mask-r-to":H()}],"mask-image-r-from-color":[{"mask-r-from":I()}],"mask-image-r-to-color":[{"mask-r-to":I()}],"mask-image-b-from-pos":[{"mask-b-from":H()}],"mask-image-b-to-pos":[{"mask-b-to":H()}],"mask-image-b-from-color":[{"mask-b-from":I()}],"mask-image-b-to-color":[{"mask-b-to":I()}],"mask-image-l-from-pos":[{"mask-l-from":H()}],"mask-image-l-to-pos":[{"mask-l-to":H()}],"mask-image-l-from-color":[{"mask-l-from":I()}],"mask-image-l-to-color":[{"mask-l-to":I()}],"mask-image-x-from-pos":[{"mask-x-from":H()}],"mask-image-x-to-pos":[{"mask-x-to":H()}],"mask-image-x-from-color":[{"mask-x-from":I()}],"mask-image-x-to-color":[{"mask-x-to":I()}],"mask-image-y-from-pos":[{"mask-y-from":H()}],"mask-image-y-to-pos":[{"mask-y-to":H()}],"mask-image-y-from-color":[{"mask-y-from":I()}],"mask-image-y-to-color":[{"mask-y-to":I()}],"mask-image-radial":[{"mask-radial":[Z,X]}],"mask-image-radial-from-pos":[{"mask-radial-from":H()}],"mask-image-radial-to-pos":[{"mask-radial-to":H()}],"mask-image-radial-from-color":[{"mask-radial-from":I()}],"mask-image-radial-to-color":[{"mask-radial-to":I()}],"mask-image-radial-shape":[{"mask-radial":[`circle`,`ellipse`]}],"mask-image-radial-size":[{"mask-radial":[{closest:[`side`,`corner`],farthest:[`side`,`corner`]}]}],"mask-image-radial-pos":[{"mask-radial-at":b()}],"mask-image-conic-pos":[{"mask-conic":[J]}],"mask-image-conic-from-pos":[{"mask-conic-from":H()}],"mask-image-conic-to-pos":[{"mask-conic-to":H()}],"mask-image-conic-from-color":[{"mask-conic-from":I()}],"mask-image-conic-to-color":[{"mask-conic-to":I()}],"mask-mode":[{mask:[`alpha`,`luminance`,`match`]}],"mask-origin":[{"mask-origin":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]}],"mask-position":[{mask:L()}],"mask-repeat":[{mask:ee()}],"mask-size":[{mask:te()}],"mask-type":[{"mask-type":[`alpha`,`luminance`]}],"mask-image":[{mask:[`none`,Z,X]}],filter:[{filter:[``,`none`,Z,X]}],blur:[{blur:re()}],brightness:[{brightness:[J,Z,X]}],contrast:[{contrast:[J,Z,X]}],"drop-shadow":[{"drop-shadow":[``,`none`,p,Ae,we]}],"drop-shadow-color":[{"drop-shadow":I()}],grayscale:[{grayscale:[``,J,Z,X]}],"hue-rotate":[{"hue-rotate":[J,Z,X]}],invert:[{invert:[``,J,Z,X]}],saturate:[{saturate:[J,Z,X]}],sepia:[{sepia:[``,J,Z,X]}],"backdrop-filter":[{"backdrop-filter":[``,`none`,Z,X]}],"backdrop-blur":[{"backdrop-blur":re()}],"backdrop-brightness":[{"backdrop-brightness":[J,Z,X]}],"backdrop-contrast":[{"backdrop-contrast":[J,Z,X]}],"backdrop-grayscale":[{"backdrop-grayscale":[``,J,Z,X]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[J,Z,X]}],"backdrop-invert":[{"backdrop-invert":[``,J,Z,X]}],"backdrop-opacity":[{"backdrop-opacity":[J,Z,X]}],"backdrop-saturate":[{"backdrop-saturate":[J,Z,X]}],"backdrop-sepia":[{"backdrop-sepia":[``,J,Z,X]}],"border-collapse":[{border:[`collapse`,`separate`]}],"border-spacing":[{"border-spacing":w()}],"border-spacing-x":[{"border-spacing-x":w()}],"border-spacing-y":[{"border-spacing-y":w()}],"table-layout":[{table:[`auto`,`fixed`]}],caption:[{caption:[`top`,`bottom`]}],transition:[{transition:[``,`all`,`colors`,`opacity`,`shadow`,`transform`,`none`,Z,X]}],"transition-behavior":[{transition:[`normal`,`discrete`]}],duration:[{duration:[J,`initial`,Z,X]}],ease:[{ease:[`linear`,`initial`,_,Z,X]}],delay:[{delay:[J,Z,X]}],animate:[{animate:[`none`,v,Z,X]}],backface:[{backface:[`hidden`,`visible`]}],perspective:[{perspective:[h,Z,X]}],"perspective-origin":[{"perspective-origin":x()}],rotate:[{rotate:ie()}],"rotate-x":[{"rotate-x":ie()}],"rotate-y":[{"rotate-y":ie()}],"rotate-z":[{"rotate-z":ie()}],scale:[{scale:W()}],"scale-x":[{"scale-x":W()}],"scale-y":[{"scale-y":W()}],"scale-z":[{"scale-z":W()}],"scale-3d":[`scale-3d`],skew:[{skew:G()}],"skew-x":[{"skew-x":G()}],"skew-y":[{"skew-y":G()}],transform:[{transform:[Z,X,``,`none`,`gpu`,`cpu`]}],"transform-origin":[{origin:x()}],"transform-style":[{transform:[`3d`,`flat`]}],translate:[{translate:ae()}],"translate-x":[{"translate-x":ae()}],"translate-y":[{"translate-y":ae()}],"translate-z":[{"translate-z":ae()}],"translate-none":[`translate-none`],accent:[{accent:I()}],appearance:[{appearance:[`none`,`auto`]}],"caret-color":[{caret:I()}],"color-scheme":[{scheme:[`normal`,`dark`,`light`,`light-dark`,`only-dark`,`only-light`]}],cursor:[{cursor:[`auto`,`default`,`pointer`,`wait`,`text`,`move`,`help`,`not-allowed`,`none`,`context-menu`,`progress`,`cell`,`crosshair`,`vertical-text`,`alias`,`copy`,`no-drop`,`grab`,`grabbing`,`all-scroll`,`col-resize`,`row-resize`,`n-resize`,`e-resize`,`s-resize`,`w-resize`,`ne-resize`,`nw-resize`,`se-resize`,`sw-resize`,`ew-resize`,`ns-resize`,`nesw-resize`,`nwse-resize`,`zoom-in`,`zoom-out`,Z,X]}],"field-sizing":[{"field-sizing":[`fixed`,`content`]}],"pointer-events":[{"pointer-events":[`auto`,`none`]}],resize:[{resize:[`none`,``,`y`,`x`]}],"scroll-behavior":[{scroll:[`auto`,`smooth`]}],"scroll-m":[{"scroll-m":w()}],"scroll-mx":[{"scroll-mx":w()}],"scroll-my":[{"scroll-my":w()}],"scroll-ms":[{"scroll-ms":w()}],"scroll-me":[{"scroll-me":w()}],"scroll-mbs":[{"scroll-mbs":w()}],"scroll-mbe":[{"scroll-mbe":w()}],"scroll-mt":[{"scroll-mt":w()}],"scroll-mr":[{"scroll-mr":w()}],"scroll-mb":[{"scroll-mb":w()}],"scroll-ml":[{"scroll-ml":w()}],"scroll-p":[{"scroll-p":w()}],"scroll-px":[{"scroll-px":w()}],"scroll-py":[{"scroll-py":w()}],"scroll-ps":[{"scroll-ps":w()}],"scroll-pe":[{"scroll-pe":w()}],"scroll-pbs":[{"scroll-pbs":w()}],"scroll-pbe":[{"scroll-pbe":w()}],"scroll-pt":[{"scroll-pt":w()}],"scroll-pr":[{"scroll-pr":w()}],"scroll-pb":[{"scroll-pb":w()}],"scroll-pl":[{"scroll-pl":w()}],"snap-align":[{snap:[`start`,`end`,`center`,`align-none`]}],"snap-stop":[{snap:[`normal`,`always`]}],"snap-type":[{snap:[`none`,`x`,`y`,`both`]}],"snap-strictness":[{snap:[`mandatory`,`proximity`]}],touch:[{touch:[`auto`,`none`,`manipulation`]}],"touch-x":[{"touch-pan":[`x`,`left`,`right`]}],"touch-y":[{"touch-pan":[`y`,`up`,`down`]}],"touch-pz":[`touch-pinch-zoom`],select:[{select:[`none`,`text`,`all`,`auto`]}],"will-change":[{"will-change":[`auto`,`scroll`,`contents`,`transform`,Z,X]}],fill:[{fill:[`none`,...I()]}],"stroke-w":[{stroke:[J,Te,ve,ye]}],stroke:[{stroke:[`none`,...I()]}],"forced-color-adjust":[{"forced-color-adjust":[`auto`,`none`]}]},conflictingClassGroups:{overflow:[`overflow-x`,`overflow-y`],overscroll:[`overscroll-x`,`overscroll-y`],inset:[`inset-x`,`inset-y`,`inset-bs`,`inset-be`,`start`,`end`,`top`,`right`,`bottom`,`left`],"inset-x":[`right`,`left`],"inset-y":[`top`,`bottom`],flex:[`basis`,`grow`,`shrink`],gap:[`gap-x`,`gap-y`],p:[`px`,`py`,`ps`,`pe`,`pbs`,`pbe`,`pt`,`pr`,`pb`,`pl`],px:[`pr`,`pl`],py:[`pt`,`pb`],m:[`mx`,`my`,`ms`,`me`,`mbs`,`mbe`,`mt`,`mr`,`mb`,`ml`],mx:[`mr`,`ml`],my:[`mt`,`mb`],size:[`w`,`h`],"font-size":[`leading`],"fvn-normal":[`fvn-ordinal`,`fvn-slashed-zero`,`fvn-figure`,`fvn-spacing`,`fvn-fraction`],"fvn-ordinal":[`fvn-normal`],"fvn-slashed-zero":[`fvn-normal`],"fvn-figure":[`fvn-normal`],"fvn-spacing":[`fvn-normal`],"fvn-fraction":[`fvn-normal`],"line-clamp":[`display`,`overflow`],rounded:[`rounded-s`,`rounded-e`,`rounded-t`,`rounded-r`,`rounded-b`,`rounded-l`,`rounded-ss`,`rounded-se`,`rounded-ee`,`rounded-es`,`rounded-tl`,`rounded-tr`,`rounded-br`,`rounded-bl`],"rounded-s":[`rounded-ss`,`rounded-es`],"rounded-e":[`rounded-se`,`rounded-ee`],"rounded-t":[`rounded-tl`,`rounded-tr`],"rounded-r":[`rounded-tr`,`rounded-br`],"rounded-b":[`rounded-br`,`rounded-bl`],"rounded-l":[`rounded-tl`,`rounded-bl`],"border-spacing":[`border-spacing-x`,`border-spacing-y`],"border-w":[`border-w-x`,`border-w-y`,`border-w-s`,`border-w-e`,`border-w-bs`,`border-w-be`,`border-w-t`,`border-w-r`,`border-w-b`,`border-w-l`],"border-w-x":[`border-w-r`,`border-w-l`],"border-w-y":[`border-w-t`,`border-w-b`],"border-color":[`border-color-x`,`border-color-y`,`border-color-s`,`border-color-e`,`border-color-bs`,`border-color-be`,`border-color-t`,`border-color-r`,`border-color-b`,`border-color-l`],"border-color-x":[`border-color-r`,`border-color-l`],"border-color-y":[`border-color-t`,`border-color-b`],translate:[`translate-x`,`translate-y`,`translate-none`],"translate-none":[`translate`,`translate-x`,`translate-y`,`translate-z`],"scroll-m":[`scroll-mx`,`scroll-my`,`scroll-ms`,`scroll-me`,`scroll-mbs`,`scroll-mbe`,`scroll-mt`,`scroll-mr`,`scroll-mb`,`scroll-ml`],"scroll-mx":[`scroll-mr`,`scroll-ml`],"scroll-my":[`scroll-mt`,`scroll-mb`],"scroll-p":[`scroll-px`,`scroll-py`,`scroll-ps`,`scroll-pe`,`scroll-pbs`,`scroll-pbe`,`scroll-pt`,`scroll-pr`,`scroll-pb`,`scroll-pl`],"scroll-px":[`scroll-pr`,`scroll-pl`],"scroll-py":[`scroll-pt`,`scroll-pb`],touch:[`touch-x`,`touch-y`,`touch-pz`],"touch-x":[`touch`],"touch-y":[`touch`],"touch-pz":[`touch`]},conflictingClassGroupModifiers:{"font-size":[`leading`]},orderSensitiveModifiers:[`*`,`**`,`after`,`backdrop`,`before`,`details-content`,`file`,`first-letter`,`first-line`,`marker`,`placeholder`,`selection`]}});function Q(...e){return He(d(e))}function Ue(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}function We(e){try{let t=Ue(e),n=t.currentTime,r=340+Math.random()*80,i=t.createOscillator(),a=t.createGain(),o=t.createBiquadFilter();o.type=`lowpass`,o.frequency.value=1800,i.connect(o),o.connect(a),a.connect(t.destination),i.type=`sine`,i.frequency.setValueAtTime(r,n),i.frequency.exponentialRampToValueAtTime(r*.72,n+.07),a.gain.setValueAtTime(1e-4,n),a.gain.exponentialRampToValueAtTime(.18,n+.008),a.gain.exponentialRampToValueAtTime(1e-4,n+.09),i.start(n),i.stop(n+.1)}catch{}}function Ge(e){try{let t=Ue(e),n=t.currentTime,r=480+Math.random()*120,i=t.createOscillator(),a=t.createGain(),o=t.createBiquadFilter();o.type=`bandpass`,o.frequency.value=900,o.Q.value=1.2,i.connect(o),o.connect(a),a.connect(t.destination),i.type=`triangle`,i.frequency.setValueAtTime(r,n),i.frequency.exponentialRampToValueAtTime(r*1.25,n+.04),a.gain.setValueAtTime(1e-4,n),a.gain.exponentialRampToValueAtTime(.12,n+.006),a.gain.exponentialRampToValueAtTime(1e-4,n+.12),i.start(n),i.stop(n+.14)}catch{}}function Ke(e){let t=(0,c.useRef)(null),n=(0,c.useCallback)(()=>We(t),[]),r=(0,c.useCallback)(()=>{Ge(t)},[]),i=(0,c.useCallback)(e=>{e.buttons===1&&Ge(t)},[]);(0,c.useEffect)(()=>{let a=e.current;if(!a)return;let o=e=>{e.preventDefault(),We(t)},s=e=>{e.preventDefault(),Ge(t)};return a.addEventListener(`mousedown`,n),a.addEventListener(`mouseup`,r),a.addEventListener(`mouseleave`,i),a.addEventListener(`touchstart`,o,{passive:!1}),a.addEventListener(`touchend`,s,{passive:!1}),()=>{a.removeEventListener(`mousedown`,n),a.removeEventListener(`mouseup`,r),a.removeEventListener(`mouseleave`,i),a.removeEventListener(`touchstart`,o),a.removeEventListener(`touchend`,s)}},[e,n,r,i])}function qe(e){let t=e.replace(`#`,``),n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=Math.max(n,r,i),o=Math.min(n,r,i),s=(a+o)/2,c=0,l=0;if(a!==o){let e=a-o;switch(c=s>.5?e/(2-a-o):e/(a+o),a){case n:l=((r-i)/e+(r<i?6:0))/6;break;case r:l=((i-n)/e+2)/6;break;case i:l=((n-r)/e+4)/6;break}}return[Math.round(l*360),Math.round(c*100),Math.round(s*100)]}function Je(e,t,n){let r=t/100,i=n/100,a=r*Math.min(i,1-i),o=t=>{let n=(t+e/30)%12,r=i-a*Math.max(Math.min(n-3,9-n,1),-1);return Math.round(255*r).toString(16).padStart(2,`0`)};return`#${o(0)}${o(8)}${o(4)}`}function Ye(e){if(!e||!e.startsWith(`#`))return{fill:e,border:e};let[t,n,r]=qe(e),i=Math.max(r-28,20);return{fill:e,border:Je(t,Math.min(n+10,100),i)}}function Xe(e,t,n,r){return r?Ye(r):{fill:t[e]??t.neutral??`#E8E4DC`,border:n[e]??n.neutral??`#5a5550`}}var $=(0,c.createContext)({});function Ze(){return(0,c.useContext)($)}function Qe({accentColor:e,dark:t,className:n,style:r,children:i}){let a=(0,c.useMemo)(()=>({accentColor:e,dark:t}),[e,t]),o={...e?{"--sk-accent":e}:{},...r};return(0,l.jsx)($.Provider,{value:a,children:(0,l.jsx)(`div`,{className:Q(t===!0?`dark`:t===!1?`light`:``,n),"data-theme":t===!0?`dark`:t===!1?`light`:void 0,style:o,children:i})})}var $e=m([`inline-flex items-center justify-center gap-[7px]`,`font-[system-ui,_-apple-system,_sans-serif] font-medium leading-none`,`cursor-pointer border outline-none select-none relative`,`rounded-[var(--btn-radius)]`,`btn-transition`,`active:scale-[0.972]`,`hover:brightness-[1.05]`,`btn-shadow hover:btn-shadow-hover active:btn-shadow-active`,`[-webkit-tap-highlight-color:transparent]`].join(` `),{variants:{color:{rose:`bg-pastel-rose text-pastel-rose-dark border-pastel-rose-dark/[0.22]`,peach:`bg-pastel-peach text-pastel-peach-dark border-pastel-peach-dark/[0.22]`,lemon:`bg-pastel-lemon text-pastel-lemon-dark border-pastel-lemon-dark/[0.22]`,mint:`bg-pastel-mint text-pastel-mint-dark border-pastel-mint-dark/[0.22]`,sky:`bg-pastel-sky text-pastel-sky-dark border-pastel-sky-dark/[0.22]`,lavender:`bg-pastel-lavender text-pastel-lavender-dark border-pastel-lavender-dark/[0.22]`,lilac:`bg-pastel-lilac text-pastel-lilac-dark border-pastel-lilac-dark/[0.22]`,neutral:`bg-pastel-neutral text-pastel-neutral-dark border-pastel-neutral-dark/[0.22]`,custom:``},size:{default:`px-[18px] py-[10px] text-sm`,sm:`px-[13px] py-[7px] text-xs`,"icon-only":`p-[10px] w-10 h-10 text-sm`,"icon-sm":`p-[7px] w-8 h-8 text-xs`}},defaultVariants:{color:`lavender`,size:`default`}});function et(e,t){return e===`icon-only`||t===`only`?e===`sm`?`icon-sm`:`icon-only`:e===`sm`?`sm`:`default`}var tt=()=>(0,l.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`polygon`,{points:`5 3 19 12 5 21 5 3`})}),nt=()=>(0,l.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})});function rt({ref:e,color:t=`lavender`,accentColor:n,size:r=`default`,icon:i=`none`,iconLeft:a,iconRight:o,iconOnly:s,radius:u=10,children:d,className:f,style:p,...m}){let h=(0,c.useRef)(null),{accentColor:g}=(0,c.useContext)($),_=(0,c.useCallback)(t=>{h.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);Ke(h);let v=r===`icon-only`||i===`only`,y=n??g,b;if(y){let{fill:e,border:t}=Ye(y);b={backgroundColor:e,color:t,borderColor:`${t}38`}}return(0,l.jsx)(`button`,{ref:_,className:Q($e({color:y?`custom`:t,size:et(r,i)}),f),style:{"--btn-radius":`${u}px`,...b,...p},...m,children:v?(0,l.jsx)(`span`,{className:`flex items-center leading-none shrink-0`,children:s??(0,l.jsx)(nt,{})}):(0,l.jsxs)(l.Fragment,{children:[i===`left`&&(0,l.jsx)(`span`,{className:`flex items-center leading-none shrink-0`,children:a??(0,l.jsx)(tt,{})}),(0,l.jsx)(`span`,{className:`[text-shadow:0_1px_0_rgba(255,255,255,0.35)]`,children:d}),i===`right`&&(0,l.jsx)(`span`,{className:`flex items-center leading-none shrink-0`,children:o??(0,l.jsx)(tt,{})})]})})}function it(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}function at(e){try{let t=it(e),n=t.currentTime,r=t.createOscillator(),i=t.createGain();r.connect(i),i.connect(t.destination),r.type=`sine`,r.frequency.setValueAtTime(1600,n),r.frequency.exponentialRampToValueAtTime(1050,n+.18),i.gain.setValueAtTime(1e-4,n),i.gain.exponentialRampToValueAtTime(.055,n+.012),i.gain.exponentialRampToValueAtTime(1e-4,n+.26),r.start(n),r.stop(n+.28)}catch{}}function ot(e){let t=(0,c.useRef)(null);(0,c.useEffect)(()=>{let n=e.current;if(!n)return;let r=()=>at(t);return n.addEventListener(`focus`,r),()=>n.removeEventListener(`focus`,r)},[e])}var st=m([`w-full min-w-0`,`font-[system-ui,_-apple-system,_sans-serif] text-[13px] leading-none`,`text-[var(--sk-text)] placeholder:text-[var(--sk-text-placeholder)]`,`outline-none`,`disabled:opacity-50 disabled:cursor-not-allowed`,`transition-[box-shadow,border-color,background-color,opacity] duration-[150ms] ease-out`].join(` `),{variants:{variant:{default:[`bg-[var(--sk-surface)] border`,`rounded-[var(--field-radius)]`,`btn-shadow hover:btn-shadow-hover`,`focus-visible:btn-shadow-hover`,`hover:brightness-[1.03]`].join(` `),filled:[`bg-[var(--sk-surface-filled)] border border-[var(--sk-border)]`,`rounded-[var(--field-radius)]`,`shadow-[inset_0_1px_3px_var(--sk-shadow-b)]`,`hover:bg-[var(--sk-surface-hover)]`,`focus-visible:bg-[var(--sk-surface)] focus-visible:shadow-[inset_0_1px_2px_var(--sk-shadow-c)]`].join(` `),ghost:[`bg-transparent border-0 border-b-[1.5px] border-[var(--sk-border-strong)]`,`rounded-none shadow-none`,`hover:border-[var(--sk-border-strong)]`,`focus-visible:border-b-2 focus-visible:bg-[var(--sk-surface)]`].join(` `)},tone:{rose:`border-pastel-rose-dark/[0.25] focus-visible:border-pastel-rose-dark/[0.55]`,peach:`border-pastel-peach-dark/[0.25] focus-visible:border-pastel-peach-dark/[0.55]`,lemon:`border-pastel-lemon-dark/[0.25] focus-visible:border-pastel-lemon-dark/[0.55]`,mint:`border-pastel-mint-dark/[0.25] focus-visible:border-pastel-mint-dark/[0.55]`,sky:`border-pastel-sky-dark/[0.25] focus-visible:border-pastel-sky-dark/[0.55]`,lavender:`border-pastel-lavender-dark/[0.25] focus-visible:border-pastel-lavender-dark/[0.55]`,lilac:`border-pastel-lilac-dark/[0.25] focus-visible:border-pastel-lilac-dark/[0.55]`,neutral:`border-pastel-neutral-dark/[0.25] focus-visible:border-pastel-neutral-dark/[0.55]`,custom:`border-[var(--sk-border)]`},size:{default:`h-[40px] px-[12px] py-[10px]`,sm:`h-[32px] px-[10px] py-[8px] text-[12px]`},invalid:{true:`border-red-600/50 focus-visible:border-red-600/70`,false:``}},compoundVariants:[{variant:`ghost`,tone:`rose`,className:`border-pastel-rose-dark/[0.40] focus-visible:border-pastel-rose-dark/[0.70]`},{variant:`ghost`,tone:`peach`,className:`border-pastel-peach-dark/[0.40] focus-visible:border-pastel-peach-dark/[0.70]`},{variant:`ghost`,tone:`lemon`,className:`border-pastel-lemon-dark/[0.40] focus-visible:border-pastel-lemon-dark/[0.70]`},{variant:`ghost`,tone:`mint`,className:`border-pastel-mint-dark/[0.40] focus-visible:border-pastel-mint-dark/[0.70]`},{variant:`ghost`,tone:`sky`,className:`border-pastel-sky-dark/[0.40] focus-visible:border-pastel-sky-dark/[0.70]`},{variant:`ghost`,tone:`lavender`,className:`border-pastel-lavender-dark/[0.40] focus-visible:border-pastel-lavender-dark/[0.70]`},{variant:`ghost`,tone:`lilac`,className:`border-pastel-lilac-dark/[0.40] focus-visible:border-pastel-lilac-dark/[0.70]`},{variant:`ghost`,tone:`neutral`,className:`border-pastel-neutral-dark/[0.35] focus-visible:border-pastel-neutral-dark/[0.65]`}],defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,invalid:!1}}),ct=(0,c.forwardRef)(function({id:e,label:t,description:n,error:r,radius:i=12,leftAdornment:a,rightAdornment:o,className:s,containerClassName:u,variant:d,tone:f,size:p,invalid:m,required:h,disabled:g,accentColor:_,"aria-describedby":v,...y},b){let x=(0,c.useRef)(null),S=(0,c.useId)(),C=e??`input-${S}`,w=n?`${C}-description`:void 0,T=r?`${C}-error`:void 0,E=[v,w,T].filter(Boolean).join(` `)||void 0,D=m??!!r,{accentColor:O}=(0,c.useContext)($),k=_??O,[A,j]=(0,c.useState)(!1);ot(x);let M=(0,c.useCallback)(e=>{x.current=e,typeof b==`function`?b(e):b!=null&&(b.current=e)},[b]),N=k?`custom`:f??`neutral`,P;if(k&&A&&!D){let{border:e}=Ye(k);P={borderColor:`${e}99`}}else if(k&&!D){let{border:e}=Ye(k);P={borderColor:`${e}44`}}return(0,l.jsxs)(`div`,{className:Q(`w-full`,u),children:[t!=null&&(0,l.jsx)(`label`,{htmlFor:C,className:Q(`block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,g&&`opacity-60`),children:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[t,h?(0,l.jsx)(`span`,{className:`text-[var(--sk-text-muted)]`,children:`*`}):null]})}),(0,l.jsxs)(`div`,{className:Q(`relative w-full`,a?`pl-[34px]`:``,o?`pr-[34px]`:``),style:{"--field-radius":`${i}px`},children:[a?(0,l.jsx)(`div`,{className:`absolute left-[10px] top-1/2 -translate-y-1/2 text-[var(--sk-text-muted)] pointer-events-none`,children:a}):null,(0,l.jsx)(`input`,{ref:M,id:C,className:Q(st({variant:d,tone:N,size:p,invalid:D}),a?`pl-[34px]`:``,o?`pr-[34px]`:``,s),style:P,"aria-invalid":D||void 0,"aria-describedby":E,required:h,disabled:g,onFocus:e=>{j(!0),y.onFocus?.(e)},onBlur:e=>{j(!1),y.onBlur?.(e)},...y}),o?(0,l.jsx)(`div`,{className:`absolute right-[10px] top-1/2 -translate-y-1/2 text-[var(--sk-text-muted)] pointer-events-none`,children:o}):null]}),n!=null&&(0,l.jsx)(`div`,{id:w,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:n}),r!=null&&(0,l.jsx)(`div`,{id:T,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-error)]`,children:r})]})});function lt(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}function ut(e){try{let t=lt(e),n=t.currentTime;for(let e=0;e<2;e++){let r=n+e*.032,i=t.createOscillator(),a=t.createGain(),o=t.createBiquadFilter();o.type=`bandpass`,o.frequency.value=1100+e*500,o.Q.value=7,i.connect(o),o.connect(a),a.connect(t.destination),i.type=`square`,i.frequency.setValueAtTime(500+e*180,r),a.gain.setValueAtTime(1e-4,r),a.gain.exponentialRampToValueAtTime(.065,r+.004),a.gain.exponentialRampToValueAtTime(1e-4,r+.038),i.start(r),i.stop(r+.045)}}catch{}}function dt(e){try{let t=lt(e),n=t.currentTime,r=t.createOscillator(),i=t.createGain(),a=t.createBiquadFilter();a.type=`bandpass`,a.frequency.value=700,a.Q.value=5,r.connect(a),a.connect(i),i.connect(t.destination),r.type=`square`,r.frequency.setValueAtTime(460,n),r.frequency.exponentialRampToValueAtTime(260,n+.055),i.gain.setValueAtTime(1e-4,n),i.gain.exponentialRampToValueAtTime(.07,n+.005),i.gain.exponentialRampToValueAtTime(1e-4,n+.06),r.start(n),r.stop(n+.07)}catch{}}function ft(e,t){let n=(0,c.useRef)(null),r=(0,c.useRef)(t);(0,c.useEffect)(()=>{r.current=t}),(0,c.useEffect)(()=>{let t=e.current;if(!t)return;let i=()=>{r.current?dt(n):ut(n)};return t.addEventListener(`click`,i),()=>t.removeEventListener(`click`,i)},[e])}var pt=`cubic-bezier(0.34, 1.42, 0.64, 1)`,mt=`cubic-bezier(0.4, 0, 1, 1)`,ht={default:{w:46,h:28,knob:22,left:3,travel:18},sm:{w:38,h:22,knob:17,left:3,travel:15}},gt=m(`inline-flex items-center gap-3 font-[system-ui,_-apple-system,_sans-serif] select-none`,{variants:{size:{default:``,sm:``},disabled:{true:`opacity-60 cursor-not-allowed`,false:`cursor-pointer`}},defaultVariants:{size:`default`,disabled:!1}}),_t={rose:{off:`border-pastel-rose-dark/[0.22]`,on:`bg-pastel-rose/55 border-pastel-rose-dark/[0.30]`},peach:{off:`border-pastel-peach-dark/[0.22]`,on:`bg-pastel-peach/55 border-pastel-peach-dark/[0.30]`},lemon:{off:`border-pastel-lemon-dark/[0.22]`,on:`bg-pastel-lemon/60 border-pastel-lemon-dark/[0.30]`},mint:{off:`border-pastel-mint-dark/[0.22]`,on:`bg-pastel-mint/55 border-pastel-mint-dark/[0.30]`},sky:{off:`border-pastel-sky-dark/[0.22]`,on:`bg-pastel-sky/55 border-pastel-sky-dark/[0.30]`},lavender:{off:`border-pastel-lavender-dark/[0.22]`,on:`bg-pastel-lavender/55 border-pastel-lavender-dark/[0.30]`},lilac:{off:`border-pastel-lilac-dark/[0.22]`,on:`bg-pastel-lilac/55 border-pastel-lilac-dark/[0.30]`},neutral:{off:`border-pastel-neutral-dark/[0.22]`,on:`bg-pastel-neutral/55 border-pastel-neutral-dark/[0.30]`}},vt=(0,c.forwardRef)(function({id:e,label:t,description:n,size:r=`default`,tone:i=`neutral`,disabled:a=!1,checked:o,defaultChecked:s=!1,onCheckedChange:u,className:d,accentColor:f,"aria-describedby":p,...m},h){let g=(0,c.useRef)(null),_=(0,c.useId)(),v=e??`toggle-${_}`,y=n?`${v}-description`:void 0,b=[p,y].filter(Boolean).join(` `)||void 0,{accentColor:x}=(0,c.useContext)($),S=f??x,C=o!=null,[w,T]=(0,c.useState)(s),E=C?!!o:w,[D,O]=(0,c.useState)(!1),k=ht[r??`default`],A=(0,c.useMemo)(()=>{if(!a)return()=>{let e=!E;C||T(e),u?.(e)}},[E,a,C,u]);ft(g,E);let j=(0,c.useCallback)(e=>{g.current=e,typeof h==`function`?h(e):h!=null&&(h.current=e)},[h]),M=_t[i??`neutral`]??_t.neutral,N=E?`inset 0 1px 0 rgba(255,255,255,0.25), inset 0 2px 7px rgba(0,0,0,0.13)`:`var(--sk-shadow-a) 0 1px 0 0, 0 3px 8px -1px var(--sk-shadow-b), 0 6px 16px -4px var(--sk-shadow-c), inset 0 1px 0 var(--sk-inset-light), inset 0 -2px 0 var(--sk-inset-dark)`,P=D?Math.round(k.knob*1.22):k.knob,F=E?k.travel-(P-k.knob):0,I={position:`absolute`,top:`50%`,left:k.left,width:P,height:k.knob,borderRadius:`999px`,background:`var(--sk-knob)`,boxShadow:`0 2px 10px rgba(0,0,0,0.10), 0 1px 0 rgba(0,0,0,0.10)`,transform:`translateX(${F}px) translateY(-50%)`,transition:D?`transform 80ms ${mt}, width 80ms ${mt}`:`transform 260ms ${pt}, width 200ms ${pt}`},L;if(S&&E){let{fill:e,border:t}=Ye(S);L={backgroundColor:`${e}cc`,borderColor:`${t}55`}}else if(S&&!E){let{border:e}=Ye(S);L={borderColor:`${e}38`}}let ee={width:k.w,height:k.h,boxShadow:N,transition:`background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 150ms ease-out`,...L};return(0,l.jsxs)(`div`,{className:Q(gt({size:r,disabled:a}),d),children:[(0,l.jsx)(`button`,{...m,ref:j,id:v,type:m.type??`button`,role:`switch`,"aria-checked":E,"aria-disabled":a||void 0,"aria-describedby":b,disabled:!!a,onClick:A,onMouseDown:()=>!a&&O(!0),onMouseUp:()=>O(!1),onMouseLeave:()=>O(!1),onTouchStart:()=>!a&&O(!0),onTouchEnd:()=>O(!1),className:Q(`relative shrink-0 rounded-full border outline-none`,`focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-[var(--sk-border-strong)]`,`bg-[var(--sk-surface)]`,!S&&M.off,!S&&E?M.on:``,a?`pointer-events-none`:`cursor-pointer`),style:ee,children:(0,l.jsx)(`span`,{style:I})}),(t!=null||n!=null)&&(0,l.jsxs)(`div`,{className:`min-w-0`,children:[t!=null&&(0,l.jsx)(`div`,{className:Q(`text-[13px] leading-none font-medium text-[var(--sk-text-label)]`,a&&`opacity-60`),children:t}),n!=null&&(0,l.jsx)(`div`,{id:y,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:n})]})]})});function yt(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}function bt(e){try{let t=yt(e),n=t.currentTime,r=t.createOscillator(),i=t.createGain(),a=t.createBiquadFilter();a.type=`lowpass`,a.frequency.value=2200,r.connect(a),a.connect(i),i.connect(t.destination),r.type=`sine`,r.frequency.setValueAtTime(820,n),r.frequency.exponentialRampToValueAtTime(680,n+.06),i.gain.setValueAtTime(1e-4,n),i.gain.exponentialRampToValueAtTime(.07,n+.01),i.gain.exponentialRampToValueAtTime(1e-4,n+.1),r.start(n),r.stop(n+.12)}catch{}}function xt(e){try{let t=yt(e),n=t.currentTime,r=t.createOscillator(),i=t.createGain(),a=t.createBiquadFilter();a.type=`bandpass`,a.frequency.value=1400,a.Q.value=3,r.connect(a),a.connect(i),i.connect(t.destination),r.type=`triangle`,r.frequency.setValueAtTime(1100,n),r.frequency.exponentialRampToValueAtTime(1300,n+.025),i.gain.setValueAtTime(1e-4,n),i.gain.exponentialRampToValueAtTime(.06,n+.005),i.gain.exponentialRampToValueAtTime(1e-4,n+.045),r.start(n),r.stop(n+.05)}catch{}}function St(){return(0,c.useRef)(null)}var Ct=m([`w-full min-w-0 inline-flex items-center justify-between gap-2`,`font-[system-ui,_-apple-system,_sans-serif] text-[13px] leading-none`,`text-[var(--sk-text)]`,`outline-none cursor-pointer select-none`,`transition-[box-shadow,border-color,background-color,opacity] duration-[150ms] ease-out`,`disabled:opacity-50 disabled:cursor-not-allowed`].join(` `),{variants:{variant:{default:[`bg-[var(--sk-surface)] border rounded-[var(--field-radius)]`,`btn-shadow hover:btn-shadow-hover`,`hover:brightness-[1.03]`,`focus-visible:btn-shadow-hover`].join(` `),filled:[`bg-[var(--sk-surface-filled)] border border-[var(--sk-border)] rounded-[var(--field-radius)]`,`shadow-[inset_0_1px_3px_var(--sk-shadow-b)]`,`hover:bg-[var(--sk-surface-hover)]`,`focus-visible:bg-[var(--sk-surface)]`].join(` `),ghost:[`bg-transparent border-0 border-b-[1.5px] border-[var(--sk-border-strong)] rounded-none`,`hover:border-[var(--sk-border-strong)]`,`focus-visible:border-b-2 focus-visible:bg-[var(--sk-surface)]`].join(` `)},tone:{rose:`border-pastel-rose-dark/[0.25] focus-visible:border-pastel-rose-dark/[0.55]`,peach:`border-pastel-peach-dark/[0.25] focus-visible:border-pastel-peach-dark/[0.55]`,lemon:`border-pastel-lemon-dark/[0.25] focus-visible:border-pastel-lemon-dark/[0.55]`,mint:`border-pastel-mint-dark/[0.25] focus-visible:border-pastel-mint-dark/[0.55]`,sky:`border-pastel-sky-dark/[0.25] focus-visible:border-pastel-sky-dark/[0.55]`,lavender:`border-pastel-lavender-dark/[0.25] focus-visible:border-pastel-lavender-dark/[0.55]`,lilac:`border-pastel-lilac-dark/[0.25] focus-visible:border-pastel-lilac-dark/[0.55]`,neutral:`border-pastel-neutral-dark/[0.25] focus-visible:border-pastel-neutral-dark/[0.55]`,custom:`border-[var(--sk-border)]`},size:{default:`h-[40px] px-[12px] py-[10px]`,sm:`h-[32px] px-[10px] py-[8px] text-[12px]`},invalid:{true:`border-red-600/50 focus-visible:border-red-600/70`,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,invalid:!1}}),wt=({open:e})=>(0,l.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{transition:`transform 180ms cubic-bezier(0.34,1.42,0.64,1)`,transform:e?`rotate(180deg)`:`rotate(0deg)`,flexShrink:0},children:(0,l.jsx)(`path`,{d:`M6 9l6 6 6-6`})}),Tt=()=>(0,l.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M20 6L9 17l-5-5`})}),Et=(0,c.forwardRef)(function({options:e,value:t,defaultValue:n,onChange:r,placeholder:i=`Select…`,disabled:a=!1,searchable:o=!1,label:s,description:u,error:d,radius:f=12,id:p,"aria-describedby":m,containerClassName:h,className:g,variant:_=`default`,tone:v,size:y=`default`,invalid:b,accentColor:x},S){let C=St(),w=(0,c.useId)(),T=p??`select-${w}`,E=`${T}-list`,D=u?`${T}-description`:void 0,O=d?`${T}-error`:void 0,k=[m,D,O].filter(Boolean).join(` `)||void 0,A=b??!!d,{accentColor:j}=(0,c.useContext)($),M=x??j,N=t!==void 0,[P,F]=(0,c.useState)(n??``),I=N?t:P,[L,ee]=(0,c.useState)(!1),[te,R]=(0,c.useState)(-1),[z,B]=(0,c.useState)(``),V=(0,c.useRef)(null),ne=(0,c.useRef)(null),H=(0,c.useRef)(null),re=(0,c.useCallback)(e=>{V.current=e,typeof S==`function`?S(e):S!=null&&(S.current=e)},[S]),U=o&&z?e.filter(e=>e.label.toLowerCase().includes(z.toLowerCase())):e,ie=(0,c.useCallback)(()=>{if(a)return;ee(!0),B(``);let e=U.findIndex(e=>e.value===I);R(e>=0?e:0),bt(C)},[a,U,I,C]),W=(0,c.useCallback)(()=>{ee(!1),B(``),V.current?.focus()},[]),G=(0,c.useCallback)(e=>{e.disabled||(N||F(e.value),r?.(e.value),xt(C),W())},[N,r,C,W]);(0,c.useEffect)(()=>{if(!L)return;let e=e=>{!V.current?.contains(e.target)&&!ne.current?.contains(e.target)&&W()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[L,W]),(0,c.useEffect)(()=>{L&&o&&setTimeout(()=>H.current?.focus(),10)},[L,o]);let ae=e=>{e.key===`Enter`||e.key===` `||e.key===`ArrowDown`?(e.preventDefault(),L?R(e=>Math.min(e+1,U.length-1)):ie()):e.key===`ArrowUp`?(e.preventDefault(),L&&R(e=>Math.max(e-1,0))):e.key===`Escape`&&W()},oe=e=>{if(e.key===`ArrowDown`)e.preventDefault(),R(e=>Math.min(e+1,U.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),R(e=>Math.max(e-1,0));else if(e.key===`Enter`){e.preventDefault();let t=U[te];t&&G(t)}else e.key===`Escape`&&W()},se=e.find(e=>e.value===I)?.label,ce=M?`custom`:v??`neutral`,K;if(M&&!A){let{border:e}=Ye(M);K={borderColor:L?`${e}99`:`${e}44`}}let q;if(M){let{border:e}=Ye(M);q={color:e}}let J={position:`absolute`,top:`calc(100% + 4px)`,left:0,right:0,zIndex:50,borderRadius:f,background:`var(--sk-bg)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,boxShadow:`0 4px 24px -4px var(--sk-shadow-b), 0 1px 3px var(--sk-shadow-c), inset 0 0 0 1px var(--sk-border)`,overflow:`hidden`,maxHeight:260,display:`flex`,flexDirection:`column`};return(0,l.jsxs)(`div`,{className:Q(`w-full`,h),style:{"--field-radius":`${f}px`},children:[s!=null&&(0,l.jsx)(`label`,{htmlFor:T,className:Q(`block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,a&&`opacity-60`),children:s}),(0,l.jsxs)(`div`,{className:`relative w-full`,children:[(0,l.jsxs)(`button`,{ref:re,id:T,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":L,"aria-controls":L?E:void 0,"aria-invalid":A||void 0,"aria-describedby":k,disabled:!!a,onClick:()=>L?W():ie(),onKeyDown:ae,className:Q(Ct({variant:_,tone:ce,size:y,invalid:A}),g),style:K,children:[(0,l.jsx)(`span`,{className:Q(`truncate`,!se&&`text-[var(--sk-text-placeholder)]`),children:se??i}),(0,l.jsx)(`span`,{className:`text-[var(--sk-text-muted)]`,children:(0,l.jsx)(wt,{open:L})})]}),L&&(0,l.jsxs)(`div`,{ref:ne,role:`listbox`,id:E,onKeyDown:oe,style:J,children:[o&&(0,l.jsx)(`div`,{className:`p-[6px] border-b border-[var(--sk-border-subtle)]`,children:(0,l.jsx)(`input`,{ref:H,type:`text`,placeholder:`Search…`,value:z,onChange:e=>{B(e.target.value),R(0)},className:`w-full outline-none bg-transparent text-[13px] text-[var(--sk-text)] placeholder:text-[var(--sk-text-placeholder)] px-[6px] py-[4px]`})}),(0,l.jsx)(`div`,{className:`overflow-y-auto p-[4px]`,style:{maxHeight:o?210:252},children:U.length===0?(0,l.jsx)(`div`,{className:`text-[12px] text-[var(--sk-text-muted)] px-[10px] py-[8px]`,children:`No options`}):U.map((e,t)=>(0,l.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":e.value===I,"aria-disabled":e.disabled,tabIndex:-1,onMouseEnter:()=>R(t),onClick:()=>G(e),className:Q(`w-full flex items-center justify-between gap-2 px-[10px] py-[7px] rounded-[8px]`,`text-[13px] text-[var(--sk-text)] leading-none text-left outline-none cursor-pointer`,`transition-colors duration-75`,t===te&&!e.disabled&&`bg-[var(--sk-surface-filled)]`,e.value===I&&`font-medium`,e.disabled&&`opacity-40 cursor-not-allowed`),children:[(0,l.jsx)(`span`,{className:`truncate`,children:e.label}),e.value===I&&(0,l.jsx)(`span`,{className:`text-[var(--sk-text-muted)] shrink-0`,style:q,children:(0,l.jsx)(Tt,{})})]},e.value))})]})]}),u!=null&&(0,l.jsx)(`div`,{id:D,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:u}),d!=null&&(0,l.jsx)(`div`,{id:O,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-error)]`,children:d})]})});function Dt(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}function Ot(e,t){try{let n=Dt(e),r=n.currentTime,i=300+t*600,a=n.createOscillator(),o=n.createGain(),s=n.createBiquadFilter();s.type=`bandpass`,s.frequency.value=i*1.5,s.Q.value=4,a.connect(s),s.connect(o),o.connect(n.destination),a.type=`triangle`,a.frequency.setValueAtTime(i,r),o.gain.setValueAtTime(1e-4,r),o.gain.exponentialRampToValueAtTime(.04,r+.004),o.gain.exponentialRampToValueAtTime(1e-4,r+.028),a.start(r),a.stop(r+.032)}catch{}}function kt(e,t,n){let r=(0,c.useRef)(null),i=(0,c.useRef)(0);(0,c.useEffect)(()=>{let a=e.current;if(!a)return;let o=()=>{let e=performance.now();if(e-i.current<16)return;i.current=e;let o=(parseFloat(a.value)-t)/(n-t||1);Ot(r,Math.max(0,Math.min(1,o)))};return a.addEventListener(`input`,o),()=>a.removeEventListener(`input`,o)},[e,t,n])}var At=`cubic-bezier(0.34, 1.42, 0.64, 1)`,jt=`cubic-bezier(0.4, 0, 1, 1)`,Mt={default:6,sm:4},Nt={default:20,sm:15},Pt={rose:`#F9C5D1`,peach:`#FDDBB4`,lemon:`#FFF1A8`,mint:`#B8F0D8`,sky:`#B8DFFE`,lavender:`#D4C5F9`,lilac:`#F0C8F0`,neutral:`#E8E4DC`},Ft={rose:`#c2607a`,peach:`#b87a3a`,lemon:`#8a7820`,mint:`#2a7a58`,sky:`#2a68a0`,lavender:`#5a3eaa`,lilac:`#8a3a8a`,neutral:`#5a5550`},It=(0,c.forwardRef)(function({min:e=0,max:t=100,step:n=1,value:r,defaultValue:i=0,onValueChange:a,tone:o=`lavender`,accentColor:s,size:u=`default`,label:d,description:f,showValue:p=!1,showMinMax:m=!1,marks:h,disabled:g=!1,id:_,className:v},y){let b=(0,c.useRef)(null),x=(0,c.useId)(),S=_??`slider-${x}`,C=f?`${S}-desc`:void 0,{accentColor:w}=(0,c.useContext)($),T=s??w,E=r!==void 0,[D,O]=(0,c.useState)(i),k=E?r:D,[A,j]=(0,c.useState)(!1);kt(b,e,t);let M=(0,c.useCallback)(e=>{b.current=e,typeof y==`function`?y(e):y!=null&&(y.current=e)},[y]),N=e=>{let t=parseFloat(e.target.value);E||O(t),a?.(t)},P=Mt[u],F=Nt[u],I=(k-e)/(t-e||1)*100,{fill:L,border:ee}=Xe(o,Pt,Ft,T),te=A?Math.round(F*1.18):F,R={position:`relative`,width:`100%`,height:P,borderRadius:999,background:`var(--sk-track-empty)`,boxShadow:`inset 0 1px 2px var(--sk-shadow-c)`},z={position:`absolute`,left:0,top:0,height:`100%`,width:`${I}%`,borderRadius:999,background:L,boxShadow:`0 0 0 1px ${ee}33`,transition:`width 60ms ease-out`},B={position:`absolute`,top:`50%`,left:`${I}%`,width:te,height:te,borderRadius:999,background:`var(--sk-knob)`,boxShadow:`0 2px 8px var(--sk-shadow-b), 0 1px 0 var(--sk-shadow-c)`,transform:`translate(-50%, -50%)`,transition:A?`width 60ms ${jt}, height 60ms ${jt}, box-shadow 60ms ease`:`width 200ms ${At}, height 200ms ${At}, box-shadow 150ms ease`,pointerEvents:`none`,border:`1.5px solid var(--sk-border)`};return(0,l.jsxs)(`div`,{className:Q(`w-full select-none font-[system-ui,_-apple-system,_sans-serif]`,g&&`opacity-50 cursor-not-allowed`,v),children:[(d!=null||p)&&(0,l.jsxs)(`div`,{className:`flex items-center justify-between mb-[8px]`,children:[d!=null&&(0,l.jsx)(`label`,{htmlFor:S,className:Q(`text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,g&&`opacity-60`),children:d}),p&&(0,l.jsx)(`span`,{className:`text-[12px] leading-none text-[var(--sk-text-muted)] tabular-nums`,children:k})]}),(0,l.jsxs)(`div`,{className:`relative`,style:{paddingBlock:F/2},children:[(0,l.jsxs)(`div`,{style:R,children:[(0,l.jsx)(`div`,{style:z}),(0,l.jsx)(`div`,{style:B})]}),(0,l.jsx)(`input`,{ref:M,id:S,type:`range`,min:e,max:t,step:n,value:k,disabled:g,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":k,"aria-describedby":C,onChange:N,onMouseDown:()=>!g&&j(!0),onMouseUp:()=>j(!1),onMouseLeave:()=>j(!1),onTouchStart:()=>!g&&j(!0),onTouchEnd:()=>j(!1),className:`absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed`,style:{margin:0}}),h&&h.length>0&&(0,l.jsx)(`div`,{className:`relative mt-[4px]`,style:{height:16},children:h.map(n=>(0,l.jsxs)(`div`,{className:`absolute flex flex-col items-center gap-[2px]`,style:{left:`${(n.value-e)/(t-e||1)*100}%`,transform:`translateX(-50%)`},children:[(0,l.jsx)(`div`,{className:`w-[1px] h-[4px] bg-[var(--sk-border-strong)] rounded-full`}),n.label&&(0,l.jsx)(`span`,{className:`text-[10px] leading-none text-[var(--sk-text-muted)]`,children:n.label})]},n.value))}),m&&!h&&(0,l.jsxs)(`div`,{className:`flex justify-between mt-[4px]`,children:[(0,l.jsx)(`span`,{className:`text-[10px] leading-none text-[var(--sk-text-desc)] tabular-nums`,children:e}),(0,l.jsx)(`span`,{className:`text-[10px] leading-none text-[var(--sk-text-desc)] tabular-nums`,children:t})]})]}),f!=null&&(0,l.jsx)(`div`,{id:C,className:`mt-[4px] text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:f})]})}),Lt=m([`w-full min-w-0`,`font-[system-ui,_-apple-system,_sans-serif] text-[13px] text-[var(--sk-text)] leading-[1.5]`,`outline-none resize-none`,`placeholder:text-[var(--sk-text-placeholder)]`,`disabled:opacity-50 disabled:cursor-not-allowed`,`transition-[box-shadow,border-color,background-color,opacity] duration-[150ms] ease-out`].join(` `),{variants:{variant:{default:[`bg-[var(--sk-surface)] border`,`rounded-[var(--field-radius)]`,`btn-shadow hover:btn-shadow-hover`,`focus-visible:btn-shadow-hover`,`hover:brightness-[1.03]`].join(` `),filled:[`bg-[var(--sk-surface-filled)] border border-[var(--sk-border)]`,`rounded-[var(--field-radius)]`,`shadow-[inset_0_1px_3px_var(--sk-shadow-b)]`,`hover:bg-[var(--sk-surface-hover)]`,`focus-visible:bg-[var(--sk-surface)] focus-visible:shadow-[inset_0_1px_2px_var(--sk-shadow-c)]`].join(` `),ghost:[`bg-transparent border-0 border-b-[1.5px] border-[var(--sk-border-strong)]`,`rounded-none shadow-none`,`hover:border-[var(--sk-border-strong)]`,`focus-visible:border-b-2 focus-visible:bg-[var(--sk-surface)]`].join(` `)},tone:{rose:`border-pastel-rose-dark/[0.25] focus-visible:border-pastel-rose-dark/[0.55]`,peach:`border-pastel-peach-dark/[0.25] focus-visible:border-pastel-peach-dark/[0.55]`,lemon:`border-pastel-lemon-dark/[0.25] focus-visible:border-pastel-lemon-dark/[0.55]`,mint:`border-pastel-mint-dark/[0.25] focus-visible:border-pastel-mint-dark/[0.55]`,sky:`border-pastel-sky-dark/[0.25] focus-visible:border-pastel-sky-dark/[0.55]`,lavender:`border-pastel-lavender-dark/[0.25] focus-visible:border-pastel-lavender-dark/[0.55]`,lilac:`border-pastel-lilac-dark/[0.25] focus-visible:border-pastel-lilac-dark/[0.55]`,neutral:`border-pastel-neutral-dark/[0.25] focus-visible:border-pastel-neutral-dark/[0.55]`,custom:`border-[var(--sk-border)]`},invalid:{true:`border-red-600/50 focus-visible:border-red-600/70`,false:``}},compoundVariants:[{variant:`ghost`,tone:`rose`,className:`border-pastel-rose-dark/[0.40] focus-visible:border-pastel-rose-dark/[0.70]`},{variant:`ghost`,tone:`peach`,className:`border-pastel-peach-dark/[0.40] focus-visible:border-pastel-peach-dark/[0.70]`},{variant:`ghost`,tone:`lemon`,className:`border-pastel-lemon-dark/[0.40] focus-visible:border-pastel-lemon-dark/[0.70]`},{variant:`ghost`,tone:`mint`,className:`border-pastel-mint-dark/[0.40] focus-visible:border-pastel-mint-dark/[0.70]`},{variant:`ghost`,tone:`sky`,className:`border-pastel-sky-dark/[0.40] focus-visible:border-pastel-sky-dark/[0.70]`},{variant:`ghost`,tone:`lavender`,className:`border-pastel-lavender-dark/[0.40] focus-visible:border-pastel-lavender-dark/[0.70]`},{variant:`ghost`,tone:`lilac`,className:`border-pastel-lilac-dark/[0.40] focus-visible:border-pastel-lilac-dark/[0.70]`},{variant:`ghost`,tone:`neutral`,className:`border-pastel-neutral-dark/[0.35] focus-visible:border-pastel-neutral-dark/[0.65]`}],defaultVariants:{variant:`default`,tone:`neutral`,invalid:!1}}),Rt=(0,c.forwardRef)(function({id:e,label:t,description:n,error:r,radius:i=12,rows:a=4,autoResize:o=!1,showCount:s=!1,maxLength:u,className:d,containerClassName:f,variant:p,tone:m,invalid:h,required:g,disabled:_,accentColor:v,"aria-describedby":y,onChange:b,...x},S){let C=(0,c.useRef)(null),w=(0,c.useId)(),T=e??`textarea-${w}`,E=n?`${T}-description`:void 0,D=r?`${T}-error`:void 0,O=[y,E,D].filter(Boolean).join(` `)||void 0,k=h??!!r,{accentColor:A}=(0,c.useContext)($),j=v??A,[M,N]=(0,c.useState)(!1);ot(C);let P=(0,c.useCallback)(e=>{C.current=e,typeof S==`function`?S(e):S!=null&&(S.current=e)},[S]),F=e=>{o&&C.current&&(C.current.style.height=`auto`,C.current.style.height=`${C.current.scrollHeight}px`),b?.(e)},I=j?`custom`:m??`neutral`,L;if(j&&!k){let{border:e}=Ye(j);L={borderColor:M?`${e}99`:`${e}44`}}let ee=typeof x.value==`string`?x.value.length:typeof x.defaultValue==`string`?x.defaultValue.length:0;return(0,l.jsxs)(`div`,{className:Q(`w-full`,f),style:{"--field-radius":`${i}px`},children:[t!=null&&(0,l.jsx)(`label`,{htmlFor:T,className:Q(`block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,_&&`opacity-60`),children:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[t,g?(0,l.jsx)(`span`,{className:`text-[var(--sk-text-muted)]`,children:`*`}):null]})}),(0,l.jsxs)(`div`,{className:`relative`,children:[(0,l.jsx)(`textarea`,{ref:P,id:T,rows:a,maxLength:u,className:Q(Lt({variant:p,tone:I,invalid:k}),`px-[12px] py-[10px]`,d),style:L,"aria-invalid":k||void 0,"aria-describedby":O,required:g,disabled:_,onChange:F,onFocus:e=>{N(!0),x.onFocus?.(e)},onBlur:e=>{N(!1),x.onBlur?.(e)},...x}),s&&u!=null&&(0,l.jsxs)(`div`,{className:`absolute bottom-[8px] right-[10px] text-[11px] leading-none text-[var(--sk-text-desc)] pointer-events-none`,children:[ee,`/`,u]})]}),n!=null&&(0,l.jsx)(`div`,{id:E,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:n}),r!=null&&(0,l.jsx)(`div`,{id:D,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-error)]`,children:r})]})}),zt={sm:4,default:8,lg:12},Bt={rose:`#F9C5D1`,peach:`#FDDBB4`,lemon:`#FFF1A8`,mint:`#B8F0D8`,sky:`#B8DFFE`,lavender:`#D4C5F9`,lilac:`#F0C8F0`,neutral:`#E8E4DC`},Vt={rose:`#c2607a`,peach:`#b87a3a`,lemon:`#8a7820`,mint:`#2a7a58`,sky:`#2a68a0`,lavender:`#5a3eaa`,lilac:`#8a3a8a`,neutral:`#5a5550`};function Ht({value:e,tone:t=`lavender`,accentColor:n,size:r=`default`,label:i,showValue:a=!1,animated:o=!0,className:s}){let{accentColor:u}=(0,c.useContext)($),d=n??u,f=e===void 0,p=f?0:Math.max(0,Math.min(100,e)),m=zt[r],{fill:h,border:g}=Xe(t,Bt,Vt,d),_={position:`relative`,height:m,borderRadius:999,background:`var(--sk-track-empty)`,overflow:`hidden`,boxShadow:`inset 0 1px 2px var(--sk-shadow-c)`},v=f?{position:`absolute`,top:0,height:`100%`,width:`40%`,borderRadius:999,background:h,boxShadow:`0 0 0 1px ${g}33`,animation:o?`progress-indeterminate 1.6s ease-in-out infinite`:`none`}:{position:`absolute`,top:0,left:0,height:`100%`,width:`${p}%`,borderRadius:999,background:h,boxShadow:`0 0 0 1px ${g}33`,transition:o?`width 400ms cubic-bezier(0.4, 0, 0.2, 1)`:`none`};return(0,l.jsxs)(`div`,{className:Q(`w-full font-[system-ui,_-apple-system,_sans-serif]`,s),children:[(i!=null||a&&!f)&&(0,l.jsxs)(`div`,{className:`flex items-center justify-between mb-[6px]`,children:[i!=null&&(0,l.jsx)(`span`,{className:`text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,children:i}),a&&!f&&(0,l.jsxs)(`span`,{className:`text-[12px] leading-none text-[var(--sk-text-muted)] tabular-nums`,children:[p,`%`]})]}),(0,l.jsx)(`div`,{role:`progressbar`,"aria-valuenow":f?void 0:p,"aria-valuemin":f?void 0:0,"aria-valuemax":f?void 0:100,style:_,children:(0,l.jsx)(`div`,{style:v})})]})}var Ut=m([`font-[system-ui,_-apple-system,_sans-serif]`,`overflow-hidden`,`transition-[box-shadow,background-color,border-color] duration-150 ease-out`].join(` `),{variants:{variant:{elevated:`bg-[var(--sk-surface)] border btn-shadow`,filled:`border`,outline:`bg-transparent border`},tone:{rose:``,peach:``,lemon:``,mint:``,sky:``,lavender:``,lilac:``,neutral:``,custom:``}},compoundVariants:[{variant:`elevated`,tone:`rose`,className:`border-pastel-rose-dark/[0.15]`},{variant:`elevated`,tone:`peach`,className:`border-pastel-peach-dark/[0.15]`},{variant:`elevated`,tone:`lemon`,className:`border-pastel-lemon-dark/[0.15]`},{variant:`elevated`,tone:`mint`,className:`border-pastel-mint-dark/[0.15]`},{variant:`elevated`,tone:`sky`,className:`border-pastel-sky-dark/[0.15]`},{variant:`elevated`,tone:`lavender`,className:`border-pastel-lavender-dark/[0.15]`},{variant:`elevated`,tone:`lilac`,className:`border-pastel-lilac-dark/[0.15]`},{variant:`elevated`,tone:`neutral`,className:`border-pastel-neutral-dark/[0.15]`},{variant:`filled`,tone:`rose`,className:`bg-pastel-rose/40 border-pastel-rose-dark/[0.18]`},{variant:`filled`,tone:`peach`,className:`bg-pastel-peach/40 border-pastel-peach-dark/[0.18]`},{variant:`filled`,tone:`lemon`,className:`bg-pastel-lemon/45 border-pastel-lemon-dark/[0.18]`},{variant:`filled`,tone:`mint`,className:`bg-pastel-mint/40 border-pastel-mint-dark/[0.18]`},{variant:`filled`,tone:`sky`,className:`bg-pastel-sky/40 border-pastel-sky-dark/[0.18]`},{variant:`filled`,tone:`lavender`,className:`bg-pastel-lavender/40 border-pastel-lavender-dark/[0.18]`},{variant:`filled`,tone:`lilac`,className:`bg-pastel-lilac/40 border-pastel-lilac-dark/[0.18]`},{variant:`filled`,tone:`neutral`,className:`bg-pastel-neutral/40 border-pastel-neutral-dark/[0.18]`},{variant:`outline`,tone:`rose`,className:`border-pastel-rose-dark/[0.35]`},{variant:`outline`,tone:`peach`,className:`border-pastel-peach-dark/[0.35]`},{variant:`outline`,tone:`lemon`,className:`border-pastel-lemon-dark/[0.35]`},{variant:`outline`,tone:`mint`,className:`border-pastel-mint-dark/[0.35]`},{variant:`outline`,tone:`sky`,className:`border-pastel-sky-dark/[0.35]`},{variant:`outline`,tone:`lavender`,className:`border-pastel-lavender-dark/[0.35]`},{variant:`outline`,tone:`lilac`,className:`border-pastel-lilac-dark/[0.35]`},{variant:`outline`,tone:`neutral`,className:`border-pastel-neutral-dark/[0.35]`}],defaultVariants:{variant:`elevated`,tone:`neutral`}});function Wt({as:e=`div`,variant:t=`elevated`,tone:n=`neutral`,accentColor:r,radius:i=16,padding:a,className:o,style:s,children:u,...d}){let{accentColor:f}=(0,c.useContext)($),p=r??f,m;if(p){let{fill:e,border:n}=Ye(p);m=t===`filled`?{backgroundColor:`${e}66`,borderColor:`${n}30`}:t===`outline`?{borderColor:`${n}55`}:{borderColor:`${n}25`}}let h={borderRadius:i,...a==null?{}:{padding:a},...m,...s};return(0,l.jsx)(e,{className:Q(Ut({variant:t,tone:p?`custom`:n}),o),style:h,...d,children:u})}function Gt({className:e,children:t,...n}){return(0,l.jsx)(`div`,{className:Q(`px-[20px] py-[16px] border-b border-[var(--sk-border-subtle)] text-[var(--sk-text)]`,e),...n,children:t})}function Kt({className:e,children:t,...n}){return(0,l.jsx)(`div`,{className:Q(`px-[20px] py-[16px] text-[var(--sk-text)]`,e),...n,children:t})}function qt({className:e,children:t,...n}){return(0,l.jsx)(`div`,{className:Q(`px-[20px] py-[14px] border-t border-[var(--sk-border-subtle)] text-[var(--sk-text)]`,e),...n,children:t})}Wt.Header=Gt,Wt.Body=Kt,Wt.Footer=qt;var Jt=[{id:`rose`,label:`Rose`,hex:`#F9C5D1`,darkHex:`#c2607a`},{id:`peach`,label:`Peach`,hex:`#FDDBB4`,darkHex:`#b87a3a`},{id:`lemon`,label:`Lemon`,hex:`#FFF1A8`,darkHex:`#8a7820`},{id:`mint`,label:`Mint`,hex:`#B8F0D8`,darkHex:`#2a7a58`},{id:`sky`,label:`Sky`,hex:`#B8DFFE`,darkHex:`#2a68a0`},{id:`lavender`,label:`Lavender`,hex:`#D4C5F9`,darkHex:`#5a3eaa`},{id:`lilac`,label:`Lilac`,hex:`#F0C8F0`,darkHex:`#8a3a8a`},{id:`neutral`,label:`Neutral`,hex:`#E8E4DC`,darkHex:`#5a5550`}],Yt=Object.fromEntries(Jt.map(e=>[e.id,{hex:e.hex,darkHex:e.darkHex}]));function Xt(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}var Zt={rose:523.25,peach:587.33,lemon:659.25,mint:698.46,sky:783.99,lavender:880,lilac:987.77,neutral:261.63};function Qt(e,t){try{let n=Xt(e),r=n.currentTime,i=n.createOscillator(),a=n.createGain(),o=n.createBiquadFilter();o.type=`lowpass`,o.frequency.value=t*3,o.Q.value=.8,i.connect(o),o.connect(a),a.connect(n.destination),i.type=`sine`,i.frequency.setValueAtTime(t,r),i.frequency.exponentialRampToValueAtTime(t*.98,r+.15),a.gain.setValueAtTime(1e-4,r),a.gain.exponentialRampToValueAtTime(.08,r+.008),a.gain.exponentialRampToValueAtTime(1e-4,r+.22),i.start(r),i.stop(r+.25)}catch{}}function $t(){return(0,c.useRef)(null)}function en(e,t){Qt(e,Zt[t]??523.25)}var tn={default:32,sm:24},nn={default:14,sm:11},rn=({size:e})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.8`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M20 6L9 17l-5-5`})});function an({value:e,defaultValue:t,onChange:n,size:r=`default`,disabled:i=!1,label:a,description:o,className:s,id:u}){let d=$t(),f=(0,c.useId)(),p=u??`colorpicker-${f}`,m=o?`${p}-desc`:void 0,[h,g]=c.default.useState(t),_=e!==void 0,v=_?e:h,y=tn[r],b=nn[r],x=e=>{i||(_||g(e),n?.(e),en(d,e))};return(0,l.jsxs)(`div`,{className:Q(`inline-flex flex-col gap-[8px] font-[system-ui,_-apple-system,_sans-serif]`,s),children:[a!=null&&(0,l.jsx)(`div`,{className:Q(`text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,i&&`opacity-60`),children:a}),(0,l.jsx)(`div`,{role:`radiogroup`,id:p,"aria-describedby":m,"aria-label":typeof a==`string`?a:void 0,className:`flex flex-wrap gap-[8px]`,children:Jt.map(e=>{let t=e.id===v;return(0,l.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":t,"aria-label":e.label,disabled:i,onClick:()=>x(e.id),className:Q(`rounded-full outline-none cursor-pointer`,`transition-[transform,box-shadow] duration-150 ease-out`,`hover:scale-[1.12]`,`focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--sk-border-strong)]`,i&&`opacity-50 cursor-not-allowed pointer-events-none`,t?`scale-[1.08] shadow-[0_0_0_2.5px_var(--sk-border-strong),inset_0_2px_6px_rgba(0,0,0,0.15)]`:`btn-shadow`),style:{width:y,height:y,background:e.hex,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,border:`1.5px solid ${e.darkHex}33`},children:t&&(0,l.jsx)(`span`,{style:{color:e.darkHex,display:`flex`},children:(0,l.jsx)(rn,{size:b})})},e.id)})}),o!=null&&(0,l.jsx)(`div`,{id:m,className:`text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:o})]})}function on(e){return e.current||=new(window.AudioContext??window.webkitAudioContext),e.current}function sn(e,t){try{let n=on(e),r=n.currentTime,i=n.sampleRate*.08,a=n.createBuffer(1,i,n.sampleRate),o=a.getChannelData(0);for(let e=0;e<i;e++)o[e]=(Math.random()*2-1)*.4;let s=n.createBufferSource();s.buffer=a;let c=n.createBiquadFilter();c.type=`bandpass`,c.frequency.value=t===`next`?900:600,c.Q.value=2.5;let l=n.createGain();s.connect(c),c.connect(l),l.connect(n.destination),l.gain.setValueAtTime(1e-4,r),l.gain.exponentialRampToValueAtTime(.07,r+.01),l.gain.exponentialRampToValueAtTime(1e-4,r+.07),s.start(r)}catch{}}function cn(e){try{let t=on(e),n=t.currentTime,r=t.createOscillator(),i=t.createGain();r.connect(i),i.connect(t.destination),r.type=`sine`,r.frequency.setValueAtTime(1600,n),r.frequency.exponentialRampToValueAtTime(1050,n+.18),i.gain.setValueAtTime(1e-4,n),i.gain.exponentialRampToValueAtTime(.055,n+.012),i.gain.exponentialRampToValueAtTime(1e-4,n+.26),r.start(n),r.stop(n+.28)}catch{}}function ln(){return(0,c.useRef)(null)}var un=[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],dn=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],fn={rose:`#F9C5D1`,peach:`#FDDBB4`,lemon:`#FFF1A8`,mint:`#B8F0D8`,sky:`#B8DFFE`,lavender:`#D4C5F9`,lilac:`#F0C8F0`,neutral:`#E8E4DC`},pn={rose:`#c2607a`,peach:`#b87a3a`,lemon:`#8a7820`,mint:`#2a7a58`,sky:`#2a68a0`,lavender:`#5a3eaa`,lilac:`#8a3a8a`,neutral:`#5a5550`};function mn(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function hn(e,t){return new Date(e.getFullYear(),e.getMonth(),e.getDate())<new Date(t.getFullYear(),t.getMonth(),t.getDate())}function gn(e,t){return new Date(e.getFullYear(),e.getMonth(),e.getDate())>new Date(t.getFullYear(),t.getMonth(),t.getDate())}function _n(e){return e.toLocaleDateString(`en-US`,{year:`numeric`,month:`short`,day:`numeric`})}function vn([e,t]){return!e&&!t?``:e&&!t?_n(e):!e&&t?_n(t):`${_n(e)} – ${_n(t)}`}function yn(e){let t=e.trim();if(!t)return null;let n=new Date(t);if(!isNaN(n.getTime())&&n.getFullYear()>1e3&&n.getFullYear()<3e3)return n;let r=t.match(/^(\d{1,2})[/-](\d{1,2})[/-](\d{4})$/);if(r){let e=new Date(+r[3],r[1]-1,+r[2]);if(!isNaN(e.getTime()))return e}let i=t.match(/^(\d{4})[/-](\d{1,2})[/-](\d{1,2})$/);if(i){let e=new Date(+i[1],i[2]-1,+i[3]);if(!isNaN(e.getTime()))return e}return null}function bn(e,t){return new Date(e,t+1,0).getDate()}function xn(e,t){return new Date(e,t,1).getDay()}function Sn(e,t){return t===11?[e+1,0]:[e,t+1]}var Cn=()=>(0,l.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`rect`,{x:`3`,y:`4`,width:`18`,height:`18`,rx:`2`}),(0,l.jsx)(`line`,{x1:`16`,y1:`2`,x2:`16`,y2:`6`}),(0,l.jsx)(`line`,{x1:`8`,y1:`2`,x2:`8`,y2:`6`}),(0,l.jsx)(`line`,{x1:`3`,y1:`10`,x2:`21`,y2:`10`})]}),wn=()=>(0,l.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M15 18l-6-6 6-6`})}),Tn=()=>(0,l.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M9 18l6-6-6-6`})});function En({activeYear:e,fill:t,border:n,onSelect:r}){let i=new Date().getFullYear(),[a,o]=(0,c.useState)(e-e%12),s=Array.from({length:12},(e,t)=>a+t);return(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-[14px] py-[12px] border-b border-[var(--sk-border-subtle)]`,children:[(0,l.jsx)(`button`,{type:`button`,onClick:()=>o(e=>e-12),className:`w-[28px] h-[28px] rounded-full flex items-center justify-center text-[var(--sk-text-muted)] hover:bg-[var(--sk-surface-filled)] hover:text-[var(--sk-text)] outline-none cursor-pointer transition-colors duration-100`,children:(0,l.jsx)(wn,{})}),(0,l.jsxs)(`span`,{className:`text-[13px] font-semibold text-[var(--sk-text-label)] select-none`,children:[a,`–`,a+11]}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>o(e=>e+12),className:`w-[28px] h-[28px] rounded-full flex items-center justify-center text-[var(--sk-text-muted)] hover:bg-[var(--sk-surface-filled)] hover:text-[var(--sk-text)] outline-none cursor-pointer transition-colors duration-100`,children:(0,l.jsx)(Tn,{})})]}),(0,l.jsx)(`div`,{className:`grid grid-cols-3 gap-[4px] p-[12px]`,children:s.map(a=>{let o=a===e;return(0,l.jsx)(`button`,{type:`button`,onClick:()=>r(a),className:Q(`rounded-[8px] py-[9px] text-[13px] cursor-pointer transition-colors duration-75 outline-none`,o?`font-semibold`:`text-[var(--sk-text)] hover:bg-[var(--sk-surface-filled)]`,a===i&&!o&&`font-semibold`),style:o?{background:t,border:`1.5px solid ${n}55`}:void 0,children:a},a)})})]})}function Dn({year:e,month:t,mode:n,selectedDate:r,rangeStart:i,rangeEnd:a,hoverDate:o,minDate:s,maxDate:c,fill:u,border:d,focusedDate:f,onDayClick:p,onDayHover:m}){let h=new Date,g=bn(e,t),_=xn(e,t),v=[];for(let e=0;e<_;e++)v.push(null);for(let n=1;n<=g;n++)v.push(new Date(e,t,n));let y=e=>s!=null&&hn(e,s)||c!=null&&gn(e,c),b=i??null,x=a??(i&&!a?o??null:null);return b&&x&&gn(b,x)&&([b,x]=[x,b]),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`div`,{className:`grid grid-cols-7 px-[10px] pt-[10px] pb-[4px]`,children:un.map(e=>(0,l.jsx)(`div`,{className:`text-center text-[11px] font-semibold text-[var(--sk-text-muted)] leading-none py-[2px]`,children:e},e))}),(0,l.jsx)(`div`,{className:`grid grid-cols-7 px-[10px] pb-[10px] gap-y-[2px]`,children:v.map((e,t)=>{if(e===null)return(0,l.jsx)(`div`,{},`e-${t}`);let o=n===`single`?r!=null&&mn(e,r):i!=null&&mn(e,i)||a!=null&&mn(e,a),s=n===`range`&&b!=null&&mn(e,b),c=n===`range`&&x!=null&&mn(e,x),g=n===`range`&&b!=null&&x!=null&&gn(e,b)&&hn(e,x),_=o||s||c,v=f!=null&&mn(e,f),S=mn(e,h),C=y(e),w=_?{background:u,border:`1.5px solid ${d}55`,boxShadow:`inset 0 1px 0 rgba(255,255,255,0.35)`}:g?{background:`${u}99`}:v&&!C?{background:`var(--sk-surface-filled)`}:{};return(0,l.jsxs)(`button`,{type:`button`,role:`gridcell`,"aria-selected":o,"aria-disabled":C,tabIndex:v?0:-1,onClick:()=>!C&&p(e),onMouseEnter:()=>!C&&m(e),onMouseLeave:()=>m(null),className:Q(`relative flex items-center justify-center`,`text-[12px] text-[var(--sk-text)] leading-none aspect-square`,`outline-none transition-colors duration-75`,!C&&`cursor-pointer`,C&&`opacity-30 cursor-not-allowed`,_?`rounded-[8px] font-semibold`:`rounded-[8px]`,S&&!_&&`font-semibold`,!_&&!g&&!C&&`hover:bg-[var(--sk-surface-filled)]`,g&&!s&&!c&&`rounded-none`,s&&!c&&`rounded-l-[8px] rounded-r-none`,!s&&c&&`rounded-r-[8px] rounded-l-none`),style:w,children:[(0,l.jsx)(`span`,{children:e.getDate()}),S&&!_&&(0,l.jsx)(`span`,{className:`absolute bottom-[3px] left-1/2 -translate-x-1/2 w-[3px] h-[3px] rounded-full`,style:{background:d}})]},e.getTime())})})]})}var On=(0,c.forwardRef)(function({mode:e=`single`,value:t,defaultValue:n=null,onChange:r,rangeValue:i,defaultRangeValue:a=[null,null],onRangeChange:o,minDate:s,maxDate:u,disabled:d=!1,label:f,description:p,tone:m=`lavender`,accentColor:h,size:g=`default`,placeholder:_,id:v,className:y,containerClassName:b},x){let S=ln(),C=(0,c.useId)(),w=v??`datepicker-${C}`,T=`${w}-panel`,E=p?`${w}-desc`:void 0,{accentColor:D}=(0,c.useContext)($),{fill:O,border:k}=Xe(m,fn,pn,h??D),A=e===`single`&&t!==void 0,[j,M]=(0,c.useState)(n),N=A?t??null:j,P=e===`range`&&i!==void 0,[F,I]=(0,c.useState)(a),L=P?i:F,ee=new Date,te=e===`single`?N??ee:L[0]??ee,[R,z]=(0,c.useState)(te.getFullYear()),[B,V]=(0,c.useState)(te.getMonth()),[ne,H]=(0,c.useState)(`days`),[re,U]=(0,c.useState)(null),[ie,W]=(0,c.useState)(`start`),[G,ae]=(0,c.useState)(!1),oe=_??(e===`range`?`Pick a range…`:`Pick a date…`);function se(){return e===`range`?vn(L):N?_n(N):``}let[ce,K]=(0,c.useState)(se),[q,J]=(0,c.useState)(!1);(0,c.useEffect)(()=>{q||K(se())},[N,L[0],L[1],q]);let Y=(0,c.useRef)(null),le=(0,c.useRef)(null),ue=(0,c.useCallback)(e=>{Y.current=e,typeof x==`function`?x(e):x!=null&&(x.current=e)},[x]),de=(0,c.useCallback)(()=>{d||(H(`days`),ae(!0))},[d]),fe=(0,c.useCallback)(()=>{ae(!1),U(null)},[]);(0,c.useEffect)(()=>{if(!G)return;let e=e=>{Y.current?.closest(`.dp-root`)?.contains(e.target)||fe()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[G,fe]);let pe=()=>{B===0?(V(11),z(e=>e-1)):V(e=>e-1),sn(S,`prev`)},me=()=>{B===11?(V(0),z(e=>e+1)):V(e=>e+1),sn(S,`next`)},he=e=>{A||M(e),r?.(e),cn(S),K(_n(e)),fe()},ge=e=>{if(ie===`start`||L[0]&&L[1]){let t=[e,null];P||I(t),o?.(t),K(_n(e)),W(`end`),cn(S)}else{let t=L[0],n=e;gn(t,n)&&([t,n]=[n,t]);let r=[t,n];P||I(r),o?.(r),K(vn(r)),W(`start`),cn(S),fe()}},_e=t=>{e===`range`?ge(t):he(t)},X=()=>{let t=ce.trim();if(!t){if(e===`single`)A||M(null),r?.(null);else{let e=[null,null];P||I(e),o?.(e)}K(``);return}if(e===`range`){let e=t.split(/\s*[–-]\s*(?=\w)/),n=yn(e[0]??``),r=e[1]?yn(e[1]):null;if(n){let e=[n,r??null];P||I(e),o?.(e),K(vn(e)),z(n.getFullYear()),V(n.getMonth())}else K(vn(L))}else{let e=yn(t);e?(A||M(e),r?.(e),K(_n(e)),z(e.getFullYear()),V(e.getMonth())):K(se())}},ve=g===`sm`?32:40,ye=g===`sm`?10:12,be=g===`sm`?12:13,xe=`${dn[B]} ${R}`,[Se,Ce]=Sn(R,B),we=`${dn[Ce]} ${Se}`,Z={position:`absolute`,top:`calc(100% + 4px)`,left:0,zIndex:50,width:e===`range`?560:280,borderRadius:16,background:`var(--sk-bg)`,backdropFilter:`blur(14px)`,WebkitBackdropFilter:`blur(14px)`,boxShadow:`0 8px 32px -6px var(--sk-shadow-b), 0 2px 6px var(--sk-shadow-c), inset 0 0 0 1px var(--sk-border)`,overflow:`hidden`},Te=`w-[28px] h-[28px] rounded-full flex items-center justify-center text-[var(--sk-text-muted)] hover:bg-[var(--sk-surface-filled)] hover:text-[var(--sk-text)] outline-none cursor-pointer transition-colors duration-100`,Ee=`text-[13px] font-semibold text-[var(--sk-text-label)] select-none hover:text-[var(--sk-text)] cursor-pointer transition-colors duration-100 outline-none rounded-[6px] px-[6px] py-[2px] hover:bg-[var(--sk-surface-filled)]`;return(0,l.jsxs)(`div`,{className:Q(`w-full font-[system-ui,_-apple-system,_sans-serif] dp-root`,b),children:[f!=null&&(0,l.jsx)(`label`,{htmlFor:w,className:Q(`block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]`,d&&`opacity-60`),children:f}),(0,l.jsxs)(`div`,{className:`relative`,children:[(0,l.jsxs)(`div`,{className:Q(`relative w-full inline-flex items-center`,`bg-[var(--sk-surface)] border rounded-[12px]`,`btn-shadow hover:btn-shadow-hover hover:brightness-[1.03]`,`transition-[box-shadow,border-color,background-color] duration-150 ease-out`,d&&`opacity-50 pointer-events-none`,y),style:{height:ve,borderColor:G?`${k}88`:`${k}44`},children:[(0,l.jsx)(`input`,{ref:ue,id:w,type:`text`,autoComplete:`off`,disabled:!!d,placeholder:oe,"aria-haspopup":`dialog`,"aria-expanded":G,"aria-controls":G?T:void 0,"aria-describedby":E,value:ce,onChange:e=>{K(e.target.value),J(!0)},onFocus:()=>{J(!0),de()},onBlur:()=>{J(!1),X()},onKeyDown:e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&(fe(),e.currentTarget.blur())},className:Q(`flex-1 min-w-0 bg-transparent outline-none cursor-text select-text`,`placeholder:text-[var(--sk-text-placeholder)] text-[var(--sk-text)]`),style:{paddingInline:ye,fontSize:be}}),(0,l.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":`Toggle calendar`,onMouseDown:e=>{e.preventDefault(),G?fe():(Y.current?.focus(),de())},className:`shrink-0 flex items-center justify-center text-[var(--sk-text-muted)] hover:text-[var(--sk-text)] cursor-pointer pr-[10px] transition-colors duration-100 outline-none`,children:(0,l.jsx)(Cn,{})})]}),G&&(0,l.jsxs)(`div`,{ref:le,id:T,role:`dialog`,"aria-label":`Date picker`,tabIndex:-1,style:Z,children:[ne===`years`?(0,l.jsx)(En,{activeYear:R,fill:O,border:k,onSelect:e=>{z(e),H(`days`)}}):(0,l.jsxs)(`div`,{className:Q(`flex`,e===`range`&&`divide-x divide-[var(--sk-border-subtle)]`),children:[(0,l.jsxs)(`div`,{className:Q(e===`range`?`w-[280px]`:`w-full`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-[14px] py-[12px] border-b border-[var(--sk-border-subtle)]`,children:[(0,l.jsx)(`button`,{type:`button`,"aria-label":`Previous month`,onClick:pe,className:Te,children:(0,l.jsx)(wn,{})}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>H(`years`),className:Ee,children:xe}),e===`single`&&(0,l.jsx)(`button`,{type:`button`,"aria-label":`Next month`,onClick:me,className:Te,children:(0,l.jsx)(Tn,{})}),e===`range`&&(0,l.jsx)(`div`,{className:`w-[28px]`})]}),(0,l.jsx)(Dn,{year:R,month:B,mode:e,selectedDate:N,rangeStart:L[0],rangeEnd:L[1],hoverDate:re,minDate:s,maxDate:u,fill:O,border:k,onDayClick:_e,onDayHover:U})]}),e===`range`&&(0,l.jsxs)(`div`,{className:`w-[280px]`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-[14px] py-[12px] border-b border-[var(--sk-border-subtle)]`,children:[(0,l.jsx)(`div`,{className:`w-[28px]`}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>H(`years`),className:Ee,children:we}),(0,l.jsx)(`button`,{type:`button`,"aria-label":`Next month`,onClick:me,className:Te,children:(0,l.jsx)(Tn,{})})]}),(0,l.jsx)(Dn,{year:Se,month:Ce,mode:e,rangeStart:L[0],rangeEnd:L[1],hoverDate:re,minDate:s,maxDate:u,fill:O,border:k,onDayClick:_e,onDayHover:U})]})]}),e===`range`&&ne===`days`&&(0,l.jsx)(`div`,{className:`px-[14px] py-[10px] border-t border-[var(--sk-border-subtle)] text-[11px] text-[var(--sk-text-muted)] text-center`,children:ie===`start`||L[0]&&L[1]?`Click to set start date`:`Click to set end date`})]})]}),p!=null&&(0,l.jsx)(`div`,{id:E,className:`mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]`,children:p})]})}),kn={info:{bg:`bg-pastel-sky/45 dark:bg-pastel-sky/20`,border:`border-pastel-sky-dark/[0.20] dark:border-pastel-sky-dark/[0.35]`,iconColor:`text-pastel-sky-dark`,title:`text-pastel-sky-dark`},success:{bg:`bg-pastel-mint/45 dark:bg-pastel-mint/20`,border:`border-pastel-mint-dark/[0.20] dark:border-pastel-mint-dark/[0.35]`,iconColor:`text-pastel-mint-dark`,title:`text-pastel-mint-dark`},warning:{bg:`bg-pastel-lemon/50 dark:bg-pastel-lemon/20`,border:`border-pastel-lemon-dark/[0.20] dark:border-pastel-lemon-dark/[0.35]`,iconColor:`text-pastel-lemon-dark`,title:`text-pastel-lemon-dark`},error:{bg:`bg-pastel-rose/45 dark:bg-pastel-rose/20`,border:`border-pastel-rose-dark/[0.20] dark:border-pastel-rose-dark/[0.35]`,iconColor:`text-pastel-rose-dark`,title:`text-pastel-rose-dark`}},An=()=>(0,l.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`12`}),(0,l.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12.01`,y2:`16`})]}),jn=()=>(0,l.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`path`,{d:`M22 11.08V12a10 10 0 11-5.93-9.14`}),(0,l.jsx)(`polyline`,{points:`22 4 12 14.01 9 11.01`})]}),Mn=()=>(0,l.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`path`,{d:`M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z`}),(0,l.jsx)(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),(0,l.jsx)(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})]}),Nn=()=>(0,l.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`15`,y1:`9`,x2:`9`,y2:`15`}),(0,l.jsx)(`line`,{x1:`9`,y1:`9`,x2:`15`,y2:`15`})]}),Pn=()=>(0,l.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,l.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]}),Fn={info:(0,l.jsx)(An,{}),success:(0,l.jsx)(jn,{}),warning:(0,l.jsx)(Mn,{}),error:(0,l.jsx)(Nn,{})};function In({variant:e=`info`,title:t,children:n,dismissable:r=!1,onDismiss:i,icon:a,className:o}){let[s,u]=(0,c.useState)(`in`),d=kn[e];return s===`out`?null:(0,l.jsxs)(`div`,{role:`alert`,style:{animation:`alert-in 220ms cubic-bezier(0.34, 1.42, 0.64, 1) both`},className:Q(`flex gap-[10px] items-start`,`rounded-[12px] border px-[14px] py-[12px]`,`font-[system-ui,_-apple-system,_sans-serif]`,d.bg,d.border,o),children:[(0,l.jsx)(`span`,{className:Q(`shrink-0 mt-[1px]`,d.iconColor),children:a??Fn[e]}),(0,l.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[t!=null&&(0,l.jsx)(`div`,{className:Q(`text-[13px] font-semibold leading-none mb-[4px]`,d.title),children:t}),n!=null&&(0,l.jsx)(`div`,{className:`text-[12px] leading-snug text-[var(--sk-text-muted)]`,children:n})]}),r&&(0,l.jsx)(`button`,{type:`button`,"aria-label":`Dismiss`,onClick:()=>{u(`out`),i?.()},className:`shrink-0 mt-[1px] text-[var(--sk-text-muted)] hover:text-[var(--sk-text)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--sk-border-strong)] rounded-[4px] cursor-pointer transition-colors duration-100`,children:(0,l.jsx)(Pn,{})})]})}exports.Alert=In,exports.Button=rt,exports.COLORS=Jt,exports.COLOR_MAP=Yt,exports.Card=Wt,exports.ColorPicker=an,exports.DatePicker=On,exports.Input=ct,exports.Progress=Ht,exports.Select=Et,exports.Slider=It,exports.Textarea=Rt,exports.ThemeContext=$,exports.ThemeProvider=Qe,exports.Toggle=vt,exports.hexToAccentPair=Ye,exports.resolveAccent=Xe,exports.useTheme=Ze;
|