npm - admin-ui-starter-kit - Versions diffs - 0.6.4 → 0.6.6 - Mend

admin-ui-starter-kit 0.6.4 → 0.6.6

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

Files changed (1176) hide show

package/dist/_shared/auth-Dh790NI_.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"auth-Dh790NI_.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/badge-B8xGFpfM.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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-sm`,default:`gap-space-md px-space-md py-space-xs text-sm`};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-medium`),y=o?`inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-sm font-medium`:null,b=d[e]??d.primary;return(0,r.jsxs)(c,{variant:`secondary`,className:t.cn(`badge--component`,`font-sans`,`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}});
2	+ //# sourceMappingURL=badge-B8xGFpfM.cjs.map

package/dist/_shared/badge-B8xGFpfM.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"badge-B8xGFpfM.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-sm',\n\tdefault: 'gap-space-md px-space-md py-space-xs text-sm',\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-medium\")\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-sm 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 'font-sans',\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,gDACP,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,aAAa,EAChE,EAAmB,EACrB,4GACA,KAEE,EAAQ,EAAgB,IAAY,EAAgB,QAE1D,OACE,EAAA,EAAA,MAAC,EAAD,CACE,QAAQ,YACR,UAAW,EAAA,GAAG,mBACZ,YACA,8BACA,EACA,EACA,EAAM,MACN,EAAM,WACN,CACF,EACA,GAAI,WAXN,CAaG,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-BYNwSWh5.js ADDED Viewed

