vxui-react 0.1.0

package/dist/lib/cx.d.ts

@@ -0,0 +1 @@
+export declare function cx(...values: Array<string | false | null | undefined>): string;

package/dist/lib/index.d.ts

@@ -0,0 +1,61 @@
+export { AppShell } from '../components/AppShell';
+export { Badge } from '../components/Badge';
+export { Button } from '../components/Button';
+export { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/Card';
+export { Dialog } from '../components/Dialog';
+export { Input } from '../components/Input';
+export { Switch } from '../components/Switch';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/Tabs';
+export { ThemeProvider, createTheme, themePresets, useTheme, } from '../components/ThemeProvider';
+export type { ThemeDefinition, ThemeMode, ThemeRegistry, ThemeTokens, } from '../components/ThemeProvider';
+export { ToastProvider, useToast } from '../components/Toast';
+export { Text } from '../components/Text';
+export type { TextProps } from '../components/Text';
+export { Heading } from '../components/Heading';
+export type { HeadingProps } from '../components/Heading';
+export { Select } from '../components/Select';
+export type { SelectProps } from '../components/Select';
+export { Checkbox } from '../components/Checkbox';
+export type { CheckboxProps } from '../components/Checkbox';
+export { Radio, RadioGroup } from '../components/Radio';
+export type { RadioProps, RadioGroupProps } from '../components/Radio';
+export { Textarea } from '../components/Textarea';
+export type { TextareaProps } from '../components/Textarea';
+export { Slider } from '../components/Slider';
+export type { SliderProps } from '../components/Slider';
+export { Spinner } from '../components/Spinner';
+export type { SpinnerProps } from '../components/Spinner';
+export { Progress } from '../components/Progress';
+export type { ProgressProps } from '../components/Progress';
+export { Alert } from '../components/Alert';
+export type { AlertProps } from '../components/Alert';
+export { Skeleton } from '../components/Skeleton';
+export type { SkeletonProps } from '../components/Skeleton';
+export { Tooltip } from '../components/Tooltip';
+export type { TooltipProps } from '../components/Tooltip';
+export { Popover } from '../components/Popover';
+export type { PopoverProps } from '../components/Popover';
+export { DropdownMenu } from '../components/DropdownMenu';
+export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuGroupProps } from '../components/DropdownMenu';
+export { Breadcrumb } from '../components/Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from '../components/Breadcrumb';
+export { Pagination } from '../components/Pagination';
+export type { PaginationProps } from '../components/Pagination';
+export { Accordion } from '../components/Accordion';
+export type { AccordionProps, AccordionItem } from '../components/Accordion';
+export { Separator } from '../components/Separator';
+export type { SeparatorProps } from '../components/Separator';
+export { Avatar } from '../components/Avatar';
+export type { AvatarProps } from '../components/Avatar';
+export { Table } from '../components/Table';
+export type { TableProps, TableColumn, SortDirection } from '../components/Table';
+export { MobileShell, MobileTopBar, MobileIconButton } from '../components/mobile/MobileShell';
+export type { MobileShellProps, MobileTopBarProps, MobileIconButtonProps } from '../components/mobile/MobileShell';
+export { BottomNav } from '../components/mobile/BottomNav';
+export type { BottomNavProps, BottomNavItem } from '../components/mobile/BottomNav';
+export { ActionSheet, ActionSheetItem } from '../components/mobile/ActionSheet';
+export type { ActionSheetProps, ActionSheetItemProps } from '../components/mobile/ActionSheet';
+export { MobileList, MobileListSection, MobileListItem } from '../components/mobile/MobileList';
+export type { MobileListSectionProps, MobileListItemProps } from '../components/mobile/MobileList';
+export { MobileDrawer, DrawerNavItem, DrawerNavSection } from '../components/mobile/MobileDrawer';
+export type { MobileDrawerProps, DrawerNavItemProps, DrawerNavSectionProps } from '../components/mobile/MobileDrawer';

package/dist/vxui-react.css

