npm - admin-ui-starter-kit - Versions diffs - 0.1.2 → 0.1.4 - Mend

admin-ui-starter-kit 0.1.2 → 0.1.4

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 (1948) hide show

package/dist/_shared/money-display-E22wbM21.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"money-display-E22wbM21.cjs","names":[],"sources":["../../src/components/base/currency/hooks/use-currency.ts","../../src/components/base/currency/currency-pair-preview.tsx","../../src/components/base/display/money-display.tsx"],"sourcesContent":["/**\n * `useCurrency` — sugar over the `money` slice of `<UIProvider>`.\n *\n * Reads currency display settings from the global `UIConfig.money` store\n * (initialized with `DEFAULT_UI_CONFIG.money`), optionally overridden\n * per-call via `useCurrency({ ... })`. Returns formatting helpers that\n * compose the `Intl` APIs against the resolved settings.\n *\n * To change library-wide defaults: mount `<UIProvider config={{ money: {\n * defaultCurrency: 'EUR', formatMode: 'with_symbol' } }}>` near the root.\n * To change a single call site only: pass `useCurrency({ formatMode: ... })`.\n */\nimport { useMemo } from 'react';\n\nimport { useMoneyConfig } from '@/lib/ui-provider';\nimport type {\n MoneyConfig,\n MoneyDisplayMode,\n MoneyDualLayout,\n MoneyFormatMode,\n} from '@/lib/ui-provider';\n\n/**\n * Local-call override shape. Mirrors `MoneyConfig` keys, all optional.\n * Kept as a separate type so the public surface of `useCurrency` doesn't\n * depend directly on the UIConfig types.\n */\nexport type CurrencyOverrides = Partial<MoneyConfig>;\n\n/**\n * @deprecated Kept as an alias for back-compat. Prefer importing\n * `MoneyConfig` from `@/lib/ui-provider` directly.\n */\nexport type CurrencyConfig = MoneyConfig;\n\n/**\n * @deprecated Use `<UIProvider config={{ money: {...} }}>` instead.\n * This export is retained as a no-op shim during migration.\n */\nexport function CurrencyConfigProvider({\n children,\n}: {\n config?: Partial<MoneyConfig>;\n children: React.ReactNode;\n}): React.ReactElement {\n return children as React.ReactElement;\n}\n\n/** Hook returning resolved currency settings + formatting helpers. */\nexport function useCurrency(overrides?: CurrencyOverrides) {\n const fromStore = useMoneyConfig();\n\n const resolved = useMemo<Required<Pick<MoneyConfig,\n 'defaultCurrency' | 'dualPricingEnabled' | 'displayMode' |\n 'dualPricingDisplay' | 'formatMode'\n >> & { displayCurrency: string; locale?: string }>(() => {\n const merged: MoneyConfig = { ...fromStore, ...overrides };\n const defaultCurrency = merged.defaultCurrency ?? 'USD';\n return {\n defaultCurrency,\n displayCurrency: merged.displayCurrency ?? defaultCurrency,\n locale: merged.locale,\n dualPricingEnabled: merged.dualPricingEnabled ?? false,\n displayMode:\n merged.displayMode ?? ('default_only' as MoneyDisplayMode),\n dualPricingDisplay:\n merged.dualPricingDisplay ?? ('lines' as MoneyDualLayout),\n formatMode: merged.formatMode ?? ('with_code' as MoneyFormatMode),\n };\n }, [fromStore, overrides]);\n\n const {\n defaultCurrency,\n displayCurrency,\n locale,\n dualPricingEnabled,\n displayMode,\n dualPricingDisplay,\n formatMode,\n } = resolved;\n\n const shouldShowDualPricing = () => {\n if (!dualPricingEnabled) return false;\n return displayMode === 'dual';\n };\n\n const formatAmount = (\n value: string | number,\n currency: string,\n symbol?: string,\n ): string => {\n const numValue = typeof value === 'string' ? parseFloat(value) : value;\n if (!Number.isFinite(numValue)) {\n return currency ? `${String(value)} ${currency}`.trim() : String(value);\n }\n\n const formattedNumber = new Intl.NumberFormat(locale, {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n }).format(numValue);\n\n switch (formatMode) {\n case 'decimal':\n return formattedNumber;\n case 'with_code':\n return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n case 'with_symbol':\n return symbol\n ? `${symbol}${formattedNumber}`\n : currency\n ? `${formattedNumber} ${currency}`\n : formattedNumber;\n case 'locale_aware':\n if (!currency) return formattedNumber;\n try {\n return new Intl.NumberFormat(locale, {\n style: 'currency',\n currency,\n }).format(numValue);\n } catch {\n return `${formattedNumber} ${currency}`;\n }\n default:\n return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n }\n };\n\n const getCurrencySymbol = (currency: string): string => {\n const symbols: Record<string, string> = {\n BGN: 'лв',\n EUR: '€',\n USD: '$',\n GBP: '£',\n JPY: '¥',\n };\n return symbols[currency] ?? currency;\n };\n\n return {\n defaultCurrency,\n displayCurrency,\n dualPricingEnabled,\n displayMode,\n dualPricingDisplay,\n formatMode,\n shouldShowDualPricing,\n formatAmount,\n getCurrencySymbol,\n };\n}\n\n/**\n * @deprecated Use `DEFAULT_UI_CONFIG.money` from `@/lib/ui-provider`.\n * Retained for back-compat during migration.\n */\nexport const defaultCurrencyConfig: MoneyConfig = {\n defaultCurrency: 'USD',\n dualPricingEnabled: false,\n displayMode: 'default_only',\n dualPricingDisplay: 'lines',\n formatMode: 'with_code',\n};\n\nexport default useCurrency;\n","/**\n * CurrencyPairPreview — inline rendering of a `source → target` currency\n * pair using `useCurrency().formatAmount` for each side. Shows the shared\n * EMPTY placeholder when either leg is missing. Provide a custom `separator`\n * (default `→`) for direction or styling variations.\n */\nimport { ArrowRight } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n/**\n * Currency-pair shape rendered by `<CurrencyPairPreview>`.\n *\n * `value` is the numeric amount; `currency` is the ISO 4217 code;\n * `symbol` is an optional pre-resolved symbol the consumer can pass when\n * they don't want the library to look one up.\n */\nexport interface CurrencyPairLeg {\n\tvalue?: number | string | null;\n\tcurrency?: string | null;\n\tsymbol?: string | null;\n}\n\nexport interface CurrencyPairData {\n\tsource?: CurrencyPairLeg | null;\n\ttarget?: CurrencyPairLeg | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nconst DEFAULT_SEPARATOR = (\n\t<ArrowRight className=\"size-3 shrink-0 opacity-60\" aria-hidden=\"true\" />\n);\n\nexport interface CurrencyPairPreviewProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tpair?: CurrencyPairData | null;\n\temptyLabel?: ReactNode;\n\tseparator?: ReactNode;\n}\n\nexport function CurrencyPairPreview({\n\tpair,\n\temptyLabel = EMPTY,\n\tseparator = DEFAULT_SEPARATOR,\n\tclassName,\n\tsize: sizeProp,\n\ttag = 'span',\n\t...props\n}: CurrencyPairPreviewProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst { formatAmount } = useCurrency();\n\n\tconst source = pair?.source?.value ?? null;\n\tconst sourceCurrency = pair?.source?.currency ?? null;\n\tconst sourceSymbol = pair?.source?.symbol ?? null;\n\tconst target = pair?.target?.value ?? null;\n\tconst targetCurrency = pair?.target?.currency ?? null;\n\tconst targetSymbol = pair?.target?.symbol ?? null;\n\n\tif (!source || !target) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\tclassName={cn('currency-pair-preview--component', 'tabular-nums', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\tclassName={cn('inline-flex items-center gap-1.5 tabular-nums', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span>\n\t\t\t\t{formatAmount(source, String(sourceCurrency ?? ''), sourceSymbol ?? undefined)}\n\t\t\t</span>\n\t\t\t<span className=\"inline-flex items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t{separator}\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{formatAmount(target, String(targetCurrency ?? ''), targetSymbol ?? undefined)}\n\t\t\t</span>\n\t\t</Text>\n\t);\n}\n\nCurrencyPairPreview.displayName = 'CurrencyPairPreview';\n","/**\n * MoneyDisplay — primary + (optional) secondary currency amount renderer.\n *\n * Resolves a money value from any of `money` / `moneyPair` / `amount` / `pair`\n * (in priority order) and formats via the active `useCurrency` config. When\n * dual pricing is enabled (provider or per-instance `showPair`), the\n * converted secondary value renders either stacked\n * (`dualPricingDisplay=\"lines\"`, default) or inline. Numbers always use the\n * active locale's thousands separator and tabular-nums for stable column\n * alignment.\n *\n * Re-exported from `@/components/base/currency/money-display` to keep\n * currency-namespaced imports grouped.\n */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n\n/**\n * Flexible input shapes accepted by `<MoneyDisplay>`. The component reads\n * defensively (numeric or string `value`/`amount`) and treats `currency` as\n * a free-form ISO 4217 string. Consumers map their domain money/currency\n * types into these at the call site.\n */\nexport interface CurrencyAmountData {\n value?: number | string | null;\n currency?: string | null;\n symbol?: string | null;\n}\n\nexport interface MoneyValueData {\n amount?: number | string | null;\n currency?: string | null;\n}\n\nexport interface MoneyData extends MoneyValueData {\n /** Optional secondary leg used when dual-pricing is enabled. */\n pair?: MoneyValueData | null;\n}\n\nexport interface MoneyPairData {\n primary?: MoneyData | null;\n secondary?: MoneyData | null;\n}\n\nexport interface CurrencyPairData {\n source?: CurrencyAmountData | null;\n target?: CurrencyAmountData | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nexport type MoneyDisplayVariant = 'default' | 'minimal' | 'stacked';\nexport type MoneyDisplaySecondaryEmphasis = 'discrete' | 'muted' | 'match' | 'hidden';\n\nexport interface MoneyDisplayProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tmoney?: MoneyData | null;\n\tmoneyPair?: MoneyPairData | null;\n\tamount?: CurrencyAmountData | null;\n\tpair?: CurrencyPairData | null;\n\tshowPair?: boolean;\n\tdualPricingDisplay?: 'inline' | 'lines';\n\talignment?: 'left' | 'center' | 'right';\n\temptyLabel?: ReactNode;\n\t/**\n\t * Visual variant. `default`/`stacked` show secondary on a line below;\n\t * `minimal` always renders just the primary value (single token, no\n\t * secondary, no separator) — use it for dense rows or chips.\n\t */\n\tvariant?: MoneyDisplayVariant;\n\t/**\n\t * Tunes the prominence of the secondary value when it renders.\n\t * `discrete` (default for stacked) — `xxs` discrete tone, easy to scan past.\n\t * `muted` — `xs` secondary tone (legacy behaviour).\n\t * `match` — same size as primary, regular weight.\n\t * `hidden` — never render the secondary even if a pair is provided.\n\t */\n\tsecondaryEmphasis?: MoneyDisplaySecondaryEmphasis;\n}\n\ntype ResolvedAmount = {\n\tvalue: number;\n\tcurrency: string | null;\n\tsymbol: string | null;\n};\n\nconst toNumber = (raw: string | number | undefined | null): number | null => {\n\tif (raw === null || raw === undefined) return null;\n\tconst n = typeof raw === 'number' ? raw : Number.parseFloat(String(raw).trim());\n\treturn Number.isFinite(n) ? n : null;\n};\n\nconst resolveCurrencyAmount = (amount?: CurrencyAmountData | null): ResolvedAmount | null => {\n\tconst n = toNumber(amount?.value);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: amount?.currency ? String(amount.currency) : null,\n\t\tsymbol: amount?.symbol ? String(amount.symbol) : null,\n\t};\n};\n\nconst resolveMoney = (money?: MoneyData | null): ResolvedAmount | null => {\n\tconst n = toNumber(money?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: money?.currency ? String(money.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nconst resolveMoneyValue = (value?: MoneyValueData | null): ResolvedAmount | null => {\n\tconst n = toNumber(value?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: value?.currency ? String(value.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nexport function MoneyDisplay({\n\tmoney,\n\tmoneyPair,\n\tamount,\n\tpair,\n\tshowPair = false,\n\tdualPricingDisplay,\n\talignment,\n\temptyLabel = EMPTY,\n\tvariant = 'default',\n\tsecondaryEmphasis = 'discrete',\n\tclassName,\n\t// Defaults tuned for admin density: `sm` + `medium` reads as a normal\n\t// number in context, not a hero figure. Pass `size=\"base\"` /\n\t// `weight=\"semibold\"` for emphasis (totals, KPI tiles).\n\tsize: sizeProp,\n\talign = 'right',\n\tweight = 'medium',\n\ttag = 'span',\n\t...props\n}: MoneyDisplayProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst {\n\t\tdisplayCurrency,\n\t\tdualPricingDisplay: globalDualPricingDisplay,\n\t\tshouldShowDualPricing,\n\t\tformatAmount,\n\t\tgetCurrencySymbol,\n\t} = useCurrency();\n\n\tconst resolvedDualPricingDisplay = dualPricingDisplay ?? globalDualPricingDisplay ?? 'lines';\n\n\tconst primaryFromMoneyPair =\n\t\t(shouldShowDualPricing() || showPair) && moneyPair?.primary\n\t\t\t? resolveMoney(moneyPair.primary)\n\t\t\t: null;\n\tconst primaryFromMoney = resolveMoney(money);\n\tconst primaryFromAmount = resolveCurrencyAmount(amount);\n\n\tconst primary = primaryFromMoneyPair ?? primaryFromMoney ?? primaryFromAmount ?? null;\n\tconst primaryCurrency = primary?.currency ?? displayCurrency ?? null;\n\n\tconst shouldRenderPair =\n\t\t(showPair || shouldShowDualPricing()) &&\n\t\tBoolean(moneyPair ?? pair ?? money?.pair);\n\n\tconst resolveSecondary = (): ResolvedAmount | null => {\n\t\tif (!shouldRenderPair) return null;\n\n\t\tif (moneyPair?.primary && moneyPair?.secondary) {\n\t\t\treturn resolveMoney(moneyPair.secondary);\n\t\t}\n\n\t\tif (money?.pair) {\n\t\t\treturn resolveMoneyValue(money.pair);\n\t\t}\n\n\t\tif (pair?.source || pair?.target) {\n\t\t\tconst source = resolveCurrencyAmount(pair?.source ?? null);\n\t\t\tconst target = resolveCurrencyAmount(pair?.target ?? null);\n\n\t\t\tif (!source && !target) return null;\n\n\t\t\tconst sourceCurrency = source?.currency ?? null;\n\t\t\tconst targetCurrency = target?.currency ?? null;\n\n\t\t\tif (primaryCurrency && targetCurrency === primaryCurrency) return source;\n\t\t\tif (primaryCurrency && sourceCurrency === primaryCurrency) return target;\n\t\t\tif (displayCurrency && targetCurrency === displayCurrency) return source;\n\t\t\tif (displayCurrency && sourceCurrency === displayCurrency) return target;\n\t\t\treturn target ?? source;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tconst secondary =\n\t\tvariant === 'minimal' || secondaryEmphasis === 'hidden'\n\t\t\t? null\n\t\t\t: resolveSecondary();\n\n\tconst resolvedAlign = alignment ?? align;\n\tconst alignmentClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'text-left'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'text-center'\n\t\t\t\t: 'text-right';\n\tconst justifyClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'justify-start'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'justify-center'\n\t\t\t\t: 'justify-end';\n\n\tif (!primary) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\talign={resolvedAlign}\n\t\t\t\tclassName={cn('money-display--component', \n\t\t\t\t\t'money--display inline-flex flex-col tabular-nums',\n\t\t\t\t\talignmentClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst primaryLabel = formatAmount(\n\t\tprimary.value,\n\t\tprimaryCurrency ?? '',\n\t\tprimary.symbol ?? (primaryCurrency ? getCurrencySymbol(primaryCurrency) : undefined),\n\t);\n\tconst secondaryLabel = secondary\n\t\t? formatAmount(\n\t\t\t\tsecondary.value,\n\t\t\t\tsecondary.currency ?? '',\n\t\t\t\tsecondary.symbol ?? (secondary.currency ? getCurrencySymbol(secondary.currency) : undefined),\n\t\t\t)\n\t\t: null;\n\n\tconst secondarySize: BaseTextProps['size'] =\n\t\tsecondaryEmphasis === 'match' ? size\n\t\t\t: secondaryEmphasis === 'muted' ? 'xs'\n\t\t\t\t: 'xxs';\n\tconst secondaryType: BaseTextProps['type'] =\n\t\tsecondaryEmphasis === 'match' ? undefined\n\t\t\t: secondaryEmphasis === 'muted' ? 'secondary'\n\t\t\t\t: 'discrete';\n\n\tif (resolvedDualPricingDisplay === 'inline' && secondaryLabel) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap',\n\t\t\t\t\tjustifyClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...(props as React.HTMLAttributes<HTMLSpanElement>)}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t\t{primaryLabel}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" aria-hidden=\"true\">\n\t\t\t\t\t·\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size={secondarySize} type={secondaryType} weight=\"regular\">\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\talign={resolvedAlign}\n\t\t\tclassName={cn(\n\t\t\t\t'money--display inline-flex flex-col tabular-nums leading-tight',\n\t\t\t\talignmentClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t{primaryLabel}\n\t\t\t</Text>\n\t\t\t{!!secondaryLabel && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize={secondarySize}\n\t\t\t\t\talign={resolvedAlign}\n\t\t\t\t\ttype={secondaryType}\n\t\t\t\t\tclassName=\"block whitespace-nowrap font-normal leading-tight\"\n\t\t\t\t>\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</Text>\n\t);\n}\n\nMoneyDisplay.displayName = 'MoneyDisplay';\n"],"mappings":"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"}