@@ -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-sm",
+	default: "gap-space-md px-space-md py-space-xs text-sm"
+};
+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-medium"), b = d ? "inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-sm font-medium" : null, x = u[i] ?? u.primary;
+	return /* @__PURE__ */ n(s, {
+		variant: "secondary",
+		className: e("badge--component", "font-sans", "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-BYNwSWh5.js.map

package/dist/_shared/badge-BYNwSWh5.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"badge-BYNwSWh5.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-sm',\n\tdefault: 'gap-space-md px-space-md py-space-xs text-sm',\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-medium\")\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-sm 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 'font-sans',\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,aAAa,GAChE,IAAmB,IACrB,8GACA,MAEE,IAAQ,EAAgB,MAAY,EAAgB;CAE1D,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,EAAG,oBACZ,aACA,+BACA,GACA,GACA,EAAM,OACN,EAAM,YACN,CACF;EACA,GAAI;YAXN;GAaG,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-CuT0YIfo.js ADDED Viewed

@@ -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-sm",
+		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-CuT0YIfo.js.map

package/dist/_shared/breadcrumbs-CuT0YIfo.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"breadcrumbs-CuT0YIfo.js","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-sm',\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-jNzlYqS9.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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-sm`,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 _}});
2	+ //# sourceMappingURL=breadcrumbs-jNzlYqS9.cjs.map

package/dist/_shared/breadcrumbs-jNzlYqS9.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"breadcrumbs-jNzlYqS9.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-sm',\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/button-BMiPFJIb.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-DZWtUXf2.cjs"),r=require("../lib/utils.cjs"),i=require("./button-DEFoa7-c.cjs"),a=require("./tooltip-mvxZV_Lu.cjs");let o=require("react");o=e.t(o,1);let s=require("react/jsx-runtime"),c=require("lucide-react");var l={dark:{solid:`bg-foreground text-background hover:bg-foreground/90`,outline:`border border-foreground/80 text-foreground hover:bg-foreground/8`,ghost:`text-foreground hover:bg-foreground/8`},primary:{solid:`bg-primary text-primary-foreground hover:bg-primary/90`,outline:`border border-primary/70 text-primary hover:bg-primary/10`,ghost:`text-primary hover:bg-primary/10`},secondary:{solid:`bg-foreground/8 text-foreground hover:bg-foreground/12`,outline:`border border-foreground/15 text-foreground hover:bg-foreground/8`,ghost:`text-foreground hover:bg-foreground/8`},light:{solid:`bg-muted text-muted-foreground hover:bg-muted/80`,outline:`border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground`,ghost:`text-muted-foreground hover:bg-accent hover:text-accent-foreground`},error:{solid:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,outline:`border border-destructive/60 text-destructive hover:bg-destructive/10`,ghost:`text-destructive hover:bg-destructive/10`},warning:{solid:`bg-warning text-warning-foreground hover:bg-warning/90`,outline:`border border-warning/70 text-warning-foreground hover:bg-warning/20`,ghost:`text-warning-foreground hover:bg-warning/20`},success:{solid:`bg-success text-success-foreground hover:bg-success/90`,outline:`border border-success/60 text-success hover:bg-success/10`,ghost:`text-success hover:bg-success/10`},action:{solid:`bg-info text-info-foreground hover:bg-info/90`,outline:`border border-info/60 text-info hover:bg-info/10`,ghost:`text-info hover:bg-info/10`}},u={small:`h-control-sm gap-space-sm px-control-sm text-sm`,default:`h-control gap-space-md px-control text-sm`,icon:`size-control p-0 text-sm`,"icon-small":`size-control-sm p-0 text-sm`},d={small:`size-icon-sm`,default:`size-icon`,icon:`size-icon`,"icon-small":`size-icon-sm`},f={small:`xs`,default:`default`,icon:`icon`,"icon-small":`icon-xs`};function p(e){return e===`small`\|\|e==="default"\|\|e===`icon`\|\|e===`icon-small`?e:e===`xs`?`small`:e===`icon-xs`\|\|e===`icon-sm`?`icon-small`:e===`sm`\|\|e===`lg`?`default`:e===`icon-lg`?`icon`:`default`}var m={small:`small`,default:`default`},h=o.forwardRef(({variant:e=`primary`,buttonStyle:t,size:a,fullWidth:o=!1,icon:c,iconPosition:h=`left`,children:g,className:_,disabled:v,...y},b)=>{let{defaultButtonStyle:x}=n.t(),{defaultControlSize:S}=n.o(),C=t??x??`solid`,w=p(a??m[S??`default`]),T=l[e]??l.secondary,E=T[C]??T.solid??l.secondary.solid;return(0,s.jsxs)(i.t,{ref:b,variant:C===`outline`?`outline`:C===`ghost`?`ghost`:`default`,size:f[w],className:r.cn(`base-button--component`,E,`inline-flex items-center justify-center rounded-radius`,u[w],o&&`w-full`,_),disabled:v,...y,children:[!!c&&h===`left`&&(0,s.jsx)(c,{className:d[w],"aria-hidden":`true`}),g,!!c&&h===`right`&&(0,s.jsx)(c,{className:d[w],"aria-hidden":`true`})]})});h.displayName=`BaseButton`;var g={loading:`Loading...`,completed:`Completed`},_=o.forwardRef(({loading:e=!1,handlesLoading:n,strings:i,loadingLabels:a,icon:l,iconPosition:u=`left`,children:d,disabled:f,...p},m)=>{let _=t.useStrings(t.useStrings(g,a),i),[v,y]=(0,o.useState)(e),[,b]=(0,o.useState)(!1);(0,o.useEffect)(()=>{e&&y(!0)},[e]),(0,o.useEffect)(()=>{n&&e&&y(!0)},[e,n]),(0,o.useEffect)(()=>{let t;return!e&&v&&(b(!0),t=setTimeout(()=>{y(!1),b(!1)},300)),()=>{t&&clearTimeout(t)}},[e,v]);let x=e=>e===`small`\|\|e===`icon-small`?`size-icon-sm`:`size-icon`;return(0,s.jsxs)(h,{className:`loader-button--component`,...p,ref:m,disabled:f\|\|v,children:[!!v&&(0,s.jsx)(c.Loader2,{className:r.cn(`animate-spin mr-2`,x(p.size)),"aria-hidden":`true`}),!!l&&u===`left`&&!v&&(0,s.jsx)(l,{className:r.cn(`opacity-60`,x(p.size),d&&`-ms-1 me-2`),"aria-hidden":`true`}),(0,s.jsxs)(`span`,{children:[!!v&&_.loading,!v&&d]}),!!l&&u===`right`&&!v&&(0,s.jsx)(l,{className:r.cn(`opacity-60`,x(p.size),d&&`-me-1 ms-2`),"aria-hidden":`true`})]})});_.displayName=`LoaderButton`;var v=o.forwardRef(({withTooltip:e,...t},n)=>(0,s.jsxs)(a.t,{children:[(0,s.jsx)(a.i,{render:i=>(0,s.jsx)(h,{...t,...i,"aria-label":t[`aria-label`]??e,ref:n,className:r.cn(`tooltip-button--component`,i.className,t.className)})}),(0,s.jsx)(a.n,{className:`px-2 py-1 text-sm`,children:e})]}));v.displayName=`TooltipButton`;var y=o.forwardRef(({href:e,withTooltip:t,loading:n,handlesLoading:i,...a},o)=>{let c=n!==void 0\|\|i?t?(0,s.jsx)(v,{className:`button--component`,ref:o,withTooltip:t,...a,children:(0,s.jsx)(_,{loading:n,handlesLoading:i,...a})}):(0,s.jsx)(_,{ref:o,loading:n,handlesLoading:i,...a}):t?(0,s.jsx)(v,{ref:o,withTooltip:t,...a}):(0,s.jsx)(h,{ref:o,...a});return e?(0,s.jsx)(`a`,{href:e,className:r.cn(`inline-flex`,a.fullWidth&&`w-full`),children:c}):c});y.displayName=`Button`,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});
2	+ //# sourceMappingURL=button-BMiPFJIb.cjs.map

