admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/_shared/auth-C_TgyzDl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-C_TgyzDl.js","names":[],"sources":["../../src/components/layout/auth/auth-card.tsx","../../src/components/layout/auth/auth-hooks.tsx","../../src/components/layout/auth/auth.strings.ts","../../src/components/layout/auth/auth-footer-links.tsx","../../src/components/layout/auth/auth-social-providers.tsx","../../src/components/layout/auth/auth-split-panel.tsx","../../src/components/layout/auth/auth-shell.tsx","../../src/components/layout/auth/auth-method-switch.tsx"],"sourcesContent":["import {\n\tCardContent,\n\tCardFooter,\n\tCardShell,\n} from '@/components/base/cards';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { AuthCardProps } from './auth.types';\n\nexport function AuthCard({\n\teyebrow,\n\ttitle,\n\tdescription,\n\theaderEnd,\n\tbanner,\n\tmedia,\n\tfooter,\n\tchildren,\n\tclassName,\n\theaderClassName,\n\tmediaClassName,\n\tcontentClassName,\n\tfooterClassName,\n\t...props\n}: AuthCardProps) {\n\tconst hasHeader = Boolean(eyebrow || title || description || headerEnd);\n\n\treturn (\n\t\t<CardShell\n\t\t\tdata-slot=\"auth-card\"\n\t\t\tclassName={cn(\n\t\t\t\t'auth-card--component',\n\t\t\t\t'gap-0 overflow-hidden rounded-lg border border-border/70 bg-card py-0 shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{!!media && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'auth-card--media',\n\t\t\t\t\t\t'min-h-12 border-b border-border/60 bg-muted/50',\n\t\t\t\t\t\tmediaClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{media}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!hasHeader && (\n\t\t\t\t<header\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'auth-card--header',\n\t\t\t\t\t\t'flex items-start justify-between gap-4 px-6 pt-6 md:px-8 md:pt-8',\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"min-w-0 space-y-1.5\">\n\t\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"auth-card--eyebrow uppercase tracking-wide\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttag=\"h1\"\n\t\t\t\t\t\t\t\tcontainerClassName=\"space-y-0\"\n\t\t\t\t\t\t\t\tclassName=\"auth-card--title border-0 pb-0 text-lg leading-tight\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\t\t\t\tclassName=\"auth-card--description max-w-prose\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!headerEnd && (\n\t\t\t\t\t\t<div className=\"auth-card--header-end shrink-0\">\n\t\t\t\t\t\t\t{headerEnd}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<CardContent\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-card--content',\n\t\t\t\t\t'px-6 pb-6 md:px-8 md:pb-8',\n\t\t\t\t\thasHeader ? 'pt-5' : 'pt-6 md:pt-8',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!banner && <div className=\"auth-card--banner mb-5\">{banner}</div>}\n\t\t\t\t{children}\n\t\t\t</CardContent>\n\n\t\t\t{!!footer && (\n\t\t\t\t<CardFooter\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'auth-card--footer',\n\t\t\t\t\t\t'border-t border-border/60 px-6 py-4 md:px-8',\n\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{footer}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\t\t</CardShell>\n\t);\n}\n","import { isValidElement, useMemo } from 'react';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport type {\n\tAuthBrand,\n\tAuthBrandConfig,\n\tUseAuthLinksOptions,\n\tUseAuthLinksReturn,\n\tUseAuthShellOptions,\n\tUseAuthShellReturn,\n} from './auth.types';\n\nexport function isAuthBrandConfig(brand: AuthBrand | undefined): brand is AuthBrandConfig {\n\treturn Boolean(\n\t\tbrand &&\n\t\t\ttypeof brand === 'object' &&\n\t\t\t!isValidElement(brand) &&\n\t\t\t('logo' in brand || 'label' in brand || 'description' in brand || 'href' in brand),\n\t);\n}\n\nexport function useAuthLinks({\n\tlinks = [],\n\trenderLink,\n\tLinkComponent,\n}: UseAuthLinksOptions = {}): UseAuthLinksReturn {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst visibleLinks = useMemo(\n\t\t() => links.filter((link) => link.visible !== false),\n\t\t[links],\n\t);\n\n\treturn {\n\t\tlinks: visibleLinks,\n\t\trenderLink: resolvedRenderLink,\n\t};\n}\n\nexport function useAuthShell({\n\tvariant = 'card',\n\tbrand,\n\tfooter,\n\tfooterLinks = [],\n\tpolicyLinks = [],\n\tlanguageLinks = [],\n\tlanguageSwitcher,\n\tpostCard,\n\tsocialProviders = [],\n\tsplitPanel,\n\trenderLink,\n\tLinkComponent,\n}: UseAuthShellOptions = {}): UseAuthShellReturn {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst visibleFooterLinks = useMemo(\n\t\t() => footerLinks.filter((link) => link.visible !== false),\n\t\t[footerLinks],\n\t);\n\tconst visiblePolicyLinks = useMemo(\n\t\t() => policyLinks.filter((link) => link.visible !== false),\n\t\t[policyLinks],\n\t);\n\tconst visibleLanguageLinks = useMemo(\n\t\t() => languageLinks.filter((link) => link.visible !== false),\n\t\t[languageLinks],\n\t);\n\tconst visibleSocialProviders = useMemo(\n\t\t() => socialProviders.filter((provider) => provider.visible !== false),\n\t\t[socialProviders],\n\t);\n\tconst hasBrand = Boolean(\n\t\tbrand &&\n\t\t\t(isAuthBrandConfig(brand)\n\t\t\t\t? brand.logo || brand.label || brand.description\n\t\t\t\t: brand),\n\t);\n\tconst hasAfterCard = Boolean(\n\t\tpostCard ||\n\t\t\tfooter ||\n\t\t\tlanguageSwitcher ||\n\t\t\tvisibleFooterLinks.length > 0 ||\n\t\t\tvisiblePolicyLinks.length > 0 ||\n\t\t\tvisibleLanguageLinks.length > 0,\n\t);\n\tconst hasSplitPanel = Boolean(splitPanel);\n\n\treturn {\n\t\tvariant: hasSplitPanel ? variant : 'card',\n\t\thasBrand,\n\t\thasAfterCard,\n\t\thasSplitPanel,\n\t\thasSocialProviders: visibleSocialProviders.length > 0,\n\t\trenderLink: resolvedRenderLink,\n\t\tfooterLinks: visibleFooterLinks,\n\t\tpolicyLinks: visiblePolicyLinks,\n\t\tlanguageLinks: visibleLanguageLinks,\n\t\tsocialProviders: visibleSocialProviders,\n\t};\n}\n","export interface AuthShellStrings {\n\tsocialDivider: string;\n\tsocialProvidersLabel: string;\n\tfooterLinksLabel: string;\n\tpolicyLinksLabel: string;\n\tlanguageLinksLabel: string;\n}\n\nexport const defaultAuthShellStrings: AuthShellStrings = {\n\tsocialDivider: 'or continue with email',\n\tsocialProvidersLabel: 'Social sign-in options',\n\tfooterLinksLabel: 'Authentication links',\n\tpolicyLinksLabel: 'Policies',\n\tlanguageLinksLabel: 'Language options',\n};\n\nexport interface AuthFooterLinksStrings {\n\tlabel: string;\n}\n\nexport const defaultAuthFooterLinksStrings: AuthFooterLinksStrings = {\n\tlabel: 'Authentication links',\n};\n\nexport interface AuthSocialProvidersStrings {\n\tlabel: string;\n}\n\nexport const defaultAuthSocialProvidersStrings: AuthSocialProvidersStrings = {\n\tlabel: 'Social sign-in options',\n};\n\nexport interface AuthMethodSwitchStrings {\n\tlabel: string;\n\tdivider: string;\n}\n\nexport const defaultAuthMethodSwitchStrings: AuthMethodSwitchStrings = {\n\tlabel: 'Authentication method',\n\tdivider: 'or',\n};\n","import { Fragment } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useAuthLinks } from './auth-hooks';\nimport { defaultAuthFooterLinksStrings } from './auth.strings';\nimport type { AuthFooterLinksProps } from './auth.types';\n\nexport function AuthFooterLinks({\n\tlinks,\n\tleadingIcon,\n\tseparator = '·',\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthFooterLinksProps) {\n\tconst strings = useStrings(defaultAuthFooterLinksStrings, stringsProp);\n\tconst { links: visibleLinks, renderLink: resolvedRenderLink } = useAuthLinks({\n\t\tlinks,\n\t\trenderLink,\n\t\tLinkComponent,\n\t});\n\n\tif (visibleLinks.length === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<nav\n\t\t\taria-label={props['aria-label'] ?? strings.label}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-footer-links--component',\n\t\t\t\t'flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{!!leadingIcon && (\n\t\t\t\t<span className=\"auth-footer-links--icon flex shrink-0 items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t\t{leadingIcon}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{visibleLinks.map((link, index) => {\n\t\t\t\tconst linkNode = resolvedRenderLink({\n\t\t\t\t\thref: link.href,\n\t\t\t\t\ttarget: link.target,\n\t\t\t\t\trel: link.rel,\n\t\t\t\t\texternal: link.external,\n\t\t\t\t\tdisabled: link.disabled,\n\t\t\t\t\tonClick: link.onClick,\n\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t'auth-footer-links--item',\n\t\t\t\t\t\t'text-muted-foreground transition-colors hover:text-foreground',\n\t\t\t\t\t\tlink.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t),\n\t\t\t\t\tchildren: (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">\n\t\t\t\t\t\t\t{link.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t),\n\t\t\t\t});\n\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment key={link.id ?? index}>\n\t\t\t\t\t\t{index > 0 && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"auth-footer-links--separator\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{linkNode}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n","import { KeyRound } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport { defaultAuthSocialProvidersStrings } from './auth.strings';\nimport type {\n\tAuthSocialProvider,\n\tAuthSocialProviderButtonProps,\n\tAuthSocialProvidersProps,\n} from './auth.types';\n\nconst PROVIDER_BUTTON_CLASS = 'auth-social-provider-button--component inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50';\n\nfunction GoogleMark() {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"size-4\"\n\t\t\tviewBox=\"0 0 256 262\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<path fill=\"#4285F4\" d=\"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027\" />\n\t\t\t<path fill=\"#34A853\" d=\"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1\" />\n\t\t\t<path fill=\"#FBBC05\" d=\"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782\" />\n\t\t\t<path fill=\"#EB4335\" d=\"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251\" />\n\t\t</svg>\n\t);\n}\n\nfunction MicrosoftMark() {\n\treturn (\n\t\t<svg aria-hidden=\"true\" className=\"size-4\" viewBox=\"0 0 23 23\">\n\t\t\t<path fill=\"#f25022\" d=\"M1 1h10v10H1z\" />\n\t\t\t<path fill=\"#7fba00\" d=\"M12 1h10v10H12z\" />\n\t\t\t<path fill=\"#00a4ef\" d=\"M1 12h10v10H1z\" />\n\t\t\t<path fill=\"#ffb900\" d=\"M12 12h10v10H12z\" />\n\t\t</svg>\n\t);\n}\n\nfunction GithubMark() {\n\treturn (\n\t\t<svg aria-hidden=\"true\" className=\"size-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t<path d=\"M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z\" />\n\t\t</svg>\n\t);\n}\n\nfunction AppleMark() {\n\treturn (\n\t\t<svg aria-hidden=\"true\" className=\"size-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t<path d=\"M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z\" />\n\t\t</svg>\n\t);\n}\n\nfunction ProviderIcon({ provider }: { provider: AuthSocialProvider }) {\n\tif (provider.icon) return <>{provider.icon}</>;\n\tswitch (provider.provider) {\n\t\tcase 'google':\n\t\t\treturn <GoogleMark />;\n\t\tcase 'github':\n\t\t\treturn <GithubMark />;\n\t\tcase 'microsoft':\n\t\t\treturn <MicrosoftMark />;\n\t\tcase 'apple':\n\t\t\treturn <AppleMark />;\n\t\tdefault:\n\t\t\treturn <KeyRound className=\"size-4\" aria-hidden=\"true\" />;\n\t}\n}\n\nexport function AuthSocialProviderButton({\n\tprovider,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n}: AuthSocialProviderButtonProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst content = (\n\t\t<>\n\t\t\t<ProviderIcon provider={provider} />\n\t\t\t<Text tag=\"span\" className=\"text-inherit\">\n\t\t\t\t{provider.label}\n\t\t\t</Text>\n\t\t</>\n\t);\n\tconst buttonClassName = cn(\n\t\tPROVIDER_BUTTON_CLASS,\n\t\tprovider.disabled && 'pointer-events-none opacity-50',\n\t\tclassName,\n\t);\n\n\tif (provider.href) {\n\t\treturn resolvedRenderLink({\n\t\t\thref: provider.href,\n\t\t\ttarget: provider.target,\n\t\t\trel: provider.rel,\n\t\t\texternal: provider.external,\n\t\t\tdisabled: provider.disabled,\n\t\t\tonClick: provider.onClick,\n\t\t\tclassName: buttonClassName,\n\t\t\tchildren: content,\n\t\t});\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"secondary\"\n\t\t\tbuttonStyle=\"outline\"\n\t\t\tfullWidth\n\t\t\tdisabled={provider.disabled}\n\t\t\tclassName={cn('auth-social-provider-button--component', className)}\n\t\t\tonClick={(event) => provider.onClick?.(event)}\n\t\t>\n\t\t\t{content}\n\t\t</Button>\n\t);\n}\n\nexport function AuthSocialProviders({\n\tproviders,\n\tlayout = 'stack',\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthSocialProvidersProps) {\n\tconst strings = useStrings(defaultAuthSocialProvidersStrings, stringsProp);\n\tconst visibleProviders = providers?.filter((provider) => provider.visible !== false) ?? [];\n\n\tif (visibleProviders.length === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-label={props['aria-label'] ?? strings.label}\n\t\t\tdata-layout={layout}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-social-providers--component',\n\t\t\t\tlayout === 'grid' ? 'grid gap-2 sm:grid-cols-2' : 'grid gap-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{visibleProviders.map((provider) => (\n\t\t\t\t<AuthSocialProviderButton\n\t\t\t\t\tkey={provider.id ?? String(provider.label)}\n\t\t\t\t\tprovider={provider}\n\t\t\t\t\trenderLink={renderLink}\n\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","import {\n\tItem,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { AuthSplitPanelProps } from './auth.types';\n\nconst SURFACE_CLASS: Record<NonNullable<AuthSplitPanelProps['surface']>, string> = {\n\tcard: 'border-border/70 bg-card',\n\tmuted: 'border-border/60 bg-muted/40',\n};\n\nexport function AuthSplitPanel({\n\teyebrow,\n\ttitle,\n\tdescription,\n\tmedia,\n\tfeatures,\n\tfooter,\n\tchildren,\n\tsurface = 'muted',\n\tclassName,\n\tcontentClassName,\n\t...props\n}: AuthSplitPanelProps) {\n\tconst hasIntro = Boolean(eyebrow || title || description);\n\tconst visibleFeatures = features?.filter((feature) => feature.title) ?? [];\n\n\treturn (\n\t\t<aside\n\t\t\tdata-slot=\"auth-split-panel\"\n\t\t\tdata-surface={surface}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-split-panel--component',\n\t\t\t\t'flex min-h-full w-full flex-col justify-between overflow-hidden border',\n\t\t\t\tSURFACE_CLASS[surface],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-split-panel--content',\n\t\t\t\t\t'flex min-h-full flex-col justify-center gap-8 p-6 md:p-8 lg:p-10',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!media && (\n\t\t\t\t\t<div className=\"auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70\">\n\t\t\t\t\t\t{media}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!hasIntro && (\n\t\t\t\t\t<div className=\"auth-split-panel--intro max-w-xl space-y-2\">\n\t\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--eyebrow uppercase tracking-wide\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttag=\"h2\"\n\t\t\t\t\t\t\t\tcontainerClassName=\"space-y-0\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--title border-0 pb-0 text-xl leading-tight\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--description max-w-prose\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{visibleFeatures.length > 0 && (\n\t\t\t\t\t<ItemGroup className=\"auth-split-panel--features grid gap-3\">\n\t\t\t\t\t\t{visibleFeatures.map((feature, index) => (\n\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\tkey={feature.id ?? index}\n\t\t\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--feature bg-background/70\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!feature.icon && (\n\t\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t{feature.icon}\n\t\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ItemContent className=\"min-w-0 sm:min-w-48\">\n\t\t\t\t\t\t\t\t\t<ItemTitle>{feature.title}</ItemTitle>\n\t\t\t\t\t\t\t\t\t{!!feature.description && (\n\t\t\t\t\t\t\t\t\t\t<ItemDescription clamp=\"none\">{feature.description}</ItemDescription>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t)}\n\n\t\t\t\t{children}\n\n\t\t\t\t{!!footer && (\n\t\t\t\t\t<div className=\"auth-split-panel--footer\">\n\t\t\t\t\t\t{footer}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n","import { Globe2 } from 'lucide-react';\nimport { isValidElement, type ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { AuthCard } from './auth-card';\nimport { AuthFooterLinks } from './auth-footer-links';\nimport { isAuthBrandConfig, useAuthShell } from './auth-hooks';\nimport { defaultAuthShellStrings } from './auth.strings';\nimport { AuthSocialProviders } from './auth-social-providers';\nimport { AuthSplitPanel } from './auth-split-panel';\nimport type {\n\tAuthBrand,\n\tAuthBrandConfig,\n\tAuthShellProps,\n\tAuthSplitPanelProps,\n} from './auth.types';\n\nconst SIZE_CLASS: Record<NonNullable<AuthShellProps['size']>, string> = {\n\tsm: 'max-w-sm',\n\tmd: 'max-w-md',\n\tlg: 'max-w-lg',\n};\n\nfunction isSplitPanelProps(panel: AuthShellProps['splitPanel']): panel is AuthSplitPanelProps {\n\treturn Boolean(panel && typeof panel === 'object' && !isValidElement(panel));\n}\n\nfunction renderBrandContent(brand: AuthBrandConfig): ReactNode {\n\tconst hasText = Boolean(brand.label || brand.description);\n\n\treturn (\n\t\t<>\n\t\t\t{!!brand.logo && (\n\t\t\t\t<div className=\"auth-shell--brand-logo shrink-0\">\n\t\t\t\t\t{brand.logo}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!hasText && (\n\t\t\t\t<div className=\"auth-shell--brand-text min-w-0\">\n\t\t\t\t\t{!!brand.label && (\n\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"auth-shell--brand-label\">\n\t\t\t\t\t\t\t{brand.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!brand.description && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"auth-shell--brand-description\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{brand.description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nfunction renderBrand({\n\tbrand,\n\trenderLink,\n}: {\n\tbrand?: AuthBrand;\n\trenderLink: NonNullable<AuthShellProps['renderLink']>;\n}) {\n\tif (!brand) return null;\n\n\tif (!isAuthBrandConfig(brand)) {\n\t\treturn (\n\t\t\t<div className=\"auth-shell--brand flex items-center justify-center\">\n\t\t\t\t{brand}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst content = renderBrandContent(brand);\n\tconst className = cn(\n\t\t'auth-shell--brand',\n\t\t'inline-flex items-center justify-center gap-2.5 self-center rounded-md text-foreground',\n\t\tbrand.href && 'transition-opacity hover:opacity-80',\n\t);\n\n\tif (brand.href) {\n\t\treturn renderLink({\n\t\t\thref: brand.href,\n\t\t\t'aria-label': brand.ariaLabel,\n\t\t\tclassName,\n\t\t\tchildren: content,\n\t\t});\n\t}\n\n\treturn <div className={className}>{content}</div>;\n}\n\nfunction renderSplitPanel(panel: AuthShellProps['splitPanel']) {\n\tif (!panel) return null;\n\tif (isValidElement(panel)) return panel;\n\tif (isSplitPanelProps(panel)) return <AuthSplitPanel {...panel} />;\n\treturn null;\n}\n\nexport function AuthShell({\n\tchildren,\n\tvariant: variantProp = 'card',\n\tsize = 'md',\n\talign = 'center',\n\tbrand,\n\teyebrow,\n\ttitle,\n\tdescription,\n\theaderEnd,\n\tbanner,\n\tcardMedia,\n\tcardMediaClassName,\n\tcardFooter,\n\tpostCard,\n\tfooter,\n\tfooterLinks,\n\tpolicyLinks,\n\tlanguageLinks,\n\tlanguageSwitcher,\n\tsocialProviders,\n\tsocialProvidersLayout = 'stack',\n\tsocialDivider,\n\tsplitPanel,\n\tsplitSide = 'left',\n\tsplitMobile = 'hidden',\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tmainClassName,\n\tstackClassName,\n\tcardClassName,\n\tcardContentClassName,\n\tsplitGridClassName,\n\tsplitPanelClassName,\n\tfooterClassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthShellProps) {\n\tconst strings = useStrings(defaultAuthShellStrings, stringsProp);\n\tconst {\n\t\tvariant,\n\t\thasBrand,\n\t\thasAfterCard,\n\t\thasSplitPanel,\n\t\thasSocialProviders,\n\t\trenderLink: resolvedRenderLink,\n\t\tfooterLinks: visibleFooterLinks,\n\t\tpolicyLinks: visiblePolicyLinks,\n\t\tlanguageLinks: visibleLanguageLinks,\n\t\tsocialProviders: visibleSocialProviders,\n\t} = useAuthShell({\n\t\tvariant: variantProp,\n\t\tbrand,\n\t\tfooter,\n\t\tfooterLinks,\n\t\tpolicyLinks,\n\t\tlanguageLinks,\n\t\tlanguageSwitcher,\n\t\tpostCard,\n\t\tsocialProviders,\n\t\tsplitPanel,\n\t\trenderLink,\n\t\tLinkComponent,\n\t});\n\tconst isSplit = variant === 'split' && hasSplitPanel;\n\tconst panel = renderSplitPanel(splitPanel);\n\tconst panelFirst = splitSide === 'left';\n\tconst showStackedPanel = splitMobile === 'stacked';\n\tconst brandNode = hasBrand ? renderBrand({ brand, renderLink: resolvedRenderLink }) : null;\n\n\tconst main = (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t'auth-shell--main',\n\t\t\t\t'flex min-h-svh w-full items-center justify-center px-4 py-8 sm:px-6 md:px-8',\n\t\t\t\talign === 'start' && 'items-start pt-12',\n\t\t\t\tisSplit && 'lg:min-h-svh',\n\t\t\t\tmainClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-shell--stack',\n\t\t\t\t\t'flex w-full flex-col gap-5',\n\t\t\t\t\tSIZE_CLASS[size],\n\t\t\t\t\tstackClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{brandNode}\n\n\t\t\t\t<AuthCard\n\t\t\t\t\teyebrow={eyebrow}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tdescription={description}\n\t\t\t\t\theaderEnd={headerEnd}\n\t\t\t\t\tbanner={banner}\n\t\t\t\t\tmedia={cardMedia}\n\t\t\t\t\tmediaClassName={cardMediaClassName}\n\t\t\t\t\tfooter={cardFooter}\n\t\t\t\t\tclassName={cardClassName}\n\t\t\t\t\tcontentClassName={cardContentClassName}\n\t\t\t\t>\n\t\t\t\t\t{!!hasSocialProviders && (\n\t\t\t\t\t\t<div className=\"auth-shell--social mb-4 grid gap-4\">\n\t\t\t\t\t\t\t<AuthSocialProviders\n\t\t\t\t\t\t\t\tproviders={visibleSocialProviders}\n\t\t\t\t\t\t\t\tlayout={socialProvidersLayout}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.socialProvidersLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className=\"auth-shell--social-divider flex items-center gap-3\">\n\t\t\t\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{socialDivider ?? strings.socialDivider}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</AuthCard>\n\n\t\t\t\t{!!hasAfterCard && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'auth-shell--after-card',\n\t\t\t\t\t\t\t'flex flex-col items-center gap-3 text-center',\n\t\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!postCard && <div className=\"auth-shell--post-card\">{postCard}</div>}\n\t\t\t\t\t\t{!!languageSwitcher && (\n\t\t\t\t\t\t\t<div className=\"auth-shell--language-switcher\">\n\t\t\t\t\t\t\t\t{languageSwitcher}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visibleLanguageLinks.length > 0 && (\n\t\t\t\t\t\t\t<AuthFooterLinks\n\t\t\t\t\t\t\t\tclassName=\"auth-shell--language-links\"\n\t\t\t\t\t\t\t\tlinks={visibleLanguageLinks}\n\t\t\t\t\t\t\t\tleadingIcon={<Globe2 className=\"size-3.5\" />}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.languageLinksLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visibleFooterLinks.length > 0 && (\n\t\t\t\t\t\t\t<AuthFooterLinks\n\t\t\t\t\t\t\t\tclassName=\"auth-shell--footer-links\"\n\t\t\t\t\t\t\t\tlinks={visibleFooterLinks}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.footerLinksLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visiblePolicyLinks.length > 0 && (\n\t\t\t\t\t\t\t<AuthFooterLinks\n\t\t\t\t\t\t\t\tclassName=\"auth-shell--policy-links\"\n\t\t\t\t\t\t\t\tlinks={visiblePolicyLinks}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.policyLinksLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!footer && <div className=\"auth-shell--footer\">{footer}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</main>\n\t);\n\n\tif (!isSplit) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tdata-slot=\"auth-shell\"\n\t\t\t\tdata-variant=\"card\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-shell--component',\n\t\t\t\t\t'min-h-svh bg-background text-foreground',\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{main}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-shell\"\n\t\t\tdata-variant=\"split\"\n\t\t\tdata-split-side={splitSide}\n\t\t\tdata-split-mobile={splitMobile}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-shell--component',\n\t\t\t\t'min-h-svh bg-background text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-shell--split-grid min-h-svh lg:grid',\n\t\t\t\t\tpanelFirst\n\t\t\t\t\t\t? 'lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]'\n\t\t\t\t\t\t: 'lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]',\n\t\t\t\t\tsplitGridClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!panelFirst && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'auth-shell--split-panel',\n\t\t\t\t\t\t\tshowStackedPanel ? 'block' : 'hidden lg:block',\n\t\t\t\t\t\t\tsplitPanelClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{panel}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{main}\n\t\t\t\t{!panelFirst && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'auth-shell--split-panel',\n\t\t\t\t\t\t\tshowStackedPanel ? 'block' : 'hidden lg:block',\n\t\t\t\t\t\t\tsplitPanelClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{panel}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","import * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultAuthMethodSwitchStrings } from './auth.strings';\nimport type {\n\tAuthMethodOption,\n\tAuthMethodSwitchProps,\n\tUseAuthMethodSwitchOptions,\n\tUseAuthMethodSwitchReturn,\n} from './auth.types';\n\nfunction firstEnabledOption(options: AuthMethodOption[]) {\n\treturn options.find((option) => !option.disabled);\n}\n\nexport function useAuthMethodSwitch({\n\toptions = [],\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n}: UseAuthMethodSwitchOptions = {}): UseAuthMethodSwitchReturn {\n\tconst visibleOptions = React.useMemo(\n\t\t() => options.filter((option) => option.visible !== false),\n\t\t[options],\n\t);\n\tconst fallbackValue = defaultValue ?? firstEnabledOption(visibleOptions)?.id;\n\tconst [internalValue, setInternalValue] = React.useState<string | undefined>(fallbackValue);\n\tconst isControlled = value !== undefined;\n\tconst selectedValue = isControlled ? value : internalValue;\n\tconst selectedOption = visibleOptions.find((option) => option.id === selectedValue);\n\n\tconst setValue = React.useCallback(\n\t\t(nextValue: string) => {\n\t\t\tconst nextOption = visibleOptions.find((option) => option.id === nextValue);\n\t\t\tif (!nextOption || nextOption.disabled) return;\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalValue(nextValue);\n\t\t\t}\n\n\t\t\tonValueChange?.(nextValue, nextOption);\n\t\t},\n\t\t[isControlled, onValueChange, visibleOptions],\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (isControlled || selectedOption || visibleOptions.length === 0) return;\n\t\tsetInternalValue(firstEnabledOption(visibleOptions)?.id);\n\t}, [isControlled, selectedOption, visibleOptions]);\n\n\treturn {\n\t\tvalue: selectedValue,\n\t\tselectedOption,\n\t\toptions: visibleOptions,\n\t\tsetValue,\n\t};\n}\n\nexport function AuthMethodSwitch({\n\toptions = [],\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tlayout = 'stack',\n\tdivider,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthMethodSwitchProps) {\n\tconst strings = useStrings(defaultAuthMethodSwitchStrings, stringsProp);\n\tconst { ['aria-label']: ariaLabel, ...rootProps } = props;\n\tconst {\n\t\tvalue: selectedValue,\n\t\toptions: visibleOptions,\n\t\tsetValue,\n\t} = useAuthMethodSwitch({\n\t\toptions,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t});\n\n\tif (visibleOptions.length === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={cn('auth-method-switch--component grid gap-3', className)} {...rootProps}>\n\t\t\t{divider !== null && divider !== false && (\n\t\t\t\t<div className=\"auth-method-switch--divider flex items-center gap-3\">\n\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t{divider ?? strings.divider}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\trole=\"group\"\n\t\t\t\taria-label={ariaLabel ?? strings.label}\n\t\t\t\tdata-layout={layout}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-method-switch--options',\n\t\t\t\t\tlayout === 'grid' && 'grid gap-2 sm:grid-cols-2',\n\t\t\t\t\tlayout === 'stack' && 'grid gap-2',\n\t\t\t\t\tlayout === 'segmented' &&\n\t\t\t\t\t\t'grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-1 rounded-lg border border-border bg-muted/40 p-1',\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{visibleOptions.map((option) => {\n\t\t\t\t\tconst selected = option.id === selectedValue;\n\t\t\t\t\tconst segmented = layout === 'segmented';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={option.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={selected}\n\t\t\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\t\t\tvariant={selected ? 'dark' : 'secondary'}\n\t\t\t\t\t\t\tbuttonStyle={selected ? 'solid' : segmented ? 'ghost' : 'outline'}\n\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'auth-method-switch--option',\n\t\t\t\t\t\t\t\t'h-auto min-h-10 justify-start rounded-md px-3 py-2.5 text-start',\n\t\t\t\t\t\t\t\tsegmented &&\n\t\t\t\t\t\t\t\t\t'min-h-9 justify-center border-0 px-2 py-2 text-center shadow-none min-[480px]:px-3 min-[480px]:text-start',\n\t\t\t\t\t\t\t\tselected && 'auth-method-switch--option-selected',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => setValue(option.id)}\n\t\t\t\t\t\t>\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'auth-method-switch--option-inner flex min-w-0 items-center gap-2',\n\t\t\t\t\t\t\t\t\tsegmented &&\n\t\t\t\t\t\t\t\t\t\t'w-full flex-col justify-center gap-1 min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-2',\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{!!option.icon && (\n\t\t\t\t\t\t\t\t\t<span className=\"auth-method-switch--option-icon shrink-0\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t{option.icon}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'auth-method-switch--option-copy grid min-w-0 gap-0.5',\n\t\t\t\t\t\t\t\t\t\tsegmented && 'justify-items-center min-[480px]:justify-items-start',\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<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'max-w-full text-inherit leading-tight',\n\t\t\t\t\t\t\t\t\t\t\tsegmented\n\t\t\t\t\t\t\t\t\t\t\t\t? 'text-center min-[480px]:truncate min-[480px]:text-start'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'text-start',\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{option.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"xxs\"\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\tsegmented\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'hidden min-[480px]:block min-[480px]:truncate'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-start leading-snug',\n\t\t\t\t\t\t\t\t\t\t\t\tselected ? 'text-inherit opacity-75' : 'text-muted-foreground',\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{option.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/_shared/avatar-BagPbPuD.js

@@ -0,0 +1,105 @@
+import { cn as e } from "../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Avatar as r } from "@base-ui/react/avatar";
+//#region src/components/ui/avatar.tsx
+function i({ className: t, size: i = "default", ...a }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "avatar",
+		"data-size": i,
+		className: e("size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten", t),
+		...a
+	});
+}
+function a({ className: t, ...i }) {
+	return /* @__PURE__ */ n(r.Image, {
+		"data-slot": "avatar-image",
+		className: e("rounded-full aspect-square size-full object-cover", t),
+		...i
+	});
+}
+function o({ className: t, ...i }) {
+	return /* @__PURE__ */ n(r.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: e("bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs", t),
+		...i
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "avatar-badge",
+		className: e("bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "avatar-group",
+		className: e("*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2", t),
+		...r
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "avatar-group-count",
+		className: e("bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2", t),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/display/avatar.tsx
+var u = {
+	small: "size-avatar-sm",
+	default: "size-avatar"
+};
+function d(e) {
+	return e === "small" || e === "default" ? e : e === "xs" || e === "sm" ? "small" : "default";
+}
+function f(e) {
+	return e === "small" ? "sm" : "default";
+}
+var p = t.forwardRef(({ size: t = "default", className: r, ...a }, o) => {
+	let s = d(t);
+	return /* @__PURE__ */ n(i, {
+		ref: o,
+		size: f(s),
+		"data-scale": s,
+		className: e("avatar--component", u[s], r),
+		...a
+	});
+});
+p.displayName = "Avatar";
+var m = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(a, {
+	ref: i,
+	className: e("avatar--image", t),
+	...r
+}));
+m.displayName = "AvatarImage";
+var h = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o, {
+	ref: i,
+	className: e("avatar--fallback text-xs font-medium leading-none", t),
+	...r
+}));
+h.displayName = "AvatarFallback";
+var g = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(s, {
+	ref: i,
+	className: e("avatar--badge", t),
+	...r
+}));
+g.displayName = "AvatarBadge";
+var _ = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(c, {
+	ref: i,
+	className: e("avatar-group--component", t),
+	...r
+}));
+_.displayName = "AvatarGroup";
+var v = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(l, {
+	ref: i,
+	className: e("avatar-group-count--component size-avatar text-xs", "group-has-data-[size=sm]/avatar-group:size-avatar-sm", t),
+	...r
+}));
+v.displayName = "AvatarGroupCount";
+//#endregion
+export { v as a, _ as i, g as n, m as o, h as r, p as t };
+
+//# sourceMappingURL=avatar-BagPbPuD.js.map

