npm - @techzyapp/ui-library - Versions diffs - 1.0.44 → 1.0.45 - Mend

@techzyapp/ui-library 1.0.44 → 1.0.45

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

Files changed (377) hide show

package/dist/{RootLayout-iSGY4MsS.cjs.map → RootLayout-Z9PuRfsa.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RootLayout-iSGY4MsS.cjs","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Col } from '../Flex'\nimport { Icon } from '../Icon'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { Popconfirm } from '../Popconfirm'\nimport { ChoiceCardGroup } from '../ChoiceCard'\nimport { Select } from '../Select'\nimport { SwatchPicker } from '../SwatchPicker'\nimport { Typography } from '../Typography'\n\n// Accent choices offered alongside the provider's default (which leads each list) — 15 per mode, so\n// each theme shows 16 total. Tuned PER MODE (deeper tones for light, brighter for dark) and paired by\n// hue (red → violet + a neutral) so a color keeps its identity across themes.\nconst ALT_SWATCHES: Record<'light' \| 'dark', string[]> = {\n light: [\n '#dc2626', // red\n '#ea580c', // orange\n '#d97706', // amber\n '#ca8a04', // yellow\n '#65a30d', // lime\n '#16a34a', // green\n '#059669', // emerald\n '#0891b2', // cyan\n '#0284c7', // sky\n '#2563eb', // blue\n '#4f46e5', // indigo\n '#7c3aed', // violet\n '#c026d3', // fuchsia\n '#db2777', // pink\n '#475569', // slate\n ],\n dark: [\n '#f87171', // red\n '#fb923c', // orange\n '#fbbf24', // amber\n '#facc15', // yellow\n '#a3e635', // lime\n '#4ade80', // green\n '#34d399', // emerald\n '#22d3ee', // cyan\n '#38bdf8', // sky\n '#60a5fa', // blue\n '#818cf8', // indigo\n '#a78bfa', // violet\n '#e879f9', // fuchsia\n '#f472b6', // pink\n '#94a3b8', // slate\n ],\n}\n\nexport interface SettingsDrawerProps {\n /** Whether the drawer is open. /\n open: boolean\n /* Close handler. /\n onClose: () => void\n /* Show the light/dark Theme section (gated by the shell's `header.theme`, the same flag as the header toggle). /\n showTheme?: boolean\n /\n Show the Sidebar section (Floating / Docked). The shell hides it when its `sidebarVariant` prop pins the\n * look — the user's choice wouldn't apply there. Default `true`.\n /\n showSidebar?: boolean\n}\n\n/\n The header user-menu Settings drawer (a right-side `Modal`), top to bottom: a Theme section — an\n * exclusive `ChoiceCardGroup` (Light / Dark cards) driving `useTheme().setMode`, shown only when\n * `showTheme` (the shell's `header.theme`, so the header toggle + this section appear/disappear\n * together); Accent Color — two `SwatchPicker`s (Light + Dark) so both accents are chosen\n * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling\n * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that\n * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).\n * When `showTheme` is off the panel is locked to one mode, so only the active mode's accent picker\n * shows (the other is pointless without a theme switch);\n * a Font section (a searchable `Select` — Inter preset + type any Google Font — driving\n * `setFontFamily`); and a Header section (an exclusive `ChoiceCardGroup` Scrollable / Fixed\n * driving `setHeaderSticky`); a Sidebar section (an exclusive `ChoiceCardGroup` Floating / Docked\n * driving `setSidebarVariant`; hidden when `showSidebar` is off); and a Shape section (an exclusive `ChoiceCardGroup` Rounded /\n * Square driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`). A\n * note on top (a `Blockquote`) says changes apply and save instantly — there's no Save step; a\n * footer Reset to Defaults button (`filled` `error`, behind a `Popconfirm`) (`useTheme().resetPreferences`, disabled while nothing differs) puts\n * every one of them back to the app's configured defaults.\n * Internal to the admin shell — not a public export.\n /\nexport function SettingsDrawer({\n open,\n onClose,\n showTheme = true,\n showSidebar = true,\n}: SettingsDrawerProps) {\n const {\n mode,\n setMode,\n accentColors,\n defaultAccentColors,\n setAccentColor,\n headerSticky,\n setHeaderSticky,\n sidebarVariant,\n setSidebarVariant,\n fontFamily,\n setFontFamily,\n shape,\n setShape,\n hasCustomPreferences,\n resetPreferences,\n } = useTheme()\n const t = useT()\n // the drawer content — after a Reset the (now disabled) footer button drops focus to <body>, outside the\n // drawer's focus trap, so focus is moved back onto the first section's selected control\n const contentRef = useRef<HTMLDivElement \| null>(null)\n const handleReset = () => {\n resetPreferences()\n requestAnimationFrame(() => {\n const root = contentRef.current\n const target =\n root?.querySelector<HTMLElement>('input:checked, [aria-checked=\"true\"]') ??\n root?.querySelector<HTMLElement>('input, button, [tabindex]:not([tabindex=\"-1\"])')\n target?.focus()\n })\n }\n\n // One searchable Select doubles as a \"type any Google Font\" field. Base = Inter (the only preset) +\n // the active font (so a custom pick stays visible/selectable). While searching, the typed query is\n // offered as its own option — picking it applies + loads that family. Base is always kept in the\n // list (never filtered out) so `value` always resolves in the trigger, even mid-search.\n const [fontQuery, setFontQuery] = useState('')\n const q = fontQuery.trim()\n const base =\n fontFamily !== DEFAULT_FONT_FAMILY ? [DEFAULT_FONT_FAMILY, fontFamily] : [DEFAULT_FONT_FAMILY]\n const showTyped = q.length > 0 && !base.some((f) => f.toLowerCase() === q.toLowerCase())\n const fontOptions = (showTyped ? [q, ...base] : base).map((f) => ({\n value: f,\n label: f === DEFAULT_FONT_FAMILY ? t('settings.fontDefault', { font: f }) : f,\n }))\n\n const picker = (mode: 'light' \| 'dark', label: string) => {\n const def = defaultAccentColors[mode]\n // the provider's default (per mode) leads the list; then the mode's alts (minus any collision)\n const colors = [def, ...ALT_SWATCHES[mode].filter((c) => c.toLowerCase() !== def.toLowerCase())]\n return (\n <SwatchPicker\n label={label}\n colors={colors}\n // with no override, this mode's default swatch reads as selected\n value={accentColors[mode] ?? def}\n // the default swatch clears this mode's override; the rest set it\n onChange={(color) =>\n setAccentColor(color.toLowerCase() === def.toLowerCase() ? null : color, mode)\n }\n labels={{ [def]: t('settings.accentDefault', { color: def }) }}\n aria-label={String(label)}\n />\n )\n }\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n placement=\"right\"\n size=\"sm\"\n title={t('settings.label')}\n icon=\"Setting5\"\n footer={\n // one action: put every appearance choice back to the app's defaults (disabled while unchanged),\n // behind a quick confirm — it undoes several choices at once\n <Popconfirm\n title={t('settings.resetConfirmTitle')}\n description={t('settings.resetConfirmDesc')}\n confirmLabel={t('settings.resetConfirm')}\n icon=\"RotateLeft\"\n disabled={!hasCustomPreferences}\n onConfirm={handleReset}\n >\n <Button\n variant=\"filled\"\n size=\"sm\"\n color=\"error\"\n fullWidth\n startIcon={<Icon name=\"RotateLeft\" />}\n disabled={!hasCustomPreferences}\n >\n {t('settings.reset')}\n </Button>\n </Popconfirm>\n }\n >\n <div ref={contentRef}>\n {/ no Save step: every choice below applies instantly and is persisted on change /}\n <Blockquote size=\"sm\" style={{ marginBottom: 'var(--tz-space-md)' }}>\n {t('settings.autoSaveNote')}\n </Blockquote>\n {showTheme && (\n <>\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.themeTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.themeDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={mode}\n onChange={(v) => {\n if (typeof v === 'string') setMode(v as 'light' \| 'dark')\n }}\n options={[\n {\n value: 'light',\n label: t('settings.light'),\n description: t('settings.lightDesc'),\n icon: 'Sun',\n },\n {\n value: 'dark',\n label: t('settings.dark'),\n description: t('settings.darkDesc'),\n icon: 'Moon',\n },\n ]}\n aria-label={t('settings.themeTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n </>\n )}\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.accentTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.accentDesc')}\n </Typography>\n <Col gap=\"md\" style={{ marginTop: 'var(--tz-space-sm)' }}>\n {showTheme ? (\n <>\n {picker('light', t('settings.lightTheme'))}\n {picker('dark', t('settings.darkTheme'))}\n </>\n ) : (\n // theme switching is off → the panel stays in one mode, so only that mode's accent matters\n picker(mode, mode === 'light' ? t('settings.lightTheme') : t('settings.darkTheme'))\n )}\n </Col>\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.fontTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.fontDesc')}\n </Typography>\n <Select\n label={t('settings.fontFamily')}\n searchable\n searchPlaceholder={t('settings.fontSearch')}\n value={fontFamily}\n options={fontOptions}\n onSearchChange={setFontQuery}\n onChange={(v) => {\n setFontFamily(v)\n setFontQuery('')\n }}\n aria-label={t('settings.fontFamily')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.headerTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.headerDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={headerSticky ? 'fixed' : 'static'}\n // exclusive (radio) → always a string; set sticky from the picked card\n onChange={(v) => {\n if (typeof v === 'string') setHeaderSticky(v === 'fixed')\n }}\n options={[\n {\n value: 'static',\n label: t('settings.scrollable'),\n description: t('settings.scrollableDesc'),\n },\n { value: 'fixed', label: t('settings.fixed'), description: t('settings.fixedDesc') },\n ]}\n aria-label={t('settings.headerTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n\n {showSidebar && (\n <>\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.sidebarTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.sidebarDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={sidebarVariant}\n // exclusive (radio) → always a string; the two values are exactly the SidebarVariant union\n onChange={(v) => {\n if (v === 'floating' \|\| v === 'docked') setSidebarVariant(v)\n }}\n options={[\n {\n value: 'floating',\n label: t('settings.floating'),\n description: t('settings.floatingDesc'),\n },\n {\n value: 'docked',\n label: t('settings.docked'),\n description: t('settings.dockedDesc'),\n },\n ]}\n aria-label={t('settings.sidebarTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n </>\n )}\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.shapeTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.shapeDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={shape}\n // exclusive (radio) → always a string; the two values are exactly the ThemeShape union\n onChange={(v) => {\n if (v === 'rounded' \|\| v === 'square') setShape(v)\n }}\n options={[\n {\n value: 'rounded',\n label: t('settings.rounded'),\n description: t('settings.roundedDesc'),\n },\n { value: 'square', label: t('settings.square'), description: t('settings.squareDesc') },\n ]}\n aria-label={t('settings.shapeTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n </div>\n </Modal>\n )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { Link, useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport {\n useHeaderConfig,\n useLanguage,\n useSidebarConfig,\n useT,\n useTheme,\n type HeaderAction,\n type HeaderConfig,\n type HeaderEnvironment,\n type HeaderMenuItem,\n type HeaderUser,\n type SidebarVariant,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Badge } from '../Badge'\nimport { Chip } from '../Chip'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem, type ListItemProps } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Tooltip } from '../Tooltip'\nimport { UserCard } from '../UserCard'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, useFirstNavTo } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport { isDev } from '../ErrorState/errorMessage'\nimport styles from './RootLayout.module.css'\n\n/\n `header.environment` → the chip to show, or `null` for none (empty, or production). A string gets its first\n * letter capitalized, the `warning` tint and the `Code` icon; an object is used as given. Exported for tests.\n /\nexport function resolveEnvironment(\n environment: HeaderConfig['environment'],\n): Required<HeaderEnvironment> \| null {\n if (environment == null) return null\n const env = typeof environment === 'string' ? { label: environment } : environment\n const label = env.label.trim()\n if (!label \|\| /^prod(uction)?$/i.test(label)) return null\n return {\n label: typeof environment === 'string' ? label.charAt(0).toUpperCase() + label.slice(1) : label,\n color: env.color ?? 'warning',\n icon: env.icon ?? 'Code',\n }\n}\n\n// `ListItem as={Link}` — `to` / `params` / `search` are router props ListItem doesn't type itself\nconst MenuLink = ListItem as unknown as (\n props: ListItemProps & Pick<HeaderMenuItem, 'to' \| 'params' \| 'search'>,\n) => ReactNode\n\n/\n The shell header config + its user shape now live in the theme layer (so `config.header` can carry\n * them app-wide). These aliases keep the historical `RootLayout` names importable.\n /\nexport type RootLayoutUser = HeaderUser\nexport type RootLayoutHeader = HeaderConfig\n\n/** How the sidebar sits in the shell (the theme layer's `SidebarVariant`, under the historical `RootLayout` name). /\nexport type RootLayoutSidebarVariant = SidebarVariant\n\nexport interface RootLayoutProps {\n /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. /\n logo?: ReactNode\n /\n Where clicking the logo goes. Defaults to the first page in the menu the user may open (the same\n * \"home\" as the breadcrumbs' first crumb and `FirstRouteRedirect`) — so the logo always leads back to the\n * page the panel opens on. Pass a path to send it elsewhere, or `false` for a plain, non-clickable logo.\n /\n logoTo?: LinkProps['to'] \| false\n /* Optional content pinned to the bottom of the sidebar (e.g. a promo / \"Need help?\" card). /\n sidebarFooter?: ReactNode\n /\n Show a `UserCard` at the bottom of the sidebar (below `sidebarFooter`), built from `header.user` and\n * `header.onLogout` (its Sign Out button). Unset, the app-wide `config.sidebar.userCard` applies — default\n * `false` (hidden).\n /\n showUserCard?: boolean\n /\n The sidebar's look. `'floating'` (default): a rounded, bordered card inset from the window edges.\n * `'docked'`: flush against the top, left and bottom edges, no radius, a single border on its right —\n * the content keeps its inset — desktop (≥1280px) only: below 1280px, where the sidebar is an overlay drawer,\n * `'docked'` looks exactly like `'floating'`. Unset (recommended), the user picks it in the header Settings drawer\n * (persisted), defaulting to the app-wide `config.sidebar.variant`; set, it pins this shell's look and the\n * Settings drawer's Sidebar section is hidden.\n /\n sidebarVariant?: RootLayoutSidebarVariant\n /\n Header config for this shell — merged over the app-wide `config.header` (the prop wins).\n * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),\n * `fullscreen` (default `false`), `breadcrumbs` (default `true`), and the account (`onLogout` / `user`).\n /\n header?: RootLayoutHeader\n /\n The built-in toast viewport, mounted for you so `toast.()` works app-wide with no extra setup.\n Defaults to `true` (a `<Toaster>` following the app-wide `config.toast`, else its built-in defaults). Pass\n * `ToasterProps` (`{ position, duration }`) to override it for this shell — anything unset still falls back to\n * `config.toast` — or `false` to opt out, e.g. when you mount your own `<Toaster>`.\n /\n toaster?: boolean \| ToasterProps\n /* Routed content — the consumer passes `<Outlet />`. /\n children: ReactNode\n}\n\n/\n The admin-panel shell — a floating layout: the whole app sits on a soft `--tz-color-background`\n * canvas, with a rounded, bordered `--tz-color-surface` sidebar card (`logo` + auto-generated `Sidebar` + an optional\n * `sidebarFooter`, then an optional `UserCard` from `header.user` + `header.onLogout` — `showUserCard` ??\n * `config.sidebar.userCard`, default hidden) beside the header + content — or, with the `'docked'` look (the user's Settings choice,\n * seeded from `config.sidebar.variant`, or pinned by the `sidebarVariant` prop), a sidebar flush to the\n * window edges. Set it as the root route's component and pass\n * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header\n * holds an optional `ThemeToggle` (on by default), a Settings button (opens a right-side drawer to\n * pick + persist the appearance — theme, accent colors, font, header, sidebar, shape), plus an account\n * `Avatar` whose menu has a Sign out item when `header.onLogout` is given. The content area stacks `Breadcrumbs` → `children`; each page wraps its\n * body in `PageLayout`, which owns the page heading (`pageTitle`), the back button (`back`) and the\n * title-row actions (`pageActions`). On a 404 the breadcrumbs are suppressed automatically (a partial route\n * match would otherwise show a stale section), regardless of `header.breadcrumbs`. A `<Toaster>` is mounted by default so\n * `toast.()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt\n out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires\n * `@tanstack/react-router` (peer).\n /\nexport function RootLayout({\n logo,\n logoTo,\n sidebarFooter,\n showUserCard,\n sidebarVariant,\n header,\n toaster = true,\n children,\n}: RootLayoutProps) {\n // the user's persisted header + sidebar choices (seeded from config.header.sticky / config.sidebar.variant)\n const { headerSticky, sidebarVariant: chosenSidebarVariant } = useTheme()\n const { language, setLanguage, languages } = useLanguage()\n const t = useT()\n // the logo links \"home\" — the first menu page the user may open, unless the app points it elsewhere\n const firstNavTo = useFirstNavTo()\n const logoHref = logoTo === false ? undefined : (logoTo ?? firstNavTo)\n // app-wide header config (config.header) as the base; this shell's `header` prop wins over it\n const configHeader = useHeaderConfig()\n // sidebar look: this shell's prop pins it; otherwise the user's choice (Settings), seeded from config\n const variant = sidebarVariant ?? chosenSidebarVariant\n const h: HeaderConfig = { ...configHeader, ...header }\n const showTheme = h.theme ?? true\n const showFullscreen = h.fullscreen ?? false\n const showSettings = h.settings ?? true\n const showSearch = h.search ?? true\n const showLanguages = h.languages ?? true\n const showBreadcrumbs = h.breadcrumbs ?? true\n const toasterProps = typeof toaster === 'object' ? toaster : undefined\n const onLogout = h.onLogout\n const user = h.user\n // the sidebar's user card: this shell's prop → app-wide config.sidebar.userCard → hidden. It needs someone\n // to show (a user) or something to do (Sign Out), else it would be an empty \"Welcome\" box.\n const configSidebar = useSidebarConfig()\n const userCard =\n (showUserCard ?? configSidebar.userCard ?? false) && (user != null \|\| onLogout != null) ? (\n <UserCard name={user?.name} email={user?.email} avatar={user?.avatar} onLogout={onLogout} />\n ) : null\n const environment = resolveEnvironment(h.environment)\n const accountMenu = h.menu ?? [] // custom account-menu items (between the user block and Sign out)\n // app header actions: inline IconButtons — on xs they fold into the account menu (when there is one)\n const headerActions = h.actions ?? []\n const isXs = useMediaQuery('xs')\n const actionsInMenu = isXs && onLogout != null\n const runAction = (a: HeaderAction) => {\n a.onClick?.()\n if (a.to) navigate({ to: a.to as LinkProps['to'], params: a.params, search: a.search } as never)\n }\n // an account-menu item with nothing to do is almost always a config slip — say so in development\n const inertMenuItems = accountMenu\n .filter((item) => !item.to && !item.onClick)\n .map((item) => item.label)\n .join(', ')\n useEffect(() => {\n if (inertMenuItems && isDev())\n console.warn(\n `[RootLayout] header.menu items without \\`to\\` or \\`onClick\\`: ${inertMenuItems}`,\n )\n }, [inertMenuItems])\n // below 1280px the sidebar auto-collapses (and auto-expands again above it); a manual toggle holds\n // until the next breakpoint cross. `useMediaQuery` is correct on the first client render, so no flash.\n const isNarrow = useMediaQuery('md') // ≤ 1279.98px — the shared `md` breakpoint\n const [collapsed, setCollapsed] = useState(isNarrow)\n useEffect(() => {\n setCollapsed(isNarrow)\n }, [isNarrow])\n // while the sidebar overlays the content (narrow + open), lock page scroll so scrolling inside the\n // drawer doesn't scroll the content behind it\n useLockBodyScroll(isNarrow && !collapsed)\n // navigating from the overlay drawer (a nav link or a search suggestion — both change the route) auto-\n // closes it, so you land on the page instead of the still-open sidebar; desktop navigation is untouched\n const pathname = useRouterState({ select: (s) => s.location.pathname })\n useEffect(() => {\n if (isNarrow) setCollapsed(true)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pathname])\n // on a 404 the URL often partially matches a named layout route (e.g. `/core/xxx` still resolves\n // \"Core\" as the active section), so the breadcrumbs would show a stale, wrong trail.\n // suppress them when the router is in a notFound state — automatic, no opt-out needed. `statusCode ===\n // 404` is the primary signal; a `notFound` match status is the fallback.\n const isNotFound = useRouterState({\n select: (s) => s.statusCode === 404 \|\| s.matches.some((m) => m.status === 'notFound'),\n })\n const [settingsOpen, setSettingsOpen] = useState(false)\n const navigate = useNavigate()\n\n return (\n <div\n className={clsx(\n styles.shell,\n variant === 'docked' && styles.shellDocked,\n collapsed && styles.shellCollapsed,\n )}\n >\n <aside className={styles.sidebar}>\n {/ fixed-width inner: the outer <aside> animates its width to 0 (and clips via overflow),\n while this keeps the sidebar's real width so the content never reflows mid-collapse /}\n <div className={styles.sidebarInner}>\n {logo ? (\n <div className={styles.brand}>\n {logoHref ? (\n <Link to={logoHref} className={styles.brandLink} aria-label={t('sidebar.home')}>\n {logo}\n </Link>\n ) : (\n logo\n )}\n {/ in-drawer close — only shown when the sidebar overlays (narrow), where the header\n toggle is behind the backdrop; closes the drawer /}\n <IconButton\n variant=\"filled\"\n size=\"sm\"\n className={styles.sidebarClose}\n aria-label={t('common.close')}\n onClick={() => setCollapsed(true)}\n >\n <Icon name=\"Close\" />\n </IconButton>\n </div>\n ) : null}\n {/ the search lives in the header on desktop; below 576px (full-width drawer) it moves here,\n between the logo and the menu (CSS toggles which instance shows) /}\n {showSearch ? (\n <div className={styles.sidebarSearch}>\n <NavSearch />\n </div>\n ) : null}\n <div className={styles.navScroll}>\n <Sidebar />\n </div>\n {sidebarFooter \|\| userCard ? (\n <div className={styles.sidebarFooter}>\n {/ the app's content keeps its own (block) flow; only it and the card are spaced /}\n {sidebarFooter ? <div>{sidebarFooter}</div> : null}\n {userCard}\n </div>\n ) : null}\n </div>\n </aside>\n {/ dim backdrop behind the overlay sidebar — a sibling of the sidebar (same stacking context, so the\n sidebar reliably sits above it, unlike a body-portaled Overlay). Only shown/interactive below\n 1280px while open (CSS); clicking it closes the drawer. On desktop the sidebar is a grid column. /}\n <div className={styles.backdrop} onClick={() => setCollapsed(true)} aria-hidden=\"true\" />\n <div className={styles.main}>\n <header className={clsx(styles.topbar, headerSticky && styles.topbarSticky)}>\n <div className={styles.headerStart}>\n <IconButton\n aria-label={t(collapsed ? 'sidebar.show' : 'sidebar.hide')}\n aria-expanded={!collapsed}\n variant=\"filled\"\n size=\"sm\"\n onClick={() => setCollapsed((c) => !c)}\n >\n <Icon name=\"Menu\" />\n </IconButton>\n {showSearch ? (\n <div className={styles.headerSearch}>\n <NavSearch />\n </div>\n ) : null}\n </div>\n <div className={styles.headerEnd}>\n {/ the environment badge — on every screen size, unlike `extra` /}\n {environment ? (\n <Chip\n size=\"sm\"\n color={environment.color}\n startIcon={environment.icon ? <Icon name={environment.icon} /> : undefined}\n className={styles.environment}\n >\n {environment.label}\n </Chip>\n ) : null}\n {h.extra != null && !isXs ? <div className={styles.headerExtra}>{h.extra}</div> : null}\n {!actionsInMenu\n ? headerActions.map((a, i) => (\n <Badge\n key={`${a.label}-${i}`}\n content={a.dot ? undefined : a.badge}\n dot={a.dot}\n color={a.badgeColor ?? 'error'}\n >\n <Tooltip content={a.label} placement=\"bottom\">\n <IconButton\n variant=\"filled\"\n size=\"sm\"\n color={a.color}\n aria-label={a.label}\n disabled={a.disabled}\n onClick={() => runAction(a)}\n >\n <Icon name={a.icon} />\n </IconButton>\n </Tooltip>\n </Badge>\n ))\n : null}\n {showFullscreen ? <FullscreenToggle variant=\"filled\" size=\"sm\" /> : null}\n {showTheme ? <ThemeToggle variant=\"filled\" size=\"sm\" /> : null}\n {showLanguages && languages.length > 1 ? (\n <Dropdown\n placement=\"bottom-end\"\n trigger={\n <IconButton variant=\"filled\" size=\"sm\" aria-label={t('language.label')}>\n <Icon name=\"Global\" />\n </IconButton>\n }\n >\n {languages.map((l) => (\n <ListItem\n key={l.code}\n clickable\n selected={l.code === language}\n onClick={() => setLanguage(l.code)}\n icon={<Flag code={l.code} />}\n >\n {l.label ?? l.code}\n </ListItem>\n ))}\n </Dropdown>\n ) : null}\n {showSettings ? (\n <IconButton\n aria-label={t('settings.label')}\n variant=\"text\"\n size=\"sm\"\n className={styles.settings}\n onClick={() => setSettingsOpen(true)}\n >\n <Icon name=\"Setting5\" />\n </IconButton>\n ) : null}\n {onLogout ? (\n <Dropdown\n placement=\"bottom-end\"\n style={{ minWidth: 230 }}\n trigger={\n <button type=\"button\" className={styles.account} aria-label={t('account.label')}>\n <Avatar size=\"md\" name={user?.name} src={user?.avatar} color=\"primary\" />\n </button>\n }\n >\n {user ? (\n <>\n <Row gap={8} align=\"center\" padding=\"var(--tz-space-xxs) var(--tz-space-xs)\">\n <Avatar size=\"md\" name={user.name} src={user.avatar} color=\"primary\" />\n <Col gap={2}>\n {/ name, or a \"Welcome\" greeting fallback when no name is given /}\n <Typography variant=\"body\">{user.name ?? t('userCard.welcome')}</Typography>\n {user.email ? (\n <Typography variant=\"bodySmall\" color=\"muted\">\n {user.email}\n </Typography>\n ) : null}\n </Col>\n </Row>\n <Divider />\n </>\n ) : null}\n {/ on xs the header actions fold in here, above the app's own menu items /}\n {actionsInMenu\n ? headerActions.map((a, i) => (\n <ListItem\n key={`action-${a.label}-${i}`}\n icon={<Icon name={a.icon} color={a.color} />}\n clickable\n disabled={a.disabled}\n onClick={() => runAction(a)}\n trailing={\n a.dot ? (\n <span\n className={styles.menuDot}\n style={{ background: `var(--tz-color-${a.badgeColor ?? 'error'})` }}\n aria-hidden=\"true\"\n />\n ) : a.badge != null && a.badge !== 0 && a.badge !== '' ? (\n <Chip size=\"sm\" color={a.badgeColor ?? 'error'}>\n {typeof a.badge === 'number' && a.badge > 99 ? '99+' : a.badge}\n </Chip>\n ) : undefined\n }\n >\n {a.label}\n </ListItem>\n ))\n : null}\n {actionsInMenu && headerActions.length > 0 ? <Divider /> : null}\n {/ app-supplied items (e.g. \"Account\"), between the user block and Sign out /}\n {accountMenu.map((item, i) => {\n const itemProps = {\n icon: item.icon ? <Icon name={item.icon} color={item.color} /> : undefined,\n color: item.color,\n clickable: true,\n disabled: item.disabled,\n onClick: item.onClick,\n children: item.label,\n }\n // `to` → a real router link (href, new-tab clicks); the Dropdown still closes on select\n // and roves to it (`a[href]`). Link runs `onClick` first, then navigates.\n return item.to && !item.disabled ? (\n <MenuLink\n key={i}\n {...itemProps}\n as={Link}\n to={item.to}\n params={item.params}\n search={item.search}\n />\n ) : (\n <ListItem key={i} {...itemProps} />\n )\n })}\n {/ keep the destructive Sign out visually separated from the custom items */}\n {accountMenu.length > 0 ? <Divider /> : null}\n <ListItem icon={<Icon name=\"Logout2\" color=\"error\" />} clickable onClick={onLogout}>\n {t('userCard.signOut')}\n </ListItem>\n </Dropdown>\n ) : null}\n </div>\n </header>\n <main className={styles.content}>\n {showBreadcrumbs && !isNotFound ? <Breadcrumbs /> : null}\n {children}\n </main>\n </div>\n {toaster !== false && <Toaster {...toasterProps} />}\n {showSettings ? (\n <SettingsDrawer\n open={settingsOpen}\n onClose={() => setSettingsOpen(false)}\n showTheme={showTheme}\n showSidebar={sidebarVariant === undefined}\n />\n ) : null}\n </div>\n )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","showSidebar","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","sidebarVariant","setSidebarVariant","fontFamily","setFontFamily","shape","setShape","hasCustomPreferences","resetPreferences","useTheme","useT","contentRef","useRef","handleReset","root","target","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","c","jsx","SwatchPicker","color","Modal","Popconfirm","Button","Icon","jsxs","Blockquote","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","resolveEnvironment","environment","env","MenuLink","ListItem","RootLayout","logo","logoTo","sidebarFooter","showUserCard","header","toaster","children","chosenSidebarVariant","language","setLanguage","languages","useLanguage","t","firstNavTo","useFirstNavTo","logoHref","configHeader","useHeaderConfig","variant","h","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","onLogout","user","configSidebar","useSidebarConfig","userCard","UserCard","accountMenu","headerActions","isXs","useMediaQuery","actionsInMenu","runAction","a","_a","navigate","inertMenuItems","item","useEffect","isDev","isNarrow","collapsed","setCollapsed","useLockBodyScroll","pathname","useRouterState","isNotFound","m","settingsOpen","setSettingsOpen","useNavigate","clsx","styles","Link","IconButton","NavSearch","Sidebar","Chip","i","Badge","Tooltip","FullscreenToggle","ThemeToggle","Dropdown","l","Flag","Avatar","Row","itemProps","Breadcrumbs","Toaster"],"mappings":"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"}
1	+ {"version":3,"file":"RootLayout-Z9PuRfsa.cjs","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Col } from '../Flex'\nimport { Icon } from '../Icon'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { Popconfirm } from '../Popconfirm'\nimport { ChoiceCardGroup } from '../ChoiceCard'\nimport { Select } from '../Select'\nimport { SwatchPicker } from '../SwatchPicker'\nimport { Typography } from '../Typography'\n\n// Accent choices offered alongside the provider's default (which leads each list) — 15 per mode, so\n// each theme shows 16 total. Tuned PER MODE (deeper tones for light, brighter for dark) and paired by\n// hue (red → violet + a neutral) so a color keeps its identity across themes.\nconst ALT_SWATCHES: Record<'light' \| 'dark', string[]> = {\n light: [\n '#dc2626', // red\n '#ea580c', // orange\n '#d97706', // amber\n '#ca8a04', // yellow\n '#65a30d', // lime\n '#16a34a', // green\n '#059669', // emerald\n '#0891b2', // cyan\n '#0284c7', // sky\n '#2563eb', // blue\n '#4f46e5', // indigo\n '#7c3aed', // violet\n '#c026d3', // fuchsia\n '#db2777', // pink\n '#475569', // slate\n ],\n dark: [\n '#f87171', // red\n '#fb923c', // orange\n '#fbbf24', // amber\n '#facc15', // yellow\n '#a3e635', // lime\n '#4ade80', // green\n '#34d399', // emerald\n '#22d3ee', // cyan\n '#38bdf8', // sky\n '#60a5fa', // blue\n '#818cf8', // indigo\n '#a78bfa', // violet\n '#e879f9', // fuchsia\n '#f472b6', // pink\n '#94a3b8', // slate\n ],\n}\n\nexport interface SettingsDrawerProps {\n /** Whether the drawer is open. /\n open: boolean\n /* Close handler. /\n onClose: () => void\n /* Show the light/dark Theme section (gated by the shell's `header.theme`, the same flag as the header toggle). /\n showTheme?: boolean\n /\n Show the Sidebar section (Floating / Docked). The shell hides it when its `sidebarVariant` prop pins the\n * look — the user's choice wouldn't apply there. Default `true`.\n /\n showSidebar?: boolean\n}\n\n/\n The header user-menu Settings drawer (a right-side `Modal`), top to bottom: a Theme section — an\n * exclusive `ChoiceCardGroup` (Light / Dark cards) driving `useTheme().setMode`, shown only when\n * `showTheme` (the shell's `header.theme`, so the header toggle + this section appear/disappear\n * together); Accent Color — two `SwatchPicker`s (Light + Dark) so both accents are chosen\n * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling\n * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that\n * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).\n * When `showTheme` is off the panel is locked to one mode, so only the active mode's accent picker\n * shows (the other is pointless without a theme switch);\n * a Font section (a searchable `Select` — Inter preset + type any Google Font — driving\n * `setFontFamily`); and a Header section (an exclusive `ChoiceCardGroup` Scrollable / Fixed\n * driving `setHeaderSticky`); a Sidebar section (an exclusive `ChoiceCardGroup` Floating / Docked\n * driving `setSidebarVariant`; hidden when `showSidebar` is off); and a Shape section (an exclusive `ChoiceCardGroup` Rounded /\n * Square driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`). A\n * note on top (a `Blockquote`) says changes apply and save instantly — there's no Save step; a\n * footer Reset to Defaults button (`filled` `error`, behind a `Popconfirm`) (`useTheme().resetPreferences`, disabled while nothing differs) puts\n * every one of them back to the app's configured defaults.\n * Internal to the admin shell — not a public export.\n /\nexport function SettingsDrawer({\n open,\n onClose,\n showTheme = true,\n showSidebar = true,\n}: SettingsDrawerProps) {\n const {\n mode,\n setMode,\n accentColors,\n defaultAccentColors,\n setAccentColor,\n headerSticky,\n setHeaderSticky,\n sidebarVariant,\n setSidebarVariant,\n fontFamily,\n setFontFamily,\n shape,\n setShape,\n hasCustomPreferences,\n resetPreferences,\n } = useTheme()\n const t = useT()\n // the drawer content — after a Reset the (now disabled) footer button drops focus to <body>, outside the\n // drawer's focus trap, so focus is moved back onto the first section's selected control\n const contentRef = useRef<HTMLDivElement \| null>(null)\n const handleReset = () => {\n resetPreferences()\n requestAnimationFrame(() => {\n const root = contentRef.current\n const target =\n root?.querySelector<HTMLElement>('input:checked, [aria-checked=\"true\"]') ??\n root?.querySelector<HTMLElement>('input, button, [tabindex]:not([tabindex=\"-1\"])')\n target?.focus()\n })\n }\n\n // One searchable Select doubles as a \"type any Google Font\" field. Base = Inter (the only preset) +\n // the active font (so a custom pick stays visible/selectable). While searching, the typed query is\n // offered as its own option — picking it applies + loads that family. Base is always kept in the\n // list (never filtered out) so `value` always resolves in the trigger, even mid-search.\n const [fontQuery, setFontQuery] = useState('')\n const q = fontQuery.trim()\n const base =\n fontFamily !== DEFAULT_FONT_FAMILY ? [DEFAULT_FONT_FAMILY, fontFamily] : [DEFAULT_FONT_FAMILY]\n const showTyped = q.length > 0 && !base.some((f) => f.toLowerCase() === q.toLowerCase())\n const fontOptions = (showTyped ? [q, ...base] : base).map((f) => ({\n value: f,\n label: f === DEFAULT_FONT_FAMILY ? t('settings.fontDefault', { font: f }) : f,\n }))\n\n const picker = (mode: 'light' \| 'dark', label: string) => {\n const def = defaultAccentColors[mode]\n // the provider's default (per mode) leads the list; then the mode's alts (minus any collision)\n const colors = [def, ...ALT_SWATCHES[mode].filter((c) => c.toLowerCase() !== def.toLowerCase())]\n return (\n <SwatchPicker\n label={label}\n colors={colors}\n // with no override, this mode's default swatch reads as selected\n value={accentColors[mode] ?? def}\n // the default swatch clears this mode's override; the rest set it\n onChange={(color) =>\n setAccentColor(color.toLowerCase() === def.toLowerCase() ? null : color, mode)\n }\n labels={{ [def]: t('settings.accentDefault', { color: def }) }}\n aria-label={String(label)}\n />\n )\n }\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n placement=\"right\"\n size=\"sm\"\n title={t('settings.label')}\n icon=\"Setting5\"\n footer={\n // one action: put every appearance choice back to the app's defaults (disabled while unchanged),\n // behind a quick confirm — it undoes several choices at once\n <Popconfirm\n title={t('settings.resetConfirmTitle')}\n description={t('settings.resetConfirmDesc')}\n confirmLabel={t('settings.resetConfirm')}\n icon=\"RotateLeft\"\n disabled={!hasCustomPreferences}\n onConfirm={handleReset}\n >\n <Button\n variant=\"filled\"\n size=\"sm\"\n color=\"error\"\n fullWidth\n startIcon={<Icon name=\"RotateLeft\" />}\n disabled={!hasCustomPreferences}\n >\n {t('settings.reset')}\n </Button>\n </Popconfirm>\n }\n >\n <div ref={contentRef}>\n {/ no Save step: every choice below applies instantly and is persisted on change /}\n <Blockquote size=\"sm\" style={{ marginBottom: 'var(--tz-space-md)' }}>\n {t('settings.autoSaveNote')}\n </Blockquote>\n {showTheme && (\n <>\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.themeTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.themeDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={mode}\n onChange={(v) => {\n if (typeof v === 'string') setMode(v as 'light' \| 'dark')\n }}\n options={[\n {\n value: 'light',\n label: t('settings.light'),\n description: t('settings.lightDesc'),\n icon: 'Sun',\n },\n {\n value: 'dark',\n label: t('settings.dark'),\n description: t('settings.darkDesc'),\n icon: 'Moon',\n },\n ]}\n aria-label={t('settings.themeTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n </>\n )}\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.accentTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.accentDesc')}\n </Typography>\n <Col gap=\"md\" style={{ marginTop: 'var(--tz-space-sm)' }}>\n {showTheme ? (\n <>\n {picker('light', t('settings.lightTheme'))}\n {picker('dark', t('settings.darkTheme'))}\n </>\n ) : (\n // theme switching is off → the panel stays in one mode, so only that mode's accent matters\n picker(mode, mode === 'light' ? t('settings.lightTheme') : t('settings.darkTheme'))\n )}\n </Col>\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.fontTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.fontDesc')}\n </Typography>\n <Select\n label={t('settings.fontFamily')}\n searchable\n searchPlaceholder={t('settings.fontSearch')}\n value={fontFamily}\n options={fontOptions}\n onSearchChange={setFontQuery}\n onChange={(v) => {\n setFontFamily(v)\n setFontQuery('')\n }}\n aria-label={t('settings.fontFamily')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.headerTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.headerDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={headerSticky ? 'fixed' : 'static'}\n // exclusive (radio) → always a string; set sticky from the picked card\n onChange={(v) => {\n if (typeof v === 'string') setHeaderSticky(v === 'fixed')\n }}\n options={[\n {\n value: 'static',\n label: t('settings.scrollable'),\n description: t('settings.scrollableDesc'),\n },\n { value: 'fixed', label: t('settings.fixed'), description: t('settings.fixedDesc') },\n ]}\n aria-label={t('settings.headerTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n\n {showSidebar && (\n <>\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.sidebarTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.sidebarDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={sidebarVariant}\n // exclusive (radio) → always a string; the two values are exactly the SidebarVariant union\n onChange={(v) => {\n if (v === 'floating' \|\| v === 'docked') setSidebarVariant(v)\n }}\n options={[\n {\n value: 'floating',\n label: t('settings.floating'),\n description: t('settings.floatingDesc'),\n },\n {\n value: 'docked',\n label: t('settings.docked'),\n description: t('settings.dockedDesc'),\n },\n ]}\n aria-label={t('settings.sidebarTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n </>\n )}\n\n <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n <Typography variant=\"subtitle\" as=\"h3\">\n {t('settings.shapeTitle')}\n </Typography>\n <Typography\n variant=\"bodySmall\"\n color=\"muted\"\n as=\"p\"\n style={{ marginTop: 'var(--tz-space-xxs)' }}\n >\n {t('settings.shapeDesc')}\n </Typography>\n <ChoiceCardGroup\n exclusive\n color=\"accent\"\n minCardWidth={130}\n value={shape}\n // exclusive (radio) → always a string; the two values are exactly the ThemeShape union\n onChange={(v) => {\n if (v === 'rounded' \|\| v === 'square') setShape(v)\n }}\n options={[\n {\n value: 'rounded',\n label: t('settings.rounded'),\n description: t('settings.roundedDesc'),\n },\n { value: 'square', label: t('settings.square'), description: t('settings.squareDesc') },\n ]}\n aria-label={t('settings.shapeTitle')}\n style={{ marginTop: 'var(--tz-space-sm)' }}\n />\n </div>\n </Modal>\n )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { Link, useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport {\n useHeaderConfig,\n useLanguage,\n useSidebarConfig,\n useT,\n useTheme,\n type HeaderAction,\n type HeaderConfig,\n type HeaderEnvironment,\n type HeaderMenuItem,\n type HeaderUser,\n type SidebarVariant,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Badge } from '../Badge'\nimport { Chip } from '../Chip'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem, type ListItemProps } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Tooltip } from '../Tooltip'\nimport { UserCard } from '../UserCard'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, useFirstNavTo } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport { isDev } from '../ErrorState/errorMessage'\nimport styles from './RootLayout.module.css'\n\n/\n `header.environment` → the chip to show, or `null` for none (empty, or production). A string gets its first\n * letter capitalized, the `warning` tint and the `Code` icon; an object is used as given. Exported for tests.\n /\nexport function resolveEnvironment(\n environment: HeaderConfig['environment'],\n): Required<HeaderEnvironment> \| null {\n if (environment == null) return null\n const env = typeof environment === 'string' ? { label: environment } : environment\n const label = env.label.trim()\n if (!label \|\| /^prod(uction)?$/i.test(label)) return null\n return {\n label: typeof environment === 'string' ? label.charAt(0).toUpperCase() + label.slice(1) : label,\n color: env.color ?? 'warning',\n icon: env.icon ?? 'Code',\n }\n}\n\n// `ListItem as={Link}` — `to` / `params` / `search` are router props ListItem doesn't type itself\nconst MenuLink = ListItem as unknown as (\n props: ListItemProps & Pick<HeaderMenuItem, 'to' \| 'params' \| 'search'>,\n) => ReactNode\n\n/\n The shell header config + its user shape now live in the theme layer (so `config.header` can carry\n * them app-wide). These aliases keep the historical `RootLayout` names importable.\n /\nexport type RootLayoutUser = HeaderUser\nexport type RootLayoutHeader = HeaderConfig\n\n/** How the sidebar sits in the shell (the theme layer's `SidebarVariant`, under the historical `RootLayout` name). /\nexport type RootLayoutSidebarVariant = SidebarVariant\n\nexport interface RootLayoutProps {\n /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. /\n logo?: ReactNode\n /\n Where clicking the logo goes. Defaults to the first page in the menu the user may open (the same\n * \"home\" as the breadcrumbs' first crumb and `FirstRouteRedirect`) — so the logo always leads back to the\n * page the panel opens on. Pass a path to send it elsewhere, or `false` for a plain, non-clickable logo.\n /\n logoTo?: LinkProps['to'] \| false\n /* Optional content pinned to the bottom of the sidebar (e.g. a promo / \"Need help?\" card). /\n sidebarFooter?: ReactNode\n /\n Show a `UserCard` at the bottom of the sidebar (below `sidebarFooter`), built from `header.user` and\n * `header.onLogout` (its Sign Out button). Unset, the app-wide `config.sidebar.userCard` applies — default\n * `false` (hidden).\n /\n showUserCard?: boolean\n /\n The sidebar's look. `'floating'` (default): a rounded, bordered card inset from the window edges.\n * `'docked'`: flush against the top, left and bottom edges, no radius, a single border on its right —\n * the content keeps its inset — desktop (≥1280px) only: below 1280px, where the sidebar is an overlay drawer,\n * `'docked'` looks exactly like `'floating'`. Unset (recommended), the user picks it in the header Settings drawer\n * (persisted), defaulting to the app-wide `config.sidebar.variant`; set, it pins this shell's look and the\n * Settings drawer's Sidebar section is hidden.\n /\n sidebarVariant?: RootLayoutSidebarVariant\n /\n Header config for this shell — merged over the app-wide `config.header` (the prop wins).\n * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),\n * `fullscreen` (default `false`), `breadcrumbs` (default `true`), and the account (`onLogout` / `user`).\n /\n header?: RootLayoutHeader\n /\n The built-in toast viewport, mounted for you so `toast.()` works app-wide with no extra setup.\n Defaults to `true` (a `<Toaster>` following the app-wide `config.toast`, else its built-in defaults). Pass\n * `ToasterProps` (`{ position, duration }`) to override it for this shell — anything unset still falls back to\n * `config.toast` — or `false` to opt out, e.g. when you mount your own `<Toaster>`.\n /\n toaster?: boolean \| ToasterProps\n /* Routed content — the consumer passes `<Outlet />`. /\n children: ReactNode\n}\n\n/\n The admin-panel shell — a floating layout: the whole app sits on a soft `--tz-color-background`\n * canvas, with a rounded, bordered `--tz-color-surface` sidebar card (`logo` + auto-generated `Sidebar` + an optional\n * `sidebarFooter`, then an optional `UserCard` from `header.user` + `header.onLogout` — `showUserCard` ??\n * `config.sidebar.userCard`, default hidden) beside the header + content — or, with the `'docked'` look (the user's Settings choice,\n * seeded from `config.sidebar.variant`, or pinned by the `sidebarVariant` prop), a sidebar flush to the\n * window edges. Set it as the root route's component and pass\n * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header\n * holds an optional `ThemeToggle` (on by default), a Settings button (opens a right-side drawer to\n * pick + persist the appearance — theme, accent colors, font, header, sidebar, shape), plus an account\n * `Avatar` whose menu has a Sign out item when `header.onLogout` is given. The content area stacks `Breadcrumbs` → `children`; each page wraps its\n * body in `PageLayout`, which owns the page heading (`pageTitle`), the back button (`back`) and the\n * title-row actions (`pageActions`). On a 404 the breadcrumbs are suppressed automatically (a partial route\n * match would otherwise show a stale section), regardless of `header.breadcrumbs`. A `<Toaster>` is mounted by default so\n * `toast.()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt\n out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires\n * `@tanstack/react-router` (peer).\n /\nexport function RootLayout({\n logo,\n logoTo,\n sidebarFooter,\n showUserCard,\n sidebarVariant,\n header,\n toaster = true,\n children,\n}: RootLayoutProps) {\n // the user's persisted header + sidebar choices (seeded from config.header.sticky / config.sidebar.variant)\n const { headerSticky, sidebarVariant: chosenSidebarVariant } = useTheme()\n const { language, setLanguage, languages } = useLanguage()\n const t = useT()\n // the logo links \"home\" — the first menu page the user may open, unless the app points it elsewhere\n const firstNavTo = useFirstNavTo()\n const logoHref = logoTo === false ? undefined : (logoTo ?? firstNavTo)\n // app-wide header config (config.header) as the base; this shell's `header` prop wins over it\n const configHeader = useHeaderConfig()\n // sidebar look: this shell's prop pins it; otherwise the user's choice (Settings), seeded from config\n const variant = sidebarVariant ?? chosenSidebarVariant\n const h: HeaderConfig = { ...configHeader, ...header }\n const showTheme = h.theme ?? true\n const showFullscreen = h.fullscreen ?? false\n const showSettings = h.settings ?? true\n const showSearch = h.search ?? true\n const showLanguages = h.languages ?? true\n const showBreadcrumbs = h.breadcrumbs ?? true\n const toasterProps = typeof toaster === 'object' ? toaster : undefined\n const onLogout = h.onLogout\n const user = h.user\n // the sidebar's user card: this shell's prop → app-wide config.sidebar.userCard → hidden. It needs someone\n // to show (a user) or something to do (Sign Out), else it would be an empty \"Welcome\" box.\n const configSidebar = useSidebarConfig()\n const userCard =\n (showUserCard ?? configSidebar.userCard ?? false) && (user != null \|\| onLogout != null) ? (\n <UserCard name={user?.name} email={user?.email} avatar={user?.avatar} onLogout={onLogout} />\n ) : null\n const environment = resolveEnvironment(h.environment)\n const accountMenu = h.menu ?? [] // custom account-menu items (between the user block and Sign out)\n // app header actions: inline IconButtons — on xs they fold into the account menu (when there is one)\n const headerActions = h.actions ?? []\n const isXs = useMediaQuery('xs')\n const actionsInMenu = isXs && onLogout != null\n const runAction = (a: HeaderAction) => {\n a.onClick?.()\n if (a.to) navigate({ to: a.to as LinkProps['to'], params: a.params, search: a.search } as never)\n }\n // an account-menu item with nothing to do is almost always a config slip — say so in development\n const inertMenuItems = accountMenu\n .filter((item) => !item.to && !item.onClick)\n .map((item) => item.label)\n .join(', ')\n useEffect(() => {\n if (inertMenuItems && isDev())\n console.warn(\n `[RootLayout] header.menu items without \\`to\\` or \\`onClick\\`: ${inertMenuItems}`,\n )\n }, [inertMenuItems])\n // below 1280px the sidebar auto-collapses (and auto-expands again above it); a manual toggle holds\n // until the next breakpoint cross. `useMediaQuery` is correct on the first client render, so no flash.\n const isNarrow = useMediaQuery('md') // ≤ 1279.98px — the shared `md` breakpoint\n const [collapsed, setCollapsed] = useState(isNarrow)\n useEffect(() => {\n setCollapsed(isNarrow)\n }, [isNarrow])\n // while the sidebar overlays the content (narrow + open), lock page scroll so scrolling inside the\n // drawer doesn't scroll the content behind it\n useLockBodyScroll(isNarrow && !collapsed)\n // navigating from the overlay drawer (a nav link or a search suggestion — both change the route) auto-\n // closes it, so you land on the page instead of the still-open sidebar; desktop navigation is untouched\n const pathname = useRouterState({ select: (s) => s.location.pathname })\n useEffect(() => {\n if (isNarrow) setCollapsed(true)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pathname])\n // on a 404 the URL often partially matches a named layout route (e.g. `/core/xxx` still resolves\n // \"Core\" as the active section), so the breadcrumbs would show a stale, wrong trail.\n // suppress them when the router is in a notFound state — automatic, no opt-out needed. `statusCode ===\n // 404` is the primary signal; a `notFound` match status is the fallback.\n const isNotFound = useRouterState({\n select: (s) => s.statusCode === 404 \|\| s.matches.some((m) => m.status === 'notFound'),\n })\n const [settingsOpen, setSettingsOpen] = useState(false)\n const navigate = useNavigate()\n\n return (\n <div\n className={clsx(\n styles.shell,\n variant === 'docked' && styles.shellDocked,\n collapsed && styles.shellCollapsed,\n )}\n >\n <aside className={styles.sidebar}>\n {/ fixed-width inner: the outer <aside> animates its width to 0 (and clips via overflow),\n while this keeps the sidebar's real width so the content never reflows mid-collapse /}\n <div className={styles.sidebarInner}>\n {logo ? (\n <div className={styles.brand}>\n {logoHref ? (\n <Link to={logoHref} className={styles.brandLink} aria-label={t('sidebar.home')}>\n {logo}\n </Link>\n ) : (\n logo\n )}\n {/ in-drawer close — only shown when the sidebar overlays (narrow), where the header\n toggle is behind the backdrop; closes the drawer /}\n <IconButton\n variant=\"filled\"\n size=\"sm\"\n className={styles.sidebarClose}\n aria-label={t('common.close')}\n onClick={() => setCollapsed(true)}\n >\n <Icon name=\"Close\" />\n </IconButton>\n </div>\n ) : null}\n {/ the search lives in the header on desktop; below 576px (full-width drawer) it moves here,\n between the logo and the menu (CSS toggles which instance shows) /}\n {showSearch ? (\n <div className={styles.sidebarSearch}>\n <NavSearch />\n </div>\n ) : null}\n <div className={styles.navScroll}>\n <Sidebar />\n </div>\n {sidebarFooter \|\| userCard ? (\n <div className={styles.sidebarFooter}>\n {/ the app's content keeps its own (block) flow; only it and the card are spaced /}\n {sidebarFooter ? <div>{sidebarFooter}</div> : null}\n {userCard}\n </div>\n ) : null}\n </div>\n </aside>\n {/ dim backdrop behind the overlay sidebar — a sibling of the sidebar (same stacking context, so the\n sidebar reliably sits above it, unlike a body-portaled Overlay). Only shown/interactive below\n 1280px while open (CSS); clicking it closes the drawer. On desktop the sidebar is a grid column. /}\n <div className={styles.backdrop} onClick={() => setCollapsed(true)} aria-hidden=\"true\" />\n <div className={styles.main}>\n <header className={clsx(styles.topbar, headerSticky && styles.topbarSticky)}>\n <div className={styles.headerStart}>\n <IconButton\n aria-label={t(collapsed ? 'sidebar.show' : 'sidebar.hide')}\n aria-expanded={!collapsed}\n variant=\"filled\"\n size=\"sm\"\n onClick={() => setCollapsed((c) => !c)}\n >\n <Icon name=\"Menu\" />\n </IconButton>\n {showSearch ? (\n <div className={styles.headerSearch}>\n <NavSearch />\n </div>\n ) : null}\n </div>\n <div className={styles.headerEnd}>\n {/ the environment badge — on every screen size, unlike `extra` /}\n {environment ? (\n <Chip\n size=\"sm\"\n color={environment.color}\n startIcon={environment.icon ? <Icon name={environment.icon} /> : undefined}\n className={styles.environment}\n >\n {environment.label}\n </Chip>\n ) : null}\n {h.extra != null && !isXs ? <div className={styles.headerExtra}>{h.extra}</div> : null}\n {!actionsInMenu\n ? headerActions.map((a, i) => (\n <Badge\n key={`${a.label}-${i}`}\n content={a.dot ? undefined : a.badge}\n dot={a.dot}\n color={a.badgeColor ?? 'error'}\n >\n <Tooltip content={a.label} placement=\"bottom\">\n <IconButton\n variant=\"filled\"\n size=\"sm\"\n color={a.color}\n aria-label={a.label}\n disabled={a.disabled}\n onClick={() => runAction(a)}\n >\n <Icon name={a.icon} />\n </IconButton>\n </Tooltip>\n </Badge>\n ))\n : null}\n {showFullscreen ? <FullscreenToggle variant=\"filled\" size=\"sm\" /> : null}\n {showTheme ? <ThemeToggle variant=\"filled\" size=\"sm\" /> : null}\n {showLanguages && languages.length > 1 ? (\n <Dropdown\n placement=\"bottom-end\"\n trigger={\n <IconButton variant=\"filled\" size=\"sm\" aria-label={t('language.label')}>\n <Icon name=\"Global\" />\n </IconButton>\n }\n >\n {languages.map((l) => (\n <ListItem\n key={l.code}\n clickable\n selected={l.code === language}\n onClick={() => setLanguage(l.code)}\n icon={<Flag code={l.code} />}\n >\n {l.label ?? l.code}\n </ListItem>\n ))}\n </Dropdown>\n ) : null}\n {showSettings ? (\n <IconButton\n aria-label={t('settings.label')}\n variant=\"text\"\n size=\"sm\"\n className={styles.settings}\n onClick={() => setSettingsOpen(true)}\n >\n <Icon name=\"Setting5\" />\n </IconButton>\n ) : null}\n {onLogout ? (\n <Dropdown\n placement=\"bottom-end\"\n style={{ minWidth: 230 }}\n trigger={\n <button type=\"button\" className={styles.account} aria-label={t('account.label')}>\n <Avatar size=\"md\" name={user?.name} src={user?.avatar} color=\"primary\" />\n </button>\n }\n >\n {user ? (\n <>\n <Row gap={8} align=\"center\" padding=\"var(--tz-space-xxs) var(--tz-space-xs)\">\n <Avatar size=\"md\" name={user.name} src={user.avatar} color=\"primary\" />\n <Col gap={2}>\n {/ name, or a \"Welcome\" greeting fallback when no name is given /}\n <Typography variant=\"body\">{user.name ?? t('userCard.welcome')}</Typography>\n {user.email ? (\n <Typography variant=\"bodySmall\" color=\"muted\">\n {user.email}\n </Typography>\n ) : null}\n </Col>\n </Row>\n <Divider />\n </>\n ) : null}\n {/ on xs the header actions fold in here, above the app's own menu items /}\n {actionsInMenu\n ? headerActions.map((a, i) => (\n <ListItem\n key={`action-${a.label}-${i}`}\n icon={<Icon name={a.icon} color={a.color} />}\n clickable\n disabled={a.disabled}\n onClick={() => runAction(a)}\n trailing={\n a.dot ? (\n <span\n className={styles.menuDot}\n style={{ background: `var(--tz-color-${a.badgeColor ?? 'error'})` }}\n aria-hidden=\"true\"\n />\n ) : a.badge != null && a.badge !== 0 && a.badge !== '' ? (\n <Chip size=\"sm\" color={a.badgeColor ?? 'error'}>\n {typeof a.badge === 'number' && a.badge > 99 ? '99+' : a.badge}\n </Chip>\n ) : undefined\n }\n >\n {a.label}\n </ListItem>\n ))\n : null}\n {actionsInMenu && headerActions.length > 0 ? <Divider /> : null}\n {/ app-supplied items (e.g. \"Account\"), between the user block and Sign out /}\n {accountMenu.map((item, i) => {\n const itemProps = {\n icon: item.icon ? <Icon name={item.icon} color={item.color} /> : undefined,\n color: item.color,\n clickable: true,\n disabled: item.disabled,\n onClick: item.onClick,\n children: item.label,\n }\n // `to` → a real router link (href, new-tab clicks); the Dropdown still closes on select\n // and roves to it (`a[href]`). Link runs `onClick` first, then navigates.\n return item.to && !item.disabled ? (\n <MenuLink\n key={i}\n {...itemProps}\n as={Link}\n to={item.to}\n params={item.params}\n search={item.search}\n />\n ) : (\n <ListItem key={i} {...itemProps} />\n )\n })}\n {/ keep the destructive Sign out visually separated from the custom items */}\n {accountMenu.length > 0 ? <Divider /> : null}\n <ListItem icon={<Icon name=\"Logout2\" color=\"error\" />} clickable onClick={onLogout}>\n {t('userCard.signOut')}\n </ListItem>\n </Dropdown>\n ) : null}\n </div>\n </header>\n <main className={styles.content}>\n {showBreadcrumbs && !isNotFound ? <Breadcrumbs /> : null}\n {children}\n </main>\n </div>\n {toaster !== false && <Toaster {...toasterProps} />}\n {showSettings ? (\n <SettingsDrawer\n open={settingsOpen}\n onClose={() => setSettingsOpen(false)}\n showTheme={showTheme}\n showSidebar={sidebarVariant === undefined}\n />\n ) : null}\n </div>\n )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","showSidebar","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","sidebarVariant","setSidebarVariant","fontFamily","setFontFamily","shape","setShape","hasCustomPreferences","resetPreferences","useTheme","useT","contentRef","useRef","handleReset","root","target","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","c","jsx","SwatchPicker","color","Modal","Popconfirm","Button","Icon","jsxs","Blockquote","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","resolveEnvironment","environment","env","MenuLink","ListItem","RootLayout","logo","logoTo","sidebarFooter","showUserCard","header","toaster","children","chosenSidebarVariant","language","setLanguage","languages","useLanguage","t","firstNavTo","useFirstNavTo","logoHref","configHeader","useHeaderConfig","variant","h","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","onLogout","user","configSidebar","useSidebarConfig","userCard","UserCard","accountMenu","headerActions","isXs","useMediaQuery","actionsInMenu","runAction","a","_a","navigate","inertMenuItems","item","useEffect","isDev","isNarrow","collapsed","setCollapsed","useLockBodyScroll","pathname","useRouterState","isNotFound","m","settingsOpen","setSettingsOpen","useNavigate","clsx","styles","Link","IconButton","NavSearch","Sidebar","Chip","i","Badge","Tooltip","FullscreenToggle","ThemeToggle","Dropdown","l","Flag","Avatar","Row","itemProps","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/{Select-DVoL547R.cjs → Select-CylqFHce.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),C=require("clsx"),de=require("./formContext-bTWrqdEV.cjs"),I=require("./Icon-CBg21lKA.cjs"),P=require("./useOptionMenu-B40OOVsO.cjs"),V=require("./Typography-d97DdbNd.cjs"),ue=require("./ConfigProvider-Cf-awvZs.cjs"),pe="_field_194pd_1",_e="_fullWidth_194pd_7",ve="_label_194pd_13",he="_required_194pd_22",fe="_control_194pd_28",me="_open_194pd_47",xe="_error_194pd_52",Ie="_disabled_194pd_60",be="_value_194pd_70",ye="_valueIcon_194pd_78",ge="_valueLabel_194pd_82",je="_placeholder_194pd_87",Ne="_clear_194pd_92",qe="_chevron_194pd_113",Se="_sm_194pd_123",Ce="_md_194pd_127",Te="_lg_194pd_131",Re="_helper_194pd_136",l={field:pe,fullWidth:_e,label:ve,required:he,control:fe,open:me,error:xe,disabled:Ie,value:be,valueIcon:ye,valueLabel:ge,placeholder:je,clear:Ne,chevron:qe,sm:Se,md:Ce,lg:Te,helper:Re},we=new Set(I.ICON_NAMES);function Be(t,c){return t==null?null:typeof t=="string"&&we.has(t)?r.jsx(I.Icon,{name:t,size:c}):t}const Me=p.forwardRef(function({label:c,options:T,size:_="md",error:W,helperText:A,required:R=!1,fullWidth:F=!0,disabled:a=!1,value:b,defaultValue:K,onChange:y,placeholder:$,clearable:H=!0,searchable:w=!1,searchPlaceholder:G,onSearchChange:J,loading:Q=!1,loadingText:U,noOptionsText:X,showSelectedTick:Y=!0,name:i,id:Z,className:z,style:ee},v){const le=p.useId(),h=Z??le,g=`${h}-label`,B=`${h}-helper`,M=ue.useT(),f=de.useFormContext(),m=!!(f&&i),o=m?f.field(i):void 0,re=b!==void 0?b:m?f.values[i]??"":void 0,k=b!==void 0||m,[oe,ne]=p.useState(K??""),j=k?re:oe,N=W??(o==null?void 0:o.error)??!1,q=A??(o==null?void 0:o.helperText),n=T.find(e=>e.value===j),se=n!=null,D=e=>{k||ne(e),m&&f.setValue(i,e),y==null||y(e)},d=p.useRef(null),x=p.useRef(void 0);x.current=o?()=>o.onBlur({}):void 0;const te=p.useCallback(e=>{d.current=e,typeof v=="function"?v(e):v&&(v.current=e)},[v]),s=P.useOptionMenu({idBase:h,options:T,isSelected:e=>e.value===j,onPick:e=>D(e.value),searchable:w,onSearchChange:J,disabled:a,focusRef:d,onClose:()=>{var e;return(e=x.current)==null?void 0:e.call(x)}}),{open:S}=s,ce=e=>{var E,L;const u=e.relatedTarget;u&&((E=s.popoverRef.current)!=null&&E.contains(u)||(L=d.current)!=null&&L.contains(u))||o==null||o.onBlur(e)},ae=e=>{var u;e.stopPropagation(),D(""),(u=d.current)==null||u.focus()},ie=_==="sm"?"sm":"md",O=_==="sm"?16:_==="md"?14:12;return r.jsxs("div",{className:C.clsx(l.field,l[_],F&&l.fullWidth,N&&l.error,a&&l.disabled,z),style:ee,children:[c!=null&&r.jsxs("span",{id:g,className:l.label,onClick:()=>{var e;return!a&&((e=d.current)==null?void 0:e.focus())},children:[r.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:c}),R&&r.jsx("span",{className:l.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:te,id:h,...i?{name:i}:{},role:"combobox",tabIndex:a?-1:0,"aria-haspopup":"listbox","aria-expanded":S,"aria-controls":S?s.listboxId:void 0,"aria-activedescendant":w?void 0:s.activeId,"aria-labelledby":c!=null?g:void 0,"aria-disabled":a||void 0,"aria-required":R||void 0,"aria-invalid":N||void 0,"aria-describedby":q!=null?B:void 0,className:C.clsx(l.control,S&&l.open),onClick:s.toggleMenu,onKeyDown:s.handleKeyDown,onBlur:ce,children:[r.jsxs("span",{className:C.clsx(l.value,!se&&l.placeholder),children:[(n==null?void 0:n.icon)!=null&&r.jsx("span",{className:l.valueIcon,children:Be(n.icon,ie)}),r.jsx("span",{className:l.valueLabel,children:n?n.label:$??M("select.placeholder")})]}),H&&j!==""&&!a&&r.jsx("button",{type:"button",className:l.clear,"aria-label":M("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ae,children:r.jsx(I.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(I.Icon,{name:"ArrowDown4",className:l.chevron,style:{width:O,height:O},"aria-hidden":"true"})]}),r.jsx(P.OptionMenu,{menu:s,anchorRef:d,size:_,searchPlaceholder:G,loading:Q,loadingText:U,noOptionsText:X,showSelectedTick:Y,labelledBy:c!=null?g:void 0}),q!=null&&r.jsx(V.Typography,{as:"span",id:B,variant:"bodySmall",color:N?"error":"muted",className:l.helper,children:q})]})});exports.Select=Me;
-//# sourceMappingURL=Select-DVoL547R.cjs.map
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),C=require("clsx"),de=require("./formContext-bTWrqdEV.cjs"),I=require("./Icon-CBg21lKA.cjs"),P=require("./useOptionMenu-CVl7VHXl.cjs"),V=require("./Typography-d97DdbNd.cjs"),ue=require("./ConfigProvider-DBU6rOIA.cjs"),pe="_field_194pd_1",_e="_fullWidth_194pd_7",ve="_label_194pd_13",he="_required_194pd_22",fe="_control_194pd_28",me="_open_194pd_47",xe="_error_194pd_52",Ie="_disabled_194pd_60",be="_value_194pd_70",ye="_valueIcon_194pd_78",ge="_valueLabel_194pd_82",je="_placeholder_194pd_87",Ne="_clear_194pd_92",qe="_chevron_194pd_113",Se="_sm_194pd_123",Ce="_md_194pd_127",Te="_lg_194pd_131",Re="_helper_194pd_136",l={field:pe,fullWidth:_e,label:ve,required:he,control:fe,open:me,error:xe,disabled:Ie,value:be,valueIcon:ye,valueLabel:ge,placeholder:je,clear:Ne,chevron:qe,sm:Se,md:Ce,lg:Te,helper:Re},we=new Set(I.ICON_NAMES);function Be(t,c){return t==null?null:typeof t=="string"&&we.has(t)?r.jsx(I.Icon,{name:t,size:c}):t}const Me=p.forwardRef(function({label:c,options:T,size:_="md",error:W,helperText:A,required:R=!1,fullWidth:F=!0,disabled:a=!1,value:b,defaultValue:K,onChange:y,placeholder:$,clearable:H=!0,searchable:w=!1,searchPlaceholder:G,onSearchChange:J,loading:Q=!1,loadingText:U,noOptionsText:X,showSelectedTick:Y=!0,name:i,id:Z,className:z,style:ee},v){const le=p.useId(),h=Z??le,g=`${h}-label`,B=`${h}-helper`,M=ue.useT(),f=de.useFormContext(),m=!!(f&&i),o=m?f.field(i):void 0,re=b!==void 0?b:m?f.values[i]??"":void 0,k=b!==void 0||m,[oe,ne]=p.useState(K??""),j=k?re:oe,N=W??(o==null?void 0:o.error)??!1,q=A??(o==null?void 0:o.helperText),n=T.find(e=>e.value===j),se=n!=null,D=e=>{k||ne(e),m&&f.setValue(i,e),y==null||y(e)},d=p.useRef(null),x=p.useRef(void 0);x.current=o?()=>o.onBlur({}):void 0;const te=p.useCallback(e=>{d.current=e,typeof v=="function"?v(e):v&&(v.current=e)},[v]),s=P.useOptionMenu({idBase:h,options:T,isSelected:e=>e.value===j,onPick:e=>D(e.value),searchable:w,onSearchChange:J,disabled:a,focusRef:d,onClose:()=>{var e;return(e=x.current)==null?void 0:e.call(x)}}),{open:S}=s,ce=e=>{var E,L;const u=e.relatedTarget;u&&((E=s.popoverRef.current)!=null&&E.contains(u)||(L=d.current)!=null&&L.contains(u))||o==null||o.onBlur(e)},ae=e=>{var u;e.stopPropagation(),D(""),(u=d.current)==null||u.focus()},ie=_==="sm"?"sm":"md",O=_==="sm"?16:_==="md"?14:12;return r.jsxs("div",{className:C.clsx(l.field,l[_],F&&l.fullWidth,N&&l.error,a&&l.disabled,z),style:ee,children:[c!=null&&r.jsxs("span",{id:g,className:l.label,onClick:()=>{var e;return!a&&((e=d.current)==null?void 0:e.focus())},children:[r.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:c}),R&&r.jsx("span",{className:l.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:te,id:h,...i?{name:i}:{},role:"combobox",tabIndex:a?-1:0,"aria-haspopup":"listbox","aria-expanded":S,"aria-controls":S?s.listboxId:void 0,"aria-activedescendant":w?void 0:s.activeId,"aria-labelledby":c!=null?g:void 0,"aria-disabled":a||void 0,"aria-required":R||void 0,"aria-invalid":N||void 0,"aria-describedby":q!=null?B:void 0,className:C.clsx(l.control,S&&l.open),onClick:s.toggleMenu,onKeyDown:s.handleKeyDown,onBlur:ce,children:[r.jsxs("span",{className:C.clsx(l.value,!se&&l.placeholder),children:[(n==null?void 0:n.icon)!=null&&r.jsx("span",{className:l.valueIcon,children:Be(n.icon,ie)}),r.jsx("span",{className:l.valueLabel,children:n?n.label:$??M("select.placeholder")})]}),H&&j!==""&&!a&&r.jsx("button",{type:"button",className:l.clear,"aria-label":M("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ae,children:r.jsx(I.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(I.Icon,{name:"ArrowDown4",className:l.chevron,style:{width:O,height:O},"aria-hidden":"true"})]}),r.jsx(P.OptionMenu,{menu:s,anchorRef:d,size:_,searchPlaceholder:G,loading:Q,loadingText:U,noOptionsText:X,showSelectedTick:Y,labelledBy:c!=null?g:void 0}),q!=null&&r.jsx(V.Typography,{as:"span",id:B,variant:"bodySmall",color:N?"error":"muted",className:l.helper,children:q})]})});exports.Select=Me;
+//# sourceMappingURL=Select-CylqFHce.cjs.map

package/dist/{Select-DVoL547R.cjs.map → Select-CylqFHce.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select-DVoL547R.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FocusEvent,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' \| 'md' \| 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). /\nfunction renderIcon(icon: IconName \| ReactNode, size: 'sm' \| 'md'): ReactNode {\n if (icon == null) return null\n if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n return <Icon name={icon as IconName} size={size} />\n return icon\n}\n\nexport interface SelectProps {\n /* Label rendered above the field. /\n label?: ReactNode\n /* The selectable options. /\n options: SelectOption[]\n /* Preset size — control height, font and option density. /\n size?: SelectSize\n /* Marks the field invalid: red border/ring + the `helperText` in the error color. /\n error?: boolean\n /* Helper / validation text under the field. Adopts the error color while `error`. /\n helperText?: ReactNode\n /* Adds a red asterisk after the label. /\n required?: boolean\n /* Stretches the field to fill its container width. Defaults to `true`. /\n fullWidth?: boolean\n /* Disables the field. /\n disabled?: boolean\n /* Controlled value — the chosen option's `value` (`''` = nothing selected). /\n value?: string\n /* Initial value for uncontrolled use. /\n defaultValue?: string\n /* Fires with the next value (`''` when cleared). /\n onChange?: (value: string) => void\n /* Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. /\n placeholder?: string\n /* Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. /\n clearable?: boolean\n /* Adds a search box inside the popover that filters options by label. /\n searchable?: boolean\n /* Placeholder for the search box. Defaults to `\"Search…\"`. /\n searchPlaceholder?: string\n /\n Fires with the search query as the user types. *Providing this switches off the built-in\n local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n /\n onSearchChange?: (query: string) => void\n /* Shows a loading indicator in the popover (e.g. while fetching server-side search results). /\n loading?: boolean\n /* Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. /\n loadingText?: ReactNode\n /\n Shown in the popover when no option matches. Defaults to `\"No Options\"`. Pass a function\n * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n * while it's empty vs a \"No results\" message after typing.\n /\n noOptionsText?: ReactNode \| ((query: string) => ReactNode)\n /* Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). /\n showSelectedTick?: boolean\n /* Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). /\n name?: string\n /* Id for the trigger (label association). /\n id?: string\n className?: string\n style?: CSSProperties\n}\n\n/\n A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search server-side (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n /\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n {\n label,\n options,\n size = 'md',\n error,\n helperText,\n required = false,\n fullWidth = true,\n disabled = false,\n value,\n defaultValue,\n onChange,\n placeholder,\n clearable = true,\n searchable = false,\n searchPlaceholder,\n onSearchChange,\n loading = false,\n loadingText,\n noOptionsText,\n showSelectedTick = true,\n name,\n id: idProp,\n className,\n style,\n },\n ref,\n) {\n const reactId = useId()\n const id = idProp ?? reactId\n const labelId = `${id}-label`\n const helperId = `${id}-helper`\n\n const t = useT()\n\n // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n const form = useFormContext()\n const isFormBound = Boolean(form && name)\n const bound = isFormBound ? form!.field(name!) : undefined\n const externalValue =\n value !== undefined\n ? value\n : isFormBound\n ? ((form!.values[name!] as string \| undefined) ?? '')\n : undefined\n const isControlled = value !== undefined \|\| isFormBound\n const [internal, setInternal] = useState<string>(defaultValue ?? '')\n const currentValue = isControlled ? externalValue! : internal\n\n const resolvedError = error ?? bound?.error ?? false\n const resolvedHelperText = helperText ?? bound?.helperText\n\n const selected = options.find((o) => o.value === currentValue)\n const hasValue = selected != null\n\n const commit = (next: string) => {\n if (!isControlled) setInternal(next)\n if (isFormBound) form!.setValue(name!, next)\n onChange?.(next)\n }\n\n // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n const triggerRef = useRef<HTMLDivElement \| null>(null)\n // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n const fieldBlur = useRef<(() => void) \| undefined>(undefined)\n fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n const setTriggerRef = useCallback(\n (node: HTMLDivElement \| null) => {\n triggerRef.current = node\n if (typeof ref === 'function') ref(node)\n else if (ref) (ref as { current: HTMLDivElement \| null }).current = node\n },\n [ref],\n )\n\n const menu = useOptionMenu({\n idBase: id,\n options,\n isSelected: (o) => o.value === currentValue,\n onPick: (o) => commit(o.value),\n searchable,\n onSearchChange,\n disabled,\n focusRef: triggerRef,\n onClose: () => fieldBlur.current?.(),\n })\n const { open } = menu\n\n const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n // mark the form field touched only when focus leaves the whole widget (not into the popover)\n const next = event.relatedTarget as Node \| null\n if (next && (menu.popoverRef.current?.contains(next) \|\| triggerRef.current?.contains(next)))\n return\n bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n }\n\n const handleClear = (event: ReactMouseEvent) => {\n event.stopPropagation()\n commit('')\n triggerRef.current?.focus()\n }\n\n const iconSize: 'sm' \| 'md' = size === 'sm' ? 'sm' : 'md'\n // chevron size per field size: sm 16 · md 14 · lg 12\n const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n return (\n <div\n className={clsx(\n styles.field,\n styles[size],\n fullWidth && styles.fullWidth,\n resolvedError && styles.error,\n disabled && styles.disabled,\n className,\n )}\n style={style}\n >\n {label != null && (\n <span\n id={labelId}\n className={styles.label}\n onClick={() => !disabled && triggerRef.current?.focus()}\n >\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n \n </span>\n )}\n </span>\n )}\n\n <div\n ref={setTriggerRef}\n id={id}\n // `name` lets the form's scroll-to-error find + focus this field\n {...(name ? { name } : {})}\n role=\"combobox\"\n tabIndex={disabled ? -1 : 0}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? menu.listboxId : undefined}\n aria-activedescendant={searchable ? undefined : menu.activeId}\n aria-labelledby={label != null ? labelId : undefined}\n aria-disabled={disabled \|\| undefined}\n aria-required={required \|\| undefined}\n aria-invalid={resolvedError \|\| undefined}\n aria-describedby={resolvedHelperText != null ? helperId : undefined}\n className={clsx(styles.control, open && styles.open)}\n onClick={menu.toggleMenu}\n onKeyDown={menu.handleKeyDown}\n onBlur={handleTriggerBlur}\n >\n <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n {selected?.icon != null && (\n <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n )}\n <span className={styles.valueLabel}>\n {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n </span>\n </span>\n\n {clearable && currentValue !== '' && !disabled && (\n <button\n type=\"button\"\n className={styles.clear}\n aria-label={t('select.clear')}\n tabIndex={-1}\n onMouseDown={(e) => e.preventDefault()}\n onClick={handleClear}\n >\n <Icon name=\"CloseCircle\" size=\"sm\" />\n </button>\n )}\n\n <Icon\n name=\"ArrowDown4\"\n className={styles.chevron}\n style={{ width: chevronPx, height: chevronPx }}\n aria-hidden=\"true\"\n />\n </div>\n\n <OptionMenu\n menu={menu}\n anchorRef={triggerRef}\n size={size}\n searchPlaceholder={searchPlaceholder}\n loading={loading}\n loadingText={loadingText}\n noOptionsText={noOptionsText}\n showSelectedTick={showSelectedTick}\n labelledBy={label != null ? labelId : undefined}\n />\n\n {resolvedHelperText != null && (\n <Typography\n as=\"span\"\n id={helperId}\n variant=\"bodySmall\"\n color={resolvedError ? 'error' : 'muted'}\n className={styles.helper}\n >\n {resolvedHelperText}\n </Typography>\n )}\n </div>\n )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}
1	+ {"version":3,"file":"Select-CylqFHce.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FocusEvent,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' \| 'md' \| 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). /\nfunction renderIcon(icon: IconName \| ReactNode, size: 'sm' \| 'md'): ReactNode {\n if (icon == null) return null\n if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n return <Icon name={icon as IconName} size={size} />\n return icon\n}\n\nexport interface SelectProps {\n /* Label rendered above the field. /\n label?: ReactNode\n /* The selectable options. /\n options: SelectOption[]\n /* Preset size — control height, font and option density. /\n size?: SelectSize\n /* Marks the field invalid: red border/ring + the `helperText` in the error color. /\n error?: boolean\n /* Helper / validation text under the field. Adopts the error color while `error`. /\n helperText?: ReactNode\n /* Adds a red asterisk after the label. /\n required?: boolean\n /* Stretches the field to fill its container width. Defaults to `true`. /\n fullWidth?: boolean\n /* Disables the field. /\n disabled?: boolean\n /* Controlled value — the chosen option's `value` (`''` = nothing selected). /\n value?: string\n /* Initial value for uncontrolled use. /\n defaultValue?: string\n /* Fires with the next value (`''` when cleared). /\n onChange?: (value: string) => void\n /* Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. /\n placeholder?: string\n /* Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. /\n clearable?: boolean\n /* Adds a search box inside the popover that filters options by label. /\n searchable?: boolean\n /* Placeholder for the search box. Defaults to `\"Search…\"`. /\n searchPlaceholder?: string\n /\n Fires with the search query as the user types. *Providing this switches off the built-in\n local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n /\n onSearchChange?: (query: string) => void\n /* Shows a loading indicator in the popover (e.g. while fetching server-side search results). /\n loading?: boolean\n /* Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. /\n loadingText?: ReactNode\n /\n Shown in the popover when no option matches. Defaults to `\"No Options\"`. Pass a function\n * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n * while it's empty vs a \"No results\" message after typing.\n /\n noOptionsText?: ReactNode \| ((query: string) => ReactNode)\n /* Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). /\n showSelectedTick?: boolean\n /* Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). /\n name?: string\n /* Id for the trigger (label association). /\n id?: string\n className?: string\n style?: CSSProperties\n}\n\n/\n A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search server-side (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n /\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n {\n label,\n options,\n size = 'md',\n error,\n helperText,\n required = false,\n fullWidth = true,\n disabled = false,\n value,\n defaultValue,\n onChange,\n placeholder,\n clearable = true,\n searchable = false,\n searchPlaceholder,\n onSearchChange,\n loading = false,\n loadingText,\n noOptionsText,\n showSelectedTick = true,\n name,\n id: idProp,\n className,\n style,\n },\n ref,\n) {\n const reactId = useId()\n const id = idProp ?? reactId\n const labelId = `${id}-label`\n const helperId = `${id}-helper`\n\n const t = useT()\n\n // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n const form = useFormContext()\n const isFormBound = Boolean(form && name)\n const bound = isFormBound ? form!.field(name!) : undefined\n const externalValue =\n value !== undefined\n ? value\n : isFormBound\n ? ((form!.values[name!] as string \| undefined) ?? '')\n : undefined\n const isControlled = value !== undefined \|\| isFormBound\n const [internal, setInternal] = useState<string>(defaultValue ?? '')\n const currentValue = isControlled ? externalValue! : internal\n\n const resolvedError = error ?? bound?.error ?? false\n const resolvedHelperText = helperText ?? bound?.helperText\n\n const selected = options.find((o) => o.value === currentValue)\n const hasValue = selected != null\n\n const commit = (next: string) => {\n if (!isControlled) setInternal(next)\n if (isFormBound) form!.setValue(name!, next)\n onChange?.(next)\n }\n\n // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n const triggerRef = useRef<HTMLDivElement \| null>(null)\n // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n const fieldBlur = useRef<(() => void) \| undefined>(undefined)\n fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n const setTriggerRef = useCallback(\n (node: HTMLDivElement \| null) => {\n triggerRef.current = node\n if (typeof ref === 'function') ref(node)\n else if (ref) (ref as { current: HTMLDivElement \| null }).current = node\n },\n [ref],\n )\n\n const menu = useOptionMenu({\n idBase: id,\n options,\n isSelected: (o) => o.value === currentValue,\n onPick: (o) => commit(o.value),\n searchable,\n onSearchChange,\n disabled,\n focusRef: triggerRef,\n onClose: () => fieldBlur.current?.(),\n })\n const { open } = menu\n\n const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n // mark the form field touched only when focus leaves the whole widget (not into the popover)\n const next = event.relatedTarget as Node \| null\n if (next && (menu.popoverRef.current?.contains(next) \|\| triggerRef.current?.contains(next)))\n return\n bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n }\n\n const handleClear = (event: ReactMouseEvent) => {\n event.stopPropagation()\n commit('')\n triggerRef.current?.focus()\n }\n\n const iconSize: 'sm' \| 'md' = size === 'sm' ? 'sm' : 'md'\n // chevron size per field size: sm 16 · md 14 · lg 12\n const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n return (\n <div\n className={clsx(\n styles.field,\n styles[size],\n fullWidth && styles.fullWidth,\n resolvedError && styles.error,\n disabled && styles.disabled,\n className,\n )}\n style={style}\n >\n {label != null && (\n <span\n id={labelId}\n className={styles.label}\n onClick={() => !disabled && triggerRef.current?.focus()}\n >\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n \n </span>\n )}\n </span>\n )}\n\n <div\n ref={setTriggerRef}\n id={id}\n // `name` lets the form's scroll-to-error find + focus this field\n {...(name ? { name } : {})}\n role=\"combobox\"\n tabIndex={disabled ? -1 : 0}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? menu.listboxId : undefined}\n aria-activedescendant={searchable ? undefined : menu.activeId}\n aria-labelledby={label != null ? labelId : undefined}\n aria-disabled={disabled \|\| undefined}\n aria-required={required \|\| undefined}\n aria-invalid={resolvedError \|\| undefined}\n aria-describedby={resolvedHelperText != null ? helperId : undefined}\n className={clsx(styles.control, open && styles.open)}\n onClick={menu.toggleMenu}\n onKeyDown={menu.handleKeyDown}\n onBlur={handleTriggerBlur}\n >\n <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n {selected?.icon != null && (\n <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n )}\n <span className={styles.valueLabel}>\n {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n </span>\n </span>\n\n {clearable && currentValue !== '' && !disabled && (\n <button\n type=\"button\"\n className={styles.clear}\n aria-label={t('select.clear')}\n tabIndex={-1}\n onMouseDown={(e) => e.preventDefault()}\n onClick={handleClear}\n >\n <Icon name=\"CloseCircle\" size=\"sm\" />\n </button>\n )}\n\n <Icon\n name=\"ArrowDown4\"\n className={styles.chevron}\n style={{ width: chevronPx, height: chevronPx }}\n aria-hidden=\"true\"\n />\n </div>\n\n <OptionMenu\n menu={menu}\n anchorRef={triggerRef}\n size={size}\n searchPlaceholder={searchPlaceholder}\n loading={loading}\n loadingText={loadingText}\n noOptionsText={noOptionsText}\n showSelectedTick={showSelectedTick}\n labelledBy={label != null ? labelId : undefined}\n />\n\n {resolvedHelperText != null && (\n <Typography\n as=\"span\"\n id={helperId}\n variant=\"bodySmall\"\n color={resolvedError ? 'error' : 'muted'}\n className={styles.helper}\n >\n {resolvedHelperText}\n </Typography>\n )}\n </div>\n )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}

package/dist/{Select-DuLDLnnb.js → Select-jT94L1vq.js} RENAMED Viewed

@@ -3,9 +3,9 @@ import { forwardRef as ie, useId as ue, useState as pe, useRef as W, useCallback
 import { clsx as w } from "clsx";
 import { u as me } from "./formContext-B7ln1Miy.js";
 import { b as C, a as fe } from "./Icon-B7DJn8Tw.js";
-import { u as ve, O as he } from "./useOptionMenu-BTt8t9SM.js";
+import { u as ve, O as he } from "./useOptionMenu-BkKiZ6Ax.js";
 import { T as A } from "./Typography-ChSuxgkc.js";
-import { a as be } from "./ConfigProvider-CYgmMH4j.js";
+import { a as be } from "./ConfigProvider-DVDGtCUc.js";
 const Ie = "_field_194pd_1", xe = "_fullWidth_194pd_7", ye = "_label_194pd_13", Ne = "_required_194pd_22", ge = "_control_194pd_28", Se = "_open_194pd_47", Te = "_error_194pd_52", we = "_disabled_194pd_60", Ce = "_value_194pd_70", Be = "_valueIcon_194pd_78", Re = "_valueLabel_194pd_82", Me = "_placeholder_194pd_87", ke = "_clear_194pd_92", De = "_chevron_194pd_113", Oe = "_sm_194pd_123", qe = "_md_194pd_127", Ee = "_lg_194pd_131", Le = "_helper_194pd_136", l = {
   field: Ie,
   fullWidth: xe,
@@ -195,4 +195,4 @@ const Je = ie(function({
 export {
   Je as S
 };
-//# sourceMappingURL=Select-DuLDLnnb.js.map
+//# sourceMappingURL=Select-jT94L1vq.js.map

package/dist/{Select-DuLDLnnb.js.map → Select-jT94L1vq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select-DuLDLnnb.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FocusEvent,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' \| 'md' \| 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). /\nfunction renderIcon(icon: IconName \| ReactNode, size: 'sm' \| 'md'): ReactNode {\n if (icon == null) return null\n if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n return <Icon name={icon as IconName} size={size} />\n return icon\n}\n\nexport interface SelectProps {\n /* Label rendered above the field. /\n label?: ReactNode\n /* The selectable options. /\n options: SelectOption[]\n /* Preset size — control height, font and option density. /\n size?: SelectSize\n /* Marks the field invalid: red border/ring + the `helperText` in the error color. /\n error?: boolean\n /* Helper / validation text under the field. Adopts the error color while `error`. /\n helperText?: ReactNode\n /* Adds a red asterisk after the label. /\n required?: boolean\n /* Stretches the field to fill its container width. Defaults to `true`. /\n fullWidth?: boolean\n /* Disables the field. /\n disabled?: boolean\n /* Controlled value — the chosen option's `value` (`''` = nothing selected). /\n value?: string\n /* Initial value for uncontrolled use. /\n defaultValue?: string\n /* Fires with the next value (`''` when cleared). /\n onChange?: (value: string) => void\n /* Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. /\n placeholder?: string\n /* Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. /\n clearable?: boolean\n /* Adds a search box inside the popover that filters options by label. /\n searchable?: boolean\n /* Placeholder for the search box. Defaults to `\"Search…\"`. /\n searchPlaceholder?: string\n /\n Fires with the search query as the user types. *Providing this switches off the built-in\n local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n /\n onSearchChange?: (query: string) => void\n /* Shows a loading indicator in the popover (e.g. while fetching server-side search results). /\n loading?: boolean\n /* Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. /\n loadingText?: ReactNode\n /\n Shown in the popover when no option matches. Defaults to `\"No Options\"`. Pass a function\n * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n * while it's empty vs a \"No results\" message after typing.\n /\n noOptionsText?: ReactNode \| ((query: string) => ReactNode)\n /* Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). /\n showSelectedTick?: boolean\n /* Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). /\n name?: string\n /* Id for the trigger (label association). /\n id?: string\n className?: string\n style?: CSSProperties\n}\n\n/\n A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search server-side (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n /\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n {\n label,\n options,\n size = 'md',\n error,\n helperText,\n required = false,\n fullWidth = true,\n disabled = false,\n value,\n defaultValue,\n onChange,\n placeholder,\n clearable = true,\n searchable = false,\n searchPlaceholder,\n onSearchChange,\n loading = false,\n loadingText,\n noOptionsText,\n showSelectedTick = true,\n name,\n id: idProp,\n className,\n style,\n },\n ref,\n) {\n const reactId = useId()\n const id = idProp ?? reactId\n const labelId = `${id}-label`\n const helperId = `${id}-helper`\n\n const t = useT()\n\n // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n const form = useFormContext()\n const isFormBound = Boolean(form && name)\n const bound = isFormBound ? form!.field(name!) : undefined\n const externalValue =\n value !== undefined\n ? value\n : isFormBound\n ? ((form!.values[name!] as string \| undefined) ?? '')\n : undefined\n const isControlled = value !== undefined \|\| isFormBound\n const [internal, setInternal] = useState<string>(defaultValue ?? '')\n const currentValue = isControlled ? externalValue! : internal\n\n const resolvedError = error ?? bound?.error ?? false\n const resolvedHelperText = helperText ?? bound?.helperText\n\n const selected = options.find((o) => o.value === currentValue)\n const hasValue = selected != null\n\n const commit = (next: string) => {\n if (!isControlled) setInternal(next)\n if (isFormBound) form!.setValue(name!, next)\n onChange?.(next)\n }\n\n // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n const triggerRef = useRef<HTMLDivElement \| null>(null)\n // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n const fieldBlur = useRef<(() => void) \| undefined>(undefined)\n fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n const setTriggerRef = useCallback(\n (node: HTMLDivElement \| null) => {\n triggerRef.current = node\n if (typeof ref === 'function') ref(node)\n else if (ref) (ref as { current: HTMLDivElement \| null }).current = node\n },\n [ref],\n )\n\n const menu = useOptionMenu({\n idBase: id,\n options,\n isSelected: (o) => o.value === currentValue,\n onPick: (o) => commit(o.value),\n searchable,\n onSearchChange,\n disabled,\n focusRef: triggerRef,\n onClose: () => fieldBlur.current?.(),\n })\n const { open } = menu\n\n const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n // mark the form field touched only when focus leaves the whole widget (not into the popover)\n const next = event.relatedTarget as Node \| null\n if (next && (menu.popoverRef.current?.contains(next) \|\| triggerRef.current?.contains(next)))\n return\n bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n }\n\n const handleClear = (event: ReactMouseEvent) => {\n event.stopPropagation()\n commit('')\n triggerRef.current?.focus()\n }\n\n const iconSize: 'sm' \| 'md' = size === 'sm' ? 'sm' : 'md'\n // chevron size per field size: sm 16 · md 14 · lg 12\n const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n return (\n <div\n className={clsx(\n styles.field,\n styles[size],\n fullWidth && styles.fullWidth,\n resolvedError && styles.error,\n disabled && styles.disabled,\n className,\n )}\n style={style}\n >\n {label != null && (\n <span\n id={labelId}\n className={styles.label}\n onClick={() => !disabled && triggerRef.current?.focus()}\n >\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n \n </span>\n )}\n </span>\n )}\n\n <div\n ref={setTriggerRef}\n id={id}\n // `name` lets the form's scroll-to-error find + focus this field\n {...(name ? { name } : {})}\n role=\"combobox\"\n tabIndex={disabled ? -1 : 0}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? menu.listboxId : undefined}\n aria-activedescendant={searchable ? undefined : menu.activeId}\n aria-labelledby={label != null ? labelId : undefined}\n aria-disabled={disabled \|\| undefined}\n aria-required={required \|\| undefined}\n aria-invalid={resolvedError \|\| undefined}\n aria-describedby={resolvedHelperText != null ? helperId : undefined}\n className={clsx(styles.control, open && styles.open)}\n onClick={menu.toggleMenu}\n onKeyDown={menu.handleKeyDown}\n onBlur={handleTriggerBlur}\n >\n <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n {selected?.icon != null && (\n <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n )}\n <span className={styles.valueLabel}>\n {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n </span>\n </span>\n\n {clearable && currentValue !== '' && !disabled && (\n <button\n type=\"button\"\n className={styles.clear}\n aria-label={t('select.clear')}\n tabIndex={-1}\n onMouseDown={(e) => e.preventDefault()}\n onClick={handleClear}\n >\n <Icon name=\"CloseCircle\" size=\"sm\" />\n </button>\n )}\n\n <Icon\n name=\"ArrowDown4\"\n className={styles.chevron}\n style={{ width: chevronPx, height: chevronPx }}\n aria-hidden=\"true\"\n />\n </div>\n\n <OptionMenu\n menu={menu}\n anchorRef={triggerRef}\n size={size}\n searchPlaceholder={searchPlaceholder}\n loading={loading}\n loadingText={loadingText}\n noOptionsText={noOptionsText}\n showSelectedTick={showSelectedTick}\n labelledBy={label != null ? labelId : undefined}\n />\n\n {resolvedHelperText != null && (\n <Typography\n as=\"span\"\n id={helperId}\n variant=\"bodySmall\"\n color={resolvedError ? 'error' : 'muted'}\n className={styles.helper}\n >\n {resolvedHelperText}\n </Typography>\n )}\n </div>\n )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAqBMA,KAAgB,IAAI,IAAYC,EAAU;AAOhD,SAASC,GAAWC,GAA4BC,GAA8B;AAC5E,SAAID,KAAQ,OAAa,OACrB,OAAOA,KAAS,YAAYH,GAAc,IAAIG,CAAI,IAC7C,gBAAAE,EAACC,GAAA,EAAK,MAAMH,GAAkB,MAAAC,EAAA,CAAY,IAC5CD;AACT;AAyEO,MAAMI,KAASC,GAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAN,IAAO;AAAA,EACP,OAAAO;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,WAAAC;AAAA,EACA,OAAAC;AACF,GACAC,GACA;AACA,QAAMC,KAAUC,GAAA,GACVC,IAAKN,KAAUI,IACfG,IAAU,GAAGD,CAAE,UACfE,IAAW,GAAGF,CAAE,WAEhBG,IAAIC,GAAA,GAGJC,IAAOC,GAAA,GACPC,IAAc,GAAQF,KAAQZ,IAC9Be,IAAQD,IAAcF,EAAM,MAAMZ,CAAK,IAAI,QAC3CgB,KACJ5B,MAAU,SACNA,IACA0B,IACIF,EAAM,OAAOZ,CAAK,KAA4B,KAChD,QACFiB,IAAe7B,MAAU,UAAa0B,GACtC,CAACI,IAAUC,EAAW,IAAIC,GAAiB/B,KAAgB,EAAE,GAC7DgC,IAAeJ,IAAeD,KAAiBE,IAE/CI,IAAgBvC,MAASgC,KAAA,gBAAAA,EAAO,UAAS,IACzCQ,IAAqBvC,MAAc+B,KAAA,gBAAAA,EAAO,aAE1CS,IAAW1C,EAAQ,KAAK,CAAC2C,MAAMA,EAAE,UAAUJ,CAAY,GACvDK,KAAWF,KAAY,MAEvBG,IAAS,CAACC,MAAiB;AAC/B,IAAKX,KAAcE,GAAYS,CAAI,GAC/Bd,KAAaF,EAAM,SAASZ,GAAO4B,CAAI,GAC3CtC,KAAA,QAAAA,EAAWsC;AAAA,EACb,GAGMC,IAAaC,EAA8B,IAAI,GAE/CC,IAAYD,EAAiC,MAAS;AAC5D,EAAAC,EAAU,UAAUhB,IAAQ,MAAMA,EAAM,OAAO,CAAA,CAAkC,IAAI;AAErF,QAAMiB,KAAgBC;AAAA,IACpB,CAACC,MAAgC;AAC/B,MAAAL,EAAW,UAAUK,GACjB,OAAO9B,KAAQ,aAAYA,EAAI8B,CAAI,IAC9B9B,MAAMA,EAA2C,UAAU8B;AAAA,IACtE;AAAA,IACA,CAAC9B,CAAG;AAAA,EAAA,GAGA+B,IAAOC,GAAc;AAAA,IACzB,QAAQ7B;AAAA,IACR,SAAAzB;AAAA,IACA,YAAY,CAAC2C,MAAMA,EAAE,UAAUJ;AAAA,IAC/B,QAAQ,CAACI,MAAME,EAAOF,EAAE,KAAK;AAAA,IAC7B,YAAAhC;AAAA,IACA,gBAAAE;AAAA,IACA,UAAAR;AAAA,IACA,UAAU0C;AAAA,IACV,SAAS,MAAA;;AAAM,cAAAQ,IAAAN,EAAU,YAAV,gBAAAM,EAAA,KAAAN;AAAA;AAAA,EAAoB,CACpC,GACK,EAAE,MAAAO,MAASH,GAEXI,KAAoB,CAACC,MAAsC;;AAE/D,UAAMZ,IAAOY,EAAM;AACnB,IAAIZ,OAASS,IAAAF,EAAK,WAAW,YAAhB,QAAAE,EAAyB,SAAST,OAASa,IAAAZ,EAAW,YAAX,QAAAY,EAAoB,SAASb,OAErFb,KAAA,QAAAA,EAAO,OAAOyB;AAAA,EAChB,GAEME,KAAc,CAACF,MAA2B;;AAC9C,IAAAA,EAAM,gBAAA,GACNb,EAAO,EAAE,IACTU,IAAAR,EAAW,YAAX,QAAAQ,EAAoB;AAAA,EACtB,GAEMM,KAAwBnE,MAAS,OAAO,OAAO,MAE/CoE,IAAYpE,MAAS,OAAO,KAAKA,MAAS,OAAO,KAAK;AAE5D,SACE,gBAAAqE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOvE,CAAI;AAAA,QACXU,KAAa6D,EAAO;AAAA,QACpBzB,KAAiByB,EAAO;AAAA,QACxB5D,KAAY4D,EAAO;AAAA,QACnB7C;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAA;AAAA,QAAAtB,KAAS,QACR,gBAAAgE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIrC;AAAA,YACJ,WAAWuC,EAAO;AAAA,YAClB,SAAS,MAAA;;AAAM,sBAAC5D,OAAYkD,IAAAR,EAAW,YAAX,gBAAAQ,EAAoB;AAAA;AAAA,YAEhD,UAAA;AAAA,cAAA,gBAAA5D,EAACuE,KAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAAnE,EAAA,CACH;AAAA,cACCI,uBACE,QAAA,EAAK,WAAW8D,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKN,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKb;AAAA,YACL,IAAAzB;AAAA,YAEC,GAAIP,IAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,YACvB,MAAK;AAAA,YACL,UAAUb,IAAW,KAAK;AAAA,YAC1B,iBAAc;AAAA,YACd,iBAAemD;AAAA,YACf,iBAAeA,IAAOH,EAAK,YAAY;AAAA,YACvC,yBAAuB1C,IAAa,SAAY0C,EAAK;AAAA,YACrD,mBAAiBtD,KAAS,OAAO2B,IAAU;AAAA,YAC3C,iBAAerB,KAAY;AAAA,YAC3B,iBAAeF,KAAY;AAAA,YAC3B,gBAAcqC,KAAiB;AAAA,YAC/B,oBAAkBC,KAAsB,OAAOd,IAAW;AAAA,YAC1D,WAAWqC,EAAKC,EAAO,SAAST,KAAQS,EAAO,IAAI;AAAA,YACnD,SAASZ,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,YAChB,QAAQI;AAAA,YAER,UAAA;AAAA,cAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWC,EAAKC,EAAO,OAAO,CAACrB,MAAYqB,EAAO,WAAW,GAChE,UAAA;AAAA,iBAAAvB,KAAA,gBAAAA,EAAU,SAAQ,QACjB,gBAAA/C,EAAC,QAAA,EAAK,WAAWsE,EAAO,WAAY,UAAAzE,GAAWkD,EAAS,MAAMmB,EAAQ,EAAA,CAAE;AAAA,gBAE1E,gBAAAlE,EAAC,QAAA,EAAK,WAAWsE,EAAO,YACrB,UAAAvB,IAAWA,EAAS,QAASjC,KAAemB,EAAE,oBAAoB,EAAA,CACrE;AAAA,cAAA,GACF;AAAA,cAEClB,KAAa6B,MAAiB,MAAM,CAAClC,KACpC,gBAAAV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWsE,EAAO;AAAA,kBAClB,cAAYrC,EAAE,cAAc;AAAA,kBAC5B,UAAU;AAAA,kBACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,kBACtB,SAASgC;AAAA,kBAET,UAAA,gBAAAjE,EAACC,GAAA,EAAK,MAAK,eAAc,MAAK,KAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIvC,gBAAAD;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWqE,EAAO;AAAA,kBAClB,OAAO,EAAE,OAAOH,GAAW,QAAQA,EAAA;AAAA,kBACnC,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAnE;AAAA,UAACwE;AAAA,UAAA;AAAA,YACC,MAAAd;AAAA,YACA,WAAWN;AAAA,YACX,MAAArD;AAAA,YACA,mBAAAkB;AAAA,YACA,SAAAE;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,YAAYlB,KAAS,OAAO2B,IAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvCe,KAAsB,QACrB,gBAAA9C;AAAA,UAACuE;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAIvC;AAAA,YACJ,SAAQ;AAAA,YACR,OAAOa,IAAgB,UAAU;AAAA,YACjC,WAAWyB,EAAO;AAAA,YAEjB,UAAAxB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
1	+ {"version":3,"file":"Select-jT94L1vq.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FocusEvent,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' \| 'md' \| 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). /\nfunction renderIcon(icon: IconName \| ReactNode, size: 'sm' \| 'md'): ReactNode {\n if (icon == null) return null\n if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n return <Icon name={icon as IconName} size={size} />\n return icon\n}\n\nexport interface SelectProps {\n /* Label rendered above the field. /\n label?: ReactNode\n /* The selectable options. /\n options: SelectOption[]\n /* Preset size — control height, font and option density. /\n size?: SelectSize\n /* Marks the field invalid: red border/ring + the `helperText` in the error color. /\n error?: boolean\n /* Helper / validation text under the field. Adopts the error color while `error`. /\n helperText?: ReactNode\n /* Adds a red asterisk after the label. /\n required?: boolean\n /* Stretches the field to fill its container width. Defaults to `true`. /\n fullWidth?: boolean\n /* Disables the field. /\n disabled?: boolean\n /* Controlled value — the chosen option's `value` (`''` = nothing selected). /\n value?: string\n /* Initial value for uncontrolled use. /\n defaultValue?: string\n /* Fires with the next value (`''` when cleared). /\n onChange?: (value: string) => void\n /* Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. /\n placeholder?: string\n /* Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. /\n clearable?: boolean\n /* Adds a search box inside the popover that filters options by label. /\n searchable?: boolean\n /* Placeholder for the search box. Defaults to `\"Search…\"`. /\n searchPlaceholder?: string\n /\n Fires with the search query as the user types. *Providing this switches off the built-in\n local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n /\n onSearchChange?: (query: string) => void\n /* Shows a loading indicator in the popover (e.g. while fetching server-side search results). /\n loading?: boolean\n /* Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. /\n loadingText?: ReactNode\n /\n Shown in the popover when no option matches. Defaults to `\"No Options\"`. Pass a function\n * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n * while it's empty vs a \"No results\" message after typing.\n /\n noOptionsText?: ReactNode \| ((query: string) => ReactNode)\n /* Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). /\n showSelectedTick?: boolean\n /* Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). /\n name?: string\n /* Id for the trigger (label association). /\n id?: string\n className?: string\n style?: CSSProperties\n}\n\n/\n A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search server-side (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n /\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n {\n label,\n options,\n size = 'md',\n error,\n helperText,\n required = false,\n fullWidth = true,\n disabled = false,\n value,\n defaultValue,\n onChange,\n placeholder,\n clearable = true,\n searchable = false,\n searchPlaceholder,\n onSearchChange,\n loading = false,\n loadingText,\n noOptionsText,\n showSelectedTick = true,\n name,\n id: idProp,\n className,\n style,\n },\n ref,\n) {\n const reactId = useId()\n const id = idProp ?? reactId\n const labelId = `${id}-label`\n const helperId = `${id}-helper`\n\n const t = useT()\n\n // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n const form = useFormContext()\n const isFormBound = Boolean(form && name)\n const bound = isFormBound ? form!.field(name!) : undefined\n const externalValue =\n value !== undefined\n ? value\n : isFormBound\n ? ((form!.values[name!] as string \| undefined) ?? '')\n : undefined\n const isControlled = value !== undefined \|\| isFormBound\n const [internal, setInternal] = useState<string>(defaultValue ?? '')\n const currentValue = isControlled ? externalValue! : internal\n\n const resolvedError = error ?? bound?.error ?? false\n const resolvedHelperText = helperText ?? bound?.helperText\n\n const selected = options.find((o) => o.value === currentValue)\n const hasValue = selected != null\n\n const commit = (next: string) => {\n if (!isControlled) setInternal(next)\n if (isFormBound) form!.setValue(name!, next)\n onChange?.(next)\n }\n\n // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n const triggerRef = useRef<HTMLDivElement \| null>(null)\n // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n const fieldBlur = useRef<(() => void) \| undefined>(undefined)\n fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n const setTriggerRef = useCallback(\n (node: HTMLDivElement \| null) => {\n triggerRef.current = node\n if (typeof ref === 'function') ref(node)\n else if (ref) (ref as { current: HTMLDivElement \| null }).current = node\n },\n [ref],\n )\n\n const menu = useOptionMenu({\n idBase: id,\n options,\n isSelected: (o) => o.value === currentValue,\n onPick: (o) => commit(o.value),\n searchable,\n onSearchChange,\n disabled,\n focusRef: triggerRef,\n onClose: () => fieldBlur.current?.(),\n })\n const { open } = menu\n\n const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n // mark the form field touched only when focus leaves the whole widget (not into the popover)\n const next = event.relatedTarget as Node \| null\n if (next && (menu.popoverRef.current?.contains(next) \|\| triggerRef.current?.contains(next)))\n return\n bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n }\n\n const handleClear = (event: ReactMouseEvent) => {\n event.stopPropagation()\n commit('')\n triggerRef.current?.focus()\n }\n\n const iconSize: 'sm' \| 'md' = size === 'sm' ? 'sm' : 'md'\n // chevron size per field size: sm 16 · md 14 · lg 12\n const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n return (\n <div\n className={clsx(\n styles.field,\n styles[size],\n fullWidth && styles.fullWidth,\n resolvedError && styles.error,\n disabled && styles.disabled,\n className,\n )}\n style={style}\n >\n {label != null && (\n <span\n id={labelId}\n className={styles.label}\n onClick={() => !disabled && triggerRef.current?.focus()}\n >\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n \n </span>\n )}\n </span>\n )}\n\n <div\n ref={setTriggerRef}\n id={id}\n // `name` lets the form's scroll-to-error find + focus this field\n {...(name ? { name } : {})}\n role=\"combobox\"\n tabIndex={disabled ? -1 : 0}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? menu.listboxId : undefined}\n aria-activedescendant={searchable ? undefined : menu.activeId}\n aria-labelledby={label != null ? labelId : undefined}\n aria-disabled={disabled \|\| undefined}\n aria-required={required \|\| undefined}\n aria-invalid={resolvedError \|\| undefined}\n aria-describedby={resolvedHelperText != null ? helperId : undefined}\n className={clsx(styles.control, open && styles.open)}\n onClick={menu.toggleMenu}\n onKeyDown={menu.handleKeyDown}\n onBlur={handleTriggerBlur}\n >\n <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n {selected?.icon != null && (\n <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n )}\n <span className={styles.valueLabel}>\n {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n </span>\n </span>\n\n {clearable && currentValue !== '' && !disabled && (\n <button\n type=\"button\"\n className={styles.clear}\n aria-label={t('select.clear')}\n tabIndex={-1}\n onMouseDown={(e) => e.preventDefault()}\n onClick={handleClear}\n >\n <Icon name=\"CloseCircle\" size=\"sm\" />\n </button>\n )}\n\n <Icon\n name=\"ArrowDown4\"\n className={styles.chevron}\n style={{ width: chevronPx, height: chevronPx }}\n aria-hidden=\"true\"\n />\n </div>\n\n <OptionMenu\n menu={menu}\n anchorRef={triggerRef}\n size={size}\n searchPlaceholder={searchPlaceholder}\n loading={loading}\n loadingText={loadingText}\n noOptionsText={noOptionsText}\n showSelectedTick={showSelectedTick}\n labelledBy={label != null ? labelId : undefined}\n />\n\n {resolvedHelperText != null && (\n <Typography\n as=\"span\"\n id={helperId}\n variant=\"bodySmall\"\n color={resolvedError ? 'error' : 'muted'}\n className={styles.helper}\n >\n {resolvedHelperText}\n </Typography>\n )}\n </div>\n )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAqBMA,KAAgB,IAAI,IAAYC,EAAU;AAOhD,SAASC,GAAWC,GAA4BC,GAA8B;AAC5E,SAAID,KAAQ,OAAa,OACrB,OAAOA,KAAS,YAAYH,GAAc,IAAIG,CAAI,IAC7C,gBAAAE,EAACC,GAAA,EAAK,MAAMH,GAAkB,MAAAC,EAAA,CAAY,IAC5CD;AACT;AAyEO,MAAMI,KAASC,GAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAN,IAAO;AAAA,EACP,OAAAO;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,WAAAC;AAAA,EACA,OAAAC;AACF,GACAC,GACA;AACA,QAAMC,KAAUC,GAAA,GACVC,IAAKN,KAAUI,IACfG,IAAU,GAAGD,CAAE,UACfE,IAAW,GAAGF,CAAE,WAEhBG,IAAIC,GAAA,GAGJC,IAAOC,GAAA,GACPC,IAAc,GAAQF,KAAQZ,IAC9Be,IAAQD,IAAcF,EAAM,MAAMZ,CAAK,IAAI,QAC3CgB,KACJ5B,MAAU,SACNA,IACA0B,IACIF,EAAM,OAAOZ,CAAK,KAA4B,KAChD,QACFiB,IAAe7B,MAAU,UAAa0B,GACtC,CAACI,IAAUC,EAAW,IAAIC,GAAiB/B,KAAgB,EAAE,GAC7DgC,IAAeJ,IAAeD,KAAiBE,IAE/CI,IAAgBvC,MAASgC,KAAA,gBAAAA,EAAO,UAAS,IACzCQ,IAAqBvC,MAAc+B,KAAA,gBAAAA,EAAO,aAE1CS,IAAW1C,EAAQ,KAAK,CAAC2C,MAAMA,EAAE,UAAUJ,CAAY,GACvDK,KAAWF,KAAY,MAEvBG,IAAS,CAACC,MAAiB;AAC/B,IAAKX,KAAcE,GAAYS,CAAI,GAC/Bd,KAAaF,EAAM,SAASZ,GAAO4B,CAAI,GAC3CtC,KAAA,QAAAA,EAAWsC;AAAA,EACb,GAGMC,IAAaC,EAA8B,IAAI,GAE/CC,IAAYD,EAAiC,MAAS;AAC5D,EAAAC,EAAU,UAAUhB,IAAQ,MAAMA,EAAM,OAAO,CAAA,CAAkC,IAAI;AAErF,QAAMiB,KAAgBC;AAAA,IACpB,CAACC,MAAgC;AAC/B,MAAAL,EAAW,UAAUK,GACjB,OAAO9B,KAAQ,aAAYA,EAAI8B,CAAI,IAC9B9B,MAAMA,EAA2C,UAAU8B;AAAA,IACtE;AAAA,IACA,CAAC9B,CAAG;AAAA,EAAA,GAGA+B,IAAOC,GAAc;AAAA,IACzB,QAAQ7B;AAAA,IACR,SAAAzB;AAAA,IACA,YAAY,CAAC2C,MAAMA,EAAE,UAAUJ;AAAA,IAC/B,QAAQ,CAACI,MAAME,EAAOF,EAAE,KAAK;AAAA,IAC7B,YAAAhC;AAAA,IACA,gBAAAE;AAAA,IACA,UAAAR;AAAA,IACA,UAAU0C;AAAA,IACV,SAAS,MAAA;;AAAM,cAAAQ,IAAAN,EAAU,YAAV,gBAAAM,EAAA,KAAAN;AAAA;AAAA,EAAoB,CACpC,GACK,EAAE,MAAAO,MAASH,GAEXI,KAAoB,CAACC,MAAsC;;AAE/D,UAAMZ,IAAOY,EAAM;AACnB,IAAIZ,OAASS,IAAAF,EAAK,WAAW,YAAhB,QAAAE,EAAyB,SAAST,OAASa,IAAAZ,EAAW,YAAX,QAAAY,EAAoB,SAASb,OAErFb,KAAA,QAAAA,EAAO,OAAOyB;AAAA,EAChB,GAEME,KAAc,CAACF,MAA2B;;AAC9C,IAAAA,EAAM,gBAAA,GACNb,EAAO,EAAE,IACTU,IAAAR,EAAW,YAAX,QAAAQ,EAAoB;AAAA,EACtB,GAEMM,KAAwBnE,MAAS,OAAO,OAAO,MAE/CoE,IAAYpE,MAAS,OAAO,KAAKA,MAAS,OAAO,KAAK;AAE5D,SACE,gBAAAqE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOvE,CAAI;AAAA,QACXU,KAAa6D,EAAO;AAAA,QACpBzB,KAAiByB,EAAO;AAAA,QACxB5D,KAAY4D,EAAO;AAAA,QACnB7C;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAA;AAAA,QAAAtB,KAAS,QACR,gBAAAgE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIrC;AAAA,YACJ,WAAWuC,EAAO;AAAA,YAClB,SAAS,MAAA;;AAAM,sBAAC5D,OAAYkD,IAAAR,EAAW,YAAX,gBAAAQ,EAAoB;AAAA;AAAA,YAEhD,UAAA;AAAA,cAAA,gBAAA5D,EAACuE,KAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAAnE,EAAA,CACH;AAAA,cACCI,uBACE,QAAA,EAAK,WAAW8D,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKN,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKb;AAAA,YACL,IAAAzB;AAAA,YAEC,GAAIP,IAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,YACvB,MAAK;AAAA,YACL,UAAUb,IAAW,KAAK;AAAA,YAC1B,iBAAc;AAAA,YACd,iBAAemD;AAAA,YACf,iBAAeA,IAAOH,EAAK,YAAY;AAAA,YACvC,yBAAuB1C,IAAa,SAAY0C,EAAK;AAAA,YACrD,mBAAiBtD,KAAS,OAAO2B,IAAU;AAAA,YAC3C,iBAAerB,KAAY;AAAA,YAC3B,iBAAeF,KAAY;AAAA,YAC3B,gBAAcqC,KAAiB;AAAA,YAC/B,oBAAkBC,KAAsB,OAAOd,IAAW;AAAA,YAC1D,WAAWqC,EAAKC,EAAO,SAAST,KAAQS,EAAO,IAAI;AAAA,YACnD,SAASZ,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,YAChB,QAAQI;AAAA,YAER,UAAA;AAAA,cAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWC,EAAKC,EAAO,OAAO,CAACrB,MAAYqB,EAAO,WAAW,GAChE,UAAA;AAAA,iBAAAvB,KAAA,gBAAAA,EAAU,SAAQ,QACjB,gBAAA/C,EAAC,QAAA,EAAK,WAAWsE,EAAO,WAAY,UAAAzE,GAAWkD,EAAS,MAAMmB,EAAQ,EAAA,CAAE;AAAA,gBAE1E,gBAAAlE,EAAC,QAAA,EAAK,WAAWsE,EAAO,YACrB,UAAAvB,IAAWA,EAAS,QAASjC,KAAemB,EAAE,oBAAoB,EAAA,CACrE;AAAA,cAAA,GACF;AAAA,cAEClB,KAAa6B,MAAiB,MAAM,CAAClC,KACpC,gBAAAV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWsE,EAAO;AAAA,kBAClB,cAAYrC,EAAE,cAAc;AAAA,kBAC5B,UAAU;AAAA,kBACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,kBACtB,SAASgC;AAAA,kBAET,UAAA,gBAAAjE,EAACC,GAAA,EAAK,MAAK,eAAc,MAAK,KAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIvC,gBAAAD;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWqE,EAAO;AAAA,kBAClB,OAAO,EAAE,OAAOH,GAAW,QAAQA,EAAA;AAAA,kBACnC,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAnE;AAAA,UAACwE;AAAA,UAAA;AAAA,YACC,MAAAd;AAAA,YACA,WAAWN;AAAA,YACX,MAAArD;AAAA,YACA,mBAAAkB;AAAA,YACA,SAAAE;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,YAAYlB,KAAS,OAAO2B,IAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvCe,KAAsB,QACrB,gBAAA9C;AAAA,UAACuE;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAIvC;AAAA,YACJ,SAAQ;AAAA,YACR,OAAOa,IAAgB,UAAU;AAAA,YACjC,WAAWyB,EAAO;AAAA,YAEjB,UAAAxB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{Sidebar-DvQmuBNK.js → Sidebar-B1O2RsbR.js} RENAMED Viewed

@@ -5,10 +5,10 @@ import { clsx as U } from "clsx";
 import { b as O } from "./Icon-B7DJn8Tw.js";
 import { L as T } from "./List-DS91CZUt.js";
 import { L as A } from "./ListItem-Ezmdk7q-.js";
-import { T as W } from "./TextField-oZI7thoU.js";
+import { T as W } from "./TextField-CyKIx-d-.js";
 import { T as H } from "./Typography-ChSuxgkc.js";
 import { u as Q, h as X } from "./access-Db4knwyR.js";
-import { a as j } from "./ConfigProvider-CYgmMH4j.js";
+import { a as j } from "./ConfigProvider-DVDGtCUc.js";
 const J = "_nav_vh85q_4", Z = "_module_vh85q_17", ee = "_search_vh85q_25", te = "_searchPanel_vh85q_31", oe = "_moduleLabel_vh85q_46", ne = "_leaves_vh85q_57", ae = "_navBadge_vh85q_62", se = "_navDot_vh85q_74", le = "_leafDot_vh85q_82", re = "_collapsible_vh85q_91", ce = "_collapsibleClosed_vh85q_96", ie = "_collapsibleInner_vh85q_99", ue = "_chevron_vh85q_105", de = "_chevronButton_vh85q_115", h = {
   nav: J,
   module: Z,
@@ -519,4 +519,4 @@ export {
   K as f,
   Re as u
 };
-//# sourceMappingURL=Sidebar-DvQmuBNK.js.map
+//# sourceMappingURL=Sidebar-B1O2RsbR.js.map