package/dist/_shared/button-BMiPFJIb.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button-BMiPFJIb.cjs","names":[],"sources":["../../src/components/base/buttons/base-button.tsx","../../src/components/base/buttons/loader-button.tsx","../../src/components/base/buttons/tooltip-button.tsx","../../src/components/base/buttons/button.tsx"],"sourcesContent":["/**\n * BaseButton — foundational button. Wraps shadcn `Button` with a richer\n * variant × style × package scale (variants: dark / primary / secondary / error /\n * warning / success / light / action; styles: solid / outline / ghost), plus\n * optional left/right `icon` and `fullWidth`.\n */\nimport type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n Button as PrimitiveButton,\n type buttonVariants\n} from '@/components/ui/button';\nimport {\n useButtonConfig,\n useFormsConfig,\n type ButtonSize as ConfiguredButtonSize,\n type ButtonStyle as ConfiguredButtonStyle,\n type FormControlSize,\n} from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type ButtonVariant =\n | 'dark'\n | 'primary'\n | 'secondary'\n | 'error'\n | 'warning'\n | 'success'\n | 'light'\n | 'action';\nexport type ButtonStyle = ConfiguredButtonStyle;\nexport type ButtonSize = ConfiguredButtonSize;\nexport type IconPosition = 'left' | 'right';\n\nexport interface BaseButtonProps\n extends Omit<\n React.ComponentPropsWithoutRef<typeof PrimitiveButton>,\n 'children' | 'variant' | 'size'\n >,\n Omit<VariantProps<typeof buttonVariants>, 'variant' | 'size'> {\n variant?: ButtonVariant;\n buttonStyle?: ButtonStyle;\n size?: ButtonSize;\n fullWidth?: boolean;\n icon?: React.ElementType | LucideIcon;\n iconPosition?: IconPosition;\n children: React.ReactNode;\n}\n\nconst variantStyles: Record<ButtonVariant, Record<ButtonStyle, string>> = {\n dark: {\n solid: 'bg-foreground text-background hover:bg-foreground/90',\n outline: 'border border-foreground/80 text-foreground hover:bg-foreground/8',\n ghost: 'text-foreground hover:bg-foreground/8'\n },\n primary: {\n solid: 'bg-primary text-primary-foreground hover:bg-primary/90',\n outline: 'border border-primary/70 text-primary hover:bg-primary/10',\n ghost: 'text-primary hover:bg-primary/10'\n },\n secondary: {\n solid: 'bg-foreground/8 text-foreground hover:bg-foreground/12',\n outline: 'border border-foreground/15 text-foreground hover:bg-foreground/8',\n ghost: 'text-foreground hover:bg-foreground/8'\n },\n light: {\n solid: 'bg-muted text-muted-foreground hover:bg-muted/80',\n outline: 'border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n ghost: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'\n },\n error: {\n solid: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n outline: 'border border-destructive/60 text-destructive hover:bg-destructive/10',\n ghost: 'text-destructive hover:bg-destructive/10'\n },\n warning: {\n solid: 'bg-warning text-warning-foreground hover:bg-warning/90',\n outline: 'border border-warning/70 text-warning-foreground hover:bg-warning/20',\n ghost: 'text-warning-foreground hover:bg-warning/20'\n },\n success: {\n solid: 'bg-success text-success-foreground hover:bg-success/90',\n outline: 'border border-success/60 text-success hover:bg-success/10',\n ghost: 'text-success hover:bg-success/10'\n },\n action: {\n solid: 'bg-info text-info-foreground hover:bg-info/90',\n outline: 'border border-info/60 text-info hover:bg-info/10',\n ghost: 'text-info hover:bg-info/10'\n }\n};\n\nconst sizeStyles: Record<ButtonSize, string> = {\n small: 'h-control-sm gap-space-sm px-control-sm text-sm',\n default: 'h-control gap-space-md px-control text-sm',\n icon: 'size-control p-0 text-sm',\n 'icon-small': 'size-control-sm p-0 text-sm',\n};\n\nconst iconSizeStyles: Record<ButtonSize, string> = {\n small: 'size-icon-sm',\n default: 'size-icon',\n icon: 'size-icon',\n 'icon-small': 'size-icon-sm',\n};\n\nconst primitiveSizeByButtonSize: Record<ButtonSize, NonNullable<React.ComponentPropsWithoutRef<typeof PrimitiveButton>['size']>> = {\n small: 'xs',\n default: 'default',\n icon: 'icon',\n 'icon-small': 'icon-xs',\n};\n\nfunction normalizeButtonSize(size: ButtonSize | string | undefined): ButtonSize {\n if (size === 'small' || size === 'default' || size === 'icon' || size === 'icon-small') {\n return size;\n }\n if (size === 'xs') return 'small';\n if (size === 'icon-xs' || size === 'icon-sm') return 'icon-small';\n if (size === 'sm' || size === 'lg') return 'default';\n if (size === 'icon-lg') return 'icon';\n return 'default';\n}\n\nconst formControlSizeToButtonSize: Record<FormControlSize, ButtonSize> = {\n small: 'small',\n default: 'default',\n};\n\nconst BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(\n (\n {\n variant = 'primary',\n buttonStyle,\n size: sizeProp,\n fullWidth = false,\n icon: Icon,\n iconPosition = 'left',\n children,\n className,\n disabled,\n ...props\n },\n ref\n ) => {\n const { defaultButtonStyle } = useButtonConfig();\n const { defaultControlSize } = useFormsConfig();\n const resolvedButtonStyle: ButtonStyle =\n buttonStyle ?? defaultButtonStyle ?? 'solid';\n const size = normalizeButtonSize(\n sizeProp ?? formControlSizeToButtonSize[defaultControlSize ?? 'default'],\n );\n const resolvedVariantStyles =\n variantStyles[variant] ?? variantStyles.secondary;\n const resolvedStyleClass =\n resolvedVariantStyles[resolvedButtonStyle] ??\n resolvedVariantStyles.solid ??\n variantStyles.secondary.solid;\n\n const primitiveVariant =\n resolvedButtonStyle === 'outline'\n ? 'outline'\n : resolvedButtonStyle === 'ghost'\n ? 'ghost'\n : 'default';\n\n return (\n <PrimitiveButton\n ref={ref}\n variant={primitiveVariant}\n size={primitiveSizeByButtonSize[size]}\n className={cn('base-button--component',\n resolvedStyleClass,\n 'inline-flex items-center justify-center rounded-radius',\n sizeStyles[size],\n fullWidth && 'w-full',\n className\n )}\n disabled={disabled}\n {...props}\n >\n {!!Icon && iconPosition === 'left' && (\n <Icon\n className={iconSizeStyles[size]}\n aria-hidden=\"true\"\n />\n )}\n {children}\n {!!Icon && iconPosition === 'right' && (\n <Icon\n className={iconSizeStyles[size]}\n aria-hidden=\"true\"\n />\n )}\n </PrimitiveButton>\n );\n }\n);\n\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\n","import { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport { cn } from '@/lib/utils';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { BaseButton, type BaseButtonProps, type ButtonSize } from './base-button';\n\nexport interface LoaderButtonStrings {\n\tloading: string;\n\tcompleted: string;\n}\n\nexport const defaultLoaderButtonStrings: LoaderButtonStrings = {\n\tloading: 'Loading...',\n\tcompleted: 'Completed',\n};\n\n/** @deprecated Use `strings` instead. */\nexport interface LoadingLabels {\n\tloading?: string;\n\tcompleted?: string;\n}\n\nexport interface LoaderButtonProps extends BaseButtonProps {\n\tloading?: boolean;\n\thandlesLoading?: boolean;\n\tstrings?: StringsProp<LoaderButtonStrings>;\n\t/** @deprecated Use `strings` instead. */\n\tloadingLabels?: LoadingLabels;\n}\n\nconst LoaderButton = React.forwardRef<HTMLButtonElement, LoaderButtonProps>(\n\t(\n\t\t{\n\t\t\tloading = false,\n\t\t\thandlesLoading,\n\t\t\tstrings: stringsProp,\n\t\t\tloadingLabels,\n\t\t\ticon: Icon,\n\t\t\ticonPosition = 'left',\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst compatibilityStrings = useStrings(defaultLoaderButtonStrings, loadingLabels);\n\t\tconst strings = useStrings(compatibilityStrings, stringsProp);\n\t\tconst [isLoading, setIsLoading] = useState(loading);\n\t\tconst [, setShowCompletedState] = useState(false);\n\n\t\tuseEffect(() => {\n\t\t\tif (loading) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t}\n\t\t}, [loading]);\n\n\t\tuseEffect(() => {\n\t\t\tif (handlesLoading && loading) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t}\n\t\t}, [loading, handlesLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\t\tif (!loading && isLoading) {\n\t\t\t\tsetShowCompletedState(true);\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\tsetShowCompletedState(false);\n\t\t\t\t}, 300);\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\t\t};\n\t\t}, [loading, isLoading]);\n\n\t\tconst getIconClassName = (size?: ButtonSize) => {\n\t\t\tif (size === 'small' || size === 'icon-small') return 'size-icon-sm';\n\t\t\treturn 'size-icon';\n\t\t};\n\n\t\treturn (\n\t\t\t<BaseButton className=\"loader-button--component\"\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled || isLoading}\n\t\t\t>\n\t\t\t\t{!!isLoading && (\n <Loader2\n\t\t\t\t\t\tclassName={cn('animate-spin mr-2', getIconClassName(props.size))}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n )}\n\t\t\t\t{!!Icon && iconPosition === 'left' && !isLoading && (\n <Icon\n\t\t\t\t\t\tclassName={cn('opacity-60', getIconClassName(props.size), children && '-ms-1 me-2')}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n )}\n\t\t\t\t<span>\n\t\t\t\t\t{!!isLoading && strings.loading}\n\t\t\t\t\t{!isLoading && children}\n\t\t\t\t</span>\n\t\t\t\t{!!Icon && iconPosition === 'right' && !isLoading && (\n <Icon\n\t\t\t\t\t\tclassName={cn('opacity-60', getIconClassName(props.size), children && '-me-1 ms-2')}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n )}\n\t\t\t</BaseButton>\n\t\t);\n\t},\n);\n\nLoaderButton.displayName = 'LoaderButton';\n\nexport { LoaderButton };\n","import * as React from 'react';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\nexport interface TooltipButtonProps extends BaseButtonProps {\n\twithTooltip: string;\n}\n\nconst TooltipButton = React.forwardRef<HTMLButtonElement, TooltipButtonProps>(\n\t({ withTooltip, ...props }, ref) => {\n\t\treturn (\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\taria-label={props['aria-label'] ?? withTooltip}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\t// `render` merges props, but className needs manual merge.\n\n\t\t\t\t\t\t\tclassName={cn('tooltip-button--component', (triggerProps as { className?: string }).className, props.className)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<TooltipContent className=\"px-2 py-1 text-sm\">\n\t\t\t\t\t{withTooltip}\n\t\t\t\t</TooltipContent>\n\t\t\t</Tooltip>\n\t\t);\n\t},\n);\n\nTooltipButton.displayName = 'TooltipButton';\n\nexport { TooltipButton };\n","/**\n * Button — combo wrapper around BaseButton. Opts in to:\n * - `loading` / `handlesLoading` → wraps in LoaderButton\n * - `withTooltip` → wraps in TooltipButton\n * - `href` → renders an `<a>` around the button\n * Mix freely; only the relevant wrappers are added.\n */\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\nimport { LoaderButton, type LoaderButtonProps } from './loader-button';\nimport { TooltipButton, type TooltipButtonProps } from './tooltip-button';\n\nexport type ButtonProps = BaseButtonProps &\n\tPartial<LoaderButtonProps & TooltipButtonProps> & {\n\t\thref?: string;\n\t};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({\n\thref,\n\twithTooltip,\n\tloading,\n\thandlesLoading,\n\t...props\n}, ref) => {\n\tconst inner = (() => {\n\t\tif (loading !== undefined || handlesLoading) {\n\t\t\tif (withTooltip) {\n\t\t\t\treturn (\n\t\t\t\t\t<TooltipButton className=\"button--component\" ref={ref} withTooltip={withTooltip} {...props}>\n\t\t\t\t\t\t<LoaderButton loading={loading} handlesLoading={handlesLoading} {...props} />\n\t\t\t\t\t</TooltipButton>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn <LoaderButton ref={ref} loading={loading} handlesLoading={handlesLoading} {...props} />;\n\t\t}\n\n\t\tif (withTooltip) {\n\t\t\treturn <TooltipButton ref={ref} withTooltip={withTooltip} {...props} />;\n\t\t}\n\n\t\treturn <BaseButton ref={ref} {...props} />;\n\t})();\n\n\tif (href) {\n\t\treturn (\n\t\t\t<a\n\t\t\t\thref={href}\n\t\t\t\tclassName={cn('inline-flex', props.fullWidth && 'w-full')}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn inner;\n});\n\nButton.displayName = 'Button';\n\nexport { Button };\n"],"mappings":"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"}