package/dist/_shared/avatar-BagPbPuD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BagPbPuD.js","names":[],"sources":["../../src/components/ui/avatar.tsx","../../src/components/base/display/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\"\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"rounded-full aspect-square size-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\"bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n}\n","/**\n * Avatar — tokenized base wrapper around the shadcn/Base UI avatar primitive.\n * Public sizing uses the library scale (`default` / `small`); legacy\n * primitive size names are normalized at runtime for compatibility.\n */\nimport * as React from 'react';\n\nimport {\n\tAvatar as PrimitiveAvatar,\n\tAvatarBadge as PrimitiveAvatarBadge,\n\tAvatarFallback as PrimitiveAvatarFallback,\n\tAvatarGroup as PrimitiveAvatarGroup,\n\tAvatarGroupCount as PrimitiveAvatarGroupCount,\n\tAvatarImage as PrimitiveAvatarImage,\n} from '@/components/ui/avatar';\nimport type { ComponentScale } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = ComponentScale;\n\nexport interface AvatarProps\n\textends Omit<React.ComponentPropsWithoutRef<typeof PrimitiveAvatar>, 'size'> {\n\tsize?: AvatarSize;\n}\n\nexport type AvatarImageProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarImage>;\nexport type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarFallback>;\nexport type AvatarBadgeProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarBadge>;\nexport type AvatarGroupProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarGroup>;\nexport type AvatarGroupCountProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarGroupCount>;\n\nconst AVATAR_SIZE_CLASSNAMES: Record<AvatarSize, string> = {\n\tsmall: 'size-avatar-sm',\n\tdefault: 'size-avatar',\n};\n\nfunction normalizeAvatarSize(size: AvatarSize | string | undefined): AvatarSize {\n\tif (size === 'small' || size === 'default') return size;\n\tif (size === 'xs' || size === 'sm') return 'small';\n\treturn 'default';\n}\n\nfunction getPrimitiveSize(size: AvatarSize): NonNullable<React.ComponentPropsWithoutRef<typeof PrimitiveAvatar>['size']> {\n\treturn size === 'small' ? 'sm' : 'default';\n}\n\nconst Avatar = React.forwardRef<React.ElementRef<typeof PrimitiveAvatar>, AvatarProps>(\n\t({ size = 'default', className, ...props }, ref) => {\n\t\tconst resolvedSize = normalizeAvatarSize(size);\n\n\t\treturn (\n\t\t\t<PrimitiveAvatar\n\t\t\t\tref={ref}\n\t\t\t\tsize={getPrimitiveSize(resolvedSize)}\n\t\t\t\tdata-scale={resolvedSize}\n\t\t\t\tclassName={cn('avatar--component', AVATAR_SIZE_CLASSNAMES[resolvedSize], className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAvatar.displayName = 'Avatar';\n\nconst AvatarImage = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarImage>, AvatarImageProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarImage\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar--image', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarImage.displayName = 'AvatarImage';\n\nconst AvatarFallback = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarFallback>, AvatarFallbackProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarFallback\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar--fallback text-xs font-medium leading-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarFallback.displayName = 'AvatarFallback';\n\nconst AvatarBadge = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarBadge>, AvatarBadgeProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarBadge\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar--badge', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarBadge.displayName = 'AvatarBadge';\n\nconst AvatarGroup = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarGroup>, AvatarGroupProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarGroup\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar-group--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarGroup.displayName = 'AvatarGroup';\n\nconst AvatarGroupCount = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarGroupCount>, AvatarGroupCountProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarGroupCount\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'avatar-group-count--component size-avatar text-xs',\n\t\t\t\t'group-has-data-[size=sm]/avatar-group:size-avatar-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarGroupCount.displayName = 'AvatarGroupCount';\n\nexport {\n\tAvatar,\n\tAvatarImage,\n\tAvatarFallback,\n\tAvatarGroup,\n\tAvatarGroupCount,\n\tAvatarBadge,\n};\n"],"mappings":";;;;;AAKA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,yPACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EACT,qDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,cACA,GAAG,KAC8B;CACjC,OACE,kBAAC,EAAgB,UAAjB;EACE,aAAU;EACV,WAAW,EACT,sIACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAuC;CAC1E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,4KACA,iFACA,6FACA,iFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,4VAA4V,CAAS;EACnX,GAAI;CACL,CAAA;AAEL;;;AC/DA,IAAM,IAAqD;CAC1D,OAAO;CACP,SAAS;AACV;AAEA,SAAS,EAAoB,GAAmD;CAG/E,OAFI,MAAS,WAAW,MAAS,YAAkB,IAC/C,MAAS,QAAQ,MAAS,OAAa,UACpC;AACR;AAEA,SAAS,EAAiB,GAA+F;CACxH,OAAO,MAAS,UAAU,OAAO;AAClC;AAEA,IAAM,IAAS,EAAM,YACnB,EAAE,UAAO,WAAW,cAAW,GAAG,KAAS,MAAQ;CACnD,IAAM,IAAe,EAAoB,CAAI;CAE7C,OACC,kBAAC,GAAD;EACM;EACL,MAAM,EAAiB,CAAY;EACnC,cAAY;EACZ,WAAW,EAAG,qBAAqB,EAAuB,IAAe,CAAS;EAClF,GAAI;CACJ,CAAA;AAEH,CACD;AACA,EAAO,cAAc;AAErB,IAAM,IAAc,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,GAAD;CACM;CACL,WAAW,EAAG,iBAAiB,CAAS;CACxC,GAAI;AACJ,CAAA,CAEH;AACA,EAAY,cAAc;AAE1B,IAAM,IAAiB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,GAAD;CACM;CACL,WAAW,EAAG,qDAAqD,CAAS;CAC5E,GAAI;AACJ,CAAA,CAEH;AACA,EAAe,cAAc;AAE7B,IAAM,IAAc,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,GAAD;CACM;CACL,WAAW,EAAG,iBAAiB,CAAS;CACxC,GAAI;AACJ,CAAA,CAEH;AACA,EAAY,cAAc;AAE1B,IAAM,IAAc,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,GAAD;CACM;CACL,WAAW,EAAG,2BAA2B,CAAS;CAClD,GAAI;AACJ,CAAA,CAEH;AACA,EAAY,cAAc;AAE1B,IAAM,IAAmB,EAAM,YAC7B,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,GAAD;CACM;CACL,WAAW,EACV,qDACA,wDACA,CACD;CACA,GAAI;AACJ,CAAA,CAEH;AACA,EAAiB,cAAc"}