package/dist/_shared/navigation-B9VAXqLL.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./text-DzKt9cyb.cjs"),r=require("./heading-C7mNh03X.cjs"),i=require("./badge-kS_XtN-z.cjs"),a=require("./button-LZWDn-aU.cjs"),o=require("./dropdown-menu-CHQzQWUK.cjs"),s=require("./separator-q42IlFFA.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");function d({locales:e,onRenderLabel:n,variant:r=`buttons`,onSelect:i}){let o=(0,c.useCallback)((e,t)=>{t\|\|i?.(e)},[i]);return e.length===0?null:r===`inline`?(0,l.jsxs)(`div`,{className:t.cn(`language-switcher--component`,`flex items-center justify-center gap-2.5`),children:[(0,l.jsx)(u.Globe,{className:`size-4 text-muted-foreground/70`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`flex items-center justify-center gap-2.5`,children:e.map((r,i)=>{let a=n?n(r):r.nativeLabel;return(0,l.jsxs)(c.Fragment,{children:[(0,l.jsx)(`button`,{type:`button`,onClick:()=>o(r.value,r.active),className:t.cn(`text-xs transition-colors`,r.active?`text-primary font-medium`:`text-muted-foreground hover:text-foreground`),children:a}),i<e.length-1&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:`size-1 rounded-full bg-border`})]},r.value)})})]}):(0,l.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:e.map(e=>{let r=n?n(e):e.nativeLabel;return(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:e.active?`solid`:`ghost`,onClick:()=>o(e.value,e.active),className:t.cn(`min-w-[4.5rem] justify-center transition-colors`,e.active?`font-semibold text-primary`:`text-muted-foreground`),children:r},e.value)})})}d.displayName=`LanguageSwitcher`;function f(e){if(e.length===0)return`/`;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function p({items:e,currentPath:n,activeClassName:r,itemClassName:i}){let o=f(n??(typeof window<`u`?window.location.pathname:``)),s=typeof r==`string`&&r.length>0?r:`bg-muted`,c=e.map(e=>({item:e,normalizedPath:f(e.href)})),u=c.filter(({normalizedPath:e})=>o===e\|\|o.startsWith(`${e}/`)).sort((e,t)=>t.normalizedPath.length-e.normalizedPath.length)[0]?.normalizedPath??null;return(0,l.jsx)(`nav`,{className:t.cn(`aside-navigation-menu--component`,`flex flex-col space-y-1 space-x-0`),children:c.map(({item:e,normalizedPath:n})=>(0,l.jsx)(a.i,{variant:`secondary`,buttonStyle:`ghost`,size:`sm`,fullWidth:!0,className:t.cn(`justify-start`,i,n===u?s:null),nativeButton:!1,render:t=>(0,l.jsx)(`a`,{...t,href:e.href}),children:e.title},e.href))})}p.displayName=`AsideNavigationMenu`;var m={tabsAria:`Tabs`};function h({items:n,currentUrl:r,strings:i}){let a=e.useStrings(m,i),o=r??(typeof window<`u`?window.location.pathname:`/`),s=e=>{try{return new URL(e,window.location.origin).pathname.replace(/\/+$/,``)}catch{return e.replace(/\/+$/,``).split(`?`)[0]}},c=s(o);return(0,l.jsx)(`div`,{className:t.cn(`navigation-tabs--component`,`navigation-tabs-container w-full my-5`),children:(0,l.jsx)(`nav`,{className:`inline-flex bg-muted rounded-4xl items-center gap-3 p-3`,"aria-label":a.tabsAria,children:n.map(e=>{let n=c===s(e.url);return(0,l.jsx)(`a`,{href:e.url,className:t.cn(`whitespace-nowrap flex items-center gap-1 leading-tight rounded-full border border-transparent px-4 py-1.5 text-sm bg-background text-foreground hover:text-background hover:bg-primary transition-all duration-150`,{"!bg-primary !text-background font-semibold":n}),children:e.label},e.url)})})})}h.displayName=`NavigationTabs`;function g({items:e,currentPath:n,className:r,ariaLabel:i=`Tab navigation`}){let a=n??(typeof window<`u`?window.location.pathname:``),o=(0,c.useMemo)(()=>e.map(e=>{let t=a===e.href,n=null;if(typeof e.icon==`string`)n=(0,l.jsx)(`span`,{className:`text-inherit`,children:e.icon});else if(e.icon){let t=e.icon;n=(0,l.jsx)(t,{className:`h-4 w-4`})}return{key:e.href,item:e,isActive:t,iconNode:n,ariaCurrent:t?`page`:void 0}}),[a,e]);return(0,l.jsx)(`div`,{className:t.cn(`tab-navigation-menu--component`,`w-full`,r),children:(0,l.jsx)(`nav`,{className:`inline-flex bg-muted rounded-full items-center gap-1 p-1`,"aria-label":i,children:o.map(({key:e,item:n,isActive:r,iconNode:i,ariaCurrent:a})=>(0,l.jsxs)(`a`,{href:n.href,className:t.cn(`whitespace-nowrap flex items-center gap-2`,`rounded-full px-4 py-2`,`text-sm font-medium`,`transition-all duration-200`,`focus-visible:outline-none focus-visible:ring-2`,`focus-visible:ring-ring focus-visible:ring-offset-2`,{"bg-background text-foreground shadow-sm":r,"text-muted-foreground hover:text-foreground hover:bg-background/50":!r}),"aria-current":a,children:[!!i&&(0,l.jsx)(`span`,{className:`text-inherit`,children:i}),n.title,!!n.badge&&(0,l.jsx)(`span`,{className:t.cn(`ml-1.5 rounded-full px-2 py-0.5 text-xs font-medium`,r?`bg-primary/10 text-primary`:`bg-muted-foreground/10 text-muted-foreground`),children:n.badge})]},e))})})}g.displayName=`TabNavigationMenu`;function _({eyebrow:e,title:a,description:o,badge:c,breadcrumbs:u,actions:d,children:f,className:p,withSeparator:m=!0}){return(0,l.jsxs)(`header`,{className:t.cn(`page-header--component`,`w-full`,p),children:[!!u&&(0,l.jsx)(`div`,{className:`mb-3`,children:u}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!e&&(0,l.jsx)(n.t,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`mb-1 uppercase tracking-wider`,children:e}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(r.t,{tag:`h2`,className:`text-2xl border-0 pb-0`,children:a}),!!c&&(0,l.jsx)(i.t,{variant:c.variant??`secondary`,children:c.label})]}),!!o&&(0,l.jsx)(n.t,{type:`secondary`,className:`mt-1 max-w-2xl`,children:o})]}),!!d&&(0,l.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:d})]}),!!f&&(0,l.jsx)(`div`,{className:`mt-4`,children:f}),!!m&&(0,l.jsx)(s.t,{className:`mt-4`})]})}_.displayName=`PageHeader`;function v({items:e,rootMargin:r=`-40% 0px -50% 0px`,className:i,onSelect:a}){let[o,s]=(0,c.useState)(e[0]?.id??null);return(0,c.useEffect)(()=>{let t=new IntersectionObserver(e=>{let t=e.find(e=>e.isIntersecting);t?.target.id&&s(t.target.id)},{rootMargin:r,threshold:0});return e.forEach(e=>{let n=document.getElementById(e.id);n&&t.observe(n)}),()=>t.disconnect()},[e,r]),(0,l.jsx)(`nav`,{className:t.cn(`section-nav--component`,`flex flex-col gap-0.5`,i),"aria-label":`Section navigation`,children:e.map(e=>{let r=e.icon,i=o===e.id;return(0,l.jsxs)(`a`,{href:`#${e.id}`,onClick:t=>{t.preventDefault(),document.getElementById(e.id)?.scrollIntoView({behavior:`smooth`,block:`start`}),s(e.id),a?.(e.id)},className:t.cn(`flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors`,i?`bg-primary/10 text-primary`:`text-muted-foreground hover:bg-muted/50 hover:text-foreground`),children:[!!r&&(0,l.jsx)(r,{className:`size-3.5 shrink-0`}),(0,l.jsx)(n.t,{tag:`span`,weight:i?`semibold`:`medium`,children:e.label})]},e.id)})})}v.displayName=`SectionNav`;function y(e){if(e.length===0)return`/`;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function b({groups:e,currentPath:r,className:a,itemClassName:o,activeItemClassName:s,ariaLabel:d=`Side navigation`}){let f=y(r??(typeof window<`u`?window.location.pathname:``)),p=(0,c.useMemo)(()=>e.flatMap(e=>e.items.map(t=>({groupId:e.id,normalizedPath:y(t.href)}))),[e]).filter(({normalizedPath:e})=>f===e\|\|f.startsWith(`${e}/`)).sort((e,t)=>t.normalizedPath.length-e.normalizedPath.length)[0]?.normalizedPath??null,[m,h]=(0,c.useState)(()=>Object.fromEntries(e.map(e=>[e.id,!!e.defaultCollapsed]))),g=e=>h(t=>({...t,[e]:!t[e]})),_=s&&s.length>0?s:`bg-primary/5 text-primary`;return(0,l.jsx)(`nav`,{className:t.cn(`side-nav--component`,`flex flex-col gap-4`,a),"aria-label":d,children:e.map(e=>{let r=e.collapsible!==!1&&m[e.id],a=!!e.label,s=!r;return(0,l.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[!!a&&(e.collapsible===!1?(0,l.jsx)(n.t,{tag:`div`,size:`xs`,type:`secondary`,weight:`medium`,className:`px-3 py-1.5 uppercase tracking-wider`,children:e.label}):(0,l.jsxs)(`button`,{type:`button`,onClick:()=>g(e.id),className:t.cn(`flex w-full items-center justify-between px-3 py-1.5 rounded-md`,`text-xs font-medium uppercase tracking-wider text-muted-foreground`,`hover:text-foreground transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-expanded":!r,children:[(0,l.jsx)(`span`,{children:e.label}),(0,l.jsx)(u.ChevronDown,{className:t.cn(`size-3.5 transition-transform`,r&&`-rotate-90`),"aria-hidden":`true`})]})),!!s&&(0,l.jsx)(`div`,{className:`flex flex-col gap-0.5`,children:e.items.map(e=>{let n=e.icon,r=y(e.href)===p;return(0,l.jsxs)(`a`,{href:e.disabled?void 0:e.href,"aria-current":r?`page`:void 0,"aria-disabled":e.disabled\|\|void 0,className:t.cn(`group flex items-center gap-2.5 rounded-md px-3 py-1.5`,`text-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,`hover:bg-muted/60`,e.disabled&&`pointer-events-none opacity-50`,r&&_,o),children:[!!n&&(0,l.jsx)(n,{className:t.cn(`size-4 shrink-0`,r?`text-primary`:`text-muted-foreground`)}),(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!!e.badge&&(0,l.jsx)(i.t,{variant:r?`primary`:`secondary`,className:`shrink-0`,children:e.badge})]},e.href)})})]},e.id)})})}b.displayName=`SideNav`;var x=`inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`;function S({items:e,value:n,onChange:r,className:i,tabClassName:a,activeTabClassName:s,moreLabel:d=`More`,ariaLabel:f=`Tab navigation`}){let p=(0,c.useRef)(null),m=(0,c.useRef)(null),[h,g]=(0,c.useState)(e.length);(0,c.useLayoutEffect)(()=>{if(!p.current\|\|!m.current)return;let e=p.current,t=m.current,n=()=>{let n=e.clientWidth,r=Array.from(t.querySelectorAll(`[data-tab-id]`)),i=0,a=0;for(let e of r){let t=e.offsetWidth+4;if(i+t+72<=n)i+=t,a+=1;else break}g(a===r.length?a:Math.max(1,a))};n();let r=new ResizeObserver(n);return r.observe(e),()=>r.disconnect()},[e]);let _=(0,c.useMemo)(()=>{if(!n)return e;let t=e.findIndex(e=>e.id===n);if(t<0\|\|t<h)return e;let r=[...e],i=Math.max(0,h-1);return[r[t],r[i]]=[r[i],r[t]],r},[e,n,h]),v=_.slice(0,h),y=_.slice(h),b=e=>{r?.(e.id),e.onClick?.()},S=(e,n)=>{let r=e.icon,i=t.cn(x,n?t.cn(`bg-card text-foreground shadow-sm`,s):`text-muted-foreground hover:bg-muted/60`,a),o=(0,l.jsxs)(l.Fragment,{children:[!!r&&(0,l.jsx)(r,{className:`size-3.5`}),(0,l.jsx)(`span`,{children:e.label}),!!e.badge&&(0,l.jsx)(`span`,{className:t.cn(`ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold`,n?`bg-primary/10 text-primary`:`bg-muted-foreground/10 text-muted-foreground`),children:e.badge})]});return e.href?(0,l.jsx)(`a`,{href:e.href,"data-tab-id":e.id,"aria-current":n?`page`:void 0,onClick:()=>b(e),className:t.cn(`overflow-tab-bar--component`,i),children:o},e.id):(0,l.jsx)(`button`,{type:`button`,"data-tab-id":e.id,"aria-pressed":n,onClick:()=>b(e),className:i,children:o},e.id)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{ref:m,"aria-hidden":`true`,className:`absolute -top-[9999px] left-0 inline-flex items-center gap-1 invisible`,children:e.map(e=>S(e,!1))}),(0,l.jsxs)(`div`,{ref:p,role:`tablist`,"aria-label":f,className:t.cn(`relative inline-flex items-center gap-1 rounded-lg bg-muted/40 p-1`,i),children:[v.map(e=>S(e,e.id===n)),y.length>0&&(0,l.jsxs)(o.t,{children:[(0,l.jsxs)(o.g,{type:`button`,"aria-label":d,className:t.cn(x,`text-muted-foreground hover:bg-muted/60`),children:[(0,l.jsx)(u.MoreHorizontal,{className:`size-3.5`}),(0,l.jsx)(`span`,{children:d})]}),(0,l.jsx)(o.r,{align:`end`,className:`min-w-[160px]`,children:y.map(e=>{let r=e.icon;return(0,l.jsxs)(o.a,{onClick:()=>b(e),className:t.cn(`text-xs gap-1.5 px-2 py-1.5`,e.id===n&&`bg-primary/5 text-primary`),children:[!!r&&(0,l.jsx)(r,{className:`size-3.5`}),(0,l.jsx)(`span`,{children:e.label})]},e.id)})})]})]})]})}S.displayName=`OverflowTabBar`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});
2	+ //# sourceMappingURL=navigation-B9VAXqLL.cjs.map

package/dist/_shared/navigation-B9VAXqLL.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"navigation-B9VAXqLL.cjs","names":[],"sources":["../../src/components/base/navigation/language-switcher.tsx","../../src/components/base/navigation/aside-navigation-menu.tsx","../../src/components/base/navigation/navigation-tabs.tsx","../../src/components/base/navigation/tab-navigation-menu.tsx","../../src/components/base/navigation/page-header/page-header.tsx","../../src/components/base/navigation/section-nav/section-nav.tsx","../../src/components/base/navigation/side-nav.tsx","../../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * LanguageSwitcher — locale picker with two layouts: `buttons` (chunky\n * primary buttons) and `inline` (small text links separated by dots, prefixed\n * with a globe icon). Defaults to `buttons`.\n *\n * The library never navigates on its own. The consumer wires routing /\n * locale switching by passing `onSelect` (e.g. a Tanstack Router\n * `navigate(...)` or Inertia `router.visit(...)`). When `onSelect` is\n * absent the click is a no-op.\n */\nimport { Globe } from 'lucide-react';\nimport { Fragment, useCallback } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { cn } from '@/lib/utils';\nimport type { LocaleOption } from '@/types/locale.types';\n\ninterface LanguageSwitcherProps {\n\tlocales: LocaleOption[];\n\tonRenderLabel?: (options: LocaleOption) => string;\n\tvariant?: 'buttons' | 'inline';\n\tonSelect?: (value: string) => void;\n}\n\nexport function LanguageSwitcher({\n\tlocales,\n\tonRenderLabel,\n\tvariant = 'buttons',\n\tonSelect,\n}: LanguageSwitcherProps) {\n\tconst handleSelect = useCallback((value: string, isActive: boolean) => {\n\t\tif (isActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tonSelect?.(value);\n\t}, [onSelect]);\n\n\tif (locales.length === 0) {\n\t\treturn null;\n\t}\n\n\tif (variant === 'inline') {\n\t\treturn (\n\t\t\t<div className={cn('language-switcher--component', 'flex items-center justify-center gap-2.5')}>\n\t\t\t\t<Globe className=\"size-4 text-muted-foreground/70\" aria-hidden=\"true\" />\n\t\t\t\t<div className=\"flex items-center justify-center gap-2.5\">\n\t\t\t\t\t{locales.map((locale, index) => {\n\t\t\t\t\t\tconst label = onRenderLabel\n\t\t\t\t\t\t\t? onRenderLabel(locale)\n\t\t\t\t\t\t\t: locale.nativeLabel;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Fragment key={locale.value}>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\thandleSelect(locale.value, locale.active)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'text-xs transition-colors',\n\t\t\t\t\t\t\t\t\t\tlocale.active\n\t\t\t\t\t\t\t\t\t\t\t? 'text-primary font-medium'\n\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{index < locales.length - 1 && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"size-1 rounded-full bg-border\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-wrap items-center justify-center gap-2\">\n\t\t\t{locales.map((locale) => {\n\t\t\t\tconst label = onRenderLabel ? onRenderLabel(locale) : locale.nativeLabel;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={locale.value}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle={locale.active ? 'solid' : 'ghost'}\n\t\t\t\t\t\tonClick={() => handleSelect(locale.value, locale.active)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'min-w-[4.5rem] justify-center transition-colors',\n\t\t\t\t\t\t\tlocale.active ? 'font-semibold text-primary' : 'text-muted-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nLanguageSwitcher.displayName = 'LanguageSwitcher';\n","/**\n * AsideNavigationMenu — vertical list of navigation links with active-state\n * highlight. Active item is matched by deepest path prefix so nested routes\n * still highlight their parent. Pass `currentPath` explicitly when SSR-ing or\n * when the consuming router does not update `window.location` synchronously.\n */\nimport { BaseButton } from '@/components/base/buttons';\nimport { cn } from '@/lib/utils';\nimport { type NavItem } from '@/types';\n\ninterface AsideNavigationMenuProps {\n\titems: NavItem[];\n\tcurrentPath?: string;\n\tactiveClassName?: string;\n\titemClassName?: string;\n}\n\nfunction normalizePath(rawUrl: string): string {\n\tif (rawUrl.length === 0) {\n\t\treturn '/';\n\t}\n\n\ttry {\n\t\tconst baseOrigin =\n\t\t\ttypeof window !== 'undefined'\n\t\t\t\t? window.location.origin\n\t\t\t\t: 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nexport default function AsideNavigationMenu({\n\titems,\n\tcurrentPath,\n\tactiveClassName,\n\titemClassName,\n}: AsideNavigationMenuProps) {\n\tconst rawActivePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\tconst activePath = normalizePath(rawActivePath);\n\tconst resolvedActiveClassName =\n\t\ttypeof activeClassName === 'string' && activeClassName.length > 0\n\t\t\t? activeClassName\n\t\t\t: 'bg-muted';\n\tconst normalizedItems = items.map((item) => ({\n\t\titem,\n\t\tnormalizedPath: normalizePath(item.href),\n\t}));\n\n\tconst activeItemPath =\n\t\tnormalizedItems\n\t\t\t.filter(\n\t\t\t\t({ normalizedPath }) =>\n\t\t\t\t\tactivePath === normalizedPath ||\n\t\t\t\t\tactivePath.startsWith(`${normalizedPath}/`),\n\t\t\t)\n\t\t\t.sort((a, b) => b.normalizedPath.length - a.normalizedPath.length)[0]\n\t\t\t?.normalizedPath ?? null;\n\n\treturn (\n\t\t<nav className={cn('aside-navigation-menu--component', 'flex flex-col space-y-1 space-x-0')}>\n\t\t\t{normalizedItems.map(({ item, normalizedPath }) => {\n\t\t\t\tconst isActive = normalizedPath === activeItemPath;\n\n\t\t\t\treturn (\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'justify-start',\n\t\t\t\t\t\t\titemClassName,\n\t\t\t\t\t\t\tisActive ? resolvedActiveClassName : null,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tnativeButton={false}\n\t\t\t\t\t\trender={(renderProps) => (\n\t\t\t\t\t\t\t<a {...renderProps} href={item.href} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t</BaseButton>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n\nAsideNavigationMenu.displayName = 'AsideNavigationMenu';\n","/**\n * NavigationTabs — large pill tab strip for prominent in-page navigation.\n * Active tab gets full-primary fill with inverse text. Lighter-weight\n * alternative is `TabNavigationMenu` (compact card-style pills).\n */\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nexport interface NavigationTabItem {\n\tlabel: string;\n\tto: string;\n}\n\nexport interface NavigationTabsItem {\n\tlabel: string;\n\turl: string;\n\tactive?: boolean;\n}\n\nexport interface NavigationTabsStrings {\n\ttabsAria: string;\n}\n\nexport const defaultNavigationTabsStrings: NavigationTabsStrings = {\n\ttabsAria: 'Tabs',\n};\n\ninterface NavigationTabsProps {\n\titems: NavigationTabsItem[];\n\tcurrentUrl?: string;\n\tstrings?: StringsProp<NavigationTabsStrings>;\n}\n\nfunction NavigationTabs({ items, currentUrl: currentUrlProp, strings: stringsProp }: NavigationTabsProps) {\n\tconst strings = useStrings(defaultNavigationTabsStrings, stringsProp);\n\tconst url = currentUrlProp ?? (typeof window !== 'undefined' ? window.location.pathname : '/');\n\n\tconst normalizeUrl = (rawUrl: string): string => {\n\t\ttry {\n\t\t\tconst urlObj = new URL(rawUrl, window.location.origin);\n\t\t\treturn urlObj.pathname.replace(/\\/+$/, '');\n\t\t} catch {\n\t\t\treturn rawUrl.replace(/\\/+$/, '').split('?')[0];\n\t\t}\n\t};\n\n\tconst currentUrl = normalizeUrl(url);\n\n\tconst clsDefault = 'whitespace-nowrap flex items-center gap-1 leading-tight rounded-full border border-transparent px-4 py-1.5 text-sm bg-background text-foreground hover:text-background hover:bg-primary transition-all duration-150';\n\treturn (\n\t\t<div className={cn('navigation-tabs--component', 'navigation-tabs-container w-full my-5')}>\n\t\t\t<nav className=\"inline-flex bg-muted rounded-4xl items-center gap-3 p-3\" aria-label={strings.tabsAria}>\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst itemUrl = normalizeUrl(item.url);\n\t\t\t\t\tconst isActive = currentUrl === itemUrl;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref={item.url}\n\t\t\t\t\t\t\tkey={item.url}\n\t\t\t\t\t\t\tclassName={cn(clsDefault, {\n\t\t\t\t\t\t\t\t'!bg-primary !text-background font-semibold': isActive,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</nav>\n\t\t</div>\n\t);\n}\n\nexport default NavigationTabs;\n\nNavigationTabs.displayName = 'NavigationTabs';\n","/**\n * TabNavigationMenu — pill-style horizontal navigation. Active tab gets the\n * elevated card background; inactive tabs hover into a translucent variant.\n * Supports optional badges and per-item icons (Lucide component or string).\n */\nimport { useMemo, type ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { type NavItem } from '@/types';\n\ninterface TabNavigationMenuProps {\n\titems: NavItem[];\n\tcurrentPath?: string;\n\tclassName?: string;\n\tariaLabel?: string;\n}\n\nfunction TabNavigationMenu({ items, currentPath, className, ariaLabel = 'Tab navigation' }: TabNavigationMenuProps) {\n\tconst activePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\n\tconst normalizedItems = useMemo(() => {\n\t\treturn items.map((item) => {\n\t\t\tconst isActive = activePath === item.href;\n\t\t\tlet iconNode: ReactNode = null;\n\n\t\t\tif (typeof item.icon === 'string') {\n\t\t\t\ticonNode = <span className=\"text-inherit\">{item.icon}</span>;\n\t\t\t} else if (item.icon) {\n\t\t\t\tconst IconComp = item.icon;\n\t\t\t\ticonNode = <IconComp className=\"h-4 w-4\" />;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tkey: item.href,\n\t\t\t\titem,\n\t\t\t\tisActive,\n\t\t\t\ticonNode,\n\t\t\t\tariaCurrent: isActive ? ('page' as const) : undefined,\n\t\t\t};\n\t\t});\n\t}, [activePath, items]);\n\n\treturn (\n\t\t<div className={cn('tab-navigation-menu--component', 'w-full', className)}>\n\t\t\t<nav className=\"inline-flex bg-muted rounded-full items-center gap-1 p-1\" aria-label={ariaLabel}>\n\t\t\t\t{normalizedItems.map(({ key, item, isActive, iconNode, ariaCurrent }) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'whitespace-nowrap flex items-center gap-2',\n\t\t\t\t\t\t\t'rounded-full px-4 py-2',\n\t\t\t\t\t\t\t'text-sm font-medium',\n\t\t\t\t\t\t\t'transition-all duration-200',\n\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2',\n\t\t\t\t\t\t\t'focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'bg-background text-foreground shadow-sm': isActive,\n\t\t\t\t\t\t\t\t'text-muted-foreground hover:text-foreground hover:bg-background/50': !isActive,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!iconNode && (\n\t\t\t\t\t\t\t<span className=\"text-inherit\">\n\t\t\t\t\t\t\t\t{iconNode}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'ml-1.5 rounded-full px-2 py-0.5 text-xs font-medium',\n\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t? 'bg-primary/10 text-primary'\n\t\t\t\t\t\t\t\t\t\t: 'bg-muted-foreground/10 text-muted-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</a>\n\t\t\t\t))}\n\t\t\t</nav>\n\t\t</div>\n\t);\n}\n\nTabNavigationMenu.displayName = 'TabNavigationMenu';\n\nexport default TabNavigationMenu;\n\n","/**\n * PageHeader — section / page heading with optional eyebrow, breadcrumbs slot,\n * description, status badge, and a row of action buttons. Designed to sit at the top\n * of every dashboard or detail page for consistent vertical rhythm.\n */\nimport type { ReactNode } from 'react';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography';\nimport { Badge, type ComposedBadgeVariant } from '@/components/base/badge';\nimport { Separator } from '@/components/base/display/separator';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderProps {\n\teyebrow?: ReactNode;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tbadge?: { label: string; variant?: ComposedBadgeVariant };\n\tbreadcrumbs?: ReactNode;\n\tactions?: ReactNode;\n\tchildren?: ReactNode;\n\tclassName?: string;\n\twithSeparator?: boolean;\n}\n\nexport function PageHeader({\n\teyebrow,\n\ttitle,\n\tdescription,\n\tbadge,\n\tbreadcrumbs,\n\tactions,\n\tchildren,\n\tclassName,\n\twithSeparator = true,\n}: PageHeaderProps) {\n\treturn (\n\t\t<header className={cn('page-header--component', 'w-full', className)}>\n\t\t\t{!!breadcrumbs && <div className=\"mb-3\">{breadcrumbs}</div>}\n\n\t\t\t<div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\" className=\"mb-1 uppercase tracking-wider\">\n\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Heading tag=\"h2\" className=\"text-2xl border-0 pb-0\">{title}</Heading>\n\t\t\t\t\t\t{!!badge && (\n\t\t\t\t\t\t\t<Badge variant={badge.variant ?? 'secondary'}>{badge.label}</Badge>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"mt-1 max-w-2xl\">{description}</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n\t\t\t</div>\n\n\t\t\t{!!children && <div className=\"mt-4\">{children}</div>}\n\n\t\t\t{!!withSeparator && <Separator className=\"mt-4\" />}\n\t\t</header>\n\t);\n}\n\nPageHeader.displayName = 'PageHeader';\n","/**\n * SectionNav — sticky in-page anchor nav. Pass a list of section ids; the active one\n * is tracked via IntersectionObserver and the matching item is highlighted. Click to\n * scroll to that section. Pure JS — no router required.\n */\nimport { useEffect, useState } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface SectionNavItem {\n\tid: string;\n\tlabel: string;\n\ticon?: LucideIcon;\n}\n\nexport interface SectionNavProps {\n\titems: SectionNavItem[];\n\trootMargin?: string;\n\tclassName?: string;\n\tonSelect?: (id: string) => void;\n}\n\nexport function SectionNav({ items, rootMargin = '-40% 0px -50% 0px', className, onSelect }: SectionNavProps) {\n\tconst [active, setActive] = useState<string | null>(items[0]?.id ?? null);\n\n\tuseEffect(() => {\n\t\tconst obs = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst visible = entries.find((e) => e.isIntersecting);\n\t\t\t\tif (visible?.target.id) setActive(visible.target.id);\n\t\t\t},\n\t\t\t{ rootMargin, threshold: 0 },\n\t\t);\n\t\titems.forEach((it) => {\n\t\t\tconst el = document.getElementById(it.id);\n\t\t\tif (el) obs.observe(el);\n\t\t});\n\t\treturn () => obs.disconnect();\n\t}, [items, rootMargin]);\n\n\treturn (\n\t\t<nav className={cn('section-nav--component', 'flex flex-col gap-0.5', className)} aria-label=\"Section navigation\">\n\t\t\t{items.map((it) => {\n\t\t\t\tconst Icon = it.icon;\n\t\t\t\tconst isActive = active === it.id;\n\t\t\t\treturn (\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\thref={`#${it.id}`}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tdocument.getElementById(it.id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n\t\t\t\t\t\t\tsetActive(it.id);\n\t\t\t\t\t\t\tonSelect?.(it.id);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors',\n\t\t\t\t\t\t\tisActive ? 'bg-primary/10 text-primary' : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3.5 shrink-0\" />}\n\t\t\t\t\t\t<Text tag=\"span\" weight={isActive ? 'semibold' : 'medium'}>{it.label}</Text>\n\t\t\t\t\t</a>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n\nSectionNav.displayName = 'SectionNav';\n","/**\n * SideNav — collapsible vertical sidebar navigation. Items can be grouped\n * with a heading and optionally collapsed; each item supports an icon, badge,\n * and active-state highlight. The active item is matched by deepest path\n * prefix so nested routes still highlight their parent group.\n *\n * Use this when AsideNavigationMenu (flat) is not enough — e.g. settings\n * panes with multiple sections, or a primary app nav with collapsible groups.\n */\nimport { ChevronDown, type LucideIcon } from 'lucide-react';\nimport { useMemo, useState, type ReactNode } from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface SideNavItem {\n\tlabel: ReactNode;\n\thref: string;\n\ticon?: LucideIcon;\n\tbadge?: ReactNode;\n\tdisabled?: boolean;\n}\n\nexport interface SideNavGroup {\n\tid: string;\n\tlabel?: ReactNode;\n\titems: SideNavItem[];\n\tdefaultCollapsed?: boolean;\n\tcollapsible?: boolean;\n}\n\nexport interface SideNavProps {\n\t/** Groups of items. Pass a single group with no `label` for an ungrouped list. */\n\tgroups: SideNavGroup[];\n\tcurrentPath?: string;\n\tclassName?: string;\n\titemClassName?: string;\n\tactiveItemClassName?: string;\n\tariaLabel?: string;\n}\n\nfunction normalizePath(rawUrl: string): string {\n\tif (rawUrl.length === 0) return '/';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nexport function SideNav({\n\tgroups,\n\tcurrentPath,\n\tclassName,\n\titemClassName,\n\tactiveItemClassName,\n\tariaLabel = 'Side navigation',\n}: SideNavProps) {\n\tconst rawActivePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\tconst activePath = normalizePath(rawActivePath);\n\n\tconst allNormalized = useMemo(() => {\n\t\treturn groups.flatMap((g) =>\n\t\t\tg.items.map((item) => ({ groupId: g.id, normalizedPath: normalizePath(item.href) })),\n\t\t);\n\t}, [groups]);\n\n\tconst activeNormalized =\n\t\tallNormalized\n\t\t\t.filter(\n\t\t\t\t({ normalizedPath }) =>\n\t\t\t\t\tactivePath === normalizedPath || activePath.startsWith(`${normalizedPath}/`),\n\t\t\t)\n\t\t\t.sort((a, b) => b.normalizedPath.length - a.normalizedPath.length)[0]?.normalizedPath ??\n\t\tnull;\n\n\tconst [collapsed, setCollapsed] = useState<Record<string, boolean>>(() =>\n\t\tObject.fromEntries(groups.map((g) => [g.id, Boolean(g.defaultCollapsed)])),\n\t);\n\n\tconst toggleGroup = (id: string) =>\n\t\tsetCollapsed((prev) => ({ ...prev, [id]: !prev[id] }));\n\n\tconst resolvedActive =\n\t\tactiveItemClassName && activeItemClassName.length > 0\n\t\t\t? activeItemClassName\n\t\t\t: 'bg-primary/5 text-primary';\n\n\treturn (\n\t\t<nav className={cn('side-nav--component', 'flex flex-col gap-4', className)} aria-label={ariaLabel}>\n\t\t\t{groups.map((group) => {\n\t\t\t\tconst isCollapsed = group.collapsible !== false && collapsed[group.id];\n\t\t\t\tconst showLabel = !!group.label;\n\t\t\t\tconst shouldRenderItems = !isCollapsed;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={group.id} className=\"flex flex-col gap-1\">\n\t\t\t\t\t\t{!!showLabel && (\n\t\t\t\t\t\t\tgroup.collapsible !== false ? (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() => toggleGroup(group.id)}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex w-full items-center justify-between px-3 py-1.5 rounded-md',\n\t\t\t\t\t\t\t\t\t\t'text-xs font-medium uppercase tracking-wider text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t'hover:text-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>{group.label}</span>\n\t\t\t\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'size-3.5 transition-transform',\n\t\t\t\t\t\t\t\t\t\t\tisCollapsed && '-rotate-90',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\tclassName=\"px-3 py-1.5 uppercase tracking-wider\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!shouldRenderItems && (\n\t\t\t\t\t\t\t<div className=\"flex flex-col gap-0.5\">\n\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\tconst itemPath = normalizePath(item.href);\n\t\t\t\t\t\t\t\t\tconst isActive = itemPath === activeNormalized;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\t\t\t\t\t\thref={item.disabled ? undefined : item.href}\n\t\t\t\t\t\t\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\t\t\taria-disabled={item.disabled || undefined}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'group flex items-center gap-2.5 rounded-md px-3 py-1.5',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-sm transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-muted/60',\n\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\tisActive && resolvedActive,\n\t\t\t\t\t\t\t\t\t\t\t\titemClassName,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-4 shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisActive ? 'text-primary' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n\nSideNav.displayName = 'SideNav';\n","/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * Pair with `TabNavigationMenu` for fixed sets where overflow is impossible,\n * or with `NavigationTabs` for marketing-weight pill bars.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nexport interface OverflowTabItem {\n\tid: string;\n\tlabel: ReactNode;\n\thref?: string;\n\ticon?: LucideIcon;\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps {\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\tonChange?: (id: string) => void;\n\tclassName?: string;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\tmoreLabel?: string;\n\tariaLabel?: string;\n}\n\nconst TAB_BUTTON_BASE =\n\t'inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors ' +\n\t'hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40';\n\nexport function OverflowTabBar({\n\titems,\n\tvalue,\n\tonChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tmoreLabel = 'More',\n\tariaLabel = 'Tab navigation',\n}: OverflowTabBarProps) {\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\t// Recompute how many tabs fit when container or items change.\n\tuseLayoutEffect(() => {\n\t\tif (!containerRef.current || !measureRef.current) return;\n\t\tconst container = containerRef.current;\n\t\tconst measure = measureRef.current;\n\n\t\tconst compute = () => {\n\t\t\tconst containerWidth = container.clientWidth;\n\t\t\tconst moreReserve = 72; // approximate \"More\" trigger width\n\t\t\tconst buttons = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]'));\n\t\t\tlet used = 0;\n\t\t\tlet count = 0;\n\t\t\tfor (const btn of buttons) {\n\t\t\t\tconst w = btn.offsetWidth + 4; // gap allowance\n\t\t\t\tif (used + w + moreReserve <= containerWidth) {\n\t\t\t\t\tused += w;\n\t\t\t\t\tcount += 1;\n\t\t\t\t} else {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetVisibleCount(count === buttons.length ? count : Math.max(1, count));\n\t\t};\n\n\t\tcompute();\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(container);\n\t\treturn () => observer.disconnect();\n\t}, [items]);\n\n\t// Ensure active tab is always visible; if it falls into the overflow set,\n\t// pull it forward by reducing the visible count to where it lives.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\t// Move active item into the visible window (swap with last visible).\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean) => {\n\t\tconst Icon = item.icon;\n\t\tconst className = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive\n\t\t\t\t? cn('bg-card text-foreground shadow-sm', activeTabClassName)\n\t\t\t\t: 'text-muted-foreground hover:bg-muted/60',\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon className=\"size-3.5\" />}\n\t\t\t\t<span>{item.label}</span>\n\t\t\t\t{!!item.badge && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold',\n\t\t\t\t\t\t\tisActive ? 'bg-primary/10 text-primary' : 'bg-muted-foreground/10 text-muted-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (item.href) {\n\t\t\treturn (\n\t\t\t\t<a\n\t\t\t\t\tkey={item.id}\n\t\t\t\t\thref={item.href}\n\t\t\t\t\tdata-tab-id={item.id}\n\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\t\tclassName={cn('overflow-tab-bar--component', className)}\n\t\t\t\t>\n\t\t\t\t\t{inner}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<button\n\t\t\t\tkey={item.id}\n\t\t\t\ttype=\"button\"\n\t\t\t\tdata-tab-id={item.id}\n\t\t\t\taria-pressed={isActive}\n\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</button>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{/* Hidden measure row: always renders all tabs at native width so\n\t\t\t we can measure how many fit. Visually hidden but laid out. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute -top-[9999px] left-0 inline-flex items-center gap-1 invisible\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false))}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('relative inline-flex items-center gap-1 rounded-lg bg-muted/40 p-1', className)}\n\t\t\t>\n\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label={moreLabel}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tTAB_BUTTON_BASE,\n\t\t\t\t\t\t\t\t'text-muted-foreground hover:bg-muted/60',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MoreHorizontal className=\"size-3.5\" />\n\t\t\t\t\t\t\t<span>{moreLabel}</span>\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent align=\"end\" className=\"min-w-[160px]\">\n\t\t\t\t\t\t\t{overflowItems.map((item) => {\n\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'text-xs gap-1.5 px-2 py-1.5',\n\t\t\t\t\t\t\t\t\t\t\titem.id === value && 'bg-primary/5 text-primary',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3.5\" />}\n\t\t\t\t\t\t\t\t\t\t<span>{item.label}</span>\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n\n// useEffect is referenced indirectly through useLayoutEffect above; keep the\n// import so SSR builds that fall back to useEffect still compile cleanly.\nvoid useEffect;\n"],"mappings":"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"}

package/dist/_shared/navigation-CxoJVgfo.js ADDED Viewed

@@ -0,0 +1,420 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-qsEg5GdP.js";
+import { t as r } from "./heading-CrNpYcUr.js";
+import { t as i } from "./badge-BK5VvEgg.js";
+import { i as a, t as o } from "./button-cnkCF8q8.js";
+import { a as s, g as c, r as l, t as u } from "./dropdown-menu-CoWmrjYX.js";
+import { t as d } from "./separator-B8FBp-7E.js";
+import { Fragment as f, useCallback as p, useEffect as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ChevronDown as S, Globe as C, MoreHorizontal as w } from "lucide-react";
+//#region src/components/base/navigation/language-switcher.tsx
+function T({ locales: e, onRenderLabel: n, variant: r = "buttons", onSelect: i }) {
+	let a = p((e, t) => {
+		t || i?.(e);
+	}, [i]);
+	return e.length === 0 ? null : r === "inline" ? /* @__PURE__ */ x("div", {
+		className: t("language-switcher--component", "flex items-center justify-center gap-2.5"),
+		children: [/* @__PURE__ */ b(C, {
+			className: "size-4 text-muted-foreground/70",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-center gap-2.5",
+			children: e.map((r, i) => {
+				let o = n ? n(r) : r.nativeLabel;
+				return /* @__PURE__ */ x(f, { children: [/* @__PURE__ */ b("button", {
+					type: "button",
+					onClick: () => a(r.value, r.active),
+					className: t("text-xs transition-colors", r.active ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"),
+					children: o
+				}), i < e.length - 1 && /* @__PURE__ */ b("span", {
+					"aria-hidden": "true",
+					className: "size-1 rounded-full bg-border"
+				})] }, r.value);
+			})
+		})]
+	}) : /* @__PURE__ */ b("div", {
+		className: "flex flex-wrap items-center justify-center gap-2",
+		children: e.map((e) => {
+			let r = n ? n(e) : e.nativeLabel;
+			return /* @__PURE__ */ b(o, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: e.active ? "solid" : "ghost",
+				onClick: () => a(e.value, e.active),
+				className: t("min-w-[4.5rem] justify-center transition-colors", e.active ? "font-semibold text-primary" : "text-muted-foreground"),
+				children: r
+			}, e.value);
+		})
+	});
+}
+T.displayName = "LanguageSwitcher";
+//#endregion
+//#region src/components/base/navigation/aside-navigation-menu.tsx
+function E(e) {
+	if (e.length === 0) return "/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
+		return n.length > 0 ? n : "/";
+	} catch {
+		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
+		return t.length > 0 ? t : "/";
+	}
+}
+function D({ items: e, currentPath: n, activeClassName: r, itemClassName: i }) {
+	let o = E(n ?? (typeof window < "u" ? window.location.pathname : "")), s = typeof r == "string" && r.length > 0 ? r : "bg-muted", c = e.map((e) => ({
+		item: e,
+		normalizedPath: E(e.href)
+	})), l = c.filter(({ normalizedPath: e }) => o === e || o.startsWith(`${e}/`)).sort((e, t) => t.normalizedPath.length - e.normalizedPath.length)[0]?.normalizedPath ?? null;
+	return /* @__PURE__ */ b("nav", {
+		className: t("aside-navigation-menu--component", "flex flex-col space-y-1 space-x-0"),
+		children: c.map(({ item: e, normalizedPath: n }) => /* @__PURE__ */ b(a, {
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "sm",
+			fullWidth: !0,
+			className: t("justify-start", i, n === l ? s : null),
+			nativeButton: !1,
+			render: (t) => /* @__PURE__ */ b("a", {
+				...t,
+				href: e.href
+			}),
+			children: e.title
+		}, e.href))
+	});
+}
+D.displayName = "AsideNavigationMenu";
+//#endregion
+//#region src/components/base/navigation/navigation-tabs.tsx
+var O = { tabsAria: "Tabs" };
+function k({ items: n, currentUrl: r, strings: i }) {
+	let a = e(O, i), o = r ?? (typeof window < "u" ? window.location.pathname : "/"), s = (e) => {
+		try {
+			return new URL(e, window.location.origin).pathname.replace(/\/+$/, "");
+		} catch {
+			return e.replace(/\/+$/, "").split("?")[0];
+		}
+	}, c = s(o);
+	return /* @__PURE__ */ b("div", {
+		className: t("navigation-tabs--component", "navigation-tabs-container w-full my-5"),
+		children: /* @__PURE__ */ b("nav", {
+			className: "inline-flex bg-muted rounded-4xl items-center gap-3 p-3",
+			"aria-label": a.tabsAria,
+			children: n.map((e) => {
+				let n = c === s(e.url);
+				return /* @__PURE__ */ b("a", {
+					href: e.url,
+					className: t("whitespace-nowrap flex items-center gap-1 leading-tight rounded-full border border-transparent px-4 py-1.5 text-sm bg-background text-foreground hover:text-background hover:bg-primary transition-all duration-150", { "!bg-primary !text-background font-semibold": n }),
+					children: e.label
+				}, e.url);
+			})
+		})
+	});
+}
+k.displayName = "NavigationTabs";
+//#endregion
+//#region src/components/base/navigation/tab-navigation-menu.tsx
+function A({ items: e, currentPath: n, className: r, ariaLabel: i = "Tab navigation" }) {
+	let a = n ?? (typeof window < "u" ? window.location.pathname : ""), o = g(() => e.map((e) => {
+		let t = a === e.href, n = null;
+		if (typeof e.icon == "string") n = /* @__PURE__ */ b("span", {
+			className: "text-inherit",
+			children: e.icon
+		});
+		else if (e.icon) {
+			let t = e.icon;
+			n = /* @__PURE__ */ b(t, { className: "h-4 w-4" });
+		}
+		return {
+			key: e.href,
+			item: e,
+			isActive: t,
+			iconNode: n,
+			ariaCurrent: t ? "page" : void 0
+		};
+	}), [a, e]);
+	return /* @__PURE__ */ b("div", {
+		className: t("tab-navigation-menu--component", "w-full", r),
+		children: /* @__PURE__ */ b("nav", {
+			className: "inline-flex bg-muted rounded-full items-center gap-1 p-1",
+			"aria-label": i,
+			children: o.map(({ key: e, item: n, isActive: r, iconNode: i, ariaCurrent: a }) => /* @__PURE__ */ x("a", {
+				href: n.href,
+				className: t("whitespace-nowrap flex items-center gap-2", "rounded-full px-4 py-2", "text-sm font-medium", "transition-all duration-200", "focus-visible:outline-none focus-visible:ring-2", "focus-visible:ring-ring focus-visible:ring-offset-2", {
+					"bg-background text-foreground shadow-sm": r,
+					"text-muted-foreground hover:text-foreground hover:bg-background/50": !r
+				}),
+				"aria-current": a,
+				children: [
+					!!i && /* @__PURE__ */ b("span", {
+						className: "text-inherit",
+						children: i
+					}),
+					n.title,
+					!!n.badge && /* @__PURE__ */ b("span", {
+						className: t("ml-1.5 rounded-full px-2 py-0.5 text-xs font-medium", r ? "bg-primary/10 text-primary" : "bg-muted-foreground/10 text-muted-foreground"),
+						children: n.badge
+					})
+				]
+			}, e))
+		})
+	});
+}
+A.displayName = "TabNavigationMenu";
+//#endregion
+//#region src/components/base/navigation/page-header/page-header.tsx
+function j({ eyebrow: e, title: a, description: o, badge: s, breadcrumbs: c, actions: l, children: u, className: f, withSeparator: p = !0 }) {
+	return /* @__PURE__ */ x("header", {
+		className: t("page-header--component", "w-full", f),
+		children: [
+			!!c && /* @__PURE__ */ b("div", {
+				className: "mb-3",
+				children: c
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+				children: [/* @__PURE__ */ x("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						!!e && /* @__PURE__ */ b(n, {
+							size: "xxs",
+							type: "secondary",
+							weight: "semibold",
+							className: "mb-1 uppercase tracking-wider",
+							children: e
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ b(r, {
+								tag: "h2",
+								className: "text-2xl border-0 pb-0",
+								children: a
+							}), !!s && /* @__PURE__ */ b(i, {
+								variant: s.variant ?? "secondary",
+								children: s.label
+							})]
+						}),
+						!!o && /* @__PURE__ */ b(n, {
+							type: "secondary",
+							className: "mt-1 max-w-2xl",
+							children: o
+						})
+					]
+				}), !!l && /* @__PURE__ */ b("div", {
+					className: "flex shrink-0 items-center gap-2",
+					children: l
+				})]
+			}),
+			!!u && /* @__PURE__ */ b("div", {
+				className: "mt-4",
+				children: u
+			}),
+			!!p && /* @__PURE__ */ b(d, { className: "mt-4" })
+		]
+	});
+}
+j.displayName = "PageHeader";
+//#endregion
+//#region src/components/base/navigation/section-nav/section-nav.tsx
+function M({ items: e, rootMargin: r = "-40% 0px -50% 0px", className: i, onSelect: a }) {
+	let [o, s] = v(e[0]?.id ?? null);
+	return m(() => {
+		let t = new IntersectionObserver((e) => {
+			let t = e.find((e) => e.isIntersecting);
+			t?.target.id && s(t.target.id);
+		}, {
+			rootMargin: r,
+			threshold: 0
+		});
+		return e.forEach((e) => {
+			let n = document.getElementById(e.id);
+			n && t.observe(n);
+		}), () => t.disconnect();
+	}, [e, r]), /* @__PURE__ */ b("nav", {
+		className: t("section-nav--component", "flex flex-col gap-0.5", i),
+		"aria-label": "Section navigation",
+		children: e.map((e) => {
+			let r = e.icon, i = o === e.id;
+			return /* @__PURE__ */ x("a", {
+				href: `#${e.id}`,
+				onClick: (t) => {
+					t.preventDefault(), document.getElementById(e.id)?.scrollIntoView({
+						behavior: "smooth",
+						block: "start"
+					}), s(e.id), a?.(e.id);
+				},
+				className: t("flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors", i ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted/50 hover:text-foreground"),
+				children: [!!r && /* @__PURE__ */ b(r, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ b(n, {
+					tag: "span",
+					weight: i ? "semibold" : "medium",
+					children: e.label
+				})]
+			}, e.id);
+		})
+	});
+}
+M.displayName = "SectionNav";
+//#endregion
+//#region src/components/base/navigation/side-nav.tsx
+function N(e) {
+	if (e.length === 0) return "/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
+		return n.length > 0 ? n : "/";
+	} catch {
+		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
+		return t.length > 0 ? t : "/";
+	}
+}
+function P({ groups: e, currentPath: r, className: a, itemClassName: o, activeItemClassName: s, ariaLabel: c = "Side navigation" }) {
+	let l = N(r ?? (typeof window < "u" ? window.location.pathname : "")), u = g(() => e.flatMap((e) => e.items.map((t) => ({
+		groupId: e.id,
+		normalizedPath: N(t.href)
+	}))), [e]).filter(({ normalizedPath: e }) => l === e || l.startsWith(`${e}/`)).sort((e, t) => t.normalizedPath.length - e.normalizedPath.length)[0]?.normalizedPath ?? null, [d, f] = v(() => Object.fromEntries(e.map((e) => [e.id, !!e.defaultCollapsed]))), p = (e) => f((t) => ({
+		...t,
+		[e]: !t[e]
+	})), m = s && s.length > 0 ? s : "bg-primary/5 text-primary";
+	return /* @__PURE__ */ b("nav", {
+		className: t("side-nav--component", "flex flex-col gap-4", a),
+		"aria-label": c,
+		children: e.map((e) => {
+			let r = e.collapsible !== !1 && d[e.id], a = !!e.label, s = !r;
+			return /* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-1",
+				children: [!!a && (e.collapsible === !1 ? /* @__PURE__ */ b(n, {
+					tag: "div",
+					size: "xs",
+					type: "secondary",
+					weight: "medium",
+					className: "px-3 py-1.5 uppercase tracking-wider",
+					children: e.label
+				}) : /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => p(e.id),
+					className: t("flex w-full items-center justify-between px-3 py-1.5 rounded-md", "text-xs font-medium uppercase tracking-wider text-muted-foreground", "hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+					"aria-expanded": !r,
+					children: [/* @__PURE__ */ b("span", { children: e.label }), /* @__PURE__ */ b(S, {
+						className: t("size-3.5 transition-transform", r && "-rotate-90"),
+						"aria-hidden": "true"
+					})]
+				})), !!s && /* @__PURE__ */ b("div", {
+					className: "flex flex-col gap-0.5",
+					children: e.items.map((e) => {
+						let n = e.icon, r = N(e.href) === u;
+						return /* @__PURE__ */ x("a", {
+							href: e.disabled ? void 0 : e.href,
+							"aria-current": r ? "page" : void 0,
+							"aria-disabled": e.disabled || void 0,
+							className: t("group flex items-center gap-2.5 rounded-md px-3 py-1.5", "text-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", "hover:bg-muted/60", e.disabled && "pointer-events-none opacity-50", r && m, o),
+							children: [
+								!!n && /* @__PURE__ */ b(n, { className: t("size-4 shrink-0", r ? "text-primary" : "text-muted-foreground") }),
+								/* @__PURE__ */ b("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: e.label
+								}),
+								!!e.badge && /* @__PURE__ */ b(i, {
+									variant: r ? "primary" : "secondary",
+									className: "shrink-0",
+									children: e.badge
+								})
+							]
+						}, e.href);
+					})
+				})]
+			}, e.id);
+		})
+	});
+}
+P.displayName = "SideNav";
+//#endregion
+//#region src/components/base/navigation/overflow-tab-bar.tsx
+var F = "inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40";
+function I({ items: e, value: n, onChange: r, className: i, tabClassName: a, activeTabClassName: o, moreLabel: d = "More", ariaLabel: f = "Tab navigation" }) {
+	let p = _(null), m = _(null), [S, C] = v(e.length);
+	h(() => {
+		if (!p.current || !m.current) return;
+		let e = p.current, t = m.current, n = () => {
+			let n = e.clientWidth, r = Array.from(t.querySelectorAll("[data-tab-id]")), i = 0, a = 0;
+			for (let e of r) {
+				let t = e.offsetWidth + 4;
+				if (i + t + 72 <= n) i += t, a += 1;
+				else break;
+			}
+			C(a === r.length ? a : Math.max(1, a));
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [e]);
+	let T = g(() => {
+		if (!n) return e;
+		let t = e.findIndex((e) => e.id === n);
+		if (t < 0 || t < S) return e;
+		let r = [...e], i = Math.max(0, S - 1);
+		return [r[t], r[i]] = [r[i], r[t]], r;
+	}, [
+		e,
+		n,
+		S
+	]), E = T.slice(0, S), D = T.slice(S), O = (e) => {
+		r?.(e.id), e.onClick?.();
+	}, k = (e, n) => {
+		let r = e.icon, i = t(F, n ? t("bg-card text-foreground shadow-sm", o) : "text-muted-foreground hover:bg-muted/60", a), s = /* @__PURE__ */ x(y, { children: [
+			!!r && /* @__PURE__ */ b(r, { className: "size-3.5" }),
+			/* @__PURE__ */ b("span", { children: e.label }),
+			!!e.badge && /* @__PURE__ */ b("span", {
+				className: t("ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold", n ? "bg-primary/10 text-primary" : "bg-muted-foreground/10 text-muted-foreground"),
+				children: e.badge
+			})
+		] });
+		return e.href ? /* @__PURE__ */ b("a", {
+			href: e.href,
+			"data-tab-id": e.id,
+			"aria-current": n ? "page" : void 0,
+			onClick: () => O(e),
+			className: t("overflow-tab-bar--component", i),
+			children: s
+		}, e.id) : /* @__PURE__ */ b("button", {
+			type: "button",
+			"data-tab-id": e.id,
+			"aria-pressed": n,
+			onClick: () => O(e),
+			className: i,
+			children: s
+		}, e.id);
+	};
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+		ref: m,
+		"aria-hidden": "true",
+		className: "absolute -top-[9999px] left-0 inline-flex items-center gap-1 invisible",
+		children: e.map((e) => k(e, !1))
+	}), /* @__PURE__ */ x("div", {
+		ref: p,
+		role: "tablist",
+		"aria-label": f,
+		className: t("relative inline-flex items-center gap-1 rounded-lg bg-muted/40 p-1", i),
+		children: [E.map((e) => k(e, e.id === n)), D.length > 0 && /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x(c, {
+			type: "button",
+			"aria-label": d,
+			className: t(F, "text-muted-foreground hover:bg-muted/60"),
+			children: [/* @__PURE__ */ b(w, { className: "size-3.5" }), /* @__PURE__ */ b("span", { children: d })]
+		}), /* @__PURE__ */ b(l, {
+			align: "end",
+			className: "min-w-[160px]",
+			children: D.map((e) => {
+				let r = e.icon;
+				return /* @__PURE__ */ x(s, {
+					onClick: () => O(e),
+					className: t("text-xs gap-1.5 px-2 py-1.5", e.id === n && "bg-primary/5 text-primary"),
+					children: [!!r && /* @__PURE__ */ b(r, { className: "size-3.5" }), /* @__PURE__ */ b("span", { children: e.label })]
+				}, e.id);
+			})
+		})] })]
+	})] });
+}
+I.displayName = "OverflowTabBar";
+//#endregion
+export { A as a, T as c, j as i, P as n, k as o, M as r, D as s, I as t };
+//# sourceMappingURL=navigation-CxoJVgfo.js.map