npm - @x12i/ui - Versions diffs - 1.0.0 → 1.1.0 - Mend

@x12i/ui 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/utils/cx.ts","../src/components/badge.tsx","../src/utils/slot.tsx","../src/components/visually-hidden.tsx","../src/components/spinner.tsx","../src/components/button.tsx","../src/components/divider.tsx","../src/components/icon-button.tsx","../src/components/stack.tsx","../src/providers/density-provider.tsx","../src/utils/use-persisted-choice.ts","../src/providers/theme-provider.tsx"],"sourcesContent":["/** Joins class names, skipping falsy values. /\r\nexport function cx(...values: Array<string \| false \| null \| undefined>): string \| undefined {\r\n const joined = values.filter(Boolean).join(\" \");\r\n return joined === \"\" ? undefined : joined;\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\n\r\nexport type BadgeVariant = \"soft\" \| \"solid\" \| \"outline\";\r\nexport type BadgeTone = \"neutral\" \| \"accent\" \| \"success\" \| \"warning\" \| \"danger\" \| \"info\";\r\n\r\nexport interface BadgeProps extends ComponentPropsWithRef<\"span\"> {\r\n variant?: BadgeVariant;\r\n /* Status tones use the same colors as charts, diagrams and report callouts. /\r\n tone?: BadgeTone;\r\n size?: \"sm\" \| \"md\";\r\n}\r\n\r\nexport function Badge({\r\n variant = \"soft\",\r\n tone = \"neutral\",\r\n size = \"md\",\r\n className,\r\n ...props\r\n}: BadgeProps) {\r\n return (\r\n <span\r\n data-kit=\"badge\"\r\n data-variant={variant}\r\n data-tone={tone}\r\n data-size={size}\r\n className={cx(className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n","import {\r\n cloneElement,\r\n isValidElement,\r\n type CSSProperties,\r\n type ReactElement,\r\n type ReactNode,\r\n type Ref,\r\n} from \"react\";\r\nimport { cx } from \"./cx\";\r\n\r\ntype AnyProps = Record<string, unknown>;\r\n\r\nexport function composeRefs<T>(\r\n ...refs: Array<Ref<T> \| undefined>\r\n): (node: T \| null) => void {\r\n return (node) => {\r\n for (const ref of refs) {\r\n if (typeof ref === \"function\") ref(node);\r\n else if (ref) (ref as { current: T \| null }).current = node;\r\n }\r\n };\r\n}\r\n\r\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\r\n const merged: AnyProps = { ...slotProps, ...childProps };\r\n\r\n for (const key of Object.keys(slotProps)) {\r\n const slotValue = slotProps[key];\r\n const childValue = childProps[key];\r\n\r\n if (/^on[A-Z]/.test(key) && typeof slotValue === \"function\" && typeof childValue === \"function\") {\r\n merged[key] = (...args: unknown[]) => {\r\n childValue(...args);\r\n slotValue(...args);\r\n };\r\n } else if (key === \"style\") {\r\n merged[key] = { ...(slotValue as CSSProperties), ...(childValue as CSSProperties) };\r\n } else if (key === \"className\") {\r\n merged[key] = cx(slotValue as string, childValue as string);\r\n }\r\n }\r\n\r\n return merged;\r\n}\r\n\r\n// The slot forwards a ref for whatever element its child turns out to be.\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype AnyRef = Ref<any>;\r\n\r\nexport interface SlotProps {\r\n children?: ReactNode;\r\n ref?: AnyRef;\r\n [prop: string]: unknown;\r\n}\r\n\r\n/\r\n Renders its single child element with the slot's props merged in. This is how\r\n * `asChild` composition works: `<Button asChild><a href=\"/x\">Go</a></Button>`\r\n * renders an anchor that looks and behaves like a button.\r\n /\r\nexport function Slot({ children, ref, ...slotProps }: SlotProps) {\r\n if (!isValidElement(children)) return null;\r\n\r\n const child = children as ReactElement<AnyProps & { ref?: AnyRef }>;\r\n const { ref: childRef, ...childProps } = child.props;\r\n\r\n return cloneElement(child, {\r\n ...mergeProps(slotProps, childProps),\r\n ref: composeRefs(ref, childRef),\r\n });\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { Slot } from \"../utils/slot\";\r\n\r\nexport interface VisuallyHiddenProps extends ComponentPropsWithRef<\"span\"> {\r\n /* Render the child element instead of a span. /\r\n asChild?: boolean;\r\n}\r\n\r\n/* Hides content visually but keeps it available to assistive technology. /\r\nexport function VisuallyHidden({ asChild = false, className, ...props }: VisuallyHiddenProps) {\r\n const Component = asChild ? Slot : \"span\";\r\n return <Component data-kit=\"visually-hidden\" className={cx(className)} {...props} />;\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { VisuallyHidden } from \"./visually-hidden\";\r\n\r\nexport interface SpinnerProps extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\r\n /* Icon size, from the icon size tokens. /\r\n size?: \"xs\" \| \"sm\" \| \"md\" \| \"lg\";\r\n /\r\n Accessible name, for example \"Loading\". When omitted the spinner is\r\n * decorative and hidden from assistive technology. Strings are never baked\r\n * into components, so pass a translated label.\r\n /\r\n label?: string;\r\n}\r\n\r\nexport function Spinner({ size = \"md\", label, className, ref, ...props }: SpinnerProps) {\r\n const decorative = label === undefined;\r\n\r\n return (\r\n <span\r\n ref={ref}\r\n data-kit=\"spinner\"\r\n data-size={size}\r\n role={decorative ? undefined : \"status\"}\r\n aria-hidden={decorative ? true : undefined}\r\n className={cx(className)}\r\n {...props}\r\n >\r\n <svg data-kit-slot=\"spinner-graphic\" viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\">\r\n <circle data-kit-slot=\"spinner-track\" cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" />\r\n <circle data-kit-slot=\"spinner-arc\" cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" />\r\n </svg>\r\n {decorative ? null : <VisuallyHidden>{label}</VisuallyHidden>}\r\n </span>\r\n );\r\n}\r\n","import type { ComponentPropsWithRef, MouseEvent, ReactNode } from \"react\";\r\nimport type { ControlSize } from \"../types\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { Slot } from \"../utils/slot\";\r\nimport { Spinner } from \"./spinner\";\r\n\r\nexport type ButtonVariant = \"solid\" \| \"soft\" \| \"outline\" \| \"ghost\";\r\nexport type ButtonTone = \"accent\" \| \"neutral\";\r\n\r\nexport interface ButtonProps extends ComponentPropsWithRef<\"button\"> {\r\n /* Visual weight. `solid` is the primary action; use one per view. /\r\n variant?: ButtonVariant;\r\n /* `accent` marks the primary action and the finding; `neutral` stays grey. /\r\n tone?: ButtonTone;\r\n size?: ControlSize;\r\n /\r\n Shows a spinner and blocks activation while keeping focus and layout. The\r\n * button stays focusable so keyboard users do not lose their place.\r\n /\r\n loading?: boolean;\r\n /\r\n Accessible name for the spinner, for example \"Saving\". Pass a translated\r\n * string; components never contain user-facing text.\r\n /\r\n loadingLabel?: string;\r\n /* Render the child element (for example an anchor) with button styling. /\r\n asChild?: boolean;\r\n}\r\n\r\nexport function Button({\r\n variant = \"solid\",\r\n tone = \"accent\",\r\n size = \"md\",\r\n loading = false,\r\n loadingLabel,\r\n asChild = false,\r\n disabled = false,\r\n type,\r\n className,\r\n children,\r\n onClick,\r\n ref,\r\n ...props\r\n}: ButtonProps) {\r\n const inactive = disabled \|\| loading;\r\n\r\n const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\r\n if (inactive) {\r\n event.preventDefault();\r\n return;\r\n }\r\n onClick?.(event);\r\n };\r\n\r\n const shared = {\r\n ref,\r\n \"data-kit\": \"button\",\r\n \"data-variant\": variant,\r\n \"data-tone\": tone,\r\n \"data-size\": size,\r\n \"data-loading\": loading ? \"\" : undefined,\r\n \"data-disabled\": inactive ? \"\" : undefined,\r\n \"aria-busy\": loading ? true : undefined,\r\n className: cx(className),\r\n onClick: handleClick,\r\n ...props,\r\n } as const;\r\n\r\n if (asChild) {\r\n return (\r\n <Slot {...shared} aria-disabled={inactive ? true : undefined}>\r\n {children}\r\n </Slot>\r\n );\r\n }\r\n\r\n const content: ReactNode = (\r\n <>\r\n <span data-kit-slot=\"content\">{children}</span>\r\n {loading ? (\r\n <span data-kit-slot=\"spinner\">\r\n <Spinner size=\"sm\" {...(loadingLabel === undefined ? {} : { label: loadingLabel })} />\r\n </span>\r\n ) : null}\r\n </>\r\n );\r\n\r\n return (\r\n <button\r\n {...shared}\r\n // A loading button stays focusable (aria-disabled); a disabled one is natively disabled.\r\n type={type ?? \"button\"}\r\n disabled={disabled}\r\n aria-disabled={loading && !disabled ? true : undefined}\r\n >\r\n {content}\r\n </button>\r\n );\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\n\r\nexport interface DividerProps extends Omit<ComponentPropsWithRef<\"hr\">, \"children\"> {\r\n orientation?: \"horizontal\" \| \"vertical\";\r\n /\r\n A decorative divider is hidden from assistive technology. Use it when the\r\n * surrounding structure already separates the content.\r\n /\r\n decorative?: boolean;\r\n}\r\n\r\n/* A separator. Native `<hr>` already has the separator role, so no ARIA role is added. /\r\nexport function Divider({\r\n orientation = \"horizontal\",\r\n decorative = false,\r\n className,\r\n ...props\r\n}: DividerProps) {\r\n return (\r\n <hr\r\n data-kit=\"divider\"\r\n data-orientation={orientation}\r\n role={decorative ? \"presentation\" : undefined}\r\n aria-orientation={!decorative && orientation === \"vertical\" ? \"vertical\" : undefined}\r\n className={cx(className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n","import type { ReactNode } from \"react\";\r\nimport { Button, type ButtonProps } from \"./button\";\r\n\r\nexport interface IconButtonProps\r\n extends Omit<ButtonProps, \"children\" \| \"aria-label\" \| \"aria-labelledby\" \| \"asChild\"> {\r\n /\r\n Accessible name. Required: an icon-only button without a name is a\r\n * TypeScript error. Pass a translated string.\r\n /\r\n label: string;\r\n /* The icon. It is hidden from assistive technology by the label. /\r\n children: ReactNode;\r\n}\r\n\r\nexport function IconButton({ label, children, ...props }: IconButtonProps) {\r\n return (\r\n <Button {...props} aria-label={label} data-icon-only=\"\">\r\n {children}\r\n </Button>\r\n );\r\n}\r\n","import { cssVar } from \"@x12i/tokens\";\r\nimport type { ComponentPropsWithRef, CSSProperties } from \"react\";\r\nimport type { SpaceKey } from \"../types\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { Slot } from \"../utils/slot\";\r\n\r\nexport type Align = \"start\" \| \"center\" \| \"end\" \| \"stretch\" \| \"baseline\";\r\nexport type Justify = \"start\" \| \"center\" \| \"end\" \| \"between\" \| \"around\";\r\n\r\ninterface FlexProps extends ComponentPropsWithRef<\"div\"> {\r\n /* Space between children, from the space scale. /\r\n gap?: SpaceKey;\r\n align?: Align;\r\n justify?: Justify;\r\n wrap?: boolean;\r\n /* Render the child element instead of a div. /\r\n asChild?: boolean;\r\n}\r\n\r\nfunction Flex({\r\n kind,\r\n gap,\r\n align,\r\n justify,\r\n wrap,\r\n asChild = false,\r\n className,\r\n style,\r\n ...props\r\n}: FlexProps & { kind: \"stack\" \| \"inline\" }) {\r\n const Component = asChild ? Slot : \"div\";\r\n const gapStyle: CSSProperties \| undefined =\r\n gap === undefined ? undefined : { gap: cssVar(`space.${gap}`) };\r\n\r\n return (\r\n <Component\r\n data-kit={kind}\r\n data-align={align}\r\n data-justify={justify}\r\n data-wrap={wrap ? \"\" : undefined}\r\n className={cx(className)}\r\n style={{ ...gapStyle, ...style }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport type StackProps = FlexProps;\r\n\r\n/* Lays children out in a column. /\r\nexport function Stack({ gap = \"3\", ...props }: StackProps) {\r\n return <Flex kind=\"stack\" gap={gap} {...props} />;\r\n}\r\n\r\nexport type InlineProps = FlexProps;\r\n\r\n/* Lays children out in a row, aligned to the center and wrapping by default. /\r\nexport function Inline({ gap = \"2\", align = \"center\", wrap = true, ...props }: InlineProps) {\r\n return <Flex kind=\"inline\" gap={gap} align={align} wrap={wrap} {...props} />;\r\n}\r\n","import {\r\n DENSITY_ATTRIBUTE,\r\n DENSITY_STORAGE_KEY,\r\n densityNames,\r\n type DensityName,\r\n} from \"@x12i/tokens\";\r\nimport {\r\n createContext,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n type ComponentPropsWithRef,\r\n type ReactNode,\r\n} from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { usePersistedChoice } from \"../utils/use-persisted-choice\";\r\n\r\nexport interface DensityContextValue {\r\n density: DensityName;\r\n setDensity: (density: DensityName) => void;\r\n}\r\n\r\nconst DensityContext = createContext<DensityContextValue \| null>(null);\r\n\r\nfunction isDensity(value: string): value is DensityName {\r\n return (densityNames as readonly string[]).includes(value);\r\n}\r\n\r\nexport interface DensityProviderProps\r\n extends Omit<ComponentPropsWithRef<\"div\">, \"children\" \| \"onChange\"> {\r\n children?: ReactNode;\r\n /* Controlled density. /\r\n density?: DensityName;\r\n defaultDensity?: DensityName;\r\n onDensityChange?: (density: DensityName) => void;\r\n /\r\n `root` sets `data-density` on `<html>` and renders no wrapper element.\r\n * `subtree` (default) renders a wrapper that scopes the density to its children.\r\n /\r\n scope?: \"root\" \| \"subtree\";\r\n /\r\n localStorage key that remembers the choice, or `null` for none. Defaults\r\n * to the shared key for `root` and to none for `subtree`.\r\n /\r\n storageKey?: string \| null;\r\n}\r\n\r\n/* Compact, default and comfortable density from one set of components. /\r\nexport function DensityProvider({\r\n children,\r\n density: densityProp,\r\n defaultDensity = \"default\",\r\n onDensityChange,\r\n scope = \"subtree\",\r\n storageKey,\r\n className,\r\n ...props\r\n}: DensityProviderProps) {\r\n const [density, setDensity] = usePersistedChoice<DensityName>({\r\n value: densityProp,\r\n defaultValue: defaultDensity,\r\n onChange: onDensityChange,\r\n storageKey:\r\n storageKey === undefined ? (scope === \"root\" ? DENSITY_STORAGE_KEY : null) : storageKey,\r\n isValid: isDensity,\r\n });\r\n\r\n useEffect(() => {\r\n if (scope !== \"root\") return;\r\n const root = document.documentElement;\r\n const previous = root.getAttribute(DENSITY_ATTRIBUTE);\r\n root.setAttribute(DENSITY_ATTRIBUTE, density);\r\n return () => {\r\n if (previous === null) root.removeAttribute(DENSITY_ATTRIBUTE);\r\n else root.setAttribute(DENSITY_ATTRIBUTE, previous);\r\n };\r\n }, [scope, density]);\r\n\r\n const value = useMemo<DensityContextValue>(\r\n () => ({ density, setDensity }),\r\n [density, setDensity],\r\n );\r\n\r\n return (\r\n <DensityContext value={value}>\r\n {scope === \"root\" ? (\r\n children\r\n ) : (\r\n <div\r\n data-kit=\"density-provider\"\r\n {...{ [DENSITY_ATTRIBUTE]: density }}\r\n className={cx(className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )}\r\n </DensityContext>\r\n );\r\n}\r\n\r\n/* Reads and changes the density of the nearest `DensityProvider`. /\r\nexport function useDensity(): DensityContextValue {\r\n const context = useContext(DensityContext);\r\n if (context === null) {\r\n throw new Error(\"useDensity must be used inside a DensityProvider.\");\r\n }\r\n return context;\r\n}\r\n","import { useCallback, useEffect, useState } from \"react\";\r\n\r\nfunction read(key: string): string \| null {\r\n try {\r\n return window.localStorage.getItem(key);\r\n } catch {\r\n return null;\r\n }\r\n}\r\n\r\nfunction write(key: string, value: string) {\r\n try {\r\n window.localStorage.setItem(key, value);\r\n } catch {\r\n // Storage can be blocked (private mode, sandboxed frames). Ignore.\r\n }\r\n}\r\n\r\ninterface Options<T extends string> {\r\n value: T \| undefined;\r\n defaultValue: T;\r\n onChange: ((value: T) => void) \| undefined;\r\n /* localStorage key, or null to skip persistence. /\r\n storageKey: string \| null;\r\n /* Must be a stable function (declare it at module level). /\r\n isValid: (value: string) => value is T;\r\n}\r\n\r\n/\r\n Controlled or uncontrolled state with optional persistence. The stored value\r\n * is read after mount, so server and first client render always agree.\r\n /\r\nexport function usePersistedChoice<T extends string>({\r\n value: controlled,\r\n defaultValue,\r\n onChange,\r\n storageKey,\r\n isValid,\r\n}: Options<T>) {\r\n const isControlled = controlled !== undefined;\r\n const [internal, setInternal] = useState<T>(defaultValue);\r\n\r\n useEffect(() => {\r\n if (isControlled \|\| storageKey === null) return;\r\n const stored = read(storageKey);\r\n if (stored !== null && isValid(stored)) setInternal(stored);\r\n }, [isControlled, storageKey, isValid]);\r\n\r\n const setValue = useCallback(\r\n (next: T) => {\r\n if (!isControlled) setInternal(next);\r\n if (storageKey !== null) write(storageKey, next);\r\n onChange?.(next);\r\n },\r\n [isControlled, storageKey, onChange],\r\n );\r\n\r\n return [isControlled ? controlled : internal, setValue] as const;\r\n}\r\n","import {\r\n THEME_ATTRIBUTE,\r\n THEME_STORAGE_KEY,\r\n themeNames,\r\n type ThemeName,\r\n} from \"@x12i/tokens\";\r\nimport {\r\n createContext,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n useSyncExternalStore,\r\n type ComponentPropsWithRef,\r\n type ReactNode,\r\n} from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { usePersistedChoice } from \"../utils/use-persisted-choice\";\r\n\r\n/* A theme name, or `system` to follow the operating system preference. /\r\nexport type ThemeChoice = ThemeName \| \"system\";\r\n\r\nexport interface ThemeContextValue {\r\n /* The user's choice, which can be `system`. /\r\n theme: ThemeChoice;\r\n /* The theme in effect. `system` resolves to `light` or `dark`. /\r\n resolvedTheme: ThemeName;\r\n setTheme: (theme: ThemeChoice) => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextValue \| null>(null);\r\n\r\nconst DARK_QUERY = \"(prefers-color-scheme: dark)\";\r\n\r\nfunction subscribeToSystemTheme(onChange: () => void) {\r\n const query = window.matchMedia(DARK_QUERY);\r\n query.addEventListener(\"change\", onChange);\r\n return () => query.removeEventListener(\"change\", onChange);\r\n}\r\n\r\nconst prefersDark = () => window.matchMedia(DARK_QUERY).matches;\r\n// The server cannot know; light matches the CSS fallback.\r\nconst serverPrefersDark = () => false;\r\n\r\nfunction isThemeChoice(value: string): value is ThemeChoice {\r\n return value === \"system\" \|\| (themeNames as readonly string[]).includes(value);\r\n}\r\n\r\nexport interface ThemeProviderProps\r\n extends Omit<ComponentPropsWithRef<\"div\">, \"children\" \| \"onChange\"> {\r\n children?: ReactNode;\r\n /* Controlled theme. /\r\n theme?: ThemeChoice;\r\n /* Initial theme when uncontrolled. Defaults to following the system. /\r\n defaultTheme?: ThemeChoice;\r\n onThemeChange?: (theme: ThemeChoice) => void;\r\n /\r\n `root` sets `data-theme` on `<html>` and renders no wrapper element.\r\n * `subtree` (default) renders a wrapper that scopes the theme to its children.\r\n /\r\n scope?: \"root\" \| \"subtree\";\r\n /\r\n localStorage key that remembers the choice, or `null` for none. Defaults\r\n * to the shared key for `root` and to none for `subtree`.\r\n /\r\n storageKey?: string \| null;\r\n}\r\n\r\n/\r\n Sets the theme for the page or for a subtree. Pair a `root` provider with\r\n * `getNoFlashScript()` from `@x12i/themes` to avoid a flash on first paint.\r\n /\r\nexport function ThemeProvider({\r\n children,\r\n theme: themeProp,\r\n defaultTheme = \"system\",\r\n onThemeChange,\r\n scope = \"subtree\",\r\n storageKey,\r\n className,\r\n ...props\r\n}: ThemeProviderProps) {\r\n const [theme, setTheme] = usePersistedChoice<ThemeChoice>({\r\n value: themeProp,\r\n defaultValue: defaultTheme,\r\n onChange: onThemeChange,\r\n storageKey: storageKey === undefined ? (scope === \"root\" ? THEME_STORAGE_KEY : null) : storageKey,\r\n isValid: isThemeChoice,\r\n });\r\n\r\n const systemIsDark = useSyncExternalStore(subscribeToSystemTheme, prefersDark, serverPrefersDark);\r\n const resolvedTheme: ThemeName = theme === \"system\" ? (systemIsDark ? \"dark\" : \"light\") : theme;\r\n\r\n // `system` leaves the attribute off so the CSS media query decides.\r\n const attribute = theme === \"system\" ? undefined : theme;\r\n\r\n useEffect(() => {\r\n if (scope !== \"root\") return;\r\n const root = document.documentElement;\r\n const previous = root.getAttribute(THEME_ATTRIBUTE);\r\n if (attribute === undefined) root.removeAttribute(THEME_ATTRIBUTE);\r\n else root.setAttribute(THEME_ATTRIBUTE, attribute);\r\n return () => {\r\n if (previous === null) root.removeAttribute(THEME_ATTRIBUTE);\r\n else root.setAttribute(THEME_ATTRIBUTE, previous);\r\n };\r\n }, [scope, attribute]);\r\n\r\n const value = useMemo<ThemeContextValue>(\r\n () => ({ theme, resolvedTheme, setTheme }),\r\n [theme, resolvedTheme, setTheme],\r\n );\r\n\r\n return (\r\n <ThemeContext value={value}>\r\n {scope === \"root\" ? (\r\n children\r\n ) : (\r\n <div\r\n data-kit=\"theme-provider\"\r\n {...{ [THEME_ATTRIBUTE]: attribute }}\r\n className={cx(className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )}\r\n </ThemeContext>\r\n );\r\n}\r\n\r\n/* Reads and changes the theme of the nearest `ThemeProvider`. */\r\nexport function useTheme(): ThemeContextValue {\r\n const context = useContext(ThemeContext);\r\n if (context === null) {\r\n throw new Error(\"useTheme must be used inside a ThemeProvider.\");\r\n }\r\n return context;\r\n}\r\n"],"mappings":";;;AACO,SAAS,MAAM,QAAsE;AAC1F,QAAM,SAAS,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AAC9C,SAAO,WAAW,KAAK,SAAY;AACrC;;;ACiBI;AARG,SAAS,MAAM;AAAA,EACpB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,aAAW;AAAA,MACX,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC9BA;AAAA,EACE;AAAA,EACA;AAAA,OAKK;AAKA,SAAS,eACX,MACuB;AAC1B,SAAO,CAAC,SAAS;AACf,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,eAC9B,IAAK,CAAC,IAA8B,UAAU;AAAA,IACzD;AAAA,EACF;AACF;AAEA,SAAS,WAAW,WAAqB,YAAgC;AACvE,QAAM,SAAmB,EAAE,GAAG,WAAW,GAAG,WAAW;AAEvD,aAAW,OAAO,OAAO,KAAK,SAAS,GAAG;AACxC,UAAM,YAAY,UAAU,GAAG;AAC/B,UAAM,aAAa,WAAW,GAAG;AAEjC,QAAI,WAAW,KAAK,GAAG,KAAK,OAAO,cAAc,cAAc,OAAO,eAAe,YAAY;AAC/F,aAAO,GAAG,IAAI,IAAI,SAAoB;AACpC,mBAAW,GAAG,IAAI;AAClB,kBAAU,GAAG,IAAI;AAAA,MACnB;AAAA,IACF,WAAW,QAAQ,SAAS;AAC1B,aAAO,GAAG,IAAI,EAAE,GAAI,WAA6B,GAAI,WAA6B;AAAA,IACpF,WAAW,QAAQ,aAAa;AAC9B,aAAO,GAAG,IAAI,GAAG,WAAqB,UAAoB;AAAA,IAC5D;AAAA,EACF;AAEA,SAAO;AACT;AAiBO,SAAS,KAAK,EAAE,UAAU,KAAK,GAAG,UAAU,GAAc;AAC/D,MAAI,CAAC,eAAe,QAAQ,EAAG,QAAO;AAEtC,QAAM,QAAQ;AACd,QAAM,EAAE,KAAK,UAAU,GAAG,WAAW,IAAI,MAAM;AAE/C,SAAO,aAAa,OAAO;AAAA,IACzB,GAAG,WAAW,WAAW,UAAU;AAAA,IACnC,KAAK,YAAY,KAAK,QAAQ;AAAA,EAChC,CAAC;AACH;;;AC1DS,gBAAAA,YAAA;AAFF,SAAS,eAAe,EAAE,UAAU,OAAO,WAAW,GAAG,MAAM,GAAwB;AAC5F,QAAM,YAAY,UAAU,OAAO;AACnC,SAAO,gBAAAA,KAAC,aAAU,YAAS,mBAAkB,WAAW,GAAG,SAAS,GAAI,GAAG,OAAO;AACpF;;;ACeM,SACE,OAAAC,MADF;AAbC,SAAS,QAAQ,EAAE,OAAO,MAAM,OAAO,WAAW,KAAK,GAAG,MAAM,GAAiB;AACtF,QAAM,aAAa,UAAU;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAS;AAAA,MACT,aAAW;AAAA,MACX,MAAM,aAAa,SAAY;AAAA,MAC/B,eAAa,aAAa,OAAO;AAAA,MACjC,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,iBAAc,mBAAkB,SAAQ,aAAY,WAAU,SAAQ,eAAY,QACrF;AAAA,0BAAAA,KAAC,YAAO,iBAAc,iBAAgB,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO;AAAA,UACxE,gBAAAA,KAAC,YAAO,iBAAc,eAAc,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO;AAAA,WACxE;AAAA,QACC,aAAa,OAAO,gBAAAA,KAAC,kBAAgB,iBAAM;AAAA;AAAA;AAAA,EAC9C;AAEJ;;;ACmCM,SAOF,UAPE,OAAAC,MAOF,QAAAC,aAPE;AAzCC,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,QAAM,WAAW,YAAY;AAE7B,QAAM,cAAc,CAAC,UAAyC;AAC5D,QAAI,UAAU;AACZ,YAAM,eAAe;AACrB;AAAA,IACF;AACA,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB,UAAU,KAAK;AAAA,IAC/B,iBAAiB,WAAW,KAAK;AAAA,IACjC,aAAa,UAAU,OAAO;AAAA,IAC9B,WAAW,GAAG,SAAS;AAAA,IACvB,SAAS;AAAA,IACT,GAAG;AAAA,EACL;AAEA,MAAI,SAAS;AACX,WACE,gBAAAD,KAAC,QAAM,GAAG,QAAQ,iBAAe,WAAW,OAAO,QAChD,UACH;AAAA,EAEJ;AAEA,QAAM,UACJ,gBAAAC,MAAA,YACE;AAAA,oBAAAD,KAAC,UAAK,iBAAc,WAAW,UAAS;AAAA,IACvC,UACC,gBAAAA,KAAC,UAAK,iBAAc,WAClB,0BAAAA,KAAC,WAAQ,MAAK,MAAM,GAAI,iBAAiB,SAAY,CAAC,IAAI,EAAE,OAAO,aAAa,GAAI,GACtF,IACE;AAAA,KACN;AAGF,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MAEJ,MAAM,QAAQ;AAAA,MACd;AAAA,MACA,iBAAe,WAAW,CAAC,WAAW,OAAO;AAAA,MAE5C;AAAA;AAAA,EACH;AAEJ;;;AC9EI,gBAAAE,YAAA;AAPG,SAAS,QAAQ;AAAA,EACtB,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAAiB;AACf,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,oBAAkB;AAAA,MAClB,MAAM,aAAa,iBAAiB;AAAA,MACpC,oBAAkB,CAAC,cAAc,gBAAgB,aAAa,aAAa;AAAA,MAC3E,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACbI,gBAAAC,YAAA;AAFG,SAAS,WAAW,EAAE,OAAO,UAAU,GAAG,MAAM,GAAoB;AACzE,SACE,gBAAAA,KAAC,UAAQ,GAAG,OAAO,cAAY,OAAO,kBAAe,IAClD,UACH;AAEJ;;;ACpBA,SAAS,cAAc;AAmCnB,gBAAAC,YAAA;AAhBJ,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6C;AAC3C,QAAM,YAAY,UAAU,OAAO;AACnC,QAAM,WACJ,QAAQ,SAAY,SAAY,EAAE,KAAK,OAAO,SAAS,GAAG,EAAE,EAAE;AAEhE,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,aAAW,OAAO,KAAK;AAAA,MACvB,WAAW,GAAG,SAAS;AAAA,MACvB,OAAO,EAAE,GAAG,UAAU,GAAG,MAAM;AAAA,MAC9B,GAAG;AAAA;AAAA,EACN;AAEJ;AAKO,SAAS,MAAM,EAAE,MAAM,KAAK,GAAG,MAAM,GAAe;AACzD,SAAO,gBAAAA,KAAC,QAAK,MAAK,SAAQ,KAAW,GAAG,OAAO;AACjD;AAKO,SAAS,OAAO,EAAE,MAAM,KAAK,QAAQ,UAAU,OAAO,MAAM,GAAG,MAAM,GAAgB;AAC1F,SAAO,gBAAAA,KAAC,QAAK,MAAK,UAAS,KAAU,OAAc,MAAa,GAAG,OAAO;AAC5E;;;AC3DA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,OAGK;;;ACbP,SAAS,aAAa,WAAW,gBAAgB;AAEjD,SAAS,KAAK,KAA4B;AACxC,MAAI;AACF,WAAO,OAAO,aAAa,QAAQ,GAAG;AAAA,EACxC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,MAAM,KAAa,OAAe;AACzC,MAAI;AACF,WAAO,aAAa,QAAQ,KAAK,KAAK;AAAA,EACxC,QAAQ;AAAA,EAER;AACF;AAgBO,SAAS,mBAAqC;AAAA,EACnD,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAe;AACb,QAAM,eAAe,eAAe;AACpC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAY,YAAY;AAExD,YAAU,MAAM;AACd,QAAI,gBAAgB,eAAe,KAAM;AACzC,UAAM,SAAS,KAAK,UAAU;AAC9B,QAAI,WAAW,QAAQ,QAAQ,MAAM,EAAG,aAAY,MAAM;AAAA,EAC5D,GAAG,CAAC,cAAc,YAAY,OAAO,CAAC;AAEtC,QAAM,WAAW;AAAA,IACf,CAAC,SAAY;AACX,UAAI,CAAC,aAAc,aAAY,IAAI;AACnC,UAAI,eAAe,KAAM,OAAM,YAAY,IAAI;AAC/C,iBAAW,IAAI;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY,QAAQ;AAAA,EACrC;AAEA,SAAO,CAAC,eAAe,aAAa,UAAU,QAAQ;AACxD;;;AD8BQ,gBAAAC,YAAA;AAlER,IAAM,iBAAiB,cAA0C,IAAI;AAErE,SAAS,UAAU,OAAqC;AACtD,SAAQ,aAAmC,SAAS,KAAK;AAC3D;AAsBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,CAAC,SAAS,UAAU,IAAI,mBAAgC;AAAA,IAC5D,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,IACV,YACE,eAAe,SAAa,UAAU,SAAS,sBAAsB,OAAQ;AAAA,IAC/E,SAAS;AAAA,EACX,CAAC;AAED,EAAAC,WAAU,MAAM;AACd,QAAI,UAAU,OAAQ;AACtB,UAAM,OAAO,SAAS;AACtB,UAAM,WAAW,KAAK,aAAa,iBAAiB;AACpD,SAAK,aAAa,mBAAmB,OAAO;AAC5C,WAAO,MAAM;AACX,UAAI,aAAa,KAAM,MAAK,gBAAgB,iBAAiB;AAAA,UACxD,MAAK,aAAa,mBAAmB,QAAQ;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,OAAO,OAAO,CAAC;AAEnB,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,SAAS,WAAW;AAAA,IAC7B,CAAC,SAAS,UAAU;AAAA,EACtB;AAEA,SACE,gBAAAD,KAAC,kBAAe,OACb,oBAAU,SACT,WAEA,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACR,GAAG,EAAE,CAAC,iBAAiB,GAAG,QAAQ;AAAA,MACnC,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GAEJ;AAEJ;AAGO,SAAS,aAAkC;AAChD,QAAM,UAAU,WAAW,cAAc;AACzC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;;;AE5GA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE,iBAAAE;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA;AAAA,OAGK;AAuGC,gBAAAC,YAAA;AAxFR,IAAM,eAAeC,eAAwC,IAAI;AAEjE,IAAM,aAAa;AAEnB,SAAS,uBAAuB,UAAsB;AACpD,QAAM,QAAQ,OAAO,WAAW,UAAU;AAC1C,QAAM,iBAAiB,UAAU,QAAQ;AACzC,SAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAC3D;AAEA,IAAM,cAAc,MAAM,OAAO,WAAW,UAAU,EAAE;AAExD,IAAM,oBAAoB,MAAM;AAEhC,SAAS,cAAc,OAAqC;AAC1D,SAAO,UAAU,YAAa,WAAiC,SAAS,KAAK;AAC/E;AA0BO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,mBAAgC;AAAA,IACxD,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,IACV,YAAY,eAAe,SAAa,UAAU,SAAS,oBAAoB,OAAQ;AAAA,IACvF,SAAS;AAAA,EACX,CAAC;AAED,QAAM,eAAe,qBAAqB,wBAAwB,aAAa,iBAAiB;AAChG,QAAM,gBAA2B,UAAU,WAAY,eAAe,SAAS,UAAW;AAG1F,QAAM,YAAY,UAAU,WAAW,SAAY;AAEnD,EAAAC,WAAU,MAAM;AACd,QAAI,UAAU,OAAQ;AACtB,UAAM,OAAO,SAAS;AACtB,UAAM,WAAW,KAAK,aAAa,eAAe;AAClD,QAAI,cAAc,OAAW,MAAK,gBAAgB,eAAe;AAAA,QAC5D,MAAK,aAAa,iBAAiB,SAAS;AACjD,WAAO,MAAM;AACX,UAAI,aAAa,KAAM,MAAK,gBAAgB,eAAe;AAAA,UACtD,MAAK,aAAa,iBAAiB,QAAQ;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,QAAM,QAAQC;AAAA,IACZ,OAAO,EAAE,OAAO,eAAe,SAAS;AAAA,IACxC,CAAC,OAAO,eAAe,QAAQ;AAAA,EACjC;AAEA,SACE,gBAAAH,KAAC,gBAAa,OACX,oBAAU,SACT,WAEA,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACR,GAAG,EAAE,CAAC,eAAe,GAAG,UAAU;AAAA,MACnC,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GAEJ;AAEJ;AAGO,SAAS,WAA8B;AAC5C,QAAM,UAAUI,YAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO;AACT;","names":["jsx","jsx","jsx","jsxs","jsx","jsx","jsx","useEffect","jsx","useEffect","createContext","useContext","useEffect","useMemo","jsx","createContext","useEffect","useMemo","useContext"]}
1	+ {"version":3,"sources":["../src/utils/cx.ts","../src/components/badge.tsx","../src/utils/slot.tsx","../src/components/visually-hidden.tsx","../src/components/spinner.tsx","../src/components/button.tsx","../src/components/button-group.tsx","../src/components/copy-button.tsx","../src/components/icon-button.tsx","../src/components/kbd.tsx","../src/components/link.tsx","../src/components/toggle.tsx","../src/components/checkbox.tsx","../src/components/choice.tsx","../src/components/combobox.tsx","../src/components/field.tsx","../src/components/input.tsx","../src/components/number-input.tsx","../src/components/otp-input.tsx","../src/components/radio-group.tsx","../src/components/select.tsx","../src/components/slider.tsx","../src/components/switch.tsx","../src/components/textarea.tsx","../src/components/divider.tsx","../src/components/stack.tsx","../src/components/alert.tsx","../src/components/progress.tsx","../src/components/progress-circle.tsx","../src/components/animated-number.tsx","../src/components/skeleton.tsx","../src/components/empty-state.tsx","../src/components/card.tsx","../src/components/avatar.tsx","../src/components/tag.tsx","../src/components/stat.tsx","../src/components/table.tsx","../src/components/scroll-area.tsx","../src/components/collapsible.tsx","../src/components/tabs.tsx","../src/components/breadcrumb.tsx","../src/components/pagination.tsx","../src/components/accordion.tsx","../src/components/segmented-control.tsx","../src/components/stepper.tsx","../src/components/toolbar.tsx","../src/components/dialog.tsx","../src/components/drawer.tsx","../src/components/popover.tsx","../src/components/tooltip.tsx","../src/components/menu.tsx","../src/components/toast.tsx","../src/components/split-button.tsx","../src/providers/density-provider.tsx","../src/utils/use-persisted-choice.ts","../src/providers/theme-provider.tsx"],"sourcesContent":["/** Joins class names, skipping falsy values. /\r\nexport function cx(...values: Array<string \| false \| null \| undefined>): string \| undefined {\r\n const joined = values.filter(Boolean).join(\" \");\r\n return joined === \"\" ? undefined : joined;\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\n\r\nexport type BadgeVariant = \"soft\" \| \"solid\" \| \"outline\";\r\nexport type BadgeTone = \"neutral\" \| \"accent\" \| \"success\" \| \"warning\" \| \"danger\" \| \"info\";\r\n\r\nexport interface BadgeProps extends ComponentPropsWithRef<\"span\"> {\r\n variant?: BadgeVariant;\r\n /* Status tones use the same colors as charts, diagrams and report callouts. /\r\n tone?: BadgeTone;\r\n size?: \"sm\" \| \"md\";\r\n}\r\n\r\nexport function Badge({\r\n variant = \"soft\",\r\n tone = \"neutral\",\r\n size = \"md\",\r\n className,\r\n ...props\r\n}: BadgeProps) {\r\n return (\r\n <span\r\n data-kit=\"badge\"\r\n data-variant={variant}\r\n data-tone={tone}\r\n data-size={size}\r\n className={cx(className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n","import {\r\n cloneElement,\r\n isValidElement,\r\n type CSSProperties,\r\n type ReactElement,\r\n type ReactNode,\r\n type Ref,\r\n} from \"react\";\r\nimport { cx } from \"./cx\";\r\n\r\ntype AnyProps = Record<string, unknown>;\r\n\r\nexport function composeRefs<T>(\r\n ...refs: Array<Ref<T> \| undefined>\r\n): (node: T \| null) => void {\r\n return (node) => {\r\n for (const ref of refs) {\r\n if (typeof ref === \"function\") ref(node);\r\n else if (ref) (ref as { current: T \| null }).current = node;\r\n }\r\n };\r\n}\r\n\r\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\r\n const merged: AnyProps = { ...slotProps, ...childProps };\r\n\r\n for (const key of Object.keys(slotProps)) {\r\n const slotValue = slotProps[key];\r\n const childValue = childProps[key];\r\n\r\n if (/^on[A-Z]/.test(key) && typeof slotValue === \"function\" && typeof childValue === \"function\") {\r\n merged[key] = (...args: unknown[]) => {\r\n childValue(...args);\r\n slotValue(...args);\r\n };\r\n } else if (key === \"style\") {\r\n merged[key] = { ...(slotValue as CSSProperties), ...(childValue as CSSProperties) };\r\n } else if (key === \"className\") {\r\n merged[key] = cx(slotValue as string, childValue as string);\r\n }\r\n }\r\n\r\n return merged;\r\n}\r\n\r\n// The slot forwards a ref for whatever element its child turns out to be.\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype AnyRef = Ref<any>;\r\n\r\nexport interface SlotProps {\r\n children?: ReactNode;\r\n ref?: AnyRef;\r\n [prop: string]: unknown;\r\n}\r\n\r\n/\r\n Renders its single child element with the slot's props merged in. This is how\r\n * `asChild` composition works: `<Button asChild><a href=\"/x\">Go</a></Button>`\r\n * renders an anchor that looks and behaves like a button.\r\n /\r\nexport function Slot({ children, ref, ...slotProps }: SlotProps) {\r\n if (!isValidElement(children)) return null;\r\n\r\n const child = children as ReactElement<AnyProps & { ref?: AnyRef }>;\r\n const { ref: childRef, ...childProps } = child.props;\r\n\r\n return cloneElement(child, {\r\n ...mergeProps(slotProps, childProps),\r\n ref: composeRefs(ref, childRef),\r\n });\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { Slot } from \"../utils/slot\";\r\n\r\nexport interface VisuallyHiddenProps extends ComponentPropsWithRef<\"span\"> {\r\n /* Render the child element instead of a span. /\r\n asChild?: boolean;\r\n}\r\n\r\n/* Hides content visually but keeps it available to assistive technology. /\r\nexport function VisuallyHidden({ asChild = false, className, ...props }: VisuallyHiddenProps) {\r\n const Component = asChild ? Slot : \"span\";\r\n return <Component data-kit=\"visually-hidden\" className={cx(className)} {...props} />;\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { VisuallyHidden } from \"./visually-hidden\";\r\n\r\nexport interface SpinnerProps extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\r\n /* Icon size, from the icon size tokens. /\r\n size?: \"xs\" \| \"sm\" \| \"md\" \| \"lg\";\r\n /\r\n Accessible name, for example \"Loading\". When omitted the spinner is\r\n * decorative and hidden from assistive technology. Strings are never baked\r\n * into components, so pass a translated label.\r\n /\r\n label?: string;\r\n}\r\n\r\nexport function Spinner({ size = \"md\", label, className, ref, ...props }: SpinnerProps) {\r\n const decorative = label === undefined;\r\n\r\n return (\r\n <span\r\n ref={ref}\r\n data-kit=\"spinner\"\r\n data-size={size}\r\n role={decorative ? undefined : \"status\"}\r\n aria-hidden={decorative ? true : undefined}\r\n className={cx(className)}\r\n {...props}\r\n >\r\n <svg data-kit-slot=\"spinner-graphic\" viewBox=\"0 0 24 24\" focusable=\"false\" aria-hidden=\"true\">\r\n <circle data-kit-slot=\"spinner-track\" cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" />\r\n <circle data-kit-slot=\"spinner-arc\" cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" />\r\n </svg>\r\n {decorative ? null : <VisuallyHidden>{label}</VisuallyHidden>}\r\n </span>\r\n );\r\n}\r\n","import type { ComponentPropsWithRef, MouseEvent, ReactNode } from \"react\";\r\nimport type { ControlSize } from \"../types\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { Slot } from \"../utils/slot\";\r\nimport { Spinner } from \"./spinner\";\r\n\r\nexport type ButtonVariant = \"solid\" \| \"soft\" \| \"outline\" \| \"ghost\";\r\nexport type ButtonTone = \"accent\" \| \"neutral\";\r\n\r\nexport interface ButtonProps extends ComponentPropsWithRef<\"button\"> {\r\n /* Visual weight. `solid` is the primary action; use one per view. /\r\n variant?: ButtonVariant;\r\n /* `accent` marks the primary action and the finding; `neutral` stays grey. /\r\n tone?: ButtonTone;\r\n size?: ControlSize;\r\n /\r\n Shows a spinner and blocks activation while keeping focus and layout. The\r\n * button stays focusable so keyboard users do not lose their place.\r\n /\r\n loading?: boolean;\r\n /\r\n Accessible name for the spinner, for example \"Saving\". Pass a translated\r\n * string; components never contain user-facing text.\r\n /\r\n loadingLabel?: string;\r\n /* Render the child element (for example an anchor) with button styling. /\r\n asChild?: boolean;\r\n}\r\n\r\nexport function Button({\r\n variant = \"solid\",\r\n tone = \"accent\",\r\n size = \"md\",\r\n loading = false,\r\n loadingLabel,\r\n asChild = false,\r\n disabled = false,\r\n type,\r\n className,\r\n children,\r\n onClick,\r\n ref,\r\n ...props\r\n}: ButtonProps) {\r\n const inactive = disabled \|\| loading;\r\n\r\n const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\r\n if (inactive) {\r\n event.preventDefault();\r\n return;\r\n }\r\n onClick?.(event);\r\n };\r\n\r\n const shared = {\r\n ref,\r\n \"data-kit\": \"button\",\r\n \"data-variant\": variant,\r\n \"data-tone\": tone,\r\n \"data-size\": size,\r\n \"data-loading\": loading ? \"\" : undefined,\r\n \"data-disabled\": inactive ? \"\" : undefined,\r\n \"aria-busy\": loading ? true : undefined,\r\n className: cx(className),\r\n onClick: handleClick,\r\n ...props,\r\n } as const;\r\n\r\n if (asChild) {\r\n return (\r\n <Slot {...shared} aria-disabled={inactive ? true : undefined}>\r\n {children}\r\n </Slot>\r\n );\r\n }\r\n\r\n const content: ReactNode = (\r\n <>\r\n <span data-kit-slot=\"content\">{children}</span>\r\n {loading ? (\r\n <span data-kit-slot=\"spinner\">\r\n <Spinner size=\"sm\" {...(loadingLabel === undefined ? {} : { label: loadingLabel })} />\r\n </span>\r\n ) : null}\r\n </>\r\n );\r\n\r\n return (\r\n <button\r\n {...shared}\r\n // A loading button stays focusable (aria-disabled); a disabled one is natively disabled.\r\n type={type ?? \"button\"}\r\n disabled={disabled}\r\n aria-disabled={loading && !disabled ? true : undefined}\r\n >\r\n {content}\r\n </button>\r\n );\r\n}\r\n","import type { ComponentPropsWithRef } from \"react\";\n\nexport interface ButtonGroupProps extends ComponentPropsWithRef<\"div\"> {\n orientation?: \"horizontal\" \| \"vertical\";\n /\n Joins the buttons into one segmented control with shared borders. Turn it\n * off to keep them separate and only group them semantically.\n /\n attached?: boolean;\n}\n\n/\n Groups related buttons. It is a `role=\"group\"`: give it an `aria-label` when\n * the buttons need a shared name, for example \"Text alignment\".\n /\nexport function ButtonGroup({\n orientation = \"horizontal\",\n attached = true,\n ...props\n}: ButtonGroupProps) {\n return (\n <div\n role=\"group\"\n data-kit=\"button-group\"\n data-orientation={orientation}\n data-attached={attached ? \"\" : undefined}\n {...props}\n />\n );\n}\n","import { Icon } from \"@x12i/icons\";\nimport { useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { IconButton } from \"./icon-button\";\nimport { VisuallyHidden } from \"./visually-hidden\";\n\nexport type CopyStatus = \"idle\" \| \"copied\" \| \"failed\";\n\nexport interface CopyButtonProps\n extends Omit<ButtonProps, \"onClick\" \| \"children\" \| \"asChild\" \| \"aria-label\" \| \"loading\" \| \"loadingLabel\"> {\n /* The text to copy, or a function that returns it at click time. /\n text: string \| (() => string);\n /* Accessible name while idle, for example \"Copy code\". /\n label: string;\n /* Announced after a successful copy, for example \"Copied\". /\n copiedLabel: string;\n /* Announced when the clipboard is unavailable or refused. /\n failedLabel?: string;\n /* Milliseconds before the button returns to idle. Defaults to 2000. /\n timeout?: number;\n /* Called with the copied text. (Not `onCopy`, which is the DOM clipboard event.) /\n onCopied?: (value: string) => void;\n onCopyError?: (error: unknown) => void;\n /* Visible text. Leave it out for an icon-only button. /\n children?: ReactNode;\n}\n\n/\n Copies text to the clipboard. The result is announced through a polite live\n * region (the button's own name stays constant, so it is never read twice) and\n * shown with an icon, so color is not the only signal.\n /\nexport function CopyButton({\n text: source,\n label,\n copiedLabel,\n failedLabel,\n timeout = 2000,\n onCopied,\n onCopyError,\n children,\n variant = \"ghost\",\n tone = \"neutral\",\n ...props\n}: CopyButtonProps) {\n const [status, setStatus] = useState<CopyStatus>(\"idle\");\n const timer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n\n useEffect(() => () => clearTimeout(timer.current), []);\n\n const settle = useCallback(\n (next: CopyStatus) => {\n setStatus(next);\n clearTimeout(timer.current);\n timer.current = setTimeout(() => setStatus(\"idle\"), timeout);\n },\n [timeout],\n );\n\n const copy = async () => {\n const text = typeof source === \"function\" ? source() : source;\n try {\n if (!navigator.clipboard) throw new Error(\"Clipboard API is not available\");\n await navigator.clipboard.writeText(text);\n onCopied?.(text);\n settle(\"copied\");\n } catch (error) {\n onCopyError?.(error);\n settle(\"failed\");\n }\n };\n\n const glyph = (\n <Icon name={status === \"copied\" ? \"check\" : status === \"failed\" ? \"alert-circle\" : \"copy\"} />\n );\n const announcement =\n status === \"copied\" ? copiedLabel : status === \"failed\" ? (failedLabel ?? \"\") : \"\";\n\n return (\n <>\n {children === undefined ? (\n <IconButton\n label={label}\n variant={variant}\n tone={tone}\n data-kit-copy=\"\"\n data-status={status}\n onClick={() => void copy()}\n {...props}\n >\n {glyph}\n </IconButton>\n ) : (\n <Button\n variant={variant}\n tone={tone}\n data-kit-copy=\"\"\n data-status={status}\n onClick={() => void copy()}\n {...props}\n >\n {glyph}\n {children}\n </Button>\n )}\n <VisuallyHidden role=\"status\" aria-live=\"polite\">\n {announcement}\n </VisuallyHidden>\n </>\n );\n}\n","import type { ReactNode } from \"react\";\r\nimport { Button, type ButtonProps } from \"./button\";\r\n\r\nexport interface IconButtonProps\r\n extends Omit<ButtonProps, \"children\" \| \"aria-label\" \| \"aria-labelledby\" \| \"asChild\"> {\r\n /\r\n Accessible name. Required: an icon-only button without a name is a\r\n * TypeScript error. Pass a translated string.\r\n /\r\n label: string;\r\n /* The icon. It is hidden from assistive technology by the label. /\r\n children: ReactNode;\r\n}\r\n\r\nexport function IconButton({ label, children, ...props }: IconButtonProps) {\r\n return (\r\n <Button {...props} aria-label={label} data-icon-only=\"\">\r\n {children}\r\n </Button>\r\n );\r\n}\r\n","import { Children, type ComponentPropsWithRef, type ReactNode } from \"react\";\n\nexport type KbdProps = ComponentPropsWithRef<\"kbd\">;\n\n/* A keyboard key, for shortcut hints: `<Kbd>Esc</Kbd>`. /\nexport function Kbd(props: KbdProps) {\n return <kbd data-kit=\"kbd\" {...props} />;\n}\n\nexport interface KbdGroupProps extends ComponentPropsWithRef<\"span\"> {\n /* Shown between keys. Hidden from assistive technology. Defaults to \"+\". /\n separator?: ReactNode;\n}\n\n/* Several keys that are pressed together: `<KbdGroup><Kbd>Ctrl</Kbd><Kbd>K</Kbd></KbdGroup>`. /\nexport function KbdGroup({ separator = \"+\", children, ...props }: KbdGroupProps) {\n const keys = Children.toArray(children);\n return (\n <span data-kit=\"kbd-group\" {...props}>\n {keys.map((key, index) => (\n // The keys are static markup the caller wrote, so the index is stable.\n <span key={index} data-kit-slot=\"kbd-item\">\n {index > 0 ? (\n <span aria-hidden=\"true\" data-kit-slot=\"kbd-separator\">\n {separator}\n </span>\n ) : null}\n {key}\n </span>\n ))}\n </span>\n );\n}\n","import { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef } from \"react\";\nimport { Slot } from \"../utils/slot\";\nimport { VisuallyHidden } from \"./visually-hidden\";\n\nexport interface LinkProps extends ComponentPropsWithRef<\"a\"> {\n /* `accent` uses the link color; `neutral` inherits the surrounding text color. /\n tone?: \"accent\" \| \"neutral\";\n /* When the underline shows. Keep `always` inside running text. /\n underline?: \"always\" \| \"hover\" \| \"none\";\n /\n Marks the link as leaving the app: opens in a new tab with\n * `rel=\"noopener noreferrer\"` and shows an icon.\n /\n external?: boolean;\n /\n Visually hidden text announced after an external link, for example \"(opens\n * in a new tab)\". Pass a translated string; components contain no text.\n /\n externalLabel?: string;\n /* Render the child element (a router link, say) with link styling. /\n asChild?: boolean;\n}\n\nexport function Link({\n tone = \"accent\",\n underline = \"always\",\n external = false,\n externalLabel,\n asChild = false,\n children,\n ...props\n}: LinkProps) {\n const shared = {\n \"data-kit\": \"link\",\n \"data-tone\": tone,\n \"data-underline\": underline,\n \"data-external\": external ? \"\" : undefined,\n ...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {}),\n ...props,\n } as const;\n\n if (asChild) return <Slot {...shared}>{children}</Slot>;\n\n return (\n <a {...shared}>\n {children}\n {external ? (\n <>\n <Icon name=\"external-link\" size={12} data-kit-slot=\"external-icon\" />\n {/ The space is a text node of the link: name computation trims it inside the hidden span. /}\n {externalLabel ? (\n <>\n {\" \"}\n <VisuallyHidden>{externalLabel}</VisuallyHidden>\n </>\n ) : null}\n </>\n ) : null}\n </a>\n );\n}\n","import { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup } from \"@base-ui/react/toggle-group\";\nimport type { ControlSize } from \"../types\";\n\nexport type ToggleVariant = \"outline\" \| \"soft\" \| \"ghost\";\n\nexport interface ToggleProps<Value extends string = string> extends BaseToggle.Props<Value> {\n variant?: ToggleVariant;\n size?: ControlSize;\n}\n\n/\n A two-state button (`aria-pressed`). Pressed state is shown by color, a\n * border and a bottom bar, so it never relies on color alone. Inside a\n * `ToggleGroup` give each toggle a `value`.\n /\nexport function Toggle<Value extends string = string>({\n variant = \"outline\",\n size = \"md\",\n ...props\n}: ToggleProps<Value>) {\n return <BaseToggle data-kit=\"toggle\" data-variant={variant} data-size={size} {...props} />;\n}\n\nexport interface ToggleGroupProps<Value extends string = string> extends BaseToggleGroup.Props<Value> {\n /* Joins the toggles into one segmented control. Defaults to true. /\n attached?: boolean;\n}\n\n/\n A set of toggles with arrow-key navigation and either single selection\n * (default) or `multiple`. Name it with `aria-label`.\n /\nexport function ToggleGroup<Value extends string = string>({\n attached = true,\n orientation = \"horizontal\",\n ...props\n}: ToggleGroupProps<Value>) {\n return (\n <BaseToggleGroup\n data-kit=\"toggle-group\"\n data-attached={attached ? \"\" : undefined}\n orientation={orientation}\n {...props}\n />\n );\n}\n","import { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Icon } from \"@x12i/icons\";\nimport type { ReactNode } from \"react\";\nimport { ChoiceRow, useChoiceIds } from \"./choice\";\n\nexport interface CheckboxProps extends BaseCheckbox.Root.Props {\n /* Visible label. Clicking it toggles the checkbox. /\n label?: ReactNode;\n /* Help text under the label, announced with the checkbox. /\n description?: ReactNode;\n}\n\n/\n A checkbox with an optional label and description. Without a `label`, give it\n * an `aria-label`, or put it inside a `Field`. Supports `indeterminate` for\n * \"select all\" parents.\n /\nexport function Checkbox({ label, description, disabled, ...props }: CheckboxProps) {\n const { labelId, descriptionId, controlAria } = useChoiceIds(label, description);\n const control = (\n <BaseCheckbox.Root data-kit=\"checkbox\" disabled={disabled} {...controlAria} {...props}>\n <BaseCheckbox.Indicator data-kit-slot=\"checkbox-indicator\">\n <Icon name=\"check\" size={12} data-kit-slot=\"checkbox-check\" />\n <Icon name=\"minus\" size={12} data-kit-slot=\"checkbox-dash\" />\n </BaseCheckbox.Indicator>\n </BaseCheckbox.Root>\n );\n return (\n <ChoiceRow\n kind=\"checkbox\"\n control={control}\n label={label}\n description={description}\n labelId={labelId}\n descriptionId={descriptionId}\n disabled={disabled}\n />\n );\n}\n\nexport type CheckboxGroupProps = BaseCheckboxGroup.Props;\n\n/\n Manages the checked values of several checkboxes (`value`, `onValueChange`).\n * Name the group with `aria-label` or wrap it in a `Fieldset`.\n /\nexport function CheckboxGroup(props: CheckboxGroupProps) {\n return <BaseCheckboxGroup data-kit=\"checkbox-group\" {...props} />;\n}\n","import { useId, type ReactNode } from \"react\";\n\n/\n Shared shell for checkbox, radio and switch: the control, a label and an\n * optional description laid out as one clickable row.\n \n The row is a native `<label>`, so clicking the text toggles the control, and\n * the control is also named with `aria-labelledby` / `aria-describedby`, which\n * keeps its accessible name correct however the control renders internally.\n /\nexport function useChoiceIds(label: ReactNode, description: ReactNode) {\n const labelId = useId();\n const descriptionId = useId();\n return {\n labelId,\n descriptionId,\n controlAria: {\n \"aria-labelledby\": label ? labelId : undefined,\n \"aria-describedby\": description ? descriptionId : undefined,\n },\n };\n}\n\nexport interface ChoiceRowProps {\n kind: \"checkbox\" \| \"radio\" \| \"switch\";\n control: ReactNode;\n label: ReactNode;\n description: ReactNode;\n labelId: string;\n descriptionId: string;\n disabled?: boolean \| undefined;\n}\n\nexport function ChoiceRow({\n kind,\n control,\n label,\n description,\n labelId,\n descriptionId,\n disabled,\n}: ChoiceRowProps) {\n if (!label && !description) return <>{control}</>;\n return (\n <label data-kit=\"choice\" data-choice={kind} data-disabled={disabled ? \"\" : undefined}>\n {control}\n <span data-kit-slot=\"choice-text\">\n {label ? (\n <span id={labelId} data-kit-slot=\"choice-label\">\n {label}\n </span>\n ) : null}\n {description ? (\n <span id={descriptionId} data-kit-slot=\"choice-description\">\n {description}\n </span>\n ) : null}\n </span>\n </label>\n );\n}\n","import { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Icon } from \"@x12i/icons\";\nimport { useId, useRef, type CSSProperties } from \"react\";\nimport type { ControlSize } from \"../types\";\n\nexport interface ComboboxOption {\n value: string;\n /* The text shown and matched against what the user types. /\n label: string;\n disabled?: boolean;\n}\n\ninterface ComboboxCommonProps {\n options: ComboboxOption[];\n placeholder?: string;\n size?: ControlSize;\n invalid?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n required?: boolean;\n name?: string;\n className?: string;\n style?: CSSProperties;\n /* Text shown when nothing matches what the user typed, for example \"No results\". /\n emptyLabel: string;\n /* Name of the button that clears the value, for example \"Clear\". /\n clearLabel: string;\n /* Name of the button that opens the list, for example \"Show options\". /\n openLabel: string;\n /* Accessible name when the combobox is not inside a `Field`. /\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n \"aria-describedby\"?: string;\n}\n\nconst itemToStringLabel = (option: ComboboxOption) => option.label;\nconst itemToStringValue = (option: ComboboxOption) => option.value;\nconst isItemEqualToValue = (a: ComboboxOption, b: ComboboxOption) => a.value === b.value;\n\n/\n The arrow that opens the list. Inside a `Field`, Base UI points the button's\n * `aria-labelledby` at the field's label, and that beats `aria-label`, so the\n * button would be announced with the same name as the input. Pointing it at\n * itself keeps the name the app passed.\n /\nfunction OpenButton({ label }: { label: string }) {\n const id = useId();\n return (\n <BaseCombobox.Trigger id={id} aria-labelledby={id} aria-label={label} data-kit-slot=\"combobox-trigger\">\n <Icon name=\"chevron-down\" />\n </BaseCombobox.Trigger>\n );\n}\n\nfunction Options({ emptyLabel }: { emptyLabel: string }) {\n return (\n <BaseCombobox.Portal>\n <BaseCombobox.Positioner sideOffset={4} data-kit=\"combobox-positioner\">\n <BaseCombobox.Popup data-kit=\"combobox-popup\">\n <BaseCombobox.Empty data-kit-slot=\"combobox-empty\">{emptyLabel}</BaseCombobox.Empty>\n <BaseCombobox.List data-kit-slot=\"combobox-list\">\n {(option: ComboboxOption) => (\n <BaseCombobox.Item\n key={option.value}\n value={option}\n disabled={option.disabled}\n data-kit=\"combobox-item\"\n >\n <BaseCombobox.ItemIndicator data-kit-slot=\"combobox-item-indicator\">\n <Icon name=\"check\" size={16} />\n </BaseCombobox.ItemIndicator>\n <span data-kit-slot=\"combobox-item-text\">{option.label}</span>\n </BaseCombobox.Item>\n )}\n </BaseCombobox.List>\n </BaseCombobox.Popup>\n </BaseCombobox.Positioner>\n </BaseCombobox.Portal>\n );\n}\n\nexport interface ComboboxProps extends ComboboxCommonProps {\n /* The selected option's `value`, or null for none. Pass it to control the component. /\n value?: string \| null;\n defaultValue?: string \| null;\n onValueChange?: (value: string \| null) => void;\n}\n\n/\n A searchable single-choice list. Typing filters the options; arrow keys move\n * through them and Enter picks one. Use `Select` when the list is short and\n * search is not needed.\n /\nexport function Combobox({\n options,\n value,\n defaultValue,\n onValueChange,\n placeholder,\n size = \"md\",\n invalid,\n disabled,\n readOnly,\n required,\n name,\n className,\n style,\n emptyLabel,\n clearLabel,\n openLabel,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n}: ComboboxProps) {\n const find = (key: string \| null \| undefined) =>\n key === undefined ? undefined : (options.find((option) => option.value === key) ?? null);\n\n return (\n <BaseCombobox.Root<ComboboxOption>\n items={options}\n value={find(value)}\n defaultValue={find(defaultValue)}\n onValueChange={(option) => onValueChange?.(option?.value ?? null)}\n itemToStringLabel={itemToStringLabel}\n itemToStringValue={itemToStringValue}\n isItemEqualToValue={isItemEqualToValue}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n name={name}\n >\n <BaseCombobox.InputGroup\n data-kit=\"combobox\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n className={className}\n style={style}\n >\n <BaseCombobox.Input\n data-kit-slot=\"combobox-input\"\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid ? true : undefined}\n />\n <BaseCombobox.Clear data-kit-slot=\"combobox-clear\" aria-label={clearLabel}>\n <Icon name=\"close\" size={16} />\n </BaseCombobox.Clear>\n <OpenButton label={openLabel} />\n </BaseCombobox.InputGroup>\n <Options emptyLabel={emptyLabel} />\n </BaseCombobox.Root>\n );\n}\n\nexport interface MultiComboboxProps extends ComboboxCommonProps {\n value?: string[];\n defaultValue?: string[];\n onValueChange?: (value: string[]) => void;\n /* Name of a chip's remove button, for example `(label) => \"Remove \" + label`. /\n removeLabel: (optionLabel: string) => string;\n}\n\n/\n A searchable multi-choice list. Selected options appear as removable chips\n * inside the field; Backspace in the empty input removes the last one.\n /\nexport function MultiCombobox({\n options,\n value,\n defaultValue,\n onValueChange,\n placeholder,\n size = \"md\",\n invalid,\n disabled,\n readOnly,\n required,\n name,\n className,\n style,\n emptyLabel,\n clearLabel,\n openLabel,\n removeLabel,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n}: MultiComboboxProps) {\n const anchor = useRef<HTMLDivElement \| null>(null);\n const find = (keys: string[] \| undefined) =>\n keys === undefined\n ? undefined\n : keys.flatMap((key) => options.filter((option) => option.value === key));\n\n return (\n <BaseCombobox.Root<ComboboxOption, true>\n multiple\n items={options}\n value={find(value)}\n defaultValue={find(defaultValue)}\n onValueChange={(selected) => onValueChange?.(selected.map((option) => option.value))}\n itemToStringLabel={itemToStringLabel}\n itemToStringValue={itemToStringValue}\n isItemEqualToValue={isItemEqualToValue}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n name={name}\n >\n <BaseCombobox.Chips\n ref={anchor}\n data-kit=\"combobox\"\n data-multiple=\"\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n className={className}\n style={style}\n >\n <BaseCombobox.Value>\n {(selected: ComboboxOption[]) => (\n <>\n {selected.map((option) => (\n <BaseCombobox.Chip key={option.value} data-kit-slot=\"combobox-chip\">\n <span data-kit-slot=\"combobox-chip-text\">{option.label}</span>\n <BaseCombobox.ChipRemove\n data-kit-slot=\"combobox-chip-remove\"\n aria-label={removeLabel(option.label)}\n >\n <Icon name=\"close\" size={12} />\n </BaseCombobox.ChipRemove>\n </BaseCombobox.Chip>\n ))}\n <BaseCombobox.Input\n data-kit-slot=\"combobox-input\"\n placeholder={selected.length === 0 ? placeholder : undefined}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid ? true : undefined}\n />\n </>\n )}\n </BaseCombobox.Value>\n <BaseCombobox.Clear data-kit-slot=\"combobox-clear\" aria-label={clearLabel}>\n <Icon name=\"close\" size={16} />\n </BaseCombobox.Clear>\n <OpenButton label={openLabel} />\n </BaseCombobox.Chips>\n <BaseCombobox.Portal>\n <BaseCombobox.Positioner anchor={anchor} sideOffset={4} data-kit=\"combobox-positioner\">\n <BaseCombobox.Popup data-kit=\"combobox-popup\">\n <BaseCombobox.Empty data-kit-slot=\"combobox-empty\">{emptyLabel}</BaseCombobox.Empty>\n <BaseCombobox.List data-kit-slot=\"combobox-list\">\n {(option: ComboboxOption) => (\n <BaseCombobox.Item\n key={option.value}\n value={option}\n disabled={option.disabled}\n data-kit=\"combobox-item\"\n >\n <BaseCombobox.ItemIndicator data-kit-slot=\"combobox-item-indicator\">\n <Icon name=\"check\" size={16} />\n </BaseCombobox.ItemIndicator>\n <span data-kit-slot=\"combobox-item-text\">{option.label}</span>\n </BaseCombobox.Item>\n )}\n </BaseCombobox.List>\n </BaseCombobox.Popup>\n </BaseCombobox.Positioner>\n </BaseCombobox.Portal>\n </BaseCombobox.Root>\n );\n}\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\nimport type { ReactNode } from \"react\";\n\nexport interface FieldProps extends Omit<BaseField.Root.Props, \"children\"> {\n /* The visible label. Clicking it focuses the control. /\n label?: ReactNode;\n /* Help text under the label. It is announced with the control. /\n description?: ReactNode;\n /\n An error message. A truthy error marks the field invalid, sets\n * `aria-invalid` on the control and announces the message politely.\n /\n error?: ReactNode;\n /\n Draws a required marker next to the label. The marker is decorative: put\n * `required` on the control as well, so assistive technology hears it.\n /\n required?: boolean;\n /* `horizontal` puts the control beside its label, which suits checkboxes and switches. /\n orientation?: \"vertical\" \| \"horizontal\";\n /* The control: an `Input`, `Select`, `Checkbox`... Base UI wires its label and description. /\n children: ReactNode;\n}\n\n/\n Label, control, description and error as one accessible unit. The label,\n * description and error are linked to the control through Base UI's field\n * context, so no ids need to be passed around.\n /\nexport function Field({\n label,\n description,\n error,\n required = false,\n orientation = \"vertical\",\n invalid,\n children,\n ...props\n}: FieldProps) {\n const hasError = error !== undefined && error !== null && error !== false && error !== \"\";\n return (\n <BaseField.Root\n data-kit=\"field\"\n data-orientation={orientation}\n data-required={required ? \"\" : undefined}\n invalid={invalid ?? (hasError ? true : undefined)}\n {...props}\n >\n {label ? (\n <BaseField.Label data-kit-slot=\"field-label\">\n {label}\n {required ? (\n <span aria-hidden=\"true\" data-kit-slot=\"field-required\">\n \n </span>\n ) : null}\n </BaseField.Label>\n ) : null}\n {description ? (\n <BaseField.Description data-kit-slot=\"field-description\">{description}</BaseField.Description>\n ) : null}\n <div data-kit-slot=\"field-control\">{children}</div>\n {hasError ? (\n <BaseField.Error match data-kit-slot=\"field-error\" aria-live=\"polite\">\n {error}\n </BaseField.Error>\n ) : null}\n </BaseField.Root>\n );\n}\n\nexport type FieldLabelProps = BaseField.Label.Props;\nexport type FieldDescriptionProps = BaseField.Description.Props;\nexport type FieldErrorProps = BaseField.Error.Props;\n\n/** Parts for custom layouts inside `Field.Root`-style structures. /\nexport function FieldLabel(props: FieldLabelProps) {\n return <BaseField.Label data-kit-slot=\"field-label\" {...props} />;\n}\n\nexport function FieldDescription(props: FieldDescriptionProps) {\n return <BaseField.Description data-kit-slot=\"field-description\" {...props} />;\n}\n\nexport function FieldError(props: FieldErrorProps) {\n return <BaseField.Error data-kit-slot=\"field-error\" aria-live=\"polite\" {...props} />;\n}\n\nexport interface FieldsetProps extends Omit<BaseFieldset.Root.Props, \"children\"> {\n /* The group's name, read before each control inside it. /\n legend: ReactNode;\n /* Help text under the legend. /\n description?: ReactNode;\n children: ReactNode;\n}\n\n/* Groups related controls (radios, checkboxes, an address) under one legend. /\nexport function Fieldset({ legend, description, children, ...props }: FieldsetProps) {\n return (\n <BaseFieldset.Root data-kit=\"fieldset\" {...props}>\n <BaseFieldset.Legend data-kit-slot=\"fieldset-legend\">{legend}</BaseFieldset.Legend>\n {description ? <p data-kit-slot=\"fieldset-description\">{description}</p> : null}\n <div data-kit-slot=\"fieldset-body\">{children}</div>\n </BaseFieldset.Root>\n );\n}\n","import { Input as BaseInput } from \"@base-ui/react/input\";\nimport { Icon } from \"@x12i/icons\";\nimport { useState, type ComponentPropsWithRef, type ReactNode } from \"react\";\nimport type { ControlSize } from \"../types\";\nimport { IconButton } from \"./icon-button\";\n\nexport interface InputProps extends Omit<BaseInput.Props, \"size\"> {\n size?: ControlSize;\n /* Marks the input invalid outside a `Field` (inside one, the field does it). /\n invalid?: boolean;\n}\n\n/\n A text input. Inside a `Field` it is labelled and described automatically;\n * on its own, give it an `aria-label`.\n /\nexport function Input({ size = \"md\", invalid, ...props }: InputProps) {\n return (\n <BaseInput\n data-kit=\"input\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n aria-invalid={invalid ? true : undefined}\n {...props}\n />\n );\n}\n\nexport interface InputGroupProps extends ComponentPropsWithRef<\"div\"> {\n size?: ControlSize;\n invalid?: boolean;\n disabled?: boolean;\n}\n\n/\n Wraps an `Input` with `InputAddon`s (a currency sign, an icon, a button). The\n * group draws the border and the focus ring, so the parts read as one control.\n /\nexport function InputGroup({ size = \"md\", invalid, disabled, ...props }: InputGroupProps) {\n return (\n <div\n data-kit=\"input-group\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n data-disabled={disabled ? \"\" : undefined}\n {...props}\n />\n );\n}\n\nexport type InputAddonProps = ComponentPropsWithRef<\"span\">;\n\n/* Static text or an icon next to an input. Decorative addons should be `aria-hidden`. /\nexport function InputAddon(props: InputAddonProps) {\n return <span data-kit=\"input-addon\" {...props} />;\n}\n\nexport interface PasswordInputProps extends Omit<InputProps, \"type\"> {\n /* Name of the reveal button while the password is hidden, for example \"Show password\". /\n showLabel: string;\n /* Name of the reveal button while the password is visible, for example \"Hide password\". /\n hideLabel: string;\n /* Extra content before the input, usually a lock icon. /\n startAddon?: ReactNode;\n}\n\n/* A password input with a button that reveals the text. /\nexport function PasswordInput({\n showLabel,\n hideLabel,\n startAddon,\n size = \"md\",\n invalid,\n disabled,\n ...props\n}: PasswordInputProps) {\n const [visible, setVisible] = useState(false);\n return (\n <InputGroup size={size} invalid={invalid} disabled={disabled}>\n {startAddon ? <InputAddon aria-hidden=\"true\">{startAddon}</InputAddon> : null}\n <Input\n size={size}\n invalid={invalid}\n disabled={disabled}\n autoComplete=\"current-password\"\n {...props}\n type={visible ? \"text\" : \"password\"}\n />\n <IconButton\n label={visible ? hideLabel : showLabel}\n variant=\"ghost\"\n tone=\"neutral\"\n size={size === \"xl\" ? \"lg\" : \"sm\"}\n disabled={disabled}\n onClick={() => setVisible((current) => !current)}\n >\n <Icon name={visible ? \"eye-off\" : \"eye\"} />\n </IconButton>\n </InputGroup>\n );\n}\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Icon } from \"@x12i/icons\";\nimport type { ControlSize } from \"../types\";\n\nexport interface NumberInputProps extends Omit<BaseNumberField.Root.Props, \"children\"> {\n size?: ControlSize;\n invalid?: boolean;\n /* Name of the decrease button, for example \"Decrease\". /\n decrementLabel: string;\n /* Name of the increase button, for example \"Increase\". /\n incrementLabel: string;\n placeholder?: string;\n /* Accessible name when the input is not inside a `Field`. /\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n \"aria-describedby\"?: string;\n}\n\n/\n A number input with stepper buttons. Arrow keys step, Shift+Arrow takes a\n * large step, and the value is parsed and formatted with `Intl` using `locale`\n * and `format`.\n /\nexport function NumberInput({\n size = \"md\",\n invalid,\n decrementLabel,\n incrementLabel,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...props\n}: NumberInputProps) {\n return (\n <BaseNumberField.Root {...props}>\n <BaseNumberField.Group\n data-kit=\"number-input\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n >\n <BaseNumberField.Decrement data-kit-slot=\"number-decrement\" aria-label={decrementLabel}>\n <Icon name=\"minus\" size={size === \"xs\" \|\| size === \"sm\" ? 12 : 16} />\n </BaseNumberField.Decrement>\n <BaseNumberField.Input\n data-kit-slot=\"number-control\"\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid ? true : undefined}\n />\n <BaseNumberField.Increment data-kit-slot=\"number-increment\" aria-label={incrementLabel}>\n <Icon name=\"plus\" size={size === \"xs\" \|\| size === \"sm\" ? 12 : 16} />\n </BaseNumberField.Increment>\n </BaseNumberField.Group>\n </BaseNumberField.Root>\n );\n}\n","import { OTPField as BaseOTPField } from \"@base-ui/react/otp-field\";\nimport { useId } from \"react\";\nimport type { ControlSize } from \"../types\";\nimport { VisuallyHidden } from \"./visually-hidden\";\n\nexport interface OTPInputProps extends Omit<BaseOTPField.Root.Props, \"children\"> {\n size?: ControlSize;\n invalid?: boolean;\n /\n Name of the whole code, for example \"Verification code\". It is read with\n * the first box. Not needed inside a `Field`, whose label does this job.\n /\n label?: string;\n /\n Name of the other boxes, for example `(i, n) => \"Digit \" + (i + 1) + \" of \" + n`.\n * The first box is named by `label` or by the surrounding `Field`, so it is\n * never passed to this function.\n /\n getInputLabel: (index: number, length: number) => string;\n}\n\n/\n A one-time-code input: one box per character with automatic advance, paste\n * of the whole code, and Backspace to step back. `onValueComplete` fires when\n * every box is filled.\n /\nexport function OTPInput({\n size = \"md\",\n invalid,\n length,\n label,\n getInputLabel,\n id,\n ...props\n}: OTPInputProps) {\n const generatedId = useId();\n const firstId = id ?? generatedId;\n return (\n <>\n {label ? (\n <VisuallyHidden>\n <label htmlFor={firstId}>{label}</label>\n </VisuallyHidden>\n ) : null}\n <BaseOTPField.Root\n data-kit=\"otp-input\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n id={firstId}\n length={length}\n {...props}\n >\n {Array.from({ length }, (_, index) => (\n <BaseOTPField.Input\n // Boxes are positional and never reorder, so the index is the identity.\n key={index}\n data-kit-slot=\"otp-box\"\n // Base UI names the first box from a <label>/<Field.Label> and ignores aria-label there.\n aria-label={index === 0 ? undefined : getInputLabel(index, length)}\n aria-invalid={invalid ? true : undefined}\n />\n ))}\n </BaseOTPField.Root>\n </>\n );\n}\n","import { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport type { ReactNode } from \"react\";\nimport { ChoiceRow, useChoiceIds } from \"./choice\";\n\nexport interface RadioGroupProps<Value = string> extends BaseRadioGroup.Props<Value> {\n /* Lay the radios out in a row instead of a column. /\n orientation?: \"vertical\" \| \"horizontal\";\n}\n\n/\n A set of radios where exactly one is chosen. Arrow keys move and select. Name\n * the group with `aria-label` or wrap it in a `Fieldset`.\n /\nexport function RadioGroup<Value = string>({\n orientation = \"vertical\",\n ...props\n}: RadioGroupProps<Value>) {\n return <BaseRadioGroup data-kit=\"radio-group\" data-orientation={orientation} {...props} />;\n}\n\nexport interface RadioProps<Value = string> extends BaseRadio.Root.Props<Value> {\n label?: ReactNode;\n description?: ReactNode;\n}\n\n/* One option in a `RadioGroup`. /\nexport function Radio<Value = string>({\n label,\n description,\n disabled,\n ...props\n}: RadioProps<Value>) {\n const { labelId, descriptionId, controlAria } = useChoiceIds(label, description);\n const control = (\n <BaseRadio.Root data-kit=\"radio\" disabled={disabled} {...controlAria} {...props}>\n <BaseRadio.Indicator data-kit-slot=\"radio-indicator\" />\n </BaseRadio.Root>\n );\n return (\n <ChoiceRow\n kind=\"radio\"\n control={control}\n label={label}\n description={description}\n labelId={labelId}\n descriptionId={descriptionId}\n disabled={disabled}\n />\n );\n}\n","import { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { Icon } from \"@x12i/icons\";\nimport { Fragment, type CSSProperties, type ReactNode } from \"react\";\nimport type { ControlSize } from \"../types\";\n\nexport interface SelectOption<Value extends string \| number = string> {\n value: Value;\n /* What the option shows. Use `textValue` when this is not plain text. /\n label: ReactNode;\n disabled?: boolean;\n /* Plain text for typeahead and for form submission. Defaults to `label` when it is a string. /\n textValue?: string;\n}\n\nexport interface SelectGroup<Value extends string \| number = string> {\n /* The group's heading, announced when focus enters the group. /\n label: string;\n options: SelectOption<Value>[];\n}\n\nexport type SelectItems<Value extends string \| number = string> = Array<\n SelectOption<Value> \| SelectGroup<Value>\n>;\n\nfunction isGroup<Value extends string \| number>(\n item: SelectOption<Value> \| SelectGroup<Value>,\n): item is SelectGroup<Value> {\n return \"options\" in item;\n}\n\nfunction flatten<Value extends string \| number>(items: SelectItems<Value>): SelectOption<Value>[] {\n return items.flatMap((item) => (isGroup(item) ? item.options : [item]));\n}\n\nexport interface SelectProps<Value extends string \| number = string>\n extends Omit<BaseSelect.Root.Props<Value, false>, \"items\" \| \"children\" \| \"multiple\"> {\n options: SelectItems<Value>;\n /* Shown while nothing is selected. /\n placeholder?: string;\n size?: ControlSize;\n invalid?: boolean;\n className?: string;\n style?: CSSProperties;\n /* Accessible name when the select is not inside a `Field`. /\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n \"aria-describedby\"?: string;\n}\n\n/\n A single-choice dropdown. Typeahead, arrow keys, Home/End and Escape work as\n * in a native select, and the value is submitted with forms through `name`.\n * For long or searchable lists use `Combobox`.\n /\nexport function Select<Value extends string \| number = string>({\n options,\n placeholder,\n size = \"md\",\n invalid,\n className,\n style,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...props\n}: SelectProps<Value>) {\n const flat = flatten(options);\n const renderOption = (option: SelectOption<Value>) => (\n <BaseSelect.Item\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n label={option.textValue ?? (typeof option.label === \"string\" ? option.label : String(option.value))}\n data-kit=\"select-item\"\n >\n <BaseSelect.ItemIndicator data-kit-slot=\"select-item-indicator\">\n <Icon name=\"check\" size={16} />\n </BaseSelect.ItemIndicator>\n <BaseSelect.ItemText data-kit-slot=\"select-item-text\">{option.label}</BaseSelect.ItemText>\n </BaseSelect.Item>\n );\n\n return (\n <BaseSelect.Root\n items={flat.map((option) => ({ value: option.value, label: option.label }))}\n {...props}\n >\n <BaseSelect.Trigger\n data-kit=\"select\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n aria-invalid={invalid ? true : undefined}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n className={className}\n style={style}\n >\n <BaseSelect.Value data-kit-slot=\"select-value\" placeholder={placeholder} />\n <BaseSelect.Icon data-kit-slot=\"select-icon\">\n <Icon name=\"chevron-down\" />\n </BaseSelect.Icon>\n </BaseSelect.Trigger>\n <BaseSelect.Portal>\n <BaseSelect.Positioner sideOffset={4} alignItemWithTrigger={false} data-kit=\"select-positioner\">\n <BaseSelect.Popup data-kit=\"select-popup\">\n <BaseSelect.List data-kit-slot=\"select-list\">\n {options.map((item, index) =>\n isGroup(item) ? (\n <BaseSelect.Group key={`group-${index}`} data-kit-slot=\"select-group\">\n <BaseSelect.GroupLabel data-kit-slot=\"select-group-label\">\n {item.label}\n </BaseSelect.GroupLabel>\n {item.options.map(renderOption)}\n </BaseSelect.Group>\n ) : (\n <Fragment key={item.value}>{renderOption(item)}</Fragment>\n ),\n )}\n </BaseSelect.List>\n </BaseSelect.Popup>\n </BaseSelect.Positioner>\n </BaseSelect.Portal>\n </BaseSelect.Root>\n );\n}\n","import { Slider as BaseSlider } from \"@base-ui/react/slider\";\n\nexport interface SliderProps<Value extends number \| readonly number[] = number>\n extends Omit<BaseSlider.Root.Props<Value>, \"children\"> {\n /\n Name for each thumb. A range slider has two thumbs, so it needs distinct\n * names, for example `(i) => (i === 0 ? \"Minimum price\" : \"Maximum price\")`.\n /\n getThumbLabel?: (index: number, count: number) => string;\n /* Shows the current value(s) after the track. /\n showValue?: boolean;\n /* Accessible name of a single-thumb slider that is not inside a `Field`. /\n \"aria-label\"?: string;\n}\n\nfunction thumbCount(value: unknown): number {\n return Array.isArray(value) ? value.length : 1;\n}\n\n/\n A slider for a number or a range. Pass a number for one thumb or an array of\n * numbers for several. Arrow keys step, Page Up/Down take a large step, Home\n * and End jump to the ends.\n /\nexport function Slider<Value extends number \| readonly number[] = number>({\n getThumbLabel,\n showValue = false,\n \"aria-label\": ariaLabel,\n ...props\n}: SliderProps<Value>) {\n const count = thumbCount(props.value ?? props.defaultValue);\n return (\n // Center alignment needs no layout measurement, so the thumb is visible on\n // the server and on first paint instead of appearing after hydration.\n <BaseSlider.Root data-kit=\"slider\" {...props}>\n <BaseSlider.Control data-kit-slot=\"slider-control\">\n <BaseSlider.Track data-kit-slot=\"slider-track\">\n <BaseSlider.Indicator data-kit-slot=\"slider-indicator\" />\n {Array.from({ length: count }, (_, index) => {\n const label = getThumbLabel?.(index, count) ?? ariaLabel;\n return (\n <BaseSlider.Thumb\n // Thumbs are positional and never reorder, so the index is the identity.\n key={index}\n index={index}\n data-kit-slot=\"slider-thumb\"\n // Without a label of our own, leave the thumb to Base UI, which names it from the\n // field's label or from `aria-labelledby`. An empty aria-label would hide both.\n getAriaLabel={label === undefined ? undefined : () => label}\n />\n );\n })}\n </BaseSlider.Track>\n </BaseSlider.Control>\n {showValue ? <BaseSlider.Value data-kit-slot=\"slider-value\" /> : null}\n </BaseSlider.Root>\n );\n}\n","import { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport type { ReactNode } from \"react\";\nimport { ChoiceRow, useChoiceIds } from \"./choice\";\n\nexport interface SwitchProps extends BaseSwitch.Root.Props {\n label?: ReactNode;\n description?: ReactNode;\n}\n\n/\n An on/off switch for a setting that applies immediately. Use a checkbox when\n * the choice is submitted later with a form. Without a `label`, give it an\n * `aria-label`.\n /\nexport function Switch({ label, description, disabled, ...props }: SwitchProps) {\n const { labelId, descriptionId, controlAria } = useChoiceIds(label, description);\n const control = (\n <BaseSwitch.Root data-kit=\"switch\" disabled={disabled} {...controlAria} {...props}>\n <BaseSwitch.Thumb data-kit-slot=\"switch-thumb\" />\n </BaseSwitch.Root>\n );\n return (\n <ChoiceRow\n kind=\"switch\"\n control={control}\n label={label}\n description={description}\n labelId={labelId}\n descriptionId={descriptionId}\n disabled={disabled}\n />\n );\n}\n","import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentPropsWithRef } from \"react\";\nimport type { ControlSize } from \"../types\";\n\nexport interface TextareaProps\n extends Omit<BaseField.Control.Props, \"render\" \| \"size\" \| \"type\" \| \"rows\"> {\n size?: ControlSize;\n invalid?: boolean;\n rows?: number;\n /* Grows with its content (uses CSS `field-sizing`; falls back to `rows`). /\n autoResize?: boolean;\n}\n\n/\n A multi-line input. It is a Base UI field control, so inside a `Field` it is\n * labelled, described and validated like any other control.\n /\nexport function Textarea({\n size = \"md\",\n invalid,\n rows = 3,\n autoResize = false,\n ...props\n}: TextareaProps) {\n return (\n <BaseField.Control\n data-kit=\"textarea\"\n data-size={size}\n data-invalid={invalid ? \"\" : undefined}\n data-auto-resize={autoResize ? \"\" : undefined}\n aria-invalid={invalid ? true : undefined}\n render={(controlProps) => (\n <textarea {...(controlProps as ComponentPropsWithRef<\"textarea\">)} rows={rows} />\n )}\n {...props}\n />\n );\n}\n","import type { ComponentPropsWithRef } from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\n\r\nexport interface DividerProps extends Omit<ComponentPropsWithRef<\"hr\">, \"children\"> {\r\n orientation?: \"horizontal\" \| \"vertical\";\r\n /\r\n A decorative divider is hidden from assistive technology. Use it when the\r\n * surrounding structure already separates the content.\r\n /\r\n decorative?: boolean;\r\n}\r\n\r\n/* A separator. Native `<hr>` already has the separator role, so no ARIA role is added. /\r\nexport function Divider({\r\n orientation = \"horizontal\",\r\n decorative = false,\r\n className,\r\n ...props\r\n}: DividerProps) {\r\n return (\r\n <hr\r\n data-kit=\"divider\"\r\n data-orientation={orientation}\r\n role={decorative ? \"presentation\" : undefined}\r\n aria-orientation={!decorative && orientation === \"vertical\" ? \"vertical\" : undefined}\r\n className={cx(className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n","import { cssVar } from \"@x12i/tokens\";\r\nimport type { ComponentPropsWithRef, CSSProperties } from \"react\";\r\nimport type { SpaceKey } from \"../types\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { Slot } from \"../utils/slot\";\r\n\r\nexport type Align = \"start\" \| \"center\" \| \"end\" \| \"stretch\" \| \"baseline\";\r\nexport type Justify = \"start\" \| \"center\" \| \"end\" \| \"between\" \| \"around\";\r\n\r\ninterface FlexProps extends ComponentPropsWithRef<\"div\"> {\r\n /* Space between children, from the space scale. /\r\n gap?: SpaceKey;\r\n align?: Align;\r\n justify?: Justify;\r\n wrap?: boolean;\r\n /* Render the child element instead of a div. /\r\n asChild?: boolean;\r\n}\r\n\r\nfunction Flex({\r\n kind,\r\n gap,\r\n align,\r\n justify,\r\n wrap,\r\n asChild = false,\r\n className,\r\n style,\r\n ...props\r\n}: FlexProps & { kind: \"stack\" \| \"inline\" }) {\r\n const Component = asChild ? Slot : \"div\";\r\n const gapStyle: CSSProperties \| undefined =\r\n gap === undefined ? undefined : { gap: cssVar(`space.${gap}`) };\r\n\r\n return (\r\n <Component\r\n data-kit={kind}\r\n data-align={align}\r\n data-justify={justify}\r\n data-wrap={wrap ? \"\" : undefined}\r\n className={cx(className)}\r\n style={{ ...gapStyle, ...style }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport type StackProps = FlexProps;\r\n\r\n/* Lays children out in a column. /\r\nexport function Stack({ gap = \"3\", ...props }: StackProps) {\r\n return <Flex kind=\"stack\" gap={gap} {...props} />;\r\n}\r\n\r\nexport type InlineProps = FlexProps;\r\n\r\n/* Lays children out in a row, aligned to the center and wrapping by default. /\r\nexport function Inline({ gap = \"2\", align = \"center\", wrap = true, ...props }: InlineProps) {\r\n return <Flex kind=\"inline\" gap={gap} align={align} wrap={wrap} {...props} />;\r\n}\r\n","import { Icon, type IconName } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport type { StatusTone } from \"../types\";\nimport { IconButton } from \"./icon-button\";\n\nexport const toneIcons: Record<StatusTone, IconName> = {\n neutral: \"info\",\n accent: \"info\",\n info: \"info\",\n success: \"check-circle\",\n warning: \"alert-triangle\",\n danger: \"alert-circle\",\n};\n\ntype Dismissal =\n \| { onDismiss?: undefined; dismissLabel?: string }\n \| {\n /* Shows a close button. /\n onDismiss: () => void;\n /* Name of the close button, for example \"Dismiss\". Required with `onDismiss`. /\n dismissLabel: string;\n };\n\nexport type AlertProps = Omit<ComponentPropsWithRef<\"div\">, \"title\"> &\n Dismissal & {\n tone?: StatusTone;\n title?: ReactNode;\n /* Replaces the tone's icon. Pass `false` for none. /\n icon?: ReactNode \| false;\n /* A button or link shown after the message. /\n action?: ReactNode;\n };\n\n/\n A message about the state of the page or a process. Danger alerts use\n * `role=\"alert\"` and interrupt assistive technology; every other tone uses\n * `role=\"status\"` and waits politely. Override with the `role` prop. The tone\n * is carried by an icon and the title as well as color.\n /\nexport function Alert({\n tone = \"info\",\n title,\n icon,\n action,\n onDismiss,\n dismissLabel,\n role,\n children,\n ...props\n}: AlertProps) {\n const glyph = icon === false ? null : (icon ?? <Icon name={toneIcons[tone]} size={20} />);\n return (\n <div\n data-kit=\"alert\"\n data-tone={tone}\n role={role ?? (tone === \"danger\" ? \"alert\" : \"status\")}\n {...props}\n >\n {glyph ? (\n <span data-kit-slot=\"alert-icon\" aria-hidden=\"true\">\n {glyph}\n </span>\n ) : null}\n <div data-kit-slot=\"alert-body\">\n {title ? <div data-kit-slot=\"alert-title\">{title}</div> : null}\n {children ? <div data-kit-slot=\"alert-message\">{children}</div> : null}\n </div>\n {action ? <div data-kit-slot=\"alert-action\">{action}</div> : null}\n {onDismiss ? (\n <IconButton label={dismissLabel} variant=\"ghost\" tone=\"neutral\" size=\"sm\" onClick={onDismiss}>\n <Icon name=\"close\" />\n </IconButton>\n ) : null}\n </div>\n );\n}\n\nexport interface CalloutProps extends Omit<ComponentPropsWithRef<\"aside\">, \"title\"> {\n tone?: StatusTone;\n title?: ReactNode;\n icon?: ReactNode \| false;\n}\n\n/\n A highlighted aside inside content: a note, a tip, a warning. Unlike `Alert`\n * it is part of the page and is not announced when it appears. The same shape\n * is used by the editor's callout block and by reports.\n /\nexport function Callout({ tone = \"info\", title, icon, children, ...props }: CalloutProps) {\n const glyph = icon === false ? null : (icon ?? <Icon name={toneIcons[tone]} size={20} />);\n return (\n <aside data-kit=\"callout\" data-tone={tone} {...props}>\n {glyph ? (\n <span data-kit-slot=\"callout-icon\" aria-hidden=\"true\">\n {glyph}\n </span>\n ) : null}\n <div data-kit-slot=\"callout-body\">\n {title ? <div data-kit-slot=\"callout-title\">{title}</div> : null}\n {children ? <div data-kit-slot=\"callout-content\">{children}</div> : null}\n </div>\n </aside>\n );\n}\n","import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport type { ReactNode } from \"react\";\n\ntype BarTone = \"accent\" \| \"success\" \| \"warning\" \| \"danger\";\n\nexport interface ProgressProps extends Omit<BaseProgress.Root.Props, \"children\"> {\n /* Visible label. Without one, pass `aria-label`. /\n label?: ReactNode;\n /* Shows the formatted value, for example \"40%\". /\n showValue?: boolean;\n size?: \"sm\" \| \"md\" \| \"lg\";\n tone?: BarTone;\n}\n\n/\n Progress of a task. `value` is a number between `min` and `max`, or `null`\n * for an indeterminate task. The bar never shows color alone: the value text\n * and the accessible value stay in sync.\n /\nexport function Progress({\n label,\n showValue = false,\n size = \"md\",\n tone = \"accent\",\n ...props\n}: ProgressProps) {\n return (\n <BaseProgress.Root data-kit=\"progress\" data-size={size} data-tone={tone} {...props}>\n {label \|\| showValue ? (\n <div data-kit-slot=\"progress-header\">\n {label ? <BaseProgress.Label data-kit-slot=\"progress-label\">{label}</BaseProgress.Label> : null}\n {showValue ? <BaseProgress.Value data-kit-slot=\"progress-value\" /> : null}\n </div>\n ) : null}\n <BaseProgress.Track data-kit-slot=\"progress-track\">\n <BaseProgress.Indicator data-kit-slot=\"progress-indicator\" />\n </BaseProgress.Track>\n </BaseProgress.Root>\n );\n}\n\nexport interface MeterProps extends Omit<BaseMeter.Root.Props, \"children\"> {\n label?: ReactNode;\n showValue?: boolean;\n size?: \"sm\" \| \"md\" \| \"lg\";\n tone?: BarTone;\n}\n\n/\n A gauge for a known quantity inside a range, such as disk usage. Use\n * `Progress` instead for a task that moves toward completion.\n /\nexport function Meter({ label, showValue = false, size = \"md\", tone = \"accent\", ...props }: MeterProps) {\n return (\n <BaseMeter.Root data-kit=\"meter\" data-size={size} data-tone={tone} {...props}>\n {label \|\| showValue ? (\n <div data-kit-slot=\"progress-header\">\n {label ? <BaseMeter.Label data-kit-slot=\"progress-label\">{label}</BaseMeter.Label> : null}\n {showValue ? <BaseMeter.Value data-kit-slot=\"progress-value\" /> : null}\n </div>\n ) : null}\n <BaseMeter.Track data-kit-slot=\"progress-track\">\n <BaseMeter.Indicator data-kit-slot=\"progress-indicator\" />\n </BaseMeter.Track>\n </BaseMeter.Root>\n );\n}\n","import { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport type { CSSProperties, ReactNode } from \"react\";\n\ntype CircleTone = \"accent\" \| \"success\" \| \"warning\" \| \"danger\";\n\n/\n The ring is drawn in a 100 wide box, so its geometry is unitless and scales\n * with the size token. This is the radius of the stroke's center line; with a\n * stroke up to 10 wide it still fits inside the box.\n /\nconst RADIUS = 45;\n\n/* How much of the ring is drawn, in percent, while the value is unknown. /\nconst INDETERMINATE_PERCENT = 25;\n\nexport interface ProgressCircleProps extends Omit<BaseProgress.Root.Props, \"children\"> {\n /* Visible label under the ring. Without one, pass `aria-label`. /\n label?: ReactNode;\n /\n Shows the formatted value, for example \"40%\", in the middle of the ring.\n * Not shown at `sm`, where the ring is too small to hold text.\n /\n showValue?: boolean;\n /* Replaces the value in the middle of the ring, for example an icon. /\n children?: ReactNode;\n size?: \"sm\" \| \"md\" \| \"lg\";\n tone?: CircleTone;\n}\n\nfunction percentOf(value: number \| null, min: number, max: number): number {\n if (value === null \|\| !Number.isFinite(value) \|\| max <= min) return 0;\n const percent = ((value - min) / (max - min)) 100;\n return Math.round(Math.min(100, Math.max(0, percent)) * 100) / 100;\n}\n\n/*\n Progress of a task as a ring. It reports the same role, value and text as\n * `Progress`, so use it where a bar does not fit: a card corner, a table cell,\n * a toolbar. `value` is a number between `min` and `max`, or `null` while the\n * amount is unknown, which turns the ring into a quiet spinner.\n \n The ring starts at the top and runs clockwise in every language. It never\n * carries meaning by color alone: the value is exposed to assistive technology\n * and can be shown in the middle.\n /\nexport function ProgressCircle({\n label,\n showValue = false,\n children,\n size = \"md\",\n tone = \"accent\",\n value,\n min = 0,\n max = 100,\n ...props\n}: ProgressCircleProps) {\n const percent = value === null ? INDETERMINATE_PERCENT : percentOf(value, min, max);\n const center = children ?? (showValue && size !== \"sm\" ? <BaseProgress.Value /> : null);\n\n return (\n <BaseProgress.Root\n data-kit=\"progress-circle\"\n data-size={size}\n data-tone={tone}\n value={value}\n min={min}\n max={max}\n {...props}\n >\n <div data-kit-slot=\"progress-circle-ring\" style={{ \"--_percent\": percent } as CSSProperties}>\n <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\" focusable=\"false\" data-kit-slot=\"progress-circle-svg\">\n <circle data-kit-slot=\"progress-circle-track\" cx={50} cy={50} r={RADIUS} />\n {/ pathLength makes one dash unit one percent, so CSS needs no circumference. /}\n <circle data-kit-slot=\"progress-circle-indicator\" cx={50} cy={50} r={RADIUS} pathLength={100} />\n </svg>\n {center ? <span data-kit-slot=\"progress-circle-center\">{center}</span> : null}\n </div>\n {label ? <BaseProgress.Label data-kit-slot=\"progress-circle-label\">{label}</BaseProgress.Label> : null}\n </BaseProgress.Root>\n );\n}\n","import { type ComponentPropsWithRef, useEffect, useMemo, useRef, useState } from \"react\";\nimport { VisuallyHidden } from \"./visually-hidden\";\n\n/* Used when the theme does not define `--kit-duration-slow`, in milliseconds. /\nconst FALLBACK_DURATION = 400;\n\n/* `Intl` shows at most this many decimals when asked for no particular number. /\nconst DEFAULT_MAX_DECIMALS = 3;\n\nconst REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\n\nexport interface AnimatedNumberProps extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\n value: number;\n /* `Intl.NumberFormatOptions`, for example `{ style: \"currency\", currency: \"EUR\" }`. /\n format?: Intl.NumberFormatOptions;\n /* The locale for digits and separators. Defaults to the user's runtime locale. /\n locale?: Intl.LocalesArgument;\n /* Milliseconds. Defaults to the theme's `--kit-duration-slow`. /\n duration?: number;\n /\n Count up from this number the first time the component appears. Without\n * it the first render shows `value`, so the real number is in the page\n * before any script runs. With it, that first render shows `from` instead.\n /\n from?: number;\n}\n\n/* A strong ease-out: most of the change happens early, then it settles. /\nconst easeOut = (t: number) => 1 - (1 - t) * 3;\n\nfunction prefersReducedMotion(): boolean {\n return typeof window !== \"undefined\" && typeof window.matchMedia === \"function\" && window.matchMedia(REDUCED_MOTION).matches;\n}\n\n/** The theme's slow duration in milliseconds, so a theme can retune the count. /\nfunction themeDuration(element: Element \| null): number {\n if (!element \|\| typeof getComputedStyle !== \"function\") return FALLBACK_DURATION;\n const raw = getComputedStyle(element).getPropertyValue(\"--kit-duration-slow\").trim();\n const match = /^(\\d\\.?\\d+)(ms\|s)$/.exec(raw);\n if (!match) return FALLBACK_DURATION;\n return Number(match[1]) * (match[2] === \"s\" ? 1000 : 1);\n}\n\n/** How many decimals the target needs, so every frame prints the same count. /\nfunction decimalsOf(value: number): number {\n if (!Number.isFinite(value)) return 0;\n const [, decimals = \"\"] = value.toFixed(DEFAULT_MAX_DECIMALS).replace(/0+$/, \"\").split(\".\");\n return decimals.length;\n}\n\n/\n Pins the number of decimals while counting. Otherwise `Intl` would print\n * \"1,234.567\" on the way to \"1,234\", and the width would jitter. Only applies\n * to plain numbers with no digit options, and gives the same final text as\n * `Intl.NumberFormat` would.\n /\nfunction stableFormat(format: Intl.NumberFormatOptions, digits: number): Intl.NumberFormatOptions {\n const plain =\n (format.style === undefined \|\| format.style === \"decimal\" \|\| format.style === \"unit\") &&\n (format.notation === undefined \|\| format.notation === \"standard\") &&\n format.minimumFractionDigits === undefined &&\n format.maximumFractionDigits === undefined &&\n format.minimumSignificantDigits === undefined &&\n format.maximumSignificantDigits === undefined;\n return plain ? { ...format, minimumFractionDigits: digits, maximumFractionDigits: digits } : format;\n}\n\n/\n A number that counts to its new value instead of jumping. Put it anywhere a\n * number goes, for example in a `Stat`.\n \n - Screen readers get only the final number, once. The counting text is\n * hidden from them.\n * - With `prefers-reduced-motion: reduce` it jumps straight to the value.\n * - Digits are tabular, so the width does not jitter.\n * - A new `value` in the middle of a count continues from what is on screen.\n /\nexport function AnimatedNumber({ value, format, locale, duration, from, ...props }: AnimatedNumberProps) {\n const [shown, setShown] = useState(from ?? value);\n const shownRef = useRef(shown);\n const visualRef = useRef<HTMLSpanElement>(null);\n\n const formatKey = JSON.stringify(format ?? {});\n const localeKey = locale === undefined ? \"\" : String(locale);\n // The final number decides the decimals for the whole count.\n const digits = decimalsOf(value);\n const formatter = useMemo(\n () =>\n new Intl.NumberFormat(\n localeKey === \"\" ? undefined : localeKey.split(\",\"),\n stableFormat(JSON.parse(formatKey) as Intl.NumberFormatOptions, digits),\n ),\n [localeKey, formatKey, digits],\n );\n\n useEffect(() => {\n const start = shownRef.current;\n if (Object.is(start, value)) return;\n\n const settle = () => {\n shownRef.current = value;\n setShown(value);\n };\n const ms = duration ?? themeDuration(visualRef.current);\n if (!Number.isFinite(value) \|\| !Number.isFinite(start) \|\| ms <= 0 \|\| prefersReducedMotion()) {\n settle();\n return;\n }\n\n const startedAt = performance.now();\n let frame = 0;\n const tick = (now: number) => {\n // A frame's timestamp can predate `startedAt` by a millisecond; never run backwards.\n const progress = Math.max(0, Math.min(1, (now - startedAt) / ms));\n if (progress === 1) {\n settle();\n return;\n }\n const next = start + (value - start) easeOut(progress);\n shownRef.current = next;\n setShown(next);\n frame = requestAnimationFrame(tick);\n };\n frame = requestAnimationFrame(tick);\n return () => cancelAnimationFrame(frame);\n }, [value, duration]);\n\n return (\n <span data-kit=\"animated-number\" data-animating={Object.is(shown, value) ? undefined : \"\"} {...props}>\n <span ref={visualRef} aria-hidden=\"true\" data-kit-slot=\"animated-number-visual\">\n {formatter.format(shown)}\n </span>\n <VisuallyHidden>{formatter.format(value)}</VisuallyHidden>\n </span>\n );\n}\n","import type { ComponentPropsWithRef, CSSProperties } from \"react\";\n\nexport interface SkeletonProps extends ComponentPropsWithRef<\"div\"> {\n variant?: \"text\" \| \"rect\" \| \"circle\";\n /** CSS length or number of pixels. Defaults to the full width (text, rect) or the avatar size (circle). /\n width?: CSSProperties[\"inlineSize\"];\n height?: CSSProperties[\"blockSize\"];\n}\n\n/\n A placeholder shape shown while content loads. It is hidden from assistive\n * technology: mark the loading region itself with `aria-busy=\"true\"` and give\n * a status message elsewhere.\n /\nexport function Skeleton({ variant = \"text\", width, height, style, ...props }: SkeletonProps) {\n return (\n <div\n aria-hidden=\"true\"\n data-kit=\"skeleton\"\n data-variant={variant}\n style={{ inlineSize: width, blockSize: height, ...style }}\n {...props}\n />\n );\n}\n\nexport interface SkeletonTextProps extends ComponentPropsWithRef<\"div\"> {\n lines?: number;\n}\n\n/* Several text-line skeletons; the last one is shorter, like a paragraph. /\nexport function SkeletonText({ lines = 3, ...props }: SkeletonTextProps) {\n return (\n <div data-kit=\"skeleton-text\" aria-hidden=\"true\" {...props}>\n {Array.from({ length: lines }, (_, index) => (\n <Skeleton\n // Lines are identical placeholders in a fixed order.\n key={index}\n variant=\"text\"\n width={index === lines - 1 && lines > 1 ? \"60%\" : undefined}\n />\n ))}\n </div>\n );\n}\n","import type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nexport interface EmptyStateProps extends Omit<ComponentPropsWithRef<\"div\">, \"title\"> {\n /* A decorative illustration or icon. It is hidden from assistive technology. /\n icon?: ReactNode;\n title: ReactNode;\n description?: ReactNode;\n /* The next step: a `Button` or a link. /\n action?: ReactNode;\n /* The title's heading level, so it fits the page outline. Defaults to 3. /\n headingLevel?: 2 \| 3 \| 4 \| 5 \| 6;\n}\n\n/\n What to show when a list, table or search has nothing to display. It says\n * what is missing and offers the next step.\n /\nexport function EmptyState({\n icon,\n title,\n description,\n action,\n headingLevel = 3,\n ...props\n}: EmptyStateProps) {\n const Heading = `h${headingLevel}` as const;\n return (\n <div data-kit=\"empty-state\" {...props}>\n {icon ? (\n <div data-kit-slot=\"empty-icon\" aria-hidden=\"true\">\n {icon}\n </div>\n ) : null}\n <Heading data-kit-slot=\"empty-title\">{title}</Heading>\n {description ? <p data-kit-slot=\"empty-description\">{description}</p> : null}\n {action ? <div data-kit-slot=\"empty-action\">{action}</div> : null}\n </div>\n );\n}\n","import type { ComponentPropsWithRef } from \"react\";\nimport { Slot } from \"../utils/slot\";\n\nexport interface CardProps extends ComponentPropsWithRef<\"div\"> {\n /* `outlined` has a border, `raised` a shadow, `flat` a quiet background. /\n variant?: \"outlined\" \| \"raised\" \| \"flat\";\n padding?: \"none\" \| \"sm\" \| \"md\" \| \"lg\";\n /* Adds hover and focus styling for a card that is, or contains, the action. /\n interactive?: boolean;\n /* Render the child element (a link, an article) as the card. /\n asChild?: boolean;\n}\n\n/* A surface that groups related content. Compose it with the `Card` parts. /\nexport function Card({\n variant = \"outlined\",\n padding = \"md\",\n interactive = false,\n asChild = false,\n ...props\n}: CardProps) {\n const shared = {\n \"data-kit\": \"card\",\n \"data-variant\": variant,\n \"data-padding\": padding,\n \"data-interactive\": interactive ? \"\" : undefined,\n ...props,\n } as const;\n return asChild ? <Slot {...shared} /> : <div {...shared} />;\n}\n\nexport type CardSectionProps = ComponentPropsWithRef<\"div\">;\n\nexport function CardHeader(props: CardSectionProps) {\n return <div data-kit-slot=\"card-header\" {...props} />;\n}\n\nexport interface CardTitleProps extends ComponentPropsWithRef<\"h3\"> {\n /** Heading level, so the title fits the page outline. Defaults to 3. /\n level?: 2 \| 3 \| 4 \| 5 \| 6;\n}\n\nexport function CardTitle({ level = 3, ...props }: CardTitleProps) {\n const Heading = `h${level}` as const;\n return <Heading data-kit-slot=\"card-title\" {...props} />;\n}\n\nexport function CardDescription(props: ComponentPropsWithRef<\"p\">) {\n return <p data-kit-slot=\"card-description\" {...props} />;\n}\n\nexport function CardContent(props: CardSectionProps) {\n return <div data-kit-slot=\"card-content\" {...props} />;\n}\n\nexport function CardFooter(props: CardSectionProps) {\n return <div data-kit-slot=\"card-footer\" {...props} />;\n}\n","import { Avatar as BaseAvatar } from \"@base-ui/react/avatar\";\nimport { Children, type ComponentPropsWithRef, type ReactNode } from \"react\";\n\nexport type AvatarSize = \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\";\n\n/* First letters of the first and last words, using whole characters (not UTF-16 halves). /\nexport function getInitials(name: string): string {\n const words = name.trim().split(/\\s+/).filter(Boolean);\n if (words.length === 0) return \"\";\n const first = Array.from(words[0] ?? \"\")[0] ?? \"\";\n const last = words.length > 1 ? (Array.from(words[words.length - 1] ?? \"\")[0] ?? \"\") : \"\";\n return `${first}${last}`.toLocaleUpperCase();\n}\n\nexport interface AvatarProps extends Omit<BaseAvatar.Root.Props, \"children\"> {\n /* Image URL. If it fails to load, the initials show instead. /\n src?: string;\n /\n Person's name. Used for the initials and, unless `alt` is set, as the\n * accessible name of the image.\n /\n name?: string;\n /* Overrides the accessible name. Pass `\"\"` when the name is shown next to the avatar. /\n alt?: string;\n size?: AvatarSize;\n shape?: \"circle\" \| \"square\";\n /* Shown instead of initials, for example an icon. /\n fallback?: ReactNode;\n}\n\n/* A person or entity: an image with initials as the fallback. /\nexport function Avatar({\n src,\n name,\n alt,\n size = \"md\",\n shape = \"circle\",\n fallback,\n ...props\n}: AvatarProps) {\n const label = alt ?? name ?? \"\";\n const decorative = label === \"\";\n return (\n <BaseAvatar.Root\n data-kit=\"avatar\"\n data-size={size}\n data-shape={shape}\n role={decorative ? undefined : \"img\"}\n aria-label={decorative ? undefined : label}\n {...props}\n >\n {src ? <BaseAvatar.Image data-kit-slot=\"avatar-image\" src={src} alt=\"\" /> : null}\n <BaseAvatar.Fallback data-kit-slot=\"avatar-fallback\" aria-hidden=\"true\">\n {fallback ?? (name ? getInitials(name) : null)}\n </BaseAvatar.Fallback>\n </BaseAvatar.Root>\n );\n}\n\nexport interface AvatarGroupProps extends ComponentPropsWithRef<\"div\"> {\n /* Most avatars to show before collapsing the rest into \"+N\". Defaults to 4. /\n max?: number;\n /* Name of the \"+N\" chip, for example `(n) => n + \" more people\"`. Required when it can appear. /\n overflowLabel?: (hidden: number) => string;\n size?: AvatarSize;\n}\n\n/* Overlapping avatars with a \"+N\" chip for the rest. /\nexport function AvatarGroup({\n max = 4,\n overflowLabel,\n size = \"md\",\n children,\n ...props\n}: AvatarGroupProps) {\n const avatars = Children.toArray(children);\n const shown = avatars.slice(0, max);\n const hidden = avatars.length - shown.length;\n return (\n <div role=\"group\" data-kit=\"avatar-group\" data-size={size} {...props}>\n {shown}\n {hidden > 0 ? (\n <span\n data-kit=\"avatar\"\n data-size={size}\n data-shape=\"circle\"\n data-overflow=\"\"\n role=\"img\"\n aria-label={overflowLabel?.(hidden) ?? `+${hidden}`}\n >\n <span aria-hidden=\"true\" data-kit-slot=\"avatar-fallback\">{`+${hidden}`}</span>\n </span>\n ) : null}\n </div>\n );\n}\n","import { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport type { StatusTone } from \"../types\";\n\ntype RemoveProps =\n \| { onRemove?: undefined; removeLabel?: string }\n \| {\n /* Shows a remove button. /\n onRemove: () => void;\n /* Name of the remove button, for example \"Remove design\". Required with `onRemove`. /\n removeLabel: string;\n };\n\nexport type TagProps = ComponentPropsWithRef<\"span\"> &\n RemoveProps & {\n tone?: StatusTone;\n size?: \"sm\" \| \"md\";\n /* Decorative leading content, such as an icon or a color dot. /\n icon?: ReactNode;\n };\n\n/\n A label that categorises or filters, optionally removable. Use `Badge` for a\n * status and `Tag` for something the user can add or take away.\n /\nexport function Tag({\n tone = \"neutral\",\n size = \"md\",\n icon,\n onRemove,\n removeLabel,\n children,\n ...props\n}: TagProps) {\n return (\n <span data-kit=\"tag\" data-tone={tone} data-size={size} {...props}>\n {icon ? (\n <span data-kit-slot=\"tag-icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n <span data-kit-slot=\"tag-text\">{children}</span>\n {onRemove ? (\n <button type=\"button\" data-kit-slot=\"tag-remove\" aria-label={removeLabel} onClick={onRemove}>\n <Icon name=\"close\" size={12} />\n </button>\n ) : null}\n </span>\n );\n}\n","import { Icon, type IconName } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { VisuallyHidden } from \"./visually-hidden\";\n\nexport type StatTrend = \"up\" \| \"down\" \| \"flat\";\nexport type StatIntent = \"positive\" \| \"negative\" \| \"neutral\";\n\nconst trendIcon: Record<StatTrend, IconName> = {\n up: \"chevron-up\",\n down: \"chevron-down\",\n flat: \"minus\",\n};\n\nexport interface StatProps extends ComponentPropsWithRef<\"dl\"> {\n label: ReactNode;\n value: ReactNode;\n /* The change, for example \"12.4%\". /\n delta?: ReactNode;\n trend?: StatTrend;\n /\n Whether the change is good or bad. Defaults to `positive` for up and\n * `negative` for down; set it when the opposite is true (cost going down).\n /\n intent?: StatIntent;\n /\n Spoken before the delta, for example \"Increased by\". The arrow icon is\n * decorative, so this is what tells a screen reader the direction.\n /\n trendLabel?: string;\n /* A short note under the value, for example \"vs. last month\". /\n help?: ReactNode;\n}\n\n/\n One headline number with its label and change. It is a description list, so\n * the label and value stay linked for assistive technology. Direction is shown\n * with an arrow and text, never color alone.\n /\nexport function Stat({\n label,\n value,\n delta,\n trend = \"flat\",\n intent,\n trendLabel,\n help,\n ...props\n}: StatProps) {\n const resolvedIntent: StatIntent =\n intent ?? (trend === \"up\" ? \"positive\" : trend === \"down\" ? \"negative\" : \"neutral\");\n return (\n <dl data-kit=\"stat\" {...props}>\n <dt data-kit-slot=\"stat-label\">{label}</dt>\n <dd data-kit-slot=\"stat-value\">{value}</dd>\n {delta ? (\n <dd data-kit-slot=\"stat-delta\" data-trend={trend} data-intent={resolvedIntent}>\n <Icon name={trendIcon[trend]} size={16} />\n {trendLabel ? <VisuallyHidden>{`${trendLabel} `}</VisuallyHidden> : null}\n {delta}\n </dd>\n ) : null}\n {help ? <dd data-kit-slot=\"stat-help\">{help}</dd> : null}\n </dl>\n );\n}\n","import type { ComponentPropsWithRef } from \"react\";\n\nexport interface TableContainerProps extends ComponentPropsWithRef<\"div\"> {\n /\n Name of the scrollable region, for example \"Invoices\". A region that can\n * scroll must be focusable and named so keyboard users can reach it.\n /\n label: string;\n}\n\n/* Wraps a wide table so it scrolls horizontally without breaking the page. /\nexport function TableContainer({ label, ...props }: TableContainerProps) {\n return <div data-kit=\"table-container\" role=\"region\" aria-label={label} tabIndex={0} {...props} />;\n}\n\nexport interface TableProps extends ComponentPropsWithRef<\"table\"> {\n striped?: boolean;\n /* Keeps the header visible while the body scrolls inside a height-limited container. /\n stickyHeader?: boolean;\n /* Overrides the density for this table only. /\n density?: \"compact\" \| \"default\" \| \"comfortable\";\n}\n\n/\n A static, semantic table for small and medium datasets. For sorting,\n * filtering, selection and large data use `DataGrid` from `@x12i/data`.\n /\nexport function Table({ striped, stickyHeader, density, ...props }: TableProps) {\n return (\n <table\n data-kit=\"table\"\n data-striped={striped ? \"\" : undefined}\n data-sticky-header={stickyHeader ? \"\" : undefined}\n data-density={density}\n {...props}\n />\n );\n}\n\nexport function TableCaption(props: ComponentPropsWithRef<\"caption\">) {\n return <caption data-kit-slot=\"table-caption\" {...props} />;\n}\n\nexport function TableHead(props: ComponentPropsWithRef<\"thead\">) {\n return <thead data-kit-slot=\"table-head\" {...props} />;\n}\n\nexport function TableBody(props: ComponentPropsWithRef<\"tbody\">) {\n return <tbody data-kit-slot=\"table-body\" {...props} />;\n}\n\nexport function TableFoot(props: ComponentPropsWithRef<\"tfoot\">) {\n return <tfoot data-kit-slot=\"table-foot\" {...props} />;\n}\n\nexport interface TableRowProps extends ComponentPropsWithRef<\"tr\"> {\n /* Styles the row as selected. Selection semantics belong to the control inside it. /\n selected?: boolean;\n}\n\nexport function TableRow({ selected, ...props }: TableRowProps) {\n return <tr data-kit-slot=\"table-row\" data-selected={selected ? \"\" : undefined} {...props} />;\n}\n\ntype Align = \"start\" \| \"center\" \| \"end\" \| \"numeric\";\n\nexport interface TableHeaderCellProps extends Omit<ComponentPropsWithRef<\"th\">, \"align\"> {\n align?: Align;\n /* Marks the column as sorted, for `aria-sort`. /\n sort?: \"ascending\" \| \"descending\" \| \"none\";\n}\n\nexport function TableHeaderCell({ align = \"start\", sort, scope = \"col\", ...props }: TableHeaderCellProps) {\n return (\n <th\n data-kit-slot=\"table-header-cell\"\n data-align={align}\n data-sort={sort && sort !== \"none\" ? sort : undefined}\n aria-sort={sort}\n scope={scope}\n {...props}\n />\n );\n}\n\nexport interface TableCellProps extends Omit<ComponentPropsWithRef<\"td\">, \"align\"> {\n /* `numeric` right-aligns (start-aligned in RTL it mirrors) and uses tabular digits. /\n align?: Align;\n}\n\nexport function TableCell({ align = \"start\", ...props }: TableCellProps) {\n return <td data-kit-slot=\"table-cell\" data-align={align} {...props} />;\n}\n","import { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\n\nexport interface ScrollAreaProps extends BaseScrollArea.Root.Props {\n /\n Name of the scrollable region, for example \"Chat messages\". Required: a\n * scrollable region is focusable so keyboard users can scroll it, and a\n * focusable region needs a name.\n /\n label: string;\n /* Which scrollbars to draw. Defaults to `vertical`. /\n orientation?: \"vertical\" \| \"horizontal\" \| \"both\";\n}\n\n/\n A scroll container with themed scrollbars. The viewport is focusable and\n * named, and scrolls with the arrow keys, Page Up/Down, Home and End.\n /\nexport function ScrollArea({\n label,\n orientation = \"vertical\",\n children,\n ...props\n}: ScrollAreaProps) {\n return (\n <BaseScrollArea.Root data-kit=\"scroll-area\" {...props}>\n <BaseScrollArea.Viewport\n data-kit-slot=\"scroll-viewport\"\n role=\"region\"\n aria-label={label}\n tabIndex={0}\n >\n <BaseScrollArea.Content data-kit-slot=\"scroll-content\">{children}</BaseScrollArea.Content>\n </BaseScrollArea.Viewport>\n {orientation !== \"horizontal\" ? (\n <BaseScrollArea.Scrollbar orientation=\"vertical\" data-kit-slot=\"scrollbar\">\n <BaseScrollArea.Thumb data-kit-slot=\"scroll-thumb\" />\n </BaseScrollArea.Scrollbar>\n ) : null}\n {orientation !== \"vertical\" ? (\n <BaseScrollArea.Scrollbar orientation=\"horizontal\" data-kit-slot=\"scrollbar\">\n <BaseScrollArea.Thumb data-kit-slot=\"scroll-thumb\" />\n </BaseScrollArea.Scrollbar>\n ) : null}\n {orientation === \"both\" ? <BaseScrollArea.Corner data-kit-slot=\"scroll-corner\" /> : null}\n </BaseScrollArea.Root>\n );\n}\n","import { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { Icon } from \"@x12i/icons\";\n\nexport type CollapsibleProps = BaseCollapsible.Root.Props;\n\n/* Shows and hides one region of content. Compose with the trigger and panel. /\nexport function Collapsible(props: CollapsibleProps) {\n return <BaseCollapsible.Root data-kit=\"collapsible\" {...props} />;\n}\n\nexport type CollapsibleTriggerProps = BaseCollapsible.Trigger.Props;\n\n/* The button that toggles the panel. It carries `aria-expanded` and `aria-controls`. /\nexport function CollapsibleTrigger({ children, ...props }: CollapsibleTriggerProps) {\n return (\n <BaseCollapsible.Trigger data-kit-slot=\"collapsible-trigger\" {...props}>\n <Icon name=\"chevron-right\" data-kit-slot=\"collapsible-chevron\" />\n {children}\n </BaseCollapsible.Trigger>\n );\n}\n\nexport type CollapsiblePanelProps = BaseCollapsible.Panel.Props;\n\nexport function CollapsiblePanel(props: CollapsiblePanelProps) {\n return <BaseCollapsible.Panel data-kit-slot=\"collapsible-panel\" {...props} />;\n}\n","import { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\n\nexport interface TabsProps extends BaseTabs.Root.Props {\n /* `line` underlines the active tab; `pill` highlights it. /\n variant?: \"line\" \| \"pill\";\n}\n\n/\n Tabs with automatic activation: arrow keys move focus and select, Home and\n * End jump to the ends. Compose with `TabList`, `Tab` and `TabPanel`.\n /\nexport function Tabs({ variant = \"line\", ...props }: TabsProps) {\n return <BaseTabs.Root data-kit=\"tabs\" data-variant={variant} {...props} />;\n}\n\nexport type TabListProps = BaseTabs.List.Props;\n\n/* The row of tabs. Name it with `aria-label` when the page has more than one set of tabs. /\nexport function TabList({ children, ...props }: TabListProps) {\n return (\n <BaseTabs.List data-kit-slot=\"tab-list\" {...props}>\n {children}\n <BaseTabs.Indicator data-kit-slot=\"tab-indicator\" />\n </BaseTabs.List>\n );\n}\n\nexport type TabProps = BaseTabs.Tab.Props;\n\nexport function Tab(props: TabProps) {\n return <BaseTabs.Tab data-kit-slot=\"tab\" {...props} />;\n}\n\nexport type TabPanelProps = BaseTabs.Panel.Props;\n\nexport function TabPanel(props: TabPanelProps) {\n return <BaseTabs.Panel data-kit-slot=\"tab-panel\" {...props} />;\n}\n","import { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { Link } from \"./link\";\n\nexport interface BreadcrumbItemData {\n label: ReactNode;\n /* Omit for the current page, which renders as plain text. /\n href?: string;\n}\n\nexport interface BreadcrumbProps extends Omit<ComponentPropsWithRef<\"nav\">, \"children\"> {\n /* Name of the landmark, for example \"Breadcrumb\". Pass a translated string. /\n label: string;\n /* From the root to the current page. The last item is the current page. /\n items: BreadcrumbItemData[];\n /\n Renders a link, so a router's link component can be used. Receives the\n * href and the label.\n /\n renderLink?: (item: { href: string; label: ReactNode }) => ReactNode;\n}\n\n/\n Where the user is in a hierarchy. The last item is marked\n * `aria-current=\"page\"`; the separators are decorative and mirror in RTL.\n /\nexport function Breadcrumb({ label, items, renderLink, ...props }: BreadcrumbProps) {\n return (\n <nav data-kit=\"breadcrumb\" aria-label={label} {...props}>\n <ol data-kit-slot=\"breadcrumb-list\">\n {items.map((item, index) => {\n const isLast = index === items.length - 1;\n return (\n <li key={index} data-kit-slot=\"breadcrumb-item\">\n {item.href && !isLast ? (\n (renderLink?.({ href: item.href, label: item.label }) ?? (\n <Link href={item.href} tone=\"neutral\" underline=\"hover\">\n {item.label}\n </Link>\n ))\n ) : (\n <span data-kit-slot=\"breadcrumb-page\" aria-current={isLast ? \"page\" : undefined}>\n {item.label}\n </span>\n )}\n {isLast ? null : (\n <span data-kit-slot=\"breadcrumb-separator\" aria-hidden=\"true\">\n <Icon name=\"chevron-right\" size={12} />\n </span>\n )}\n </li>\n );\n })}\n </ol>\n </nav>\n );\n}\n","import { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nexport type PaginationItem = number \| \"ellipsis-start\" \| \"ellipsis-end\";\n\n/\n The page numbers to show: always the first and last page, the current page\n * with `siblingCount` neighbours on each side, and an ellipsis for each gap.\n * The list has a stable length, so the control does not change width while the\n * user pages through.\n /\nexport function getPaginationRange(\n page: number,\n pageCount: number,\n siblingCount = 1,\n): PaginationItem[] {\n const range = (from: number, to: number) =>\n Array.from({ length: Math.max(0, to - from + 1) }, (_, index) => from + index);\n\n const slots = siblingCount 2 + 5;\n if (pageCount <= slots) return range(1, pageCount);\n\n const current = Math.min(Math.max(page, 1), pageCount);\n const left = Math.max(current - siblingCount, 1);\n const right = Math.min(current + siblingCount, pageCount);\n const showLeftEllipsis = left > 2;\n const showRightEllipsis = right < pageCount - 1;\n const edgeCount = 3 + siblingCount * 2;\n\n if (!showLeftEllipsis && showRightEllipsis) {\n return [...range(1, edgeCount), \"ellipsis-end\", pageCount];\n }\n if (showLeftEllipsis && !showRightEllipsis) {\n return [1, \"ellipsis-start\", ...range(pageCount - edgeCount + 1, pageCount)];\n }\n return [1, \"ellipsis-start\", ...range(left, right), \"ellipsis-end\", pageCount];\n}\n\nexport interface PaginationProps extends Omit<ComponentPropsWithRef<\"nav\">, \"onChange\"> {\n /** Current page, starting at 1. /\n page: number;\n pageCount: number;\n onPageChange: (page: number) => void;\n /* Page numbers shown on each side of the current page. Defaults to 1. /\n siblingCount?: number;\n /* Name of the landmark, for example \"Pagination\". /\n label: string;\n previousLabel: string;\n nextLabel: string;\n /* Name of a page button, for example `(n) => \"Page \" + n`. /\n getPageLabel: (page: number) => string;\n}\n\n/\n Page navigation. The current page has `aria-current=\"page\"`. Previous and\n * next are disabled at the ends instead of disappearing, so the layout holds.\n /\nexport function Pagination({\n page,\n pageCount,\n onPageChange,\n siblingCount = 1,\n label,\n previousLabel,\n nextLabel,\n getPageLabel,\n ...props\n}: PaginationProps) {\n const items = getPaginationRange(page, pageCount, siblingCount);\n return (\n <nav data-kit=\"pagination\" aria-label={label} {...props}>\n <ul data-kit-slot=\"pagination-list\">\n <li>\n <button\n type=\"button\"\n data-kit-slot=\"pagination-step\"\n data-direction=\"previous\"\n aria-label={previousLabel}\n disabled={page <= 1}\n onClick={() => onPageChange(page - 1)}\n >\n <Icon name=\"chevron-left\" />\n </button>\n </li>\n {items.map((item) =>\n typeof item === \"number\" ? (\n <li key={item}>\n <button\n type=\"button\"\n data-kit-slot=\"pagination-page\"\n data-current={item === page ? \"\" : undefined}\n aria-label={getPageLabel(item)}\n aria-current={item === page ? \"page\" : undefined}\n onClick={() => onPageChange(item)}\n >\n {item}\n </button>\n </li>\n ) : (\n <li key={item} data-kit-slot=\"pagination-ellipsis\" aria-hidden=\"true\">\n …\n </li>\n ),\n )}\n <li>\n <button\n type=\"button\"\n data-kit-slot=\"pagination-step\"\n data-direction=\"next\"\n aria-label={nextLabel}\n disabled={page >= pageCount}\n onClick={() => onPageChange(page + 1)}\n >\n <Icon name=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n );\n}\n","import { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { Icon } from \"@x12i/icons\";\nimport { createElement, type ReactNode } from \"react\";\n\nexport type AccordionProps<Value = string> = BaseAccordion.Root.Props<Value>;\n\n/\n A stack of sections that expand and collapse. One section is open at a time\n * unless `multiple` is set. Arrow keys move between headers.\n /\nexport function Accordion<Value = string>(props: AccordionProps<Value>) {\n return <BaseAccordion.Root data-kit=\"accordion\" {...props} />;\n}\n\nexport interface AccordionItemProps extends Omit<BaseAccordion.Item.Props, \"children\" \| \"title\"> {\n /* The header text. It is the button that toggles the section. /\n title: ReactNode;\n children: ReactNode;\n /* The heading level of the header, so it fits the page outline. Defaults to 3. /\n headingLevel?: 2 \| 3 \| 4 \| 5 \| 6;\n}\n\nexport function AccordionItem({ title, children, headingLevel = 3, ...props }: AccordionItemProps) {\n return (\n <BaseAccordion.Item data-kit-slot=\"accordion-item\" {...props}>\n <BaseAccordion.Header data-kit-slot=\"accordion-header\" render={createElement(`h${headingLevel}`)}>\n <BaseAccordion.Trigger data-kit-slot=\"accordion-trigger\">\n <span data-kit-slot=\"accordion-title\">{title}</span>\n <Icon name=\"chevron-down\" data-kit-slot=\"accordion-chevron\" />\n </BaseAccordion.Trigger>\n </BaseAccordion.Header>\n <BaseAccordion.Panel data-kit-slot=\"accordion-panel\">\n <div data-kit-slot=\"accordion-content\">{children}</div>\n </BaseAccordion.Panel>\n </BaseAccordion.Item>\n );\n}\n","import { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport type { ReactNode } from \"react\";\nimport type { ControlSize } from \"../types\";\n\nexport interface SegmentedOption<Value extends string = string> {\n value: Value;\n label: ReactNode;\n disabled?: boolean;\n}\n\nexport interface SegmentedControlProps<Value extends string = string>\n extends Omit<BaseRadioGroup.Props<Value>, \"children\" \| \"render\"> {\n options: SegmentedOption<Value>[];\n size?: ControlSize;\n /* Stretch the segments to fill the available width. /\n fullWidth?: boolean;\n}\n\n/\n Switches between a few views of the same content (Day / Week / Month). It is\n * a radio group, so arrow keys select and exactly one option is always chosen.\n * Use `Tabs` when each option reveals a different panel of content.\n /\nexport function SegmentedControl<Value extends string = string>({\n options,\n size = \"md\",\n fullWidth = false,\n ...props\n}: SegmentedControlProps<Value>) {\n return (\n <BaseRadioGroup\n data-kit=\"segmented-control\"\n data-size={size}\n data-full-width={fullWidth ? \"\" : undefined}\n {...props}\n >\n {options.map((option) => (\n <BaseRadio.Root\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n data-kit-slot=\"segment\"\n >\n {option.label}\n </BaseRadio.Root>\n ))}\n </BaseRadioGroup>\n );\n}\n","import { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { VisuallyHidden } from \"./visually-hidden\";\n\nexport type StepStatus = \"complete\" \| \"current\" \| \"upcoming\";\n\nexport interface StepperStep {\n id: string;\n label: ReactNode;\n description?: ReactNode;\n}\n\nexport interface StepperProps extends ComponentPropsWithRef<\"ol\"> {\n steps: StepperStep[];\n /* Index of the current step, starting at 0. Earlier steps are complete. /\n current: number;\n orientation?: \"horizontal\" \| \"vertical\";\n /\n Spoken after each step's label, for example\n * `(status) => status === \"complete\" ? \"Completed\" : status === \"current\" ? \"Current step\" : \"Not started\"`.\n * Required for assistive technology to hear progress.\n /\n getStatusLabel: (status: StepStatus) => string;\n}\n\n/\n Where the user is in a multi-step process. It is a display, not navigation:\n * put the controls that move between steps (Back, Next) outside it. The\n * current step has `aria-current=\"step\"`, and each step's status is spoken as\n * text and drawn as an icon, not just a color.\n /\nexport function Stepper({\n steps,\n current,\n orientation = \"horizontal\",\n getStatusLabel,\n ...props\n}: StepperProps) {\n return (\n <ol data-kit=\"stepper\" data-orientation={orientation} {...props}>\n {steps.map((step, index) => {\n const status: StepStatus = index < current ? \"complete\" : index === current ? \"current\" : \"upcoming\";\n return (\n <li\n key={step.id}\n data-kit-slot=\"step\"\n data-status={status}\n aria-current={status === \"current\" ? \"step\" : undefined}\n >\n <span data-kit-slot=\"step-marker\" aria-hidden=\"true\">\n {status === \"complete\" ? <Icon name=\"check\" size={16} /> : index + 1}\n </span>\n <span data-kit-slot=\"step-text\">\n <span data-kit-slot=\"step-label\">\n {step.label}\n <VisuallyHidden>{`. ${getStatusLabel(status)}`}</VisuallyHidden>\n </span>\n {step.description ? <span data-kit-slot=\"step-description\">{step.description}</span> : null}\n </span>\n </li>\n );\n })}\n </ol>\n );\n}\n","import { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { Button, type ButtonProps } from \"./button\";\n\nexport type ToolbarProps = BaseToolbar.Root.Props;\n\n/\n A row of controls with one tab stop and arrow-key navigation (roving focus).\n * Name it with `aria-label`.\n /\nexport function Toolbar(props: ToolbarProps) {\n return <BaseToolbar.Root data-kit=\"toolbar\" {...props} />;\n}\n\nexport type ToolbarGroupProps = BaseToolbar.Group.Props;\n\nexport function ToolbarGroup(props: ToolbarGroupProps) {\n return <BaseToolbar.Group data-kit-slot=\"toolbar-group\" {...props} />;\n}\n\nexport interface ToolbarButtonProps\n extends Omit<BaseToolbar.Button.Props, \"render\">,\n Pick<ButtonProps, \"variant\" \| \"tone\" \| \"size\"> {}\n\n/* A button that takes part in the toolbar's arrow-key navigation. /\nexport function ToolbarButton({\n variant = \"ghost\",\n tone = \"neutral\",\n size = \"sm\",\n ...props\n}: ToolbarButtonProps) {\n return (\n <BaseToolbar.Button render={<Button variant={variant} tone={tone} size={size} />} {...props} />\n );\n}\n\nexport type ToolbarSeparatorProps = BaseToolbar.Separator.Props;\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps) {\n return <BaseToolbar.Separator data-kit-slot=\"toolbar-separator\" {...props} />;\n}\n","import { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef } from \"react\";\nimport { IconButton } from \"./icon-button\";\n\nexport type DialogSize = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"full\";\n\nexport type DialogProps = BaseDialog.Root.Props;\n\n/\n A modal dialog. Focus moves into it when it opens, stays inside, and returns\n * to the trigger when it closes; Escape closes it. Compose with\n * `DialogTrigger`, `DialogContent`, `DialogTitle` and the other parts.\n /\nexport const Dialog = BaseDialog.Root;\n\nexport type DialogTriggerProps = BaseDialog.Trigger.Props;\n\nexport function DialogTrigger(props: DialogTriggerProps) {\n return <BaseDialog.Trigger {...props} />;\n}\n\nexport interface DialogContentProps extends BaseDialog.Popup.Props {\n size?: DialogSize;\n /\n Name of the corner close button, for example \"Close\". Leave it out to hide\n * the button; the dialog must then contain its own `DialogClose` action.\n /\n closeLabel?: string;\n}\n\n/* The dialog panel with its backdrop. It must contain a `DialogTitle`. /\nexport function DialogContent({ size = \"md\", closeLabel, children, ...props }: DialogContentProps) {\n return (\n <BaseDialog.Portal>\n <BaseDialog.Backdrop data-kit=\"dialog-backdrop\" />\n <BaseDialog.Viewport data-kit=\"dialog-viewport\">\n <BaseDialog.Popup data-kit=\"dialog\" data-size={size} {...props}>\n {children}\n {closeLabel ? (\n <BaseDialog.Close\n data-kit-slot=\"dialog-close\"\n render={\n <IconButton label={closeLabel} variant=\"ghost\" tone=\"neutral\" size=\"sm\">\n <Icon name=\"close\" />\n </IconButton>\n }\n />\n ) : null}\n </BaseDialog.Popup>\n </BaseDialog.Viewport>\n </BaseDialog.Portal>\n );\n}\n\nexport function DialogTitle(props: BaseDialog.Title.Props) {\n return <BaseDialog.Title data-kit-slot=\"dialog-title\" {...props} />;\n}\n\nexport function DialogDescription(props: BaseDialog.Description.Props) {\n return <BaseDialog.Description data-kit-slot=\"dialog-description\" {...props} />;\n}\n\nexport function DialogHeader(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"dialog-header\" {...props} />;\n}\n\nexport function DialogBody(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"dialog-body\" {...props} />;\n}\n\nexport function DialogFooter(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"dialog-footer\" {...props} />;\n}\n\n/* Closes the dialog. Use `render={<Button />}` to style it as a button. /\nexport function DialogClose(props: BaseDialog.Close.Props) {\n return <BaseDialog.Close {...props} />;\n}\n\n/ ------------------------------------------------------------ AlertDialog /\n\nexport type AlertDialogProps = BaseAlertDialog.Root.Props;\n\n/\n A dialog that interrupts to ask for a decision (delete, discard). It cannot\n * be dismissed by clicking outside, has no corner close button, and announces\n * itself as an alert dialog.\n /\nexport const AlertDialog = BaseAlertDialog.Root;\n\nexport function AlertDialogTrigger(props: BaseAlertDialog.Trigger.Props) {\n return <BaseAlertDialog.Trigger {...props} />;\n}\n\nexport interface AlertDialogContentProps extends BaseAlertDialog.Popup.Props {\n size?: \"sm\" \| \"md\";\n}\n\nexport function AlertDialogContent({ size = \"sm\", ...props }: AlertDialogContentProps) {\n return (\n <BaseAlertDialog.Portal>\n <BaseAlertDialog.Backdrop data-kit=\"dialog-backdrop\" />\n <BaseAlertDialog.Viewport data-kit=\"dialog-viewport\">\n <BaseAlertDialog.Popup data-kit=\"dialog\" data-kind=\"alert\" data-size={size} {...props} />\n </BaseAlertDialog.Viewport>\n </BaseAlertDialog.Portal>\n );\n}\n\nexport function AlertDialogTitle(props: BaseAlertDialog.Title.Props) {\n return <BaseAlertDialog.Title data-kit-slot=\"dialog-title\" {...props} />;\n}\n\nexport function AlertDialogDescription(props: BaseAlertDialog.Description.Props) {\n return <BaseAlertDialog.Description data-kit-slot=\"dialog-description\" {...props} />;\n}\n\nexport function AlertDialogFooter(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"dialog-footer\" {...props} />;\n}\n\n/* Closes the alert dialog: wire both the cancel and the confirm buttons through it. /\nexport function AlertDialogClose(props: BaseAlertDialog.Close.Props) {\n return <BaseAlertDialog.Close {...props} />;\n}\n","import { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport { Icon } from \"@x12i/icons\";\nimport type { ComponentPropsWithRef } from \"react\";\nimport { IconButton } from \"./icon-button\";\n\nexport type DrawerSide = \"start\" \| \"end\" \| \"top\" \| \"bottom\";\n\nexport type DrawerProps = Omit<BaseDrawer.Root.Props, \"swipeDirection\"> & {\n /* The edge the drawer slides in from. `start` and `end` follow the text direction. /\n side?: DrawerSide;\n};\n\nfunction isRtl(): boolean {\n return typeof document !== \"undefined\" && getComputedStyle(document.documentElement).direction === \"rtl\";\n}\n\n/* The direction that swipes the drawer away: toward the edge it came from. /\nfunction swipeDirection(side: DrawerSide): \"left\" \| \"right\" \| \"up\" \| \"down\" {\n if (side === \"top\") return \"up\";\n if (side === \"bottom\") return \"down\";\n const rtl = isRtl();\n return (side === \"start\") !== rtl ? \"left\" : \"right\";\n}\n\n/\n A panel that slides in from an edge and can be swiped away on touch devices.\n * It behaves like a modal dialog: focus is trapped, Escape closes it, and\n * focus returns to the trigger. Swipe direction follows the document's `dir`.\n /\nexport function Drawer({ side = \"end\", ...props }: DrawerProps) {\n return <BaseDrawer.Root swipeDirection={swipeDirection(side)} {...props} />;\n}\n\nexport function DrawerTrigger(props: BaseDrawer.Trigger.Props) {\n return <BaseDrawer.Trigger {...props} />;\n}\n\nexport interface DrawerContentProps extends BaseDrawer.Popup.Props {\n side?: DrawerSide;\n /* Name of the corner close button. Leave it out to hide the button. /\n closeLabel?: string;\n}\n\n/* The drawer panel and its backdrop. It must contain a `DrawerTitle`. /\nexport function DrawerContent({ side = \"end\", closeLabel, children, ...props }: DrawerContentProps) {\n return (\n <BaseDrawer.Portal>\n <BaseDrawer.Backdrop data-kit=\"drawer-backdrop\" />\n <BaseDrawer.Viewport data-kit=\"drawer-viewport\">\n <BaseDrawer.Popup data-kit=\"drawer\" data-side={side} {...props}>\n {children}\n {closeLabel ? (\n <BaseDrawer.Close\n data-kit-slot=\"drawer-close\"\n render={\n <IconButton label={closeLabel} variant=\"ghost\" tone=\"neutral\" size=\"sm\">\n <Icon name=\"close\" />\n </IconButton>\n }\n />\n ) : null}\n </BaseDrawer.Popup>\n </BaseDrawer.Viewport>\n </BaseDrawer.Portal>\n );\n}\n\nexport function DrawerTitle(props: BaseDrawer.Title.Props) {\n return <BaseDrawer.Title data-kit-slot=\"drawer-title\" {...props} />;\n}\n\nexport function DrawerDescription(props: BaseDrawer.Description.Props) {\n return <BaseDrawer.Description data-kit-slot=\"drawer-description\" {...props} />;\n}\n\nexport function DrawerHeader(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"drawer-header\" {...props} />;\n}\n\nexport function DrawerBody(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"drawer-body\" {...props} />;\n}\n\nexport function DrawerFooter(props: ComponentPropsWithRef<\"div\">) {\n return <div data-kit-slot=\"drawer-footer\" {...props} />;\n}\n\nexport function DrawerClose(props: BaseDrawer.Close.Props) {\n return <BaseDrawer.Close {...props} />;\n}\n","import { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport type { PositionProps } from \"./positioning\";\n\nexport type PopoverProps = BasePopover.Root.Props;\n\n/\n A floating panel anchored to a trigger, for rich content or a small form.\n * Escape and outside click close it; focus moves into it and returns to the\n * trigger. Use `Tooltip` for a short, non-interactive hint.\n /\nexport const Popover = BasePopover.Root;\n\nexport function PopoverTrigger(props: BasePopover.Trigger.Props) {\n return <BasePopover.Trigger {...props} />;\n}\n\nexport interface PopoverContentProps extends BasePopover.Popup.Props, PositionProps {\n /* Draws an arrow pointing at the trigger. /\n arrow?: boolean;\n}\n\nexport function PopoverContent({\n side = \"bottom\",\n align = \"center\",\n sideOffset = 8,\n alignOffset,\n collisionPadding = 8,\n anchor,\n arrow = false,\n children,\n ...props\n}: PopoverContentProps) {\n return (\n <BasePopover.Portal>\n <BasePopover.Positioner\n data-kit=\"popover-positioner\"\n side={side}\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n collisionPadding={collisionPadding}\n anchor={anchor}\n >\n <BasePopover.Popup data-kit=\"popover\" {...props}>\n {arrow ? <BasePopover.Arrow data-kit-slot=\"popup-arrow\" /> : null}\n {children}\n </BasePopover.Popup>\n </BasePopover.Positioner>\n </BasePopover.Portal>\n );\n}\n\nexport function PopoverTitle(props: BasePopover.Title.Props) {\n return <BasePopover.Title data-kit-slot=\"popover-title\" {...props} />;\n}\n\nexport function PopoverDescription(props: BasePopover.Description.Props) {\n return <BasePopover.Description data-kit-slot=\"popover-description\" {...props} />;\n}\n\nexport function PopoverClose(props: BasePopover.Close.Props) {\n return <BasePopover.Close {...props} />;\n}\n","import { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { type ReactElement, type ReactNode, useId, useState } from \"react\";\nimport type { PositionProps } from \"./positioning\";\n\n/\n Shares open and close delays between tooltips, so moving from one trigger to\n * the next shows the second tooltip immediately. Wrap the app once.\n /\nexport const TooltipProvider = BaseTooltip.Provider;\n\nexport interface TooltipProps extends Omit<PositionProps, \"anchor\"> {\n /\n Short, plain text. A tooltip is not focusable and disappears when the\n * pointer or focus leaves, so never put actions or required information in\n * it, and never use it as the only name of an icon button.\n /\n content: ReactNode;\n /* The element the tooltip describes. It must accept a ref and DOM props. /\n children: ReactElement<{ \"aria-describedby\"?: string }>;\n /* Milliseconds before it opens on hover. Defaults to 600. /\n delay?: number;\n closeDelay?: number;\n disabled?: boolean;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\n/\n A short hint shown on hover and keyboard focus. While it is open the\n * trigger is linked to it with `aria-describedby` and the panel has\n * `role=\"tooltip\"`. Escape closes it.\n /\nexport function Tooltip({\n content,\n children,\n side = \"top\",\n align = \"center\",\n sideOffset = 6,\n alignOffset,\n collisionPadding = 8,\n delay = 600,\n closeDelay,\n disabled,\n open,\n defaultOpen = false,\n onOpenChange,\n}: TooltipProps) {\n const id = useId();\n // Base UI adds no tooltip semantics, so open state is tracked here to link\n // the trigger to the panel only while the panel exists.\n const [internalOpen, setInternalOpen] = useState(defaultOpen);\n const isOpen = open ?? internalOpen;\n\n const own = children.props[\"aria-describedby\"];\n const describedBy = isOpen ? [own, id].filter(Boolean).join(\" \") : own;\n\n return (\n <BaseTooltip.Root\n open={isOpen}\n onOpenChange={(next) => {\n setInternalOpen(next);\n onOpenChange?.(next);\n }}\n disabled={disabled}\n >\n <BaseTooltip.Trigger\n render={children}\n delay={delay}\n closeDelay={closeDelay}\n aria-describedby={describedBy}\n />\n <BaseTooltip.Portal>\n <BaseTooltip.Positioner\n data-kit=\"tooltip-positioner\"\n side={side}\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n collisionPadding={collisionPadding}\n >\n <BaseTooltip.Popup data-kit=\"tooltip\" id={id} role=\"tooltip\">\n {content}\n </BaseTooltip.Popup>\n </BaseTooltip.Positioner>\n </BaseTooltip.Portal>\n </BaseTooltip.Root>\n );\n}\n","import { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Icon } from \"@x12i/icons\";\nimport type { ReactNode } from \"react\";\nimport type { PositionProps } from \"./positioning\";\n\nexport type MenuProps = BaseMenu.Root.Props;\n\n/\n A menu of actions opened from a button. Arrow keys move, Home/End jump,\n * typing jumps to a matching item, Enter or Space activates, Escape closes.\n * Use `Select` to choose a value instead of run a command.\n /\nexport const Menu = BaseMenu.Root;\n\nexport function MenuTrigger(props: BaseMenu.Trigger.Props) {\n return <BaseMenu.Trigger {...props} />;\n}\n\nexport interface MenuContentProps extends BaseMenu.Popup.Props, PositionProps {}\n\nexport function MenuContent({\n side = \"bottom\",\n align = \"start\",\n sideOffset = 4,\n alignOffset,\n collisionPadding = 8,\n anchor,\n ...props\n}: MenuContentProps) {\n return (\n <BaseMenu.Portal>\n <BaseMenu.Positioner\n data-kit=\"menu-positioner\"\n side={side}\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n collisionPadding={collisionPadding}\n anchor={anchor}\n >\n <BaseMenu.Popup data-kit=\"menu\" {...props} />\n </BaseMenu.Positioner>\n </BaseMenu.Portal>\n );\n}\n\nexport interface MenuItemProps extends BaseMenu.Item.Props {\n /* Decorative icon before the label. /\n icon?: ReactNode;\n /* A shortcut hint such as `<Kbd>⌘K</Kbd>`. It is decorative; the shortcut must work elsewhere. /\n shortcut?: ReactNode;\n /* `danger` marks a destructive action. The label must still say what it does. /\n tone?: \"default\" \| \"danger\";\n}\n\n/* One action. Also works inside `ContextMenuContent`. /\nexport function MenuItem({ icon, shortcut, tone = \"default\", children, ...props }: MenuItemProps) {\n return (\n <BaseMenu.Item data-kit=\"menu-item\" data-tone={tone} {...props}>\n {icon ? (\n <span data-kit-slot=\"menu-item-icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n <span data-kit-slot=\"menu-item-text\">{children}</span>\n {shortcut ? (\n <span data-kit-slot=\"menu-item-shortcut\" aria-hidden=\"true\">\n {shortcut}\n </span>\n ) : null}\n </BaseMenu.Item>\n );\n}\n\nexport function MenuCheckboxItem({ children, ...props }: BaseMenu.CheckboxItem.Props) {\n return (\n <BaseMenu.CheckboxItem data-kit=\"menu-item\" data-choice=\"checkbox\" {...props}>\n <span data-kit-slot=\"menu-item-icon\" aria-hidden=\"true\">\n <BaseMenu.CheckboxItemIndicator>\n <Icon name=\"check\" />\n </BaseMenu.CheckboxItemIndicator>\n </span>\n <span data-kit-slot=\"menu-item-text\">{children}</span>\n </BaseMenu.CheckboxItem>\n );\n}\n\nexport function MenuRadioGroup(props: BaseMenu.RadioGroup.Props) {\n return <BaseMenu.RadioGroup {...props} />;\n}\n\nexport function MenuRadioItem({ children, ...props }: BaseMenu.RadioItem.Props) {\n return (\n <BaseMenu.RadioItem data-kit=\"menu-item\" data-choice=\"radio\" {...props}>\n <span data-kit-slot=\"menu-item-icon\" aria-hidden=\"true\">\n <BaseMenu.RadioItemIndicator data-kit-slot=\"menu-radio-dot\" />\n </span>\n <span data-kit-slot=\"menu-item-text\">{children}</span>\n </BaseMenu.RadioItem>\n );\n}\n\nexport function MenuGroup(props: BaseMenu.Group.Props) {\n return <BaseMenu.Group data-kit-slot=\"menu-group\" {...props} />;\n}\n\n/* The heading of a `MenuGroup`, announced when focus enters the group. /\nexport function MenuLabel(props: BaseMenu.GroupLabel.Props) {\n return <BaseMenu.GroupLabel data-kit-slot=\"menu-label\" {...props} />;\n}\n\nexport function MenuSeparator(props: BaseMenu.Separator.Props) {\n return <BaseMenu.Separator data-kit-slot=\"menu-separator\" {...props} />;\n}\n\n/* A nested menu. Open it with the arrow key that points away from the parent. /\nexport const SubMenu = BaseMenu.SubmenuRoot;\n\nexport function SubMenuTrigger({ icon, children, ...props }: BaseMenu.SubmenuTrigger.Props & { icon?: ReactNode }) {\n return (\n <BaseMenu.SubmenuTrigger data-kit=\"menu-item\" data-submenu=\"\" {...props}>\n {icon ? (\n <span data-kit-slot=\"menu-item-icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n <span data-kit-slot=\"menu-item-text\">{children}</span>\n <span data-kit-slot=\"menu-item-chevron\" aria-hidden=\"true\">\n <Icon name=\"chevron-right\" />\n </span>\n </BaseMenu.SubmenuTrigger>\n );\n}\n\nexport function SubMenuContent({\n side = \"inline-end\",\n align = \"start\",\n sideOffset = 2,\n alignOffset,\n collisionPadding = 8,\n ...props\n}: MenuContentProps) {\n return (\n <BaseMenu.Portal>\n <BaseMenu.Positioner\n data-kit=\"menu-positioner\"\n side={side}\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n collisionPadding={collisionPadding}\n >\n <BaseMenu.Popup data-kit=\"menu\" {...props} />\n </BaseMenu.Positioner>\n </BaseMenu.Portal>\n );\n}\n\n/ ----------------------------------------------------------- ContextMenu /\n\n/\n A menu opened by right-click, long-press or the context-menu key on an\n * area. It must never be the only way to reach an action: also offer the\n * action in a visible control.\n /\nexport const ContextMenu = BaseContextMenu.Root;\n\nexport function ContextMenuTrigger(props: BaseContextMenu.Trigger.Props) {\n return <BaseContextMenu.Trigger data-kit-slot=\"context-trigger\" {...props} />;\n}\n\nexport function ContextMenuContent({\n side,\n align,\n sideOffset,\n alignOffset,\n collisionPadding = 8,\n ...props\n}: Omit<MenuContentProps, \"anchor\">) {\n return (\n <BaseContextMenu.Portal>\n <BaseContextMenu.Positioner\n data-kit=\"menu-positioner\"\n side={side}\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n collisionPadding={collisionPadding}\n >\n <BaseContextMenu.Popup data-kit=\"menu\" {...props} />\n </BaseContextMenu.Positioner>\n </BaseContextMenu.Portal>\n );\n}\n","import { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { Icon } from \"@x12i/icons\";\nimport type { ReactNode } from \"react\";\nimport type { StatusTone } from \"../types\";\nimport { toneIcons } from \"./alert\";\nimport { IconButton } from \"./icon-button\";\nimport { Spinner } from \"./spinner\";\n\nexport type ToastPlacement =\n \| \"top-start\"\n \| \"top\"\n \| \"top-end\"\n \| \"bottom-start\"\n \| \"bottom\"\n \| \"bottom-end\";\n\nexport interface ToastOptions {\n title?: ReactNode;\n description?: ReactNode;\n tone?: StatusTone;\n /* Milliseconds before it closes itself. `0` keeps it until dismissed. Defaults to the provider's. /\n timeout?: number;\n /* `high` is announced assertively (use it for errors); `low` waits politely. /\n priority?: \"low\" \| \"high\";\n /* One optional action, for example \"Undo\". /\n action?: { label: string; onClick: () => void };\n onClose?: () => void;\n}\n\nexport interface ToastProviderProps {\n children: ReactNode;\n /* Name of the dismiss button on each toast, for example \"Dismiss notification\". /\n closeLabel: string;\n /* Name of the region that holds the toasts, for example \"Notifications\". /\n regionLabel: string;\n /* Default milliseconds before a toast closes. Defaults to 5000. /\n timeout?: number;\n /* Most toasts shown at once. Defaults to 3. /\n limit?: number;\n placement?: ToastPlacement;\n}\n\nconst tones: ReadonlySet<string> = new Set<StatusTone>([\n \"neutral\",\n \"accent\",\n \"success\",\n \"warning\",\n \"danger\",\n \"info\",\n]);\n\n/* Base UI names the failed outcome of a promise toast `error`; this kit calls it `danger`. /\nfunction toneOf(type: string \| undefined): StatusTone {\n if (type === \"error\") return \"danger\";\n return type && tones.has(type) ? (type as StatusTone) : \"neutral\";\n}\n\nfunction ToastList({ closeLabel }: { closeLabel: string }) {\n const { toasts } = BaseToast.useToastManager();\n return (\n <>\n {toasts.map((toast) => {\n // `loading` is the type Base UI gives the first stage of a promise toast.\n const loading = toast.type === \"loading\";\n const tone = toneOf(toast.type);\n return (\n <BaseToast.Root\n key={toast.id}\n toast={toast}\n data-kit=\"toast\"\n data-tone={tone}\n data-loading={loading ? \"\" : undefined}\n >\n <span data-kit-slot=\"toast-icon\" aria-hidden=\"true\">\n {loading ? <Spinner size=\"sm\" /> : <Icon name={toneIcons[tone]} size={20} />}\n </span>\n <BaseToast.Content data-kit-slot=\"toast-content\">\n {toast.title ? <BaseToast.Title data-kit-slot=\"toast-title\" /> : null}\n {toast.description ? <BaseToast.Description data-kit-slot=\"toast-description\" /> : null}\n {toast.actionProps ? <BaseToast.Action data-kit-slot=\"toast-action\" /> : null}\n </BaseToast.Content>\n <BaseToast.Close\n data-kit-slot=\"toast-close\"\n // Base UI hides the button while a stack of toasts is collapsed. This\n // kit lays toasts out in a list, so the button is always available.\n aria-hidden={false}\n render={\n <IconButton label={closeLabel} variant=\"ghost\" tone=\"neutral\" size=\"sm\">\n <Icon name=\"close\" />\n </IconButton>\n }\n />\n </BaseToast.Root>\n );\n })}\n </>\n );\n}\n\n/\n Hosts transient messages. Toasts pause while hovered or focused, are\n * announced through a live region, and can be dismissed from the keyboard\n * (F6 jumps to the region). Do not put anything essential in a toast: it\n * disappears. Use `Alert` for messages that must stay.\n /\nexport function ToastProvider({\n children,\n closeLabel,\n regionLabel,\n timeout = 5000,\n limit = 3,\n placement = \"bottom-end\",\n}: ToastProviderProps) {\n return (\n <BaseToast.Provider timeout={timeout} limit={limit}>\n {children}\n <BaseToast.Portal>\n <BaseToast.Viewport\n data-kit=\"toast-viewport\"\n data-placement={placement}\n aria-label={regionLabel}\n >\n <ToastList closeLabel={closeLabel} />\n </BaseToast.Viewport>\n </BaseToast.Portal>\n </BaseToast.Provider>\n );\n}\n\nexport interface ToastApi {\n /* Shows a toast and returns its id. /\n show: (options: ToastOptions) => string;\n update: (id: string, options: ToastOptions) => void;\n close: (id?: string) => void;\n /\n Shows a loading toast and updates it when the promise settles. The tone\n * follows the outcome (success or danger), so the messages take no `tone`.\n * The returned promise settles like the one passed in, so a rejection must\n * still be handled by the caller.\n /\n promise: <Value>(\n promise: Promise<Value>,\n messages: {\n loading: PromiseToastMessage;\n success: PromiseToastMessage \| ((value: Value) => PromiseToastMessage);\n error: PromiseToastMessage \| ((error: unknown) => PromiseToastMessage);\n },\n ) => Promise<Value>;\n}\n\nexport type PromiseToastMessage = Omit<ToastOptions, \"tone\">;\n\nfunction toManagerOptions(options: ToastOptions) {\n const { tone, action, ...rest } = options;\n return {\n ...rest,\n ...(tone ? { type: tone } : {}),\n ...(action ? { actionProps: { children: action.label, onClick: action.onClick } } : {}),\n };\n}\n\n/* Read the toast API anywhere under `ToastProvider`. /\nexport function useToast(): ToastApi {\n const manager = BaseToast.useToastManager();\n return {\n show: (options) => manager.add(toManagerOptions(options)),\n update: (id, options) => manager.update(id, toManagerOptions(options)),\n close: (id) => manager.close(id),\n promise: (promise, messages) =>\n manager.promise(promise, {\n loading: toManagerOptions(messages.loading),\n success: (value) =>\n toManagerOptions(typeof messages.success === \"function\" ? messages.success(value) : messages.success),\n error: (error) =>\n toManagerOptions(typeof messages.error === \"function\" ? messages.error(error) : messages.error),\n }),\n };\n}\n","import { Icon } from \"@x12i/icons\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { ButtonGroup } from \"./button-group\";\nimport { IconButton } from \"./icon-button\";\nimport { Menu, MenuContent, MenuTrigger } from \"./menu\";\n\nexport interface SplitButtonProps\n extends Pick<ButtonProps, \"variant\" \| \"tone\" \| \"size\" \| \"disabled\" \| \"loading\" \| \"loadingLabel\" \| \"onClick\" \| \"type\"> {\n /* The primary action's label. /\n children: ReactNode;\n /* Name of the arrow button that opens the other actions, for example \"More actions\". /\n menuLabel: string;\n /* The other actions: `MenuItem`s. /\n menu: ReactNode;\n}\n\n/\n A primary action with a menu of related ones, for example \"Save\" with \"Save\n * as draft\" and \"Save and close\". The two parts are separate tab stops, so\n * the primary action stays one keypress away.\n /\nexport function SplitButton({\n children,\n menuLabel,\n menu,\n variant = \"solid\",\n tone = \"accent\",\n size = \"md\",\n disabled,\n loading,\n loadingLabel,\n onClick,\n type,\n}: SplitButtonProps) {\n return (\n <ButtonGroup data-kit-split=\"\">\n <Button\n variant={variant}\n tone={tone}\n size={size}\n disabled={disabled}\n loading={loading}\n loadingLabel={loadingLabel}\n onClick={onClick}\n type={type}\n >\n {children}\n </Button>\n <Menu>\n <MenuTrigger\n disabled={disabled \|\| loading}\n render={\n <IconButton label={menuLabel} variant={variant} tone={tone} size={size}>\n <Icon name=\"chevron-down\" />\n </IconButton>\n }\n />\n <MenuContent align=\"end\">{menu}</MenuContent>\n </Menu>\n </ButtonGroup>\n );\n}\n","import {\r\n DENSITY_ATTRIBUTE,\r\n DENSITY_STORAGE_KEY,\r\n densityNames,\r\n type DensityName,\r\n} from \"@x12i/tokens\";\r\nimport {\r\n createContext,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n type ComponentPropsWithRef,\r\n type ReactNode,\r\n} from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { usePersistedChoice } from \"../utils/use-persisted-choice\";\r\n\r\nexport interface DensityContextValue {\r\n density: DensityName;\r\n setDensity: (density: DensityName) => void;\r\n}\r\n\r\nconst DensityContext = createContext<DensityContextValue \| null>(null);\r\n\r\nfunction isDensity(value: string): value is DensityName {\r\n return (densityNames as readonly string[]).includes(value);\r\n}\r\n\r\nexport interface DensityProviderProps\r\n extends Omit<ComponentPropsWithRef<\"div\">, \"children\" \| \"onChange\"> {\r\n children?: ReactNode;\r\n /* Controlled density. /\r\n density?: DensityName;\r\n defaultDensity?: DensityName;\r\n onDensityChange?: (density: DensityName) => void;\r\n /\r\n `root` sets `data-density` on `<html>` and renders no wrapper element.\r\n * `subtree` (default) renders a wrapper that scopes the density to its children.\r\n /\r\n scope?: \"root\" \| \"subtree\";\r\n /\r\n localStorage key that remembers the choice, or `null` for none. Defaults\r\n * to the shared key for `root` and to none for `subtree`.\r\n /\r\n storageKey?: string \| null;\r\n}\r\n\r\n/* Compact, default and comfortable density from one set of components. /\r\nexport function DensityProvider({\r\n children,\r\n density: densityProp,\r\n defaultDensity = \"default\",\r\n onDensityChange,\r\n scope = \"subtree\",\r\n storageKey,\r\n className,\r\n ...props\r\n}: DensityProviderProps) {\r\n const [density, setDensity] = usePersistedChoice<DensityName>({\r\n value: densityProp,\r\n defaultValue: defaultDensity,\r\n onChange: onDensityChange,\r\n storageKey:\r\n storageKey === undefined ? (scope === \"root\" ? DENSITY_STORAGE_KEY : null) : storageKey,\r\n isValid: isDensity,\r\n });\r\n\r\n useEffect(() => {\r\n if (scope !== \"root\") return;\r\n const root = document.documentElement;\r\n const previous = root.getAttribute(DENSITY_ATTRIBUTE);\r\n root.setAttribute(DENSITY_ATTRIBUTE, density);\r\n return () => {\r\n if (previous === null) root.removeAttribute(DENSITY_ATTRIBUTE);\r\n else root.setAttribute(DENSITY_ATTRIBUTE, previous);\r\n };\r\n }, [scope, density]);\r\n\r\n const value = useMemo<DensityContextValue>(\r\n () => ({ density, setDensity }),\r\n [density, setDensity],\r\n );\r\n\r\n return (\r\n <DensityContext value={value}>\r\n {scope === \"root\" ? (\r\n children\r\n ) : (\r\n <div\r\n data-kit=\"density-provider\"\r\n {...{ [DENSITY_ATTRIBUTE]: density }}\r\n className={cx(className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )}\r\n </DensityContext>\r\n );\r\n}\r\n\r\n/* Reads and changes the density of the nearest `DensityProvider`. /\r\nexport function useDensity(): DensityContextValue {\r\n const context = useContext(DensityContext);\r\n if (context === null) {\r\n throw new Error(\"useDensity must be used inside a DensityProvider.\");\r\n }\r\n return context;\r\n}\r\n","import { useCallback, useEffect, useState } from \"react\";\r\n\r\nfunction read(key: string): string \| null {\r\n try {\r\n return window.localStorage.getItem(key);\r\n } catch {\r\n return null;\r\n }\r\n}\r\n\r\nfunction write(key: string, value: string) {\r\n try {\r\n window.localStorage.setItem(key, value);\r\n } catch {\r\n // Storage can be blocked (private mode, sandboxed frames). Ignore.\r\n }\r\n}\r\n\r\ninterface Options<T extends string> {\r\n value: T \| undefined;\r\n defaultValue: T;\r\n onChange: ((value: T) => void) \| undefined;\r\n /* localStorage key, or null to skip persistence. /\r\n storageKey: string \| null;\r\n /* Must be a stable function (declare it at module level). /\r\n isValid: (value: string) => value is T;\r\n}\r\n\r\n/\r\n Controlled or uncontrolled state with optional persistence. The stored value\r\n * is read after mount, so server and first client render always agree.\r\n /\r\nexport function usePersistedChoice<T extends string>({\r\n value: controlled,\r\n defaultValue,\r\n onChange,\r\n storageKey,\r\n isValid,\r\n}: Options<T>) {\r\n const isControlled = controlled !== undefined;\r\n const [internal, setInternal] = useState<T>(defaultValue);\r\n\r\n useEffect(() => {\r\n if (isControlled \|\| storageKey === null) return;\r\n const stored = read(storageKey);\r\n if (stored !== null && isValid(stored)) setInternal(stored);\r\n }, [isControlled, storageKey, isValid]);\r\n\r\n const setValue = useCallback(\r\n (next: T) => {\r\n if (!isControlled) setInternal(next);\r\n if (storageKey !== null) write(storageKey, next);\r\n onChange?.(next);\r\n },\r\n [isControlled, storageKey, onChange],\r\n );\r\n\r\n return [isControlled ? controlled : internal, setValue] as const;\r\n}\r\n","import {\r\n THEME_ATTRIBUTE,\r\n THEME_STORAGE_KEY,\r\n themeNames,\r\n type ThemeName,\r\n} from \"@x12i/tokens\";\r\nimport {\r\n createContext,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n useSyncExternalStore,\r\n type ComponentPropsWithRef,\r\n type ReactNode,\r\n} from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\nimport { usePersistedChoice } from \"../utils/use-persisted-choice\";\r\n\r\n/* A theme name, or `system` to follow the operating system preference. /\r\nexport type ThemeChoice = ThemeName \| \"system\";\r\n\r\nexport interface ThemeContextValue {\r\n /* The user's choice, which can be `system`. /\r\n theme: ThemeChoice;\r\n /* The theme in effect. `system` resolves to `light` or `dark`. /\r\n resolvedTheme: ThemeName;\r\n setTheme: (theme: ThemeChoice) => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextValue \| null>(null);\r\n\r\nconst DARK_QUERY = \"(prefers-color-scheme: dark)\";\r\n\r\nfunction subscribeToSystemTheme(onChange: () => void) {\r\n const query = window.matchMedia(DARK_QUERY);\r\n query.addEventListener(\"change\", onChange);\r\n return () => query.removeEventListener(\"change\", onChange);\r\n}\r\n\r\nconst prefersDark = () => window.matchMedia(DARK_QUERY).matches;\r\n// The server cannot know; light matches the CSS fallback.\r\nconst serverPrefersDark = () => false;\r\n\r\nfunction isThemeChoice(value: string): value is ThemeChoice {\r\n return value === \"system\" \|\| (themeNames as readonly string[]).includes(value);\r\n}\r\n\r\nexport interface ThemeProviderProps\r\n extends Omit<ComponentPropsWithRef<\"div\">, \"children\" \| \"onChange\"> {\r\n children?: ReactNode;\r\n /* Controlled theme. /\r\n theme?: ThemeChoice;\r\n /* Initial theme when uncontrolled. Defaults to following the system. /\r\n defaultTheme?: ThemeChoice;\r\n onThemeChange?: (theme: ThemeChoice) => void;\r\n /\r\n `root` sets `data-theme` on `<html>` and renders no wrapper element.\r\n * `subtree` (default) renders a wrapper that scopes the theme to its children.\r\n /\r\n scope?: \"root\" \| \"subtree\";\r\n /\r\n localStorage key that remembers the choice, or `null` for none. Defaults\r\n * to the shared key for `root` and to none for `subtree`.\r\n /\r\n storageKey?: string \| null;\r\n}\r\n\r\n/\r\n Sets the theme for the page or for a subtree. Pair a `root` provider with\r\n * `getNoFlashScript()` from `@x12i/themes` to avoid a flash on first paint.\r\n /\r\nexport function ThemeProvider({\r\n children,\r\n theme: themeProp,\r\n defaultTheme = \"system\",\r\n onThemeChange,\r\n scope = \"subtree\",\r\n storageKey,\r\n className,\r\n ...props\r\n}: ThemeProviderProps) {\r\n const [theme, setTheme] = usePersistedChoice<ThemeChoice>({\r\n value: themeProp,\r\n defaultValue: defaultTheme,\r\n onChange: onThemeChange,\r\n storageKey: storageKey === undefined ? (scope === \"root\" ? THEME_STORAGE_KEY : null) : storageKey,\r\n isValid: isThemeChoice,\r\n });\r\n\r\n const systemIsDark = useSyncExternalStore(subscribeToSystemTheme, prefersDark, serverPrefersDark);\r\n const resolvedTheme: ThemeName = theme === \"system\" ? (systemIsDark ? \"dark\" : \"light\") : theme;\r\n\r\n // `system` leaves the attribute off so the CSS media query decides.\r\n const attribute = theme === \"system\" ? undefined : theme;\r\n\r\n useEffect(() => {\r\n if (scope !== \"root\") return;\r\n const root = document.documentElement;\r\n const previous = root.getAttribute(THEME_ATTRIBUTE);\r\n if (attribute === undefined) root.removeAttribute(THEME_ATTRIBUTE);\r\n else root.setAttribute(THEME_ATTRIBUTE, attribute);\r\n return () => {\r\n if (previous === null) root.removeAttribute(THEME_ATTRIBUTE);\r\n else root.setAttribute(THEME_ATTRIBUTE, previous);\r\n };\r\n }, [scope, attribute]);\r\n\r\n const value = useMemo<ThemeContextValue>(\r\n () => ({ theme, resolvedTheme, setTheme }),\r\n [theme, resolvedTheme, setTheme],\r\n );\r\n\r\n return (\r\n <ThemeContext value={value}>\r\n {scope === \"root\" ? (\r\n children\r\n ) : (\r\n <div\r\n data-kit=\"theme-provider\"\r\n {...{ [THEME_ATTRIBUTE]: attribute }}\r\n className={cx(className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )}\r\n </ThemeContext>\r\n );\r\n}\r\n\r\n/* Reads and changes the theme of the nearest `ThemeProvider`. */\r\nexport function useTheme(): ThemeContextValue {\r\n const context = useContext(ThemeContext);\r\n if (context === null) {\r\n throw new Error(\"useTheme must be used inside a ThemeProvider.\");\r\n }\r\n return context;\r\n}\r\n"],"mappings":";;;AACO,SAAS,MAAM,QAAsE;AAC1F,QAAM,SAAS,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AAC9C,SAAO,WAAW,KAAK,SAAY;AACrC;;;ACiBI;AARG,SAAS,MAAM;AAAA,EACpB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,aAAW;AAAA,MACX,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC9BA;AAAA,EACE;AAAA,EACA;AAAA,OAKK;AAKA,SAAS,eACX,MACuB;AAC1B,SAAO,CAAC,SAAS;AACf,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,eAC9B,IAAK,CAAC,IAA8B,UAAU;AAAA,IACzD;AAAA,EACF;AACF;AAEA,SAAS,WAAW,WAAqB,YAAgC;AACvE,QAAM,SAAmB,EAAE,GAAG,WAAW,GAAG,WAAW;AAEvD,aAAW,OAAO,OAAO,KAAK,SAAS,GAAG;AACxC,UAAM,YAAY,UAAU,GAAG;AAC/B,UAAM,aAAa,WAAW,GAAG;AAEjC,QAAI,WAAW,KAAK,GAAG,KAAK,OAAO,cAAc,cAAc,OAAO,eAAe,YAAY;AAC/F,aAAO,GAAG,IAAI,IAAI,SAAoB;AACpC,mBAAW,GAAG,IAAI;AAClB,kBAAU,GAAG,IAAI;AAAA,MACnB;AAAA,IACF,WAAW,QAAQ,SAAS;AAC1B,aAAO,GAAG,IAAI,EAAE,GAAI,WAA6B,GAAI,WAA6B;AAAA,IACpF,WAAW,QAAQ,aAAa;AAC9B,aAAO,GAAG,IAAI,GAAG,WAAqB,UAAoB;AAAA,IAC5D;AAAA,EACF;AAEA,SAAO;AACT;AAiBO,SAAS,KAAK,EAAE,UAAU,KAAK,GAAG,UAAU,GAAc;AAC/D,MAAI,CAAC,eAAe,QAAQ,EAAG,QAAO;AAEtC,QAAM,QAAQ;AACd,QAAM,EAAE,KAAK,UAAU,GAAG,WAAW,IAAI,MAAM;AAE/C,SAAO,aAAa,OAAO;AAAA,IACzB,GAAG,WAAW,WAAW,UAAU;AAAA,IACnC,KAAK,YAAY,KAAK,QAAQ;AAAA,EAChC,CAAC;AACH;;;AC1DS,gBAAAA,YAAA;AAFF,SAAS,eAAe,EAAE,UAAU,OAAO,WAAW,GAAG,MAAM,GAAwB;AAC5F,QAAM,YAAY,UAAU,OAAO;AACnC,SAAO,gBAAAA,KAAC,aAAU,YAAS,mBAAkB,WAAW,GAAG,SAAS,GAAI,GAAG,OAAO;AACpF;;;ACeM,SACE,OAAAC,MADF;AAbC,SAAS,QAAQ,EAAE,OAAO,MAAM,OAAO,WAAW,KAAK,GAAG,MAAM,GAAiB;AACtF,QAAM,aAAa,UAAU;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAS;AAAA,MACT,aAAW;AAAA,MACX,MAAM,aAAa,SAAY;AAAA,MAC/B,eAAa,aAAa,OAAO;AAAA,MACjC,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,iBAAc,mBAAkB,SAAQ,aAAY,WAAU,SAAQ,eAAY,QACrF;AAAA,0BAAAA,KAAC,YAAO,iBAAc,iBAAgB,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO;AAAA,UACxE,gBAAAA,KAAC,YAAO,iBAAc,eAAc,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO;AAAA,WACxE;AAAA,QACC,aAAa,OAAO,gBAAAA,KAAC,kBAAgB,iBAAM;AAAA;AAAA;AAAA,EAC9C;AAEJ;;;ACmCM,SAOF,UAPE,OAAAC,MAOF,QAAAC,aAPE;AAzCC,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,QAAM,WAAW,YAAY;AAE7B,QAAM,cAAc,CAAC,UAAyC;AAC5D,QAAI,UAAU;AACZ,YAAM,eAAe;AACrB;AAAA,IACF;AACA,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB,UAAU,KAAK;AAAA,IAC/B,iBAAiB,WAAW,KAAK;AAAA,IACjC,aAAa,UAAU,OAAO;AAAA,IAC9B,WAAW,GAAG,SAAS;AAAA,IACvB,SAAS;AAAA,IACT,GAAG;AAAA,EACL;AAEA,MAAI,SAAS;AACX,WACE,gBAAAD,KAAC,QAAM,GAAG,QAAQ,iBAAe,WAAW,OAAO,QAChD,UACH;AAAA,EAEJ;AAEA,QAAM,UACJ,gBAAAC,MAAA,YACE;AAAA,oBAAAD,KAAC,UAAK,iBAAc,WAAW,UAAS;AAAA,IACvC,UACC,gBAAAA,KAAC,UAAK,iBAAc,WAClB,0BAAAA,KAAC,WAAQ,MAAK,MAAM,GAAI,iBAAiB,SAAY,CAAC,IAAI,EAAE,OAAO,aAAa,GAAI,GACtF,IACE;AAAA,KACN;AAGF,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MAEJ,MAAM,QAAQ;AAAA,MACd;AAAA,MACA,iBAAe,WAAW,CAAC,WAAW,OAAO;AAAA,MAE5C;AAAA;AAAA,EACH;AAEJ;;;AC7EI,gBAAAE,YAAA;AANG,SAAS,YAAY;AAAA,EAC1B,cAAc;AAAA,EACd,WAAW;AAAA,EACX,GAAG;AACL,GAAqB;AACnB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAS;AAAA,MACT,oBAAkB;AAAA,MAClB,iBAAe,WAAW,KAAK;AAAA,MAC9B,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC7BC,SAAS,YAAY;AACtB,SAAS,aAAa,WAAW,QAAQ,gBAAgC;;;ACerE,gBAAAC,YAAA;AAFG,SAAS,WAAW,EAAE,OAAO,UAAU,GAAG,MAAM,GAAoB;AACzE,SACE,gBAAAA,KAAC,UAAQ,GAAG,OAAO,cAAY,OAAO,kBAAe,IAClD,UACH;AAEJ;;;ADqDI,SAMA,YAAAC,WANA,OAAAC,MAoBI,QAAAC,aApBJ;AAzCG,SAAS,WAAW;AAAA,EACzB,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,GAAG;AACL,GAAoB;AAClB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,MAAM;AACvD,QAAM,QAAQ,OAAkD,MAAS;AAEzE,YAAU,MAAM,MAAM,aAAa,MAAM,OAAO,GAAG,CAAC,CAAC;AAErD,QAAM,SAAS;AAAA,IACb,CAAC,SAAqB;AACpB,gBAAU,IAAI;AACd,mBAAa,MAAM,OAAO;AAC1B,YAAM,UAAU,WAAW,MAAM,UAAU,MAAM,GAAG,OAAO;AAAA,IAC7D;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,OAAO,YAAY;AACvB,UAAM,OAAO,OAAO,WAAW,aAAa,OAAO,IAAI;AACvD,QAAI;AACF,UAAI,CAAC,UAAU,UAAW,OAAM,IAAI,MAAM,gCAAgC;AAC1E,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,iBAAW,IAAI;AACf,aAAO,QAAQ;AAAA,IACjB,SAAS,OAAO;AACd,oBAAc,KAAK;AACnB,aAAO,QAAQ;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,QACJ,gBAAAD,KAAC,QAAK,MAAM,WAAW,WAAW,UAAU,WAAW,WAAW,iBAAiB,QAAQ;AAE7F,QAAM,eACJ,WAAW,WAAW,cAAc,WAAW,WAAY,eAAe,KAAM;AAElF,SACE,gBAAAC,MAAAF,WAAA,EACG;AAAA,iBAAa,SACZ,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAc;AAAA,QACd,eAAa;AAAA,QACb,SAAS,MAAM,KAAK,KAAK;AAAA,QACxB,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,IAEA,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,iBAAc;AAAA,QACd,eAAa;AAAA,QACb,SAAS,MAAM,KAAK,KAAK;AAAA,QACxB,GAAG;AAAA,QAEH;AAAA;AAAA,UACA;AAAA;AAAA;AAAA,IACH;AAAA,IAEF,gBAAAD,KAAC,kBAAe,MAAK,UAAS,aAAU,UACrC,wBACH;AAAA,KACF;AAEJ;;;AE9GA,SAAS,gBAA4D;AAM5D,gBAAAE,MAeD,QAAAC,aAfC;AADF,SAAS,IAAI,OAAiB;AACnC,SAAO,gBAAAD,KAAC,SAAI,YAAS,OAAO,GAAG,OAAO;AACxC;AAQO,SAAS,SAAS,EAAE,YAAY,KAAK,UAAU,GAAG,MAAM,GAAkB;AAC/E,QAAM,OAAO,SAAS,QAAQ,QAAQ;AACtC,SACE,gBAAAA,KAAC,UAAK,YAAS,aAAa,GAAG,OAC5B,eAAK,IAAI,CAAC,KAAK;AAAA;AAAA,IAEd,gBAAAC,MAAC,UAAiB,iBAAc,YAC7B;AAAA,cAAQ,IACP,gBAAAD,KAAC,UAAK,eAAY,QAAO,iBAAc,iBACpC,qBACH,IACE;AAAA,MACH;AAAA,SANQ,KAOX;AAAA,GACD,GACH;AAEJ;;;AChCA,SAAS,QAAAE,aAAY;AA0CC,SAUV,YAAAC,WAVU,OAAAC,MAUV,QAAAC,aAVU;AAlBf,SAAS,KAAK;AAAA,EACnB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,SAAS;AAAA,IACb,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,iBAAiB,WAAW,KAAK;AAAA,IACjC,GAAI,WAAW,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAAI,CAAC;AAAA,IACnE,GAAG;AAAA,EACL;AAEA,MAAI,QAAS,QAAO,gBAAAD,KAAC,QAAM,GAAG,QAAS,UAAS;AAEhD,SACE,gBAAAC,MAAC,OAAG,GAAG,QACJ;AAAA;AAAA,IACA,WACC,gBAAAA,MAAAF,WAAA,EACE;AAAA,sBAAAC,KAACE,OAAA,EAAK,MAAK,iBAAgB,MAAM,IAAI,iBAAc,iBAAgB;AAAA,MAElE,gBACC,gBAAAD,MAAAF,WAAA,EACG;AAAA;AAAA,QACD,gBAAAC,KAAC,kBAAgB,yBAAc;AAAA,SACjC,IACE;AAAA,OACN,IACE;AAAA,KACN;AAEJ;;;AC7DA,SAAS,UAAU,kBAAkB;AACrC,SAAS,eAAe,uBAAuB;AAoBtC,gBAAAG,aAAA;AALF,SAAS,OAAsC;AAAA,EACpD,UAAU;AAAA,EACV,OAAO;AAAA,EACP,GAAG;AACL,GAAuB;AACrB,SAAO,gBAAAA,MAAC,cAAW,YAAS,UAAS,gBAAc,SAAS,aAAW,MAAO,GAAG,OAAO;AAC1F;AAWO,SAAS,YAA2C;AAAA,EACzD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,GAAG;AACL,GAA4B;AAC1B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,iBAAe,WAAW,KAAK;AAAA,MAC/B;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC9CA,SAAS,YAAY,oBAAoB;AACzC,SAAS,iBAAiB,yBAAyB;AACnD,SAAS,QAAAC,aAAY;;;ACFrB,SAAS,aAA6B;AA0CD,qBAAAC,WAAA,OAAAC,OAI/B,QAAAC,aAJ+B;AAhC9B,SAAS,aAAa,OAAkB,aAAwB;AACrE,QAAM,UAAU,MAAM;AACtB,QAAM,gBAAgB,MAAM;AAC5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,mBAAmB,QAAQ,UAAU;AAAA,MACrC,oBAAoB,cAAc,gBAAgB;AAAA,IACpD;AAAA,EACF;AACF;AAYO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,MAAI,CAAC,SAAS,CAAC,YAAa,QAAO,gBAAAD,MAAAD,WAAA,EAAG,mBAAQ;AAC9C,SACE,gBAAAE,MAAC,WAAM,YAAS,UAAS,eAAa,MAAM,iBAAe,WAAW,KAAK,QACxE;AAAA;AAAA,IACD,gBAAAA,MAAC,UAAK,iBAAc,eACjB;AAAA,cACC,gBAAAD,MAAC,UAAK,IAAI,SAAS,iBAAc,gBAC9B,iBACH,IACE;AAAA,MACH,cACC,gBAAAA,MAAC,UAAK,IAAI,eAAe,iBAAc,sBACpC,uBACH,IACE;AAAA,OACN;AAAA,KACF;AAEJ;;;ADtCM,SACE,OAAAE,OADF,QAAAC,aAAA;AAJC,SAAS,SAAS,EAAE,OAAO,aAAa,UAAU,GAAG,MAAM,GAAkB;AAClF,QAAM,EAAE,SAAS,eAAe,YAAY,IAAI,aAAa,OAAO,WAAW;AAC/E,QAAM,UACJ,gBAAAD,MAAC,aAAa,MAAb,EAAkB,YAAS,YAAW,UAAqB,GAAG,aAAc,GAAG,OAC9E,0BAAAC,MAAC,aAAa,WAAb,EAAuB,iBAAc,sBACpC;AAAA,oBAAAD,MAACE,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,iBAAc,kBAAiB;AAAA,IAC5D,gBAAAF,MAACE,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,iBAAc,iBAAgB;AAAA,KAC7D,GACF;AAEF,SACE,gBAAAF;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAQO,SAAS,cAAc,OAA2B;AACvD,SAAO,gBAAAA,MAAC,qBAAkB,YAAS,kBAAkB,GAAG,OAAO;AACjE;;;AEjDA,SAAS,YAAY,oBAAoB;AACzC,SAAS,QAAAG,aAAY;AACrB,SAAS,SAAAC,QAAO,UAAAC,eAAkC;AA+C5C,SA6KM,YAAAC,WA7KN,OAAAC,OAaQ,QAAAC,aAbR;AAdN,IAAM,oBAAoB,CAAC,WAA2B,OAAO;AAC7D,IAAM,oBAAoB,CAAC,WAA2B,OAAO;AAC7D,IAAM,qBAAqB,CAAC,GAAmB,MAAsB,EAAE,UAAU,EAAE;AAQnF,SAAS,WAAW,EAAE,MAAM,GAAsB;AAChD,QAAM,KAAKJ,OAAM;AACjB,SACE,gBAAAG,MAAC,aAAa,SAAb,EAAqB,IAAQ,mBAAiB,IAAI,cAAY,OAAO,iBAAc,oBAClF,0BAAAA,MAACJ,OAAA,EAAK,MAAK,gBAAe,GAC5B;AAEJ;AAEA,SAAS,QAAQ,EAAE,WAAW,GAA2B;AACvD,SACE,gBAAAI,MAAC,aAAa,QAAb,EACC,0BAAAA,MAAC,aAAa,YAAb,EAAwB,YAAY,GAAG,YAAS,uBAC/C,0BAAAC,MAAC,aAAa,OAAb,EAAmB,YAAS,kBAC3B;AAAA,oBAAAD,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAAkB,sBAAW;AAAA,IAC/D,gBAAAA,MAAC,aAAa,MAAb,EAAkB,iBAAc,iBAC9B,WAAC,WACA,gBAAAC;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QAEC,OAAO;AAAA,QACP,UAAU,OAAO;AAAA,QACjB,YAAS;AAAA,QAET;AAAA,0BAAAD,MAAC,aAAa,eAAb,EAA2B,iBAAc,2BACxC,0BAAAA,MAACJ,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAC/B;AAAA,UACA,gBAAAI,MAAC,UAAK,iBAAc,sBAAsB,iBAAO,OAAM;AAAA;AAAA;AAAA,MARlD,OAAO;AAAA,IASd,GAEJ;AAAA,KACF,GACF,GACF;AAEJ;AAcO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AACtB,GAAkB;AAChB,QAAM,OAAO,CAAC,QACZ,QAAQ,SAAY,SAAa,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,GAAG,KAAK;AAErF,SACE,gBAAAC;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,MACP,OAAO,KAAK,KAAK;AAAA,MACjB,cAAc,KAAK,YAAY;AAAA,MAC/B,eAAe,CAAC,WAAW,gBAAgB,QAAQ,SAAS,IAAI;AAAA,MAChE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,wBAAAA;AAAA,UAAC,aAAa;AAAA,UAAb;AAAA,YACC,YAAS;AAAA,YACT,aAAW;AAAA,YACX,gBAAc,UAAU,KAAK;AAAA,YAC7B;AAAA,YACA;AAAA,YAEA;AAAA,8BAAAD;AAAA,gBAAC,aAAa;AAAA,gBAAb;AAAA,kBACC,iBAAc;AAAA,kBACd;AAAA,kBACA,cAAY;AAAA,kBACZ,mBAAiB;AAAA,kBACjB,oBAAkB;AAAA,kBAClB,gBAAc,UAAU,OAAO;AAAA;AAAA,cACjC;AAAA,cACA,gBAAAA,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAAiB,cAAY,YAC7D,0BAAAA,MAACJ,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAC/B;AAAA,cACA,gBAAAI,MAAC,cAAW,OAAO,WAAW;AAAA;AAAA;AAAA,QAChC;AAAA,QACA,gBAAAA,MAAC,WAAQ,YAAwB;AAAA;AAAA;AAAA,EACnC;AAEJ;AAcO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AACtB,GAAuB;AACrB,QAAM,SAASF,QAA8B,IAAI;AACjD,QAAM,OAAO,CAAC,SACZ,SAAS,SACL,SACA,KAAK,QAAQ,CAAC,QAAQ,QAAQ,OAAO,CAAC,WAAW,OAAO,UAAU,GAAG,CAAC;AAE5E,SACE,gBAAAG;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,UAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO,KAAK,KAAK;AAAA,MACjB,cAAc,KAAK,YAAY;AAAA,MAC/B,eAAe,CAAC,aAAa,gBAAgB,SAAS,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAAA,MACnF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,wBAAAA;AAAA,UAAC,aAAa;AAAA,UAAb;AAAA,YACC,KAAK;AAAA,YACL,YAAS;AAAA,YACT,iBAAc;AAAA,YACd,aAAW;AAAA,YACX,gBAAc,UAAU,KAAK;AAAA,YAC7B;AAAA,YACA;AAAA,YAEA;AAAA,8BAAAD,MAAC,aAAa,OAAb,EACE,WAAC,aACA,gBAAAC,MAAAF,WAAA,EACG;AAAA,yBAAS,IAAI,CAAC,WACb,gBAAAE,MAAC,aAAa,MAAb,EAAqC,iBAAc,iBAClD;AAAA,kCAAAD,MAAC,UAAK,iBAAc,sBAAsB,iBAAO,OAAM;AAAA,kBACvD,gBAAAA;AAAA,oBAAC,aAAa;AAAA,oBAAb;AAAA,sBACC,iBAAc;AAAA,sBACd,cAAY,YAAY,OAAO,KAAK;AAAA,sBAEpC,0BAAAA,MAACJ,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA;AAAA,kBAC/B;AAAA,qBAPsB,OAAO,KAQ/B,CACD;AAAA,gBACD,gBAAAI;AAAA,kBAAC,aAAa;AAAA,kBAAb;AAAA,oBACC,iBAAc;AAAA,oBACd,aAAa,SAAS,WAAW,IAAI,cAAc;AAAA,oBACnD,cAAY;AAAA,oBACZ,mBAAiB;AAAA,oBACjB,oBAAkB;AAAA,oBAClB,gBAAc,UAAU,OAAO;AAAA;AAAA,gBACjC;AAAA,iBACF,GAEJ;AAAA,cACA,gBAAAA,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAAiB,cAAY,YAC7D,0BAAAA,MAACJ,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAC/B;AAAA,cACA,gBAAAI,MAAC,cAAW,OAAO,WAAW;AAAA;AAAA;AAAA,QAChC;AAAA,QACA,gBAAAA,MAAC,aAAa,QAAb,EACC,0BAAAA,MAAC,aAAa,YAAb,EAAwB,QAAgB,YAAY,GAAG,YAAS,uBAC/D,0BAAAC,MAAC,aAAa,OAAb,EAAmB,YAAS,kBAC3B;AAAA,0BAAAD,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAAkB,sBAAW;AAAA,UAC/D,gBAAAA,MAAC,aAAa,MAAb,EAAkB,iBAAc,iBAC9B,WAAC,WACA,gBAAAC;AAAA,YAAC,aAAa;AAAA,YAAb;AAAA,cAEC,OAAO;AAAA,cACP,UAAU,OAAO;AAAA,cACjB,YAAS;AAAA,cAET;AAAA,gCAAAD,MAAC,aAAa,eAAb,EAA2B,iBAAc,2BACxC,0BAAAA,MAACJ,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAC/B;AAAA,gBACA,gBAAAI,MAAC,UAAK,iBAAc,sBAAsB,iBAAO,OAAM;AAAA;AAAA;AAAA,YARlD,OAAO;AAAA,UASd,GAEJ;AAAA,WACF,GACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AClRA,SAAS,SAAS,iBAAiB;AACnC,SAAS,YAAY,oBAAoB;AAiDjC,SAGI,OAAAE,OAHJ,QAAAC,aAAA;AApBD,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,WAAW,UAAU,UAAa,UAAU,QAAQ,UAAU,SAAS,UAAU;AACvF,SACE,gBAAAA;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,YAAS;AAAA,MACT,oBAAkB;AAAA,MAClB,iBAAe,WAAW,KAAK;AAAA,MAC/B,SAAS,YAAY,WAAW,OAAO;AAAA,MACtC,GAAG;AAAA,MAEH;AAAA,gBACC,gBAAAA,MAAC,UAAU,OAAV,EAAgB,iBAAc,eAC5B;AAAA;AAAA,UACA,WACC,gBAAAD,MAAC,UAAK,eAAY,QAAO,iBAAc,kBAAiB,eAExD,IACE;AAAA,WACN,IACE;AAAA,QACH,cACC,gBAAAA,MAAC,UAAU,aAAV,EAAsB,iBAAc,qBAAqB,uBAAY,IACpE;AAAA,QACJ,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,UAAS;AAAA,QAC5C,WACC,gBAAAA,MAAC,UAAU,OAAV,EAAgB,OAAK,MAAC,iBAAc,eAAc,aAAU,UAC1D,iBACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAOO,SAAS,WAAW,OAAwB;AACjD,SAAO,gBAAAA,MAAC,UAAU,OAAV,EAAgB,iBAAc,eAAe,GAAG,OAAO;AACjE;AAEO,SAAS,iBAAiB,OAA8B;AAC7D,SAAO,gBAAAA,MAAC,UAAU,aAAV,EAAsB,iBAAc,qBAAqB,GAAG,OAAO;AAC7E;AAEO,SAAS,WAAW,OAAwB;AACjD,SAAO,gBAAAA,MAAC,UAAU,OAAV,EAAgB,iBAAc,eAAc,aAAU,UAAU,GAAG,OAAO;AACpF;AAWO,SAAS,SAAS,EAAE,QAAQ,aAAa,UAAU,GAAG,MAAM,GAAkB;AACnF,SACE,gBAAAC,MAAC,aAAa,MAAb,EAAkB,YAAS,YAAY,GAAG,OACzC;AAAA,oBAAAD,MAAC,aAAa,QAAb,EAAoB,iBAAc,mBAAmB,kBAAO;AAAA,IAC5D,cAAc,gBAAAA,MAAC,OAAE,iBAAc,wBAAwB,uBAAY,IAAO;AAAA,IAC3E,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,UAAS;AAAA,KAC/C;AAEJ;;;AC1GA,SAAS,SAAS,iBAAiB;AACnC,SAAS,QAAAE,aAAY;AACrB,SAAS,YAAAC,iBAA4D;AAgBjE,gBAAAC,OA4DA,QAAAC,cA5DA;AAFG,SAAS,MAAM,EAAE,OAAO,MAAM,SAAS,GAAG,MAAM,GAAe;AACpE,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,gBAAc,UAAU,KAAK;AAAA,MAC7B,gBAAc,UAAU,OAAO;AAAA,MAC9B,GAAG;AAAA;AAAA,EACN;AAEJ;AAYO,SAAS,WAAW,EAAE,OAAO,MAAM,SAAS,UAAU,GAAG,MAAM,GAAoB;AACxF,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,gBAAc,UAAU,KAAK;AAAA,MAC7B,iBAAe,WAAW,KAAK;AAAA,MAC9B,GAAG;AAAA;AAAA,EACN;AAEJ;AAKO,SAAS,WAAW,OAAwB;AACjD,SAAO,gBAAAA,MAAC,UAAK,YAAS,eAAe,GAAG,OAAO;AACjD;AAYO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAIE,UAAS,KAAK;AAC5C,SACE,gBAAAD,OAAC,cAAW,MAAY,SAAkB,UACvC;AAAA,iBAAa,gBAAAD,MAAC,cAAW,eAAY,QAAQ,sBAAW,IAAgB;AAAA,IACzE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAa;AAAA,QACZ,GAAG;AAAA,QACJ,MAAM,UAAU,SAAS;AAAA;AAAA,IAC3B;AAAA,IACA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,UAAU,YAAY;AAAA,QAC7B,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAM,SAAS,OAAO,OAAO;AAAA,QAC7B;AAAA,QACA,SAAS,MAAM,WAAW,CAAC,YAAY,CAAC,OAAO;AAAA,QAE/C,0BAAAA,MAACG,OAAA,EAAK,MAAM,UAAU,YAAY,OAAO;AAAA;AAAA,IAC3C;AAAA,KACF;AAEJ;;;ACpGA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAAC,aAAY;AAmCf,SAMI,OAAAC,OANJ,QAAAC,cAAA;AAbC,SAAS,YAAY;AAAA,EAC1B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,GAAG;AACL,GAAqB;AACnB,SACE,gBAAAD,MAAC,gBAAgB,MAAhB,EAAsB,GAAG,OACxB,0BAAAC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,gBAAc,UAAU,KAAK;AAAA,MAE7B;AAAA,wBAAAD,MAAC,gBAAgB,WAAhB,EAA0B,iBAAc,oBAAmB,cAAY,gBACtE,0BAAAA,MAACD,OAAA,EAAK,MAAK,SAAQ,MAAM,SAAS,QAAQ,SAAS,OAAO,KAAK,IAAI,GACrE;AAAA,QACA,gBAAAC;AAAA,UAAC,gBAAgB;AAAA,UAAhB;AAAA,YACC,iBAAc;AAAA,YACd;AAAA,YACA,cAAY;AAAA,YACZ,mBAAiB;AAAA,YACjB,oBAAkB;AAAA,YAClB,gBAAc,UAAU,OAAO;AAAA;AAAA,QACjC;AAAA,QACA,gBAAAA,MAAC,gBAAgB,WAAhB,EAA0B,iBAAc,oBAAmB,cAAY,gBACtE,0BAAAA,MAACD,OAAA,EAAK,MAAK,QAAO,MAAM,SAAS,QAAQ,SAAS,OAAO,KAAK,IAAI,GACpE;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;;;AC1DA,SAAS,YAAY,oBAAoB;AACzC,SAAS,SAAAG,cAAa;AAqClB,qBAAAC,WAGM,OAAAC,OAHN,QAAAC,cAAA;AAZG,SAAS,SAAS;AAAA,EACvB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,cAAcC,OAAM;AAC1B,QAAM,UAAU,MAAM;AACtB,SACE,gBAAAD,OAAAF,WAAA,EACG;AAAA,YACC,gBAAAC,MAAC,kBACC,0BAAAA,MAAC,WAAM,SAAS,SAAU,iBAAM,GAClC,IACE;AAAA,IACJ,gBAAAA;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,YAAS;AAAA,QACT,aAAW;AAAA,QACX,gBAAc,UAAU,KAAK;AAAA,QAC7B,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,KAAK,EAAE,OAAO,GAAG,CAAC,GAAG,UAC1B,gBAAAA;AAAA,UAAC,aAAa;AAAA,UAAb;AAAA,YAGC,iBAAc;AAAA,YAEd,cAAY,UAAU,IAAI,SAAY,cAAc,OAAO,MAAM;AAAA,YACjE,gBAAc,UAAU,OAAO;AAAA;AAAA,UAJ1B;AAAA,QAKP,CACD;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;;;ACjEA,SAAS,SAAS,iBAAiB;AACnC,SAAS,cAAc,sBAAsB;AAiBpC,gBAAAG,aAAA;AAJF,SAAS,WAA2B;AAAA,EACzC,cAAc;AAAA,EACd,GAAG;AACL,GAA2B;AACzB,SAAO,gBAAAA,MAAC,kBAAe,YAAS,eAAc,oBAAkB,aAAc,GAAG,OAAO;AAC1F;AAQO,SAAS,MAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,EAAE,SAAS,eAAe,YAAY,IAAI,aAAa,OAAO,WAAW;AAC/E,QAAM,UACJ,gBAAAA,MAAC,UAAU,MAAV,EAAe,YAAS,SAAQ,UAAqB,GAAG,aAAc,GAAG,OACxE,0BAAAA,MAAC,UAAU,WAAV,EAAoB,iBAAc,mBAAkB,GACvD;AAEF,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;;;AClDA,SAAS,UAAU,kBAAkB;AACrC,SAAS,QAAAC,aAAY;AACrB,SAAS,YAAAC,iBAAoD;AAkEzD,SAQI,OAAAC,OARJ,QAAAC,cAAA;AA5CJ,SAAS,QACP,MAC4B;AAC5B,SAAO,aAAa;AACtB;AAEA,SAAS,QAAuC,OAAkD;AAChG,SAAO,MAAM,QAAQ,CAAC,SAAU,QAAQ,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAAE;AACxE;AAsBO,SAAS,OAA+C;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,GAAG;AACL,GAAuB;AACrB,QAAM,OAAO,QAAQ,OAAO;AAC5B,QAAM,eAAe,CAAC,WACpB,gBAAAA;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MAEC,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,MACjB,OAAO,OAAO,cAAc,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,OAAO,OAAO,KAAK;AAAA,MACjG,YAAS;AAAA,MAET;AAAA,wBAAAD,MAAC,WAAW,eAAX,EAAyB,iBAAc,yBACtC,0BAAAA,MAACF,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAC/B;AAAA,QACA,gBAAAE,MAAC,WAAW,UAAX,EAAoB,iBAAc,oBAAoB,iBAAO,OAAM;AAAA;AAAA;AAAA,IAT/D,OAAO;AAAA,EAUd;AAGF,SACE,gBAAAC;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,OAAO,KAAK,IAAI,CAAC,YAAY,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,MAAM,EAAE;AAAA,MACzE,GAAG;AAAA,MAEJ;AAAA,wBAAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACC,YAAS;AAAA,YACT,aAAW;AAAA,YACX,gBAAc,UAAU,KAAK;AAAA,YAC7B,gBAAc,UAAU,OAAO;AAAA,YAC/B,cAAY;AAAA,YACZ,mBAAiB;AAAA,YACjB,oBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YAEA;AAAA,8BAAAD,MAAC,WAAW,OAAX,EAAiB,iBAAc,gBAAe,aAA0B;AAAA,cACzE,gBAAAA,MAAC,WAAW,MAAX,EAAgB,iBAAc,eAC7B,0BAAAA,MAACF,OAAA,EAAK,MAAK,gBAAe,GAC5B;AAAA;AAAA;AAAA,QACF;AAAA,QACA,gBAAAE,MAAC,WAAW,QAAX,EACC,0BAAAA,MAAC,WAAW,YAAX,EAAsB,YAAY,GAAG,sBAAsB,OAAO,YAAS,qBAC1E,0BAAAA,MAAC,WAAW,OAAX,EAAiB,YAAS,gBACzB,0BAAAA,MAAC,WAAW,MAAX,EAAgB,iBAAc,eAC5B,kBAAQ;AAAA,UAAI,CAAC,MAAM,UAClB,QAAQ,IAAI,IACV,gBAAAC,OAAC,WAAW,OAAX,EAAwC,iBAAc,gBACrD;AAAA,4BAAAD,MAAC,WAAW,YAAX,EAAsB,iBAAc,sBAClC,eAAK,OACR;AAAA,YACC,KAAK,QAAQ,IAAI,YAAY;AAAA,eAJT,SAAS,KAAK,EAKrC,IAEA,gBAAAA,MAACD,WAAA,EAA2B,uBAAa,IAAI,KAA9B,KAAK,KAA2B;AAAA,QAEnD,GACF,GACF,GACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC7HA,SAAS,UAAU,kBAAkB;AAoC7B,SACE,OAAAG,OADF,QAAAC,cAAA;AArBR,SAAS,WAAW,OAAwB;AAC1C,SAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,SAAS;AAC/C;AAOO,SAAS,OAA0D;AAAA,EACxE;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,GAAG;AACL,GAAuB;AACrB,QAAM,QAAQ,WAAW,MAAM,SAAS,MAAM,YAAY;AAC1D;AAAA;AAAA;AAAA,IAGE,gBAAAA,OAAC,WAAW,MAAX,EAAgB,YAAS,UAAU,GAAG,OACrC;AAAA,sBAAAD,MAAC,WAAW,SAAX,EAAmB,iBAAc,kBAChC,0BAAAC,OAAC,WAAW,OAAX,EAAiB,iBAAc,gBAC9B;AAAA,wBAAAD,MAAC,WAAW,WAAX,EAAqB,iBAAc,oBAAmB;AAAA,QACtD,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU;AAC3C,gBAAM,QAAQ,gBAAgB,OAAO,KAAK,KAAK;AAC/C,iBACE,gBAAAA;AAAA,YAAC,WAAW;AAAA,YAAX;AAAA,cAGC;AAAA,cACA,iBAAc;AAAA,cAGd,cAAc,UAAU,SAAY,SAAY,MAAM;AAAA;AAAA,YALjD;AAAA,UAMP;AAAA,QAEJ,CAAC;AAAA,SACH,GACF;AAAA,MACC,YAAY,gBAAAA,MAAC,WAAW,OAAX,EAAiB,iBAAc,gBAAe,IAAK;AAAA,OACnE;AAAA;AAEJ;;;ACzDA,SAAS,UAAU,kBAAkB;AAkB/B,gBAAAE,aAAA;AAJC,SAAS,OAAO,EAAE,OAAO,aAAa,UAAU,GAAG,MAAM,GAAgB;AAC9E,QAAM,EAAE,SAAS,eAAe,YAAY,IAAI,aAAa,OAAO,WAAW;AAC/E,QAAM,UACJ,gBAAAA,MAAC,WAAW,MAAX,EAAgB,YAAS,UAAS,UAAqB,GAAG,aAAc,GAAG,OAC1E,0BAAAA,MAAC,WAAW,OAAX,EAAiB,iBAAc,gBAAe,GACjD;AAEF,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;;;AChCA,SAAS,SAASC,kBAAiB;AAgC3B,gBAAAC,aAAA;AAfD,SAAS,SAAS;AAAA,EACvB,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb,GAAG;AACL,GAAkB;AAChB,SACE,gBAAAA;AAAA,IAACD,WAAU;AAAA,IAAV;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,gBAAc,UAAU,KAAK;AAAA,MAC7B,oBAAkB,aAAa,KAAK;AAAA,MACpC,gBAAc,UAAU,OAAO;AAAA,MAC/B,QAAQ,CAAC,iBACP,gBAAAC,MAAC,cAAU,GAAI,cAAoD,MAAY;AAAA,MAEhF,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACjBI,gBAAAC,aAAA;AAPG,SAAS,QAAQ;AAAA,EACtB,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAAiB;AACf,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,oBAAkB;AAAA,MAClB,MAAM,aAAa,iBAAiB;AAAA,MACpC,oBAAkB,CAAC,cAAc,gBAAgB,aAAa,aAAa;AAAA,MAC3E,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC7BA,SAAS,cAAc;AAmCnB,gBAAAC,aAAA;AAhBJ,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6C;AAC3C,QAAM,YAAY,UAAU,OAAO;AACnC,QAAM,WACJ,QAAQ,SAAY,SAAY,EAAE,KAAK,OAAO,SAAS,GAAG,EAAE,EAAE;AAEhE,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,aAAW,OAAO,KAAK;AAAA,MACvB,WAAW,GAAG,SAAS;AAAA,MACvB,OAAO,EAAE,GAAG,UAAU,GAAG,MAAM;AAAA,MAC9B,GAAG;AAAA;AAAA,EACN;AAEJ;AAKO,SAAS,MAAM,EAAE,MAAM,KAAK,GAAG,MAAM,GAAe;AACzD,SAAO,gBAAAA,MAAC,QAAK,MAAK,SAAQ,KAAW,GAAG,OAAO;AACjD;AAKO,SAAS,OAAO,EAAE,MAAM,KAAK,QAAQ,UAAU,OAAO,MAAM,GAAG,MAAM,GAAgB;AAC1F,SAAO,gBAAAA,MAAC,QAAK,MAAK,UAAS,KAAU,OAAc,MAAa,GAAG,OAAO;AAC5E;;;AC3DA,SAAS,QAAAC,aAA2B;AAkDa,gBAAAC,OAa3C,QAAAC,cAb2C;AA7C1C,IAAM,YAA0C;AAAA,EACrD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AA2BO,SAAS,MAAM;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,QAAQ,SAAS,QAAQ,OAAQ,QAAQ,gBAAAD,MAACE,OAAA,EAAK,MAAM,UAAU,IAAI,GAAG,MAAM,IAAI;AACtF,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,MAAM,SAAS,SAAS,WAAW,UAAU;AAAA,MAC5C,GAAG;AAAA,MAEH;AAAA,gBACC,gBAAAD,MAAC,UAAK,iBAAc,cAAa,eAAY,QAC1C,iBACH,IACE;AAAA,QACJ,gBAAAC,OAAC,SAAI,iBAAc,cAChB;AAAA,kBAAQ,gBAAAD,MAAC,SAAI,iBAAc,eAAe,iBAAM,IAAS;AAAA,UACzD,WAAW,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,UAAS,IAAS;AAAA,WACpE;AAAA,QACC,SAAS,gBAAAA,MAAC,SAAI,iBAAc,gBAAgB,kBAAO,IAAS;AAAA,QAC5D,YACC,gBAAAA,MAAC,cAAW,OAAO,cAAc,SAAQ,SAAQ,MAAK,WAAU,MAAK,MAAK,SAAS,WACjF,0BAAAA,MAACE,OAAA,EAAK,MAAK,SAAQ,GACrB,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAaO,SAAS,QAAQ,EAAE,OAAO,QAAQ,OAAO,MAAM,UAAU,GAAG,MAAM,GAAiB;AACxF,QAAM,QAAQ,SAAS,QAAQ,OAAQ,QAAQ,gBAAAF,MAACE,OAAA,EAAK,MAAM,UAAU,IAAI,GAAG,MAAM,IAAI;AACtF,SACE,gBAAAD,OAAC,WAAM,YAAS,WAAU,aAAW,MAAO,GAAG,OAC5C;AAAA,YACC,gBAAAD,MAAC,UAAK,iBAAc,gBAAe,eAAY,QAC5C,iBACH,IACE;AAAA,IACJ,gBAAAC,OAAC,SAAI,iBAAc,gBAChB;AAAA,cAAQ,gBAAAD,MAAC,SAAI,iBAAc,iBAAiB,iBAAM,IAAS;AAAA,MAC3D,WAAW,gBAAAA,MAAC,SAAI,iBAAc,mBAAmB,UAAS,IAAS;AAAA,OACtE;AAAA,KACF;AAEJ;;;ACvGA,SAAS,SAAS,iBAAiB;AACnC,SAAS,YAAY,oBAAoB;AA6BjC,SACW,OAAAG,OADX,QAAAC,cAAA;AAVD,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,GAAG;AACL,GAAkB;AAChB,SACE,gBAAAA,OAAC,aAAa,MAAb,EAAkB,YAAS,YAAW,aAAW,MAAM,aAAW,MAAO,GAAG,OAC1E;AAAA,aAAS,YACR,gBAAAA,OAAC,SAAI,iBAAc,mBAChB;AAAA,cAAQ,gBAAAD,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAAkB,iBAAM,IAAwB;AAAA,MAC1F,YAAY,gBAAAA,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAAiB,IAAK;AAAA,OACvE,IACE;AAAA,IACJ,gBAAAA,MAAC,aAAa,OAAb,EAAmB,iBAAc,kBAChC,0BAAAA,MAAC,aAAa,WAAb,EAAuB,iBAAc,sBAAqB,GAC7D;AAAA,KACF;AAEJ;AAaO,SAAS,MAAM,EAAE,OAAO,YAAY,OAAO,OAAO,MAAM,OAAO,UAAU,GAAG,MAAM,GAAe;AACtG,SACE,gBAAAC,OAAC,UAAU,MAAV,EAAe,YAAS,SAAQ,aAAW,MAAM,aAAW,MAAO,GAAG,OACpE;AAAA,aAAS,YACR,gBAAAA,OAAC,SAAI,iBAAc,mBAChB;AAAA,cAAQ,gBAAAD,MAAC,UAAU,OAAV,EAAgB,iBAAc,kBAAkB,iBAAM,IAAqB;AAAA,MACpF,YAAY,gBAAAA,MAAC,UAAU,OAAV,EAAgB,iBAAc,kBAAiB,IAAK;AAAA,OACpE,IACE;AAAA,IACJ,gBAAAA,MAAC,UAAU,OAAV,EAAgB,iBAAc,kBAC7B,0BAAAA,MAAC,UAAU,WAAV,EAAoB,iBAAc,sBAAqB,GAC1D;AAAA,KACF;AAEJ;;;ACnEA,SAAS,YAAYE,qBAAoB;AAyDkB,gBAAAC,OAanD,QAAAC,cAbmD;AA/C3D,IAAM,SAAS;AAGf,IAAM,wBAAwB;AAgB9B,SAAS,UAAU,OAAsB,KAAa,KAAqB;AACzE,MAAI,UAAU,QAAQ,CAAC,OAAO,SAAS,KAAK,KAAK,OAAO,IAAK,QAAO;AACpE,QAAM,WAAY,QAAQ,QAAQ,MAAM,OAAQ;AAChD,SAAO,KAAK,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,GAAG,IAAI;AACjE;AAYO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,GAAG;AACL,GAAwB;AACtB,QAAM,UAAU,UAAU,OAAO,wBAAwB,UAAU,OAAO,KAAK,GAAG;AAClF,QAAM,SAAS,aAAa,aAAa,SAAS,OAAO,gBAAAD,MAACD,cAAa,OAAb,EAAmB,IAAK;AAElF,SACE,gBAAAE;AAAA,IAACF,cAAa;AAAA,IAAb;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,aAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,wBAAAE,OAAC,SAAI,iBAAc,wBAAuB,OAAO,EAAE,cAAc,QAAQ,GACvE;AAAA,0BAAAA,OAAC,SAAI,SAAQ,eAAc,eAAY,QAAO,WAAU,SAAQ,iBAAc,uBAC5E;AAAA,4BAAAD,MAAC,YAAO,iBAAc,yBAAwB,IAAI,IAAI,IAAI,IAAI,GAAG,QAAQ;AAAA,YAEzE,gBAAAA,MAAC,YAAO,iBAAc,6BAA4B,IAAI,IAAI,IAAI,IAAI,GAAG,QAAQ,YAAY,KAAK;AAAA,aAChG;AAAA,UACC,SAAS,gBAAAA,MAAC,UAAK,iBAAc,0BAA0B,kBAAO,IAAU;AAAA,WAC3E;AAAA,QACC,QAAQ,gBAAAA,MAACD,cAAa,OAAb,EAAmB,iBAAc,yBAAyB,iBAAM,IAAwB;AAAA;AAAA;AAAA,EACpG;AAEJ;;;AChFA,SAAqC,aAAAG,YAAW,SAAS,UAAAC,SAAQ,YAAAC,iBAAgB;AAgI7E,SACE,OAAAC,OADF,QAAAC,cAAA;AA5HJ,IAAM,oBAAoB;AAG1B,IAAM,uBAAuB;AAE7B,IAAM,iBAAiB;AAmBvB,IAAM,UAAU,CAAC,MAAc,KAAK,IAAI,MAAM;AAE9C,SAAS,uBAAgC;AACvC,SAAO,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,cAAc,OAAO,WAAW,cAAc,EAAE;AACvH;AAGA,SAAS,cAAc,SAAiC;AACtD,MAAI,CAAC,WAAW,OAAO,qBAAqB,WAAY,QAAO;AAC/D,QAAM,MAAM,iBAAiB,OAAO,EAAE,iBAAiB,qBAAqB,EAAE,KAAK;AACnF,QAAM,QAAQ,sBAAsB,KAAK,GAAG;AAC5C,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,OAAO,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,MAAM,MAAO;AACvD;AAGA,SAAS,WAAW,OAAuB;AACzC,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,QAAM,CAAC,EAAE,WAAW,EAAE,IAAI,MAAM,QAAQ,oBAAoB,EAAE,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG;AAC1F,SAAO,SAAS;AAClB;AAQA,SAAS,aAAa,QAAkC,QAA0C;AAChG,QAAM,SACH,OAAO,UAAU,UAAa,OAAO,UAAU,aAAa,OAAO,UAAU,YAC7E,OAAO,aAAa,UAAa,OAAO,aAAa,eACtD,OAAO,0BAA0B,UACjC,OAAO,0BAA0B,UACjC,OAAO,6BAA6B,UACpC,OAAO,6BAA6B;AACtC,SAAO,QAAQ,EAAE,GAAG,QAAQ,uBAAuB,QAAQ,uBAAuB,OAAO,IAAI;AAC/F;AAYO,SAAS,eAAe,EAAE,OAAO,QAAQ,QAAQ,UAAU,MAAM,GAAG,MAAM,GAAwB;AACvG,QAAM,CAAC,OAAO,QAAQ,IAAIC,UAAS,QAAQ,KAAK;AAChD,QAAM,WAAWC,QAAO,KAAK;AAC7B,QAAM,YAAYA,QAAwB,IAAI;AAE9C,QAAM,YAAY,KAAK,UAAU,UAAU,CAAC,CAAC;AAC7C,QAAM,YAAY,WAAW,SAAY,KAAK,OAAO,MAAM;AAE3D,QAAM,SAAS,WAAW,KAAK;AAC/B,QAAM,YAAY;AAAA,IAChB,MACE,IAAI,KAAK;AAAA,MACP,cAAc,KAAK,SAAY,UAAU,MAAM,GAAG;AAAA,MAClD,aAAa,KAAK,MAAM,SAAS,GAA+B,MAAM;AAAA,IACxE;AAAA,IACF,CAAC,WAAW,WAAW,MAAM;AAAA,EAC/B;AAEA,EAAAC,WAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,OAAO,GAAG,OAAO,KAAK,EAAG;AAE7B,UAAM,SAAS,MAAM;AACnB,eAAS,UAAU;AACnB,eAAS,KAAK;AAAA,IAChB;AACA,UAAM,KAAK,YAAY,cAAc,UAAU,OAAO;AACtD,QAAI,CAAC,OAAO,SAAS,KAAK,KAAK,CAAC,OAAO,SAAS,KAAK,KAAK,MAAM,KAAK,qBAAqB,GAAG;AAC3F,aAAO;AACP;AAAA,IACF;AAEA,UAAM,YAAY,YAAY,IAAI;AAClC,QAAI,QAAQ;AACZ,UAAM,OAAO,CAAC,QAAgB;AAE5B,YAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,aAAa,EAAE,CAAC;AAChE,UAAI,aAAa,GAAG;AAClB,eAAO;AACP;AAAA,MACF;AACA,YAAM,OAAO,SAAS,QAAQ,SAAS,QAAQ,QAAQ;AACvD,eAAS,UAAU;AACnB,eAAS,IAAI;AACb,cAAQ,sBAAsB,IAAI;AAAA,IACpC;AACA,YAAQ,sBAAsB,IAAI;AAClC,WAAO,MAAM,qBAAqB,KAAK;AAAA,EACzC,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SACE,gBAAAH,OAAC,UAAK,YAAS,mBAAkB,kBAAgB,OAAO,GAAG,OAAO,KAAK,IAAI,SAAY,IAAK,GAAG,OAC7F;AAAA,oBAAAD,MAAC,UAAK,KAAK,WAAW,eAAY,QAAO,iBAAc,0BACpD,oBAAU,OAAO,KAAK,GACzB;AAAA,IACA,gBAAAA,MAAC,kBAAgB,oBAAU,OAAO,KAAK,GAAE;AAAA,KAC3C;AAEJ;;;ACvHI,gBAAAK,aAAA;AAFG,SAAS,SAAS,EAAE,UAAU,QAAQ,OAAO,QAAQ,OAAO,GAAG,MAAM,GAAkB;AAC5F,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,YAAS;AAAA,MACT,gBAAc;AAAA,MACd,OAAO,EAAE,YAAY,OAAO,WAAW,QAAQ,GAAG,MAAM;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAOO,SAAS,aAAa,EAAE,QAAQ,GAAG,GAAG,MAAM,GAAsB;AACvE,SACE,gBAAAA,MAAC,SAAI,YAAS,iBAAgB,eAAY,QAAQ,GAAG,OAClD,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UACjC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAGC,SAAQ;AAAA,MACR,OAAO,UAAU,QAAQ,KAAK,QAAQ,IAAI,QAAQ;AAAA;AAAA,IAF7C;AAAA,EAGP,CACD,GACH;AAEJ;;;ACjBI,SAEI,OAAAC,OAFJ,QAAAC,cAAA;AAVG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,GAAoB;AAClB,QAAM,UAAU,IAAI,YAAY;AAChC,SACE,gBAAAA,OAAC,SAAI,YAAS,eAAe,GAAG,OAC7B;AAAA,WACC,gBAAAD,MAAC,SAAI,iBAAc,cAAa,eAAY,QACzC,gBACH,IACE;AAAA,IACJ,gBAAAA,MAAC,WAAQ,iBAAc,eAAe,iBAAM;AAAA,IAC3C,cAAc,gBAAAA,MAAC,OAAE,iBAAc,qBAAqB,uBAAY,IAAO;AAAA,IACvE,SAAS,gBAAAA,MAAC,SAAI,iBAAc,gBAAgB,kBAAO,IAAS;AAAA,KAC/D;AAEJ;;;ACVmB,gBAAAE,aAAA;AAdZ,SAAS,KAAK;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,GAAG;AACL,GAAc;AACZ,QAAM,SAAS;AAAA,IACb,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,oBAAoB,cAAc,KAAK;AAAA,IACvC,GAAG;AAAA,EACL;AACA,SAAO,UAAU,gBAAAA,MAAC,QAAM,GAAG,QAAQ,IAAK,gBAAAA,MAAC,SAAK,GAAG,QAAQ;AAC3D;AAIO,SAAS,WAAW,OAAyB;AAClD,SAAO,gBAAAA,MAAC,SAAI,iBAAc,eAAe,GAAG,OAAO;AACrD;AAOO,SAAS,UAAU,EAAE,QAAQ,GAAG,GAAG,MAAM,GAAmB;AACjE,QAAM,UAAU,IAAI,KAAK;AACzB,SAAO,gBAAAA,MAAC,WAAQ,iBAAc,cAAc,GAAG,OAAO;AACxD;AAEO,SAAS,gBAAgB,OAAmC;AACjE,SAAO,gBAAAA,MAAC,OAAE,iBAAc,oBAAoB,GAAG,OAAO;AACxD;AAEO,SAAS,YAAY,OAAyB;AACnD,SAAO,gBAAAA,MAAC,SAAI,iBAAc,gBAAgB,GAAG,OAAO;AACtD;AAEO,SAAS,WAAW,OAAyB;AAClD,SAAO,gBAAAA,MAAC,SAAI,iBAAc,eAAe,GAAG,OAAO;AACrD;;;ACzDA,SAAS,UAAU,kBAAkB;AACrC,SAAS,YAAAC,iBAA4D;AA0CjE,SAQS,OAAAC,OART,QAAAC,cAAA;AArCG,SAAS,YAAY,MAAsB;AAChD,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,KAAK,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK;AAC/C,QAAM,OAAO,MAAM,SAAS,IAAK,MAAM,KAAK,MAAM,MAAM,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAM;AACvF,SAAO,GAAG,KAAK,GAAG,IAAI,GAAG,kBAAkB;AAC7C;AAmBO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAgB;AACd,QAAM,QAAQ,OAAO,QAAQ;AAC7B,QAAM,aAAa,UAAU;AAC7B,SACE,gBAAAA;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,MAAM,aAAa,SAAY;AAAA,MAC/B,cAAY,aAAa,SAAY;AAAA,MACpC,GAAG;AAAA,MAEH;AAAA,cAAM,gBAAAD,MAAC,WAAW,OAAX,EAAiB,iBAAc,gBAAe,KAAU,KAAI,IAAG,IAAK;AAAA,QAC5E,gBAAAA,MAAC,WAAW,UAAX,EAAoB,iBAAc,mBAAkB,eAAY,QAC9D,uBAAa,OAAO,YAAY,IAAI,IAAI,OAC3C;AAAA;AAAA;AAAA,EACF;AAEJ;AAWO,SAAS,YAAY;AAAA,EAC1B,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,UAAUD,UAAS,QAAQ,QAAQ;AACzC,QAAM,QAAQ,QAAQ,MAAM,GAAG,GAAG;AAClC,QAAM,SAAS,QAAQ,SAAS,MAAM;AACtC,SACE,gBAAAE,OAAC,SAAI,MAAK,SAAQ,YAAS,gBAAe,aAAW,MAAO,GAAG,OAC5D;AAAA;AAAA,IACA,SAAS,IACR,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,YAAS;AAAA,QACT,aAAW;AAAA,QACX,cAAW;AAAA,QACX,iBAAc;AAAA,QACd,MAAK;AAAA,QACL,cAAY,gBAAgB,MAAM,KAAK,IAAI,MAAM;AAAA,QAEjD,0BAAAA,MAAC,UAAK,eAAY,QAAO,iBAAc,mBAAmB,cAAI,MAAM,IAAG;AAAA;AAAA,IACzE,IACE;AAAA,KACN;AAEJ;;;AC/FA,SAAS,QAAAE,aAAY;AAmCjB,SAEI,OAAAC,OAFJ,QAAAC,cAAA;AAVG,SAAS,IAAI;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAa;AACX,SACE,gBAAAA,OAAC,UAAK,YAAS,OAAM,aAAW,MAAM,aAAW,MAAO,GAAG,OACxD;AAAA,WACC,gBAAAD,MAAC,UAAK,iBAAc,YAAW,eAAY,QACxC,gBACH,IACE;AAAA,IACJ,gBAAAA,MAAC,UAAK,iBAAc,YAAY,UAAS;AAAA,IACxC,WACC,gBAAAA,MAAC,YAAO,MAAK,UAAS,iBAAc,cAAa,cAAY,aAAa,SAAS,UACjF,0BAAAA,MAACD,OAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAC/B,IACE;AAAA,KACN;AAEJ;;;ACjDA,SAAS,QAAAG,cAA2B;AAoD9B,gBAAAC,OAGE,QAAAC,cAHF;AA7CN,IAAM,YAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AACR;AA2BO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,iBACJ,WAAW,UAAU,OAAO,aAAa,UAAU,SAAS,aAAa;AAC3E,SACE,gBAAAA,OAAC,QAAG,YAAS,QAAQ,GAAG,OACtB;AAAA,oBAAAD,MAAC,QAAG,iBAAc,cAAc,iBAAM;AAAA,IACtC,gBAAAA,MAAC,QAAG,iBAAc,cAAc,iBAAM;AAAA,IACrC,QACC,gBAAAC,OAAC,QAAG,iBAAc,cAAa,cAAY,OAAO,eAAa,gBAC7D;AAAA,sBAAAD,MAACE,QAAA,EAAK,MAAM,UAAU,KAAK,GAAG,MAAM,IAAI;AAAA,MACvC,aAAa,gBAAAF,MAAC,kBAAgB,aAAG,UAAU,KAAI,IAAoB;AAAA,MACnE;AAAA,OACH,IACE;AAAA,IACH,OAAO,gBAAAA,MAAC,QAAG,iBAAc,aAAa,gBAAK,IAAQ;AAAA,KACtD;AAEJ;;;ACpDS,gBAAAG,aAAA;AADF,SAAS,eAAe,EAAE,OAAO,GAAG,MAAM,GAAwB;AACvE,SAAO,gBAAAA,MAAC,SAAI,YAAS,mBAAkB,MAAK,UAAS,cAAY,OAAO,UAAU,GAAI,GAAG,OAAO;AAClG;AAcO,SAAS,MAAM,EAAE,SAAS,cAAc,SAAS,GAAG,MAAM,GAAe;AAC9E,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACT,gBAAc,UAAU,KAAK;AAAA,MAC7B,sBAAoB,eAAe,KAAK;AAAA,MACxC,gBAAc;AAAA,MACb,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,aAAa,OAAyC;AACpE,SAAO,gBAAAA,MAAC,aAAQ,iBAAc,iBAAiB,GAAG,OAAO;AAC3D;AAEO,SAAS,UAAU,OAAuC;AAC/D,SAAO,gBAAAA,MAAC,WAAM,iBAAc,cAAc,GAAG,OAAO;AACtD;AAEO,SAAS,UAAU,OAAuC;AAC/D,SAAO,gBAAAA,MAAC,WAAM,iBAAc,cAAc,GAAG,OAAO;AACtD;AAEO,SAAS,UAAU,OAAuC;AAC/D,SAAO,gBAAAA,MAAC,WAAM,iBAAc,cAAc,GAAG,OAAO;AACtD;AAOO,SAAS,SAAS,EAAE,UAAU,GAAG,MAAM,GAAkB;AAC9D,SAAO,gBAAAA,MAAC,QAAG,iBAAc,aAAY,iBAAe,WAAW,KAAK,QAAY,GAAG,OAAO;AAC5F;AAUO,SAAS,gBAAgB,EAAE,QAAQ,SAAS,MAAM,QAAQ,OAAO,GAAG,MAAM,GAAyB;AACxG,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,cAAY;AAAA,MACZ,aAAW,QAAQ,SAAS,SAAS,OAAO;AAAA,MAC5C,aAAW;AAAA,MACX;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAOO,SAAS,UAAU,EAAE,QAAQ,SAAS,GAAG,MAAM,GAAmB;AACvE,SAAO,gBAAAA,MAAC,QAAG,iBAAc,cAAa,cAAY,OAAQ,GAAG,OAAO;AACtE;;;AC5FA,SAAS,cAAc,sBAAsB;AAwBzC,SAOI,OAAAC,OAPJ,QAAAC,cAAA;AAPG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,gBAAAA,OAAC,eAAe,MAAf,EAAoB,YAAS,eAAe,GAAG,OAC9C;AAAA,oBAAAD;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,iBAAc;AAAA,QACd,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,UAAU;AAAA,QAEV,0BAAAA,MAAC,eAAe,SAAf,EAAuB,iBAAc,kBAAkB,UAAS;AAAA;AAAA,IACnE;AAAA,IACC,gBAAgB,eACf,gBAAAA,MAAC,eAAe,WAAf,EAAyB,aAAY,YAAW,iBAAc,aAC7D,0BAAAA,MAAC,eAAe,OAAf,EAAqB,iBAAc,gBAAe,GACrD,IACE;AAAA,IACH,gBAAgB,aACf,gBAAAA,MAAC,eAAe,WAAf,EAAyB,aAAY,cAAa,iBAAc,aAC/D,0BAAAA,MAAC,eAAe,OAAf,EAAqB,iBAAc,gBAAe,GACrD,IACE;AAAA,IACH,gBAAgB,SAAS,gBAAAA,MAAC,eAAe,QAAf,EAAsB,iBAAc,iBAAgB,IAAK;AAAA,KACtF;AAEJ;;;AC9CA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAAE,cAAY;AAMZ,gBAAAC,OAQL,QAAAC,cARK;AADF,SAAS,YAAY,OAAyB;AACnD,SAAO,gBAAAD,MAAC,gBAAgB,MAAhB,EAAqB,YAAS,eAAe,GAAG,OAAO;AACjE;AAKO,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,SACE,gBAAAC,OAAC,gBAAgB,SAAhB,EAAwB,iBAAc,uBAAuB,GAAG,OAC/D;AAAA,oBAAAD,MAACD,QAAA,EAAK,MAAK,iBAAgB,iBAAc,uBAAsB;AAAA,IAC9D;AAAA,KACH;AAEJ;AAIO,SAAS,iBAAiB,OAA8B;AAC7D,SAAO,gBAAAC,MAAC,gBAAgB,OAAhB,EAAsB,iBAAc,qBAAqB,GAAG,OAAO;AAC7E;;;AC1BA,SAAS,QAAQ,gBAAgB;AAYxB,gBAAAE,OAQL,QAAAC,cARK;AADF,SAAS,KAAK,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAc;AAC9D,SAAO,gBAAAD,MAAC,SAAS,MAAT,EAAc,YAAS,QAAO,gBAAc,SAAU,GAAG,OAAO;AAC1E;AAKO,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC5D,SACE,gBAAAC,OAAC,SAAS,MAAT,EAAc,iBAAc,YAAY,GAAG,OACzC;AAAA;AAAA,IACD,gBAAAD,MAAC,SAAS,WAAT,EAAmB,iBAAc,iBAAgB;AAAA,KACpD;AAEJ;AAIO,SAAS,IAAI,OAAiB;AACnC,SAAO,gBAAAA,MAAC,SAAS,KAAT,EAAa,iBAAc,OAAO,GAAG,OAAO;AACtD;AAIO,SAAS,SAAS,OAAsB;AAC7C,SAAO,gBAAAA,MAAC,SAAS,OAAT,EAAe,iBAAc,aAAa,GAAG,OAAO;AAC9D;;;ACrCA,SAAS,QAAAE,cAAY;AAiCT,SAGM,OAAAC,OAHN,QAAAC,cAAA;AAPL,SAAS,WAAW,EAAE,OAAO,OAAO,YAAY,GAAG,MAAM,GAAoB;AAClF,SACE,gBAAAD,MAAC,SAAI,YAAS,cAAa,cAAY,OAAQ,GAAG,OAChD,0BAAAA,MAAC,QAAG,iBAAc,mBACf,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,SAAS,UAAU,MAAM,SAAS;AACxC,WACE,gBAAAC,OAAC,QAAe,iBAAc,mBAC3B;AAAA,WAAK,QAAQ,CAAC,SACZ,aAAa,EAAE,MAAM,KAAK,MAAM,OAAO,KAAK,MAAM,CAAC,KAClD,gBAAAD,MAAC,QAAK,MAAM,KAAK,MAAM,MAAK,WAAU,WAAU,SAC7C,eAAK,OACR,IAGF,gBAAAA,MAAC,UAAK,iBAAc,mBAAkB,gBAAc,SAAS,SAAS,QACnE,eAAK,OACR;AAAA,MAED,SAAS,OACR,gBAAAA,MAAC,UAAK,iBAAc,wBAAuB,eAAY,QACrD,0BAAAA,MAACE,QAAA,EAAK,MAAK,iBAAgB,MAAM,IAAI,GACvC;AAAA,SAfK,KAiBT;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;;;ACxDA,SAAS,QAAAC,cAAY;AAuEf,SAUM,OAAAC,OAVN,QAAAC,cAAA;AA5DC,SAAS,mBACd,MACA,WACA,eAAe,GACG;AAClB,QAAM,QAAQ,CAAC,MAAc,OAC3B,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,KAAK,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,UAAU,OAAO,KAAK;AAE/E,QAAM,QAAQ,eAAe,IAAI;AACjC,MAAI,aAAa,MAAO,QAAO,MAAM,GAAG,SAAS;AAEjD,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,SAAS;AACrD,QAAM,OAAO,KAAK,IAAI,UAAU,cAAc,CAAC;AAC/C,QAAM,QAAQ,KAAK,IAAI,UAAU,cAAc,SAAS;AACxD,QAAM,mBAAmB,OAAO;AAChC,QAAM,oBAAoB,QAAQ,YAAY;AAC9C,QAAM,YAAY,IAAI,eAAe;AAErC,MAAI,CAAC,oBAAoB,mBAAmB;AAC1C,WAAO,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,SAAS;AAAA,EAC3D;AACA,MAAI,oBAAoB,CAAC,mBAAmB;AAC1C,WAAO,CAAC,GAAG,kBAAkB,GAAG,MAAM,YAAY,YAAY,GAAG,SAAS,CAAC;AAAA,EAC7E;AACA,SAAO,CAAC,GAAG,kBAAkB,GAAG,MAAM,MAAM,KAAK,GAAG,gBAAgB,SAAS;AAC/E;AAqBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,QAAQ,mBAAmB,MAAM,WAAW,YAAY;AAC9D,SACE,gBAAAD,MAAC,SAAI,YAAS,cAAa,cAAY,OAAQ,GAAG,OAChD,0BAAAC,OAAC,QAAG,iBAAc,mBAChB;AAAA,oBAAAD,MAAC,QACC,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,kBAAe;AAAA,QACf,cAAY;AAAA,QACZ,UAAU,QAAQ;AAAA,QAClB,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,QAEpC,0BAAAA,MAACD,QAAA,EAAK,MAAK,gBAAe;AAAA;AAAA,IAC5B,GACF;AAAA,IACC,MAAM;AAAA,MAAI,CAAC,SACV,OAAO,SAAS,WACd,gBAAAC,MAAC,QACC,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,iBAAc;AAAA,UACd,gBAAc,SAAS,OAAO,KAAK;AAAA,UACnC,cAAY,aAAa,IAAI;AAAA,UAC7B,gBAAc,SAAS,OAAO,SAAS;AAAA,UACvC,SAAS,MAAM,aAAa,IAAI;AAAA,UAE/B;AAAA;AAAA,MACH,KAVO,IAWT,IAEA,gBAAAA,MAAC,QAAc,iBAAc,uBAAsB,eAAY,QAAO,sBAA7D,IAET;AAAA,IAEJ;AAAA,IACA,gBAAAA,MAAC,QACC,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,kBAAe;AAAA,QACf,cAAY;AAAA,QACZ,UAAU,QAAQ;AAAA,QAClB,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,QAEpC,0BAAAA,MAACD,QAAA,EAAK,MAAK,iBAAgB;AAAA;AAAA,IAC7B,GACF;AAAA,KACF,GACF;AAEJ;;;ACvHA,SAAS,aAAa,qBAAqB;AAC3C,SAAS,QAAAG,cAAY;AACrB,SAAS,qBAAqC;AASrC,gBAAAC,OAeD,QAAAC,cAfC;AADF,SAAS,UAA0B,OAA8B;AACtE,SAAO,gBAAAD,MAAC,cAAc,MAAd,EAAmB,YAAS,aAAa,GAAG,OAAO;AAC7D;AAUO,SAAS,cAAc,EAAE,OAAO,UAAU,eAAe,GAAG,GAAG,MAAM,GAAuB;AACjG,SACE,gBAAAC,OAAC,cAAc,MAAd,EAAmB,iBAAc,kBAAkB,GAAG,OACrD;AAAA,oBAAAD,MAAC,cAAc,QAAd,EAAqB,iBAAc,oBAAmB,QAAQ,cAAc,IAAI,YAAY,EAAE,GAC7F,0BAAAC,OAAC,cAAc,SAAd,EAAsB,iBAAc,qBACnC;AAAA,sBAAAD,MAAC,UAAK,iBAAc,mBAAmB,iBAAM;AAAA,MAC7C,gBAAAA,MAACD,QAAA,EAAK,MAAK,gBAAe,iBAAc,qBAAoB;AAAA,OAC9D,GACF;AAAA,IACA,gBAAAC,MAAC,cAAc,OAAd,EAAoB,iBAAc,mBACjC,0BAAAA,MAAC,SAAI,iBAAc,qBAAqB,UAAS,GACnD;AAAA,KACF;AAEJ;;;ACpCA,SAAS,SAASE,kBAAiB;AACnC,SAAS,cAAcC,uBAAsB;AAqCrC,gBAAAC,aAAA;AAdD,SAAS,iBAAgD;AAAA,EAC9D;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,GAAG;AACL,GAAiC;AAC/B,SACE,gBAAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAS;AAAA,MACT,aAAW;AAAA,MACX,mBAAiB,YAAY,KAAK;AAAA,MACjC,GAAG;AAAA,MAEH,kBAAQ,IAAI,CAAC,WACZ,gBAAAC;AAAA,QAACF,WAAU;AAAA,QAAV;AAAA,UAEC,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,UACjB,iBAAc;AAAA,UAEb,iBAAO;AAAA;AAAA,QALH,OAAO;AAAA,MAMd,CACD;AAAA;AAAA,EACH;AAEJ;;;ACjDA,SAAS,QAAAG,cAAY;AAkDkB,gBAAAC,OAGzB,QAAAC,cAHyB;AAnBhC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAiB;AACf,SACE,gBAAAD,MAAC,QAAG,YAAS,WAAU,oBAAkB,aAAc,GAAG,OACvD,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,SAAqB,QAAQ,UAAU,aAAa,UAAU,UAAU,YAAY;AAC1F,WACE,gBAAAC;AAAA,MAAC;AAAA;AAAA,QAEC,iBAAc;AAAA,QACd,eAAa;AAAA,QACb,gBAAc,WAAW,YAAY,SAAS;AAAA,QAE9C;AAAA,0BAAAD,MAAC,UAAK,iBAAc,eAAc,eAAY,QAC3C,qBAAW,aAAa,gBAAAA,MAACE,QAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,IAAK,QAAQ,GACrE;AAAA,UACA,gBAAAD,OAAC,UAAK,iBAAc,aAClB;AAAA,4BAAAA,OAAC,UAAK,iBAAc,cACjB;AAAA,mBAAK;AAAA,cACN,gBAAAD,MAAC,kBAAgB,eAAK,eAAe,MAAM,CAAC,IAAG;AAAA,eACjD;AAAA,YACC,KAAK,cAAc,gBAAAA,MAAC,UAAK,iBAAc,oBAAoB,eAAK,aAAY,IAAU;AAAA,aACzF;AAAA;AAAA;AAAA,MAdK,KAAK;AAAA,IAeZ;AAAA,EAEJ,CAAC,GACH;AAEJ;;;AChEA,SAAS,WAAW,mBAAmB;AAU9B,gBAAAG,aAAA;AADF,SAAS,QAAQ,OAAqB;AAC3C,SAAO,gBAAAA,MAAC,YAAY,MAAZ,EAAiB,YAAS,WAAW,GAAG,OAAO;AACzD;AAIO,SAAS,aAAa,OAA0B;AACrD,SAAO,gBAAAA,MAAC,YAAY,OAAZ,EAAkB,iBAAc,iBAAiB,GAAG,OAAO;AACrE;AAOO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,GAAG;AACL,GAAuB;AACrB,SACE,gBAAAA,MAAC,YAAY,QAAZ,EAAmB,QAAQ,gBAAAA,MAAC,UAAO,SAAkB,MAAY,MAAY,GAAK,GAAG,OAAO;AAEjG;AAIO,SAAS,iBAAiB,OAA8B;AAC7D,SAAO,gBAAAA,MAAC,YAAY,WAAZ,EAAsB,iBAAc,qBAAqB,GAAG,OAAO;AAC7E;;;ACvCA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,UAAU,kBAAkB;AACrC,SAAS,QAAAC,cAAY;AAkBZ,gBAAAC,OAkBD,QAAAC,cAlBC;AALF,IAAM,SAAS,WAAW;AAI1B,SAAS,cAAc,OAA2B;AACvD,SAAO,gBAAAD,MAAC,WAAW,SAAX,EAAoB,GAAG,OAAO;AACxC;AAYO,SAAS,cAAc,EAAE,OAAO,MAAM,YAAY,UAAU,GAAG,MAAM,GAAuB;AACjG,SACE,gBAAAC,OAAC,WAAW,QAAX,EACC;AAAA,oBAAAD,MAAC,WAAW,UAAX,EAAoB,YAAS,mBAAkB;AAAA,IAChD,gBAAAA,MAAC,WAAW,UAAX,EAAoB,YAAS,mBAC5B,0BAAAC,OAAC,WAAW,OAAX,EAAiB,YAAS,UAAS,aAAW,MAAO,GAAG,OACtD;AAAA;AAAA,MACA,aACC,gBAAAD;AAAA,QAAC,WAAW;AAAA,QAAX;AAAA,UACC,iBAAc;AAAA,UACd,QACE,gBAAAA,MAAC,cAAW,OAAO,YAAY,SAAQ,SAAQ,MAAK,WAAU,MAAK,MACjE,0BAAAA,MAACE,QAAA,EAAK,MAAK,SAAQ,GACrB;AAAA;AAAA,MAEJ,IACE;AAAA,OACN,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,YAAY,OAA+B;AACzD,SAAO,gBAAAF,MAAC,WAAW,OAAX,EAAiB,iBAAc,gBAAgB,GAAG,OAAO;AACnE;AAEO,SAAS,kBAAkB,OAAqC;AACrE,SAAO,gBAAAA,MAAC,WAAW,aAAX,EAAuB,iBAAc,sBAAsB,GAAG,OAAO;AAC/E;AAEO,SAAS,aAAa,OAAqC;AAChE,SAAO,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,GAAG,OAAO;AACvD;AAEO,SAAS,WAAW,OAAqC;AAC9D,SAAO,gBAAAA,MAAC,SAAI,iBAAc,eAAe,GAAG,OAAO;AACrD;AAEO,SAAS,aAAa,OAAqC;AAChE,SAAO,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,GAAG,OAAO;AACvD;AAGO,SAAS,YAAY,OAA+B;AACzD,SAAO,gBAAAA,MAAC,WAAW,OAAX,EAAkB,GAAG,OAAO;AACtC;AAWO,IAAM,cAAc,gBAAgB;AAEpC,SAAS,mBAAmB,OAAsC;AACvE,SAAO,gBAAAA,MAAC,gBAAgB,SAAhB,EAAyB,GAAG,OAAO;AAC7C;AAMO,SAAS,mBAAmB,EAAE,OAAO,MAAM,GAAG,MAAM,GAA4B;AACrF,SACE,gBAAAC,OAAC,gBAAgB,QAAhB,EACC;AAAA,oBAAAD,MAAC,gBAAgB,UAAhB,EAAyB,YAAS,mBAAkB;AAAA,IACrD,gBAAAA,MAAC,gBAAgB,UAAhB,EAAyB,YAAS,mBACjC,0BAAAA,MAAC,gBAAgB,OAAhB,EAAsB,YAAS,UAAS,aAAU,SAAQ,aAAW,MAAO,GAAG,OAAO,GACzF;AAAA,KACF;AAEJ;AAEO,SAAS,iBAAiB,OAAoC;AACnE,SAAO,gBAAAA,MAAC,gBAAgB,OAAhB,EAAsB,iBAAc,gBAAgB,GAAG,OAAO;AACxE;AAEO,SAAS,uBAAuB,OAA0C;AAC/E,SAAO,gBAAAA,MAAC,gBAAgB,aAAhB,EAA4B,iBAAc,sBAAsB,GAAG,OAAO;AACpF;AAEO,SAAS,kBAAkB,OAAqC;AACrE,SAAO,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,GAAG,OAAO;AACvD;AAGO,SAAS,iBAAiB,OAAoC;AACnE,SAAO,gBAAAA,MAAC,gBAAgB,OAAhB,EAAuB,GAAG,OAAO;AAC3C;;;AC9HA,SAAS,UAAU,kBAAkB;AACrC,SAAS,QAAAG,cAAY;AA6BZ,gBAAAC,OAmBD,QAAAC,cAnBC;AAlBT,SAAS,QAAiB;AACxB,SAAO,OAAO,aAAa,eAAe,iBAAiB,SAAS,eAAe,EAAE,cAAc;AACrG;AAGA,SAAS,eAAe,MAAoD;AAC1E,MAAI,SAAS,MAAO,QAAO;AAC3B,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,MAAM,MAAM;AAClB,SAAQ,SAAS,YAAa,MAAM,SAAS;AAC/C;AAOO,SAAS,OAAO,EAAE,OAAO,OAAO,GAAG,MAAM,GAAgB;AAC9D,SAAO,gBAAAD,MAAC,WAAW,MAAX,EAAgB,gBAAgB,eAAe,IAAI,GAAI,GAAG,OAAO;AAC3E;AAEO,SAAS,cAAc,OAAiC;AAC7D,SAAO,gBAAAA,MAAC,WAAW,SAAX,EAAoB,GAAG,OAAO;AACxC;AASO,SAAS,cAAc,EAAE,OAAO,OAAO,YAAY,UAAU,GAAG,MAAM,GAAuB;AAClG,SACE,gBAAAC,OAAC,WAAW,QAAX,EACC;AAAA,oBAAAD,MAAC,WAAW,UAAX,EAAoB,YAAS,mBAAkB;AAAA,IAChD,gBAAAA,MAAC,WAAW,UAAX,EAAoB,YAAS,mBAC5B,0BAAAC,OAAC,WAAW,OAAX,EAAiB,YAAS,UAAS,aAAW,MAAO,GAAG,OACtD;AAAA;AAAA,MACA,aACC,gBAAAD;AAAA,QAAC,WAAW;AAAA,QAAX;AAAA,UACC,iBAAc;AAAA,UACd,QACE,gBAAAA,MAAC,cAAW,OAAO,YAAY,SAAQ,SAAQ,MAAK,WAAU,MAAK,MACjE,0BAAAA,MAACE,QAAA,EAAK,MAAK,SAAQ,GACrB;AAAA;AAAA,MAEJ,IACE;AAAA,OACN,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,YAAY,OAA+B;AACzD,SAAO,gBAAAF,MAAC,WAAW,OAAX,EAAiB,iBAAc,gBAAgB,GAAG,OAAO;AACnE;AAEO,SAAS,kBAAkB,OAAqC;AACrE,SAAO,gBAAAA,MAAC,WAAW,aAAX,EAAuB,iBAAc,sBAAsB,GAAG,OAAO;AAC/E;AAEO,SAAS,aAAa,OAAqC;AAChE,SAAO,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,GAAG,OAAO;AACvD;AAEO,SAAS,WAAW,OAAqC;AAC9D,SAAO,gBAAAA,MAAC,SAAI,iBAAc,eAAe,GAAG,OAAO;AACrD;AAEO,SAAS,aAAa,OAAqC;AAChE,SAAO,gBAAAA,MAAC,SAAI,iBAAc,iBAAiB,GAAG,OAAO;AACvD;AAEO,SAAS,YAAY,OAA+B;AACzD,SAAO,gBAAAA,MAAC,WAAW,OAAX,EAAkB,GAAG,OAAO;AACtC;;;ACzFA,SAAS,WAAW,mBAAmB;AAa9B,gBAAAG,OA8BD,QAAAC,cA9BC;AAHF,IAAM,UAAU,YAAY;AAE5B,SAAS,eAAe,OAAkC;AAC/D,SAAO,gBAAAD,MAAC,YAAY,SAAZ,EAAqB,GAAG,OAAO;AACzC;AAOO,SAAS,eAAe;AAAA,EAC7B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE,gBAAAA,MAAC,YAAY,QAAZ,EACC,0BAAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,YAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,0BAAAC,OAAC,YAAY,OAAZ,EAAkB,YAAS,WAAW,GAAG,OACvC;AAAA,gBAAQ,gBAAAD,MAAC,YAAY,OAAZ,EAAkB,iBAAc,eAAc,IAAK;AAAA,QAC5D;AAAA,SACH;AAAA;AAAA,EACF,GACF;AAEJ;AAEO,SAAS,aAAa,OAAgC;AAC3D,SAAO,gBAAAA,MAAC,YAAY,OAAZ,EAAkB,iBAAc,iBAAiB,GAAG,OAAO;AACrE;AAEO,SAAS,mBAAmB,OAAsC;AACvE,SAAO,gBAAAA,MAAC,YAAY,aAAZ,EAAwB,iBAAc,uBAAuB,GAAG,OAAO;AACjF;AAEO,SAAS,aAAa,OAAgC;AAC3D,SAAO,gBAAAA,MAAC,YAAY,OAAZ,EAAmB,GAAG,OAAO;AACvC;;;AC9DA,SAAS,WAAW,mBAAmB;AACvC,SAA4C,SAAAE,QAAO,YAAAC,iBAAgB;AAyD/D,SAQE,OAAAC,OARF,QAAAC,cAAA;AAlDG,IAAM,kBAAkB,YAAY;AAyBpC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAiB;AACf,QAAM,KAAKH,OAAM;AAGjB,QAAM,CAAC,cAAc,eAAe,IAAIC,UAAS,WAAW;AAC5D,QAAM,SAAS,QAAQ;AAEvB,QAAM,MAAM,SAAS,MAAM,kBAAkB;AAC7C,QAAM,cAAc,SAAS,CAAC,KAAK,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAAI;AAEnE,SACE,gBAAAE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,MAAM;AAAA,MACN,cAAc,CAAC,SAAS;AACtB,wBAAgB,IAAI;AACpB,uBAAe,IAAI;AAAA,MACrB;AAAA,MACA;AAAA,MAEA;AAAA,wBAAAD;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA,oBAAkB;AAAA;AAAA,QACpB;AAAA,QACA,gBAAAA,MAAC,YAAY,QAAZ,EACC,0BAAAA;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,YAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA,0BAAAA,MAAC,YAAY,OAAZ,EAAkB,YAAS,WAAU,IAAQ,MAAK,WAChD,mBACH;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;ACxFA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAAE,cAAY;AAcZ,gBAAAC,OA2CL,QAAAC,cA3CK;AAHF,IAAM,OAAO,SAAS;AAEtB,SAAS,YAAY,OAA+B;AACzD,SAAO,gBAAAD,MAAC,SAAS,SAAT,EAAkB,GAAG,OAAO;AACtC;AAIO,SAAS,YAAY;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE,gBAAAA,MAAC,SAAS,QAAT,EACC,0BAAAA;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,YAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,0BAAAA,MAAC,SAAS,OAAT,EAAe,YAAS,QAAQ,GAAG,OAAO;AAAA;AAAA,EAC7C,GACF;AAEJ;AAYO,SAAS,SAAS,EAAE,MAAM,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAAkB;AAChG,SACE,gBAAAC,OAAC,SAAS,MAAT,EAAc,YAAS,aAAY,aAAW,MAAO,GAAG,OACtD;AAAA,WACC,gBAAAD,MAAC,UAAK,iBAAc,kBAAiB,eAAY,QAC9C,gBACH,IACE;AAAA,IACJ,gBAAAA,MAAC,UAAK,iBAAc,kBAAkB,UAAS;AAAA,IAC9C,WACC,gBAAAA,MAAC,UAAK,iBAAc,sBAAqB,eAAY,QAClD,oBACH,IACE;AAAA,KACN;AAEJ;AAEO,SAAS,iBAAiB,EAAE,UAAU,GAAG,MAAM,GAAgC;AACpF,SACE,gBAAAC,OAAC,SAAS,cAAT,EAAsB,YAAS,aAAY,eAAY,YAAY,GAAG,OACrE;AAAA,oBAAAD,MAAC,UAAK,iBAAc,kBAAiB,eAAY,QAC/C,0BAAAA,MAAC,SAAS,uBAAT,EACC,0BAAAA,MAACD,QAAA,EAAK,MAAK,SAAQ,GACrB,GACF;AAAA,IACA,gBAAAC,MAAC,UAAK,iBAAc,kBAAkB,UAAS;AAAA,KACjD;AAEJ;AAEO,SAAS,eAAe,OAAkC;AAC/D,SAAO,gBAAAA,MAAC,SAAS,YAAT,EAAqB,GAAG,OAAO;AACzC;AAEO,SAAS,cAAc,EAAE,UAAU,GAAG,MAAM,GAA6B;AAC9E,SACE,gBAAAC,OAAC,SAAS,WAAT,EAAmB,YAAS,aAAY,eAAY,SAAS,GAAG,OAC/D;AAAA,oBAAAD,MAAC,UAAK,iBAAc,kBAAiB,eAAY,QAC/C,0BAAAA,MAAC,SAAS,oBAAT,EAA4B,iBAAc,kBAAiB,GAC9D;AAAA,IACA,gBAAAA,MAAC,UAAK,iBAAc,kBAAkB,UAAS;AAAA,KACjD;AAEJ;AAEO,SAAS,UAAU,OAA6B;AACrD,SAAO,gBAAAA,MAAC,SAAS,OAAT,EAAe,iBAAc,cAAc,GAAG,OAAO;AAC/D;AAGO,SAAS,UAAU,OAAkC;AAC1D,SAAO,gBAAAA,MAAC,SAAS,YAAT,EAAoB,iBAAc,cAAc,GAAG,OAAO;AACpE;AAEO,SAAS,cAAc,OAAiC;AAC7D,SAAO,gBAAAA,MAAC,SAAS,WAAT,EAAmB,iBAAc,kBAAkB,GAAG,OAAO;AACvE;AAGO,IAAM,UAAU,SAAS;AAEzB,SAAS,eAAe,EAAE,MAAM,UAAU,GAAG,MAAM,GAAyD;AACjH,SACE,gBAAAC,OAAC,SAAS,gBAAT,EAAwB,YAAS,aAAY,gBAAa,IAAI,GAAG,OAC/D;AAAA,WACC,gBAAAD,MAAC,UAAK,iBAAc,kBAAiB,eAAY,QAC9C,gBACH,IACE;AAAA,IACJ,gBAAAA,MAAC,UAAK,iBAAc,kBAAkB,UAAS;AAAA,IAC/C,gBAAAA,MAAC,UAAK,iBAAc,qBAAoB,eAAY,QAClD,0BAAAA,MAACD,QAAA,EAAK,MAAK,iBAAgB,GAC7B;AAAA,KACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,EACnB,GAAG;AACL,GAAqB;AACnB,SACE,gBAAAC,MAAC,SAAS,QAAT,EACC,0BAAAA;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,YAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,0BAAAA,MAAC,SAAS,OAAT,EAAe,YAAS,QAAQ,GAAG,OAAO;AAAA;AAAA,EAC7C,GACF;AAEJ;AASO,IAAM,cAAc,gBAAgB;AAEpC,SAAS,mBAAmB,OAAsC;AACvE,SAAO,gBAAAA,MAAC,gBAAgB,SAAhB,EAAwB,iBAAc,mBAAmB,GAAG,OAAO;AAC7E;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,GAAG;AACL,GAAqC;AACnC,SACE,gBAAAA,MAAC,gBAAgB,QAAhB,EACC,0BAAAA;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,YAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,0BAAAA,MAAC,gBAAgB,OAAhB,EAAsB,YAAS,QAAQ,GAAG,OAAO;AAAA;AAAA,EACpD,GACF;AAEJ;;;AClMA,SAAS,SAAS,iBAAiB;AACnC,SAAS,QAAAE,cAAY;AA2DjB,qBAAAC,WAcqB,OAAAC,OAEb,QAAAC,cAhBR;AAlBJ,IAAM,QAA6B,oBAAI,IAAgB;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGD,SAAS,OAAO,MAAsC;AACpD,MAAI,SAAS,QAAS,QAAO;AAC7B,SAAO,QAAQ,MAAM,IAAI,IAAI,IAAK,OAAsB;AAC1D;AAEA,SAAS,UAAU,EAAE,WAAW,GAA2B;AACzD,QAAM,EAAE,OAAO,IAAI,UAAU,gBAAgB;AAC7C,SACE,gBAAAD,MAAAD,WAAA,EACG,iBAAO,IAAI,CAAC,UAAU;AAErB,UAAM,UAAU,MAAM,SAAS;AAC/B,UAAM,OAAO,OAAO,MAAM,IAAI;AAC9B,WACE,gBAAAE;AAAA,MAAC,UAAU;AAAA,MAAV;AAAA,QAEC;AAAA,QACA,YAAS;AAAA,QACT,aAAW;AAAA,QACX,gBAAc,UAAU,KAAK;AAAA,QAE7B;AAAA,0BAAAD,MAAC,UAAK,iBAAc,cAAa,eAAY,QAC1C,oBAAU,gBAAAA,MAAC,WAAQ,MAAK,MAAK,IAAK,gBAAAA,MAACE,QAAA,EAAK,MAAM,UAAU,IAAI,GAAG,MAAM,IAAI,GAC5E;AAAA,UACA,gBAAAD,OAAC,UAAU,SAAV,EAAkB,iBAAc,iBAC9B;AAAA,kBAAM,QAAQ,gBAAAD,MAAC,UAAU,OAAV,EAAgB,iBAAc,eAAc,IAAK;AAAA,YAChE,MAAM,cAAc,gBAAAA,MAAC,UAAU,aAAV,EAAsB,iBAAc,qBAAoB,IAAK;AAAA,YAClF,MAAM,cAAc,gBAAAA,MAAC,UAAU,QAAV,EAAiB,iBAAc,gBAAe,IAAK;AAAA,aAC3E;AAAA,UACA,gBAAAA;AAAA,YAAC,UAAU;AAAA,YAAV;AAAA,cACC,iBAAc;AAAA,cAGd,eAAa;AAAA,cACb,QACE,gBAAAA,MAAC,cAAW,OAAO,YAAY,SAAQ,SAAQ,MAAK,WAAU,MAAK,MACjE,0BAAAA,MAACE,QAAA,EAAK,MAAK,SAAQ,GACrB;AAAA;AAAA,UAEJ;AAAA;AAAA;AAAA,MAxBK,MAAM;AAAA,IAyBb;AAAA,EAEJ,CAAC,GACH;AAEJ;AAQO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd,GAAuB;AACrB,SACE,gBAAAD,OAAC,UAAU,UAAV,EAAmB,SAAkB,OACnC;AAAA;AAAA,IACD,gBAAAD,MAAC,UAAU,QAAV,EACC,0BAAAA;AAAA,MAAC,UAAU;AAAA,MAAV;AAAA,QACC,YAAS;AAAA,QACT,kBAAgB;AAAA,QAChB,cAAY;AAAA,QAEZ,0BAAAA,MAAC,aAAU,YAAwB;AAAA;AAAA,IACrC,GACF;AAAA,KACF;AAEJ;AAyBA,SAAS,iBAAiB,SAAuB;AAC/C,QAAM,EAAE,MAAM,QAAQ,GAAG,KAAK,IAAI;AAClC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAI,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,IAC7B,GAAI,SAAS,EAAE,aAAa,EAAE,UAAU,OAAO,OAAO,SAAS,OAAO,QAAQ,EAAE,IAAI,CAAC;AAAA,EACvF;AACF;AAGO,SAAS,WAAqB;AACnC,QAAM,UAAU,UAAU,gBAAgB;AAC1C,SAAO;AAAA,IACL,MAAM,CAAC,YAAY,QAAQ,IAAI,iBAAiB,OAAO,CAAC;AAAA,IACxD,QAAQ,CAAC,IAAI,YAAY,QAAQ,OAAO,IAAI,iBAAiB,OAAO,CAAC;AAAA,IACrE,OAAO,CAAC,OAAO,QAAQ,MAAM,EAAE;AAAA,IAC/B,SAAS,CAAC,SAAS,aACjB,QAAQ,QAAQ,SAAS;AAAA,MACvB,SAAS,iBAAiB,SAAS,OAAO;AAAA,MAC1C,SAAS,CAAC,UACR,iBAAiB,OAAO,SAAS,YAAY,aAAa,SAAS,QAAQ,KAAK,IAAI,SAAS,OAAO;AAAA,MACtG,OAAO,CAAC,UACN,iBAAiB,OAAO,SAAS,UAAU,aAAa,SAAS,MAAM,KAAK,IAAI,SAAS,KAAK;AAAA,IAClG,CAAC;AAAA,EACL;AACF;;;ACjLA,SAAS,QAAAG,cAAY;AAqCf,gBAAAC,OAYA,QAAAC,cAZA;AAfC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,gBAAAA,OAAC,eAAY,kBAAe,IAC1B;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,gBAAAC,OAAC,QACC;AAAA,sBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,YAAY;AAAA,UACtB,QACE,gBAAAA,MAAC,cAAW,OAAO,WAAW,SAAkB,MAAY,MAC1D,0BAAAA,MAACE,QAAA,EAAK,MAAK,gBAAe,GAC5B;AAAA;AAAA,MAEJ;AAAA,MACA,gBAAAF,MAAC,eAAY,OAAM,OAAO,gBAAK;AAAA,OACjC;AAAA,KACF;AAEJ;;;AC9DA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA,aAAAG;AAAA,EACA,WAAAC;AAAA,OAGK;;;ACbP,SAAS,eAAAC,cAAa,aAAAC,YAAW,YAAAC,iBAAgB;AAEjD,SAAS,KAAK,KAA4B;AACxC,MAAI;AACF,WAAO,OAAO,aAAa,QAAQ,GAAG;AAAA,EACxC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,MAAM,KAAa,OAAe;AACzC,MAAI;AACF,WAAO,aAAa,QAAQ,KAAK,KAAK;AAAA,EACxC,QAAQ;AAAA,EAER;AACF;AAgBO,SAAS,mBAAqC;AAAA,EACnD,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAe;AACb,QAAM,eAAe,eAAe;AACpC,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAY,YAAY;AAExD,EAAAD,WAAU,MAAM;AACd,QAAI,gBAAgB,eAAe,KAAM;AACzC,UAAM,SAAS,KAAK,UAAU;AAC9B,QAAI,WAAW,QAAQ,QAAQ,MAAM,EAAG,aAAY,MAAM;AAAA,EAC5D,GAAG,CAAC,cAAc,YAAY,OAAO,CAAC;AAEtC,QAAM,WAAWD;AAAA,IACf,CAAC,SAAY;AACX,UAAI,CAAC,aAAc,aAAY,IAAI;AACnC,UAAI,eAAe,KAAM,OAAM,YAAY,IAAI;AAC/C,iBAAW,IAAI;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY,QAAQ;AAAA,EACrC;AAEA,SAAO,CAAC,eAAe,aAAa,UAAU,QAAQ;AACxD;;;AD8BQ,gBAAAG,aAAA;AAlER,IAAM,iBAAiB,cAA0C,IAAI;AAErE,SAAS,UAAU,OAAqC;AACtD,SAAQ,aAAmC,SAAS,KAAK;AAC3D;AAsBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,CAAC,SAAS,UAAU,IAAI,mBAAgC;AAAA,IAC5D,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,IACV,YACE,eAAe,SAAa,UAAU,SAAS,sBAAsB,OAAQ;AAAA,IAC/E,SAAS;AAAA,EACX,CAAC;AAED,EAAAC,WAAU,MAAM;AACd,QAAI,UAAU,OAAQ;AACtB,UAAM,OAAO,SAAS;AACtB,UAAM,WAAW,KAAK,aAAa,iBAAiB;AACpD,SAAK,aAAa,mBAAmB,OAAO;AAC5C,WAAO,MAAM;AACX,UAAI,aAAa,KAAM,MAAK,gBAAgB,iBAAiB;AAAA,UACxD,MAAK,aAAa,mBAAmB,QAAQ;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,OAAO,OAAO,CAAC;AAEnB,QAAM,QAAQC;AAAA,IACZ,OAAO,EAAE,SAAS,WAAW;AAAA,IAC7B,CAAC,SAAS,UAAU;AAAA,EACtB;AAEA,SACE,gBAAAF,MAAC,kBAAe,OACb,oBAAU,SACT,WAEA,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACR,GAAG,EAAE,CAAC,iBAAiB,GAAG,QAAQ;AAAA,MACnC,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GAEJ;AAEJ;AAGO,SAAS,aAAkC;AAChD,QAAM,UAAU,WAAW,cAAc;AACzC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;;;AE5GA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE,iBAAAG;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA;AAAA,OAGK;AAuGC,gBAAAC,aAAA;AAxFR,IAAM,eAAeC,eAAwC,IAAI;AAEjE,IAAM,aAAa;AAEnB,SAAS,uBAAuB,UAAsB;AACpD,QAAM,QAAQ,OAAO,WAAW,UAAU;AAC1C,QAAM,iBAAiB,UAAU,QAAQ;AACzC,SAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAC3D;AAEA,IAAM,cAAc,MAAM,OAAO,WAAW,UAAU,EAAE;AAExD,IAAM,oBAAoB,MAAM;AAEhC,SAAS,cAAc,OAAqC;AAC1D,SAAO,UAAU,YAAa,WAAiC,SAAS,KAAK;AAC/E;AA0BO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,mBAAgC;AAAA,IACxD,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,IACV,YAAY,eAAe,SAAa,UAAU,SAAS,oBAAoB,OAAQ;AAAA,IACvF,SAAS;AAAA,EACX,CAAC;AAED,QAAM,eAAe,qBAAqB,wBAAwB,aAAa,iBAAiB;AAChG,QAAM,gBAA2B,UAAU,WAAY,eAAe,SAAS,UAAW;AAG1F,QAAM,YAAY,UAAU,WAAW,SAAY;AAEnD,EAAAC,WAAU,MAAM;AACd,QAAI,UAAU,OAAQ;AACtB,UAAM,OAAO,SAAS;AACtB,UAAM,WAAW,KAAK,aAAa,eAAe;AAClD,QAAI,cAAc,OAAW,MAAK,gBAAgB,eAAe;AAAA,QAC5D,MAAK,aAAa,iBAAiB,SAAS;AACjD,WAAO,MAAM;AACX,UAAI,aAAa,KAAM,MAAK,gBAAgB,eAAe;AAAA,UACtD,MAAK,aAAa,iBAAiB,QAAQ;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,QAAM,QAAQC;AAAA,IACZ,OAAO,EAAE,OAAO,eAAe,SAAS;AAAA,IACxC,CAAC,OAAO,eAAe,QAAQ;AAAA,EACjC;AAEA,SACE,gBAAAH,MAAC,gBAAa,OACX,oBAAU,SACT,WAEA,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAS;AAAA,MACR,GAAG,EAAE,CAAC,eAAe,GAAG,UAAU;AAAA,MACnC,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GAEJ;AAEJ;AAGO,SAAS,WAA8B;AAC5C,QAAM,UAAUI,YAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO;AACT;","names":["jsx","jsx","jsx","jsxs","jsx","jsx","Fragment","jsx","jsxs","jsx","jsxs","Icon","Fragment","jsx","jsxs","Icon","jsx","Icon","Fragment","jsx","jsxs","jsx","jsxs","Icon","Icon","useId","useRef","Fragment","jsx","jsxs","jsx","jsxs","Icon","useState","jsx","jsxs","useState","Icon","Icon","jsx","jsxs","useId","Fragment","jsx","jsxs","useId","jsx","Icon","Fragment","jsx","jsxs","jsx","jsxs","jsx","BaseField","jsx","jsx","jsx","Icon","jsx","jsxs","Icon","jsx","jsxs","BaseProgress","jsx","jsxs","useEffect","useRef","useState","jsx","jsxs","useState","useRef","useEffect","jsx","jsx","jsxs","jsx","Children","jsx","jsxs","Icon","jsx","jsxs","Icon","jsx","jsxs","Icon","jsx","jsx","jsxs","Icon","jsx","jsxs","jsx","jsxs","Icon","jsx","jsxs","Icon","Icon","jsx","jsxs","Icon","jsx","jsxs","BaseRadio","BaseRadioGroup","jsx","Icon","jsx","jsxs","Icon","jsx","Icon","jsx","jsxs","Icon","Icon","jsx","jsxs","Icon","jsx","jsxs","useId","useState","jsx","jsxs","Icon","jsx","jsxs","Icon","Fragment","jsx","jsxs","Icon","Icon","jsx","jsxs","Icon","useEffect","useMemo","useCallback","useEffect","useState","jsx","useEffect","useMemo","createContext","useContext","useEffect","useMemo","jsx","createContext","useEffect","useMemo","useContext"]}