package/dist/_shared/avatar-BnKM_o2d.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/avatar");function a({className:e,size:n=`default`,...a}){return(0,r.jsx)(i.Avatar.Root,{"data-slot":`avatar`,"data-size":n,className:t.cn(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...a})}function o({className:e,...n}){return(0,r.jsx)(i.Avatar.Image,{"data-slot":`avatar-image`,className:t.cn(`rounded-full aspect-square size-full object-cover`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(i.Avatar.Fallback,{"data-slot":`avatar-fallback`,className:t.cn(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`span`,{"data-slot":`avatar-badge`,className:t.cn(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`avatar-group`,className:t.cn(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`avatar-group-count`,className:t.cn(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...n})}var d={small:`size-avatar-sm`,default:`size-avatar`};function f(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function p(e){return e===`small`?`sm`:`default`}var m=n.forwardRef(({size:e=`default`,className:n,...i},o)=>{let s=f(e);return(0,r.jsx)(a,{ref:o,size:p(s),"data-scale":s,className:t.cn(`avatar--component`,d[s],n),...i})});m.displayName=`Avatar`;var h=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o,{ref:i,className:t.cn(`avatar--image`,e),...n}));h.displayName=`AvatarImage`;var g=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(s,{ref:i,className:t.cn(`avatar--fallback text-xs font-medium leading-none`,e),...n}));g.displayName=`AvatarFallback`;var _=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(c,{ref:i,className:t.cn(`avatar--badge`,e),...n}));_.displayName=`AvatarBadge`;var v=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(l,{ref:i,className:t.cn(`avatar-group--component`,e),...n}));v.displayName=`AvatarGroup`;var y=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(u,{ref:i,className:t.cn(`avatar-group-count--component size-avatar text-xs`,`group-has-data-[size=sm]/avatar-group:size-avatar-sm`,e),...n}));y.displayName=`AvatarGroupCount`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=avatar-BnKM_o2d.cjs.map