@@ -0,0 +1 @@
+:root{color-scheme:light;--vx-primary: #2563eb;--vx-primary-strong: #1d4ed8;--vx-primary-soft: rgba(37, 99, 235, .1);--vx-secondary: #64748b;--vx-success: #10b981;--vx-warning: #f59e0b;--vx-danger: #ef4444;--vx-info: #3b82f6;--vx-bg: #f8fafc;--vx-bg-accent: #f1f5f9;--vx-surface: #ffffff;--vx-surface-strong: #ffffff;--vx-surface-hover: #f8fafc;--vx-border: #e2e8f0;--vx-border-strong: #cbd5e1;--vx-text: #0f172a;--vx-text-secondary: #64748b;--vx-text-muted: #94a3b8;--vx-code-bg: color-mix(in srgb, var(--vx-bg-accent) 78%, var(--vx-surface));--vx-code-text: #0f172a;--vx-code-border: color-mix(in srgb, var(--vx-border-strong) 72%, var(--vx-border));--vx-code-comment: #64748b;--vx-code-keyword: #2563eb;--vx-code-string: #047857;--vx-code-number: #b45309;--vx-code-function: #0f766e;--vx-code-property: #1d4ed8;--vx-code-class: #c2410c;--vx-code-tag: #be123c;--vx-code-attr-name: #0f766e;--vx-code-attr-value: #b45309;--vx-code-punctuation: #475569;--vx-code-operator: #0f172a;--vx-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--vx-shadow: 0 12px 30px rgba(15, 23, 42, .06);--vx-shadow-lg: 0 28px 60px rgba(15, 23, 42, .12);--vx-glass-bg: color-mix(in srgb, var(--vx-surface-strong) 82%, transparent);--vx-glass-bg-strong: color-mix(in srgb, var(--vx-surface-strong) 90%, transparent);--vx-glass-border: color-mix(in srgb, var(--vx-border-strong) 52%, var(--vx-border));--vx-glass-shadow: 0 18px 48px rgba(15, 23, 42, .12);--vx-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .22);--vx-glass-filter: blur(18px) saturate(1.7);--vx-glass-scrim: color-mix(in srgb, var(--vx-bg) 44%, transparent);--vxm-drawer-bg: var(--vx-glass-bg-strong);--vx-radius-sm: 8px;--vx-radius: 10px;--vx-radius-lg: 14px;--vx-radius-xl: 20px;--vx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vx-mono: "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--vx-sidebar-width: 240px;--vx-sidebar-width-collapsed: 72px;--vx-header-height: 92px;--vx-content-width: 1100px}:root[data-theme=dark]{color-scheme:dark;--vx-primary: #3b82f6;--vx-primary-strong: #2563eb;--vx-primary-soft: rgba(59, 130, 246, .14);--vx-bg: #0f172a;--vx-bg-accent: #111827;--vx-surface: #111827;--vx-surface-strong: #0f172a;--vx-surface-hover: #172033;--vx-border: rgba(148, 163, 184, .18);--vx-border-strong: rgba(148, 163, 184, .32);--vx-text: #f8fafc;--vx-text-secondary: #94a3b8;--vx-text-muted: #94a3b8;--vx-code-bg: color-mix(in srgb, var(--vx-bg-accent) 72%, black 10%);--vx-code-text: #e2e8f0;--vx-code-border: var(--vx-border);--vx-code-comment: #94a3b8;--vx-code-keyword: #93c5fd;--vx-code-string: #86efac;--vx-code-number: #fdba74;--vx-code-function: #67e8f9;--vx-code-property: #bfdbfe;--vx-code-class: #fdba74;--vx-code-tag: #fda4af;--vx-code-attr-name: #5eead4;--vx-code-attr-value: #fde68a;--vx-code-punctuation: #cbd5e1;--vx-code-operator: #e2e8f0;--vx-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--vx-shadow: 0 18px 44px rgba(0, 0, 0, .24);--vx-shadow-lg: 0 28px 70px rgba(0, 0, 0, .34);--vx-glass-bg: color-mix(in srgb, var(--vx-surface-strong) 86%, transparent);--vx-glass-bg-strong: color-mix(in srgb, var(--vx-surface-strong) 94%, transparent);--vx-glass-border: color-mix(in srgb, var(--vx-border-strong) 72%, var(--vx-border));--vx-glass-shadow: 0 22px 54px rgba(0, 0, 0, .42);--vx-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .08);--vx-glass-filter: blur(20px) saturate(1.55);--vx-glass-scrim: color-mix(in srgb, #020408 58%, transparent)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--vx-font);background:var(--vx-bg);color:var(--vx-text);line-height:1.5;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}.vx-shell{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;background:var(--vx-bg);overflow:hidden}.vx-shell[data-collapsed=true]{--vx-sidebar-width: var(--vx-sidebar-width-collapsed)}.vx-sidebar{position:sticky;top:0;width:var(--vx-sidebar-width);min-width:var(--vx-sidebar-width);height:100%;background:var(--vx-glass-bg-strong);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);display:flex;flex-direction:column;overflow:hidden;transition:width .18s ease,transform .18s ease;z-index:20}.vx-sidebar__scroll{min-height:0;height:100%;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.vx-shell__overlay{display:none}.vx-sidebar__header{flex:0 0 var(--vx-header-height);height:var(--vx-header-height);padding:0 20px;display:flex;align-items:stretch;justify-content:space-between;gap:12px;background:var(--vx-glass-bg-strong);box-shadow:inset 0 -1px 0 var(--vx-border)}.vx-sidebar__brand{width:100%;display:inline-flex;align-items:center;gap:14px;min-width:0}.vx-sidebar__brand-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--vx-primary);background:var(--vx-primary-soft);box-shadow:inset 0 1px #ffffff2e,0 10px 24px #0f172a14}.vx-sidebar__brand-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.vx-sidebar__brand-text{font-size:1.3rem;font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--vx-text)}.vx-sidebar__brand-caption{color:var(--vx-text-secondary);font-size:.82rem;line-height:1.45}.vx-sidebar__toggle{width:100%;justify-content:flex-start;gap:10px;padding:0 10px;color:var(--vx-text-muted)}.vx-sidebar__toggle:hover{color:var(--vx-text)}.vx-sidebar__toggle-label{font-size:13px;font-weight:500}.vx-sidebar__nav{padding:16px 10px 24px;display:flex;flex-direction:column;gap:18px}.vx-nav-section-block{padding-bottom:18px;border-bottom:1px solid var(--vx-border)}.vx-nav-section-block:last-child{padding-bottom:0;border-bottom:0}.vx-nav-section-block__title{padding:0 10px 10px;color:var(--vx-text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vx-nav-section-block__items{display:flex;flex-direction:column;gap:4px}.vx-nav-item{width:100%;min-height:40px;padding:0 10px;border-radius:var(--vx-radius);border:1px solid transparent;background:transparent;color:var(--vx-text-secondary);display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease}.vx-nav-item:hover{background:var(--vx-surface-hover)}.vx-nav-item--active{color:var(--vx-primary);background:var(--vx-primary-soft);border-color:#2563eb24}.vx-nav-item__icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.vx-nav-item__label{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.01em}.vx-nav-item__badge,.vx-nav-item__trailing{margin-left:auto;color:var(--vx-text-muted);display:inline-flex;align-items:center}.vx-sidebar__footer{margin-top:auto;padding:8px 10px;border-top:1px solid var(--vx-border);display:flex;flex-direction:column;gap:4px}.vx-sidebar__footer-content{padding-bottom:4px;border-bottom:1px solid var(--vx-border);margin-bottom:4px}.vx-shell[data-collapsed=true] .vx-nav-section-block__title,.vx-shell[data-collapsed=true] .vx-nav-item__label,.vx-shell[data-collapsed=true] .vx-nav-item__badge,.vx-shell[data-collapsed=true] .vx-nav-item__trailing,.vx-shell[data-collapsed=true] .vx-sidebar__brand-caption,.vx-shell[data-collapsed=true] .vx-sidebar__brand-copy,.vx-shell[data-collapsed=true] .vx-sidebar__toggle-label{display:none}.vx-shell[data-collapsed=true] .vx-sidebar__brand,.vx-shell[data-collapsed=true] .vx-nav-item{justify-content:center}.vx-shell[data-collapsed=true] .vx-sidebar__header{padding-inline:10px;justify-content:center}.vx-shell[data-collapsed=true] .vx-sidebar__toggle{justify-content:center;width:100%;padding:0}.vx-shell__main{min-width:0;flex:1 1 auto;height:100%;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--vx-border)}.vx-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:16px;flex:0 0 var(--vx-header-height);min-height:var(--vx-header-height);height:var(--vx-header-height);padding:0 26px;background:var(--vx-surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 -1px 0 var(--vx-border);overflow:visible}.vx-topbar__title-group{display:flex;align-items:center;flex:1 1 auto;min-width:0;min-height:0;padding:12px 0}.vx-topbar__title-group>*{width:100%}.vx-topbar__breadcrumb{display:flex;align-items:center;gap:8px;color:var(--vx-text-secondary);font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.vx-topbar__breadcrumb strong{color:var(--vx-text)}.vx-topbar__separator{color:var(--vx-text-muted)}.vx-topbar__title{margin:0;font-size:1.45rem;line-height:1.08;letter-spacing:-.025em}.vx-topbar__description{margin:6px 0 0;color:var(--vx-text-secondary);font-size:14px;line-height:1.5;max-width:56ch}.vx-topbar__actions{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;flex:0 0 auto;align-self:stretch;min-width:0;padding:12px 0 12px 18px;border-left:1px solid var(--vx-border);overflow:visible}.vx-shell__content-wrap{position:relative;flex:1 1 auto;min-height:0}.vx-shell__content{height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:28px 24px 48px}.vx-scroll-area{min-height:0;scrollbar-width:none;-ms-overflow-style:none}.vx-scroll-area::-webkit-scrollbar{width:0;height:0}.vx-overlay-scrollbar{position:absolute;top:8px;right:4px;bottom:8px;width:10px;pointer-events:none;opacity:0;transition:opacity .18s ease}.vx-overlay-scrollbar__thumb{position:absolute;right:2px;width:6px;min-height:36px;height:var(--vx-scrollbar-thumb-height, 0px);transform:translateY(var(--vx-scrollbar-thumb-offset, 0px));border-radius:999px;background:color-mix(in srgb,var(--vx-text-secondary) 34%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vx-text-secondary) 18%,transparent)}.vx-scroll-host[data-scrollable=true][data-scrollbar-state=active] .vx-overlay-scrollbar{opacity:1}:root[data-theme=dark] .vx-overlay-scrollbar__thumb{background:color-mix(in srgb,var(--vx-text-muted) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vx-text-muted) 22%,transparent)}.vx-page{display:flex;flex-direction:column;gap:0;width:100%;max-width:var(--vx-content-width)}.vx-docs-hero h1,.vx-docs-article h1{margin:0;font-size:clamp(48px,7vw,64px);line-height:1.02;letter-spacing:-.035em}.vx-docs-hero{padding:8px 0 0}.vx-docs-hero p,.vx-docs-lead{margin:18px 0 0;max-width:72ch;color:var(--vx-text-secondary);font-size:16px;line-height:1.58}.vx-docs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.vx-docs-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--vx-border)}.vx-docs-section h2{margin:0 0 16px;font-size:20px;line-height:1.15;letter-spacing:-.02em}.vx-docs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vx-doc-stat{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.vx-doc-stat__copy{display:flex;flex-direction:column;gap:8px}.vx-doc-stat__label{color:var(--vx-text-secondary);font-size:14px;font-weight:600}.vx-doc-stat__value{font-size:22px;font-weight:800;letter-spacing:-.04em}.vx-doc-stat__hint{color:var(--vx-text-secondary);font-size:13px;line-height:1.5}.vx-doc-stat__icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--vx-primary);background:var(--vx-primary-soft)}.vx-docs-token-grid,.vx-docs-component-grid,.vx-docs-article-grid{display:grid;gap:16px}.vx-docs-lead+.vx-docs-token-grid,.vx-docs-lead+.vx-docs-component-grid,.vx-docs-lead+.vx-docs-article-grid{margin-top:24px}.vx-docs-token-grid,.vx-docs-component-grid,.vx-docs-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-doc-token-card{gap:16px}.vx-doc-token-card__swatch{width:100%;height:72px;border-radius:12px;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px #0f172a0d}.vx-doc-token-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vx-doc-token-card__name{font-size:15px;font-weight:700}.vx-doc-token-card__var{color:var(--vx-text-muted);font-size:13px;font-family:var(--vx-mono)}.vx-doc-token-card__description{color:var(--vx-text-secondary);font-size:14px;line-height:1.6}.vx-doc-family-card .vx-card__content{justify-content:flex-end}.vx-docs-kicker{color:var(--vx-primary);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;margin-bottom:12px}.vx-docs-article{padding-top:8px}.vx-docs-guidance{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--vx-text-secondary);line-height:1.6}.vx-docs-code{margin:0;padding:16px;border-radius:12px;background:var(--vx-bg-accent);border:1px solid var(--vx-border);color:var(--vx-text);font-size:13px;line-height:1.65;font-family:var(--vx-mono);white-space:pre-wrap}.vx-preview-shell{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:12px;border-radius:12px;border:1px solid var(--vx-border);background:var(--vx-bg-accent)}.vx-preview-shell__sidebar,.vx-preview-shell__content{display:flex;flex-direction:column;gap:10px}.vx-preview-shell__sidebar,.vx-preview-shell__content{padding:12px;border-radius:10px;background:var(--vx-surface);border:1px solid var(--vx-border)}.vx-preview-shell__line,.vx-preview-grid__item{border-radius:10px;background:color-mix(in srgb,var(--vx-primary) 10%,var(--vx-surface));border:1px solid var(--vx-border)}.vx-preview-shell__line{height:14px}.vx-preview-shell__line--strong{height:18px;width:68%}.vx-preview-shell__line--header{height:20px;width:42%}.vx-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vx-preview-grid--page{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-preview-grid__item{min-height:72px}.vx-preview-grid__item--wide{grid-column:1 / -1;min-height:110px}.vx-preview-list{border:1px solid var(--vx-border);border-radius:12px;overflow:hidden}.vx-preview-list__row{display:grid;grid-template-columns:minmax(0,1.5fr) 120px 120px;gap:12px;padding:12px 14px;font-size:14px;border-top:1px solid var(--vx-border)}.vx-preview-list__row:first-child{border-top:0}.vx-preview-list__row--header{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vx-text-muted);background:var(--vx-bg-accent)}.vx-empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 24px;border-radius:12px;border:1px dashed var(--vx-border-strong);background:var(--vx-bg-accent);text-align:center}.vx-empty-state__icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--vx-primary);background:var(--vx-primary-soft)}.vx-empty-state__title{font-size:18px;font-weight:700}.vx-empty-state__copy{max-width:360px;margin:0;color:var(--vx-text-secondary);line-height:1.65}.vx-inline{display:flex;align-items:center;gap:10px}.vx-inline--wrap{flex-wrap:wrap}.vx-version-pill{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border-radius:var(--vx-radius);border:1px solid var(--vx-glass-border);background:color-mix(in srgb,var(--vx-primary-soft) 26%,var(--vx-glass-bg-strong));backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);box-shadow:var(--vx-glass-highlight);color:var(--vx-primary);font-size:13px;font-weight:700}.vx-version-pill--token{color:var(--vx-text-secondary);background:color-mix(in srgb,var(--vx-bg-accent) 20%,var(--vx-glass-bg))}.vx-button{min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:var(--vx-radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.vx-button:hover{border-color:var(--vx-border-strong)}.vx-button:focus-visible,.vx-input:focus-within,.vx-switch__control:focus-visible,.vx-nav-item:focus-visible,.vx-dialog__close:focus-visible,.vx-tabs__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--vx-primary) 72%,white);outline-offset:2px}.vx-button svg{flex:0 0 auto}.vx-button--sm{min-height:36px;padding:0 12px;font-size:13px}.vx-button--md{min-height:42px;padding:0 16px;font-size:14px}.vx-button--lg{min-height:48px;padding:0 18px;font-size:15px}.vx-button--full-width{width:100%}.vx-button--solid{color:#fff;background:var(--vx-primary);border-color:var(--vx-primary)}.vx-button--secondary{color:var(--vx-text);border-color:var(--vx-border);background:var(--vx-surface)}.vx-button--ghost{color:var(--vx-text-secondary);background:transparent;border-color:var(--vx-border)}.vx-button--danger{color:#fff;background:var(--vx-danger);border-color:var(--vx-danger)}.vx-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--vx-border);font-family:var(--vx-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.vx-badge--neutral{background:var(--vx-bg-accent)}.vx-badge--accent{color:var(--vx-primary);background:var(--vx-primary-soft);border-color:#2563eb2e}.vx-badge--success{background:color-mix(in srgb,var(--vx-success) 16%,var(--vx-surface));color:var(--vx-success)}.vx-badge--warning{background:color-mix(in srgb,var(--vx-warning) 16%,var(--vx-surface));color:var(--vx-warning)}.vx-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--vx-radius-lg);background:var(--vx-surface);border:1px solid var(--vx-border);box-shadow:var(--vx-shadow-sm)}.vx-card__header{display:flex;flex-direction:column;gap:6px}.vx-card__title{margin:0;font-size:16px;line-height:1.18;letter-spacing:-.02em}.vx-card__description{margin:0;color:var(--vx-text-secondary);line-height:1.55;font-size:14px}.vx-card__content{display:flex;flex-direction:column;gap:14px}.vx-field-group{display:flex;flex-direction:column;gap:8px}.vx-field-group__label{font-size:13px;font-weight:600}.vx-field-group__hint{color:var(--vx-text-secondary);font-size:12px}.vx-field-group__error{color:var(--vx-danger);font-size:12px}.vx-input{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--vx-border);background:var(--vx-surface)}.vx-input__field{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;color:var(--vx-text)}.vx-input__field::placeholder{color:color-mix(in srgb,var(--vx-text-muted) 72%,transparent)}.vx-input__field:focus{outline:none}.vx-input--invalid{border-color:color-mix(in srgb,var(--vx-danger) 45%,var(--vx-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--vx-danger) 18%,transparent)}.vx-input__ornament{color:var(--vx-text-muted);white-space:nowrap;flex-shrink:0}.vx-tabs__list{display:inline-flex;gap:4px;width:fit-content;padding:4px;border-radius:10px;background:var(--vx-bg-accent);border:1px solid var(--vx-border)}.vx-tabs__trigger{min-height:36px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--vx-text-secondary);cursor:pointer;font-weight:600}.vx-tabs__trigger[data-state=active]{color:var(--vx-text);background:var(--vx-surface);box-shadow:var(--vx-shadow-sm)}.vx-tabs__content{margin-top:16px}.vx-switch{display:flex;justify-content:space-between;align-items:center;gap:14px}.vx-switch__copy{display:flex;flex-direction:column;gap:4px}.vx-switch__label{font-weight:600}.vx-switch__description{color:var(--vx-text-secondary);line-height:1.6;font-size:13px}.vx-switch__control{position:relative;width:44px;height:26px;padding:3px;border:0;border-radius:999px;flex:0 0 auto;display:inline-flex;align-items:center;box-sizing:border-box;background:var(--vx-border-strong);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .16s ease}.vx-switch__control[data-state=checked]{background:var(--vx-primary)}.vx-switch__thumb{display:block;width:20px;height:20px;flex:0 0 auto;background:#fff;border-radius:999px;box-shadow:0 1px 2px #0f172a29;transform:translate(0);transition:transform .16s ease}.vx-switch__control[data-state=checked] .vx-switch__thumb{transform:translate(18px)}.vx-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--vx-glass-scrim);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.vx-dialog__content{position:fixed;top:50%;left:50%;width:min(560px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:20px;border-radius:16px;background:var(--vx-glass-bg-strong);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow)}.vx-dialog__header,.vx-dialog__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.vx-dialog__title{margin:0;font-size:18px}.vx-dialog__description{margin:8px 0 0;color:var(--vx-text-secondary);line-height:1.6;font-size:14px}.vx-dialog__body{margin:18px 0 22px}.vx-dialog__footer{justify-content:flex-end}.vx-dialog__close{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--vx-text-secondary);cursor:pointer}.vx-toast__viewport{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:12px;width:min(380px,calc(100vw - 24px));margin:0;padding:0;list-style:none;z-index:20}.vx-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid var(--vx-glass-border);background:var(--vx-glass-bg-strong);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow)}.vx-toast--info{border-color:color-mix(in srgb,var(--vx-secondary) 36%,var(--vx-border))}.vx-toast--success{border-color:color-mix(in srgb,var(--vx-success) 42%,var(--vx-border))}.vx-toast--warning{border-color:color-mix(in srgb,var(--vx-warning) 42%,var(--vx-border))}.vx-toast--danger{border-color:color-mix(in srgb,var(--vx-danger) 42%,var(--vx-border))}.vx-toast__content{display:flex;flex-direction:column;gap:6px}.vx-toast__title{font-weight:800}.vx-toast__description{color:var(--vx-text-secondary);line-height:1.6}.vx-toast__close{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--vx-text-secondary);cursor:pointer}.vx-stack{display:flex;flex-direction:column;gap:16px}.vx-stack--tight{gap:12px}.vx-muted{margin:0;color:var(--vx-text-secondary);line-height:1.7}@media(max-width:1160px){.vx-docs-stats,.vx-docs-token-grid,.vx-docs-component-grid,.vx-docs-article-grid{grid-template-columns:1fr}}@media(max-width:960px){.vx-shell{--vx-header-height: 74px}.vx-shell{display:block}.vx-shell__main{border-left:0}.vx-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,calc(100vw - 32px));min-width:min(280px,calc(100vw - 32px));transform:translate(-100%);box-shadow:var(--vx-shadow-lg)}.vx-shell[data-collapsed=false] .vx-sidebar{transform:translate(0)}.vx-shell__overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:var(--vx-glass-scrim);backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06);display:block;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:10}.vx-shell[data-collapsed=false] .vx-shell__overlay{opacity:1;pointer-events:auto}.vx-topbar{height:auto;padding:0 18px;overflow:visible;flex-wrap:wrap}.vx-topbar__title-group{padding:12px 0}.vx-topbar__actions{padding:0;border-left:0;flex-wrap:wrap;overflow:visible}.vx-shell__content{padding:0 18px 24px}}@media(max-width:640px){.vx-docs-hero h1,.vx-docs-article h1{font-size:42px}.vx-card,.vx-dialog__content{padding:18px}.vx-topbar{align-items:flex-start;flex-direction:column;padding:12px 18px;height:auto;overflow:visible}.vx-topbar__title-group{width:100%;padding:0}.vx-topbar__actions,.vx-docs-actions,.vx-dialog__footer{width:100%}.vx-topbar__actions{border-top:1px solid var(--vx-border);padding-top:12px;overflow:visible}.vx-topbar__actions .vx-button,.vx-docs-actions .vx-button,.vx-dialog__footer .vx-button{width:100%}.vx-preview-list__row{grid-template-columns:1fr}.vx-switch{align-items:flex-start;flex-direction:column}}[data-theme-name=ivory-gold] .vx-button{border-radius:999px;font-weight:600;letter-spacing:.01em;transition:filter .16s ease,border-color .16s ease,background .16s ease}[data-theme-name=ivory-gold] .vx-button:hover{border-color:transparent;filter:brightness(.94)}[data-theme-name=ivory-gold] .vx-button:focus-visible{outline:2px solid rgba(160,116,42,.6);outline-offset:2px}[data-theme-name=ivory-gold] .vx-button--solid{background:linear-gradient(135deg,#d4a44c,#a0742a 52%,#7d5a1e);color:#fff8ee;border:none}[data-theme-name=ivory-gold] .vx-button--solid:hover{filter:brightness(1.06)}[data-theme-name=ivory-gold] .vx-button--secondary{background:#a0742a12;color:#5a4320;border-color:#a0742a47}[data-theme-name=ivory-gold] .vx-button--secondary:hover{background:#a0742a21;border-color:#a0742a7a;color:#3a2a0e}[data-theme-name=ivory-gold] .vx-button--ghost{background:transparent;color:#9a7c4a;border-color:#a0742a38}[data-theme-name=ivory-gold] .vx-button--ghost:hover{background:#a0742a12;border-color:#a0742a66;color:#5a4320}[data-theme-name=ivory-gold] .vx-button--danger{background:linear-gradient(135deg,#e05252,#c03030);color:#fff;border-color:transparent}[data-theme-name=ivory-gold] .vx-sidebar{background:var(--vx-glass-bg-strong)}[data-theme-name=ivory-gold],[data-theme-name=ivory-gold] *{--vxm-drawer-bg: var(--vx-glass-bg-strong)}[data-theme-name=ivory-gold] .vx-sidebar__brand-icon{background:#a0742a1f;color:#a0742a}[data-theme-name=ivory-gold] .vx-nav-item--active{background:#a0742a1f;color:#7d5a1e}[data-theme-name=ivory-gold] .vx-nav-item:hover:not(.vx-nav-item--active){background:#a0742a0f;color:#1c1409}[data-theme-name=ivory-gold] .vx-nav-item:focus-visible{outline:2px solid rgba(160,116,42,.6)}[data-theme-name=ivory-gold] .vx-topbar,[data-theme-name=ivory-gold] .vx-sidebar__header{background:var(--vx-glass-bg-strong);box-shadow:inset 0 -1px #a0742a29}[data-theme-name=ivory-gold] .vx-sidebar__brand-icon{background:linear-gradient(135deg,#e8c25a,#bc881d);color:#fffaf1;box-shadow:inset 0 1px #ffffff42,0 12px 28px #825f2029}[data-theme-name=ivory-gold] .vx-topbar__actions{border-left-color:#a0742a2e}[data-theme-name=ivory-gold] .vx-card{border-color:#a0742a2e;background:#fff;box-shadow:0 4px 20px #5a432014}[data-theme-name=ivory-gold] .vx-input{background:#fff;border-color:#a0742a38}[data-theme-name=ivory-gold] .vx-input__field{color:#1c1409}[data-theme-name=ivory-gold] .vx-input:focus-within{border-color:#a0742a;box-shadow:0 0 0 3px #a0742a24}[data-theme-name=ivory-gold] .vx-switch__control[aria-checked=true]{background:#a0742a}[data-theme-name=ivory-gold] .vx-tabs__trigger[aria-selected=true]{color:#a0742a;border-bottom-color:#a0742a}[data-theme-name=ivory-gold] .vx-badge--accent{background:#a0742a1a;border-color:#a0742a4d;color:#7d5a1e}.vxm-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--vx-bg);overscroll-behavior:none}.vxm-shell__topbar{position:sticky;top:0;z-index:20;flex:0 0 auto}.vxm-shell__main{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.vxm-shell__bottomnav{position:sticky;bottom:0;flex:0 0 auto;z-index:20}.vxm-topbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:52px;padding:0 4px;padding-top:env(safe-area-inset-top,0px);background:var(--vx-surface);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);box-shadow:inset 0 -1px 0 var(--vx-border)}.vxm-topbar__leading{display:flex;align-items:center;justify-content:center;padding-left:4px}.vxm-topbar__trailing{display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.vxm-topbar__title{text-align:center;font-size:17px;font-weight:600;color:var(--vx-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vxm-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--vx-radius-sm);background:transparent;border:none;cursor:pointer;color:var(--vx-primary);font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.vxm-icon-btn:active{background:var(--vx-primary-soft)}.vxm-icon-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--vx-primary) 72%,white);outline-offset:2px}.vxm-bottomnav{display:flex;background:var(--vx-glass-bg-strong);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);box-shadow:inset 0 1px 0 var(--vx-border);padding-bottom:env(safe-area-inset-bottom,0px)}.vxm-bottomnav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:8px 4px;background:none;border:none;cursor:pointer;color:var(--vx-text-muted);-webkit-tap-highlight-color:transparent;transition:color .12s ease}.vxm-bottomnav__item--active{color:var(--vx-primary)}.vxm-bottomnav__item--active .vxm-bottomnav__label{font-weight:600}.vxm-bottomnav__icon{position:relative;display:flex;align-items:center;justify-content:center}.vxm-bottomnav__badge{position:absolute;top:-4px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--vx-danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.vxm-bottomnav__label{font-size:10px;font-weight:500;line-height:1}.vxm-actionsheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--vx-glass-scrim);backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06);display:flex;align-items:flex-end;animation:vxm-overlay-in .18s ease forwards}.vxm-actionsheet{width:100%;max-height:85dvh;background:var(--vxm-drawer-bg, var(--vx-glass-bg-strong));backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow);border-radius:var(--vx-radius-xl) var(--vx-radius-xl) 0 0;padding-bottom:max(env(safe-area-inset-bottom,0px),16px);display:flex;flex-direction:column;animation:vxm-sheet-in .3s cubic-bezier(.32,.72,0,1) forwards;will-change:transform;touch-action:pan-x;user-select:none;-webkit-user-select:none}.vxm-actionsheet__handle{width:36px;height:4px;border-radius:2px;background:var(--vx-border-strong);margin:12px auto 8px;flex:0 0 auto;cursor:grab}.vxm-actionsheet__header{padding:4px 20px 12px;flex:0 0 auto;border-bottom:1px solid var(--vx-border)}.vxm-actionsheet__title{margin:0;font-size:16px;font-weight:700;color:var(--vx-text)}.vxm-actionsheet__description{margin:4px 0 0;font-size:13px;color:var(--vx-text-secondary);line-height:1.5}.vxm-actionsheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;flex:1 1 auto}.vxm-actionsheet-item{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 20px;background:none;border:none;cursor:pointer;text-align:left;font-size:16px;color:var(--vx-text);font-family:var(--vx-font);-webkit-tap-highlight-color:transparent;transition:background .1s ease}.vxm-actionsheet-item:active{background:var(--vx-surface-hover)}.vxm-actionsheet-item--destructive{color:var(--vx-danger)}.vxm-actionsheet-item__icon{color:var(--vx-primary);display:flex;flex:0 0 auto}.vxm-actionsheet-item--destructive .vxm-actionsheet-item__icon{color:var(--vx-danger)}@keyframes vxm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes vxm-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vxm-list{list-style:none;margin:0;padding:0;background:var(--vx-surface);border-radius:var(--vx-radius-lg);overflow:hidden;border:1px solid var(--vx-border)}.vxm-list-section{margin-bottom:28px}.vxm-list-section__title{padding:0 16px 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vx-text-muted)}.vxm-list-item{position:relative;list-style:none}.vxm-list-item+.vxm-list-item:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--vx-border)}.vxm-list-item__btn{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font-family:var(--vx-font);-webkit-tap-highlight-color:transparent;transition:background .1s ease}.vxm-list-item__btn:active{background:var(--vx-surface-hover)}.vxm-list-item__btn:focus-visible{outline:2px solid color-mix(in srgb,var(--vx-primary) 72%,white);outline-offset:-2px}.vxm-list-item--static .vxm-list-item__btn{cursor:default;pointer-events:none}.vxm-list-item--disabled .vxm-list-item__btn{opacity:.4;pointer-events:none}.vxm-list-item__leading{flex:0 0 auto;color:var(--vx-text-muted);display:flex;align-items:center}.vxm-list-item__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.vxm-list-item__label{font-size:16px;color:var(--vx-text);line-height:1.35}.vxm-list-item--destructive .vxm-list-item__label{color:var(--vx-danger)}.vxm-list-item__description{font-size:13px;color:var(--vx-text-secondary);line-height:1.35}.vxm-list-item__trailing{flex:0 0 auto;color:var(--vx-text-muted);font-size:14px;display:flex;align-items:center}.vxm-list-item__chevron{flex:0 0 auto;color:var(--vx-border-strong)}.vxm-phone-frame{width:260px;height:480px;border-radius:32px;border:6px solid var(--vx-border-strong);background:var(--vx-bg);overflow:hidden;box-shadow:var(--vx-shadow-lg);display:flex;flex-direction:column;position:relative}.vxm-phone-frame .vxm-shell{min-height:0;height:100%}.vxm-phone-frame .vxm-topbar{height:44px;grid-template-columns:40px 1fr 40px;font-size:14px}.vxm-phone-frame .vxm-topbar__title{font-size:14px}.vxm-phone-frame .vxm-bottomnav__item{min-height:48px}.vxm-phone-frame .vxm-list-item__btn{min-height:46px;padding:10px 14px}.vxm-phone-frame .vxm-list-item__label{font-size:14px}.vxm-phone-frame .vxm-list-item__description{font-size:12px}.vxm-phone-frame .vxm-shell__main{overflow-y:auto;padding:12px}.vxm-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex}.vxm-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--vx-glass-scrim) calc(var(--vxm-overlay-opacity, .52) * 100%),transparent);backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06);transition:background .2s ease}.vxm-drawer{position:relative;z-index:1;height:100%;max-width:85vw;background:var(--vxm-drawer-bg, var(--vx-glass-bg-strong));backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);display:flex;flex-direction:column;box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow);animation:vxm-drawer-in .28s cubic-bezier(.32,.72,0,1) forwards;will-change:transform;touch-action:pan-y;overflow:hidden}@keyframes vxm-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.vxm-drawer__header{flex:0 0 auto;padding:20px 16px 12px;padding-top:max(env(safe-area-inset-top,0px),20px);border-bottom:1px solid var(--vx-border)}.vxm-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.vxm-drawer__footer{flex:0 0 auto;padding:12px 0;padding-bottom:max(env(safe-area-inset-bottom,0px),12px);border-top:1px solid var(--vx-border)}.vxm-drawer-section{padding:8px 0}.vxm-drawer-section+.vxm-drawer-section{border-top:1px solid var(--vx-border)}.vxm-drawer-section__title{padding:4px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--vx-text-muted)}.vxm-drawer-section__items{display:flex;flex-direction:column;gap:2px;padding:0 8px}.vxm-drawer-item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 12px;border:none;border-radius:var(--vx-radius-sm);background:none;cursor:pointer;text-align:left;font-size:15px;font-weight:500;color:var(--vx-text-secondary);font-family:var(--vx-font);-webkit-tap-highlight-color:transparent;transition:background .1s ease,color .1s ease}.vxm-drawer-item:active{background:var(--vx-surface-hover)}.vxm-drawer-item--active{color:var(--vx-primary);background:var(--vx-primary-soft);font-weight:600}.vxm-drawer-item__icon{display:flex;align-items:center;flex:0 0 auto}.vxm-drawer-item__label{flex:1 1 auto}.vxm-drawer-item__badge{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--vx-primary);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}.vxm-fullscreen-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--vx-bg);animation:vxm-preview-in .22s cubic-bezier(.32,.72,0,1) forwards}@keyframes vxm-preview-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.vxm-fullscreen-preview__bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 16px;background:var(--vx-surface-strong);border-bottom:1px solid var(--vx-border);z-index:10}.vxm-fullscreen-preview__label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--vx-text-secondary)}.vxm-fullscreen-preview__exit{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:30px;border-radius:var(--vx-radius-sm);border:1px solid var(--vx-border);background:var(--vx-surface);color:var(--vx-text-secondary);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--vx-font);transition:background .12s ease,border-color .12s ease}.vxm-fullscreen-preview__exit:hover{background:var(--vx-surface-hover);border-color:var(--vx-border-strong);color:var(--vx-text)}.vxm-fullscreen-preview__exit:focus-visible{outline:2px solid color-mix(in srgb,var(--vx-primary) 72%,white);outline-offset:2px}.vxm-fullscreen-preview__stage{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column;position:relative}.vxm-fullscreen-preview__stage .vxm-shell{flex:1 1 auto;min-height:0}[data-theme-name=black-gold] .vx-button{border-radius:999px;font-weight:600;letter-spacing:.01em;transition:filter .16s ease,border-color .16s ease,background .16s ease}[data-theme-name=black-gold] .vx-button:hover{border-color:transparent;filter:brightness(1.1)}[data-theme-name=black-gold] .vx-button:focus-visible{outline:2px solid rgba(200,169,124,.72);outline-offset:2px}[data-theme-name=black-gold] .vx-button--solid{background:linear-gradient(135deg,#f5e9d7,#c8a97c 48%,#b88d54);color:#09090f;border:none}[data-theme-name=black-gold] .vx-button--solid:hover{filter:brightness(1.08)}[data-theme-name=black-gold] .vx-button--secondary{background:#f5e9d70d;color:#f5e9d7;border-color:#f5e9d726}[data-theme-name=black-gold] .vx-button--secondary:hover{background:#f5e9d717;border-color:#c8a97c6b}[data-theme-name=black-gold] .vx-button--ghost{background:transparent;color:#928a81;border-color:#f5e9d71f}[data-theme-name=black-gold] .vx-button--ghost:hover{background:#f5e9d70f;border-color:#f5e9d733;color:#d7c8b2}[data-theme-name=black-gold] .vx-button--danger{background:linear-gradient(135deg,#f0706a,#ef4444);color:#fff;border-color:transparent}[data-theme-name=black-gold] .vx-sidebar{background:var(--vx-glass-bg-strong)}[data-theme-name=black-gold],[data-theme-name=black-gold] *{--vxm-drawer-bg: var(--vx-glass-bg-strong)}[data-theme-name=black-gold] .vx-sidebar__brand-icon,[data-theme-name=black-gold] .vx-nav-item--active{background:#c8a97c24;color:#c8a97c}[data-theme-name=black-gold] .vx-nav-item:hover:not(.vx-nav-item--active){background:#f5e9d712;color:#f5e9d7}[data-theme-name=black-gold] .vx-nav-item:focus-visible{outline:2px solid rgba(200,169,124,.72)}[data-theme-name=black-gold] .vx-topbar{background:var(--vx-glass-bg-strong)}[data-theme-name=black-gold] .vx-sidebar__brand-icon{background:linear-gradient(135deg,#d6b780f5,#805822eb);color:#140f09;box-shadow:inset 0 1px #fff4dc38,0 12px 28px #0000003d}[data-theme-name=black-gold] .vx-topbar__actions{border-left-color:#c8a97c29}[data-theme-name=black-gold] .vx-card{border-color:#c8a97c2e;background:#0f1219c2;box-shadow:0 0 42px #c8a97c0f}[data-theme-name=black-gold] .vx-input{background:#0f1219c2;border-color:#f5e9d71f}[data-theme-name=black-gold] .vx-input__field{color:#f5e9d7}[data-theme-name=black-gold] .vx-input:focus-within{border-color:#c8a97c;box-shadow:0 0 0 3px #c8a97c2e}[data-theme-name=black-gold] .vx-switch__control[aria-checked=true]{background:#c8a97c}[data-theme-name=black-gold] .vx-tabs__trigger[aria-selected=true]{color:#c8a97c;border-bottom-color:#c8a97c}[data-theme-name=black-gold] .vx-badge--accent{background:#c8a97c24;border-color:#c8a97c5c;color:#c8a97c}.vx-select{position:relative;display:flex;align-items:center}.vx-select__field{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-radius);color:var(--vx-text);font-size:.875rem;padding:.5rem 2.25rem .5rem .75rem;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.vx-select__field:focus{border-color:var(--vx-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--vx-primary) 20%,transparent)}.vx-select__field:disabled{opacity:.5;cursor:not-allowed}.vx-select__arrow{position:absolute;right:.75rem;pointer-events:none;color:var(--vx-text-muted);display:flex;align-items:center}.vx-checkbox{display:inline-flex;align-items:flex-start;gap:.625rem;cursor:pointer}.vx-checkbox--disabled{opacity:.5;cursor:not-allowed}.vx-checkbox__control-wrap{position:relative;flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.vx-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.vx-checkbox__box{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--vx-border-strong);border-radius:calc(var(--vx-radius) * .5);background:var(--vx-surface);display:flex;align-items:center;justify-content:center;color:transparent;transition:background .12s,border-color .12s,color .12s;pointer-events:none}.vx-checkbox__input:checked~.vx-checkbox__box,.vx-checkbox__input:indeterminate~.vx-checkbox__box{background:var(--vx-primary);border-color:var(--vx-primary);color:#fff}.vx-checkbox__input:focus-visible~.vx-checkbox__box{outline:2px solid var(--vx-primary);outline-offset:2px}.vx-checkbox__copy{display:flex;flex-direction:column;gap:.125rem}.vx-checkbox__label{font-size:.875rem;color:var(--vx-text);line-height:1.4}.vx-checkbox__description{font-size:.75rem;color:var(--vx-text-muted)}.vx-radio{display:inline-flex;align-items:flex-start;gap:.625rem;cursor:pointer}.vx-radio--disabled{opacity:.5;cursor:not-allowed}.vx-radio__control-wrap{position:relative;flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.vx-radio__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.vx-radio__circle{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--vx-border-strong);border-radius:9999px;background:var(--vx-surface);display:flex;align-items:center;justify-content:center;transition:border-color .12s;pointer-events:none}.vx-radio__dot{width:6px;height:6px;border-radius:9999px;background:transparent;transition:background .12s}.vx-radio__input:checked~.vx-radio__circle{border-color:var(--vx-primary)}.vx-radio__input:checked~.vx-radio__circle .vx-radio__dot{background:var(--vx-primary)}.vx-radio__input:focus-visible~.vx-radio__circle{outline:2px solid var(--vx-primary);outline-offset:2px}.vx-radio__copy{display:flex;flex-direction:column;gap:.125rem}.vx-radio__label{font-size:.875rem;color:var(--vx-text);line-height:1.4}.vx-radio__description{font-size:.75rem;color:var(--vx-text-muted)}.vx-radio-group{border:none;padding:0;margin:0}.vx-radio-group__items{display:flex;flex-direction:column;gap:.5rem;margin-top:.375rem}.vx-textarea{display:block;width:100%;min-height:6rem;background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-radius);color:var(--vx-text);font-size:.875rem;font-family:inherit;padding:.5rem .75rem;outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}.vx-textarea:focus{border-color:var(--vx-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--vx-primary) 20%,transparent)}.vx-textarea:disabled{opacity:.5;cursor:not-allowed}.vx-textarea::placeholder{color:var(--vx-text-muted)}.vx-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.vx-slider__label{margin-bottom:0!important}.vx-slider__value{font-size:.8125rem;color:var(--vx-text-muted)}.vx-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:9999px;background:var(--vx-border);outline:none;cursor:pointer}.vx-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:9999px;background:var(--vx-primary);border:2px solid var(--vx-bg);box-shadow:0 1px 4px #0000002e;transition:transform .12s}.vx-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.vx-slider::-moz-range-thumb{width:18px;height:18px;border-radius:9999px;background:var(--vx-primary);border:2px solid var(--vx-bg);box-shadow:0 1px 4px #0000002e;cursor:pointer}.vx-slider:focus-visible{outline:2px solid var(--vx-primary);outline-offset:4px}.vx-slider:disabled{opacity:.5;cursor:not-allowed}.vx-spinner{display:inline-flex;color:var(--vx-primary)}.vx-spinner svg{animation:vx-spin .8s linear infinite}@keyframes vx-spin{to{transform:rotate(360deg)}}.vx-spinner--sm svg{width:16px;height:16px}.vx-spinner--md svg{width:24px;height:24px}.vx-spinner--lg svg{width:36px;height:36px}.vx-progress-wrap{display:flex;flex-direction:column;gap:.375rem}.vx-progress__header{display:flex;justify-content:space-between;align-items:center}.vx-progress__label{font-size:.8125rem;color:var(--vx-text)}.vx-progress__value{font-size:.75rem;color:var(--vx-text-muted)}.vx-progress{width:100%;background:var(--vx-border);border-radius:9999px;overflow:hidden}.vx-progress--sm{height:4px}.vx-progress--md{height:6px}.vx-progress--lg{height:10px}.vx-progress__bar{height:100%;border-radius:9999px;background:var(--vx-primary);transition:width .3s ease}.vx-progress--success .vx-progress__bar{background:#22c55e}.vx-progress--warning .vx-progress__bar{background:#f59e0b}.vx-progress--danger .vx-progress__bar{background:#ef4444}.vx-progress--indeterminate .vx-progress__bar{width:45%!important;animation:vx-progress-indeterminate 1.4s ease-in-out infinite}@keyframes vx-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(320%)}}.vx-alert{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-radius:var(--vx-radius);border:1px solid}.vx-alert--info{background:color-mix(in srgb,#3b82f6 10%,transparent);border-color:color-mix(in srgb,#3b82f6 30%,transparent);color:#2563eb}.vx-alert--success{background:color-mix(in srgb,#22c55e 10%,transparent);border-color:color-mix(in srgb,#22c55e 30%,transparent);color:#16a34a}.vx-alert--warning{background:color-mix(in srgb,#f59e0b 10%,transparent);border-color:color-mix(in srgb,#f59e0b 30%,transparent);color:#d97706}.vx-alert--danger{background:color-mix(in srgb,#ef4444 10%,transparent);border-color:color-mix(in srgb,#ef4444 30%,transparent);color:#dc2626}.vx-alert__icon{flex-shrink:0;margin-top:.125rem}.vx-alert__body{flex:1;min-width:0}.vx-alert__title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.vx-alert__content{font-size:.8125rem}.vx-alert__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:inherit;opacity:.6;padding:.125rem;border-radius:4px;display:flex;align-items:center;transition:opacity .12s}.vx-alert__close:hover{opacity:1}.vx-skeleton{display:block;background:var(--vx-border);border-radius:calc(var(--vx-radius) * .5);animation:vx-skeleton-pulse 1.5s ease-in-out infinite}@keyframes vx-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.vx-skeleton--text{height:.875rem;border-radius:4px}.vx-skeleton--circle{border-radius:9999px}.vx-skeleton-text{display:flex;flex-direction:column;gap:.375rem}.vx-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.vx-tooltip{position:absolute;z-index:1000;white-space:nowrap;background:var(--vx-text);color:var(--vx-bg);font-size:.75rem;padding:.3125rem .625rem;border-radius:calc(var(--vx-radius) * .75);pointer-events:none;animation:vx-fade-in .12s ease}@keyframes vx-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vx-tooltip--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.vx-tooltip--bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.vx-tooltip--left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.vx-tooltip--right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.vx-popover-wrap{position:relative;display:inline-flex}.vx-popover{position:absolute;z-index:500;background:var(--vx-glass-bg);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);border-radius:var(--vx-radius);box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow);padding:.75rem;animation:vx-fade-in .15s ease;min-width:12rem}.vx-popover--bottom{top:calc(100% + 6px);left:0}.vx-popover--top{bottom:calc(100% + 6px);left:0}.vx-popover--right{left:calc(100% + 6px);top:0}.vx-popover--left{right:calc(100% + 6px);top:0}.vx-dropdown{position:relative;display:inline-flex}.vx-dropdown__trigger{cursor:pointer;display:inline-flex;align-items:center}.vx-dropdown__menu{position:absolute;z-index:600;top:calc(100% + 4px);background:var(--vx-glass-bg);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);border-radius:var(--vx-radius);box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow);padding:.25rem;min-width:12rem;animation:vx-fade-in .15s ease}.vx-dropdown__menu--left{left:0}.vx-dropdown__menu--right{right:0}.vx-dropdown__group{display:flex;flex-direction:column}.vx-dropdown__group-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--vx-text-muted);padding:.375rem .625rem .25rem}.vx-dropdown__separator{height:1px;background:var(--vx-border);margin:.25rem 0}.vx-dropdown__item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;border:none;border-radius:calc(var(--vx-radius) * .75);color:var(--vx-text);font-size:.875rem;padding:.4375rem .625rem;cursor:pointer;transition:background .1s}.vx-dropdown__item:hover{background:var(--vx-bg-accent)}.vx-dropdown__item--danger{color:#ef4444}.vx-dropdown__item--danger:hover{background:color-mix(in srgb,#ef4444 10%,transparent)}.vx-dropdown__item--disabled{opacity:.4;cursor:not-allowed}.vx-dropdown__item-icon{flex-shrink:0;opacity:.7;display:flex;align-items:center}.vx-dropdown__item-label{flex:1}.vx-dropdown__shortcut{font-size:.6875rem;color:var(--vx-text-muted);background:var(--vx-bg-accent);border:1px solid var(--vx-border);border-radius:4px;padding:0 4px;font-family:monospace}.vx-breadcrumb{display:flex;align-items:center}.vx-breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0;margin:0}.vx-breadcrumb__item{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.vx-breadcrumb__link{color:var(--vx-text-muted);text-decoration:none;background:transparent;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit;transition:color .12s}.vx-breadcrumb__link:hover{color:var(--vx-primary)}.vx-breadcrumb__current{color:var(--vx-text);font-weight:500}.vx-breadcrumb__sep{color:var(--vx-text-muted);display:flex;align-items:center}.vx-pagination{display:flex;align-items:center;gap:.25rem}.vx-pagination__btn{min-width:2rem;height:2rem;padding:0 .5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--vx-border);border-radius:calc(var(--vx-radius) * .75);color:var(--vx-text);font-size:.875rem;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.vx-pagination__btn:hover:not(:disabled){background:var(--vx-bg-accent);border-color:var(--vx-border-strong)}.vx-pagination__btn--active{background:var(--vx-primary);border-color:var(--vx-primary);color:#fff;font-weight:600}.vx-pagination__btn--active:hover{background:var(--vx-primary)}.vx-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.vx-pagination__ellipsis{padding:0 .25rem;color:var(--vx-text-muted);font-size:.875rem}.vx-accordion{border:1px solid var(--vx-border);border-radius:var(--vx-radius);overflow:hidden}.vx-accordion__item{border-bottom:1px solid var(--vx-border)}.vx-accordion__item:last-child{border-bottom:none}.vx-accordion__item--disabled{opacity:.5}.vx-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:transparent;border:none;cursor:pointer;color:var(--vx-text);font-size:.9375rem;font-weight:500;text-align:left;transition:background .1s;gap:.5rem}.vx-accordion__trigger:hover:not(:disabled){background:var(--vx-bg-accent)}.vx-accordion__title{flex:1}.vx-accordion__chevron{flex-shrink:0;color:var(--vx-text-muted);transition:transform .2s;display:flex;align-items:center}.vx-accordion__item--open .vx-accordion__chevron{transform:rotate(180deg)}.vx-accordion__content{padding:0 1rem 1rem;font-size:.875rem;color:var(--vx-text-muted);line-height:1.6}.vx-separator{border:none;margin:0}.vx-separator--horizontal{border-top:1px solid var(--vx-border);width:100%}.vx-separator--vertical{border-left:1px solid var(--vx-border);height:100%;align-self:stretch;display:inline-block}.vx-avatar{display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--vx-avatar-hue, 200) 55% 60%);color:#fff;font-weight:600;overflow:hidden;flex-shrink:0}.vx-avatar--circle{border-radius:9999px}.vx-avatar--square{border-radius:var(--vx-radius)}.vx-avatar--xs{width:1.5rem;height:1.5rem;font-size:.5625rem}.vx-avatar--sm{width:2rem;height:2rem;font-size:.6875rem}.vx-avatar--md{width:2.5rem;height:2.5rem;font-size:.8125rem}.vx-avatar--lg{width:3.5rem;height:3.5rem;font-size:1rem}.vx-avatar--xl{width:5rem;height:5rem;font-size:1.375rem}.vx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.vx-avatar__initials,.vx-avatar__fallback{line-height:1}.vx-avatar__placeholder{width:55%;height:55%;color:#ffffffbf}.vx-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--vx-border);border-radius:var(--vx-radius)}.vx-table{width:100%;border-collapse:collapse;font-size:.875rem;color:var(--vx-text)}.vx-table__caption{caption-side:top;text-align:left;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;color:var(--vx-text)}.vx-table__th{background:var(--vx-bg-accent);color:var(--vx-text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.625rem 1rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--vx-border)}.vx-table__th-inner{display:flex;align-items:center;gap:.375rem}.vx-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.vx-table__th--sortable:hover{color:var(--vx-text)}.vx-table__th--center,.vx-table__td--center{text-align:center}.vx-table__th--right,.vx-table__td--right{text-align:right}.vx-table__sort-icon{font-size:.6875rem;color:var(--vx-text-muted)}.vx-table__td{padding:.75rem 1rem;border-bottom:1px solid var(--vx-border);vertical-align:middle}.vx-table__row:last-child .vx-table__td{border-bottom:none}.vx-table--hoverable .vx-table__row:hover .vx-table__td{background:var(--vx-bg-accent)}.vx-table--striped .vx-table__row:nth-child(2n) .vx-table__td{background:color-mix(in srgb,var(--vx-bg-accent) 50%,transparent)}.vx-table--bordered .vx-table__th,.vx-table--bordered .vx-table__td{border:1px solid var(--vx-border)}.vx-table--compact .vx-table__th{padding:.375rem .75rem}.vx-table--compact .vx-table__td{padding:.4375rem .75rem}.vx-table--sticky thead{position:sticky;top:0;z-index:1}.vx-table__empty{text-align:center;padding:2.5rem;color:var(--vx-text-muted)}.vx-cmd__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(60px,12vh,140px);animation:vx-fade-in .12s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.vx-cmd{width:min(640px,calc(100vw - 2rem));max-height:min(520px,calc(100dvh - 160px));background:var(--vx-surface);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--vx-border-strong);border-radius:calc(var(--vx-radius) * 1.5);box-shadow:0 24px 64px #00000038,0 4px 16px #0000001f;display:flex;flex-direction:column;overflow:hidden;animation:vx-cmd-in .18s cubic-bezier(.22,1,.36,1)}@keyframes vx-cmd-in{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.vx-cmd__search{display:flex;align-items:center;gap:10px;padding:0 16px;height:56px;border-bottom:1px solid var(--vx-border);flex-shrink:0}.vx-cmd__search-icon{color:var(--vx-text-muted);flex-shrink:0}.vx-cmd__input{flex:1;background:transparent;border:none;outline:none;color:var(--vx-text);font-size:1rem;font-family:inherit;caret-color:var(--vx-primary)}.vx-cmd__input::placeholder{color:var(--vx-text-muted)}.vx-cmd__clear{background:transparent;border:none;cursor:pointer;color:var(--vx-text-muted);display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .1s}.vx-cmd__clear:hover{color:var(--vx-text)}.vx-cmd__esc{font-size:.6875rem;color:var(--vx-text-muted);background:var(--vx-bg-accent);border:1px solid var(--vx-border);border-radius:4px;padding:1px 6px;font-family:inherit;white-space:nowrap;flex-shrink:0}.vx-cmd__list{flex:1;overflow-y:auto;list-style:none;padding:6px;margin:0;overscroll-behavior:contain}.vx-cmd__empty{padding:2rem;text-align:center;color:var(--vx-text-muted);font-size:.875rem}.vx-cmd__item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--vx-radius);cursor:pointer;transition:background 80ms;-webkit-user-select:none;user-select:none}.vx-cmd__item:hover,.vx-cmd__item--active{background:var(--vx-bg-accent)}.vx-cmd__item--active{background:color-mix(in srgb,var(--vx-primary) 10%,transparent)}.vx-cmd__item-icon{width:32px;height:32px;border-radius:calc(var(--vx-radius) * .75);background:var(--vx-bg-accent);border:1px solid var(--vx-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--vx-text-muted)}.vx-cmd__item-icon--section{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--vx-primary)}.vx-cmd__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.vx-cmd__item-title{font-size:.9375rem;font-weight:500;color:var(--vx-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-cmd__item-sub{font-size:.75rem;color:var(--vx-text-muted)}.vx-cmd__mark{background:transparent;color:var(--vx-primary);font-weight:700}.vx-cmd__enter{font-size:.6875rem;color:var(--vx-primary);background:color-mix(in srgb,var(--vx-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--vx-primary) 28%,transparent);border-radius:4px;padding:1px 6px;font-family:inherit;flex-shrink:0}.vx-cmd__footer{display:flex;align-items:center;gap:1rem;padding:8px 16px;border-top:1px solid var(--vx-border);background:var(--vx-bg-accent);flex-shrink:0;font-size:.6875rem;color:var(--vx-text-muted)}.vx-cmd__footer kbd{background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:3px;padding:0 4px;font-family:inherit;font-size:.6875rem}.vx-cmd-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;background:var(--vx-glass-bg);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);border-radius:var(--vx-radius);box-shadow:var(--vx-glass-highlight);color:var(--vx-text-muted);font-size:.8125rem;cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap;font-family:inherit}.vx-cmd-trigger:hover{border-color:var(--vx-border-strong);color:var(--vx-text);background:var(--vx-glass-bg-strong)}.vx-cmd-trigger--active{color:var(--vx-primary);border-color:color-mix(in srgb,var(--vx-primary) 24%,var(--vx-border));background:color-mix(in srgb,var(--vx-primary-soft) 44%,var(--vx-glass-bg-strong))}.vx-cmd-trigger kbd{font-size:.6875rem;background:var(--vx-glass-bg-strong);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);border-radius:3px;padding:0 4px;font-family:inherit;color:var(--vx-text-muted)}.vx-lang-drop{position:relative;display:inline-flex;flex-shrink:0}.vx-lang-drop--sidebar{width:100%;padding:4px 10px;box-sizing:border-box}.vx-lang-drop__trigger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;background:var(--vx-glass-bg);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);border-radius:var(--vx-radius);box-shadow:var(--vx-glass-highlight);color:var(--vx-text-muted);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap;width:100%}.vx-lang-drop__trigger:hover,.vx-lang-drop--open .vx-lang-drop__trigger{border-color:var(--vx-border-strong);color:var(--vx-text);background:var(--vx-glass-bg-strong)}.vx-lang-drop__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--vx-primary) 72%,white);outline-offset:2px}.vx-lang-drop__chevron{margin-left:auto;transition:transform .16s ease}.vx-lang-drop--open .vx-lang-drop__chevron{transform:rotate(180deg)}.vx-lang-drop__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--vx-glass-bg);backdrop-filter:var(--vx-glass-filter);-webkit-backdrop-filter:var(--vx-glass-filter);border:1px solid var(--vx-glass-border);border-radius:var(--vx-radius);box-shadow:var(--vx-glass-highlight),var(--vx-glass-shadow);overflow:hidden;padding:4px;margin:0;list-style:none;z-index:200;animation:vx-lang-in .1s ease}.vx-lang-drop--sidebar .vx-lang-drop__menu{top:auto;bottom:calc(100% + 4px)}@keyframes vx-lang-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vx-lang-drop__item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:calc(var(--vx-radius) * .7);color:var(--vx-text-muted);font-size:.8125rem;font-family:inherit;cursor:pointer;text-align:left;transition:background 80ms,color 80ms;white-space:nowrap}.vx-lang-drop__item:hover{background:color-mix(in srgb,var(--vx-bg-accent) 72%,var(--vx-glass-bg));color:var(--vx-text)}.vx-lang-drop__item--active{color:var(--vx-primary);font-weight:600;background:color-mix(in srgb,var(--vx-primary-soft) 36%,var(--vx-glass-bg))}.vx-lang-drop__check{font-size:.75rem;color:var(--vx-primary)}[data-collapsed=true] .vx-lang-drop--sidebar{display:none}.vx-link{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:var(--vx-primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vx-link:hover{opacity:.8}.vx-public{min-height:100dvh;background:var(--vx-bg);color:var(--vx-text);display:flex;flex-direction:column;position:relative;overflow:hidden}.vx-public:before{content:"";position:absolute;top:-15%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,color-mix(in srgb,var(--vx-primary) 12%,transparent) 0%,transparent 60%);z-index:0;pointer-events:none}.vx-public:after{content:"";position:absolute;bottom:-20%;right:-10%;width:70%;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--vx-primary) 8%,transparent) 0%,transparent 60%);z-index:0;pointer-events:none}.vx-public-nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;min-height:72px;background:transparent;position:relative;z-index:50;flex-shrink:0}.vx-public-nav__brand{display:inline-flex;align-items:center}.vx-public-nav__brand-mark{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:var(--vx-text)}.vx-public-nav__brand-mark span{color:var(--vx-primary)}.vx-public-nav__links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vx-public-nav__user{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:var(--vx-radius-full);background:color-mix(in srgb,var(--vx-surface) 60%,transparent);border:1px solid var(--vx-border);color:var(--vx-text);font-size:.8125rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vx-public-main{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:80px 0 120px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.vx-public-hero{text-align:center;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:24px}.vx-public-hero-badge{border-radius:var(--vx-radius-full)}.vx-public-hero__title{font-size:clamp(3rem,7vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:0;background:linear-gradient(180deg,var(--vx-text) 0%,color-mix(in srgb,var(--vx-text) 60%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.vx-public-hero__lead{font-size:1.25rem;color:var(--vx-text-secondary);line-height:1.6;margin:0;max-width:600px;text-wrap:pretty}.vx-public-hero__actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:12px}.vx-public-hero__actions .vx-button{padding-left:24px;padding-right:24px;height:48px;font-size:1rem;border-radius:var(--vx-radius)}.vx-public-hero__status{margin:12px 0 0;font-size:.875rem;color:var(--vx-text-muted);max-width:60ch;text-wrap:pretty}.vx-public-preview{margin-top:80px;width:100%;max-width:1000px;background:color-mix(in srgb,var(--vx-surface) 60%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--vx-primary) 20%,var(--vx-border));border-radius:var(--vx-radius-xl);overflow:hidden;box-shadow:0 24px 48px -12px #0000001a}.vx-public-preview__header{border-bottom:1px solid var(--vx-border);padding:16px 24px;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--vx-surface) 40%,transparent)}.vx-public-preview__dots{display:flex;gap:8px}.vx-public-preview__dot{width:12px;height:12px;border-radius:50%;background:var(--vx-border-strong)}.vx-public-preview__dot:nth-child(1){background:#ff5f56}.vx-public-preview__dot:nth-child(2){background:#ffbd2e}.vx-public-preview__dot:nth-child(3){background:#27c93f}.vx-public-preview__eyebrow{font-size:.8125rem;font-weight:600;color:var(--vx-text-secondary)}.vx-public-preview__body{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.vx-public-preview__search{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border:1px solid var(--vx-border);border-radius:var(--vx-radius);background:var(--vx-surface);color:var(--vx-text-muted);font-size:.875rem;margin-bottom:24px}.vx-public-preview__sections{display:grid;gap:16px}.vx-public-preview__section{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border-radius:var(--vx-radius-lg);background:var(--vx-surface);border:1px solid var(--vx-border);transition:transform .2s ease,box-shadow .2s ease;cursor:default}.vx-public-preview__section:hover{transform:translateY(-2px);box-shadow:var(--vx-shadow-sm);border-color:color-mix(in srgb,var(--vx-primary) 40%,var(--vx-border))}.vx-public-preview__section-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--vx-radius);background:color-mix(in srgb,var(--vx-primary) 12%,transparent);color:var(--vx-primary)}.vx-public-preview__section-label{font-size:1rem;font-weight:700}.vx-public-preview__section-meta{margin-top:4px;color:var(--vx-text-secondary);font-size:.8125rem}.vx-public-preview__section-arrow{color:var(--vx-text-muted);transition:transform .2s ease}.vx-public-preview__section:hover .vx-public-preview__section-arrow{transform:translate(4px);color:var(--vx-primary)}.vx-public-preview__meta-grid{display:flex;flex-direction:column;gap:16px;justify-content:center}.vx-public-preview__meta-card{padding:24px;border-radius:var(--vx-radius-lg);border:1px solid var(--vx-border);background:var(--vx-surface)}.vx-public-preview__meta-card p{margin:12px 0 0;color:var(--vx-text-secondary);font-size:.875rem;line-height:1.6}.vx-public-preview__meta-title{display:inline-flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:700}.vx-public-features{width:100%;margin-top:120px}.vx-public-section-title{text-align:center;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-primary);margin:0 0 40px}.vx-public-features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}@media(max-width:900px){.vx-public-features__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}@media(max-width:500px){.vx-public-features__grid{grid-template-columns:1fr}}.vx-public-feature-card.vx-card{background:transparent;border:none;box-shadow:none;padding:0}.vx-public-feature-card .vx-card__header{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.vx-public-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:calc(var(--vx-radius) * 1.5);background:color-mix(in srgb,var(--vx-primary) 10%,transparent);color:var(--vx-primary)}.vx-public-feature-card .vx-card__title{font-size:1.125rem}.vx-public-feature-card .vx-card__description{font-size:.875rem;line-height:1.6;text-wrap:pretty}.vx-public-footer{margin-top:0;border-top:1px solid var(--vx-border);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--vx-text-muted);position:relative;z-index:10}@media(max-width:900px){.vx-public{background:radial-gradient(circle at 18% 10%,var(--vx-primary-soft) 0%,transparent 42%),radial-gradient(circle at 82% 92%,var(--vx-primary-soft) 0%,transparent 38%),var(--vx-bg)}.vx-public:before,.vx-public:after{display:none}.vx-public-nav{padding:16px 24px;flex-direction:column;align-items:stretch;gap:14px}.vx-public-nav__links{width:100%;gap:12px}.vx-public-main{width:min(100%,calc(100% - 32px));padding:56px 0 88px}.vx-public-hero{max-width:640px;gap:20px}.vx-public-preview{margin-top:56px}.vx-public-preview__body{grid-template-columns:1fr;gap:24px;padding:28px}.vx-public-features{margin-top:88px}.vx-public-footer{padding:24px;flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:640px){.vx-public-nav{padding:12px 16px}.vx-public-nav__links{align-items:stretch;gap:8px}.vx-public-nav__links>*{flex:1 1 calc(50% - 4px);min-width:0}.vx-public-nav__links .vx-lang-drop,.vx-public-nav__links .vx-cmd-trigger,.vx-public-nav__links .vx-button{width:100%}.vx-public-nav__links .vx-lang-drop__trigger,.vx-public-nav__links .vx-cmd-trigger,.vx-public-nav__links .vx-button{justify-content:center}.vx-public-nav__user{flex-basis:100%;justify-content:center}.vx-public-main{width:min(100%,calc(100% - 24px));padding:36px 0 64px}.vx-public-hero{gap:18px}.vx-public-hero__title{font-size:clamp(2.35rem,12vw,3.25rem);line-height:1.08}.vx-public-hero__lead{font-size:1.0625rem}.vx-public-hero__actions{width:100%;gap:12px}.vx-public-hero__actions .vx-button{flex:1 1 100%;width:100%}.vx-public-preview{margin-top:44px}.vx-public-preview__header{padding:14px 16px}.vx-public-preview__body{padding:20px 16px;gap:16px}.vx-public-preview__search{margin-bottom:16px;padding:0 14px}.vx-public-preview__section{gap:12px;padding:14px}.vx-public-preview__section-label{font-size:.9375rem}.vx-public-preview__section-meta{font-size:.75rem}.vx-public-preview__meta-card{padding:18px}.vx-public-preview__meta-title{gap:10px;font-size:1rem}.vx-public-section-title{margin-bottom:28px}.vx-public-footer{padding:20px 16px 28px}}.vx-auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 48px;position:relative;background-color:var(--vx-bg);background-image:radial-gradient(var(--vx-border) 1px,transparent 1px);background-size:20px 20px}.vx-auth-topbar{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:color-mix(in srgb,var(--vx-bg) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--vx-border);z-index:50}.vx-auth-topbar__brand{font-size:1.125rem;font-weight:900;letter-spacing:-.04em;color:var(--vx-text)}.vx-auth-topbar__brand span{color:var(--vx-primary)}.vx-auth-topbar__actions{display:flex;align-items:center;gap:12px}.vx-auth-card{width:100%;max-width:420px;background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:calc(var(--vx-radius) * 2.5);box-shadow:0 1px 2px color-mix(in srgb,var(--vx-text) 3%,transparent),0 8px 24px -4px color-mix(in srgb,var(--vx-text) 8%,transparent),0 24px 48px -8px color-mix(in srgb,var(--vx-text) 6%,transparent);overflow:hidden}.vx-auth-card__logo{padding:28px 32px 24px;text-align:center;font-size:1.5rem;font-weight:900;letter-spacing:-.05em;color:var(--vx-text);border-bottom:1px solid var(--vx-border)}.vx-auth-card__logo span{color:var(--vx-primary)}.vx-auth-card__body{padding:28px 32px 32px}.vx-auth__header{text-align:center;margin-bottom:24px}.vx-auth__header h2{font-size:1.375rem;font-weight:700;margin:0 0 6px;letter-spacing:-.02em;color:var(--vx-text)}.vx-auth__header p{font-size:.875rem;color:var(--vx-text-muted);margin:0}.vx-auth__form{display:flex;flex-direction:column;gap:16px}.vx-auth__toggle{background:transparent;border:none;font-size:.75rem;color:var(--vx-text-muted);cursor:pointer;padding:0 4px}.vx-auth__toggle:hover{color:var(--vx-text)}.vx-auth__row{display:flex;align-items:center;justify-content:space-between;margin-top:-4px;margin-bottom:4px}.vx-auth__footer{margin-top:20px;text-align:center;font-size:.875rem;color:var(--vx-text-secondary)}.vx-auth__footer--muted{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:var(--vx-text-muted)}.vxm-docs-home{display:flex;flex-direction:column;min-height:100%}.vxm-docs-home__hero{padding:28px 16px 20px;display:flex;flex-direction:column;gap:10px}.vxm-docs-home__hero-badge{display:flex;align-items:center;gap:8px;margin-bottom:2px}.vxm-docs-home__hero-badge-label{font-size:12px;font-weight:600;color:var(--vx-text-muted);text-transform:uppercase;letter-spacing:.06em}.vxm-docs-home__title{margin:0;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--vx-text);line-height:1.1}.vxm-docs-home__lead{margin:0;font-size:.9375rem;color:var(--vx-text-secondary);line-height:1.55}.vxm-docs-home__actions{display:flex;gap:10px;margin-top:4px}.vxm-docs-home__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 0 12px}.vxm-docs-home__stat{background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:14px 12px;display:flex;flex-direction:column;gap:4px}.vxm-docs-home__stat-icon{color:var(--vx-primary);margin-bottom:2px}.vxm-docs-home__stat-value{font-size:1.25rem;font-weight:700;color:var(--vx-text);line-height:1.2}.vxm-docs-home__stat-label{font-size:.75rem;color:var(--vx-text-muted);font-weight:500}.vxm-docs-page{display:flex;flex-direction:column;min-height:100%}.vxm-docs-page__header{padding:20px 16px 16px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--vx-border);margin-bottom:4px}.vxm-docs-page__kicker{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vx-primary);background:color-mix(in srgb,var(--vx-primary) 10%,transparent);border-radius:4px;padding:2px 7px;align-self:flex-start}.vxm-docs-page__title{margin:0;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;color:var(--vx-text);line-height:1.2}.vxm-docs-page__lead{margin:0;font-size:.9rem;color:var(--vx-text-secondary);line-height:1.55}.vxm-docs-page__section{padding:12px 16px 4px}.vxm-docs-page__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vx-text-muted);margin-bottom:8px}.vx-topbar__menu{display:none;flex:0 0 auto}.vx-topbar__title-group,.vx-topbar__actions{min-width:0}.vx-doc-breadcrumb{min-width:0;display:flex;flex-direction:column;gap:4px}.vx-doc-breadcrumb__kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-primary)}.vx-doc-breadcrumb strong{font-size:clamp(1.1rem,.5vw + 1rem,1.24rem);line-height:1.08;letter-spacing:-.03em;color:var(--vx-text)}.vx-doc-breadcrumb__summary{display:none}.vx-docs-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.vx-sidebar-session{display:flex;flex-direction:column;gap:10px}.vx-sidebar-session__card{padding:12px;border:1px solid var(--vx-border);border-radius:var(--vx-radius);background:color-mix(in srgb,var(--vx-surface) 86%,var(--vx-primary-soft));display:flex;flex-direction:column;gap:4px}.vx-sidebar-session__card span{font-size:.75rem;color:var(--vx-text-muted);text-transform:uppercase;letter-spacing:.08em}.vx-sidebar-session__card strong{font-size:.95rem;color:var(--vx-text)}.vx-sidebar-session__meta{display:flex;flex-wrap:wrap;gap:8px}.vx-docs-workspace{display:flex;flex-direction:column;gap:32px}.vx-docs-workspace[data-density=compact]{gap:24px}.vx-docs-workspace__home,.vx-doc-page{display:flex;flex-direction:column;gap:32px}.vx-docs-workspace[data-density=compact] .vx-docs-workspace__home,.vx-docs-workspace[data-density=compact] .vx-doc-page{gap:24px}.vx-docs-home__hero{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.vx-docs-home__copy,.vx-docs-home__section,.vx-docs-home__section-head,.vx-doc-page__hero,.vx-doc-preview-stack{display:flex;flex-direction:column;gap:16px}.vx-docs-home__copy{width:100%;max-width:min(100%,820px);gap:12px}.vx-docs-home__section-head{max-width:min(100%,760px);gap:10px}.vx-doc-page__hero>div{display:flex;flex-direction:column;gap:10px;max-width:min(100%,760px)}.vx-docs-home__copy h1{margin:0;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.03em;font-weight:700;text-wrap:balance;color:var(--vx-text)}.vx-docs-home__copy p,.vx-docs-home__section-head p{margin:0;max-width:100%;font-size:clamp(1rem,.3vw + .98rem,1.08rem);line-height:1.62;color:var(--vx-text-secondary)}.vx-doc-page__hero p,.vx-legal-hero p,.vx-error-card__copy{margin:0;max-width:60ch;font-size:clamp(1rem,.3vw + .98rem,1.08rem);line-height:1.62;text-wrap:pretty;color:var(--vx-text-secondary)}.vx-docs-home__section-head h2,.vx-doc-page__hero h1,.vx-legal-hero h1,.vx-error-card__title{margin:0;font-weight:700;text-wrap:balance;color:var(--vx-text)}.vx-docs-home__section-head h2{font-size:clamp(1.75rem,2.6vw,2.35rem);line-height:1.1;letter-spacing:-.02em}.vx-doc-page__hero h1,.vx-legal-hero h1,.vx-error-card__title{font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.08;letter-spacing:-.025em}.vx-docs-home__actions{display:flex;flex-wrap:wrap;gap:12px}.vx-docs-home__panel,.vx-doc-library-card,.vx-doc-page__preview-card,.vx-breakpoint-card--panel{height:100%}.vx-doc-metric-grid,.vx-doc-control-grid,.vx-doc-library-grid,.vx-doc-architecture-grid,.vx-doc-page__grid,.vx-breakpoint-grid,.vx-doc-stat-grid,.vx-doc-skeleton-grid{display:grid;gap:16px}.vx-doc-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.vx-doc-metric-grid__item,.vx-doc-stat-grid__item,.vx-breakpoint-card,.vx-error-card__path{padding:16px 18px;border-radius:var(--vx-radius-lg);border:1px solid var(--vx-border);background:color-mix(in srgb,var(--vx-surface) 90%,var(--vx-primary-soft))}.vx-doc-metric-grid__item,.vx-doc-stat-grid__item{display:flex;flex-direction:column;gap:6px}.vx-doc-metric-grid__item span,.vx-doc-stat-grid__item span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-text-muted)}.vx-doc-metric-grid__item strong,.vx-doc-stat-grid__item strong,.vx-error-card__code{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:var(--vx-text)}.vx-doc-metric-grid__item small,.vx-doc-stat-grid__item small,.vx-breakpoint-card p{color:var(--vx-text-secondary);line-height:1.5}.vx-doc-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.vx-doc-control-grid--single{grid-template-columns:minmax(0,1fr)}.vx-doc-content-map,.vx-doc-library-card__links{display:flex;flex-direction:column;gap:10px}.vx-doc-content-map__row,.vx-doc-library-card__link,.vx-template-launch,.vx-doc-shell-sample__nav,.vx-doc-shell-sample__bar{border:1px solid var(--vx-border);background:color-mix(in srgb,var(--vx-surface) 92%,var(--vx-bg-accent));border-radius:var(--vx-radius)}.vx-doc-content-map__row,.vx-doc-library-card__link{width:100%;padding:12px 14px;color:var(--vx-text);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.vx-doc-content-map__row:hover,.vx-doc-library-card__link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--vx-primary) 28%,var(--vx-border));background:color-mix(in srgb,var(--vx-primary-soft) 64%,var(--vx-surface))}.vx-doc-content-map__row>div,.vx-template-launch__head{display:flex;flex-direction:column;gap:4px}.vx-doc-content-map__row span,.vx-template-launch__head p,.vx-doc-library-card__link span:last-child{color:var(--vx-text-secondary);font-size:.875rem}.vx-doc-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-doc-architecture-grid,.vx-doc-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-doc-page__hero{align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.vx-doc-page__kicker,.vx-legal-meta{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.vx-doc-page__kicker{display:block;color:var(--vx-primary);font-weight:700}.vx-doc-page__meta{display:flex;flex-wrap:wrap;gap:8px}.vx-doc-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:12px;color:var(--vx-text-secondary)}.vx-doc-list li::marker{color:var(--vx-primary)}.vx-doc-list--tight{gap:10px}.vx-doc-preview-inline,.vx-error-card__actions,.vx-legal-meta{display:flex;flex-wrap:wrap;gap:10px}.vx-doc-preview-inline--wrap{row-gap:12px}.vx-doc-preview-stack__group{display:flex;flex-direction:column;gap:12px}.vx-doc-shell-sample{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px}.vx-doc-shell-sample__nav,.vx-doc-shell-sample__bar{padding:14px;display:flex;flex-direction:column;gap:6px}.vx-doc-shell-sample__main{display:flex;flex-direction:column;gap:12px}.vx-doc-shell-sample__canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vx-doc-shell-sample__card{min-height:110px;border-radius:var(--vx-radius-lg);border:1px solid var(--vx-border);background:linear-gradient(135deg,color-mix(in srgb,var(--vx-primary-soft) 72%,var(--vx-surface)),var(--vx-surface))}.vx-doc-shell-sample__card--wide{grid-column:1 / -1}.vx-code-block-wrap{position:relative}.vx-code-block__copy{position:absolute;top:12px;right:12px;z-index:1;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.vx-button.vx-code-block__copy--copied{background:color-mix(in srgb,var(--vx-success) 88%,white 12%);border-color:color-mix(in srgb,var(--vx-success) 72%,var(--vx-border));color:#fff}.vx-code-block{margin:0;padding:56px 18px 16px;border-radius:var(--vx-radius-lg);border:1px solid var(--vx-code-border);background:var(--vx-code-bg);color:var(--vx-code-text);font-family:var(--vx-mono);font-size:.875rem;line-height:1.6;overflow:auto}.vx-code-block__code{display:block;min-width:max-content;color:var(--vx-code-text)}.vx-code-block__code .token.comment,.vx-code-block__code .token.prolog,.vx-code-block__code .token.doctype,.vx-code-block__code .token.cdata{color:var(--vx-code-comment);font-style:italic}.vx-code-block__code .token.keyword,.vx-code-block__code .token.selector,.vx-code-block__code .token.atrule{color:var(--vx-code-keyword)}.vx-code-block__code .token.string,.vx-code-block__code .token.regex,.vx-code-block__code .token.attr-value,.vx-code-block__code .token.inserted{color:var(--vx-code-string)}.vx-code-block__code .token.number,.vx-code-block__code .token.boolean,.vx-code-block__code .token.constant,.vx-code-block__code .token.symbol{color:var(--vx-code-number)}.vx-code-block__code .token.function,.vx-code-block__code .token.function-variable,.vx-code-block__code .token.method{color:var(--vx-code-function)}.vx-code-block__code .token.property,.vx-code-block__code .token.parameter{color:var(--vx-code-property)}.vx-code-block__code .token.class-name,.vx-code-block__code .token.builtin{color:var(--vx-code-class)}.vx-code-block__code .token.tag,.vx-code-block__code .token.deleted{color:var(--vx-code-tag)}.vx-code-block__code .token.attr-name,.vx-code-block__code .token.namespace{color:var(--vx-code-attr-name)}.vx-code-block__code .token.punctuation{color:var(--vx-code-punctuation)}.vx-code-block__code .token.operator,.vx-code-block__code .token.entity,.vx-code-block__code .token.url{color:var(--vx-code-operator)}.vx-breakpoint-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-breakpoint-card{display:flex;flex-direction:column;gap:10px}.vx-breakpoint-card strong{font-size:1.05rem;color:var(--vx-text)}.vx-doc-empty-state,.vx-error-shell,.vx-error-card,.vx-legal-shell,.vx-legal-hero,.vx-legal-section,.vx-legal-rail__card{display:flex;flex-direction:column}.vx-doc-empty-state,.vx-error-card,.vx-legal-section,.vx-legal-rail__card{gap:14px;padding:22px;border:1px solid var(--vx-border);border-radius:var(--vx-radius-xl);background:color-mix(in srgb,var(--vx-surface) 90%,var(--vx-primary-soft))}.vx-doc-empty-state__icon,.vx-error-card__icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--vx-primary);background:var(--vx-primary-soft)}.vx-doc-empty-state strong,.vx-legal-section h2,.vx-legal-rail__card h3{margin:0;color:var(--vx-text)}.vx-doc-empty-state p,.vx-legal-section p,.vx-legal-rail__card li,.vx-legal-hero p,.vx-error-card__copy,.vx-error-card__path span{margin:0;color:var(--vx-text-secondary);line-height:1.65}.vx-doc-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.vx-doc-popover-copy{width:min(260px,70vw);font-size:.875rem;line-height:1.5}.vx-template-launch{padding:16px;display:flex;flex-direction:column;gap:14px}.vx-template-launch__icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--vx-primary);background:var(--vx-primary-soft)}.vx-template-launch__head{gap:10px}.vx-template-launch__head p{margin:0}.vx-public--error,.vx-legal-page{min-height:100vh}.vx-legal-page{background:radial-gradient(120% 72% at 50% 0%,var(--vx-primary-soft) 0%,transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--vx-bg-accent) 58%,var(--vx-bg)) 0%,color-mix(in srgb,var(--vx-bg-accent) 24%,var(--vx-bg)) 22%,var(--vx-bg) 56%,color-mix(in srgb,var(--vx-primary-soft) 12%,var(--vx-bg)) 100%)}.vx-legal-page:before,.vx-legal-page:after{display:none}.vx-error-shell,.vx-legal-shell{width:min(1200px,calc(100% - 32px));margin:0 auto 56px;gap:24px}.vx-error-shell{min-height:calc(100vh - 160px);align-items:center;justify-content:center}.vx-error-card{width:min(720px,100%);align-items:flex-start}.vx-error-card__path{gap:4px}.vx-error-card__path strong{color:var(--vx-text);word-break:break-all}.vx-legal-shell{padding-top:28px}.vx-legal-hero{gap:16px;max-width:72ch}.vx-legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.vx-legal-main{display:flex;flex-direction:column;gap:18px}.vx-legal-section h2{font-size:1.35rem}.vx-legal-rail{position:sticky;top:88px;align-self:start}.vx-legal-rail__card ul{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:10px}.vx-legal-meta{color:var(--vx-text-muted)}@media(max-width:1180px){.vx-doc-library-grid,.vx-breakpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.vx-topbar__menu{display:inline-flex}.vx-shell__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--vx-glass-scrim);backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:18}.vx-shell[data-nav-open=true] .vx-shell__overlay{opacity:1;pointer-events:auto}.vx-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);min-width:min(86vw,320px);height:100dvh;transform:translate(-100%);box-shadow:var(--vx-shadow-lg);border-right:1px solid var(--vx-border)}.vx-shell[data-nav-open=true] .vx-sidebar{transform:translate(0)}.vx-sidebar__toggle{display:none}.vx-shell__main{border-left:0}.vx-topbar{gap:12px}.vx-topbar__actions{width:100%;border-left:0;padding-left:0;flex-wrap:wrap;overflow:visible}.vx-docs-home__hero,.vx-doc-page__grid,.vx-doc-architecture-grid,.vx-legal-layout{grid-template-columns:1fr}.vx-legal-rail{position:static}}@media(max-width:720px){.vx-doc-metric-grid,.vx-doc-control-grid,.vx-doc-library-grid,.vx-breakpoint-grid,.vx-doc-skeleton-grid,.vx-doc-stat-grid,.vx-doc-shell-sample,.vx-doc-shell-sample__canvas{grid-template-columns:1fr}.vx-error-shell,.vx-legal-shell{width:min(100%,calc(100% - 24px))}.vx-docs-home__copy h1{font-size:2.5rem}.vx-docs-home__section-head h2,.vx-doc-page__hero h1,.vx-legal-hero h1,.vx-error-card__title{font-size:1.9rem}.vx-docs-toolbar{justify-content:flex-start}}.vx-text-component{margin:0;padding:0;color:var(--vx-text)}.vx-text--secondary{color:var(--vx-text-secondary)}.vx-text--muted{color:var(--vx-text-muted)}.vx-text--danger{color:var(--vx-danger)}.vx-text--success{color:var(--vx-success)}.vx-text-size--sm{font-size:.875rem}.vx-text-size--base{font-size:1rem}.vx-text-size--lg{font-size:1.125rem}.vx-text-size--xl{font-size:1.25rem}.vx-text-weight--normal{font-weight:400}.vx-text-weight--medium{font-weight:500}.vx-text-weight--semibold{font-weight:600}.vx-text-weight--bold{font-weight:700}.vx-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-heading{margin:0;color:var(--vx-text);letter-spacing:-.025em}.vx-heading--secondary{color:var(--vx-text-secondary)}.vx-heading--h1{font-size:2.25rem;line-height:2.5rem}.vx-heading--h2{font-size:1.875rem;line-height:2.25rem}.vx-heading--h3{font-size:1.5rem;line-height:2rem}.vx-heading--h4{font-size:1.25rem;line-height:1.75rem}.vx-heading--h5{font-size:1.125rem;line-height:1.75rem}.vx-heading--h6{font-size:1rem;line-height:1.5rem}.vx-heading-weight--normal{font-weight:400}.vx-heading-weight--medium{font-weight:500}.vx-heading-weight--semibold{font-weight:600}.vx-heading-weight--bold{font-weight:700}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "vxui-react",
+  "version": "0.1.0",
+  "description": "A general-purpose React UI framework rebuilt from VXUI principles.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tmplink/vxui_react.git"
+  },
+  "homepage": "https://github.com/tmplink/vxui_react#readme",
+  "bugs": {
+    "url": "https://github.com/tmplink/vxui_react/issues"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "component-library",
+    "design-system",
+    "dashboard",
+    "typescript"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/vxui-react.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "prepare": "npm run build",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@types/prismjs": "^1.26.6",
+    "lucide-react": "^0.511.0",
+    "prismjs": "^1.30.0"
+  },
+  "devDependencies": {
+    "@rollup/rollup-win32-x64-msvc": "^4.60.3",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}