npm - admin-ui-starter-kit - Versions diffs - 0.4.5 → 0.5.0 - Mend

admin-ui-starter-kit 0.4.5 → 0.5.0

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

package/dist/components/composed/admin/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/admin/team-member/team-member.tsx","../../../../src/components/composed/admin/admin.strings.ts","../../../../src/components/composed/admin/role-permission/role-permission.tsx","../../../../src/components/composed/admin/conversation-row/conversation-row.tsx","../../../../src/components/composed/admin/settings-toggle/settings-toggle.tsx","../../../../src/components/composed/admin/inventory-level/inventory-level.tsx","../../../../src/components/composed/admin/api-key-list/api-key-list.strings.ts","../../../../src/components/composed/admin/api-key-list/api-key-list.tsx"],"sourcesContent":["import { Badge } from '@/components/base/badge/badge';\nimport { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { TeamMemberRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function TeamMemberRow({ members, className }: TeamMemberRowProps) {\n return (\n <ItemGroup className={cn('team-member--component', className)}>\n {members.map((m) => (\n <Item key={m.name}>\n <ItemMedia>\n <IconBadge tone=\"primary\" solid size=\"md\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {m.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{m.name}</ItemTitle>\n <ItemDescription clamp={1}>{m.role}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <Badge variant=\"secondary\">{m.dept}</Badge>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {m.active}\n </Text>\n </ItemActions>\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nTeamMemberRow.displayName = 'TeamMemberRow';\n","/*\n Default user-facing strings for the `composed/admin` family.\n \n Consumers wire backend i18n at the call site:\n \n <InventoryLevelCard strings={{ statusInStock: t('inv.in_stock') }} … />\n /\n\nexport interface InventoryLevelCardStrings {\n\t/* Status pill label when stock > reorderLevel. /\n\tstatusInStock: string;\n\t/* Status pill label when stock <= reorderLevel and > critical. /\n\tstatusLowStock: string;\n\t/* Status pill label when stock is at or below the critical threshold. /\n\tstatusCritical: string;\n\t/* Inline label preceding the variant value (e.g. \"Variant: Large\"). /\n\tvariantLabel: string;\n\t/* Caption below the stock total (e.g. \"units available\"). /\n\tunitsAvailable: string;\n\t/* Inline label preceding the reorder level (e.g. \"Reorder at:\"). /\n\treorderAtLabel: string;\n\t/* Inline label preceding the last-restocked date (e.g. \"Last restocked:\"). /\n\tlastRestockedLabel: string;\n}\n\nexport const defaultInventoryLevelCardStrings: InventoryLevelCardStrings = {\n\tstatusInStock: 'In Stock',\n\tstatusLowStock: 'Low Stock',\n\tstatusCritical: 'Critical',\n\tvariantLabel: 'Variant',\n\tunitsAvailable: 'units available',\n\treorderAtLabel: 'Reorder at',\n\tlastRestockedLabel: 'Last restocked',\n};\n\nexport interface RolePermissionCardStrings {\n\t/* Edit-role button label. /\n\teditRole: string;\n\t/* Format string for the member-count badge. Receives the count. /\n\tformatMemberCount: (count: number) => string;\n}\n\nexport const defaultRolePermissionCardStrings: RolePermissionCardStrings = {\n\teditRole: 'Edit Role',\n\tformatMemberCount: (count) => `${count} members`,\n};\n","/\n RolePermissionCard — admin surface for a role with description, member\n * count badge, grouped permission states (success dot vs muted), and an\n * optional Edit button.\n \n Strings overridable via `strings` prop. `strings.formatMemberCount` is a\n * function so consumers can localise pluralisation rules.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Pencil } from 'lucide-react';\n\nimport { defaultRolePermissionCardStrings } from '../admin.strings';\nimport type { RolePermissionCardProps } from './types';\n\nexport function RolePermissionCard({\n roleName,\n description,\n memberCount,\n sections,\n onEdit,\n className,\n strings: stringsProp,\n}: RolePermissionCardProps) {\n const strings = useStrings(defaultRolePermissionCardStrings, stringsProp);\n return (\n <SmartCard\n title={roleName}\n description={description}\n headerEnd={memberCount !== undefined && <Badge variant=\"info\">{strings.formatMemberCount(memberCount)}</Badge>}\n className={cn('role-permission--component', className)}\n >\n <div className=\"mt-5 space-y-4\">\n {sections.map((section) => (\n <div key={section.name}>\n <Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-muted-foreground\">\n {section.name}\n </Text>\n <div className=\"mt-2 flex flex-wrap gap-2\">\n {section.permissions.map((perm) => (\n <div key={perm.label} className=\"flex items-center gap-1.5\">\n <span className={cn('size-2.5 rounded-full', perm.active ? 'bg-success' : 'bg-muted')} />\n <Text size=\"xs\" className={perm.active ? 'text-foreground' : 'text-muted-foreground'}>\n {perm.label}\n </Text>\n </div>\n ))}\n </div>\n </div>\n ))}\n </div>\n\n {!!onEdit && (\n <Button variant=\"secondary\" buttonStyle=\"ghost\" icon={Pencil} className=\"mt-5\" onClick={onEdit}>\n {strings.editRole}\n </Button>\n )}\n </SmartCard>\n );\n}\n\nRolePermissionCard.displayName = 'RolePermissionCard';\n","import { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { RecentConversationRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function RecentConversationRow({ conversations, className }: RecentConversationRowProps) {\n return (\n <ItemGroup className={cn('conversation-row--component', className)}>\n {conversations.map((c) => (\n <Item key={c.name} className=\"cursor-pointer\">\n <ItemMedia>\n <IconBadge tone=\"primary\" size=\"md\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {c.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <div className=\"flex items-center justify-between gap-2\">\n <ItemTitle>{c.name}</ItemTitle>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {c.time}\n </Text>\n </div>\n <ItemDescription clamp={1}>{c.preview}</ItemDescription>\n </ItemContent>\n {!!c.unread && (\n <ItemActions>\n <IconBadge tone=\"primary\" solid size=\"xs\">\n <Text size=\"xxs\" weight=\"bold\" className=\"text-inherit tabular-nums\">\n {c.unread}\n </Text>\n </IconBadge>\n </ItemActions>\n )}\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nRecentConversationRow.displayName = 'RecentConversationRow';\n","/\n SettingsToggleRow — vertically-stacked list of settings with icon, name,\n * description, and a `<Switch>` per row. Controlled when `values`/`onChange`\n * are passed; otherwise self-managed via local state.\n /\nimport { useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { ToggleSwitch } from '@/components/base/forms/fields/switch';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\n\nimport type { SettingsToggleRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function SettingsToggleRow({ settings, values, onChange, className }: SettingsToggleRowProps) {\n const [internalValues, setInternalValues] = useState<Record<string, boolean>>(() => {\n const defaults: Record<string, boolean> = {};\n for (const s of settings) {\n defaults[s.key] = s.defaultValue ?? false;\n }\n return defaults;\n });\n\n const isControlled = onChange !== undefined;\n const resolvedValues = isControlled && values ? values : internalValues;\n\n const handleToggle = (key: string, next: boolean) => {\n if (isControlled && onChange) {\n onChange(key, next);\n } else {\n setInternalValues((prev) => ({ ...prev, [key]: next }));\n }\n };\n\n return (\n <SmartCard className={cn('settings-toggle--component', className)}>\n <ItemGroup>\n {settings.map((s) => {\n const Icon = s.icon;\n const checked = resolvedValues[s.key] ?? false;\n return (\n <Item key={s.key}>\n <ItemMedia variant=\"icon\" className=\"bg-muted text-muted-foreground rounded-full size-9\">\n <Icon />\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{s.name}</ItemTitle>\n <ItemDescription>{s.desc}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <ToggleSwitch\n aria-label={s.name}\n checked={checked}\n onCheckedChange={(next) => handleToggle(s.key, next)}\n />\n </ItemActions>\n </Item>\n );\n })}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nSettingsToggleRow.displayName = 'SettingsToggleRow';\n","/\n InventoryLevelCard — single-product inventory snapshot with stock total,\n * reorder threshold, and a status pill (Critical / Low Stock / In Stock).\n \n Status thresholds are computed from `stock`, `reorderLevel`, and the\n * critical threshold (50% of `reorderLevel`). Status pill labels flow via\n * the `strings` prop so consumers can localise without forking the file.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultInventoryLevelCardStrings } from '../admin.strings';\nimport type { InventoryLevelCardProps } from './types';\n\nexport function InventoryLevelCard({\n productName,\n variant,\n stock,\n reorderLevel,\n maxStock,\n lastRestocked,\n className,\n strings: stringsProp,\n}: InventoryLevelCardProps) {\n const strings = useStrings(defaultInventoryLevelCardStrings, stringsProp);\n const pct = Math.round((stock / maxStock) 100);\n const isLow = stock <= reorderLevel;\n const isCritical = stock <= reorderLevel * 0.5;\n\n const badgeVariant = isCritical ? 'error' : isLow ? 'warning' : 'success';\n const badgeLabel = isCritical\n ? strings.statusCritical\n : isLow\n ? strings.statusLowStock\n : strings.statusInStock;\n\n return (\n <SmartCard className={cn('inventory-level--component', className)}>\n <Item size=\"xs\" className=\"px-0\">\n <ItemContent>\n <ItemTitle>{productName}</ItemTitle>\n {!!variant && (\n <ItemDescription clamp={1}>\n {strings.variantLabel}: {variant}\n </ItemDescription>\n )}\n </ItemContent>\n <ItemActions>\n <Badge variant={badgeVariant}>{badgeLabel}</Badge>\n </ItemActions>\n </Item>\n\n <Text size=\"xl\" weight=\"semibold\" className=\"tabular-nums tracking-tight\">{stock}</Text>\n <Text size=\"xs\" type=\"secondary\">\n {strings.unitsAvailable}\n </Text>\n\n <div className=\"mt-4 space-y-2\">\n <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all',\n isCritical ? 'bg-destructive' : isLow ? 'bg-warning' : 'bg-success',\n )}\n style={{ width: `${pct}%` }}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <Text size=\"xs\" type=\"secondary\">\n {strings.reorderAtLabel}: <Text tag=\"span\" weight=\"medium\" className=\"tabular-nums\">{reorderLevel}</Text>\n </Text>\n {!!lastRestocked && (\n <Text size=\"xs\" type=\"secondary\">\n {strings.lastRestockedLabel}: {lastRestocked}\n </Text>\n )}\n </div>\n </div>\n </SmartCard>\n );\n}\n\nInventoryLevelCard.displayName = 'InventoryLevelCard';\n","/*\n Strings for `<ApiKeyList>`. English defaults; deep-merge-overridable.\n /\nexport interface ApiKeyListStrings {\n\ttitle: string;\n\taddAria: string;\n\trowMenuAria: string;\n\tcopyMenuItem: string;\n\tcopiedMenuItem: string;\n\tdeleteMenuItem: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n\temptyMessage: string;\n}\n\nexport const defaultApiKeyListStrings: ApiKeyListStrings = {\n\ttitle: 'API keys',\n\taddAria: 'Add API key',\n\trowMenuAria: 'Key actions',\n\tcopyMenuItem: 'Copy key',\n\tcopiedMenuItem: 'Copied',\n\tdeleteMenuItem: 'Delete',\n\tcopyToastSuccess: 'Copied to clipboard',\n\tcopyToastError: 'Failed to copy',\n\temptyMessage: 'No keys yet.',\n};\n","/\n ApiKeyList — collapsible section listing API keys / credentials with a\n * per-row dropdown menu (Copy / Delete) and an optional add-new action\n * in the header. Generic enough to use for any \"named secret list\":\n * service tokens, webhook URLs, deployment hooks, …\n \n Composes:\n * - `base/display/collapsible` (the shadcn-wrapped collapsible shell)\n * - `base/cards/SmartCard` (the surface chrome)\n * - `base/buttons`, `base/badge` (header actions, status pills)\n * - `base/navigation/ActionMenu` (per-row dropdown)\n * - `base/copyable/Copyable` (copy-to-clipboard with toast)\n \n Framework-agnostic — every action is callback-driven; the library\n * doesn't fetch, navigate, or render delete confirmations.\n */\nimport { ChevronRight, Copy, Lock, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from '@/components/base/display/collapsible';\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Item, ItemActions, ItemContent, ItemMedia } from '@/components/base/item';\nimport { ActionMenu, MenuAction } from '@/components/base/navigation/action-menu';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultApiKeyListStrings } from './api-key-list.strings';\nimport type { ApiKeyListItem, ApiKeyListProps } from './api-key-list.types';\n\nexport const ApiKeyList = forwardRef<HTMLDivElement, ApiKeyListProps>(function ApiKeyList({\n\titems,\n\tdefaultOpen = true,\n\topen,\n\tonOpenChange,\n\tonAdd,\n\tonDelete,\n\tonCopy,\n\ttitle,\n\tclassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultApiKeyListStrings, stringsProp);\n\tconst isControlled = open !== undefined;\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst expanded = isControlled ? open : internalOpen;\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (!isControlled) setInternalOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\treturn (\n\t\t<SmartCard ref={ref} className={cn('api-key-list--component', className)}>\n\t\t\t<Collapsible open={expanded} onOpenChange={handleOpenChange}>\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<CollapsibleTrigger asChild>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tclassName=\"h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'size-4 text-muted-foreground transition-transform',\n\t\t\t\t\t\t\t\t\texpanded && 'rotate-90',\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<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{title ?? strings.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t{!!onAdd && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tonClick={onAdd}\n\t\t\t\t\t\t\taria-label={strings.addAria}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Plus className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<CollapsibleContent className=\"pt-3\">\n\t\t\t\t\t{items.length === 0 ? (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.emptyMessage}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"flex flex-col gap-2.5\">\n\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t<ApiKeyRow\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\tonDelete={onDelete}\n\t\t\t\t\t\t\t\t\tonCopy={onCopy}\n\t\t\t\t\t\t\t\t\tcopyMenuLabel={strings.copyMenuItem}\n\t\t\t\t\t\t\t\t\tcopiedMenuLabel={strings.copiedMenuItem}\n\t\t\t\t\t\t\t\t\tdeleteMenuLabel={strings.deleteMenuItem}\n\t\t\t\t\t\t\t\t\trowMenuAria={strings.rowMenuAria}\n\t\t\t\t\t\t\t\t\tcopyToastSuccess={strings.copyToastSuccess}\n\t\t\t\t\t\t\t\t\tcopyToastError={strings.copyToastError}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t</SmartCard>\n\t);\n});\n\nApiKeyList.displayName = 'ApiKeyList';\n\ninterface ApiKeyRowProps {\n\titem: ApiKeyListItem;\n\tonDelete?: ApiKeyListProps['onDelete'];\n\tonCopy?: ApiKeyListProps['onCopy'];\n\tcopyMenuLabel: string;\n\tcopiedMenuLabel: string;\n\tdeleteMenuLabel: string;\n\trowMenuAria: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n}\n\nfunction ApiKeyRow({\n\titem,\n\tonDelete,\n\tonCopy,\n\tcopyMenuLabel,\n\tcopiedMenuLabel,\n\tdeleteMenuLabel,\n\trowMenuAria,\n\tcopyToastSuccess,\n\tcopyToastError,\n}: ApiKeyRowProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = useCallback(async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(item.value);\n\t\t\tsetCopied(true);\n\t\t\tsetTimeout(() => setCopied(false), 1500);\n\t\t\ttoast.success(copyToastSuccess);\n\t\t\tonCopy?.(item.id, item);\n\t\t} catch (err) {\n\t\t\ttoast.error(copyToastError);\n\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\tconsole.warn('[ApiKeyList] copy failed', err);\n\t\t\t}\n\t\t}\n\t}, [item, onCopy, copyToastSuccess, copyToastError]);\n\n\tconst display = item.displayValue ?? item.value;\n\n\treturn (\n\t\t<Item size=\"xs\" data-slot=\"api-key-row\" className=\"flex-nowrap\">\n\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t<IconBadge\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tshape=\"square\"\n\t\t\t\t\ttone=\"muted\"\n\t\t\t\t\tbordered\n\t\t\t\t\tclassName=\"text-success\"\n\t\t\t\t>\n\t\t\t\t\t{item.icon ?? <Lock className=\"size-3.5\" />}\n\t\t\t\t</IconBadge>\n\t\t\t</ItemMedia>\n\t\t\t<ItemContent className=\"min-w-0 flex-row items-center gap-2.5\">\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"w-20 shrink-0 truncate sm:w-24\">\n\t\t\t\t\t{item.name}\n\t\t\t\t</Text>\n\t\t\t\t<span className=\"min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs\">\n\t\t\t\t\t{display}\n\t\t\t\t</span>\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<ActionMenu\n\t\t\t\t\tsrText={rowMenuAria}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\tbuttonProps={{ buttonStyle: 'ghost', variant: 'secondary' }}\n\t\t\t\t>\n\t\t\t\t\t<MenuAction\n\t\t\t\t\t\tlabel={copied ? copiedMenuLabel : copyMenuLabel}\n\t\t\t\t\t\ticon={Copy}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tvoid handleCopy();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!onDelete && (\n\t\t\t\t\t\t<MenuAction\n\t\t\t\t\t\t\tlabel={deleteMenuLabel}\n\t\t\t\t\t\t\ticon={Trash2}\n\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tonClick={() => onDelete(item.id, item)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</ActionMenu>\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nApiKeyRow.displayName = 'ApiKeyRow';\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/admin/team-member/team-member.tsx","../../../../src/components/composed/admin/admin.strings.ts","../../../../src/components/composed/admin/role-permission/role-permission.tsx","../../../../src/components/composed/admin/conversation-row/conversation-row.tsx","../../../../src/components/composed/admin/settings-toggle/settings-toggle.tsx","../../../../src/components/composed/admin/inventory-level/inventory-level.tsx","../../../../src/components/composed/admin/api-key-list/api-key-list.strings.ts","../../../../src/components/composed/admin/api-key-list/api-key-list.tsx","../../../../src/components/composed/admin/action-surfaces/index.tsx"],"sourcesContent":["import { Badge } from '@/components/base/badge/badge';\nimport { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { TeamMemberRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function TeamMemberRow({ members, className }: TeamMemberRowProps) {\n return (\n <ItemGroup className={cn('team-member--component', className)}>\n {members.map((m) => (\n <Item key={m.name}>\n <ItemMedia>\n <IconBadge tone=\"primary\" solid size=\"md\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {m.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{m.name}</ItemTitle>\n <ItemDescription clamp={1}>{m.role}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <Badge variant=\"secondary\">{m.dept}</Badge>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {m.active}\n </Text>\n </ItemActions>\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nTeamMemberRow.displayName = 'TeamMemberRow';\n","/*\n Default user-facing strings for the `composed/admin` family.\n \n Consumers wire backend i18n at the call site:\n \n <InventoryLevelCard strings={{ statusInStock: t('inv.in_stock') }} … />\n /\n\nexport interface InventoryLevelCardStrings {\n\t/* Status pill label when stock > reorderLevel. /\n\tstatusInStock: string;\n\t/* Status pill label when stock <= reorderLevel and > critical. /\n\tstatusLowStock: string;\n\t/* Status pill label when stock is at or below the critical threshold. /\n\tstatusCritical: string;\n\t/* Inline label preceding the variant value (e.g. \"Variant: Large\"). /\n\tvariantLabel: string;\n\t/* Caption below the stock total (e.g. \"units available\"). /\n\tunitsAvailable: string;\n\t/* Inline label preceding the reorder level (e.g. \"Reorder at:\"). /\n\treorderAtLabel: string;\n\t/* Inline label preceding the last-restocked date (e.g. \"Last restocked:\"). /\n\tlastRestockedLabel: string;\n}\n\nexport const defaultInventoryLevelCardStrings: InventoryLevelCardStrings = {\n\tstatusInStock: 'In Stock',\n\tstatusLowStock: 'Low Stock',\n\tstatusCritical: 'Critical',\n\tvariantLabel: 'Variant',\n\tunitsAvailable: 'units available',\n\treorderAtLabel: 'Reorder at',\n\tlastRestockedLabel: 'Last restocked',\n};\n\nexport interface RolePermissionCardStrings {\n\t/* Edit-role button label. /\n\teditRole: string;\n\t/* Format string for the member-count badge. Receives the count. /\n\tformatMemberCount: (count: number) => string;\n}\n\nexport const defaultRolePermissionCardStrings: RolePermissionCardStrings = {\n\teditRole: 'Edit Role',\n\tformatMemberCount: (count) => `${count} members`,\n};\n","/\n RolePermissionCard — admin surface for a role with description, member\n * count badge, grouped permission states (success dot vs muted), and an\n * optional Edit button.\n \n Strings overridable via `strings` prop. `strings.formatMemberCount` is a\n * function so consumers can localise pluralisation rules.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Pencil } from 'lucide-react';\n\nimport { defaultRolePermissionCardStrings } from '../admin.strings';\nimport type { RolePermissionCardProps } from './types';\n\nexport function RolePermissionCard({\n roleName,\n description,\n memberCount,\n sections,\n onEdit,\n className,\n strings: stringsProp,\n}: RolePermissionCardProps) {\n const strings = useStrings(defaultRolePermissionCardStrings, stringsProp);\n return (\n <SmartCard\n title={roleName}\n description={description}\n headerEnd={memberCount !== undefined && <Badge variant=\"info\">{strings.formatMemberCount(memberCount)}</Badge>}\n className={cn('role-permission--component', className)}\n >\n <div className=\"mt-5 space-y-4\">\n {sections.map((section) => (\n <div key={section.name}>\n <Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-muted-foreground\">\n {section.name}\n </Text>\n <div className=\"mt-2 flex flex-wrap gap-2\">\n {section.permissions.map((perm) => (\n <div key={perm.label} className=\"flex items-center gap-1.5\">\n <span className={cn('size-2.5 rounded-full', perm.active ? 'bg-success' : 'bg-muted')} />\n <Text size=\"xs\" className={perm.active ? 'text-foreground' : 'text-muted-foreground'}>\n {perm.label}\n </Text>\n </div>\n ))}\n </div>\n </div>\n ))}\n </div>\n\n {!!onEdit && (\n <Button variant=\"secondary\" buttonStyle=\"ghost\" icon={Pencil} className=\"mt-5\" onClick={onEdit}>\n {strings.editRole}\n </Button>\n )}\n </SmartCard>\n );\n}\n\nRolePermissionCard.displayName = 'RolePermissionCard';\n","import { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { RecentConversationRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function RecentConversationRow({ conversations, className }: RecentConversationRowProps) {\n return (\n <ItemGroup className={cn('conversation-row--component', className)}>\n {conversations.map((c) => (\n <Item key={c.name} className=\"cursor-pointer\">\n <ItemMedia>\n <IconBadge tone=\"primary\" size=\"md\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {c.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <div className=\"flex items-center justify-between gap-2\">\n <ItemTitle>{c.name}</ItemTitle>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {c.time}\n </Text>\n </div>\n <ItemDescription clamp={1}>{c.preview}</ItemDescription>\n </ItemContent>\n {!!c.unread && (\n <ItemActions>\n <IconBadge tone=\"primary\" solid size=\"xs\">\n <Text size=\"xxs\" weight=\"bold\" className=\"text-inherit tabular-nums\">\n {c.unread}\n </Text>\n </IconBadge>\n </ItemActions>\n )}\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nRecentConversationRow.displayName = 'RecentConversationRow';\n","/\n SettingsToggleRow — vertically-stacked list of settings with icon, name,\n * description, and a `<Switch>` per row. Controlled when `values`/`onChange`\n * are passed; otherwise self-managed via local state.\n /\nimport { useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { ToggleSwitch } from '@/components/base/forms/fields/switch';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\n\nimport type { SettingsToggleRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function SettingsToggleRow({ settings, values, onChange, className }: SettingsToggleRowProps) {\n const [internalValues, setInternalValues] = useState<Record<string, boolean>>(() => {\n const defaults: Record<string, boolean> = {};\n for (const s of settings) {\n defaults[s.key] = s.defaultValue ?? false;\n }\n return defaults;\n });\n\n const isControlled = onChange !== undefined;\n const resolvedValues = isControlled && values ? values : internalValues;\n\n const handleToggle = (key: string, next: boolean) => {\n if (isControlled && onChange) {\n onChange(key, next);\n } else {\n setInternalValues((prev) => ({ ...prev, [key]: next }));\n }\n };\n\n return (\n <SmartCard className={cn('settings-toggle--component', className)}>\n <ItemGroup>\n {settings.map((s) => {\n const Icon = s.icon;\n const checked = resolvedValues[s.key] ?? false;\n return (\n <Item key={s.key}>\n <ItemMedia variant=\"icon\" className=\"bg-muted text-muted-foreground rounded-full size-9\">\n <Icon />\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{s.name}</ItemTitle>\n <ItemDescription>{s.desc}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <ToggleSwitch\n aria-label={s.name}\n checked={checked}\n onCheckedChange={(next) => handleToggle(s.key, next)}\n />\n </ItemActions>\n </Item>\n );\n })}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nSettingsToggleRow.displayName = 'SettingsToggleRow';\n","/\n InventoryLevelCard — single-product inventory snapshot with stock total,\n * reorder threshold, and a status pill (Critical / Low Stock / In Stock).\n \n Status thresholds are computed from `stock`, `reorderLevel`, and the\n * critical threshold (50% of `reorderLevel`). Status pill labels flow via\n * the `strings` prop so consumers can localise without forking the file.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultInventoryLevelCardStrings } from '../admin.strings';\nimport type { InventoryLevelCardProps } from './types';\n\nexport function InventoryLevelCard({\n productName,\n variant,\n stock,\n reorderLevel,\n maxStock,\n lastRestocked,\n className,\n strings: stringsProp,\n}: InventoryLevelCardProps) {\n const strings = useStrings(defaultInventoryLevelCardStrings, stringsProp);\n const pct = Math.round((stock / maxStock) 100);\n const isLow = stock <= reorderLevel;\n const isCritical = stock <= reorderLevel * 0.5;\n\n const badgeVariant = isCritical ? 'error' : isLow ? 'warning' : 'success';\n const badgeLabel = isCritical\n ? strings.statusCritical\n : isLow\n ? strings.statusLowStock\n : strings.statusInStock;\n\n return (\n <SmartCard className={cn('inventory-level--component', className)}>\n <Item size=\"xs\" className=\"px-0\">\n <ItemContent>\n <ItemTitle>{productName}</ItemTitle>\n {!!variant && (\n <ItemDescription clamp={1}>\n {strings.variantLabel}: {variant}\n </ItemDescription>\n )}\n </ItemContent>\n <ItemActions>\n <Badge variant={badgeVariant}>{badgeLabel}</Badge>\n </ItemActions>\n </Item>\n\n <Text size=\"xl\" weight=\"semibold\" className=\"tabular-nums tracking-tight\">{stock}</Text>\n <Text size=\"xs\" type=\"secondary\">\n {strings.unitsAvailable}\n </Text>\n\n <div className=\"mt-4 space-y-2\">\n <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all',\n isCritical ? 'bg-destructive' : isLow ? 'bg-warning' : 'bg-success',\n )}\n style={{ width: `${pct}%` }}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <Text size=\"xs\" type=\"secondary\">\n {strings.reorderAtLabel}: <Text tag=\"span\" weight=\"medium\" className=\"tabular-nums\">{reorderLevel}</Text>\n </Text>\n {!!lastRestocked && (\n <Text size=\"xs\" type=\"secondary\">\n {strings.lastRestockedLabel}: {lastRestocked}\n </Text>\n )}\n </div>\n </div>\n </SmartCard>\n );\n}\n\nInventoryLevelCard.displayName = 'InventoryLevelCard';\n","/*\n Strings for `<ApiKeyList>`. English defaults; deep-merge-overridable.\n /\nexport interface ApiKeyListStrings {\n\ttitle: string;\n\taddAria: string;\n\trowMenuAria: string;\n\tcopyMenuItem: string;\n\tcopiedMenuItem: string;\n\tdeleteMenuItem: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n\temptyMessage: string;\n}\n\nexport const defaultApiKeyListStrings: ApiKeyListStrings = {\n\ttitle: 'API keys',\n\taddAria: 'Add API key',\n\trowMenuAria: 'Key actions',\n\tcopyMenuItem: 'Copy key',\n\tcopiedMenuItem: 'Copied',\n\tdeleteMenuItem: 'Delete',\n\tcopyToastSuccess: 'Copied to clipboard',\n\tcopyToastError: 'Failed to copy',\n\temptyMessage: 'No keys yet.',\n};\n","/\n ApiKeyList — collapsible section listing API keys / credentials with a\n * per-row dropdown menu (Copy / Delete) and an optional add-new action\n * in the header. Generic enough to use for any \"named secret list\":\n * service tokens, webhook URLs, deployment hooks, …\n \n Composes:\n * - `base/display/collapsible` (the shadcn-wrapped collapsible shell)\n * - `base/cards/SmartCard` (the surface chrome)\n * - `base/buttons`, `base/badge` (header actions, status pills)\n * - `base/navigation/ActionMenu` (per-row dropdown)\n * - `base/copyable/Copyable` (copy-to-clipboard with toast)\n \n Framework-agnostic — every action is callback-driven; the library\n * doesn't fetch, navigate, or render delete confirmations.\n */\nimport { ChevronRight, Copy, Lock, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from '@/components/base/display/collapsible';\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Item, ItemActions, ItemContent, ItemMedia } from '@/components/base/item';\nimport { ActionMenu, MenuAction } from '@/components/base/navigation/action-menu';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultApiKeyListStrings } from './api-key-list.strings';\nimport type { ApiKeyListItem, ApiKeyListProps } from './api-key-list.types';\n\nexport const ApiKeyList = forwardRef<HTMLDivElement, ApiKeyListProps>(function ApiKeyList({\n\titems,\n\tdefaultOpen = true,\n\topen,\n\tonOpenChange,\n\tonAdd,\n\tonDelete,\n\tonCopy,\n\ttitle,\n\tclassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultApiKeyListStrings, stringsProp);\n\tconst isControlled = open !== undefined;\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst expanded = isControlled ? open : internalOpen;\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (!isControlled) setInternalOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\treturn (\n\t\t<SmartCard ref={ref} className={cn('api-key-list--component', className)}>\n\t\t\t<Collapsible open={expanded} onOpenChange={handleOpenChange}>\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<CollapsibleTrigger asChild>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tclassName=\"h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'size-4 text-muted-foreground transition-transform',\n\t\t\t\t\t\t\t\t\texpanded && 'rotate-90',\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<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{title ?? strings.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t{!!onAdd && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tonClick={onAdd}\n\t\t\t\t\t\t\taria-label={strings.addAria}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Plus className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<CollapsibleContent className=\"pt-3\">\n\t\t\t\t\t{items.length === 0 ? (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.emptyMessage}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"flex flex-col gap-2.5\">\n\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t<ApiKeyRow\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\tonDelete={onDelete}\n\t\t\t\t\t\t\t\t\tonCopy={onCopy}\n\t\t\t\t\t\t\t\t\tcopyMenuLabel={strings.copyMenuItem}\n\t\t\t\t\t\t\t\t\tcopiedMenuLabel={strings.copiedMenuItem}\n\t\t\t\t\t\t\t\t\tdeleteMenuLabel={strings.deleteMenuItem}\n\t\t\t\t\t\t\t\t\trowMenuAria={strings.rowMenuAria}\n\t\t\t\t\t\t\t\t\tcopyToastSuccess={strings.copyToastSuccess}\n\t\t\t\t\t\t\t\t\tcopyToastError={strings.copyToastError}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t</SmartCard>\n\t);\n});\n\nApiKeyList.displayName = 'ApiKeyList';\n\ninterface ApiKeyRowProps {\n\titem: ApiKeyListItem;\n\tonDelete?: ApiKeyListProps['onDelete'];\n\tonCopy?: ApiKeyListProps['onCopy'];\n\tcopyMenuLabel: string;\n\tcopiedMenuLabel: string;\n\tdeleteMenuLabel: string;\n\trowMenuAria: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n}\n\nfunction ApiKeyRow({\n\titem,\n\tonDelete,\n\tonCopy,\n\tcopyMenuLabel,\n\tcopiedMenuLabel,\n\tdeleteMenuLabel,\n\trowMenuAria,\n\tcopyToastSuccess,\n\tcopyToastError,\n}: ApiKeyRowProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = useCallback(async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(item.value);\n\t\t\tsetCopied(true);\n\t\t\tsetTimeout(() => setCopied(false), 1500);\n\t\t\ttoast.success(copyToastSuccess);\n\t\t\tonCopy?.(item.id, item);\n\t\t} catch (err) {\n\t\t\ttoast.error(copyToastError);\n\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\tconsole.warn('[ApiKeyList] copy failed', err);\n\t\t\t}\n\t\t}\n\t}, [item, onCopy, copyToastSuccess, copyToastError]);\n\n\tconst display = item.displayValue ?? item.value;\n\n\treturn (\n\t\t<Item size=\"xs\" data-slot=\"api-key-row\" className=\"flex-nowrap\">\n\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t<IconBadge\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tshape=\"square\"\n\t\t\t\t\ttone=\"muted\"\n\t\t\t\t\tbordered\n\t\t\t\t\tclassName=\"text-success\"\n\t\t\t\t>\n\t\t\t\t\t{item.icon ?? <Lock className=\"size-3.5\" />}\n\t\t\t\t</IconBadge>\n\t\t\t</ItemMedia>\n\t\t\t<ItemContent className=\"min-w-0 flex-row items-center gap-2.5\">\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"w-20 shrink-0 truncate sm:w-24\">\n\t\t\t\t\t{item.name}\n\t\t\t\t</Text>\n\t\t\t\t<span className=\"min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs\">\n\t\t\t\t\t{display}\n\t\t\t\t</span>\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<ActionMenu\n\t\t\t\t\tsrText={rowMenuAria}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\tbuttonProps={{ buttonStyle: 'ghost', variant: 'secondary' }}\n\t\t\t\t>\n\t\t\t\t\t<MenuAction\n\t\t\t\t\t\tlabel={copied ? copiedMenuLabel : copyMenuLabel}\n\t\t\t\t\t\ticon={Copy}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tvoid handleCopy();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!onDelete && (\n\t\t\t\t\t\t<MenuAction\n\t\t\t\t\t\t\tlabel={deleteMenuLabel}\n\t\t\t\t\t\t\ticon={Trash2}\n\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tonClick={() => onDelete(item.id, item)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</ActionMenu>\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nApiKeyRow.displayName = 'ApiKeyRow';\n","import { useCallback, useMemo, useState, type ReactNode } from 'react';\nimport { KeyRound, Plus, ShieldAlert, Trash2, type LucideIcon } from 'lucide-react';\n\nimport { Button, type ButtonProps } from '@/components/base/buttons';\nimport { SmartCard, type CardPadding, type SmartCardSurface } from '@/components/base/cards';\nimport { Copyable } from '@/components/base/copyable';\nimport {\n\tAlert,\n\tAlertAction,\n\tAlertDescription,\n\tAlertTitle,\n\tIconBadge,\n} from '@/components/base/display';\nimport { Checkbox, FormField, Input } from '@/components/base/forms';\nimport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from '@/components/base/item';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { ApiKeyList, type ApiKeyListItem } from '../api-key-list';\n\nexport interface ActionRowAction extends Omit<ButtonProps, 'children'> {\n\tlabel: ReactNode;\n\ticon?: LucideIcon;\n}\n\nexport interface ActionRowProps {\n\ticon?: LucideIcon;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tprimaryAction?: ActionRowAction;\n\tsecondaryAction?: ActionRowAction;\n\tactions?: ReactNode;\n\tdisabled?: boolean;\n\tclassName?: string;\n}\n\nfunction renderAction(action: ActionRowAction \| undefined, fallbackVariant: ButtonProps['variant']) {\n\tif (!action) return null;\n\tconst { label, icon: Icon, variant = fallbackVariant, ...buttonProps } = action;\n\n\treturn (\n\t\t<Button {...buttonProps} variant={variant}>\n\t\t\t{!!Icon && <Icon className=\"size-4\" />}\n\t\t\t{label}\n\t\t</Button>\n\t);\n}\n\nexport function ActionRow({\n\ticon: Icon,\n\ttitle,\n\tdescription,\n\tprimaryAction,\n\tsecondaryAction,\n\tactions,\n\tdisabled = false,\n\tclassName,\n}: ActionRowProps) {\n\treturn (\n\t\t<Item\n\t\t\tdata-component=\"action-row\"\n\t\t\tdata-slot=\"action-row\"\n\t\t\tclassName={cn('action-row--component', disabled && 'opacity-60', className)}\n\t\t>\n\t\t\t{!!Icon && (\n\t\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t\t<IconBadge icon={Icon} tone=\"muted\" shape=\"square\" size=\"sm\" />\n\t\t\t\t</ItemMedia>\n\t\t\t)}\n\t\t\t<ItemContent>\n\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t{!!description && <ItemDescription>{description}</ItemDescription>}\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"flex-wrap justify-end\">\n\t\t\t\t{actions ?? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{renderAction(secondaryAction, 'secondary')}\n\t\t\t\t\t\t{renderAction(primaryAction, 'primary')}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nexport interface ActionListProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tactions?: ReactNode;\n\tchildren?: ReactNode;\n\trows?: readonly ActionRowProps[];\n\tpadding?: CardPadding;\n\tsurface?: SmartCardSurface;\n\tclassName?: string;\n\tcontentClassName?: string;\n}\n\nexport function ActionList({\n\ttitle,\n\tdescription,\n\tactions,\n\tchildren,\n\trows,\n\tpadding = 'sm',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n}: ActionListProps) {\n\treturn (\n\t\t<SmartCard\n\t\t\tdata-component=\"action-list\"\n\t\t\tdata-slot=\"action-list\"\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\theaderAction={actions}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn('action-list--component', className)}\n\t\t\tcontentClassName={cn('action-list--content grid gap-2', contentClassName)}\n\t\t>\n\t\t\t{rows?.map((row, index) => (\n\t\t\t\t<ActionRow key={index} {...row} />\n\t\t\t))}\n\t\t\t{children}\n\t\t</SmartCard>\n\t);\n}\n\nexport interface SensitiveActionCardProps {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tconfirmation?: ReactNode;\n\taction?: ReactNode;\n\ticon?: LucideIcon;\n\tpadding?: CardPadding;\n\tsurface?: SmartCardSurface;\n\tclassName?: string;\n}\n\nexport function SensitiveActionCard({\n\ttitle,\n\tdescription,\n\tconfirmation,\n\taction,\n\ticon: Icon = ShieldAlert,\n\tpadding = 'sm',\n\tsurface = 'card',\n\tclassName,\n}: SensitiveActionCardProps) {\n\treturn (\n\t\t<SmartCard\n\t\t\tdata-component=\"sensitive-action-card\"\n\t\t\tdata-slot=\"sensitive-action-card\"\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn('sensitive-action-card--component border-destructive/30', className)}\n\t\t\tcontentClassName=\"sensitive-action-card--content grid gap-3\"\n\t\t>\n\t\t\t<div className=\"flex min-w-0 items-start gap-3\">\n\t\t\t\t<IconBadge icon={Icon} tone=\"destructive\" shape=\"square\" size=\"sm\" />\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"semibold\">{title}</Text>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t{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\t{!!action && <div className=\"shrink-0\">{action}</div>}\n\t\t\t</div>\n\t\t\t{!!confirmation && (\n\t\t\t\t<Alert variant=\"destructive\" role=\"note\" className=\"sensitive-action-card--confirmation\">\n\t\t\t\t\t<AlertDescription>{confirmation}</AlertDescription>\n\t\t\t\t</Alert>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nexport interface CopyableSecretAlertStrings {\n\ttitle: string;\n\tdescription: string;\n\tcopySuccess: string;\n}\n\nexport const defaultCopyableSecretAlertStrings: CopyableSecretAlertStrings = {\n\ttitle: 'Secret created',\n\tdescription: 'Copy this value now. It may not be shown again.',\n\tcopySuccess: 'Secret copied',\n};\n\nexport interface CopyableSecretAlertProps {\n\tvalue: string;\n\tdisplayValue?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\taction?: ReactNode;\n\tclassName?: string;\n\tstrings?: StringsProp<CopyableSecretAlertStrings>;\n}\n\nexport function CopyableSecretAlert({\n\tvalue,\n\tdisplayValue,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n\tstrings: stringsProp,\n}: CopyableSecretAlertProps) {\n\tconst strings = useStrings(defaultCopyableSecretAlertStrings, stringsProp);\n\n\treturn (\n\t\t<Alert\n\t\t\tdata-component=\"copyable-secret-alert\"\n\t\t\tdata-slot=\"copyable-secret-alert\"\n\t\t\tvariant=\"success\"\n\t\t\tclassName={cn('copyable-secret-alert--component', className)}\n\t\t>\n\t\t\t<KeyRound className=\"size-4\" />\n\t\t\t<AlertTitle>{title ?? strings.title}</AlertTitle>\n\t\t\t<AlertDescription>\n\t\t\t\t<span className=\"grid gap-2\">\n\t\t\t\t\t<span>{description ?? strings.description}</span>\n\t\t\t\t\t<Copyable\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tdisplayValue={displayValue ?? value}\n\t\t\t\t\t\tmono\n\t\t\t\t\t\ttruncate\n\t\t\t\t\t\tclassName=\"copyable-secret-alert--value max-w-full rounded-md bg-background px-2 py-1\"\n\t\t\t\t\t\tsuccessMessage={strings.copySuccess}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</AlertDescription>\n\t\t\t{!!action && <AlertAction>{action}</AlertAction>}\n\t\t</Alert>\n\t);\n}\n\nexport interface ApiTokenAbility {\n\tid: string;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n}\n\nexport interface ApiTokenCreatedToken {\n\tvalue: string;\n\tdisplayValue?: ReactNode;\n\tname?: ReactNode;\n}\n\nexport interface ApiTokenCreateValues {\n\tname: string;\n\tabilities: string[];\n}\n\nexport interface ApiTokenManagerStrings {\n\ttitle: string;\n\tdescription: string;\n\tnameLabel: string;\n\tnamePlaceholder: string;\n\tabilitiesLabel: string;\n\tcreate: string;\n\trevokeAll: string;\n\tcreatedTitle: string;\n\tcreatedDescription: string;\n}\n\nexport const defaultApiTokenManagerStrings: ApiTokenManagerStrings = {\n\ttitle: 'API tokens',\n\tdescription: 'Create and revoke access tokens.',\n\tnameLabel: 'Token name',\n\tnamePlaceholder: 'Production deploy key',\n\tabilitiesLabel: 'Abilities',\n\tcreate: 'Create token',\n\trevokeAll: 'Revoke all',\n\tcreatedTitle: 'Token created',\n\tcreatedDescription: 'Copy this token now. It will not be shown again.',\n};\n\nexport interface ApiTokenManagerProps {\n\ttokens: ApiKeyListItem[];\n\tabilities?: readonly ApiTokenAbility[];\n\tcreatedToken?: ApiTokenCreatedToken \| null;\n\tname?: string;\n\tdefaultName?: string;\n\tonNameChange?: (name: string) => void;\n\tselectedAbilities?: readonly string[];\n\tdefaultSelectedAbilities?: readonly string[];\n\tonSelectedAbilitiesChange?: (abilities: string[]) => void;\n\tonCreateToken?: (values: ApiTokenCreateValues) => void \| Promise<void>;\n\tonRevokeToken?: (id: string, token: ApiKeyListItem) => void \| Promise<void>;\n\tonRevokeAllTokens?: () => void \| Promise<void>;\n\tonAfterMutate?: (event: { type: 'create' \| 'revoke' \| 'revoke-all'; payload?: unknown }) => void;\n\tonError?: (error: unknown, context: { phase: 'create' \| 'revoke' \| 'revoke-all' }) => void;\n\tisCreating?: boolean;\n\tisRevokingAll?: boolean;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tstrings?: StringsProp<ApiTokenManagerStrings>;\n}\n\nexport function ApiTokenManager({\n\ttokens,\n\tabilities = [],\n\tcreatedToken,\n\tname,\n\tdefaultName = '',\n\tonNameChange,\n\tselectedAbilities,\n\tdefaultSelectedAbilities = [],\n\tonSelectedAbilitiesChange,\n\tonCreateToken,\n\tonRevokeToken,\n\tonRevokeAllTokens,\n\tonAfterMutate,\n\tonError,\n\tisCreating = false,\n\tisRevokingAll = false,\n\tdisabled = false,\n\tclassName,\n\tstrings: stringsProp,\n}: ApiTokenManagerProps) {\n\tconst strings = useStrings(defaultApiTokenManagerStrings, stringsProp);\n\tconst isNameControlled = name !== undefined;\n\tconst isAbilitiesControlled = selectedAbilities !== undefined;\n\tconst [internalName, setInternalName] = useState(defaultName);\n\tconst [internalAbilities, setInternalAbilities] = useState<string[]>([...defaultSelectedAbilities]);\n\tconst [pendingPhase, setPendingPhase] = useState<'create' \| 'revoke' \| 'revoke-all' \| null>(null);\n\tconst resolvedName = isNameControlled ? name : internalName;\n\tconst resolvedAbilities = useMemo(\n\t\t() => isAbilitiesControlled ? [...selectedAbilities] : internalAbilities,\n\t\t[internalAbilities, isAbilitiesControlled, selectedAbilities],\n\t);\n\tconst creating = isCreating \|\| pendingPhase === 'create';\n\tconst revokingAll = isRevokingAll \|\| pendingPhase === 'revoke-all';\n\n\tconst setName = useCallback(\n\t\t(nextName: string) => {\n\t\t\tif (!isNameControlled) setInternalName(nextName);\n\t\t\tonNameChange?.(nextName);\n\t\t},\n\t\t[isNameControlled, onNameChange],\n\t);\n\n\tconst setAbilities = useCallback(\n\t\t(nextAbilities: string[]) => {\n\t\t\tif (!isAbilitiesControlled) setInternalAbilities(nextAbilities);\n\t\t\tonSelectedAbilitiesChange?.(nextAbilities);\n\t\t},\n\t\t[isAbilitiesControlled, onSelectedAbilitiesChange],\n\t);\n\n\tconst toggleAbility = useCallback(\n\t\t(abilityId: string, checked: boolean \| 'indeterminate') => {\n\t\t\tconst nextChecked = checked === true;\n\t\t\tconst next = nextChecked\n\t\t\t\t? Array.from(new Set([...resolvedAbilities, abilityId]))\n\t\t\t\t: resolvedAbilities.filter((id) => id !== abilityId);\n\t\t\tsetAbilities(next);\n\t\t},\n\t\t[resolvedAbilities, setAbilities],\n\t);\n\n\tconst runMutation = useCallback(\n\t\tasync (\n\t\t\tphase: 'create' \| 'revoke' \| 'revoke-all',\n\t\t\ttask: () => void \| Promise<void>,\n\t\t\tpayload?: unknown,\n\t\t) => {\n\t\t\tsetPendingPhase(phase);\n\t\t\ttry {\n\t\t\t\tawait task();\n\t\t\t\tonAfterMutate?.({ type: phase, payload });\n\t\t\t} catch (error) {\n\t\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\t\tconsole.warn(`[ApiTokenManager] ${phase} failed`, error);\n\t\t\t\t}\n\t\t\t\tonError?.(error, { phase });\n\t\t\t} finally {\n\t\t\t\tsetPendingPhase(null);\n\t\t\t}\n\t\t},\n\t\t[onAfterMutate, onError],\n\t);\n\n\tconst handleCreate = useCallback(() => {\n\t\tif (!onCreateToken) return;\n\t\tconst values = { name: resolvedName, abilities: resolvedAbilities };\n\t\tvoid runMutation('create', () => onCreateToken(values), values);\n\t}, [onCreateToken, resolvedAbilities, resolvedName, runMutation]);\n\n\tconst handleRevoke = useCallback(\n\t\t(id: string, token: ApiKeyListItem) => {\n\t\t\tif (!onRevokeToken) return;\n\t\t\tvoid runMutation('revoke', () => onRevokeToken(id, token), token);\n\t\t},\n\t\t[onRevokeToken, runMutation],\n\t);\n\n\tconst handleRevokeAll = useCallback(() => {\n\t\tif (!onRevokeAllTokens) return;\n\t\tvoid runMutation('revoke-all', onRevokeAllTokens);\n\t}, [onRevokeAllTokens, runMutation]);\n\n\treturn (\n\t\t<SmartCard\n\t\t\tdata-component=\"api-token-manager\"\n\t\t\tdata-slot=\"api-token-manager\"\n\t\t\ttitle={strings.title}\n\t\t\tdescription={strings.description}\n\t\t\theaderAction={onRevokeAllTokens ? (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tloading={revokingAll}\n\t\t\t\t\tdisabled={disabled \|\| tokens.length === 0}\n\t\t\t\t\tonClick={handleRevokeAll}\n\t\t\t\t>\n\t\t\t\t\t<Trash2 className=\"size-4\" />\n\t\t\t\t\t{strings.revokeAll}\n\t\t\t\t</Button>\n\t\t\t) : undefined}\n\t\t\tclassName={cn('api-token-manager--component', className)}\n\t\t\tcontentClassName=\"api-token-manager--content grid gap-4\"\n\t\t>\n\t\t\t{!!createdToken && (\n\t\t\t\t<CopyableSecretAlert\n\t\t\t\t\tvalue={createdToken.value}\n\t\t\t\t\tdisplayValue={createdToken.displayValue}\n\t\t\t\t\ttitle={createdToken.name ?? strings.createdTitle}\n\t\t\t\t\tdescription={strings.createdDescription}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div className=\"api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3\">\n\t\t\t\t<FormField label={strings.nameLabel}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={resolvedName}\n\t\t\t\t\t\tplaceholder={strings.namePlaceholder}\n\t\t\t\t\t\tonChange={(event) => setName(event.currentTarget.value)}\n\t\t\t\t\t\tdisabled={disabled \|\| creating}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\n\t\t\t\t{abilities.length > 0 && (\n\t\t\t\t\t<div className=\"api-token-manager--abilities grid gap-2\">\n\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\">{strings.abilitiesLabel}</Text>\n\t\t\t\t\t\t<div className=\"grid gap-2 sm:grid-cols-2\">\n\t\t\t\t\t\t\t{abilities.map((ability) => {\n\t\t\t\t\t\t\t\tconst checked = resolvedAbilities.includes(ability.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tkey={ability.id}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-w-0 items-start gap-2 rounded-md border border-border/70 bg-background px-3 py-2\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled \|\| creating \|\| ability.disabled}\n\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(next) => toggleAbility(ability.id, next)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span className=\"grid min-w-0 gap-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">{ability.label}</Text>\n\t\t\t\t\t\t\t\t\t\t\t{!!ability.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{ability.description}</Text>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"flex justify-end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tloading={creating}\n\t\t\t\t\t\tdisabled={disabled \|\| !onCreateToken \|\| resolvedName.trim().length === 0}\n\t\t\t\t\t\tonClick={handleCreate}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Plus className=\"size-4\" />\n\t\t\t\t\t\t{strings.create}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<ApiKeyList\n\t\t\t\titems={tokens}\n\t\t\t\tonDelete={onRevokeToken ? handleRevoke : undefined}\n\t\t\t/>\n\t\t</SmartCard>\n\t);\n}\n\nApiTokenManager.displayName = 'ApiTokenManager';\n"],"mappings":"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"}

package/dist/components/composed/ai/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/smart-card-B6m7tmt0.cjs"),s=require("../../../_shared/textarea-C4SOrh0z.cjs"),c=require("../../../_shared/separator-q42IlFFA.cjs"),l=require("../../../_shared/display-Dhy5ogxC.cjs"),u=require("../../../_shared/item-DoXXYgPm.cjs"),d=require("../../../_shared/ai-artifact-D4EjKoq6.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");var h={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},g={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},_={low:1,medium:2,high:3};function v({level:e,label:n}){let i=_[e];return(0,p.jsxs)(`div`,{className:t.cn(`ai-summary--component`,`flex items-center gap-1.5`),children:[(0,p.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,n)=>(0,p.jsx)(`div`,{className:t.cn(`h-2.5 w-1 rounded-sm`,n<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(n)}`))}),(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function y({data:t,strings:i}){let s=e.useStrings(h,i);return(0,p.jsx)(o.t,{title:(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.BrainCircuit,{className:`h-4 w-4 text-muted-foreground`}),(0,p.jsx)(r.n,{tag:`span`,children:s.title})]}),titleSuffix:(0,p.jsx)(a.t,{variant:`secondary`,children:s.badgeLabel}),footerText:(0,p.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,tag:`span`,children:t.generatedAt}),(0,p.jsx)(r.n,{size:`xs`,type:`discrete`,tag:`span`,children:t.model})]}),!!t.onRegenerate&&(0,p.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:t.onRegenerate,children:[(0,p.jsx)(m.RefreshCw,{className:`mr-1 h-3 w-3`}),s.regenerate]})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsx)(r.n,{lineHeight:`relaxed`,children:t.summary}),t.entities.length>0&&(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:t.entities.map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))}),(0,p.jsx)(v,{level:t.confidence,label:s.confidenceLevels[t.confidence]})]})})}function b({data:n,strings:i}){let s=e.useStrings(g,i),u=n.confidence>=.9?s.confidenceBands.high:n.confidence>=.7?s.confidenceBands.medium:s.confidenceBands.low;return(0,p.jsx)(o.t,{title:(0,p.jsxs)(`div`,{className:t.cn(`ai-classification--component`,`flex items-center gap-2`),children:[(0,p.jsx)(m.BrainCircuit,{className:`h-4 w-4 text-muted-foreground`}),(0,p.jsx)(r.n,{tag:`span`,children:s.title})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(a.t,{variant:`primary`,children:n.requestType}),(0,p.jsx)(a.t,{variant:n.urgencyVariant,children:n.urgency}),(0,p.jsx)(a.t,{variant:n.toneVariant,dot:!0,children:n.tone})]}),(0,p.jsx)(l.i,{label:s.complexityLabel,labelClassName:`text-xs`,value:(0,p.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(e,r)=>(0,p.jsx)(`span`,{className:t.cn(`h-1.5 w-3 rounded-sm`,r<n.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,p.jsxs)(r.n,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(n.complexityScore),`/5`]})]})}),n.flags.length>0&&(0,p.jsx)(l.i,{label:s.flagsLabel,labelClassName:`text-xs`,value:(0,p.jsx)(`span`,{className:`flex gap-1`,children:n.flags.map(e=>(0,p.jsx)(a.t,{variant:`warning`,children:e},e))})}),(0,p.jsx)(l.i,{label:s.nextStepLabel,labelClassName:`text-xs`,value:(0,p.jsx)(a.t,{variant:`info`,children:n.suggestedAction})}),(0,p.jsx)(r.n,{lineHeight:`relaxed`,type:`secondary`,children:n.summary}),(0,p.jsx)(c.t,{}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(a.t,{variant:`secondary`,children:[s.confidencePrefix,`: `,u]}),(0,p.jsx)(r.n,{size:`xs`,type:`discrete`,tag:`span`,children:n.model})]})]})})}var x={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function S(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function C({score:n,model:i,factors:s,className:c,strings:u}){let d=e.useStrings(x,u),f=Math.round(n*100),{label:h,variant:g}=S(n),_=2*Math.PI*24,v=_-f/100*_;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:d.title,titleSuffix:!!i&&(0,p.jsx)(a.t,{variant:`secondary`,children:i}),className:t.cn(`ai-confidence--component`,c),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsxs)(`svg`,{width:`64`,height:`64`,viewBox:`0 0 64 64`,children:[(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/40`}),(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:_,strokeDashoffset:v,transform:`rotate(-90 32 32)`,className:t.cn(g===`success`&&`text-success`,g===`warning`&&`text-warning`,g===`error`&&`text-destructive`)})]}),(0,p.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,p.jsxs)(r.n,{weight:`semibold`,className:`tabular-nums leading-none`,children:[f,`%`]})})]}),(0,p.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.confidenceLabel}),(0,p.jsx)(a.t,{variant:g,className:`mt-1`,children:h})]})]}),!!s&&s.length>0&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.factorsLabel}),s.map(e=>(0,p.jsxs)(`div`,{children:[(0,p.jsx)(l.i,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}C.displayName=`AiConfidenceCard`;var w={title:`Try asking`,hint:`Tap a prompt to start`};function T({suggestions:n,onPick:r,className:a,strings:s}){let c=e.useStrings(w,s);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:c.title,description:c.hint,className:t.cn(`ai-prompt-suggestions--component`,a),children:(0,p.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2`,children:n.map(e=>{let n=e.icon;return(0,p.jsxs)(u.t,{variant:`outline`,render:(0,p.jsx)(`button`,{type:`button`,onClick:()=>r?.(e)}),className:t.cn(`ai-prompt-suggestions--item h-full items-start transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:n,tone:`primary`,size:`sm`,shape:`square`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{children:e.label}),!!e.description&&(0,p.jsx)(u.i,{children:e.description})]})]},e.id)})})})}T.displayName=`AiPromptSuggestions`;var E={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function D({model:n,inputTokens:i,outputTokens:s,cost:c,maxTokens:u,className:d,strings:f}){let h=e.useStrings(E,f),g=i+s,_=u?Math.min(100,Math.round(g/u*100)):0;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Cpu,{className:`size-4`}),title:h.title,titleSuffix:!!n&&(0,p.jsx)(a.t,{variant:`secondary`,children:n}),className:t.cn(`ai-token-usage--component`,d),children:[(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:h.input,value:i},{label:h.output,value:s},{label:h.total,value:g}].map(e=>(0,p.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,p.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,p.jsx)(r.n,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!u&&(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(l.i,{label:`${g.toLocaleString()} / ${u.toLocaleString()}`,value:`${_}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${_}%`}})})]}),!!c&&(0,p.jsx)(l.i,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:h.cost,value:c,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}D.displayName=`AiTokenUsageCard`;var O={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`};function k({value:i,onVote:a,onSubmitComment:o,allowComment:c=!0,submitted:l=!1,className:u,strings:d}){let h=e.useStrings(O,d),[g,_]=(0,f.useState)(null),[v,y]=(0,f.useState)(``),b=i??g,x=e=>{let t=b===e?null:e;i===void 0&&_(t),a?.(t)};return l?(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,u),children:[(0,p.jsx)(m.ThumbsUp,{className:`size-3.5 text-success`}),(0,p.jsx)(r.n,{size:`xs`,type:`success`,weight:`medium`,children:h.thanks})]}):(0,p.jsxs)(`div`,{className:t.cn(`inline-flex flex-col gap-2`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,children:h.prompt}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`up`?`solid`:`ghost`,size:`icon-xs`,"aria-label":h.thumbsUpAria,"aria-pressed":b===`up`,onClick:()=>x(`up`),className:t.cn(b===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,p.jsx)(m.ThumbsUp,{className:`size-3.5`})}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`down`?`solid`:`ghost`,size:`icon-xs`,"aria-label":h.thumbsDownAria,"aria-pressed":b===`down`,onClick:()=>x(`down`),className:t.cn(b===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,p.jsx)(m.ThumbsDown,{className:`size-3.5`})})]}),!!c&&!!b&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(s.t,{value:v,onChange:e=>y(e.target.value),placeholder:h.commentPlaceholder,minRows:2}),(0,p.jsx)(`div`,{className:`flex justify-end`,children:(0,p.jsx)(n.t,{type:`button`,onClick:()=>{o?.(v,b),y(``)},disabled:!v.trim(),children:h.submit})})]})]})}k.displayName=`AiFeedback`;var A={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`};function j({sources:i,defaultExpanded:a=!1,maxCollapsedRows:o=0,className:s,strings:c}){let l=e.mergeStrings(A,c),[d,h]=(0,f.useState)(a),g=d?i:i.slice(0,Math.max(0,o)),_=i.length-g.length;return(0,p.jsxs)(`div`,{className:t.cn(`ai-citation--component`,`space-y-2`,s),children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>h(e=>!e),className:t.cn(`ai-citation--trigger h-auto -mx-2 justify-start gap-1.5 rounded-md px-2 py-1`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":d,"aria-label":d?l.collapse:l.expand,children:[(0,p.jsx)(m.Quote,{className:`size-3.5`}),(0,p.jsxs)(r.n,{size:`xs`,weight:`medium`,children:[l.title,` · `,l.sourceCount(i.length)]}),d?(0,p.jsx)(m.ChevronDown,{className:`size-3.5`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5`})]}),(d||o>0)&&(0,p.jsxs)(u.o,{children:[g.map((e,t)=>(0,p.jsx)(M,{source:e,index:t+1,strings:l},e.id)),!d&&_>0&&(0,p.jsxs)(r.n,{size:`xxs`,type:`secondary`,children:[`+`,_,` more`]})]})]})}j.displayName=`AiCitation`;function M({source:e,index:n,strings:i}){let a=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,o=e.url?`a`:`span`,s=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,p.jsxs)(u.t,{variant:`outline`,size:`xs`,className:`items-start`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:n})}),(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{className:`truncate`,children:(0,p.jsxs)(o,{...s,className:t.cn(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,p.jsx)(m.ExternalLink,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,p.jsx)(u.i,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,p.jsxs)(u.a,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),a!==null&&(0,p.jsxs)(u.n,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[a,`%`]}),(0,p.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":i.relevance,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${a}%`}})})]})]})}var N={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`};function P(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function F({index:i,title:a,url:o,onSelect:s,className:c,strings:l}){let u=e.mergeStrings(N,l),d=P(u.openAria,{n:i,title:a??``}),f=a?`${u.sourcePrefix} ${i}: ${a}`:`${u.sourcePrefix} ${i}`,m=t.cn(`inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1`,`align-middle text-[0.75em] font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,c);return o?(0,p.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:i})}):s?(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:s,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:i})}):(0,p.jsx)(`span`,{title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:i})})}F.displayName=`AiInlineCitation`;var I={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function L({name:n,version:i,description:o,license:s,publishedAt:c,homepage:l,repository:u,weeklyDownloads:d,keywords:f,onSelect:h,className:g,strings:_}){let v=e.useStrings(I,_);return(0,p.jsxs)(h?`button`:`div`,{...h?{type:`button`,onClick:h}:{},className:t.cn(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,h&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,g),children:[(0,p.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,p.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,p.jsx)(m.Package,{className:`size-4`})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.n,{weight:`semibold`,className:`truncate font-mono`,children:n}),!!i&&(0,p.jsxs)(a.t,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,i.replace(/^v/,``)]})]}),!!o&&(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:o}),(s||c||d!==void 0)&&(0,p.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!s&&(0,p.jsx)(R,{label:v.licenseLabel,value:s}),!!c&&(0,p.jsx)(R,{label:v.publishedLabel,value:c}),d!==void 0&&(0,p.jsx)(R,{label:v.weeklyDownloadsLabel,value:String(d)})]}),!!f?.length&&(0,p.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.slice(0,6).map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))})]})]}),(l||u)&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!l&&(0,p.jsxs)(`a`,{href:l,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Globe,{className:`size-3.5`}),(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,children:`Homepage`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]}),!!l&&!!u&&(0,p.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!u&&(0,p.jsxs)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Code2,{className:`size-3.5`}),(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,children:`Repository`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]})]})]})}L.displayName=`AiPackageInfo`;function R({label:e,value:t}){return(0,p.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,children:e}),(0,p.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var z={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},B={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function V(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?m.FileCode:[`md`,`mdx`,`txt`].includes(t)?m.FileText:m.File}function H({nodes:n,selectedId:r,onSelect:i,hideStatusLabels:a=!1,indent:o=14,className:s,strings:c}){let l=e.useStrings(z,c);return(0,p.jsx)(`div`,{className:t.cn(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,s),children:(0,p.jsx)(`ul`,{children:n.map(e=>(0,p.jsx)(U,{node:e,depth:0,selectedId:r,onSelect:i,hideStatusLabels:a,indent:o,strings:l},e.id))})})}H.displayName=`AiFileTree`;function U({node:e,depth:i,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l}){let[u,d]=(0,f.useState)(e.defaultExpanded??i<1),h=e.kind===`directory`,g=a===e.id,_=e.status,v=_?B[_]:void 0,y=e.icon??(h?u?m.FolderOpen:m.Folder:V(e.name)),b=()=>{h?d(e=>!e):o?.(e)},x=(0,p.jsxs)(p.Fragment,{children:[!!_&&!s&&(0,p.jsx)(`span`,{className:t.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-[length:var(--text-xxs)] font-bold leading-none uppercase`,v?.pill),children:l.statusLabels[_]}),!!e.trailing&&(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,p.jsxs)(`li`,{children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:b,"aria-expanded":h?u:void 0,"aria-label":h?u?l.collapseAria:l.expandAria:void 0,className:t.cn(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,g&&`bg-primary/10`,!!_&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,v?.row,_===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+i*c},children:[h?u?(0,p.jsx)(m.ChevronDown,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,p.jsx)(y,{className:t.cn(`size-3.5 shrink-0`,h?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,p.jsx)(`span`,{className:t.cn(`flex-1 truncate`,_===`removed`&&`line-through`),children:e.name}),(0,p.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:x})]}),h&&u&&!!e.children?.length&&(0,p.jsx)(`ul`,{children:e.children.map(e=>(0,p.jsx)(U,{node:e,depth:i+1,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l},e.id))})]})}exports.AiAgent=d.p,exports.AiArtifact=d.t,exports.AiAttachment=d.h,exports.AiChainOfThought=d.a,exports.AiCitation=j,exports.AiClassificationPanel=b,exports.AiCodeBlock=d._,exports.AiConfidenceCard=C,exports.AiConfirmation=d.d,exports.AiFeedback=k,exports.AiFileTree=H,exports.AiInlineCitation=F,exports.AiMessageBubble=d.S,exports.AiPackageInfo=L,exports.AiPromptSuggestions=T,exports.AiReasoning=d.s,exports.AiShimmer=d.y,exports.AiSources=d.l,exports.AiSummaryBlock=y,exports.AiTask=d.r,exports.AiTokenUsageCard=D,exports.AiToolCall=d.b,exports.defaultAiAgentStrings=d.m,exports.defaultAiArtifactStrings=d.n,exports.defaultAiAttachmentStrings=d.g,exports.defaultAiChainOfThoughtStrings=d.o,exports.defaultAiCitationStrings=A,exports.defaultAiCodeBlockStrings=d.v,exports.defaultAiConfidenceCardStrings=x,exports.defaultAiConfirmationStrings=d.f,exports.defaultAiFeedbackStrings=O,exports.defaultAiFileTreeStrings=z,exports.defaultAiInlineCitationStrings=N,exports.defaultAiMessageBubbleStrings=d.C,exports.defaultAiPackageInfoStrings=I,exports.defaultAiPromptSuggestionsStrings=w,exports.defaultAiReasoningStrings=d.c,exports.defaultAiSourcesStrings=d.u,exports.defaultAiTaskStrings=d.i,exports.defaultAiTokenUsageStrings=E,exports.defaultAiToolCallStrings=d.x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/badge-D7A2LnSf.cjs"),o=require("../../../_shared/smart-card-B6m7tmt0.cjs"),s=require("../../../_shared/textarea-C4SOrh0z.cjs"),c=require("../../../_shared/display-AtPyyUZc.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/item-DoXXYgPm.cjs"),d=require("../../../_shared/ai-artifact--vEDQFvM.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");var h={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},g={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},_={low:1,medium:2,high:3};function v({level:e,label:n}){let i=_[e];return(0,p.jsxs)(`div`,{className:t.cn(`ai-summary--component`,`flex items-center gap-1.5`),children:[(0,p.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,n)=>(0,p.jsx)(`div`,{className:t.cn(`h-2.5 w-1 rounded-sm`,n<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(n)}`))}),(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function y({data:t,strings:i}){let s=e.useStrings(h,i);return(0,p.jsx)(o.t,{title:(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.BrainCircuit,{className:`h-4 w-4 text-muted-foreground`}),(0,p.jsx)(r.n,{tag:`span`,children:s.title})]}),titleSuffix:(0,p.jsx)(a.t,{variant:`secondary`,children:s.badgeLabel}),footerText:(0,p.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,tag:`span`,children:t.generatedAt}),(0,p.jsx)(r.n,{size:`xs`,type:`discrete`,tag:`span`,children:t.model})]}),!!t.onRegenerate&&(0,p.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:t.onRegenerate,children:[(0,p.jsx)(m.RefreshCw,{className:`mr-1 h-3 w-3`}),s.regenerate]})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsx)(r.n,{lineHeight:`relaxed`,children:t.summary}),t.entities.length>0&&(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:t.entities.map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))}),(0,p.jsx)(v,{level:t.confidence,label:s.confidenceLevels[t.confidence]})]})})}function b({data:n,strings:i}){let s=e.useStrings(g,i),u=n.confidence>=.9?s.confidenceBands.high:n.confidence>=.7?s.confidenceBands.medium:s.confidenceBands.low;return(0,p.jsx)(o.t,{title:(0,p.jsxs)(`div`,{className:t.cn(`ai-classification--component`,`flex items-center gap-2`),children:[(0,p.jsx)(m.BrainCircuit,{className:`h-4 w-4 text-muted-foreground`}),(0,p.jsx)(r.n,{tag:`span`,children:s.title})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(a.t,{variant:`primary`,children:n.requestType}),(0,p.jsx)(a.t,{variant:n.urgencyVariant,children:n.urgency}),(0,p.jsx)(a.t,{variant:n.toneVariant,dot:!0,children:n.tone})]}),(0,p.jsx)(c.i,{label:s.complexityLabel,labelClassName:`text-xs`,value:(0,p.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(e,r)=>(0,p.jsx)(`span`,{className:t.cn(`h-1.5 w-3 rounded-sm`,r<n.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,p.jsxs)(r.n,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(n.complexityScore),`/5`]})]})}),n.flags.length>0&&(0,p.jsx)(c.i,{label:s.flagsLabel,labelClassName:`text-xs`,value:(0,p.jsx)(`span`,{className:`flex gap-1`,children:n.flags.map(e=>(0,p.jsx)(a.t,{variant:`warning`,children:e},e))})}),(0,p.jsx)(c.i,{label:s.nextStepLabel,labelClassName:`text-xs`,value:(0,p.jsx)(a.t,{variant:`info`,children:n.suggestedAction})}),(0,p.jsx)(r.n,{lineHeight:`relaxed`,type:`secondary`,children:n.summary}),(0,p.jsx)(l.t,{}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(a.t,{variant:`secondary`,children:[s.confidencePrefix,`: `,u]}),(0,p.jsx)(r.n,{size:`xs`,type:`discrete`,tag:`span`,children:n.model})]})]})})}var x={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function S(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function C({score:n,model:i,factors:s,className:l,strings:u}){let d=e.useStrings(x,u),f=Math.round(n*100),{label:h,variant:g}=S(n),_=2*Math.PI*24,v=_-f/100*_;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:d.title,titleSuffix:!!i&&(0,p.jsx)(a.t,{variant:`secondary`,children:i}),className:t.cn(`ai-confidence--component`,l),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsxs)(`svg`,{width:`64`,height:`64`,viewBox:`0 0 64 64`,children:[(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/40`}),(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:_,strokeDashoffset:v,transform:`rotate(-90 32 32)`,className:t.cn(g===`success`&&`text-success`,g===`warning`&&`text-warning`,g===`error`&&`text-destructive`)})]}),(0,p.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,p.jsxs)(r.n,{weight:`semibold`,className:`tabular-nums leading-none`,children:[f,`%`]})})]}),(0,p.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.confidenceLabel}),(0,p.jsx)(a.t,{variant:g,className:`mt-1`,children:h})]})]}),!!s&&s.length>0&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.factorsLabel}),s.map(e=>(0,p.jsxs)(`div`,{children:[(0,p.jsx)(c.i,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}C.displayName=`AiConfidenceCard`;var w={title:`Try asking`,hint:`Tap a prompt to start`};function T({suggestions:n,onPick:r,className:a,strings:s}){let c=e.useStrings(w,s);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:c.title,description:c.hint,className:t.cn(`ai-prompt-suggestions--component`,a),children:(0,p.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2`,children:n.map(e=>{let n=e.icon;return(0,p.jsxs)(u.t,{variant:`outline`,render:(0,p.jsx)(`button`,{type:`button`,onClick:()=>r?.(e)}),className:t.cn(`ai-prompt-suggestions--item h-full items-start transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:n,tone:`primary`,size:`sm`,shape:`square`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{children:e.label}),!!e.description&&(0,p.jsx)(u.i,{children:e.description})]})]},e.id)})})})}T.displayName=`AiPromptSuggestions`;var E={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function D({model:n,inputTokens:i,outputTokens:s,cost:l,maxTokens:u,className:d,strings:f}){let h=e.useStrings(E,f),g=i+s,_=u?Math.min(100,Math.round(g/u*100)):0;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Cpu,{className:`size-4`}),title:h.title,titleSuffix:!!n&&(0,p.jsx)(a.t,{variant:`secondary`,children:n}),className:t.cn(`ai-token-usage--component`,d),children:[(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:h.input,value:i},{label:h.output,value:s},{label:h.total,value:g}].map(e=>(0,p.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,p.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,p.jsx)(r.n,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!u&&(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(c.i,{label:`${g.toLocaleString()} / ${u.toLocaleString()}`,value:`${_}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${_}%`}})})]}),!!l&&(0,p.jsx)(c.i,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:h.cost,value:l,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}D.displayName=`AiTokenUsageCard`;var O={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`};function k({value:i,onVote:a,onSubmitComment:o,allowComment:c=!0,submitted:l=!1,className:u,strings:d}){let h=e.useStrings(O,d),[g,_]=(0,f.useState)(null),[v,y]=(0,f.useState)(``),b=i??g,x=e=>{let t=b===e?null:e;i===void 0&&_(t),a?.(t)};return l?(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,u),children:[(0,p.jsx)(m.ThumbsUp,{className:`size-3.5 text-success`}),(0,p.jsx)(r.n,{size:`xs`,type:`success`,weight:`medium`,children:h.thanks})]}):(0,p.jsxs)(`div`,{className:t.cn(`inline-flex flex-col gap-2`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,children:h.prompt}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`up`?`solid`:`ghost`,size:`icon-xs`,"aria-label":h.thumbsUpAria,"aria-pressed":b===`up`,onClick:()=>x(`up`),className:t.cn(b===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,p.jsx)(m.ThumbsUp,{className:`size-3.5`})}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`down`?`solid`:`ghost`,size:`icon-xs`,"aria-label":h.thumbsDownAria,"aria-pressed":b===`down`,onClick:()=>x(`down`),className:t.cn(b===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,p.jsx)(m.ThumbsDown,{className:`size-3.5`})})]}),!!c&&!!b&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(s.t,{value:v,onChange:e=>y(e.target.value),placeholder:h.commentPlaceholder,minRows:2}),(0,p.jsx)(`div`,{className:`flex justify-end`,children:(0,p.jsx)(n.t,{type:`button`,onClick:()=>{o?.(v,b),y(``)},disabled:!v.trim(),children:h.submit})})]})]})}k.displayName=`AiFeedback`;var A={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`};function j({sources:i,defaultExpanded:a=!1,maxCollapsedRows:o=0,className:s,strings:c}){let l=e.mergeStrings(A,c),[d,h]=(0,f.useState)(a),g=d?i:i.slice(0,Math.max(0,o)),_=i.length-g.length;return(0,p.jsxs)(`div`,{className:t.cn(`ai-citation--component`,`space-y-2`,s),children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>h(e=>!e),className:t.cn(`ai-citation--trigger h-auto -mx-2 justify-start gap-1.5 rounded-md px-2 py-1`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":d,"aria-label":d?l.collapse:l.expand,children:[(0,p.jsx)(m.Quote,{className:`size-3.5`}),(0,p.jsxs)(r.n,{size:`xs`,weight:`medium`,children:[l.title,` · `,l.sourceCount(i.length)]}),d?(0,p.jsx)(m.ChevronDown,{className:`size-3.5`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5`})]}),(d||o>0)&&(0,p.jsxs)(u.o,{children:[g.map((e,t)=>(0,p.jsx)(M,{source:e,index:t+1,strings:l},e.id)),!d&&_>0&&(0,p.jsxs)(r.n,{size:`xxs`,type:`secondary`,children:[`+`,_,` more`]})]})]})}j.displayName=`AiCitation`;function M({source:e,index:n,strings:i}){let a=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,o=e.url?`a`:`span`,s=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,p.jsxs)(u.t,{variant:`outline`,size:`xs`,className:`items-start`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:n})}),(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{className:`truncate`,children:(0,p.jsxs)(o,{...s,className:t.cn(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,p.jsx)(m.ExternalLink,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,p.jsx)(u.i,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,p.jsxs)(u.a,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),a!==null&&(0,p.jsxs)(u.n,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[a,`%`]}),(0,p.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":i.relevance,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${a}%`}})})]})]})}var N={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`};function P(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function F({index:i,title:a,url:o,onSelect:s,className:c,strings:l}){let u=e.mergeStrings(N,l),d=P(u.openAria,{n:i,title:a??``}),f=a?`${u.sourcePrefix} ${i}: ${a}`:`${u.sourcePrefix} ${i}`,m=t.cn(`inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1`,`align-middle text-[0.75em] font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,c);return o?(0,p.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:i})}):s?(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:s,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:i})}):(0,p.jsx)(`span`,{title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:i})})}F.displayName=`AiInlineCitation`;var I={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function L({name:n,version:i,description:o,license:s,publishedAt:c,homepage:l,repository:u,weeklyDownloads:d,keywords:f,onSelect:h,className:g,strings:_}){let v=e.useStrings(I,_);return(0,p.jsxs)(h?`button`:`div`,{...h?{type:`button`,onClick:h}:{},className:t.cn(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,h&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,g),children:[(0,p.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,p.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,p.jsx)(m.Package,{className:`size-4`})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.n,{weight:`semibold`,className:`truncate font-mono`,children:n}),!!i&&(0,p.jsxs)(a.t,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,i.replace(/^v/,``)]})]}),!!o&&(0,p.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:o}),(s||c||d!==void 0)&&(0,p.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!s&&(0,p.jsx)(R,{label:v.licenseLabel,value:s}),!!c&&(0,p.jsx)(R,{label:v.publishedLabel,value:c}),d!==void 0&&(0,p.jsx)(R,{label:v.weeklyDownloadsLabel,value:String(d)})]}),!!f?.length&&(0,p.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.slice(0,6).map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))})]})]}),(l||u)&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!l&&(0,p.jsxs)(`a`,{href:l,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Globe,{className:`size-3.5`}),(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,children:`Homepage`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]}),!!l&&!!u&&(0,p.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!u&&(0,p.jsxs)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Code2,{className:`size-3.5`}),(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,children:`Repository`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]})]})]})}L.displayName=`AiPackageInfo`;function R({label:e,value:t}){return(0,p.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,p.jsx)(r.n,{size:`xxs`,type:`discrete`,children:e}),(0,p.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var z={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},B={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function V(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?m.FileCode:[`md`,`mdx`,`txt`].includes(t)?m.FileText:m.File}function H({nodes:n,selectedId:r,onSelect:i,hideStatusLabels:a=!1,indent:o=14,className:s,strings:c}){let l=e.useStrings(z,c);return(0,p.jsx)(`div`,{className:t.cn(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,s),children:(0,p.jsx)(`ul`,{children:n.map(e=>(0,p.jsx)(U,{node:e,depth:0,selectedId:r,onSelect:i,hideStatusLabels:a,indent:o,strings:l},e.id))})})}H.displayName=`AiFileTree`;function U({node:e,depth:i,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l}){let[u,d]=(0,f.useState)(e.defaultExpanded??i<1),h=e.kind===`directory`,g=a===e.id,_=e.status,v=_?B[_]:void 0,y=e.icon??(h?u?m.FolderOpen:m.Folder:V(e.name)),b=()=>{h?d(e=>!e):o?.(e)},x=(0,p.jsxs)(p.Fragment,{children:[!!_&&!s&&(0,p.jsx)(`span`,{className:t.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-[length:var(--text-xxs)] font-bold leading-none uppercase`,v?.pill),children:l.statusLabels[_]}),!!e.trailing&&(0,p.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,p.jsxs)(`li`,{children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:b,"aria-expanded":h?u:void 0,"aria-label":h?u?l.collapseAria:l.expandAria:void 0,className:t.cn(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,g&&`bg-primary/10`,!!_&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,v?.row,_===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+i*c},children:[h?u?(0,p.jsx)(m.ChevronDown,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,p.jsx)(y,{className:t.cn(`size-3.5 shrink-0`,h?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,p.jsx)(`span`,{className:t.cn(`flex-1 truncate`,_===`removed`&&`line-through`),children:e.name}),(0,p.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:x})]}),h&&u&&!!e.children?.length&&(0,p.jsx)(`ul`,{children:e.children.map(e=>(0,p.jsx)(U,{node:e,depth:i+1,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l},e.id))})]})}exports.AiAgent=d.p,exports.AiArtifact=d.t,exports.AiAttachment=d.h,exports.AiChainOfThought=d.a,exports.AiCitation=j,exports.AiClassificationPanel=b,exports.AiCodeBlock=d._,exports.AiConfidenceCard=C,exports.AiConfirmation=d.d,exports.AiFeedback=k,exports.AiFileTree=H,exports.AiInlineCitation=F,exports.AiMessageBubble=d.S,exports.AiPackageInfo=L,exports.AiPromptSuggestions=T,exports.AiReasoning=d.s,exports.AiShimmer=d.y,exports.AiSources=d.l,exports.AiSummaryBlock=y,exports.AiTask=d.r,exports.AiTokenUsageCard=D,exports.AiToolCall=d.b,exports.defaultAiAgentStrings=d.m,exports.defaultAiArtifactStrings=d.n,exports.defaultAiAttachmentStrings=d.g,exports.defaultAiChainOfThoughtStrings=d.o,exports.defaultAiCitationStrings=A,exports.defaultAiCodeBlockStrings=d.v,exports.defaultAiConfidenceCardStrings=x,exports.defaultAiConfirmationStrings=d.f,exports.defaultAiFeedbackStrings=O,exports.defaultAiFileTreeStrings=z,exports.defaultAiInlineCitationStrings=N,exports.defaultAiMessageBubbleStrings=d.C,exports.defaultAiPackageInfoStrings=I,exports.defaultAiPromptSuggestionsStrings=w,exports.defaultAiReasoningStrings=d.c,exports.defaultAiSourcesStrings=d.u,exports.defaultAiTaskStrings=d.i,exports.defaultAiTokenUsageStrings=E,exports.defaultAiToolCallStrings=d.x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/ai/index.js CHANGED Viewed

@@ -3,13 +3,13 @@ import { cn as n } from "../../../lib/utils.js";
 import { t as r } from "../../../_shared/button-BGKY8UY0.js";
 import { n as i } from "../../../_shared/heading-HeP06nXG.js";
 import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as o } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as o } from "../../../_shared/badge-A8wQRShC.js";
 import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
 import { t as c } from "../../../_shared/textarea-CsMkelmp.js";
-import { t as l } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as u } from "../../../_shared/display-NBtWdAMl.js";
+import { i as l } from "../../../_shared/display-CL69dmsv.js";
+import { t as u } from "../../../_shared/separator-B8FBp-7E.js";
 import { a as d, c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-DAjqQhhj.js";
-import { C as ee, S as te, _ as ne, a as y, b as re, c as ie, d as ae, f as oe, g as b, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../../../_shared/ai-artifact-nlOrSeqT.js";
+import { C as ee, S as te, _ as ne, a as y, b as re, c as ie, d as ae, f as oe, g as b, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../../../_shared/ai-artifact-p45wDWWX.js";
 import { useState as x } from "react";
 import { Fragment as xe, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { BrainCircuit as w, ChevronDown as T, ChevronRight as E, Code2 as D, Cpu as O, ExternalLink as k, File as A, FileCode as j, FileText as M, Folder as Se, FolderOpen as Ce, Globe as we, Package as Te, Quote as N, RefreshCw as Ee, Sparkles as P, ThumbsDown as De, ThumbsUp as F } from "lucide-react";
@@ -146,7 +146,7 @@ function Ne({ data: e, strings: r }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ S(u, {
+				/* @__PURE__ */ S(l, {
 					label: a.complexityLabel,
 					labelClassName: "text-xs",
 					value: /* @__PURE__ */ C("span", {
@@ -160,7 +160,7 @@ function Ne({ data: e, strings: r }) {
 						})]
 					})
 				}),
-				e.flags.length > 0 && /* @__PURE__ */ S(u, {
+				e.flags.length > 0 && /* @__PURE__ */ S(l, {
 					label: a.flagsLabel,
 					labelClassName: "text-xs",
 					value: /* @__PURE__ */ S("span", {
@@ -171,7 +171,7 @@ function Ne({ data: e, strings: r }) {
 						}, e))
 					})
 				}),
-				/* @__PURE__ */ S(u, {
+				/* @__PURE__ */ S(l, {
 					label: a.nextStepLabel,
 					labelClassName: "text-xs",
 					value: /* @__PURE__ */ S(o, {
@@ -184,7 +184,7 @@ function Ne({ data: e, strings: r }) {
 					type: "secondary",
 					children: e.summary
 				}),
-				/* @__PURE__ */ S(l, {}),
+				/* @__PURE__ */ S(u, {}),
 				/* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ C(o, {
@@ -226,8 +226,8 @@ function Pe(e) {
 		variant: "error"
 	};
 }
-function L({ score: e, model: r, factors: a, className: c, strings: l }) {
-	let d = t(I, l), f = Math.round(e * 100), { label: p, variant: m } = Pe(e), h = 2 * Math.PI * 24, g = h - f / 100 * h;
+function L({ score: e, model: r, factors: a, className: c, strings: u }) {
+	let d = t(I, u), f = Math.round(e * 100), { label: p, variant: m } = Pe(e), h = 2 * Math.PI * 24, g = h - f / 100 * h;
 	return /* @__PURE__ */ C(s, {
 		icon: /* @__PURE__ */ S(P, { className: "size-4" }),
 		title: d.title,
@@ -295,7 +295,7 @@ function L({ score: e, model: r, factors: a, className: c, strings: l }) {
 				weight: "medium",
 				className: "uppercase tracking-wider",
 				children: d.factorsLabel
-			}), a.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(u, {
+			}), a.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(l, {
 				label: e.label,
 				value: `${Math.round(e.score * 100)}%`,
 				mono: !0,
@@ -364,8 +364,8 @@ var B = {
 };
 //#endregion
 //#region src/components/composed/ai/ai-token-usage/ai-token-usage.tsx
-function V({ model: e, inputTokens: r, outputTokens: a, cost: c, maxTokens: l, className: d, strings: f }) {
-	let p = t(B, f), m = r + a, h = l ? Math.min(100, Math.round(m / l * 100)) : 0;
+function V({ model: e, inputTokens: r, outputTokens: a, cost: c, maxTokens: u, className: d, strings: f }) {
+	let p = t(B, f), m = r + a, h = u ? Math.min(100, Math.round(m / u * 100)) : 0;
 	return /* @__PURE__ */ C(s, {
 		icon: /* @__PURE__ */ S(O, { className: "size-4" }),
 		title: p.title,
@@ -406,10 +406,10 @@ function V({ model: e, inputTokens: r, outputTokens: a, cost: c, maxTokens: l, c
 					})]
 				}, e.label))
 			}),
-			!!l && /* @__PURE__ */ C("div", {
+			!!u && /* @__PURE__ */ C("div", {
 				className: "mt-3",
-				children: [/* @__PURE__ */ S(u, {
-					label: `${m.toLocaleString()} / ${l.toLocaleString()}`,
+				children: [/* @__PURE__ */ S(l, {
+					label: `${m.toLocaleString()} / ${u.toLocaleString()}`,
 					value: `${h}%`,
 					mono: !0,
 					labelClassName: "text-xs",
@@ -422,7 +422,7 @@ function V({ model: e, inputTokens: r, outputTokens: a, cost: c, maxTokens: l, c
 					})
 				})]
 			}),
-			!!c && /* @__PURE__ */ S(u, {
+			!!c && /* @__PURE__ */ S(l, {
 				className: "mt-3 rounded-md bg-primary/5 px-3 py-2",
 				label: p.cost,
 				value: c,

package/dist/components/composed/cards/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/smart-card-B6m7tmt0.cjs"),s=require("../../../_shared/display-Dhy5ogxC.cjs"),c=require("../../../_shared/avatar-0spfQEHG.cjs"),l=require("../../../_shared/metadata-DamdYVZL.cjs"),u=require("../../../_shared/item-DoXXYgPm.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react");var m={contact:`Contact`,profile:`Profile`};function h(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function g({name:i,role:o,email:s,phone:l,location:d,avatarUrl:g,initials:_,badge:v,badgeVariant:y=`success`,onContact:b,onViewProfile:x,className:S,strings:C}){let w=e.useStrings(m,C);return(0,f.jsxs)(`div`,{className:t.cn(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,S),children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,f.jsxs)(c.t,{className:`size-12 shrink-0 border border-border`,children:[!!g&&(0,f.jsx)(c.o,{src:g,alt:i}),(0,f.jsx)(c.r,{className:`text-sm font-semibold`,children:h(i,_)})]}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.n,{weight:`semibold`,className:`truncate`,children:i}),!!v&&(0,f.jsx)(a.t,{variant:y,children:v})]}),!!o&&(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),!!(s||l||d)&&(0,f.jsxs)(u.o,{className:`mt-4 gap-0`,children:[!!s&&(0,f.jsxs)(u.t,{size:`xs`,className:`px-0 py-1.5`,children:[(0,f.jsx)(u.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Mail,{})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,children:s})})]}),!!l&&(0,f.jsxs)(u.t,{size:`xs`,className:`px-0 py-1.5`,children:[(0,f.jsx)(u.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Phone,{})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,children:l})})]}),!!d&&(0,f.jsxs)(u.t,{size:`xs`,className:`px-0 py-1.5`,children:[(0,f.jsx)(u.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.MapPin,{})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,children:d})})]})]}),!!(b||x)&&(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!b&&(0,f.jsx)(n.t,{variant:`primary`,buttonStyle:`solid`,icon:p.Mail,onClick:b,children:w.contact}),!!x&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:p.ExternalLink,onClick:x,children:w.profile})]})]})}g.displayName=`ContactCard`;var _={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function y(){let e=`gradient-card-diag-stripes-${(0,d.useId)().replace(/:/g,``)}`;return(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,f.jsx)(`defs`,{children:(0,f.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,f.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,f.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var b={none:null,circles:()=>(0,f.jsx)(v,{}),diagonal:()=>(0,f.jsx)(y,{})};function x({gradient:e=`coral`,pattern:i=`none`,title:a,subtitle:o,value:s,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:p,action:m,footer:h,children:g,className:v}){let y=b[i],x=!!(a||o||u);return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card--component relative overflow-hidden rounded-lg`,_[e],v),children:[!!y&&y(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!x&&(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!a&&(0,f.jsx)(r.n,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(r.n,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:o})]}),!!u&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,f.jsx)(u,{className:`size-5`})})]}),!!s&&(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(r.t,{tag:`h3`,align:`left`,className:`text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:s}),(c||l)&&(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,f.jsx)(r.n,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,f.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,f.jsx)(r.n,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!p&&(0,f.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:p})]}),!!g&&(0,f.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,f.jsx)(n.t,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,f.jsx)(`span`,{}),!!h&&(0,f.jsx)(r.n,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}x.displayName=`GradientCard`;function S({gradient:e=`coral`,pattern:n=`none`,title:i,value:a,change:o,subtitle:s,className:c}){let l=b[n];return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card-compact--component relative overflow-hidden rounded-lg`,_[e],c),children:[!!l&&l(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!i&&(0,f.jsx)(r.n,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:i}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,f.jsx)(r.t,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,f.jsx)(r.n,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}S.displayName=`GradientCardCompact`;var C={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},w={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};C.status.active,C.status.redeemed,C.status.expired,C.status.disabled;var T={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},E={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},D={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},O={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},k={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`};function A({code:i,amount:a,remainingAmount:o,status:s,recipientName:c,senderName:u,message:d,expiresAt:m,createdAt:h,template:g,onView:_,gradient:v=`purple`,pattern:y=`none`,className:b,strings:x}){let S=e.useStrings(C,x),E=S.status[s],D=w[s],O=!!o&&o!==a,k=O?o:a,A=[...c?[{label:S.to,value:c}]:[],...u?[{label:S.from,value:u}]:[],...m?[{label:S.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,b),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,T[v].card),children:[y===`circles`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),y===`waves`&&(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,f.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,f.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,f.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":D,children:[(0,f.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),E]})}),(0,f.jsxs)(`div`,{className:`relative z-10`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(p.Gift,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,f.jsx)(r.n,{weight:`medium`,className:`text-inverse-muted`,children:S.giftCard})]}),(0,f.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,f.jsx)(r.n,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:S.balance}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:k}),!!O&&(0,f.jsx)(r.n,{className:`line-through tabular-nums text-inverse-disabled`,children:a})]})]}),(0,f.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,f.jsx)(r.n,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:i}),(0,f.jsx)(n.t,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":S.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-4 w-4`})})]})]})]}),(0,f.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!d&&(0,f.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:S.personalMessage}),(0,f.jsxs)(r.n,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,d,`”`]})]}),(0,f.jsx)(l.t,{items:A,columns:2}),!!_&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:_,children:S.viewDetails})]})]})}A.displayName=`GiftcardCard`;function j({code:n,amount:i,remainingAmount:o,status:s,recipientName:c,gradient:l=`purple`,className:d,strings:m}){let h=e.useStrings(C,m).status[s],g=w[s],_=!!o&&o!==i,v=_?o:i;return(0,f.jsxs)(u.t,{size:`xs`,variant:`outline`,className:t.cn(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,d),children:[(0,f.jsx)(u.c,{variant:`image`,children:(0,f.jsx)(`div`,{className:t.cn(`flex size-full items-center justify-center bg-gradient-to-br`,E[l]),children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,f.jsxs)(u.r,{className:`min-w-0`,children:[(0,f.jsx)(u.u,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:n}),!!c&&(0,f.jsx)(u.i,{clamp:1,children:c})]}),(0,f.jsx)(u.n,{className:`shrink-0`,children:(0,f.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,f.jsx)(r.n,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:v}),!!_&&(0,f.jsx)(r.n,{size:`xxs`,type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,f.jsx)(a.t,{variant:g,size:`xs`,children:h})]})})]})}j.displayName=`GiftcardCompact`;function M({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,color:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[c],x=w[c],S=!!s&&s!==o,T=S?s:o,E=D[g],O=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsx)(`div`,{className:t.cn(`mx-4 mt-3 h-1 w-12 rounded-sm`,E.line)}),(0,f.jsxs)(u.t,{size:`xs`,className:`flex-nowrap items-center px-4 pb-1.5 pt-2`,children:[(0,f.jsx)(u.c,{children:(0,f.jsx)(`div`,{className:t.cn(`flex h-7 w-7 items-center justify-center rounded-full`,E.iconBg),children:(0,f.jsx)(p.Gift,{className:`h-3.5 w-3.5`})})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,f.jsx)(u.n,{className:`shrink-0`,children:(0,f.jsx)(a.t,{variant:x,size:`xs`,children:b})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.n,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,f.jsx)(r.n,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(l.t,{items:O,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,f.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,f.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[y.viewDetails,(0,f.jsx)(p.ArrowRight,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}M.displayName=`GiftcardCardMinimal`;function N({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,className:g,strings:_}){let v=e.useStrings(C,_),y=v.status[c],b=w[c],x=!!s&&s!==o,S=x?s:o,T=[...d?[{label:v.recipient,value:d}]:[],...m?[{label:v.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,f.jsxs)(u.t,{size:`xs`,className:`px-4 pb-2 pt-4`,children:[(0,f.jsx)(u.c,{children:(0,f.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-warning`})})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,f.jsx)(u.n,{children:(0,f.jsx)(a.t,{variant:b,children:y})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:S}),!!x&&(0,f.jsx)(r.n,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,f.jsx)(r.n,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(l.t,{items:T,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,f.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,f.jsx)(n.t,{variant:`dark`,buttonStyle:`solid`,icon:p.Eye,fullWidth:!0,onClick:h,children:v.viewDetails})})]})}N.displayName=`GiftcardCardDark`;function P({code:o,amount:s,remainingAmount:c,status:u,recipientName:d,expiresAt:m,onView:h,headerColor:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[u],x=w[u],S=!!c&&c!==s,T=S?c:s,E=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,O[g]),children:[(0,f.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,f.jsx)(i.t,{icon:p.Gift,size:`md`,shape:`square`,className:t.cn(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,k[g])}),(0,f.jsx)(r.n,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:y.giftCard})]}),(0,f.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.n,{type:`discrete`,className:`line-through tabular-nums`,children:s})]}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:y.balance})]}),(0,f.jsx)(a.t,{variant:x,children:b})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,f.jsx)(r.n,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:o}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(l.t,{items:E,columns:2}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:h,children:y.viewDetails})]})]})}P.displayName=`GiftcardCardIllustrated`;var F={participants:`Participants`,progress:`Progress`},I=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,L=`from-primary/8 via-card to-info/10`;function R(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function z({title:i,description:c,badges:l=[],participants:d=[],extraParticipants:p=0,progressPercent:m,actionLabel:h,onAction:g,className:_,strings:v,variant:y=`default`,gradient:b=L}){let x=e.useStrings(F,v),S=d.length+p,C=R(d);return y===`minimal`?(0,f.jsxs)(u.t,{variant:`outline`,className:t.cn(`course-card--component`,`hover:bg-muted/30 transition-colors`,_),children:[(0,f.jsxs)(u.r,{className:`min-w-[min(12rem,100%)]`,children:[(0,f.jsx)(u.u,{children:i}),!!c&&(0,f.jsx)(u.i,{clamp:1,children:c})]}),(0,f.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[d.length>0&&(0,f.jsx)(s.O,{users:C,max:3,size:`sm`,overflowFormatter:()=>`+${p||0}`,showOverflow:p>0}),m!==void 0&&(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,children:h})]})]}):y===`gradient`?(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component border-primary/20 bg-gradient-to-br`,b,_),children:[l.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:l.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(s.O,{users:C,max:3,size:`sm`,showOverflow:!1}),(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})}),(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]})]})]})}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]}):(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component`,_),children:[l.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:l.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:x.participants}),(0,f.jsx)(r.n,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:S})]}),(0,f.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,f.jsx)(s.O,{users:C,max:4,size:`sm`,showOverflow:p>0,overflowFormatter:()=>`+${p}`}),(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:x.progress}),(0,f.jsxs)(r.n,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[m,`%`]})]}),(0,f.jsx)(`div`,{className:`mt-2.5`,children:(0,f.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})})})]})]}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]})}z.displayName=`CourseCard`;function B({icon:e=p.Sparkles,title:r,description:s,tags:c=[],actionLabel:l,onAction:d,className:m}){return(0,f.jsxs)(o.t,{className:t.cn(`feature-announcement--component`,m),children:[(0,f.jsxs)(u.t,{className:`items-start px-0`,children:[(0,f.jsx)(u.c,{children:(0,f.jsx)(i.t,{icon:e,tone:`primary`,size:`md`,shape:`square`,className:`rounded-md ring-1 ring-primary/15`})}),(0,f.jsxs)(u.r,{children:[(0,f.jsx)(u.u,{children:r}),(0,f.jsx)(u.i,{clamp:`none`,children:s})]})]}),c.length>0&&(0,f.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:c.map(e=>(0,f.jsx)(a.t,{variant:`info`,children:e},e))}),!!l&&(0,f.jsx)(`div`,{className:`mt-3`,children:(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:d,className:`-ml-2`,children:[l,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})})]})}B.displayName=`FeatureAnnouncementCard`;var V={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`};function H({name:a,initials:o,avatarUrl:c,role:l,verified:m=!1,earnings:h,earningsChange:g,metrics:_=[],stats:v=[],onMessage:y,onHire:b,className:x,strings:S}){let C=e.useStrings(V,S),[w,T]=(0,d.useState)(`overview`),E=o??a.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),D={overview:C.tabOverview,stats:C.tabStats},O=!!h||_.length>0,k=v.length>0,A=[[`overview`,O],[`stats`,k]].filter(([,e])=>e).map(([e])=>e),j=w===`overview`&&!O&&k?`stats`:w;return(0,f.jsxs)(`div`,{className:t.cn(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,x),children:[(0,f.jsxs)(u.t,{className:`items-start px-0`,children:[(0,f.jsx)(u.c,{variant:c?`avatar`:`default`,children:c?(0,f.jsx)(`img`,{src:c,alt:a,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,f.jsx)(i.t,{tone:`primary`,size:`md`,className:`font-semibold ring-1 ring-primary/15`,children:E})}),(0,f.jsxs)(u.r,{children:[(0,f.jsx)(u.u,{children:(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[a,!!m&&(0,f.jsx)(i.t,{tone:`success`,solid:!0,size:`xs`,"aria-label":C.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,f.jsx)(p.Check,{className:`size-2.5`,strokeWidth:3})})]})}),!!l&&(0,f.jsx)(u.i,{clamp:2,children:l})]})]}),A.length>1&&(0,f.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:A.map(e=>(0,f.jsx)(n.t,{type:`button`,"aria-pressed":j===e,onClick:()=>T(e),variant:`secondary`,buttonStyle:`ghost`,size:`xs`,className:t.cn(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:D[e]},e))}),j===`overview`&&O&&(0,f.jsxs)(`div`,{className:`space-y-3`,children:[!!h&&(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:C.totalEarnings}),(0,f.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,f.jsx)(r.n,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:h}),!!g&&(0,f.jsx)(r.n,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:g})]})]}),_.length>0&&(0,f.jsx)(`div`,{className:`space-y-1.5`,children:_.map(e=>(0,f.jsx)(s.i,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),j===`stats`&&k&&(0,f.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:v.map(e=>(0,f.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,f.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,f.jsx)(r.n,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,f.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`semibold`,className:t.cn(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,f.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:y,children:[(0,f.jsx)(p.MessageSquare,{className:`mr-1.5 size-3.5`}),C.message]}),(0,f.jsxs)(n.t,{variant:`dark`,className:`flex-1 rounded-md`,onClick:b,children:[C.hire,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}H.displayName=`VendorProfileCard`,exports.ContactCard=g,exports.CourseCard=z,exports.FeatureAnnouncementCard=B,exports.GiftcardCard=A,exports.GiftcardCardDark=N,exports.GiftcardCardIllustrated=P,exports.GiftcardCardMinimal=M,exports.GiftcardCompact=j,exports.GradientCard=x,exports.GradientCardCompact=S,exports.VendorProfileCard=H;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/badge-D7A2LnSf.cjs"),o=require("../../../_shared/smart-card-B6m7tmt0.cjs"),s=require("../../../_shared/display-AtPyyUZc.cjs"),c=require("../../../_shared/avatar-0spfQEHG.cjs"),l=require("../../../_shared/metadata-DamdYVZL.cjs"),u=require("../../../_shared/item-DoXXYgPm.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react");var m={contact:`Contact`,profile:`Profile`};function h(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function g({name:i,role:o,email:s,phone:l,location:d,avatarUrl:g,initials:_,badge:v,badgeVariant:y=`success`,onContact:b,onViewProfile:x,className:S,strings:C}){let w=e.useStrings(m,C);return(0,f.jsxs)(`div`,{className:t.cn(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,S),children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,f.jsxs)(c.t,{className:`size-12 shrink-0 border border-border`,children:[!!g&&(0,f.jsx)(c.o,{src:g,alt:i}),(0,f.jsx)(c.r,{className:`text-sm font-semibold`,children:h(i,_)})]}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.n,{weight:`semibold`,className:`truncate`,children:i}),!!v&&(0,f.jsx)(a.t,{variant:y,children:v})]}),!!o&&(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),!!(s||l||d)&&(0,f.jsxs)(u.o,{className:`mt-4 gap-0`,children:[!!s&&(0,f.jsxs)(u.t,{size:`xs`,className:`px-0 py-1.5`,children:[(0,f.jsx)(u.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Mail,{})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,children:s})})]}),!!l&&(0,f.jsxs)(u.t,{size:`xs`,className:`px-0 py-1.5`,children:[(0,f.jsx)(u.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Phone,{})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,children:l})})]}),!!d&&(0,f.jsxs)(u.t,{size:`xs`,className:`px-0 py-1.5`,children:[(0,f.jsx)(u.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.MapPin,{})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,children:d})})]})]}),!!(b||x)&&(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!b&&(0,f.jsx)(n.t,{variant:`primary`,buttonStyle:`solid`,icon:p.Mail,onClick:b,children:w.contact}),!!x&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:p.ExternalLink,onClick:x,children:w.profile})]})]})}g.displayName=`ContactCard`;var _={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function y(){let e=`gradient-card-diag-stripes-${(0,d.useId)().replace(/:/g,``)}`;return(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,f.jsx)(`defs`,{children:(0,f.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,f.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,f.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var b={none:null,circles:()=>(0,f.jsx)(v,{}),diagonal:()=>(0,f.jsx)(y,{})};function x({gradient:e=`coral`,pattern:i=`none`,title:a,subtitle:o,value:s,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:p,action:m,footer:h,children:g,className:v}){let y=b[i],x=!!(a||o||u);return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card--component relative overflow-hidden rounded-lg`,_[e],v),children:[!!y&&y(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!x&&(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!a&&(0,f.jsx)(r.n,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(r.n,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:o})]}),!!u&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,f.jsx)(u,{className:`size-5`})})]}),!!s&&(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(r.t,{tag:`h3`,align:`left`,className:`text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:s}),(c||l)&&(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,f.jsx)(r.n,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,f.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,f.jsx)(r.n,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!p&&(0,f.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:p})]}),!!g&&(0,f.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,f.jsx)(n.t,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,f.jsx)(`span`,{}),!!h&&(0,f.jsx)(r.n,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}x.displayName=`GradientCard`;function S({gradient:e=`coral`,pattern:n=`none`,title:i,value:a,change:o,subtitle:s,className:c}){let l=b[n];return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card-compact--component relative overflow-hidden rounded-lg`,_[e],c),children:[!!l&&l(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!i&&(0,f.jsx)(r.n,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:i}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,f.jsx)(r.t,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,f.jsx)(r.n,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}S.displayName=`GradientCardCompact`;var C={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},w={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};C.status.active,C.status.redeemed,C.status.expired,C.status.disabled;var T={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},E={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},D={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},O={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},k={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`};function A({code:i,amount:a,remainingAmount:o,status:s,recipientName:c,senderName:u,message:d,expiresAt:m,createdAt:h,template:g,onView:_,gradient:v=`purple`,pattern:y=`none`,className:b,strings:x}){let S=e.useStrings(C,x),E=S.status[s],D=w[s],O=!!o&&o!==a,k=O?o:a,A=[...c?[{label:S.to,value:c}]:[],...u?[{label:S.from,value:u}]:[],...m?[{label:S.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,b),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,T[v].card),children:[y===`circles`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),y===`waves`&&(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,f.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,f.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,f.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":D,children:[(0,f.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),E]})}),(0,f.jsxs)(`div`,{className:`relative z-10`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(p.Gift,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,f.jsx)(r.n,{weight:`medium`,className:`text-inverse-muted`,children:S.giftCard})]}),(0,f.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,f.jsx)(r.n,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:S.balance}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:k}),!!O&&(0,f.jsx)(r.n,{className:`line-through tabular-nums text-inverse-disabled`,children:a})]})]}),(0,f.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,f.jsx)(r.n,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:i}),(0,f.jsx)(n.t,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":S.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-4 w-4`})})]})]})]}),(0,f.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!d&&(0,f.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:S.personalMessage}),(0,f.jsxs)(r.n,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,d,`”`]})]}),(0,f.jsx)(l.t,{items:A,columns:2}),!!_&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:_,children:S.viewDetails})]})]})}A.displayName=`GiftcardCard`;function j({code:n,amount:i,remainingAmount:o,status:s,recipientName:c,gradient:l=`purple`,className:d,strings:m}){let h=e.useStrings(C,m).status[s],g=w[s],_=!!o&&o!==i,v=_?o:i;return(0,f.jsxs)(u.t,{size:`xs`,variant:`outline`,className:t.cn(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,d),children:[(0,f.jsx)(u.c,{variant:`image`,children:(0,f.jsx)(`div`,{className:t.cn(`flex size-full items-center justify-center bg-gradient-to-br`,E[l]),children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,f.jsxs)(u.r,{className:`min-w-0`,children:[(0,f.jsx)(u.u,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:n}),!!c&&(0,f.jsx)(u.i,{clamp:1,children:c})]}),(0,f.jsx)(u.n,{className:`shrink-0`,children:(0,f.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,f.jsx)(r.n,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:v}),!!_&&(0,f.jsx)(r.n,{size:`xxs`,type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,f.jsx)(a.t,{variant:g,size:`xs`,children:h})]})})]})}j.displayName=`GiftcardCompact`;function M({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,color:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[c],x=w[c],S=!!s&&s!==o,T=S?s:o,E=D[g],O=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsx)(`div`,{className:t.cn(`mx-4 mt-3 h-1 w-12 rounded-sm`,E.line)}),(0,f.jsxs)(u.t,{size:`xs`,className:`flex-nowrap items-center px-4 pb-1.5 pt-2`,children:[(0,f.jsx)(u.c,{children:(0,f.jsx)(`div`,{className:t.cn(`flex h-7 w-7 items-center justify-center rounded-full`,E.iconBg),children:(0,f.jsx)(p.Gift,{className:`h-3.5 w-3.5`})})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,f.jsx)(u.n,{className:`shrink-0`,children:(0,f.jsx)(a.t,{variant:x,size:`xs`,children:b})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.n,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,f.jsx)(r.n,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(l.t,{items:O,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,f.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,f.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[y.viewDetails,(0,f.jsx)(p.ArrowRight,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}M.displayName=`GiftcardCardMinimal`;function N({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,className:g,strings:_}){let v=e.useStrings(C,_),y=v.status[c],b=w[c],x=!!s&&s!==o,S=x?s:o,T=[...d?[{label:v.recipient,value:d}]:[],...m?[{label:v.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,f.jsxs)(u.t,{size:`xs`,className:`px-4 pb-2 pt-4`,children:[(0,f.jsx)(u.c,{children:(0,f.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-warning`})})}),(0,f.jsx)(u.r,{children:(0,f.jsx)(u.u,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,f.jsx)(u.n,{children:(0,f.jsx)(a.t,{variant:b,children:y})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:S}),!!x&&(0,f.jsx)(r.n,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,f.jsx)(r.n,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(l.t,{items:T,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,f.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,f.jsx)(n.t,{variant:`dark`,buttonStyle:`solid`,icon:p.Eye,fullWidth:!0,onClick:h,children:v.viewDetails})})]})}N.displayName=`GiftcardCardDark`;function P({code:o,amount:s,remainingAmount:c,status:u,recipientName:d,expiresAt:m,onView:h,headerColor:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[u],x=w[u],S=!!c&&c!==s,T=S?c:s,E=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,O[g]),children:[(0,f.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,f.jsx)(i.t,{icon:p.Gift,size:`md`,shape:`square`,className:t.cn(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,k[g])}),(0,f.jsx)(r.n,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:y.giftCard})]}),(0,f.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.t,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.n,{type:`discrete`,className:`line-through tabular-nums`,children:s})]}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:y.balance})]}),(0,f.jsx)(a.t,{variant:x,children:b})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,f.jsx)(r.n,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:o}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(l.t,{items:E,columns:2}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:h,children:y.viewDetails})]})]})}P.displayName=`GiftcardCardIllustrated`;var F={participants:`Participants`,progress:`Progress`},I=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,L=`from-primary/8 via-card to-info/10`;function R(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function z({title:i,description:c,badges:l=[],participants:d=[],extraParticipants:p=0,progressPercent:m,actionLabel:h,onAction:g,className:_,strings:v,variant:y=`default`,gradient:b=L}){let x=e.useStrings(F,v),S=d.length+p,C=R(d);return y===`minimal`?(0,f.jsxs)(u.t,{variant:`outline`,className:t.cn(`course-card--component`,`hover:bg-muted/30 transition-colors`,_),children:[(0,f.jsxs)(u.r,{className:`min-w-[min(12rem,100%)]`,children:[(0,f.jsx)(u.u,{children:i}),!!c&&(0,f.jsx)(u.i,{clamp:1,children:c})]}),(0,f.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[d.length>0&&(0,f.jsx)(s.O,{users:C,max:3,size:`sm`,overflowFormatter:()=>`+${p||0}`,showOverflow:p>0}),m!==void 0&&(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,children:h})]})]}):y===`gradient`?(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component border-primary/20 bg-gradient-to-br`,b,_),children:[l.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:l.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(s.O,{users:C,max:3,size:`sm`,showOverflow:!1}),(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})}),(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]})]})]})}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]}):(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component`,_),children:[l.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:l.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:x.participants}),(0,f.jsx)(r.n,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:S})]}),(0,f.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,f.jsx)(s.O,{users:C,max:4,size:`sm`,showOverflow:p>0,overflowFormatter:()=>`+${p}`}),(0,f.jsxs)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:x.progress}),(0,f.jsxs)(r.n,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[m,`%`]})]}),(0,f.jsx)(`div`,{className:`mt-2.5`,children:(0,f.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})})})]})]}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]})}z.displayName=`CourseCard`;function B({icon:e=p.Sparkles,title:r,description:s,tags:c=[],actionLabel:l,onAction:d,className:m}){return(0,f.jsxs)(o.t,{className:t.cn(`feature-announcement--component`,m),children:[(0,f.jsxs)(u.t,{className:`items-start px-0`,children:[(0,f.jsx)(u.c,{children:(0,f.jsx)(i.t,{icon:e,tone:`primary`,size:`md`,shape:`square`,className:`rounded-md ring-1 ring-primary/15`})}),(0,f.jsxs)(u.r,{children:[(0,f.jsx)(u.u,{children:r}),(0,f.jsx)(u.i,{clamp:`none`,children:s})]})]}),c.length>0&&(0,f.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:c.map(e=>(0,f.jsx)(a.t,{variant:`info`,children:e},e))}),!!l&&(0,f.jsx)(`div`,{className:`mt-3`,children:(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:d,className:`-ml-2`,children:[l,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})})]})}B.displayName=`FeatureAnnouncementCard`;var V={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`};function H({name:a,initials:o,avatarUrl:c,role:l,verified:m=!1,earnings:h,earningsChange:g,metrics:_=[],stats:v=[],onMessage:y,onHire:b,className:x,strings:S}){let C=e.useStrings(V,S),[w,T]=(0,d.useState)(`overview`),E=o??a.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),D={overview:C.tabOverview,stats:C.tabStats},O=!!h||_.length>0,k=v.length>0,A=[[`overview`,O],[`stats`,k]].filter(([,e])=>e).map(([e])=>e),j=w===`overview`&&!O&&k?`stats`:w;return(0,f.jsxs)(`div`,{className:t.cn(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,x),children:[(0,f.jsxs)(u.t,{className:`items-start px-0`,children:[(0,f.jsx)(u.c,{variant:c?`avatar`:`default`,children:c?(0,f.jsx)(`img`,{src:c,alt:a,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,f.jsx)(i.t,{tone:`primary`,size:`md`,className:`font-semibold ring-1 ring-primary/15`,children:E})}),(0,f.jsxs)(u.r,{children:[(0,f.jsx)(u.u,{children:(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[a,!!m&&(0,f.jsx)(i.t,{tone:`success`,solid:!0,size:`xs`,"aria-label":C.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,f.jsx)(p.Check,{className:`size-2.5`,strokeWidth:3})})]})}),!!l&&(0,f.jsx)(u.i,{clamp:2,children:l})]})]}),A.length>1&&(0,f.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:A.map(e=>(0,f.jsx)(n.t,{type:`button`,"aria-pressed":j===e,onClick:()=>T(e),variant:`secondary`,buttonStyle:`ghost`,size:`xs`,className:t.cn(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:D[e]},e))}),j===`overview`&&O&&(0,f.jsxs)(`div`,{className:`space-y-3`,children:[!!h&&(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:C.totalEarnings}),(0,f.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,f.jsx)(r.n,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:h}),!!g&&(0,f.jsx)(r.n,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:g})]})]}),_.length>0&&(0,f.jsx)(`div`,{className:`space-y-1.5`,children:_.map(e=>(0,f.jsx)(s.i,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),j===`stats`&&k&&(0,f.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:v.map(e=>(0,f.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,f.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,f.jsx)(r.n,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,f.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`semibold`,className:t.cn(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,f.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:y,children:[(0,f.jsx)(p.MessageSquare,{className:`mr-1.5 size-3.5`}),C.message]}),(0,f.jsxs)(n.t,{variant:`dark`,className:`flex-1 rounded-md`,onClick:b,children:[C.hire,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}H.displayName=`VendorProfileCard`,exports.ContactCard=g,exports.CourseCard=z,exports.FeatureAnnouncementCard=B,exports.GiftcardCard=A,exports.GiftcardCardDark=N,exports.GiftcardCardIllustrated=P,exports.GiftcardCardMinimal=M,exports.GiftcardCompact=j,exports.GradientCard=x,exports.GradientCardCompact=S,exports.VendorProfileCard=H;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/cards/index.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-BGKY8UY0.js";
 import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
 import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as o } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as o } from "../../../_shared/badge-A8wQRShC.js";
 import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
-import { O as c, i as l } from "../../../_shared/display-NBtWdAMl.js";
+import { O as c, i as l } from "../../../_shared/display-CL69dmsv.js";
 import { o as u, r as d, t as f } from "../../../_shared/avatar-CBi4LGxy.js";
 import { t as p } from "../../../_shared/metadata-Ckcmar8d.js";
 import { c as m, i as h, n as g, o as _, r as v, t as y, u as b } from "../../../_shared/item-DAjqQhhj.js";