package/dist/_shared/avatar-BnKM_o2d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BnKM_o2d.cjs","names":[],"sources":["../../src/components/ui/avatar.tsx","../../src/components/base/display/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\"\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"rounded-full aspect-square size-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\"bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n}\n","/**\n * Avatar — tokenized base wrapper around the shadcn/Base UI avatar primitive.\n * Public sizing uses the library scale (`default` / `small`); legacy\n * primitive size names are normalized at runtime for compatibility.\n */\nimport * as React from 'react';\n\nimport {\n\tAvatar as PrimitiveAvatar,\n\tAvatarBadge as PrimitiveAvatarBadge,\n\tAvatarFallback as PrimitiveAvatarFallback,\n\tAvatarGroup as PrimitiveAvatarGroup,\n\tAvatarGroupCount as PrimitiveAvatarGroupCount,\n\tAvatarImage as PrimitiveAvatarImage,\n} from '@/components/ui/avatar';\nimport type { ComponentScale } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = ComponentScale;\n\nexport interface AvatarProps\n\textends Omit<React.ComponentPropsWithoutRef<typeof PrimitiveAvatar>, 'size'> {\n\tsize?: AvatarSize;\n}\n\nexport type AvatarImageProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarImage>;\nexport type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarFallback>;\nexport type AvatarBadgeProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarBadge>;\nexport type AvatarGroupProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarGroup>;\nexport type AvatarGroupCountProps = React.ComponentPropsWithoutRef<typeof PrimitiveAvatarGroupCount>;\n\nconst AVATAR_SIZE_CLASSNAMES: Record<AvatarSize, string> = {\n\tsmall: 'size-avatar-sm',\n\tdefault: 'size-avatar',\n};\n\nfunction normalizeAvatarSize(size: AvatarSize | string | undefined): AvatarSize {\n\tif (size === 'small' || size === 'default') return size;\n\tif (size === 'xs' || size === 'sm') return 'small';\n\treturn 'default';\n}\n\nfunction getPrimitiveSize(size: AvatarSize): NonNullable<React.ComponentPropsWithoutRef<typeof PrimitiveAvatar>['size']> {\n\treturn size === 'small' ? 'sm' : 'default';\n}\n\nconst Avatar = React.forwardRef<React.ElementRef<typeof PrimitiveAvatar>, AvatarProps>(\n\t({ size = 'default', className, ...props }, ref) => {\n\t\tconst resolvedSize = normalizeAvatarSize(size);\n\n\t\treturn (\n\t\t\t<PrimitiveAvatar\n\t\t\t\tref={ref}\n\t\t\t\tsize={getPrimitiveSize(resolvedSize)}\n\t\t\t\tdata-scale={resolvedSize}\n\t\t\t\tclassName={cn('avatar--component', AVATAR_SIZE_CLASSNAMES[resolvedSize], className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAvatar.displayName = 'Avatar';\n\nconst AvatarImage = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarImage>, AvatarImageProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarImage\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar--image', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarImage.displayName = 'AvatarImage';\n\nconst AvatarFallback = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarFallback>, AvatarFallbackProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarFallback\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar--fallback text-xs font-medium leading-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarFallback.displayName = 'AvatarFallback';\n\nconst AvatarBadge = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarBadge>, AvatarBadgeProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarBadge\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar--badge', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarBadge.displayName = 'AvatarBadge';\n\nconst AvatarGroup = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarGroup>, AvatarGroupProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarGroup\n\t\t\tref={ref}\n\t\t\tclassName={cn('avatar-group--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarGroup.displayName = 'AvatarGroup';\n\nconst AvatarGroupCount = React.forwardRef<React.ElementRef<typeof PrimitiveAvatarGroupCount>, AvatarGroupCountProps>(\n\t({ className, ...props }, ref) => (\n\t\t<PrimitiveAvatarGroupCount\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'avatar-group-count--component size-avatar text-xs',\n\t\t\t\t'group-has-data-[size=sm]/avatar-group:size-avatar-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAvatarGroupCount.displayName = 'AvatarGroupCount';\n\nexport {\n\tAvatar,\n\tAvatarImage,\n\tAvatarFallback,\n\tAvatarGroup,\n\tAvatarGroupCount,\n\tAvatarBadge,\n};\n"],"mappings":"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"}

package/dist/_shared/badge-BeSKxX1u.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("lucide-react"),a=require("class-variance-authority"),o=require("@radix-ui/react-slot");var s=(0,a.cva)(`inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto`,{variants:{variant:{default:`border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90`,secondary:`border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90`,destructive:`border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground`}},defaultVariants:{variant:`default`}});function c({className:e,variant:n,asChild:i=!1,...a}){return(0,r.jsx)(i?o.Slot:`span`,{"data-slot":`badge`,className:t.cn(s({variant:n}),e),...a})}var l={small:`gap-space-sm px-space-sm py-space-2xs text-xxs`,default:`gap-space-md px-space-md py-space-xs text-xs`};function u(e){return e===`small`||e==="default"?e:e===`xs`?`small`:e===`sm`||e===`md`?`default`:`small`}var d={primary:{color:`text-primary-foreground`,background:`bg-primary`,border:`border-primary-foreground/40`,dot:`bg-primary-foreground`},secondary:{color:`text-foreground`,background:`bg-foreground/8`,border:`border-foreground/15`,dot:`bg-muted-foreground`},success:{color:`text-success`,background:`bg-success/10`,border:`border-success/50`,dot:`bg-success`},info:{color:`text-info`,background:`bg-info/10`,border:`border-info/50`,dot:`bg-info`},warning:{color:`text-warning-foreground`,background:`bg-warning/40`,border:`border-warning/60`,dot:`bg-warning`},error:{color:`text-destructive`,background:`bg-destructive/10`,border:`border-destructive/50`,dot:`bg-destructive`},destructive:{color:`text-destructive`,background:`bg-destructive/10`,border:`border-destructive/50`,dot:`bg-destructive`},main:{color:`text-main-foreground`,background:`bg-main`,border:`border-main-foreground/40`,dot:`bg-main-foreground`}};function f({variant:e=`primary`,className:n,size:a,inline:o=!1,dot:s=!1,pending:f=!1,pulse:m=!1,important:h=!1,children:g,..._}){let v=t.cn(l[u(a)],`font-semibold`),y=o?`inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-xxs font-medium`:null,b=d[e]??d.primary;return(0,r.jsxs)(c,{variant:`secondary`,className:t.cn(`badge--component`,`max-w-full overflow-visible`,v,y,b.color,b.background,n),..._,children:[!!s&&(0,r.jsx)(p,{filled:!f,pulse:m,variant:b}),!!h&&!s&&(0,r.jsx)(i.TriangleAlert,{className:t.cn(b.color,`size-icon-lg`)}),(0,r.jsx)(`span`,{className:`inline-flex min-w-0 max-w-full items-center gap-space-sm overflow-hidden text-ellipsis whitespace-nowrap [&>svg]:inline-block [&>svg]:shrink-0`,children:g})]})}function p({filled:e=!1,variant:n,pulse:i=!1}){return(0,r.jsx)(`span`,{className:t.cn(`size-space-md rounded-full shrink-0 border-[2px]`,n.border,{"animate-pulse":i},[e?n.dot:`bg-transparent`])})}f.displayName=`Badge`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=badge-BeSKxX1u.cjs.map

package/dist/_shared/badge-BeSKxX1u.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-BeSKxX1u.cjs","names":[],"sources":["../../src/components/ui/badge.tsx","../../src/components/base/badge/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\t\toutline:\n\t\t\t\t\t\"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n)\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\"\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Badge, badgeVariants }\n","/**\n * Badge — composed badge with semantic variants (primary / secondary / success / info /\n * warning / error / destructive / main), package display scale, optional dot indicator\n * (with pulse + pending states), inline mode, and an `important` flag that swaps in a warning icon.\n */\nimport { TriangleAlert } from 'lucide-react';\nimport * as React from \"react\"\n\nimport { Badge as BaseBadge } from \"@/components/ui/badge\"\nimport { type BadgeSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type ComposedBadgeVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"info\"\n  | \"error\"\n  | \"destructive\"\n  | \"main\"\n  | \"warning\"\n\nexport interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'content'> {\n  variant?: ComposedBadgeVariant\n  size?: BadgeSize\n  inline?: boolean;\n  dot?: boolean;\n  pulse?: boolean;\n  pending?: boolean;\n  important?: boolean;\n}\n\ntype BadgeVariantStyle = { color: string; background: string; border: string; dot: string };\n\nconst sizeClassMap: Record<NonNullable<BadgeProps['size']>, string> = {\n\tsmall: 'gap-space-sm px-space-sm py-space-2xs text-xxs',\n\tdefault: 'gap-space-md px-space-md py-space-xs text-xs',\n};\n\nfunction normalizeBadgeSize(size: BadgeSize | string | undefined): BadgeSize {\n  if (size === 'small' || size === 'default') return size;\n  if (size === 'xs') return 'small';\n  if (size === 'sm' || size === 'md') return 'default';\n  return 'small';\n}\n\nconst variantClassMap: Record<ComposedBadgeVariant, BadgeVariantStyle> = {\n  primary: {\n    color: 'text-primary-foreground',\n    background: 'bg-primary',\n    border: 'border-primary-foreground/40',\n    dot: 'bg-primary-foreground'\n  },\n  secondary: {\n    color: 'text-foreground',\n    background: 'bg-foreground/8',\n    border: 'border-foreground/15',\n    dot: 'bg-muted-foreground'\n  },\n  success: {\n    color: 'text-success',\n    background: 'bg-success/10',\n    border: 'border-success/50',\n    dot: 'bg-success'\n  },\n  info: {\n    color: 'text-info',\n    background: 'bg-info/10',\n    border: 'border-info/50',\n    dot: 'bg-info'\n  },\n  warning: {\n    color: 'text-warning-foreground',\n    background: 'bg-warning/40',\n    border: 'border-warning/60',\n    dot: 'bg-warning'\n  },\n  error: {\n    color: 'text-destructive',\n    background: 'bg-destructive/10',\n    border: 'border-destructive/50',\n    dot: 'bg-destructive'\n  },\n  destructive: {\n    color: 'text-destructive',\n    background: 'bg-destructive/10',\n    border: 'border-destructive/50',\n    dot: 'bg-destructive'\n  },\n  main: {\n    color: 'text-main-foreground',\n    background: 'bg-main',\n    border: 'border-main-foreground/40',\n    dot: 'bg-main-foreground'\n  },\n}\n\n/**\n * Composed Badge using base-ui primitives\n * - Semantic variants using CSS variables: success | info | warning | error.\n * - Primary/secondary with proper theming.\n * - Optional `dot` prop for dot indicator style (colored dot + text, no background).\n */\nexport function Badge({\n  variant = \"primary\",\n  className,\n  size,\n  inline = false,\n  dot = false,\n  pending = false,\n  pulse = false,\n  important = false,\n  children,\n  ...props\n}: BadgeProps) {\n  const resolvedSize = normalizeBadgeSize(size);\n  const defaultClassNames = cn(sizeClassMap[resolvedSize], \"font-semibold\")\n  const inlineClassNames = inline\n    ? 'inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-xxs font-medium'\n    : null;\n\n  const theme = variantClassMap[variant] ?? variantClassMap.primary;\n\n  return (\n    <BaseBadge\n      variant=\"secondary\"\n      className={cn('badge--component', \n        'max-w-full overflow-visible',\n        defaultClassNames,\n        inlineClassNames,\n        theme.color,\n        theme.background,\n        className,\n      )}\n      {...props}\n    >\n      {!!dot && <Dot filled={!pending} pulse={pulse} variant={theme} />}\n      {(!!important && !dot) && <TriangleAlert className={cn(theme.color, 'size-icon-lg')} />}\n      <span className=\"inline-flex min-w-0 max-w-full items-center gap-space-sm overflow-hidden text-ellipsis whitespace-nowrap [&>svg]:inline-block [&>svg]:shrink-0\">\n        {children}\n      </span>\n    </BaseBadge>\n  )\n}\n\nfunction Dot({ filled = false, variant, pulse = false }: { filled?: boolean; variant: BadgeVariantStyle, pulse?: boolean }) {\n  return (\n    <span\n      className={cn(\"size-space-md rounded-full shrink-0 border-[2px]\", variant.border,\n        {\n          'animate-pulse': pulse\n        },\n        [\n          filled ? variant.dot : 'bg-transparent'\n        ]\n      )}\n    />\n  )\n}\n\nexport default Badge\n\nBadge.displayName = 'Badge';\n"],"mappings":"6OAMA,IAAM,GAAA,EAAA,EAAA,KACL,yWACA,CACC,SAAU,CACT,QAAS,CACR,QACC,iFACD,UACC,uFACD,YACC,4KACD,QACC,wEACF,CACD,EACA,gBAAiB,CAChB,QAAS,SACV,CACD,CACD,EAEA,SAAS,EAAM,CACd,YACA,UACA,UAAU,GACV,GAAG,GAEyD,CAG5D,OACC,EAAA,EAAA,KAHY,EAAU,EAAA,KAAO,OAG7B,CACC,YAAU,QACV,UAAW,EAAA,GAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EACnD,GAAI,CACJ,CAAA,CAEH,CCTA,IAAM,EAAgE,CACrE,MAAO,iDACP,QAAS,8CACV,EAEA,SAAS,EAAmB,EAAiD,CAI3E,OAHI,IAAS,SAAW,IAAS,UAAkB,EAC/C,IAAS,KAAa,QACtB,IAAS,MAAQ,IAAS,KAAa,UACpC,OACT,CAEA,IAAM,EAAmE,CACvE,QAAS,CACP,MAAO,0BACP,WAAY,aACZ,OAAQ,+BACR,IAAK,uBACP,EACA,UAAW,CACT,MAAO,kBACP,WAAY,kBACZ,OAAQ,uBACR,IAAK,qBACP,EACA,QAAS,CACP,MAAO,eACP,WAAY,gBACZ,OAAQ,oBACR,IAAK,YACP,EACA,KAAM,CACJ,MAAO,YACP,WAAY,aACZ,OAAQ,iBACR,IAAK,SACP,EACA,QAAS,CACP,MAAO,0BACP,WAAY,gBACZ,OAAQ,oBACR,IAAK,YACP,EACA,MAAO,CACL,MAAO,mBACP,WAAY,oBACZ,OAAQ,wBACR,IAAK,gBACP,EACA,YAAa,CACX,MAAO,mBACP,WAAY,oBACZ,OAAQ,wBACR,IAAK,gBACP,EACA,KAAM,CACJ,MAAO,uBACP,WAAY,UACZ,OAAQ,4BACR,IAAK,oBACP,CACF,EAQA,SAAgB,EAAM,CACpB,UAAU,UACV,YACA,OACA,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WACA,GAAG,GACU,CAEb,IAAM,EAAoB,EAAA,GAAG,EADR,EAAmB,CACE,GAAe,eAAe,EAClE,EAAmB,EACrB,6GACA,KAEE,EAAQ,EAAgB,IAAY,EAAgB,QAE1D,OACE,EAAA,EAAA,MAAC,EAAD,CACE,QAAQ,YACR,UAAW,EAAA,GAAG,mBACZ,8BACA,EACA,EACA,EAAM,MACN,EAAM,WACN,CACF,EACA,GAAI,WAVN,CAYG,CAAC,CAAC,IAAO,EAAA,EAAA,KAAC,EAAD,CAAK,OAAQ,CAAC,EAAgB,QAAO,QAAS,CAAQ,CAAA,EAC9D,CAAC,CAAC,GAAa,CAAC,IAAQ,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,UAAW,EAAA,GAAG,EAAM,MAAO,cAAc,CAAI,CAAA,GACtF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iJACb,UACG,CAAA,CACG,GAEf,CAEA,SAAS,EAAI,CAAE,SAAS,GAAO,UAAS,QAAQ,IAA4E,CAC1H,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GAAG,mDAAoD,EAAQ,OACxE,CACE,gBAAiB,CACnB,EACA,CACE,EAAS,EAAQ,IAAM,gBACzB,CACF,CACD,CAAA,CAEL,CAIA,EAAM,YAAc"}

package/dist/_shared/badge-a2Z3K5aQ.js

@@ -0,0 +1,110 @@
+import { cn as e } from "../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { TriangleAlert as r } from "lucide-react";
+import { cva as i } from "class-variance-authority";
+import { Slot as a } from "@radix-ui/react-slot";
+//#region src/components/ui/badge.tsx
+var o = i("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function s({ className: n, variant: r, asChild: i = !1, ...s }) {
+	return /* @__PURE__ */ t(i ? a : "span", {
+		"data-slot": "badge",
+		className: e(o({ variant: r }), n),
+		...s
+	});
+}
+//#endregion
+//#region src/components/base/badge/badge.tsx
+var c = {
+	small: "gap-space-sm px-space-sm py-space-2xs text-xxs",
+	default: "gap-space-md px-space-md py-space-xs text-xs"
+};
+function l(e) {
+	return e === "small" || e === "default" ? e : e === "xs" ? "small" : e === "sm" || e === "md" ? "default" : "small";
+}
+var u = {
+	primary: {
+		color: "text-primary-foreground",
+		background: "bg-primary",
+		border: "border-primary-foreground/40",
+		dot: "bg-primary-foreground"
+	},
+	secondary: {
+		color: "text-foreground",
+		background: "bg-foreground/8",
+		border: "border-foreground/15",
+		dot: "bg-muted-foreground"
+	},
+	success: {
+		color: "text-success",
+		background: "bg-success/10",
+		border: "border-success/50",
+		dot: "bg-success"
+	},
+	info: {
+		color: "text-info",
+		background: "bg-info/10",
+		border: "border-info/50",
+		dot: "bg-info"
+	},
+	warning: {
+		color: "text-warning-foreground",
+		background: "bg-warning/40",
+		border: "border-warning/60",
+		dot: "bg-warning"
+	},
+	error: {
+		color: "text-destructive",
+		background: "bg-destructive/10",
+		border: "border-destructive/50",
+		dot: "bg-destructive"
+	},
+	destructive: {
+		color: "text-destructive",
+		background: "bg-destructive/10",
+		border: "border-destructive/50",
+		dot: "bg-destructive"
+	},
+	main: {
+		color: "text-main-foreground",
+		background: "bg-main",
+		border: "border-main-foreground/40",
+		dot: "bg-main-foreground"
+	}
+};
+function d({ variant: i = "primary", className: a, size: o, inline: d = !1, dot: p = !1, pending: m = !1, pulse: h = !1, important: g = !1, children: _, ...v }) {
+	let y = e(c[l(o)], "font-semibold"), b = d ? "inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-xxs font-medium" : null, x = u[i] ?? u.primary;
+	return /* @__PURE__ */ n(s, {
+		variant: "secondary",
+		className: e("badge--component", "max-w-full overflow-visible", y, b, x.color, x.background, a),
+		...v,
+		children: [
+			!!p && /* @__PURE__ */ t(f, {
+				filled: !m,
+				pulse: h,
+				variant: x
+			}),
+			!!g && !p && /* @__PURE__ */ t(r, { className: e(x.color, "size-icon-lg") }),
+			/* @__PURE__ */ t("span", {
+				className: "inline-flex min-w-0 max-w-full items-center gap-space-sm overflow-hidden text-ellipsis whitespace-nowrap [&>svg]:inline-block [&>svg]:shrink-0",
+				children: _
+			})
+		]
+	});
+}
+function f({ filled: n = !1, variant: r, pulse: i = !1 }) {
+	return /* @__PURE__ */ t("span", { className: e("size-space-md rounded-full shrink-0 border-[2px]", r.border, { "animate-pulse": i }, [n ? r.dot : "bg-transparent"]) });
+}
+d.displayName = "Badge";
+//#endregion
+export { d as t };
+
+//# sourceMappingURL=badge-a2Z3K5aQ.js.map

package/dist/_shared/badge-a2Z3K5aQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-a2Z3K5aQ.js","names":[],"sources":["../../src/components/ui/badge.tsx","../../src/components/base/badge/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\t\toutline:\n\t\t\t\t\t\"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n)\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\"\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Badge, badgeVariants }\n","/**\n * Badge — composed badge with semantic variants (primary / secondary / success / info /\n * warning / error / destructive / main), package display scale, optional dot indicator\n * (with pulse + pending states), inline mode, and an `important` flag that swaps in a warning icon.\n */\nimport { TriangleAlert } from 'lucide-react';\nimport * as React from \"react\"\n\nimport { Badge as BaseBadge } from \"@/components/ui/badge\"\nimport { type BadgeSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type ComposedBadgeVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"info\"\n  | \"error\"\n  | \"destructive\"\n  | \"main\"\n  | \"warning\"\n\nexport interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'content'> {\n  variant?: ComposedBadgeVariant\n  size?: BadgeSize\n  inline?: boolean;\n  dot?: boolean;\n  pulse?: boolean;\n  pending?: boolean;\n  important?: boolean;\n}\n\ntype BadgeVariantStyle = { color: string; background: string; border: string; dot: string };\n\nconst sizeClassMap: Record<NonNullable<BadgeProps['size']>, string> = {\n\tsmall: 'gap-space-sm px-space-sm py-space-2xs text-xxs',\n\tdefault: 'gap-space-md px-space-md py-space-xs text-xs',\n};\n\nfunction normalizeBadgeSize(size: BadgeSize | string | undefined): BadgeSize {\n  if (size === 'small' || size === 'default') return size;\n  if (size === 'xs') return 'small';\n  if (size === 'sm' || size === 'md') return 'default';\n  return 'small';\n}\n\nconst variantClassMap: Record<ComposedBadgeVariant, BadgeVariantStyle> = {\n  primary: {\n    color: 'text-primary-foreground',\n    background: 'bg-primary',\n    border: 'border-primary-foreground/40',\n    dot: 'bg-primary-foreground'\n  },\n  secondary: {\n    color: 'text-foreground',\n    background: 'bg-foreground/8',\n    border: 'border-foreground/15',\n    dot: 'bg-muted-foreground'\n  },\n  success: {\n    color: 'text-success',\n    background: 'bg-success/10',\n    border: 'border-success/50',\n    dot: 'bg-success'\n  },\n  info: {\n    color: 'text-info',\n    background: 'bg-info/10',\n    border: 'border-info/50',\n    dot: 'bg-info'\n  },\n  warning: {\n    color: 'text-warning-foreground',\n    background: 'bg-warning/40',\n    border: 'border-warning/60',\n    dot: 'bg-warning'\n  },\n  error: {\n    color: 'text-destructive',\n    background: 'bg-destructive/10',\n    border: 'border-destructive/50',\n    dot: 'bg-destructive'\n  },\n  destructive: {\n    color: 'text-destructive',\n    background: 'bg-destructive/10',\n    border: 'border-destructive/50',\n    dot: 'bg-destructive'\n  },\n  main: {\n    color: 'text-main-foreground',\n    background: 'bg-main',\n    border: 'border-main-foreground/40',\n    dot: 'bg-main-foreground'\n  },\n}\n\n/**\n * Composed Badge using base-ui primitives\n * - Semantic variants using CSS variables: success | info | warning | error.\n * - Primary/secondary with proper theming.\n * - Optional `dot` prop for dot indicator style (colored dot + text, no background).\n */\nexport function Badge({\n  variant = \"primary\",\n  className,\n  size,\n  inline = false,\n  dot = false,\n  pending = false,\n  pulse = false,\n  important = false,\n  children,\n  ...props\n}: BadgeProps) {\n  const resolvedSize = normalizeBadgeSize(size);\n  const defaultClassNames = cn(sizeClassMap[resolvedSize], \"font-semibold\")\n  const inlineClassNames = inline\n    ? 'inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-xxs font-medium'\n    : null;\n\n  const theme = variantClassMap[variant] ?? variantClassMap.primary;\n\n  return (\n    <BaseBadge\n      variant=\"secondary\"\n      className={cn('badge--component', \n        'max-w-full overflow-visible',\n        defaultClassNames,\n        inlineClassNames,\n        theme.color,\n        theme.background,\n        className,\n      )}\n      {...props}\n    >\n      {!!dot && <Dot filled={!pending} pulse={pulse} variant={theme} />}\n      {(!!important && !dot) && <TriangleAlert className={cn(theme.color, 'size-icon-lg')} />}\n      <span className=\"inline-flex min-w-0 max-w-full items-center gap-space-sm overflow-hidden text-ellipsis whitespace-nowrap [&>svg]:inline-block [&>svg]:shrink-0\">\n        {children}\n      </span>\n    </BaseBadge>\n  )\n}\n\nfunction Dot({ filled = false, variant, pulse = false }: { filled?: boolean; variant: BadgeVariantStyle, pulse?: boolean }) {\n  return (\n    <span\n      className={cn(\"size-space-md rounded-full shrink-0 border-[2px]\", variant.border,\n        {\n          'animate-pulse': pulse\n        },\n        [\n          filled ? variant.dot : 'bg-transparent'\n        ]\n      )}\n    />\n  )\n}\n\nexport default Badge\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;AAMA,IAAM,IAAgB,EACrB,0WACA;CACC,UAAU,EACT,SAAS;EACR,SACC;EACD,WACC;EACD,aACC;EACD,SACC;CACF,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD;AAEA,SAAS,EAAM,EACd,cACA,YACA,aAAU,IACV,GAAG,KAEyD;CAG5D,OACC,kBAHY,IAAU,IAAO,QAG7B;EACC,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EACnD,GAAI;CACJ,CAAA;AAEH;;;ACTA,IAAM,IAAgE;CACrE,OAAO;CACP,SAAS;AACV;AAEA,SAAS,EAAmB,GAAiD;CAI3E,OAHI,MAAS,WAAW,MAAS,YAAkB,IAC/C,MAAS,OAAa,UACtB,MAAS,QAAQ,MAAS,OAAa,YACpC;AACT;AAEA,IAAM,IAAmE;CACvE,SAAS;EACP,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,WAAW;EACT,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,SAAS;EACP,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,MAAM;EACJ,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,SAAS;EACP,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,OAAO;EACL,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,aAAa;EACX,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;CACA,MAAM;EACJ,OAAO;EACP,YAAY;EACZ,QAAQ;EACR,KAAK;CACP;AACF;AAQA,SAAgB,EAAM,EACpB,aAAU,WACV,cACA,SACA,YAAS,IACT,SAAM,IACN,aAAU,IACV,WAAQ,IACR,eAAY,IACZ,aACA,GAAG,KACU;CAEb,IAAM,IAAoB,EAAG,EADR,EAAmB,CACE,IAAe,eAAe,GAClE,IAAmB,IACrB,+GACA,MAEE,IAAQ,EAAgB,MAAY,EAAgB;CAE1D,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,EAAG,oBACZ,+BACA,GACA,GACA,EAAM,OACN,EAAM,YACN,CACF;EACA,GAAI;YAVN;GAYG,CAAC,CAAC,KAAO,kBAAC,GAAD;IAAK,QAAQ,CAAC;IAAgB;IAAO,SAAS;GAAQ,CAAA;GAC9D,CAAC,CAAC,KAAa,CAAC,KAAQ,kBAAC,GAAD,EAAe,WAAW,EAAG,EAAM,OAAO,cAAc,EAAI,CAAA;GACtF,kBAAC,QAAD;IAAM,WAAU;IACb;GACG,CAAA;EACG;;AAEf;AAEA,SAAS,EAAI,EAAE,YAAS,IAAO,YAAS,WAAQ,MAA4E;CAC1H,OACE,kBAAC,QAAD,EACE,WAAW,EAAG,oDAAoD,EAAQ,QACxE,EACE,iBAAiB,EACnB,GACA,CACE,IAAS,EAAQ,MAAM,gBACzB,CACF,EACD,CAAA;AAEL;AAIA,EAAM,cAAc"}

package/dist/_shared/breadcrumbs-AyLzxCJZ.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs"),n=require("./slot-D-Rwlrz2.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime"),a=require("lucide-react");function o({...e}){return(0,i.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function s({className:e,...n}){return(0,i.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:t.cn(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:t.cn(`inline-flex items-center gap-1.5`,e),...n})}function l({asChild:e,className:r,...a}){return(0,i.jsx)(e?n.t:`a`,{"data-slot":`breadcrumb-link`,className:t.cn(`hover:text-foreground transition-colors`,r),...a})}function u({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:t.cn(`text-foreground font-normal`,e),...n})}function d({children:e,className:n,...r}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,className:t.cn(`[&>svg]:size-3.5`,n),...r,children:e??(0,i.jsx)(a.ChevronRight,{})})}var f=e=>{let t=0;for(let n=0;n<e.length;n+=1)t=(t<<5)-t+e.charCodeAt(n),t|=0;return Math.abs(t).toString(36)},p=e=>typeof e==`string`||typeof e==`number`?String(e):`breadcrumb`,m=({href:e,children:t,...n})=>(0,i.jsx)(`a`,{href:e,...n,children:t}),h=e=>e===`small`||e==="default"?e:e===`xs`?`small`:`default`,g={small:{item:`text-xs`,list:`!gap-space-sm`,separator:`!mx-space-2xs`,color:`text-muted-foreground/70`},default:{item:`text-sm`,list:`!gap-space-md`,separator:`!mx-space-sm`,color:`text-muted-foreground`}};function _({breadcrumbs:e,size:n=`default`,className:a,renderLink:_=m}){if(e.length===0)return null;let{item:v,list:y,separator:b,color:x}=g[h(n)];return(0,i.jsx)(o,{className:t.cn(`breadcrumbs--component`,x,a),children:(0,i.jsx)(s,{className:t.cn(`flex flex-wrap items-center break-words`,y),children:e.map((n,a)=>{let o=a===e.length-1,s=n.handle??n.href??`crumb-${f(p(n.label))}-${a}`;return(0,i.jsxs)(r.Fragment,{children:[(0,i.jsx)(c,{className:t.cn(v,`font-medium`),children:o||!n.href?(0,i.jsx)(u,{children:n.label}):(0,i.jsx)(l,{asChild:!0,children:_({href:n.href,children:n.label})})}),!o&&(0,i.jsx)(d,{className:t.cn(b)})]},s)})})})}_.displayName=`Breadcrumbs`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=breadcrumbs-AyLzxCJZ.cjs.map

package/dist/_shared/breadcrumbs-AyLzxCJZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-AyLzxCJZ.cjs","names":[],"sources":["../../src/components/ui/breadcrumb.tsx","../../src/components/base/navigation/breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Slot } from '@/components/ui/slot';\nimport { cn } from '@/lib/utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n\treturn (\n\t\t<nav\n\t\t\taria-label=\"breadcrumb\"\n\t\t\tdata-slot=\"breadcrumb\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"breadcrumb-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-item\"\n\t\t\tclassName={cn('inline-flex items-center gap-1.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<'a'> & {\n\tasChild?: boolean;\n}) {\n\tconst Comp = asChild ? Slot : 'a';\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"breadcrumb-link\"\n\t\t\tclassName={cn('hover:text-foreground transition-colors', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-page\"\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn('text-foreground font-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-separator\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('[&>svg]:size-3.5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-ellipsis\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('flex size-9 items-center justify-center', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis,\n};\n\n","/**\n * Breadcrumbs — page hierarchy trail. Last item is rendered as the current\n * page (non-link); preceding items become links when an `href` is provided.\n * The public scale is intentionally small/default; CSS variables control\n * display spacing and typography across the library.\n */\nimport { Fragment, type ReactNode } from 'react';\nimport {\n\tBreadcrumb,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from '@/components/ui/breadcrumb';\nimport type { ComponentScale } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbItemType {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type BreadcrumbSize = ComponentScale;\n\ntype BreadcrumbLinkRenderer = (props: {\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\t'aria-label'?: string;\n}) => ReactNode;\n\ntype BreadcrumbsProps = {\n\tbreadcrumbs: BreadcrumbItemType[];\n\tsize?: BreadcrumbSize;\n\tclassName?: string;\n\trenderLink?: BreadcrumbLinkRenderer;\n};\n\nconst hashString = (value: string): string => {\n\tlet hash = 0;\n\tfor (let i = 0; i < value.length; i += 1) {\n\t\thash = (hash << 5) - hash + value.charCodeAt(i);\n\t\thash |= 0;\n\t}\n\n\treturn Math.abs(hash).toString(36);\n};\n\nconst labelToKey = (label: ReactNode): string => {\n\tif (typeof label === 'string' || typeof label === 'number') return String(label);\n\treturn 'breadcrumb';\n};\n\nconst defaultRenderLink: BreadcrumbLinkRenderer = ({ href, children, ...props }) => (\n\t<a href={href} {...props}>{children}</a>\n);\n\nconst normalizeBreadcrumbSize = (size?: BreadcrumbSize): BreadcrumbSize => {\n\tif (size === 'small' || size === 'default') return size;\n\t// Runtime compatibility for pre-scale callers.\n\tif ((size as string | undefined) === 'xs') return 'small';\n\treturn 'default';\n};\n\nconst sizeConfig: Record<BreadcrumbSize, { item: string; list: string; separator: string; color: string }> = {\n\tsmall: {\n\t\titem: 'text-xs',\n\t\tlist: '!gap-space-sm',\n\t\tseparator: '!mx-space-2xs',\n\t\tcolor: 'text-muted-foreground/70',\n\t},\n\tdefault: {\n\t\titem: 'text-sm',\n\t\tlist: '!gap-space-md',\n\t\tseparator: '!mx-space-sm',\n\t\tcolor: 'text-muted-foreground',\n\t},\n};\n\nexport function Breadcrumbs({ breadcrumbs, size = 'default', className, renderLink = defaultRenderLink }: BreadcrumbsProps) {\n\tif (breadcrumbs.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst resolvedSize = normalizeBreadcrumbSize(size);\n\tconst { item: itemSizeClass, list: listSpacingClass, separator: separatorSpacingClass, color: baseColorClass } =\n\t\tsizeConfig[resolvedSize];\n\n\treturn (\n\t\t<Breadcrumb className={cn('breadcrumbs--component', baseColorClass, className)}>\n\t\t\t<BreadcrumbList className={cn('flex flex-wrap items-center break-words', listSpacingClass)}>\n\t\t\t\t{breadcrumbs.map((item, index) => {\n\t\t\t\t\tconst isLast = index === breadcrumbs.length - 1;\n\t\t\t\t\tconst itemKey = item.handle ?? item.href ?? `crumb-${hashString(labelToKey(item.label))}-${index}`;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Fragment key={itemKey}>\n\t\t\t\t\t\t\t<BreadcrumbItem className={cn(itemSizeClass, 'font-medium')}>\n\t\t\t\t\t\t\t\t{isLast || !item.href ? (\n\t\t\t\t\t\t\t\t\t<BreadcrumbPage>{item.label}</BreadcrumbPage>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t\t\t\t\t{renderLink({ href: item.href, children: item.label })}\n\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator className={cn(separatorSpacingClass)} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</BreadcrumbList>\n\t\t</Breadcrumb>\n\t);\n}\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"mappings":"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"}

package/dist/_shared/breadcrumbs-B57Unsoe.js

@@ -0,0 +1,105 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./slot-C5EJicOc.js";
+import { Fragment as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronRight as a } from "lucide-react";
+//#region src/components/ui/breadcrumb.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...e
+	});
+}
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", t),
+		...n
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1.5", t),
+		...n
+	});
+}
+function l({ asChild: n, className: i, ...a }) {
+	return /* @__PURE__ */ r(n ? t : "a", {
+		"data-slot": "breadcrumb-link",
+		className: e("hover:text-foreground transition-colors", i),
+		...a
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: e("text-foreground font-normal", t),
+		...n
+	});
+}
+function d({ children: t, className: n, ...i }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		className: e("[&>svg]:size-3.5", n),
+		...i,
+		children: t ?? /* @__PURE__ */ r(a, {})
+	});
+}
+//#endregion
+//#region src/components/base/navigation/breadcrumbs.tsx
+var f = (e) => {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
+	return Math.abs(t).toString(36);
+}, p = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "breadcrumb", m = ({ href: e, children: t, ...n }) => /* @__PURE__ */ r("a", {
+	href: e,
+	...n,
+	children: t
+}), h = (e) => e === "small" || e === "default" ? e : e === "xs" ? "small" : "default", g = {
+	small: {
+		item: "text-xs",
+		list: "!gap-space-sm",
+		separator: "!mx-space-2xs",
+		color: "text-muted-foreground/70"
+	},
+	default: {
+		item: "text-sm",
+		list: "!gap-space-md",
+		separator: "!mx-space-sm",
+		color: "text-muted-foreground"
+	}
+};
+function _({ breadcrumbs: t, size: a = "default", className: _, renderLink: v = m }) {
+	if (t.length === 0) return null;
+	let { item: y, list: b, separator: x, color: S } = g[h(a)];
+	return /* @__PURE__ */ r(o, {
+		className: e("breadcrumbs--component", S, _),
+		children: /* @__PURE__ */ r(s, {
+			className: e("flex flex-wrap items-center break-words", b),
+			children: t.map((a, o) => {
+				let s = o === t.length - 1, m = a.handle ?? a.href ?? `crumb-${f(p(a.label))}-${o}`;
+				return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(c, {
+					className: e(y, "font-medium"),
+					children: s || !a.href ? /* @__PURE__ */ r(u, { children: a.label }) : /* @__PURE__ */ r(l, {
+						asChild: !0,
+						children: v({
+							href: a.href,
+							children: a.label
+						})
+					})
+				}), !s && /* @__PURE__ */ r(d, { className: e(x) })] }, m);
+			})
+		})
+	});
+}
+_.displayName = "Breadcrumbs";
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=breadcrumbs-B57Unsoe.js.map