npm - themelia-react-ui - Versions diffs - 1.0.0 → 1.0.1 - Mend

themelia-react-ui 1.0.0 → 1.0.1

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

package/dist/usage-card-DnmnJ58D.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"usage-card-DnmnJ58D.js","names":["NumberValue","_Fragment","useFormattingConfig","cn","Button","Text","DisplayLabel","Grid","Stack","Card","ProgressTrack","Progress","Percent","Number$1","TabsTrigger","TabsContent","TabsList","Tabs","validUsage","value","usageExceeds","actual","expected","tolerance","terms","quotaSummary","used","usedValue","limit","limitValue","kind","ratio","dailySummary","values","days","day","complete","maximum","max","sum","defaultUsageCardStrings","chartColors","categoryColor","category","index","QuotaValue","summary","quota","strings","prominent","Fragment","QuotaProgress","formatting","categories","total","segmented","denominator","unclassified","format","label","DailyUsage","unit","UsageBody","data","categoryTotal","inconsistent","percent","resource","UsageCard","stringsProp","cardProps","useStrings","ready","status","selectedPeriod","period","periods","hasPeriods","body","loadingSlot","errorSlot","onRetry","emptySlot","footer","footerAction","card","item","onPeriodChange"],"sources":["../src/components/blocks/analytics/usage-card/usage-card.data.ts","../src/components/blocks/analytics/usage-card/usage-card.strings.ts","../src/components/blocks/analytics/usage-card/usage-card.tsx"],"sourcesContent":["import type { UsageCardDay } from './types';\n\nexport function validUsage(value: number | null | undefined): number | null {\n\treturn typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : null;\n}\n\n/** Account only for rounding accumulated by positive finite category additions. */\nexport function usageExceeds(actual: number, expected: number, terms = 1): boolean {\n\tif (validUsage(actual) === null || validUsage(expected) === null) return true;\n\tconst magnitude = Math.max(actual, expected);\n\tconst tolerance = magnitude * Number.EPSILON * Math.max(1, terms);\n\treturn actual - expected > tolerance;\n}\n\n/** Retain actual numbers; cap only geometry. Zero quota has no finite percentage. */\nexport function quotaSummary(usedValue: number | null, limitValue: number | null | undefined) {\n\tconst used = validUsage(usedValue);\n\tconst limit = validUsage(limitValue);\n\tconst kind = used === null ? 'unavailable' : limitValue === null ? 'unlimited' : limit === null ? 'unavailable' : 'limited';\n\tconst ratio = used !== null && limit !== null && limit > 0 ? used / limit * 100 : used === 0 && limit === 0 ? 0 : null;\n\tconst percent = ratio !== null && Number.isFinite(ratio) ? ratio : null;\n\treturn {\n\t\tkind, used, limit, percent,\n\t\tprogress: kind === 'limited' ? limit === 0 ? used === 0 ? 0 : 100 : Math.min(100, ratio ?? 0) : null,\n\t\tremaining: kind === 'limited' ? Math.max(0, (limit ?? 0) - (used ?? 0)) : null,\n\t\texcess: kind === 'limited' ? Math.max(0, (used ?? 0) - (limit ?? 0)) : null,\n\t} as const;\n}\n\nexport function dailySummary(days: readonly UsageCardDay[]) {\n\tconst values = days.map(day => validUsage(day.value));\n\tconst complete = values.length > 0 && values.every(value => value !== null);\n\tconst maximum = values.reduce<number>((max, value) => Math.max(max, value ?? 0), 0);\n\treturn {\n\t\tvalues,\n\t\t// Dividing before summing avoids overflow for finite, very large values.\n\t\taverage: complete ? values.reduce<number>((sum, value) => sum + (value ?? 0) / values.length, 0) : null,\n\t\tmaximum: maximum > 0 ? maximum : 1,\n\t};\n}\n","export interface UsageCardStrings {\n\ttitle: string;\n\tusage: string;\n\tused: string;\n\tof: string;\n\tunlimited: string;\n\tunavailable: string;\n\tremaining: string;\n\toverLimit: string;\n\tbreakdown: string;\n\tinconsistentBreakdown: string;\n\tdaily: string;\n\taverage: string;\n\tperDay: string;\n\tresources: string;\n\tperiods: string;\n\tloading: string;\n\terror: string;\n\tempty: string;\n\tretry: string;\n}\nexport const defaultUsageCardStrings: UsageCardStrings = {\n\ttitle: 'Usage', usage: 'Usage', used: 'used', of: 'of', unlimited: 'Unlimited',\n\tunavailable: 'Unavailable', remaining: 'remaining', overLimit: 'over limit',\n\tbreakdown: 'Usage breakdown', inconsistentBreakdown: 'Category totals exceed reported usage.',\n\tdaily: 'Daily usage', average: 'Average', perDay: 'per day', resources: 'Resources',\n\tperiods: 'Usage period', loading: 'Loading usage', error: 'Unable to load usage',\n\tempty: 'No usage data', retry: 'Retry',\n};\n","import type { ReactNode } from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Card } from '../../../base/cards';\nimport { Progress, ProgressTrack } from '../../../base/feedback';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../base/navigation';\nimport { Grid, Stack } from '../../../base/structure';\nimport { Number as NumberValue, Percent } from '../../../primitives';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { useFormattingConfig } from '../../../../lib/ui-provider';\nimport { cn } from '../../../../lib/utils';\n\nimport { dailySummary, quotaSummary, usageExceeds, validUsage } from './usage-card.data';\nimport { defaultUsageCardStrings, type UsageCardStrings } from './usage-card.strings';\nimport type { UsageCardCategory, UsageCardData, UsageCardDay, UsageCardProps, UsageCardQuota } from './types';\n\nconst chartColors = ['bg-chart-1', 'bg-chart-2', 'bg-chart-3', 'bg-chart-4', 'bg-chart-5'] as const;\nfunction categoryColor(category: UsageCardCategory, index: number) {\n\treturn chartColors[(category.color === undefined ? index : category.color - 1) % chartColors.length];\n}\n\nfunction QuotaValue({ quota, strings, prominent = false }: { quota: UsageCardQuota; strings: UsageCardStrings; prominent?: boolean }) {\n\tconst summary = quotaSummary(quota.used, quota.limit);\n\treturn <Stack gap=\"dense\" className=\"usage-card--quota\">\n\t\t<Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<NumberValue value={summary.used} emptyLabel={strings.unavailable} size={prominent ? 'xl' : undefined} weight={prominent ? 'semibold' : 'medium'} align=\"left\" />\n\t\t\t{!prominent && summary.kind === 'limited' && <>\n\t\t\t\t<Text tag=\"span\" type=\"secondary\">{strings.of}</Text>\n\t\t\t\t<NumberValue value={summary.limit} type=\"secondary\" align=\"left\" />\n\t\t\t</>}\n\t\t\t{quota.unit && <Text tag=\"span\" type=\"secondary\">{quota.unit}</Text>}\n\t\t\t{prominent && summary.used !== null && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.used}</Text>}\n\t\t</Stack>\n\t\t{prominent && summary.kind === 'limited' && <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.of}</Text>\n\t\t\t<NumberValue value={summary.limit} size=\"xs\" type=\"secondary\" align=\"left\" />\n\t\t</Stack>}\n\t\t{summary.kind === 'unlimited' && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.unlimited}</Text>}\n\t\t{summary.kind === 'unavailable' && summary.used !== null && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.unavailable}</Text>}\n\t</Stack>;\n}\n\nfunction QuotaProgress({ quota, label, strings, categories }: { quota: UsageCardQuota; label: string; strings: UsageCardStrings; categories?: readonly UsageCardCategory[] }) {\n\tconst summary = quotaSummary(quota.used, quota.limit);\n\tconst formatting = useFormattingConfig();\n\tif (summary.kind !== 'limited') return null;\n\tconst sum = categories?.reduce((total, category) => total + (validUsage(category.value) ?? 0), 0) ?? 0;\n\tconst segmented = !!categories?.length && categories.every(category => validUsage(category.value) !== null) && !usageExceeds(sum, summary.used ?? 0, categories.length);\n\tconst maximum = Math.max(summary.limit ?? 0, summary.used ?? 0);\n\tconst denominator = maximum > 0 ? maximum : 1;\n\tconst unclassified = usageExceeds(summary.used ?? 0, sum, categories?.length) ? (summary.used ?? 0) - sum : 0;\n\tconst format = new Intl.NumberFormat(formatting.locale);\n\treturn <Progress\n\t\tvalue={summary.progress ?? 0}\n\t\taria-label={label}\n\t\tgetAriaValueText={() => `${format.format(summary.used ?? 0)} ${strings.of} ${format.format(summary.limit ?? 0)} ${quota.unit ?? ''} ${strings.used}`}\n\t\ttone={summary.excess ? 'destructive' : 'primary'}\n\t\ttrackSlot={segmented ? <ProgressTrack>\n\t\t\t{categories?.map((category, index) => <span key={category.id} aria-hidden=\"true\" className={cn('h-full shrink-0', categoryColor(category, index))} style={{ width: `${(category.value ?? 0) / denominator * 100}%` }} />)}\n\t\t\t{unclassified > 0 && <span aria-hidden=\"true\" className=\"h-full shrink-0 bg-primary\" style={{ width: `${unclassified / denominator * 100}%` }} />}\n\t\t</ProgressTrack> : undefined}\n\t/>;\n}\n\nfunction DailyUsage({ days, unit, strings }: { days: readonly UsageCardDay[]; unit?: string; strings: UsageCardStrings }) {\n\tconst summary = dailySummary(days);\n\treturn <Stack gap=\"sm\" className=\"usage-card--daily\">\n\t\t<Stack direction=\"horizontal\" justify=\"between\" align=\"baseline\" gap=\"sm\">\n\t\t\t<DisplayLabel>{strings.daily}</DisplayLabel>\n\t\t\t<Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.average}</Text>\n\t\t\t\t<NumberValue value={summary.average} emptyLabel={strings.unavailable} options={{ maximumFractionDigits: 0 }} weight=\"medium\" />\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.perDay}</Text>\n\t\t\t</Stack>\n\t\t</Stack>\n\t\t{days.length > 0 && <>\n\t\t\t<svg viewBox={`0 0 ${days.length * 10} 40`} preserveAspectRatio=\"none\" aria-hidden=\"true\" className=\"usage-card--daily-chart h-control-lg w-full overflow-visible\">\n\t\t\t\t{summary.values.map((value, index) => value === null ? null : <rect key={index} x={index * 10 + 1} y={40 - value / summary.maximum * 40} width={8} height={value / summary.maximum * 40} className=\"fill-chart-1\" />)}\n\t\t\t</svg>\n\t\t\t<Stack direction=\"horizontal\" justify=\"between\" gap=\"sm\" aria-hidden=\"true\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\">{days[0]?.label}</Text>\n\t\t\t\t{days.length > 1 && <Text size=\"xs\" type=\"secondary\">{days[days.length - 1]?.label}</Text>}\n\t\t\t</Stack>\n\t\t</>}\n\t\t<ol className=\"sr-only\" aria-label={strings.daily}>\n\t\t\t{days.map((day, index) => <li key={index}>{day.label}: <NumberValue value={validUsage(day.value)} emptyLabel={strings.unavailable} /> {unit}</li>)}\n\t\t</ol>\n\t</Stack>;\n}\n\nfunction UsageBody({ data, strings }: { data: UsageCardData; strings: UsageCardStrings }) {\n\tconst summary = quotaSummary(data.used, data.limit);\n\tconst categoryTotal = data.categories?.reduce((total, category) => total + (validUsage(category.value) ?? 0), 0) ?? 0;\n\tconst inconsistent = summary.used !== null && usageExceeds(categoryTotal, summary.used, data.categories?.length);\n\treturn <Stack gap=\"lg\">\n\t\t<Stack gap=\"md\" className=\"usage-card--summary\">\n\t\t\t<Stack direction=\"horizontal\" justify=\"between\" align=\"start\" gap=\"sm\">\n\t\t\t\t<QuotaValue quota={data} strings={strings} prominent />\n\t\t\t\t{summary.percent !== null && <Percent value={summary.percent} scaled size=\"lg\" weight=\"medium\" type=\"secondary\" options={{ maximumFractionDigits: 0 }} />}\n\t\t\t</Stack>\n\t\t\t<QuotaProgress quota={data} label={strings.usage} strings={strings} categories={data.categories} />\n\t\t\t{!!data.categories?.length && <Grid render={<ul aria-label={strings.breakdown} />} columns={3} gap=\"sm\" className=\"usage-card--categories grid-cols-[minmax(0,1fr)_auto_minmax(5ch,max-content)]\">\n\t\t\t\t{data.categories.map((category, index) => {\n\t\t\t\t\tconst value = validUsage(category.value);\n\t\t\t\t\tconst percent = summary.used === null || value === null || inconsistent ? null : summary.used === 0 ? 0 : value / summary.used;\n\t\t\t\t\treturn <li key={category.id} className=\"usage-card--category col-span-full grid grid-cols-subgrid items-baseline\">\n\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" align=\"center\" wrap={false} className=\"min-w-0\">\n\t\t\t\t\t\t\t<span aria-hidden=\"true\" className={cn('size-icon-sm shrink-0 rounded-full', categoryColor(category, index))} />\n\t\t\t\t\t\t\t<Text tag=\"span\" className=\"break-words\">{category.label}</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<NumberValue value={value} emptyLabel={strings.unavailable} weight=\"medium\" className=\"usage-card--category-value\" />\n\t\t\t\t\t\t<Percent value={percent} emptyLabel={strings.unavailable} type=\"secondary\" options={{ maximumFractionDigits: 0 }} className=\"usage-card--category-share\" />\n\t\t\t\t\t</li>;\n\t\t\t\t})}\n\t\t\t</Grid>}\n\t\t\t{inconsistent && <Text size=\"xs\" type=\"secondary\">{strings.inconsistentBreakdown}</Text>}\n\t\t</Stack>\n\t\t{data.daily && <DailyUsage days={data.daily} unit={data.unit} strings={strings} />}\n\t\t{!!data.resources?.length && <Stack gap=\"sm\">\n\t\t\t<DisplayLabel>{strings.resources}</DisplayLabel>\n\t\t\t<Grid columns={1} gap=\"md\" className=\"usage-card--resources @sm/card:grid-cols-3\">\n\t\t\t\t{data.resources.map(resource => <Stack key={resource.id} gap=\"sm\" className=\"usage-card--resource min-w-0\" role=\"group\" aria-label={resource.label}>\n\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">{resource.label}</Text>\n\t\t\t\t\t<QuotaValue quota={resource} strings={strings} />\n\t\t\t\t\t<QuotaProgress quota={resource} label={resource.label} strings={strings} />\n\t\t\t\t</Stack>)}\n\t\t\t</Grid>\n\t\t</Stack>}\n\t</Stack>;\n}\n\n/** App-owned usage data and period callbacks in the canonical Card composition. */\nexport function UsageCard({ data, status = 'ready', periods, period, onPeriodChange, onRetry, loadingSlot, errorSlot, emptySlot, footerAction, strings: stringsProp, ...cardProps }: UsageCardProps) {\n\tconst strings = useStrings(defaultUsageCardStrings, stringsProp);\n\tconst ready = status === 'ready' && !!data;\n\tconst summary = ready ? quotaSummary(data.used, data.limit) : null;\n\tconst selectedPeriod = period ?? periods?.[0]?.value ?? '';\n\tconst hasPeriods = !!periods?.length;\n\tlet body: ReactNode;\n\tif (status === 'loading') body = <div role=\"status\">{loadingSlot ?? <Text type=\"secondary\">{strings.loading}</Text>}</div>;\n\telse if (status === 'error') body = <Stack role=\"alert\" gap=\"sm\">{errorSlot ?? <Text>{strings.error}</Text>}{onRetry && <Button tone=\"secondary\" onClick={onRetry}>{strings.retry}</Button>}</Stack>;\n\telse if (!ready) body = <div>{emptySlot ?? <Text type=\"secondary\">{strings.empty}</Text>}</div>;\n\telse body = <UsageBody data={data} strings={strings} />;\n\tconst footer = (summary?.kind === 'limited' || footerAction) && <Stack direction=\"horizontal\" justify=\"between\" align=\"center\" gap=\"md\">\n\t\t{summary?.kind === 'limited' && <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<NumberValue value={summary.excess ? summary.excess : summary.remaining} weight=\"medium\" />\n\t\t\t{data?.unit && <Text tag=\"span\" type=\"secondary\">{data.unit}</Text>}\n\t\t\t<Text tag=\"span\" type=\"secondary\">{summary.excess ? strings.overLimit : strings.remaining}</Text>\n\t\t</Stack>}\n\t\t{footerAction}\n\t</Stack>;\n\tconst card = <Card\n\t\t{...cardProps}\n\t\ttitle={cardProps.title ?? strings.title}\n\t\tclassName={cn('usage-card--component min-w-0', cardProps.className)}\n\t\tdata-component=\"usage-card\"\n\t\tdata-slot=\"usage-card\"\n\t\taria-busy={status === 'loading' || undefined}\n\t\theaderClassName={hasPeriods ? '@sm/card:flex-col @lg/card:flex-row' : undefined}\n\t\theaderAction={hasPeriods ? <Stack direction=\"horizontal\" gap=\"sm\" align=\"center\" className=\"usage-card--header-actions max-w-full\">\n\t\t\t<TabsList aria-label={strings.periods} className=\"max-w-full flex-wrap\">\n\t\t\t\t{periods.map(item => <TabsTrigger key={item.value} value={item.value} disabled={item.disabled || !onPeriodChange}>{item.label}</TabsTrigger>)}\n\t\t\t</TabsList>\n\t\t\t{cardProps.headerAction}\n\t\t</Stack> : cardProps.headerAction}\n\t\tfooterSlot={footer}\n\t\tfooterDivider={!!footer}\n\t>\n\t\t{hasPeriods ? <TabsContent value={selectedPeriod}>{body}</TabsContent> : body}\n\t</Card>;\n\treturn hasPeriods ? <Tabs value={selectedPeriod} onValueChange={value => { if (typeof value === 'string') onPeriodChange?.(value); }} className=\"min-w-0\">{card}</Tabs> : card;\n}\n\nUsageCard.displayName = 'UsageCard';\n"],"mappings":";;;;;;;;;;;;;AAEA,SAAgBkB,EAAW,GAAiD;CAC3E,OAAO,OAAOC,KAAU,YAAY,OAAO,SAASA,CAAK,KAAKA,KAAS,IAAIA,IAAQ;AACpF;AAGA,SAAgBC,EAAa,GAAgB,GAAkB,IAAQ,GAAY;CAClF,IAAIF,EAAWG,CAAM,MAAM,QAAQH,EAAWI,CAAQ,MAAM,MAAM,OAAO;CAEzE,IAAMC,IADY,KAAK,IAAIF,GAAQC,CACjB,eAA6B,KAAK,IAAI,GAAGE,CAAK;CAChE,OAAOH,IAASC,IAAWC;AAC5B;AAGA,SAAgBE,EAAa,GAA0B,GAAuC;CAC7F,IAAMC,IAAOR,EAAWS,CAAS,GAC3BC,IAAQV,EAAWW,CAAU,GAC7BC,IAAOJ,MAAS,OAAO,gBAAgBG,MAAe,OAAO,cAAcD,MAAU,OAAO,gBAAgB,WAC5GG,IAAQL,MAAS,QAAQE,MAAU,QAAQA,IAAQ,IAAIF,IAAOE,IAAQ,MAAMF,MAAS,KAAKE,MAAU,IAAI,IAAI;CAElH,OAAO;EACN;EAAM;EAAM;EAAO,SAFJG,MAAU,QAAQ,OAAO,SAASA,CAAK,IAAIA,IAAQ;EAGlE,UAAUD,MAAS,YAAYF,MAAU,IAAIF,MAAS,IAAI,IAAI,MAAM,KAAK,IAAI,KAAKK,KAAS,CAAC,IAAI;EAChG,WAAWD,MAAS,YAAY,KAAK,IAAI,IAAIF,KAAS,MAAMF,KAAQ,EAAE,IAAI;EAC1E,QAAQI,MAAS,YAAY,KAAK,IAAI,IAAIJ,KAAQ,MAAME,KAAS,EAAE,IAAI;CACxE;AACD;AAEA,SAAgBI,EAAa,GAA+B;CAC3D,IAAMC,IAASC,EAAK,KAAI,MAAOhB,EAAWiB,EAAI,KAAK,CAAC,GAC9CC,IAAWH,EAAO,SAAS,KAAKA,EAAO,OAAM,MAASd,MAAU,IAAI,GACpEkB,IAAUJ,EAAO,QAAgB,GAAK,MAAU,KAAK,IAAIK,GAAKnB,KAAS,CAAC,GAAG,CAAC;CAClF,OAAO;EACN;EAEA,SAASiB,IAAWH,EAAO,QAAgB,GAAK,MAAUM,KAAOpB,KAAS,KAAKc,EAAO,QAAQ,CAAC,IAAI;EACnG,SAASI,IAAU,IAAIA,IAAU;CAClC;AACD;;;AClBA,IAAaG,IAA4C;CACxD,OAAO;CAAS,OAAO;CAAS,MAAM;CAAQ,IAAI;CAAM,WAAW;CACnE,aAAa;CAAe,WAAW;CAAa,WAAW;CAC/D,WAAW;CAAmB,uBAAuB;CACrD,OAAO;CAAe,SAAS;CAAW,QAAQ;CAAW,WAAW;CACxE,SAAS;CAAgB,SAAS;CAAiB,OAAO;CAC1D,OAAO;CAAiB,OAAO;AAChC,GCXMC,IAAc;CAAC;CAAc;CAAc;CAAc;CAAc;AAAY;AACzF,SAASC,EAAc,GAA6B,GAAe;CAClE,OAAOD,GAAaE,EAAS,UAAU,KAAA,IAAYC,IAAQD,EAAS,QAAQ,KAAKF,EAAY;AAC9F;AAEA,SAASI,EAAW,EAAE,UAAO,YAAS,eAAY,MAAoF;CACrI,IAAMC,IAAUrB,EAAasB,EAAM,MAAMA,EAAM,KAAK;CACpD,OAAO,kBAACvC,GAAD;EAAO,KAAI;EAAQ,WAAU;EAA7B,UAAA;GACN,kBAACA,GAAD;IAAO,WAAU;IAAa,KAAI;IAAK,OAAM;IAA7C,UAAA;KACC,kBAACR,GAAD;MAAa,OAAO8C,EAAQ;MAAM,YAAYE,EAAQ;MAAa,MAAMC,IAAY,OAAO,KAAA;MAAW,QAAQA,IAAY,aAAa;MAAU,OAAM;KAAQ,CAAA;KAC/J,CAACA,KAAaH,EAAQ,SAAS,aAAa,kBAAA7C,GAAA,EAAA,UAAA,CAC5C,kBAACI,GAAD;MAAM,KAAI;MAAO,MAAK;MAAa,UAAA2C,EAAQ;KAAS,CAAA,GACpD,kBAAChD,GAAD;MAAa,OAAO8C,EAAQ;MAAO,MAAK;MAAY,OAAM;KAAQ,CAAA,CACjE,EAAA,CAAA;KACDC,EAAM,QAAQ,kBAAC1C,GAAD;MAAM,KAAI;MAAO,MAAK;MAAa,UAAA0C,EAAM;KAAW,CAAA;KAClEE,KAAaH,EAAQ,SAAS,QAAQ,kBAACzC,GAAD;MAAM,KAAI;MAAO,MAAK;MAAK,MAAK;MAAa,UAAA2C,EAAQ;KAAW,CAAA;IACjG;;GACNC,KAAaH,EAAQ,SAAS,aAAa,kBAACtC,GAAD;IAAO,WAAU;IAAa,KAAI;IAAK,OAAM;IAA7C,UAAA,CAC3C,kBAACH,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAa,UAAA2C,EAAQ;IAAS,CAAA,GAC9D,kBAAChD,GAAD;KAAa,OAAO8C,EAAQ;KAAO,MAAK;KAAK,MAAK;KAAY,OAAM;IAAQ,CAAA,CACtE;;GACNA,EAAQ,SAAS,eAAe,kBAACzC,GAAD;IAAM,KAAI;IAAO,MAAK;IAAK,MAAK;IAAa,UAAA2C,EAAQ;GAAgB,CAAA;GACrGF,EAAQ,SAAS,iBAAiBA,EAAQ,SAAS,QAAQ,kBAACzC,GAAD;IAAM,KAAI;IAAO,MAAK;IAAK,MAAK;IAAa,UAAA2C,EAAQ;GAAkB,CAAA;EAC7H;;AACR;AAEA,SAASG,EAAc,EAAE,UAAO,UAAO,YAAS,iBAA8H;CAC7K,IAAML,IAAUrB,EAAasB,EAAM,MAAMA,EAAM,KAAK,GAC9CK,IAAalD,EAAoB;CACvC,IAAI4C,EAAQ,SAAS,WAAW,OAAO;CACvC,IAAMP,IAAMc,GAAY,QAAQ,GAAO,MAAaC,KAASpC,EAAWyB,EAAS,KAAK,KAAK,IAAI,CAAC,KAAK,GAC/FY,IAAY,CAAC,CAACF,GAAY,UAAUA,EAAW,OAAM,MAAYnC,EAAWyB,EAAS,KAAK,MAAM,IAAI,KAAK,CAACvB,EAAamB,GAAKO,EAAQ,QAAQ,GAAGO,EAAW,MAAM,GAChKhB,IAAU,KAAK,IAAIS,EAAQ,SAAS,GAAGA,EAAQ,QAAQ,CAAC,GACxDU,IAAcnB,IAAU,IAAIA,IAAU,GACtCoB,IAAerC,EAAa0B,EAAQ,QAAQ,GAAGP,GAAKc,GAAY,MAAM,KAAKP,EAAQ,QAAQ,KAAKP,IAAM,GACtGmB,IAAS,IAAI,KAAK,aAAaN,EAAW,MAAM;CACtD,OAAO,kBAACzC,GAAD;EACN,OAAOmC,EAAQ,YAAY;EAC3B,cAAYa;EACZ,wBAAwB,GAAGD,EAAO,OAAOZ,EAAQ,QAAQ,CAAC,EAAE,GAAGE,EAAQ,GAAG,GAAGU,EAAO,OAAOZ,EAAQ,SAAS,CAAC,EAAE,GAAGC,EAAM,QAAQ,GAAG,GAAGC,EAAQ;EAC9I,MAAMF,EAAQ,SAAS,gBAAgB;EACvC,WAAWS,IAAY,kBAAC7C,GAAD,EAAA,UAAA,CACrB2C,GAAY,KAAK,GAAU,MAAU,kBAAC,QAAD;GAAwB,eAAY;GAAO,WAAWlD,EAAG,mBAAmBuC,EAAcC,GAAUC,CAAK,CAAC;GAAG,OAAO,EAAE,OAAO,IAAID,EAAS,SAAS,KAAKa,IAAc,IAAI,GAAG;EAAI,GAAtKb,EAAS,EAA6J,CAAC,GACvNc,IAAe,KAAK,kBAAC,QAAD;GAAM,eAAY;GAAO,WAAU;GAA6B,OAAO,EAAE,OAAO,GAAGA,IAAeD,IAAc,IAAI,GAAG;EAAI,CAAA,CAClI,EAAA,CAAA,IAAI,KAAA;CACnB,CAAA;AACF;AAEA,SAASI,EAAW,EAAE,SAAM,SAAM,cAAwF;CACzH,IAAMd,IAAUd,EAAaE,CAAI;CACjC,OAAO,kBAAC1B,GAAD;EAAO,KAAI;EAAK,WAAU;EAA1B,UAAA;GACN,kBAACA,GAAD;IAAO,WAAU;IAAa,SAAQ;IAAU,OAAM;IAAW,KAAI;IAArE,UAAA,CACC,kBAACF,GAAD,EAAA,UAAe0C,EAAQ,MAAoB,CAAA,GAC3C,kBAACxC,GAAD;KAAO,WAAU;KAAa,KAAI;KAAK,OAAM;KAA7C,UAAA;MACC,kBAACH,GAAD;OAAM,KAAI;OAAO,MAAK;OAAK,MAAK;OAAa,UAAA2C,EAAQ;MAAc,CAAA;MACnE,kBAAChD,GAAD;OAAa,OAAO8C,EAAQ;OAAS,YAAYE,EAAQ;OAAa,SAAS,EAAE,uBAAuB,EAAE;OAAG,QAAO;MAAU,CAAA;MAC9H,kBAAC3C,GAAD;OAAM,KAAI;OAAO,MAAK;OAAK,MAAK;OAAa,UAAA2C,EAAQ;MAAa,CAAA;KAC5D;IACD,CAAA,CAAA;;GACNd,EAAK,SAAS,KAAK,kBAAAjC,GAAA,EAAA,UAAA,CACnB,kBAAC,OAAD;IAAK,SAAS,OAAOiC,EAAK,SAAS,GAAG;IAAM,qBAAoB;IAAO,eAAY;IAAO,WAAU;IAClG,UAAAY,EAAQ,OAAO,KAAK,GAAO,MAAU3B,MAAU,OAAO,OAAO,kBAAC,QAAD;KAAkB,GAAGyB,IAAQ,KAAK;KAAG,GAAG,KAAKzB,IAAQ2B,EAAQ,UAAU;KAAI,OAAO;KAAG,QAAQ3B,IAAQ2B,EAAQ,UAAU;KAAI,WAAU;IAAgB,GAA1IF,CAA0I,CAAC;GAChN,CAAA,GACL,kBAACpC,GAAD;IAAO,WAAU;IAAa,SAAQ;IAAU,KAAI;IAAK,eAAY;IAArE,UAAA,CACC,kBAACH,GAAD;KAAM,MAAK;KAAK,MAAK;KAAa,UAAA6B,EAAK,EAAE,EAAE;IAAY,CAAA,GACtDA,EAAK,SAAS,KAAK,kBAAC7B,GAAD;KAAM,MAAK;KAAK,MAAK;KAAa,UAAA6B,EAAKA,EAAK,SAAS,EAAE,EAAE;IAAY,CAAA,CACnF;GACN,CAAA,CAAA,EAAA,CAAA;GACF,kBAAC,MAAD;IAAI,WAAU;IAAU,cAAYc,EAAQ;IAC1C,UAAAd,EAAK,KAAK,GAAK,MAAU,kBAAC,MAAD,EAAA,UAAA;KAAiBC,EAAI;KAAM;KAAE,kBAACnC,GAAD;MAAa,OAAOkB,EAAWiB,EAAI,KAAK;MAAG,YAAYa,EAAQ;KAAc,CAAA;KAAC;KAAEa;IAAS,EAAA,GAA7GjB,CAA6G,CAAC;GAC9I,CAAA;EACE;;AACR;AAEA,SAASkB,EAAU,EAAE,SAAM,cAA+D;CACzF,IAAMhB,IAAUrB,EAAasC,EAAK,MAAMA,EAAK,KAAK,GAC5CC,IAAgBD,EAAK,YAAY,QAAQ,GAAO,MAAaT,KAASpC,EAAWyB,EAAS,KAAK,KAAK,IAAI,CAAC,KAAK,GAC9GsB,IAAenB,EAAQ,SAAS,QAAQ1B,EAAa4C,GAAelB,EAAQ,MAAMiB,EAAK,YAAY,MAAM;CAC/G,OAAO,kBAACvD,GAAD;EAAO,KAAI;EAAX,UAAA;GACN,kBAACA,GAAD;IAAO,KAAI;IAAK,WAAU;IAA1B,UAAA;KACC,kBAACA,GAAD;MAAO,WAAU;MAAa,SAAQ;MAAU,OAAM;MAAQ,KAAI;MAAlE,UAAA,CACC,kBAACqC,GAAD;OAAY,OAAOkB;OAAe;OAAS,WAAA;MAAW,CAAA,GACrDjB,EAAQ,YAAY,QAAQ,kBAAClC,GAAD;OAAS,OAAOkC,EAAQ;OAAS,QAAA;OAAO,MAAK;OAAK,QAAO;OAAS,MAAK;OAAY,SAAS,EAAE,uBAAuB,EAAE;MAAI,CAAA,CAClJ;;KACP,kBAACK,GAAD;MAAe,OAAOY;MAAM,OAAOf,EAAQ;MAAgB;MAAS,YAAYe,EAAK;KAAa,CAAA;KACjG,CAAC,CAACA,EAAK,YAAY,UAAU,kBAACxD,GAAD;MAAM,QAAQ,kBAAC,MAAD,EAAI,cAAYyC,EAAQ,UAAY,CAAA;MAAG,SAAS;MAAG,KAAI;MAAK,WAAU;MAChH,UAAAe,EAAK,WAAW,KAAK,GAAU,MAAU;OACzC,IAAM5C,IAAQD,EAAWyB,EAAS,KAAK,GACjCuB,IAAUpB,EAAQ,SAAS,QAAQ3B,MAAU,QAAQ8C,IAAe,OAAOnB,EAAQ,SAAS,IAAI,IAAI3B,IAAQ2B,EAAQ;OAC1H,OAAO,kBAAC,MAAD;QAAsB,WAAU;QAAhC,UAAA;SACN,kBAACtC,GAAD;UAAO,WAAU;UAAa,KAAI;UAAK,OAAM;UAAS,MAAM;UAAO,WAAU;UAA7E,UAAA,CACC,kBAAC,QAAD;WAAM,eAAY;WAAO,WAAWL,EAAG,sCAAsCuC,EAAcC,GAAUC,CAAK,CAAC;UAAI,CAAA,GAC/G,kBAACvC,GAAD;WAAM,KAAI;WAAO,WAAU;WAAe,UAAAsC,EAAS;UAAY,CAAA,CACzD;;SACP,kBAAC3C,GAAD;UAAoB;UAAO,YAAYgD,EAAQ;UAAa,QAAO;UAAS,WAAU;SAA8B,CAAA;SACpH,kBAACpC,GAAD;UAAS,OAAOsD;UAAS,YAAYlB,EAAQ;UAAa,MAAK;UAAY,SAAS,EAAE,uBAAuB,EAAE;UAAG,WAAU;SAA8B,CAAA;QACvJ;OAPY,GAAAL,EAAS,EAOrB;MACL,CAAC;KACI,CAAA;KACLsB,KAAgB,kBAAC5D,GAAD;MAAM,MAAK;MAAK,MAAK;MAAa,UAAA2C,EAAQ;KAA4B,CAAA;IACjF;;GACNe,EAAK,SAAS,kBAACH,GAAD;IAAY,MAAMG,EAAK;IAAO,MAAMA,EAAK;IAAe;GAAU,CAAA;GAChF,CAAC,CAACA,EAAK,WAAW,UAAU,kBAACvD,GAAD;IAAO,KAAI;IAAX,UAAA,CAC5B,kBAACF,GAAD,EAAA,UAAe0C,EAAQ,UAAwB,CAAA,GAC/C,kBAACzC,GAAD;KAAM,SAAS;KAAG,KAAI;KAAK,WAAU;KACnC,UAAAwD,EAAK,UAAU,KAAI,MAAY,kBAACvD,GAAD;MAAyB,KAAI;MAAK,WAAU;MAA+B,MAAK;MAAQ,cAAY2D,EAAS;MAA7G,UAAA;OAC/B,kBAAC9D,GAAD;QAAM,KAAI;QAAO,QAAO;QAAU,UAAA8D,EAAS;OAAY,CAAA;OACvD,kBAACtB,GAAD;QAAY,OAAOsB;QAAmB;OAAU,CAAA;OAChD,kBAAChB,GAAD;QAAe,OAAOgB;QAAU,OAAOA,EAAS;QAAgB;OAAU,CAAA;MACpE;KAJqC,GAAAA,EAAS,EAI9C,CAAC;IACH,CAAA,CACA;;EACD;;AACR;AAGA,SAAgBC,EAAU,EAAE,SAAM,YAAS,SAAS,YAAS,WAAQ,mBAAgB,YAAS,gBAAa,cAAW,cAAW,iBAAc,SAASC,GAAa,GAAGC,KAA6B;CACpM,IAAMtB,IAAUuB,EAAW/B,GAAyB6B,CAAW,GACzDG,IAAQC,MAAW,WAAW,CAAC,CAACV,GAChCjB,IAAU0B,IAAQ/C,EAAasC,EAAK,MAAMA,EAAK,KAAK,IAAI,MACxDW,IAAiBC,KAAUC,IAAU,EAAE,EAAE,SAAS,IAClDC,IAAa,CAAC,CAACD,GAAS,QAC1BE;CACJ,AAEiBA,IAFbL,MAAW,YAAkB,kBAAC,OAAD;EAAK,MAAK;EAAU,UAAAM,KAAe,kBAAC1E,GAAD;GAAM,MAAK;GAAa,UAAA2C,EAAQ;EAAc,CAAA;CAAO,CAAA,IAChHyB,MAAW,UAAgB,kBAACjE,GAAD;EAAO,MAAK;EAAQ,KAAI;EAAxB,UAAA,CAA8BwE,KAAa,kBAAC3E,GAAD,EAAA,UAAO2C,EAAQ,MAAY,CAAA,GAAGiC,KAAW,kBAAC7E,GAAD;GAAQ,MAAK;GAAY,SAAS6E;GAAU,UAAAjC,EAAQ;EAAc,CAAA,CAAS;MACzLwB,IACE,kBAACV,GAAD;EAAiB;EAAe;CAAU,CAAA,IAD9B,kBAAC,OAAD,EAAA,UAAMoB,KAAa,kBAAC7E,GAAD;EAAM,MAAK;EAAa,UAAA2C,EAAQ;CAAY,CAAA,EAAO,CAAA;CAE9F,IAAMmC,KAAUrC,GAAS,SAAS,aAAasC,MAAiB,kBAAC5E,GAAD;EAAO,WAAU;EAAa,SAAQ;EAAU,OAAM;EAAS,KAAI;EAAnE,UAAA,CAC9DsC,GAAS,SAAS,aAAa,kBAACtC,GAAD;GAAO,WAAU;GAAa,KAAI;GAAK,OAAM;GAA7C,UAAA;IAC/B,kBAACR,GAAD;KAAa,OAAO8C,EAAQ,SAASA,EAAQ,SAASA,EAAQ;KAAW,QAAO;IAAU,CAAA;IACzFiB,GAAM,QAAQ,kBAAC1D,GAAD;KAAM,KAAI;KAAO,MAAK;KAAa,UAAA0D,EAAK;IAAW,CAAA;IAClE,kBAAC1D,GAAD;KAAM,KAAI;KAAO,MAAK;KAAa,UAAAyC,EAAQ,SAASE,EAAQ,YAAYA,EAAQ;IAAgB,CAAA;GAC1F;EACN,CAAA,GAAAoC,CACK;KACDC,IAAO,kBAAC5E,GAAD;EACZ,GAAI6D;EACJ,OAAOA,EAAU,SAAStB,EAAQ;EAClC,WAAW7C,EAAG,iCAAiCmE,EAAU,SAAS;EAClE,kBAAe;EACf,aAAU;EACV,aAAWG,MAAW,aAAa,KAAA;EACnC,iBAAiBI,IAAa,wCAAwC,KAAA;EACtE,cAAcA,IAAa,kBAACrE,GAAD;GAAO,WAAU;GAAa,KAAI;GAAK,OAAM;GAAS,WAAU;GAAhE,UAAA,CAC1B,kBAACQ,GAAD;IAAU,cAAYgC,EAAQ;IAAS,WAAU;IAC/C,UAAA4B,EAAQ,KAAI,MAAQ,kBAAC9D,GAAD;KAA8B,OAAOwE,EAAK;KAAO,UAAUA,EAAK,YAAY,CAACC;KAAiB,UAAAD,EAAK;IAAmB,GAApGA,EAAK,KAA+F,CAAC;GACnI,CAAA,GACThB,EAAU,YACL;EAAI,CAAA,IAAAA,EAAU;EACrB,YAAYa;EACZ,eAAe,CAAC,CAACA;EAEhB,UAAAN,IAAa,kBAAC9D,GAAD;GAAa,OAAO2D;GAAiB,UAAAI;EAAkB,CAAA,IAAIA;CACpE,CAAA;CACN,OAAOD,IAAa,kBAAC5D,GAAD;EAAM,OAAOyD;EAAgB,gBAAe,MAAS;GAAE,AAAI,OAAOvD,KAAU,YAAUoE,IAAiBpE,CAAK;EAAG;EAAG,WAAU;EAAW,UAAAkE;CAAW,CAAA,IAAIA;AAC3K;AAEA,EAAU,cAAc"}

package/dist/{value-inputs-Co1fu-xv.js → value-inputs-DX2dbxjj.js} RENAMED Viewed

@@ -4,14 +4,14 @@ import { useStrings as t } from "./lib/strings.js";
 import { t as n } from "./utils-C2EKeIw3.js";
 import { t as r } from "./buttons-Co6GavvM.js";
 import { a as i } from "./typography-Cv8MT-82.js";
-import { t as a } from "./structure-BvW4vG4H.js";
+import { t as a } from "./structure-MvKVq-oL.js";
 import { t as o } from "./track-recipes-LLPNVwFg.js";
 import { t as s } from "./badge-BZXZT9wd.js";
-import { a as c, d as l, p as u, u as d } from "./form-sizing-39NohSqn.js";
-import { t as f } from "./input-DMorJiTI.js";
-import { t as p } from "./date-picker-DI6kPNof.js";
+import { a as c, d as l, p as u, u as d } from "./form-sizing-BWs70_a2.js";
+import { t as f } from "./input-WwYQZJzG.js";
+import { t as p } from "./date-picker-CA6ogMQB.js";
 import { c as m, s as h, t as g } from "./select-B2mb-qN2.js";
-import { d as _, f as v, p as y } from "./choice-inputs-CavA-SGV.js";
+import { d as _, f as v, u as y } from "./choice-inputs-CC7XqPQO.js";
 import * as b from "react";
 import { forwardRef as x, memo as S, useCallback as C, useId as w, useMemo as T, useRef as E, useState as D } from "react";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
@@ -569,7 +569,7 @@ function z({ normalizeOnBlur: r = !0, onBlur: a, onChange: o, prefix: s, default
 						children: re.value
 					})
 				})
-			}), /* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(v, { children: $.map((e) => /* @__PURE__ */ O(y, {
+			}), /* @__PURE__ */ O(y, { children: /* @__PURE__ */ O(_, { children: $.map((e) => /* @__PURE__ */ O(v, {
 				value: e.iso,
 				size: U,
 				children: /* @__PURE__ */ k("div", {
@@ -821,4 +821,4 @@ Z.displayName = "DateTimeInput";
 //#endregion
 export { V as a, B as c, q as i, N as l, X as n, P as o, J as r, F as s, Z as t, M as u };
-//# sourceMappingURL=value-inputs-Co1fu-xv.js.map
+//# sourceMappingURL=value-inputs-DX2dbxjj.js.map

package/dist/{value-inputs-Co1fu-xv.js.map → value-inputs-DX2dbxjj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"value-inputs-Co1fu-xv.js","names":["record","baseui.Select","baseui.SelectTrigger","baseui.SelectValue","React","React","SliderPrimitive","React","useDensityConfig","cn","TextButton","Text","Stack","sliderTrackThickness","Badge","formControlHorizontalPaddingClasses","formFieldTriggerClasses","resolveFormControlSize","formControlSizeClasses","Input","DatePicker","SelectValue","SelectTrigger","Select","SelectPopupContent","SelectPopupGroup","SelectPopupItem","React$1","defaultTagsInputStrings","current","max","TagsInput","ariaDescribedBy","stringsProp","placeholderStrings","useStrings","placeholder","strings","inputValue","setInputValue","useState","open","setOpen","selectedIndex","setSelectedIndex","inputRef","useRef","getDisplayValue","useCallback","tag","field","candidate","createTagFromString","value","input","normalizedRecommendations","useMemo","recommendations","rec","filteredRecommendations","search","caseSensitive","existingValues","displayVal","v","label","val","allowDuplicates","displayValue","sortTags","aStr","a","bStr","b","addTag","actualTag","trimmedDisplayVal","minLength","maxLength","maxTags","existingDisplayVal","validate","newValue","onValueChange","removeTag","i","index","handleInputChange","handleKeyDown","disabled","prev","handlePaste","delimiter","t","handleBlur","addOnBlur","clearAll","defaultRenderTag","tagKey","onRemove","X","resolvedInvalid","invalid","className","recommendationKey","isPicked","e","idx","Check","renderTag","showClearAll","showMaxTags","defaultPhoneInputStrings","COUNTRY_PREFIX_MAP","DEFAULT_COUNTRY_PREFIXES","normalizePrefixInput","normalizePrefixes","inputs","p","normalizePhone","normalized","selectedPrefix","resolvePrefixToDialCode","prefix","normalizedPrefixes","PhoneInputImpl","controlledPrefix","sizeProp","props","size","defaultScale","basePrefixes","prefixes","resolvedDefaultPrefix","defaultPrefix","internalPrefix","setInternalPrefix","selectedIso","setSelectedIso","initial","option","isPrefixControlled","known","currentPrefixOption","handlePrefixChange","newPrefix","item","onPrefixChange","handleChange","onChange","raw","event","stripped","national","normalizeOnBlur","nextValue","onBlur","disablePrefixSelector","staticPrefix","forwardedRef","prefixWidth","prefixPlaceholder","prefixOption","showPrefixInDropdown","showCountryName","PhoneInput","memo","defaultColorInputStrings","pickerSizeClasses","normalizeHexColor","part","roundColorChannel","rounded","precision","hexColorToOklch","red","green","blue","offset","channel","lRoot","mRoot","sRoot","lightness","chroma","hue","renderedColorToHex","computedColor","element","directHex","fallback","canvas","context","alpha","ColorInput","internalValue","setInternalValue","defaultValue","resolvedValue","resolvedPreview","previewValue","initialPickerValue","pickerValue","setPickerValue","swatchRef","publishChange","readOnly","pickerAriaLabel","inputStrings","defaultSliderStrings","SliderFieldImpl","ariaLabel","ariaLabelledBy","generatedId","useId","resolvedId","id","resolvedName","name","resolvedAriaLabel","handleValueChange","singleValue","handleValueCommitted","onValueCommitted","showValue","currentValue","min","formatValue","unit","sliderValue","sliderDefaultValue","Slider","SliderField","DateTimeInput","forwardRef","dateValue","errorValue","output","stepMinutes"],"sources":["../src/components/base/value-inputs/tags-input.tsx","../src/components/base/value-inputs/phone-input.tsx","../src/components/base/value-inputs/color-input.tsx","../src/components/base/value-inputs/slider.tsx","../src/components/base/value-inputs/date-time-input.tsx"],"sourcesContent":["/*\n TagsInput — generic typed tag picker with optional recommendation list,\n * paste-to-bulk, validation, max-tag enforcement, and customizable rendering.\n * Supports both string tags and complex objects (via the `field` prop pointing\n * at the display key). Strings overridable for i18n via `strings`.\n \n Ref note: `TagsInput` is generic over `T` and does not use `forwardRef`\n * (generic-+-forwardRef is awkward in TS). Consumers wire RHF via `value` /\n * `onValueChange` props directly. To focus the inner input from a parent, render\n * a wrapping element with `data-tags-input` and call `.querySelector('input').focus()`.\n /\nimport { X, Check } from 'lucide-react';\nimport as React from 'react';\nimport { useState, useRef, useCallback, useMemo } from 'react';\nimport { TextButton } from '../buttons';\nimport { Badge } from '../badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { Input } from '../text-inputs';\n\nexport interface TagsInputStrings {\n\tplaceholder: string;\n\temptyRecommendations: string;\n\tclearAll: string;\n\t/** Summary line shown when `maxTags` + `showMaxTags` are set. Receives\n\t * `current` (number of tags entered) and `max` (the limit). The\n\t * default is English `\"{current} / {max} tags\"` — override for i18n. /\n\tsummary: (current: number, max: number) => string;\n}\n\nexport const defaultTagsInputStrings: TagsInputStrings = {\n\tplaceholder: 'Add a tag…',\n\temptyRecommendations: 'No recommendations found.',\n\tclearAll: 'Clear all',\n\tsummary: (current, max) => `${current} / ${max} tags`,\n};\n\nexport interface TagsInputProps<T = string> {\n\t/* ID of the editable input, for an external field label. /\n\tid?: string;\n\t/* Additional supporting/error descriptions associated with the editable control. /\n\t'aria-describedby'?: string;\n\t\t/* Current value (array of T) /\n\t\tvalue?: T[];\n\n\t\t/* Callback when value changes /\n\t\tonValueChange?: (value: T[]) => void;\n\n\t\t/* Placeholder text for the input /\n\t\tplaceholder?: string;\n\n\t\t/* Array of recommendations to suggest /\n\t\trecommendations?: Array<T \| { value: T; label: string }>;\n\n\t\t/* Maximum number of tags allowed /\n\t\tmaxTags?: number;\n\n\t\t/* Show the label for the maximum tags /\n\t\tshowMaxTags?: boolean;\n\n\t\t/* Whether duplicate tags are allowed /\n\t\tallowDuplicates?: boolean;\n\n\t\t/* Custom validation function /\n\t\tvalidate?: (value: T) => boolean;\n\n\t\t/* Whether the input is disabled /\n\t\tdisabled?: boolean;\n\n\t\t/* Whether to show the clear all button /\n\t\tshowClearAll?: boolean;\n\n\t\t/* Custom tag component /\n\t\trenderTag?: (tag: T, index: number, onRemove: (index: number) => void) => React.ReactNode;\n\n\t\t/* Delimiter for separating tags when pasting /\n\t\tdelimiter?: string \| RegExp;\n\n\t\t/* Whether to trigger add on blur /\n\t\taddOnBlur?: boolean;\n\n\t\t/* Minimum length for a tag /\n\t\tminLength?: number;\n\n\t\t/* Maximum length for a tag /\n\t\tmaxLength?: number;\n\n\t\t/* Override default English strings (placeholder, empty list, clear-all). /\n\t\tstrings?: StringsProp<TagsInputStrings>;\n\n\t\t/* Whether tags should be sorted /\n\t\tsortTags?: boolean;\n\n\t\t/* Case sensitivity for duplicate checking /\n\t\tcaseSensitive?: boolean;\n\n\t\t/* Field to extract display value from an object (required when T is not string) /\n\t\tfield?: T extends string ? never : keyof T;\n\n\t\t/* Error state for styling (passed from FormField) /\n\t\tinvalid?: boolean;\n\n\t\t/* Additional class names /\n\t\tclassName?: string;\n}\n\nexport function TagsInput<T = string>({\n\t\tid,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\tvalue = [],\n\t\tonValueChange,\n\t\tplaceholder,\n\t\trecommendations,\n\t\tmaxTags,\n\t\tshowMaxTags = false,\n\t\tallowDuplicates = false,\n\t\tvalidate,\n\t\tdisabled = false,\n\t\tshowClearAll = false,\n\t\trenderTag,\n\t\tdelimiter = /[\\n,]/,\n\t\taddOnBlur = true,\n\t\tminLength = 1,\n\t\tmaxLength,\n\t\tsortTags = false,\n\t\tcaseSensitive = false,\n\t\tfield,\n\t\tinvalid,\n\t\tclassName,\n\t\tstrings: stringsProp,\n}: TagsInputProps<T>) {\n\t\tconst placeholderStrings = useStrings(\n\t\t\t\tdefaultTagsInputStrings,\n\t\t\t\tplaceholder !== undefined ? { placeholder } : undefined,\n\t\t);\n\t\tconst strings = useStrings(placeholderStrings, stringsProp);\n\t\tconst [inputValue, setInputValue] = useState('');\n\t\tconst [open, setOpen] = useState(false);\n\t\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\t\t// Helper function to get display value from tag\n\t\tconst getDisplayValue = useCallback(\n\t\t\t\t(tag: T): string => {\n\t\t\t\t\t\tif (typeof tag === 'string') {\n\t\t\t\t\t\t\t\treturn tag;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (field && typeof tag === 'object' && tag !== null) {\n\t\t\t\t\t\t\t\tconst record = tag as Record<string \| number \| symbol, unknown>;\n\t\t\t\t\t\t\t\tconst candidate = record[field];\n\t\t\t\t\t\t\t\tif (typeof candidate === 'string') {\n\t\t\t\t\t\t\t\t\t\treturn candidate;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (candidate === undefined \|\| candidate === null) {\n\t\t\t\t\t\t\t\t\t\treturn '';\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn String(candidate);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn String(tag);\n\t\t\t\t},\n\t\t\t\t[field]\n\t\t);\n\n\t\t// Helper function to create tag from string input\n\t\tconst createTagFromString = useCallback(\n\t\t\t\t(input: string): T => {\n\t\t\t\t\t\tif (typeof value[0] === 'string' \|\| value.length === 0) {\n\t\t\t\t\t\t\t\treturn input as T;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (field) {\n\t\t\t\t\t\t\t\treturn { [field]: input } as T;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn input as unknown as T;\n\t\t\t\t},\n\t\t\t\t[field, value]\n\t\t);\n\n\t\t// Normalize recommendations to always be objects\n\t\tconst normalizedRecommendations = useMemo(() => {\n\t\t\t\tif (!recommendations) return [];\n\t\t\t\treturn recommendations.map((rec) => {\n\t\t\t\t\t\tif (rec && typeof rec === 'object' && 'value' in rec && 'label' in rec) {\n\t\t\t\t\t\t\t\treturn rec as { value: T; label: string };\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst displayValue = getDisplayValue(rec);\n\t\t\t\t\t\treturn { value: rec, label: displayValue };\n\t\t\t\t});\n\t\t}, [recommendations, getDisplayValue]);\n\n\t\t// Filter recommendations based on input and existing tags\n\t\tconst filteredRecommendations = useMemo(() => {\n\t\t\t\tif (!normalizedRecommendations.length \|\| !inputValue) return normalizedRecommendations;\n\n\t\t\t\tconst search = caseSensitive ? inputValue : inputValue.toLowerCase();\n\t\t\t\tconst existingValues = new Set(\n\t\t\t\t\t\tvalue.map((v) => {\n\t\t\t\t\t\t\t\tconst displayVal = getDisplayValue(v);\n\t\t\t\t\t\t\t\treturn caseSensitive ? displayVal : displayVal.toLowerCase();\n\t\t\t\t\t\t})\n\t\t\t\t);\n\n\t\t\t\treturn normalizedRecommendations.filter((rec) => {\n\t\t\t\t\t\tconst label = caseSensitive ? rec.label : rec.label.toLowerCase();\n\t\t\t\t\t\tconst displayVal = getDisplayValue(rec.value);\n\t\t\t\t\t\tconst val = caseSensitive ? displayVal : displayVal.toLowerCase();\n\n\t\t\t\t\t\treturn (label.includes(search) \|\| val.includes(search)) && (allowDuplicates \|\| !existingValues.has(val));\n\t\t\t\t});\n\t\t}, [normalizedRecommendations, inputValue, value, allowDuplicates, caseSensitive, getDisplayValue]);\n\n\t\t// Sort tags if needed\n\t\tconst displayValue = useMemo(() => {\n\t\t\t\tif (!sortTags) return value;\n\t\t\t\treturn [...value].sort((a, b) => {\n\t\t\t\t\t\tconst aStr = getDisplayValue(a);\n\t\t\t\t\t\tconst bStr = getDisplayValue(b);\n\t\t\t\t\t\treturn aStr.localeCompare(bStr);\n\t\t\t\t});\n\t\t}, [value, sortTags, getDisplayValue]);\n\n\t\tconst addTag = useCallback(\n\t\t\t\t(tag: T \| string) => {\n\t\t\t\t\t\tconst actualTag = typeof tag === 'string' ? createTagFromString(tag) : tag;\n\t\t\t\t\t\tconst displayVal = getDisplayValue(actualTag);\n\t\t\t\t\t\tconst trimmedDisplayVal = displayVal.trim();\n\n\t\t\t\t\t\t// Validation checks\n\t\t\t\t\t\tif (!trimmedDisplayVal) return;\n\t\t\t\t\t\tif (trimmedDisplayVal.length < minLength) return;\n\t\t\t\t\t\tif (maxLength && trimmedDisplayVal.length > maxLength) return;\n\t\t\t\t\t\tif (maxTags && value.length >= maxTags) return;\n\n\t\t\t\t\t\tif (!allowDuplicates) {\n\t\t\t\t\t\t\t\tconst exists = value.some((v) => {\n\t\t\t\t\t\t\t\t\t\tconst existingDisplayVal = getDisplayValue(v);\n\t\t\t\t\t\t\t\t\t\treturn caseSensitive\n\t\t\t\t\t\t\t\t\t\t\t\t? existingDisplayVal === trimmedDisplayVal\n\t\t\t\t\t\t\t\t\t\t\t\t: existingDisplayVal.toLowerCase() === trimmedDisplayVal.toLowerCase();\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (validate && !validate(actualTag)) return;\n\n\t\t\t\t\t\tconst newValue = [...value, actualTag];\n\t\t\t\t\t\tonValueChange?.(newValue);\n\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t},\n\t\t\t\t[value, onValueChange, maxTags, allowDuplicates, validate, minLength, maxLength, caseSensitive, getDisplayValue, createTagFromString]\n\t\t);\n\n\t\tconst removeTag = useCallback(\n\t\t\t\t(index: number) => {\n\t\t\t\t\t\tconst newValue = value.filter((_, i) => i !== index);\n\t\t\t\t\t\tonValueChange?.(newValue);\n\t\t\t\t},\n\t\t\t\t[value, onValueChange]\n\t\t);\n\n\t\tconst handleInputChange = useCallback(\n\t\t\t\t(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tconst newValue = e.target.value;\n\t\t\t\t\t\tsetInputValue(newValue);\n\t\t\t\t\t\tsetSelectedIndex(-1);\n\n\t\t\t\t\t\tif (recommendations && recommendations.length > 0) {\n\t\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[recommendations]\n\t\t);\n\n\t\tconst handleKeyDown = useCallback(\n\t\t\t\t(e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tif (disabled) return;\n\n\t\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open && selectedIndex >= 0 && selectedIndex < filteredRecommendations.length) {\n\t\t\t\t\t\t\t\t\t\taddTag(filteredRecommendations[selectedIndex].value);\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t\t\t} else if (inputValue.trim()) {\n\t\t\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'Tab') {\n\t\t\t\t\t\t\t\tif (inputValue) {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'ArrowDown') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open) {\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex((prev) => (prev < filteredRecommendations.length - 1 ? prev + 1 : prev));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'ArrowUp') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open) {\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex((prev) => (prev > 0 ? prev - 1 : 0));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'Escape') {\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t} else if (e.key === 'Backspace' && !inputValue && value.length > 0) {\n\t\t\t\t\t\t\t\tremoveTag(value.length - 1);\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[disabled, open, selectedIndex, filteredRecommendations, inputValue, addTag, removeTag, value.length]\n\t\t);\n\n\t\tconst handlePaste = useCallback(\n\t\t\t\t(e: React.ClipboardEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tif (disabled) return;\n\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tconst pastedText = e.clipboardData.getData('text');\n\t\t\t\t\t\tconst tags = pastedText\n\t\t\t\t\t\t\t\t.split(delimiter)\n\t\t\t\t\t\t\t\t.map((t) => t.trim())\n\t\t\t\t\t\t\t\t.filter(Boolean);\n\n\t\t\t\t\t\ttags.forEach((tag) => addTag(tag));\n\t\t\t\t},\n\t\t\t\t[disabled, delimiter, addTag]\n\t\t);\n\n\t\tconst handleBlur = useCallback(() => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\tif (addOnBlur && inputValue) {\n\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t}\n\t\t\t\t}, 200);\n\t\t}, [addOnBlur, inputValue, addTag]);\n\n\t\tconst clearAll = useCallback(() => {\n\t\t\t\tonValueChange?.([]);\n\t\t\t\tsetInputValue('');\n\t\t}, [onValueChange]);\n\n\t\tconst defaultRenderTag = useCallback(\n\t\t\t\t(tag: T, index: number, onRemove: (index: number) => void) => {\n\t\t\t\t\t\tconst tagKey = `${getDisplayValue(tag)}-${index}`;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Badge key={tagKey} tone=\"secondary\" className={cn('tags-input--component', 'gap-space-xs pr-space-xs')}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"normal\" lineHeight=\"none\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t{getDisplayValue(tag)}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Remove ${getDisplayValue(tag)}`}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex size-icon items-center justify-center rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground/70 hover:bg-foreground/10 hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'disabled:opacity-50 disabled:pointer-events-none',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove(index)}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<X className=\"size-icon-sm\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\t[getDisplayValue, disabled]\n\t\t);\n\n\t\tconst resolvedInvalid = Boolean(invalid);\n\n\t\treturn (\n\t\t\t\t<div className={cn('w-full relative', className)}>\n\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\t\t\t\tonPaste={handlePaste}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (recommendations && filteredRecommendations.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled \|\| (maxTags !== undefined && value.length >= maxTags)}\n\t\t\t\t\t\t\t\t\t\tinvalid={resolvedInvalid}\n\t\t\t\t\t\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{/ Recommendations dropdown — mirrors PopoverContent + CommandItem\n\t\t\t\t\t\t\t\t\t\tsurface tokens (bg-popover, text-popover-foreground, ring-1\n\t\t\t\t\t\t\t\t\t\tring-foreground/10, shadow-md, rounded-radius-md) so it reads\n\t\t\t\t\t\t\t\t\t\tidentically to a real popover. The hand-rolled wrapper\n\t\t\t\t\t\t\t\t\t\tstays because the dropdown is tightly bound to the\n\t\t\t\t\t\t\t\t\t\tInput's keyboard handler (selectedIndex, arrow nav). /}\n\t\t\t\t\t\t\t\t{!!recommendations && !!open && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"absolute top-full left-0 right-0 z-50 mt-1 max-h-[200px] overflow-y-auto rounded-radius-md bg-popover p-surface-xs text-popover-foreground shadow-md ring-1 ring-foreground/10\">\n\t\t\t\t\t\t\t\t\t\t\t\t{filteredRecommendations.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilteredRecommendations.map((rec, idx) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst recommendationKey = getDisplayValue(rec.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isPicked = value.some(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(v) => getDisplayValue(v) === getDisplayValue(rec.value),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={recommendationKey}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taddTag(rec.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinputRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(idx)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'relative flex w-full cursor-pointer items-center justify-between gap-space-sm rounded-radius-md px-control-sm py-row-y',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedIndex === idx && 'bg-accent text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{rec.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'ml-auto size-icon-sm',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisPicked ? 'opacity-100' : 'opacity-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" className=\"px-space-md py-row-y\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.emptyRecommendations}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Tags container /}\n\t\t\t\t\t\t{displayValue.length > 0 && (\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" className=\"mt-space-md\">\n\t\t\t\t\t\t\t\t\t\t{displayValue.map((tag, index) =>\n\t\t\t\t\t\t\t\t\t\t\t\trenderTag ? renderTag(tag, index, removeTag) : defaultRenderTag(tag, index, removeTag)\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!!showClearAll && value.length > 0 && !disabled && (\n\t\t\t\t\t\t\t\t\t\t\t\t<TextButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={clearAll}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearAll}\n\t\t\t\t\t\t\t\t\t\t\t\t</TextButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{!!maxTags && !!showMaxTags && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-1\">\n\t\t\t\t\t\t\t\t\t\t{strings.summary(value.length, maxTags)}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t);\n}\n\nTagsInput.displayName = 'TagsInput';\n","import as React from 'react';\nimport { useState, useCallback, useMemo, memo } from 'react';\nimport * as baseui from '../../ui/select';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { formControlHorizontalPaddingClasses, formControlSizeClasses, formFieldTriggerClasses, resolveFormControlSize } from '../forms/form-sizing';\nimport { Input, type InputProps } from '../text-inputs';\nimport { SelectPopupContent, SelectPopupGroup, SelectPopupItem } from '../choice-inputs';\n\nexport interface PhoneInputStrings {\n\t\tprefixPlaceholder: string;\n\t\t/** Accessible name for the country-prefix selector. /\n\t\tprefixAriaLabel: string;\n}\n\nexport const defaultPhoneInputStrings: PhoneInputStrings = {\n\t\tprefixPlaceholder: 'Prefix',\n\t\tprefixAriaLabel: 'Country prefix',\n};\n\nexport interface CountryPrefixOption {\n\t\t/* Country code value (e.g., '+1') /\n\t\tvalue: string;\n\n\t\t/* Display label (e.g., 'Bulgaria') /\n\t\tlabel: string;\n\n\t\t/* ISO country code (e.g., 'US') /\n\t\tiso: string;\n}\n\n/* Country data mapped by ISO code /\nexport const COUNTRY_PREFIX_MAP: Record<string, CountryPrefixOption> = {\n\t\tUS: { value: '+1', label: 'United States', iso: 'US' },\n\t\tCA: { value: '+1', label: 'Canada', iso: 'CA' },\n\t\tAU: { value: '+61', label: 'Australia', iso: 'AU' },\n\t\tBG: { value: '+359', label: 'Bulgaria', iso: 'BG' },\n\t\tGR: { value: '+30', label: 'Greece', iso: 'GR' },\n\t\tGB: { value: '+44', label: 'United Kingdom', iso: 'GB' },\n\t\tDE: { value: '+49', label: 'Germany', iso: 'DE' },\n\t\tFR: { value: '+33', label: 'France', iso: 'FR' },\n\t\tIT: { value: '+39', label: 'Italy', iso: 'IT' },\n\t\tES: { value: '+34', label: 'Spain', iso: 'ES' },\n\t\tNL: { value: '+31', label: 'Netherlands', iso: 'NL' },\n\t\tBE: { value: '+32', label: 'Belgium', iso: 'BE' },\n\t\tAT: { value: '+43', label: 'Austria', iso: 'AT' },\n\t\tCH: { value: '+41', label: 'Switzerland', iso: 'CH' },\n\t\tPL: { value: '+48', label: 'Poland', iso: 'PL' },\n\t\tRO: { value: '+40', label: 'Romania', iso: 'RO' },\n\t\tRS: { value: '+381', label: 'Serbia', iso: 'RS' },\n\t\tHR: { value: '+385', label: 'Croatia', iso: 'HR' },\n\t\tSI: { value: '+386', label: 'Slovenia', iso: 'SI' },\n\t\tMK: { value: '+389', label: 'North Macedonia', iso: 'MK' },\n\t\tTR: { value: '+90', label: 'Turkey', iso: 'TR' },\n\t\tRU: { value: '+7', label: 'Russia', iso: 'RU' },\n\t\tUA: { value: '+380', label: 'Ukraine', iso: 'UA' },\n\t\tSK: { value: '+421', label: 'Slovakia', iso: 'SK' },\n\t\tCZ: { value: '+420', label: 'Czech Republic', iso: 'CZ' },\n\t\tHU: { value: '+36', label: 'Hungary', iso: 'HU' },\n\t\tPT: { value: '+351', label: 'Portugal', iso: 'PT' },\n\t\tIE: { value: '+353', label: 'Ireland', iso: 'IE' },\n\t\tSE: { value: '+46', label: 'Sweden', iso: 'SE' },\n\t\tNO: { value: '+47', label: 'Norway', iso: 'NO' },\n\t\tDK: { value: '+45', label: 'Denmark', iso: 'DK' },\n\t\tFI: { value: '+358', label: 'Finland', iso: 'FI' },\n\t\tCY: { value: '+357', label: 'Cyprus', iso: 'CY' },\n\t\tAL: { value: '+355', label: 'Albania', iso: 'AL' },\n\t\tME: { value: '+382', label: 'Montenegro', iso: 'ME' },\n\t\tBA: { value: '+387', label: 'Bosnia and Herzegovina', iso: 'BA' },\n\t\tXK: { value: '+383', label: 'Kosovo', iso: 'XK' },\n\t\tMD: { value: '+373', label: 'Moldova', iso: 'MD' },\n\t\tBY: { value: '+375', label: 'Belarus', iso: 'BY' },\n\t\tLT: { value: '+370', label: 'Lithuania', iso: 'LT' },\n\t\tLV: { value: '+371', label: 'Latvia', iso: 'LV' },\n\t\tEE: { value: '+372', label: 'Estonia', iso: 'EE' },\n};\n\n/* Type for prefix input - either ISO code string or full option object /\nexport type CountryPrefixInput = string \| CountryPrefixOption;\n\n/* Default country prefixes - commonly used codes /\nexport const DEFAULT_COUNTRY_PREFIXES: CountryPrefixInput[] = ['US', 'CA', 'GB', 'DE', 'FR', 'IT', 'ES', 'AU'];\n\n/\n Normalize prefix input to CountryPrefixOption\n * Accepts either ISO code ('US') or full object ({ value: '+1', label: 'United States', iso: 'US' })\n /\nconst normalizePrefixInput = (input: CountryPrefixInput): CountryPrefixOption \| null => {\n\t\tif (typeof input === 'string') {\n\t\t\t\t// It's an ISO code - look it up\n\t\t\t\tconst upperInput = input.toUpperCase();\n\t\t\t\treturn COUNTRY_PREFIX_MAP[upperInput] ?? null;\n\t\t}\n\t\t// It's already a full object\n\t\treturn input;\n};\n\n/\n Normalize array of prefix inputs to CountryPrefixOption[]\n /\nconst normalizePrefixes = (inputs: CountryPrefixInput[]): CountryPrefixOption[] => {\n\t\treturn inputs.map(normalizePrefixInput).filter((p): p is CountryPrefixOption => p !== null);\n};\n\nexport interface PhoneInputProps extends Omit<InputProps, 'type' \| 'startAddon' \| 'strings'> {\n\t\t/* Normalize phone number on blur. Defaults to true /\n\t\tnormalizeOnBlur?: boolean;\n\n\t\t/* Current country prefix value (dial code like '+1' or ISO code like 'US') /\n\t\tprefix?: string;\n\n\t\t/* Default prefix if uncontrolled (dial code like '+1' or ISO code like 'US') /\n\t\tdefaultPrefix?: string;\n\n\t\t/* List of available country prefixes - ISO codes ('US', 'GR') or full objects /\n\t\tprefixes?: CountryPrefixInput[];\n\n\t\t/* Callback when prefix changes - returns dial code (e.g., '+1') /\n\t\tonPrefixChange?: (prefix: string) => void;\n\n\t\t/* Disable prefix selection /\n\t\tdisablePrefixSelector?: boolean;\n\n\t\t/* Placeholder for prefix dropdown /\n\t\tprefixPlaceholder?: string;\n\n\t\t/* Width of the prefix dropdown /\n\t\tprefixWidth?: string;\n\n\t\t/* Show country name in dropdown. Defaults to true /\n\t\tshowCountryName?: boolean;\n\n\t\t/* Show prefix in dropdown items. Defaults to true /\n\t\tshowPrefixInDropdown?: boolean;\n\n\t\t/* String overrides (e.g. prefix dropdown placeholder). /\n\t\tstrings?: StringsProp<PhoneInputStrings>;\n}\n\nconst normalizePhone = (value: string, selectedPrefix?: string): string => {\n\t\tlet normalized = value\n\t\t\t\t.trim()\n\t\t\t\t.replace(/\\s+/g, ' ')\n\t\t\t\t.replace(/[^\\d ()+-]/g, '');\n\n\t\t// Strip the selected prefix from the input if the user typed it redundantly\n\t\tif (selectedPrefix && normalized.startsWith(selectedPrefix)) {\n\t\t\t\tnormalized = normalized.slice(selectedPrefix.length).replace(/^[\\s-]+/, '');\n\t\t}\n\n\t\t// Strip leading zero from national numbers when a prefix is selected (e.g., 0877... → 877...)\n\t\tif (selectedPrefix && normalized.startsWith('0')) {\n\t\t\t\tnormalized = normalized.slice(1);\n\t\t}\n\n\t\treturn normalized;\n};\n\n/\n Resolve a prefix string (ISO code or dial code) to dial code\n /\nconst resolvePrefixToDialCode = (prefix: string \| undefined, normalizedPrefixes: CountryPrefixOption[]): string => {\n\t\tif (!prefix) return normalizedPrefixes[0]?.value ?? '';\n\n\t\t// Check if it's already a dial code (starts with +)\n\t\tif (prefix.startsWith('+')) {\n\t\t\t\treturn prefix;\n\t\t}\n\n\t\t// It's an ISO code - look it up\n\t\tconst upperPrefix = prefix.toUpperCase();\n\t\tconst found = COUNTRY_PREFIX_MAP[upperPrefix];\n\t\treturn found?.value ?? prefix;\n};\n\nfunction PhoneInputImpl(\n\t\t{\n\t\t\t\tnormalizeOnBlur = true,\n\t\t\t\tonBlur,\n\t\t\t\tonChange,\n\t\t\t\tprefix: controlledPrefix,\n\t\t\t\tdefaultPrefix,\n\t\t\t\tprefixes = DEFAULT_COUNTRY_PREFIXES,\n\t\t\t\tonPrefixChange,\n\t\t\t\tdisablePrefixSelector = false,\n\t\t\t\tprefixPlaceholder,\n\t\t\t\tprefixWidth = 'w-30',\n\t\t\t\tshowCountryName = true,\n\t\t\t\tshowPrefixInDropdown = true,\n\t\t\t\tinvalid,\n\t\t\t\tdisabled,\n\t\t\t\tclassName,\n\t\t\t\tsize: sizeProp,\n\t\t\t\tstrings: stringsProp,\n\t\t\t\t...props\n\t\t}: PhoneInputProps,\n\t\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\t\tconst { defaultScale } = useDensityConfig();\n\t\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\t\tconst strings = useStrings(defaultPhoneInputStrings, stringsProp);\n\t\t// Normalize prefix options from mixed input (ISO codes or full objects)\n\t\tconst basePrefixes = useMemo(() => normalizePrefixes(prefixes), [prefixes]);\n\n\t\t// Resolve controlled/default prefix to dial code\n\t\tconst resolvedDefaultPrefix = useMemo(\n\t\t\t\t() => resolvePrefixToDialCode(defaultPrefix, basePrefixes),\n\t\t\t\t[defaultPrefix, basePrefixes]\n\t\t);\n\n\t\t// Internal state for uncontrolled prefix (always stores dial code)\n\t\tconst [internalPrefix, setInternalPrefix] = useState(resolvedDefaultPrefix);\n\t\t// Country identity is distinct from its dial code (US and CA both use +1).\n\t\tconst [selectedIso, setSelectedIso] = useState(() => {\n\t\t\t\tconst initial = controlledPrefix ?? defaultPrefix;\n\t\t\t\treturn initial && !initial.startsWith('+') ? initial.toUpperCase() : basePrefixes.find((option) => option.value === resolvedDefaultPrefix)?.iso;\n\t\t});\n\n\t\t// Determine if prefix is controlled\n\t\tconst isPrefixControlled = controlledPrefix !== undefined;\n\t\tconst selectedPrefix = isPrefixControlled\n\t\t\t\t? resolvePrefixToDialCode(controlledPrefix, basePrefixes)\n\t\t\t\t: internalPrefix;\n\n\t\t/\n\t\t * The selected dial code has to be representable in the menu, or the\n\t\t * trigger renders blank.\n\t\t \n\t\t `DEFAULT_COUNTRY_PREFIXES` is eight countries, while `COUNTRY_PREFIX_MAP`\n\t\t * knows many more. So `defaultPrefix=\"BG\"` resolved to `+359` — correctly —\n\t\t * and then found no option to display, leaving an empty control with no\n\t\t * error. Naming a country the component itself knows about is a reasonable\n\t\t * thing to do, so the option is carried in rather than dropped.\n\t\t /\n\t\tconst normalizedPrefixes = useMemo(() => {\n\t\t\t\tif (!selectedPrefix \|\| basePrefixes.some((option) => option.value === selectedPrefix)) {\n\t\t\t\t\t\treturn basePrefixes;\n\t\t\t\t}\n\t\t\t\tconst known = Object.values(COUNTRY_PREFIX_MAP).find((option) => option.value === selectedPrefix);\n\t\t\t\treturn known ? [known, ...basePrefixes] : basePrefixes;\n\t\t}, [basePrefixes, selectedPrefix]);\n\n\t\t// Find current prefix option for display\n\t\tconst currentPrefixOption = useMemo(\n\t\t\t\t() => normalizedPrefixes.find((p) => p.iso === (controlledPrefix && !controlledPrefix.startsWith('+') ? controlledPrefix.toUpperCase() : selectedIso) && p.value === selectedPrefix)\n\t\t\t\t\t\t?? normalizedPrefixes.find((p) => p.value === selectedPrefix),\n\t\t\t\t[normalizedPrefixes, selectedPrefix, selectedIso, controlledPrefix]\n\t\t);\n\n\t\t// Handle prefix change\n\t\tconst handlePrefixChange = useCallback(\n\t\t\t\t(newPrefix: string \| null) => {\n\t\t\t\t\t\tif (newPrefix === null) return;\n\t\t\t\t\t\tconst option = normalizedPrefixes.find((item) => item.iso === newPrefix);\n\t\t\t\t\t\tif (!option) return;\n\t\t\t\t\t\tsetSelectedIso(option.iso);\n\t\t\t\t\t\tif (!isPrefixControlled) {\n\t\t\t\t\t\t\t\tsetInternalPrefix(option.value);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrefixChange?.(option.value);\n\t\t\t\t},\n\t\t\t\t[isPrefixControlled, onPrefixChange, normalizedPrefixes]\n\t\t);\n\n\t\t// Handle phone change — strip redundant prefix on every keystroke/autofill\n\t\tconst handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n\t\t\t\t(event) => {\n\t\t\t\t\t\tif (!onChange) return;\n\n\t\t\t\t\t\tconst raw = event.target.value;\n\n\t\t\t\t\t\t// Strip the selected prefix if the value starts with it (autofill, paste, manual typing)\n\t\t\t\t\t\tif (selectedPrefix && raw.startsWith(selectedPrefix)) {\n\t\t\t\t\t\t\t\tconst stripped = raw.slice(selectedPrefix.length).replace(/^[\\s-]+/, '');\n\t\t\t\t\t\t\t\t// Also strip leading zero from national part\n\t\t\t\t\t\t\t\tconst national = stripped.startsWith('0') ? stripped.slice(1) : stripped;\n\t\t\t\t\t\t\t\tif (national !== raw) {\n\t\t\t\t\t\t\t\t\t\tconst syntheticEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...event,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...event.target, value: national },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...event.currentTarget, value: national },\n\t\t\t\t\t\t\t\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\t\t\t\t\t\t\t\t\t\tonChange(syntheticEvent);\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange(event);\n\t\t\t\t},\n\t\t\t\t[onChange, selectedPrefix]\n\t\t);\n\n\t\t// Handle phone blur with normalization\n\t\tconst handleBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(\n\t\t\t\t(event) => {\n\t\t\t\t\t\tif (normalizeOnBlur && typeof onChange === 'function') {\n\t\t\t\t\t\t\t\tconst nextValue = normalizePhone(event.target.value, selectedPrefix);\n\t\t\t\t\t\t\t\tif (nextValue !== event.target.value) {\n\t\t\t\t\t\t\t\t\t\tconst syntheticEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...event,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...event.target, value: nextValue },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...event.currentTarget, value: nextValue },\n\t\t\t\t\t\t\t\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\n\t\t\t\t\t\t\t\t\t\tonChange(syntheticEvent);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonBlur?.(event);\n\t\t\t\t},\n\t\t\t\t[normalizeOnBlur, onChange, onBlur, selectedPrefix]\n\t\t);\n\n\t\t// If no prefixes or disabled, render simple input with prefix display\n\t\tif (normalizedPrefixes.length === 0 \|\| disablePrefixSelector) {\n\t\t\t\tconst staticPrefix = selectedPrefix \|\| defaultPrefix;\n\n\t\t\t\tif (!staticPrefix) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tclassName={cn('phone-input--component', className)}\n\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"flex items-start gap-space-md\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\taria-invalid={invalid \|\| undefined}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex items-center justify-center rounded-radius-md border border-input bg-muted',\n\t\t\t\t\t\t\t\t\t\t\t\tformControlSizeClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\tformControlHorizontalPaddingClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled && 'opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\t'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t{staticPrefix}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\n\t\t// Render with prefix selector\n\t\treturn (\n\t\t\t\t<div className=\"flex items-start gap-space-md\">\n\t\t\t\t\t\t{/ Prefix selector /}\n\t\t\t\t\t\t<baseui.Select\n\t\t\t\t\t\t\t\tvalue={currentPrefixOption?.iso ?? null}\n\t\t\t\t\t\t\t\tonValueChange={(value) => handlePrefixChange(value)}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<baseui.SelectTrigger\n\t\t\t\t\t\t\t\taria-label={strings.prefixAriaLabel}\n\t\t\t\t\t\t\t\taria-invalid={invalid \|\| undefined}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\tformFieldTriggerClasses(size),\n\t\t\t\t\t\t\t\t\t\t\t\t'shrink-0 !shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\tprefixWidth,\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled && 'opacity-50 cursor-not-allowed'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<baseui.SelectValue\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixPlaceholder ?? strings.prefixPlaceholder}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!currentPrefixOption && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{currentPrefixOption.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</baseui.SelectValue>\n\t\t\t\t\t\t\t\t</baseui.SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectPopupContent>\n\t\t\t\t\t\t\t\t\t\t<SelectPopupGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t{normalizedPrefixes.map((prefixOption) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectPopupItem key={prefixOption.iso} value={prefixOption.iso} size={size}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!showPrefixInDropdown && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" className=\"min-w-13 text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixOption.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!showCountryName && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixOption.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</SelectPopupItem>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</SelectPopupGroup>\n\t\t\t\t\t\t\t\t</SelectPopupContent>\n\t\t\t\t\t\t</baseui.Select>\n\n\t\t\t\t\t\t{/ Phone number input /}\n\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t);\n}\n\n// forwardRef + memo: forward to the underlying phone input so consumers can\n// focus/measure programmatically (RHF Controller, parent imperative refs).\nexport const PhoneInput = memo(React.forwardRef<HTMLInputElement, PhoneInputProps>(PhoneInputImpl));\nPhoneInput.displayName = 'PhoneInput';\n","import as React from 'react';\n\nimport { Stack } from '../structure';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { resolveFormControlSize } from '../forms/form-sizing';\nimport { Input, type InputProps, type InputStrings } from '../text-inputs';\n\nexport interface ColorInputStrings {\n\t/** Accessible label for the native color-picker trigger. /\n\tchooseColor: string;\n}\n\nexport const defaultColorInputStrings: ColorInputStrings = {\n\tchooseColor: 'Choose color',\n};\n\nexport interface ColorInputProps extends Omit<InputProps, 'type' \| 'strings'> {\n\t/* CSS color expression shown by the swatch. Defaults to the current value. /\n\tpreviewValue?: string;\n\t/* CSS-color callback. Text entry is preserved verbatim; native picker values are normalized to OKLCH. /\n\tonValueChange?: (value: string) => void;\n\t/* Accessible label for the native color picker. Defaults to the component strings. /\n\tpickerAriaLabel?: string;\n\t/* ColorInput-owned accessible copy. /\n\tstrings?: StringsProp<ColorInputStrings>;\n\t/* Copy overrides forwarded to the underlying text Input. /\n\tinputStrings?: StringsProp<InputStrings>;\n}\n\nconst pickerSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'size-control-sm',\n\tmd: 'size-control',\n\tlg: 'size-control-lg',\n};\n\nfunction normalizeHexColor(value: string): string \| null {\n\tconst normalized = value.trim().toLowerCase();\n\tif (/^#[0-9a-f]{6}$/.test(normalized)) return normalized;\n\tif (/^#[0-9a-f]{3}$/.test(normalized)) {\n\t\treturn `#${normalized.slice(1).split('').map((part) => `${part}${part}`).join('')}`;\n\t}\n\treturn null;\n}\n\nfunction roundColorChannel(value: number, precision: number): number {\n\tconst rounded = Number(value.toFixed(precision));\n\treturn Object.is(rounded, -0) ? 0 : rounded;\n}\n\nfunction hexColorToOklch(value: string): string {\n\tconst normalized = normalizeHexColor(value);\n\tif (!normalized) return value;\n\n\tconst channels = [1, 3, 5].map((offset) => Number.parseInt(normalized.slice(offset, offset + 2), 16) / 255);\n\tconst [red, green, blue] = channels.map((channel) =>\n\t\tchannel <= 0.04045\n\t\t\t? channel / 12.92\n\t\t\t: ((channel + 0.055) / 1.055) * 2.4,\n\t);\n\tconst lRoot = Math.cbrt(0.4122214708 * red + 0.5363325363 * green + 0.0514459929 * blue);\n\tconst mRoot = Math.cbrt(0.2119034982 * red + 0.6806995451 * green + 0.1073969566 * blue);\n\tconst sRoot = Math.cbrt(0.0883024619 * red + 0.2817188376 * green + 0.6299787005 * blue);\n\tconst lightness = 0.2104542553 * lRoot + 0.793617785 * mRoot - 0.0040720468 * sRoot;\n\tconst a = 1.9779984951 * lRoot - 2.428592205 * mRoot + 0.4505937099 * sRoot;\n\tconst b = 0.0259040371 * lRoot + 0.7827717662 * mRoot - 0.808675766 * sRoot;\n\tconst chroma = Math.hypot(a, b);\n\tconst hue = chroma < 0.00005\n\t\t? 0\n\t\t: (Math.atan2(b, a) * 180) / Math.PI + (b < 0 ? 360 : 0);\n\n\treturn `oklch(${roundColorChannel(lightness, 4)} ${roundColorChannel(chroma, 4)} ${roundColorChannel(hue, 2)})`;\n}\n\nfunction renderedColorToHex(element: HTMLElement, fallback: string): string {\n\tconst computedColor = window.getComputedStyle(element).backgroundColor;\n\tconst directHex = normalizeHexColor(computedColor);\n\tif (directHex) return directHex;\n\tif (typeof CanvasRenderingContext2D === 'undefined') return fallback;\n\n\ttry {\n\t\tconst canvas = document.createElement('canvas');\n\t\tcanvas.width = 1;\n\t\tcanvas.height = 1;\n\t\tconst context = canvas.getContext('2d', { willReadFrequently: true });\n\t\tif (!context) return fallback;\n\t\tcontext.clearRect(0, 0, 1, 1);\n\t\tcontext.fillStyle = computedColor;\n\t\tcontext.fillRect(0, 0, 1, 1);\n\t\tconst [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data;\n\t\tif (alpha === 0) return fallback;\n\t\treturn `#${[red, green, blue]\n\t\t\t.map((channel) => channel.toString(16).padStart(2, '0'))\n\t\t\t.join('')}`;\n\t} catch {\n\t\treturn fallback;\n\t}\n}\n\n/*\n CSS-color editor that pairs exact text entry with a native visual picker.\n * The swatch accepts modern CSS colors and inherited `var(...)` expressions;\n * the picker commits OKLCH values without narrowing text input.\n /\nexport const ColorInput = React.forwardRef<HTMLInputElement, ColorInputProps>(function ColorInput({\n\tclassName,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tonValueChange,\n\tpreviewValue,\n\tpickerAriaLabel,\n\tsize: sizeProp,\n\tdisabled,\n\treadOnly,\n\tstrings: stringsProp,\n\tinputStrings,\n\t...props\n}, forwardedRef) {\n\tconst strings = useStrings(defaultColorInputStrings, stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\tconst [internalValue, setInternalValue] = React.useState(defaultValue ?? '');\n\tconst resolvedValue = value ?? internalValue;\n\tconst resolvedPreview = previewValue ?? resolvedValue;\n\tconst initialPickerValue = normalizeHexColor(resolvedValue) ?? '#000000';\n\tconst [pickerValue, setPickerValue] = React.useState(initialPickerValue);\n\tconst swatchRef = React.useRef<HTMLSpanElement>(null);\n\n\tReact.useLayoutEffect(() => {\n\t\tconst directHex = normalizeHexColor(resolvedPreview);\n\t\tif (directHex) {\n\t\t\tsetPickerValue(directHex);\n\t\t\treturn;\n\t\t}\n\t\tif (!swatchRef.current \|\| typeof window === 'undefined') return;\n\t\tsetPickerValue((current) => renderedColorToHex(swatchRef.current as HTMLElement, current));\n\t}, [resolvedPreview]);\n\n\tconst publishChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (value === undefined) setInternalValue(event.target.value);\n\t\tonChange?.(event);\n\t\tonValueChange?.(event.target.value);\n\t};\n\tconst publishPickerInput = (event: React.FormEvent<HTMLInputElement>) => {\n\t\tconst nextValue = hexColorToOklch(event.currentTarget.value);\n\t\tif (value === undefined) setInternalValue(nextValue);\n\t\tif (onChange) {\n\t\t\tconst normalizedEvent = {\n\t\t\t\t...event,\n\t\t\t\ttarget: { ...event.currentTarget, value: nextValue },\n\t\t\t\tcurrentTarget: { ...event.currentTarget, value: nextValue },\n\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\t\t\tonChange(normalizedEvent);\n\t\t}\n\t\tonValueChange?.(nextValue);\n\t};\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\tgap=\"sm\"\n\t\t\talign=\"center\"\n\t\t\twrap={false}\n\t\t\tclassName={cn(\n\t\t\t\t'color-input--component min-w-0 [&>.input--component]:min-w-0 [&>.input--component]:flex-1',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<label\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'color-input--picker relative shrink-0 cursor-pointer overflow-hidden rounded-radius border border-input bg-background shadow-xs',\n\t\t\t\t\t'focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50',\n\t\t\t\t\t'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50',\n\t\t\t\t\tpickerSizeClasses[size],\n\t\t\t\t)}\n\t\t\t\tdata-disabled={disabled \|\| readOnly \|\| undefined}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tref={swatchRef}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdata-user-color\n\t\t\t\t\tclassName=\"color-input--swatch absolute inset-1 rounded-[calc(var(--radius)-2px)]\"\n\t\t\t\t\tstyle={{ background: resolvedPreview \|\| 'transparent' }}\n\t\t\t\t/>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tvalue={pickerValue}\n\t\t\t\t\tdisabled={disabled \|\| readOnly}\n\t\t\t\t\taria-label={pickerAriaLabel ?? strings.chooseColor}\n\t\t\t\t\tonInput={publishPickerInput}\n\t\t\t\t\tclassName=\"color-input--native absolute inset-0 size-full cursor-pointer opacity-0\"\n\t\t\t\t/>\n\t\t\t</label>\n\t\t\t{/\n\t\t\t * `font-mono` keeps the hex value column-aligned; the size is left to\n\t\t\t * `Input` so the value matches every other control instead of\n\t\t\t * rendering a step smaller than its own label.\n\t\t\t /}\n\t\t\t<Input\n\t\t\t\t{...props}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tsize={size}\n\t\t\t\tvalue={resolvedValue}\n\t\t\t\tdisabled={disabled}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tonChange={publishChange}\n\t\t\t\tstrings={inputStrings}\n\t\t\t\tclassName=\"min-w-0 flex-1 font-mono\"\n\t\t\t/>\n\t\t</Stack>\n\t);\n});\n\nColorInput.displayName = 'ColorInput';\n","import { sliderTrackThickness } from '../../../lib/track-recipes';\nimport as React from 'react';\nimport { useCallback, useId, useMemo, type ElementRef } from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface SliderStrings {\n\t/** Accessible fallback name for the native range input. /\n\tariaLabel: string;\n}\n\nexport const defaultSliderStrings: SliderStrings = {\n\tariaLabel: 'Value',\n};\n\nexport interface SliderImitationEvent {\n\ttarget: {\n\t\tname: string;\n\t\tvalue: number;\n\t};\n}\n\nexport interface SliderProps {\n\t/* Field name for form integration /\n\tname?: string;\n\n\t/* Element id /\n\tid?: string;\n\n\t/* Accessible name when a visible label is not associated with the slider. /\n\t'aria-label'?: string;\n\t/* Id of the visible label associated with the slider. /\n\t'aria-labelledby'?: string;\n\t/* Id of supporting or validation copy associated with the slider. /\n\t'aria-describedby'?: string;\n\t/* Localizes the fallback native-range name. /\n\tstrings?: StringsProp<SliderStrings>;\n\n\t/* Current value (single thumb) /\n\tvalue?: number;\n\n\t/* Default value when uncontrolled /\n\tdefaultValue?: number;\n\n\t/* Minimum value. Defaults to 0 /\n\tmin?: number;\n\n\t/* Maximum value. Defaults to 100 /\n\tmax?: number;\n\n\t/* Step increment. Defaults to 1 /\n\tstep?: number;\n\n\t/* Whether the slider is disabled /\n\tdisabled?: boolean;\n\n\t/* Error state for styling (passed from FormField) /\n\tinvalid?: boolean;\n\n\t/* Event-style change handler for react-hook-form compatibility /\n\tonChange?: (event: SliderImitationEvent) => void;\n\n\t/* Raw value change handler (alternative to onChange) /\n\tonValueChange?: (value: number) => void;\n\n\t/* Fires on pointer up / keyboard commit /\n\tonValueCommitted?: (value: number) => void;\n\n\t/* Show the current value next to the slider /\n\tshowValue?: boolean;\n\n\t/* Format the displayed value /\n\tformatValue?: (value: number) => string;\n\n\t/* Unit suffix displayed after the value (e.g. \"px\", \"%\", \"mm\") /\n\tunit?: string;\n\n\t/* Additional class name for the root wrapper /\n\tclassName?: string;\n\n\t/* Orientation /\n\torientation?: 'horizontal' \| 'vertical';\n}\n\ntype SliderElement = ElementRef<typeof SliderPrimitive.Root>;\n\nfunction SliderFieldImpl(\n\t{\n\t\tname,\n\t\tid,\n\t\t'aria-label': ariaLabel,\n\t\t'aria-labelledby': ariaLabelledBy,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\tstrings: stringsProp,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep = 1,\n\t\tdisabled = false,\n\t\tinvalid = false,\n\t\tonChange,\n\t\tonValueChange,\n\t\tonValueCommitted,\n\t\tshowValue = false,\n\t\tformatValue,\n\t\tunit,\n\t\tclassName,\n\t\torientation = 'horizontal',\n\t}: SliderProps,\n\tref: React.ForwardedRef<SliderElement>,\n) {\n\tconst generatedId = useId();\n\tconst strings = useStrings(defaultSliderStrings, stringsProp);\n\tconst resolvedId = id ?? `slider-${generatedId}`;\n\tconst resolvedName = name ?? resolvedId;\n\tconst resolvedAriaLabel = ariaLabel ?? strings.ariaLabel;\n\n\tconst handleValueChange = useCallback(\n\t\t(newValue: number \| readonly number[]) => {\n\t\t\tconst singleValue = Array.isArray(newValue) ? newValue[0] : newValue;\n\n\t\t\tonValueChange?.(singleValue);\n\n\t\t\tonChange?.({\n\t\t\t\ttarget: { name: resolvedName, value: singleValue },\n\t\t\t});\n\t\t},\n\t\t[resolvedName, onChange, onValueChange]\n\t);\n\n\tconst handleValueCommitted = useCallback(\n\t\t(newValue: number \| readonly number[]) => {\n\t\t\tconst singleValue = Array.isArray(newValue) ? newValue[0] : newValue;\n\t\t\tonValueCommitted?.(singleValue);\n\t\t},\n\t\t[onValueCommitted]\n\t);\n\n\tconst displayValue = useMemo(() => {\n\t\tif (!showValue) return null;\n\n\t\tconst currentValue = value ?? defaultValue ?? min;\n\n\t\tif (formatValue) return formatValue(currentValue);\n\n\t\treturn unit ? `${currentValue}${unit}` : String(currentValue);\n\t}, [showValue, value, defaultValue, min, formatValue, unit]);\n\n\t// Wrap single value in array for the primitive\n\tconst sliderValue = value !== undefined ? [value] : undefined;\n\tconst sliderDefaultValue = defaultValue !== undefined ? [defaultValue] : [min];\n\n\treturn (\n\t\t<div className={cn('slider--component', 'flex items-center gap-space-lg', className)}>\n\t\t\t<SliderPrimitive.Root\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"slider\"\n\t\t\t\tid={resolvedId}\n\t\t\t\taria-label={resolvedAriaLabel}\n\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\tvalue={sliderValue}\n\t\t\t\tdefaultValue={sliderDefaultValue}\n\t\t\t\tmin={min}\n\t\t\t\tmax={max}\n\t\t\t\tstep={step}\n\t\t\t\tdisabled={disabled}\n\t\t\t\torientation={orientation}\n\t\t\t\tonValueChange={handleValueChange}\n\t\t\t\tonValueCommitted={handleValueCommitted}\n\t\t\t\taria-invalid={invalid \|\| undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'box-border data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-control data-[orientation=vertical]:h-full',\n\t\t\t\t\t'min-w-0 flex-1',\n\t\t\t\t\tinvalid && '[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=horizontal]:min-h-control data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\">\n\t\t\t\t\t<SliderPrimitive.Track\n\t\t\t\t\t\tdata-slot=\"slider-track\"\n\t\t\t\t\t\tclassName={cn('relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full', sliderTrackThickness)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SliderPrimitive.Indicator\n\t\t\t\t\t\t\tdata-slot=\"slider-range\"\n\t\t\t\t\t\t\tclassName=\"absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SliderPrimitive.Track>\n\t\t\t\t\t<SliderPrimitive.Thumb\n\t\t\t\t\t\tindex={0}\n\t\t\t\t\t\tdata-slot=\"slider-thumb\"\n\t\t\t\t\t\tgetAriaLabel={() => resolvedAriaLabel}\n\t\t\t\t\t\tclassName=\"block size-icon shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n\t\t\t\t\t/>\n\t\t\t\t</SliderPrimitive.Control>\n\t\t\t</SliderPrimitive.Root>\n\n\t\t\t{!!showValue && displayValue !== null && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype={invalid ? 'error' : 'secondary'}\n\t\t\t\t\tclassName=\"min-w-8 shrink-0 text-right tabular-nums\"\n\t\t\t\t>\n\t\t\t\t\t{displayValue}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst SliderField = React.forwardRef<SliderElement, SliderProps>(SliderFieldImpl);\nSliderField.displayName = 'SliderField';\n\nexport { SliderField };\n","import { forwardRef, useCallback } from 'react';\nimport { DatePicker } from '../date-pickers/date-picker';\nimport type { DateOutput } from '../date-pickers/datepicker.types';\n\nexport interface DateTimeInputProps {\n\t/* Controlled value (ISO string) /\n\tvalue?: string;\n\n\t/* Change handler /\n\tonValueChange?: (value: string \| undefined) => void;\n\n\t/* Placeholder text /\n\tplaceholder?: string;\n\n\t/* Display format for the date /\n\treadableFormat?: string;\n\n\t/* Step for time selection in minutes /\n\tstepMinutes?: number;\n\n\t/* Use modal for picker /\n\tmodal?: boolean;\n\n\t/* Error state for styling (passed from FormField) /\n\tinvalid?: boolean;\n\n\t/* Disabled state */\n\tdisabled?: boolean;\n}\n\nexport const DateTimeInput = forwardRef<HTMLDivElement, DateTimeInputProps>(function DateTimeInput({\n\tvalue,\n\tonValueChange,\n\tplaceholder,\n\treadableFormat = 'dd-MM-yyyy HH:mm',\n\tstepMinutes = 30,\n\tmodal = true,\n\tinvalid,\n\tdisabled,\n}: DateTimeInputProps, ref) {\n\tconst dateValue = value ? new Date(value) : undefined;\n\tconst errorValue = invalid ? ' ' : undefined;\n\n\tconst handleChange = useCallback(\n\t\t(output: DateOutput) => {\n\t\t\tonValueChange?.(output.date ? output.date.toISOString() : undefined);\n\t\t},\n\t\t[onValueChange]\n\t);\n\n\treturn (\n\t\t<DatePicker ref={ref} className=\"date-time-input--component\"\n\t\t\tmode=\"single\"\n\t\t\tdisabled={disabled}\n\t\t\terror={errorValue}\n\t\t\tplaceholder={placeholder}\n\t\t\tvalue={dateValue}\n\t\t\tonValueChange={handleChange}\n\t\t\treadableFormat={readableFormat}\n\t\t\twithTime={{ enabled: true, format: '24', step: stepMinutes }}\n\t\t\tmodal={modal}\n\t\t/>\n\t);\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"mappings":"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"}
1	+ {"version":3,"file":"value-inputs-DX2dbxjj.js","names":["record","baseui.Select","baseui.SelectTrigger","baseui.SelectValue","React","React","SliderPrimitive","React","useDensityConfig","cn","TextButton","Text","Stack","sliderTrackThickness","Badge","formControlHorizontalPaddingClasses","formFieldTriggerClasses","resolveFormControlSize","formControlSizeClasses","Input","DatePicker","SelectValue","SelectTrigger","Select","SelectPopupGroup","SelectPopupItem","SelectPopupContent","React$1","defaultTagsInputStrings","current","max","TagsInput","ariaDescribedBy","stringsProp","placeholderStrings","useStrings","placeholder","strings","inputValue","setInputValue","useState","open","setOpen","selectedIndex","setSelectedIndex","inputRef","useRef","getDisplayValue","useCallback","tag","field","candidate","createTagFromString","value","input","normalizedRecommendations","useMemo","recommendations","rec","filteredRecommendations","search","caseSensitive","existingValues","displayVal","v","label","val","allowDuplicates","displayValue","sortTags","aStr","a","bStr","b","addTag","actualTag","trimmedDisplayVal","minLength","maxLength","maxTags","existingDisplayVal","validate","newValue","onValueChange","removeTag","i","index","handleInputChange","handleKeyDown","disabled","prev","handlePaste","delimiter","t","handleBlur","addOnBlur","clearAll","defaultRenderTag","tagKey","onRemove","X","resolvedInvalid","invalid","className","recommendationKey","isPicked","e","idx","Check","renderTag","showClearAll","showMaxTags","defaultPhoneInputStrings","COUNTRY_PREFIX_MAP","DEFAULT_COUNTRY_PREFIXES","normalizePrefixInput","normalizePrefixes","inputs","p","normalizePhone","normalized","selectedPrefix","resolvePrefixToDialCode","prefix","normalizedPrefixes","PhoneInputImpl","controlledPrefix","sizeProp","props","size","defaultScale","basePrefixes","prefixes","resolvedDefaultPrefix","defaultPrefix","internalPrefix","setInternalPrefix","selectedIso","setSelectedIso","initial","option","isPrefixControlled","known","currentPrefixOption","handlePrefixChange","newPrefix","item","onPrefixChange","handleChange","onChange","raw","event","stripped","national","normalizeOnBlur","nextValue","onBlur","disablePrefixSelector","staticPrefix","forwardedRef","prefixWidth","prefixPlaceholder","prefixOption","showPrefixInDropdown","showCountryName","PhoneInput","memo","defaultColorInputStrings","pickerSizeClasses","normalizeHexColor","part","roundColorChannel","rounded","precision","hexColorToOklch","red","green","blue","offset","channel","lRoot","mRoot","sRoot","lightness","chroma","hue","renderedColorToHex","computedColor","element","directHex","fallback","canvas","context","alpha","ColorInput","internalValue","setInternalValue","defaultValue","resolvedValue","resolvedPreview","previewValue","initialPickerValue","pickerValue","setPickerValue","swatchRef","publishChange","readOnly","pickerAriaLabel","inputStrings","defaultSliderStrings","SliderFieldImpl","ariaLabel","ariaLabelledBy","generatedId","useId","resolvedId","id","resolvedName","name","resolvedAriaLabel","handleValueChange","singleValue","handleValueCommitted","onValueCommitted","showValue","currentValue","min","formatValue","unit","sliderValue","sliderDefaultValue","Slider","SliderField","DateTimeInput","forwardRef","dateValue","errorValue","output","stepMinutes"],"sources":["../src/components/base/value-inputs/tags-input.tsx","../src/components/base/value-inputs/phone-input.tsx","../src/components/base/value-inputs/color-input.tsx","../src/components/base/value-inputs/slider.tsx","../src/components/base/value-inputs/date-time-input.tsx"],"sourcesContent":["/*\n TagsInput — generic typed tag picker with optional recommendation list,\n * paste-to-bulk, validation, max-tag enforcement, and customizable rendering.\n * Supports both string tags and complex objects (via the `field` prop pointing\n * at the display key). Strings overridable for i18n via `strings`.\n \n Ref note: `TagsInput` is generic over `T` and does not use `forwardRef`\n * (generic-+-forwardRef is awkward in TS). Consumers wire RHF via `value` /\n * `onValueChange` props directly. To focus the inner input from a parent, render\n * a wrapping element with `data-tags-input` and call `.querySelector('input').focus()`.\n /\nimport { X, Check } from 'lucide-react';\nimport as React from 'react';\nimport { useState, useRef, useCallback, useMemo } from 'react';\nimport { TextButton } from '../buttons';\nimport { Badge } from '../badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { Input } from '../text-inputs';\n\nexport interface TagsInputStrings {\n\tplaceholder: string;\n\temptyRecommendations: string;\n\tclearAll: string;\n\t/** Summary line shown when `maxTags` + `showMaxTags` are set. Receives\n\t * `current` (number of tags entered) and `max` (the limit). The\n\t * default is English `\"{current} / {max} tags\"` — override for i18n. /\n\tsummary: (current: number, max: number) => string;\n}\n\nexport const defaultTagsInputStrings: TagsInputStrings = {\n\tplaceholder: 'Add a tag…',\n\temptyRecommendations: 'No recommendations found.',\n\tclearAll: 'Clear all',\n\tsummary: (current, max) => `${current} / ${max} tags`,\n};\n\nexport interface TagsInputProps<T = string> {\n\t/* ID of the editable input, for an external field label. /\n\tid?: string;\n\t/* Additional supporting/error descriptions associated with the editable control. /\n\t'aria-describedby'?: string;\n\t\t/* Current value (array of T) /\n\t\tvalue?: T[];\n\n\t\t/* Callback when value changes /\n\t\tonValueChange?: (value: T[]) => void;\n\n\t\t/* Placeholder text for the input /\n\t\tplaceholder?: string;\n\n\t\t/* Array of recommendations to suggest /\n\t\trecommendations?: Array<T \| { value: T; label: string }>;\n\n\t\t/* Maximum number of tags allowed /\n\t\tmaxTags?: number;\n\n\t\t/* Show the label for the maximum tags /\n\t\tshowMaxTags?: boolean;\n\n\t\t/* Whether duplicate tags are allowed /\n\t\tallowDuplicates?: boolean;\n\n\t\t/* Custom validation function /\n\t\tvalidate?: (value: T) => boolean;\n\n\t\t/* Whether the input is disabled /\n\t\tdisabled?: boolean;\n\n\t\t/* Whether to show the clear all button /\n\t\tshowClearAll?: boolean;\n\n\t\t/* Custom tag component /\n\t\trenderTag?: (tag: T, index: number, onRemove: (index: number) => void) => React.ReactNode;\n\n\t\t/* Delimiter for separating tags when pasting /\n\t\tdelimiter?: string \| RegExp;\n\n\t\t/* Whether to trigger add on blur /\n\t\taddOnBlur?: boolean;\n\n\t\t/* Minimum length for a tag /\n\t\tminLength?: number;\n\n\t\t/* Maximum length for a tag /\n\t\tmaxLength?: number;\n\n\t\t/* Override default English strings (placeholder, empty list, clear-all). /\n\t\tstrings?: StringsProp<TagsInputStrings>;\n\n\t\t/* Whether tags should be sorted /\n\t\tsortTags?: boolean;\n\n\t\t/* Case sensitivity for duplicate checking /\n\t\tcaseSensitive?: boolean;\n\n\t\t/* Field to extract display value from an object (required when T is not string) /\n\t\tfield?: T extends string ? never : keyof T;\n\n\t\t/* Error state for styling (passed from FormField) /\n\t\tinvalid?: boolean;\n\n\t\t/* Additional class names /\n\t\tclassName?: string;\n}\n\nexport function TagsInput<T = string>({\n\t\tid,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\tvalue = [],\n\t\tonValueChange,\n\t\tplaceholder,\n\t\trecommendations,\n\t\tmaxTags,\n\t\tshowMaxTags = false,\n\t\tallowDuplicates = false,\n\t\tvalidate,\n\t\tdisabled = false,\n\t\tshowClearAll = false,\n\t\trenderTag,\n\t\tdelimiter = /[\\n,]/,\n\t\taddOnBlur = true,\n\t\tminLength = 1,\n\t\tmaxLength,\n\t\tsortTags = false,\n\t\tcaseSensitive = false,\n\t\tfield,\n\t\tinvalid,\n\t\tclassName,\n\t\tstrings: stringsProp,\n}: TagsInputProps<T>) {\n\t\tconst placeholderStrings = useStrings(\n\t\t\t\tdefaultTagsInputStrings,\n\t\t\t\tplaceholder !== undefined ? { placeholder } : undefined,\n\t\t);\n\t\tconst strings = useStrings(placeholderStrings, stringsProp);\n\t\tconst [inputValue, setInputValue] = useState('');\n\t\tconst [open, setOpen] = useState(false);\n\t\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\t\t// Helper function to get display value from tag\n\t\tconst getDisplayValue = useCallback(\n\t\t\t\t(tag: T): string => {\n\t\t\t\t\t\tif (typeof tag === 'string') {\n\t\t\t\t\t\t\t\treturn tag;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (field && typeof tag === 'object' && tag !== null) {\n\t\t\t\t\t\t\t\tconst record = tag as Record<string \| number \| symbol, unknown>;\n\t\t\t\t\t\t\t\tconst candidate = record[field];\n\t\t\t\t\t\t\t\tif (typeof candidate === 'string') {\n\t\t\t\t\t\t\t\t\t\treturn candidate;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (candidate === undefined \|\| candidate === null) {\n\t\t\t\t\t\t\t\t\t\treturn '';\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn String(candidate);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn String(tag);\n\t\t\t\t},\n\t\t\t\t[field]\n\t\t);\n\n\t\t// Helper function to create tag from string input\n\t\tconst createTagFromString = useCallback(\n\t\t\t\t(input: string): T => {\n\t\t\t\t\t\tif (typeof value[0] === 'string' \|\| value.length === 0) {\n\t\t\t\t\t\t\t\treturn input as T;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (field) {\n\t\t\t\t\t\t\t\treturn { [field]: input } as T;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn input as unknown as T;\n\t\t\t\t},\n\t\t\t\t[field, value]\n\t\t);\n\n\t\t// Normalize recommendations to always be objects\n\t\tconst normalizedRecommendations = useMemo(() => {\n\t\t\t\tif (!recommendations) return [];\n\t\t\t\treturn recommendations.map((rec) => {\n\t\t\t\t\t\tif (rec && typeof rec === 'object' && 'value' in rec && 'label' in rec) {\n\t\t\t\t\t\t\t\treturn rec as { value: T; label: string };\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst displayValue = getDisplayValue(rec);\n\t\t\t\t\t\treturn { value: rec, label: displayValue };\n\t\t\t\t});\n\t\t}, [recommendations, getDisplayValue]);\n\n\t\t// Filter recommendations based on input and existing tags\n\t\tconst filteredRecommendations = useMemo(() => {\n\t\t\t\tif (!normalizedRecommendations.length \|\| !inputValue) return normalizedRecommendations;\n\n\t\t\t\tconst search = caseSensitive ? inputValue : inputValue.toLowerCase();\n\t\t\t\tconst existingValues = new Set(\n\t\t\t\t\t\tvalue.map((v) => {\n\t\t\t\t\t\t\t\tconst displayVal = getDisplayValue(v);\n\t\t\t\t\t\t\t\treturn caseSensitive ? displayVal : displayVal.toLowerCase();\n\t\t\t\t\t\t})\n\t\t\t\t);\n\n\t\t\t\treturn normalizedRecommendations.filter((rec) => {\n\t\t\t\t\t\tconst label = caseSensitive ? rec.label : rec.label.toLowerCase();\n\t\t\t\t\t\tconst displayVal = getDisplayValue(rec.value);\n\t\t\t\t\t\tconst val = caseSensitive ? displayVal : displayVal.toLowerCase();\n\n\t\t\t\t\t\treturn (label.includes(search) \|\| val.includes(search)) && (allowDuplicates \|\| !existingValues.has(val));\n\t\t\t\t});\n\t\t}, [normalizedRecommendations, inputValue, value, allowDuplicates, caseSensitive, getDisplayValue]);\n\n\t\t// Sort tags if needed\n\t\tconst displayValue = useMemo(() => {\n\t\t\t\tif (!sortTags) return value;\n\t\t\t\treturn [...value].sort((a, b) => {\n\t\t\t\t\t\tconst aStr = getDisplayValue(a);\n\t\t\t\t\t\tconst bStr = getDisplayValue(b);\n\t\t\t\t\t\treturn aStr.localeCompare(bStr);\n\t\t\t\t});\n\t\t}, [value, sortTags, getDisplayValue]);\n\n\t\tconst addTag = useCallback(\n\t\t\t\t(tag: T \| string) => {\n\t\t\t\t\t\tconst actualTag = typeof tag === 'string' ? createTagFromString(tag) : tag;\n\t\t\t\t\t\tconst displayVal = getDisplayValue(actualTag);\n\t\t\t\t\t\tconst trimmedDisplayVal = displayVal.trim();\n\n\t\t\t\t\t\t// Validation checks\n\t\t\t\t\t\tif (!trimmedDisplayVal) return;\n\t\t\t\t\t\tif (trimmedDisplayVal.length < minLength) return;\n\t\t\t\t\t\tif (maxLength && trimmedDisplayVal.length > maxLength) return;\n\t\t\t\t\t\tif (maxTags && value.length >= maxTags) return;\n\n\t\t\t\t\t\tif (!allowDuplicates) {\n\t\t\t\t\t\t\t\tconst exists = value.some((v) => {\n\t\t\t\t\t\t\t\t\t\tconst existingDisplayVal = getDisplayValue(v);\n\t\t\t\t\t\t\t\t\t\treturn caseSensitive\n\t\t\t\t\t\t\t\t\t\t\t\t? existingDisplayVal === trimmedDisplayVal\n\t\t\t\t\t\t\t\t\t\t\t\t: existingDisplayVal.toLowerCase() === trimmedDisplayVal.toLowerCase();\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (validate && !validate(actualTag)) return;\n\n\t\t\t\t\t\tconst newValue = [...value, actualTag];\n\t\t\t\t\t\tonValueChange?.(newValue);\n\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t},\n\t\t\t\t[value, onValueChange, maxTags, allowDuplicates, validate, minLength, maxLength, caseSensitive, getDisplayValue, createTagFromString]\n\t\t);\n\n\t\tconst removeTag = useCallback(\n\t\t\t\t(index: number) => {\n\t\t\t\t\t\tconst newValue = value.filter((_, i) => i !== index);\n\t\t\t\t\t\tonValueChange?.(newValue);\n\t\t\t\t},\n\t\t\t\t[value, onValueChange]\n\t\t);\n\n\t\tconst handleInputChange = useCallback(\n\t\t\t\t(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tconst newValue = e.target.value;\n\t\t\t\t\t\tsetInputValue(newValue);\n\t\t\t\t\t\tsetSelectedIndex(-1);\n\n\t\t\t\t\t\tif (recommendations && recommendations.length > 0) {\n\t\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[recommendations]\n\t\t);\n\n\t\tconst handleKeyDown = useCallback(\n\t\t\t\t(e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tif (disabled) return;\n\n\t\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open && selectedIndex >= 0 && selectedIndex < filteredRecommendations.length) {\n\t\t\t\t\t\t\t\t\t\taddTag(filteredRecommendations[selectedIndex].value);\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t\t\t} else if (inputValue.trim()) {\n\t\t\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'Tab') {\n\t\t\t\t\t\t\t\tif (inputValue) {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'ArrowDown') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open) {\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex((prev) => (prev < filteredRecommendations.length - 1 ? prev + 1 : prev));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'ArrowUp') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tif (open) {\n\t\t\t\t\t\t\t\t\t\tsetSelectedIndex((prev) => (prev > 0 ? prev - 1 : 0));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.key === 'Escape') {\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t} else if (e.key === 'Backspace' && !inputValue && value.length > 0) {\n\t\t\t\t\t\t\t\tremoveTag(value.length - 1);\n\t\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t[disabled, open, selectedIndex, filteredRecommendations, inputValue, addTag, removeTag, value.length]\n\t\t);\n\n\t\tconst handlePaste = useCallback(\n\t\t\t\t(e: React.ClipboardEvent<HTMLInputElement>) => {\n\t\t\t\t\t\tif (disabled) return;\n\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tconst pastedText = e.clipboardData.getData('text');\n\t\t\t\t\t\tconst tags = pastedText\n\t\t\t\t\t\t\t\t.split(delimiter)\n\t\t\t\t\t\t\t\t.map((t) => t.trim())\n\t\t\t\t\t\t\t\t.filter(Boolean);\n\n\t\t\t\t\t\ttags.forEach((tag) => addTag(tag));\n\t\t\t\t},\n\t\t\t\t[disabled, delimiter, addTag]\n\t\t);\n\n\t\tconst handleBlur = useCallback(() => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\tif (addOnBlur && inputValue) {\n\t\t\t\t\t\t\t\taddTag(inputValue);\n\t\t\t\t\t\t}\n\t\t\t\t}, 200);\n\t\t}, [addOnBlur, inputValue, addTag]);\n\n\t\tconst clearAll = useCallback(() => {\n\t\t\t\tonValueChange?.([]);\n\t\t\t\tsetInputValue('');\n\t\t}, [onValueChange]);\n\n\t\tconst defaultRenderTag = useCallback(\n\t\t\t\t(tag: T, index: number, onRemove: (index: number) => void) => {\n\t\t\t\t\t\tconst tagKey = `${getDisplayValue(tag)}-${index}`;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Badge key={tagKey} tone=\"secondary\" className={cn('tags-input--component', 'gap-space-xs pr-space-xs')}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"normal\" lineHeight=\"none\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t{getDisplayValue(tag)}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Remove ${getDisplayValue(tag)}`}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex size-icon items-center justify-center rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground/70 hover:bg-foreground/10 hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'disabled:opacity-50 disabled:pointer-events-none',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove(index)}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<X className=\"size-icon-sm\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\t[getDisplayValue, disabled]\n\t\t);\n\n\t\tconst resolvedInvalid = Boolean(invalid);\n\n\t\treturn (\n\t\t\t\t<div className={cn('w-full relative', className)}>\n\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\t\t\t\tonPaste={handlePaste}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (recommendations && filteredRecommendations.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled \|\| (maxTags !== undefined && value.length >= maxTags)}\n\t\t\t\t\t\t\t\t\t\tinvalid={resolvedInvalid}\n\t\t\t\t\t\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{/ Recommendations dropdown — mirrors PopoverContent + CommandItem\n\t\t\t\t\t\t\t\t\t\tsurface tokens (bg-popover, text-popover-foreground, ring-1\n\t\t\t\t\t\t\t\t\t\tring-foreground/10, shadow-md, rounded-radius-md) so it reads\n\t\t\t\t\t\t\t\t\t\tidentically to a real popover. The hand-rolled wrapper\n\t\t\t\t\t\t\t\t\t\tstays because the dropdown is tightly bound to the\n\t\t\t\t\t\t\t\t\t\tInput's keyboard handler (selectedIndex, arrow nav). /}\n\t\t\t\t\t\t\t\t{!!recommendations && !!open && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"absolute top-full left-0 right-0 z-50 mt-1 max-h-[200px] overflow-y-auto rounded-radius-md bg-popover p-surface-xs text-popover-foreground shadow-md ring-1 ring-foreground/10\">\n\t\t\t\t\t\t\t\t\t\t\t\t{filteredRecommendations.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilteredRecommendations.map((rec, idx) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst recommendationKey = getDisplayValue(rec.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isPicked = value.some(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(v) => getDisplayValue(v) === getDisplayValue(rec.value),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={recommendationKey}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taddTag(rec.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedIndex(-1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinputRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(idx)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'relative flex w-full cursor-pointer items-center justify-between gap-space-sm rounded-radius-md px-control-sm py-row-y',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedIndex === idx && 'bg-accent text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{rec.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'ml-auto size-icon-sm',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisPicked ? 'opacity-100' : 'opacity-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" className=\"px-space-md py-row-y\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.emptyRecommendations}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Tags container /}\n\t\t\t\t\t\t{displayValue.length > 0 && (\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" className=\"mt-space-md\">\n\t\t\t\t\t\t\t\t\t\t{displayValue.map((tag, index) =>\n\t\t\t\t\t\t\t\t\t\t\t\trenderTag ? renderTag(tag, index, removeTag) : defaultRenderTag(tag, index, removeTag)\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!!showClearAll && value.length > 0 && !disabled && (\n\t\t\t\t\t\t\t\t\t\t\t\t<TextButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={clearAll}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearAll}\n\t\t\t\t\t\t\t\t\t\t\t\t</TextButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{!!maxTags && !!showMaxTags && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-1\">\n\t\t\t\t\t\t\t\t\t\t{strings.summary(value.length, maxTags)}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t);\n}\n\nTagsInput.displayName = 'TagsInput';\n","import as React from 'react';\nimport { useState, useCallback, useMemo, memo } from 'react';\nimport * as baseui from '../../ui/select';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { formControlHorizontalPaddingClasses, formControlSizeClasses, formFieldTriggerClasses, resolveFormControlSize } from '../forms/form-sizing';\nimport { Input, type InputProps } from '../text-inputs';\nimport { SelectPopupContent, SelectPopupGroup, SelectPopupItem } from '../choice-inputs';\n\nexport interface PhoneInputStrings {\n\t\tprefixPlaceholder: string;\n\t\t/** Accessible name for the country-prefix selector. /\n\t\tprefixAriaLabel: string;\n}\n\nexport const defaultPhoneInputStrings: PhoneInputStrings = {\n\t\tprefixPlaceholder: 'Prefix',\n\t\tprefixAriaLabel: 'Country prefix',\n};\n\nexport interface CountryPrefixOption {\n\t\t/* Country code value (e.g., '+1') /\n\t\tvalue: string;\n\n\t\t/* Display label (e.g., 'Bulgaria') /\n\t\tlabel: string;\n\n\t\t/* ISO country code (e.g., 'US') /\n\t\tiso: string;\n}\n\n/* Country data mapped by ISO code /\nexport const COUNTRY_PREFIX_MAP: Record<string, CountryPrefixOption> = {\n\t\tUS: { value: '+1', label: 'United States', iso: 'US' },\n\t\tCA: { value: '+1', label: 'Canada', iso: 'CA' },\n\t\tAU: { value: '+61', label: 'Australia', iso: 'AU' },\n\t\tBG: { value: '+359', label: 'Bulgaria', iso: 'BG' },\n\t\tGR: { value: '+30', label: 'Greece', iso: 'GR' },\n\t\tGB: { value: '+44', label: 'United Kingdom', iso: 'GB' },\n\t\tDE: { value: '+49', label: 'Germany', iso: 'DE' },\n\t\tFR: { value: '+33', label: 'France', iso: 'FR' },\n\t\tIT: { value: '+39', label: 'Italy', iso: 'IT' },\n\t\tES: { value: '+34', label: 'Spain', iso: 'ES' },\n\t\tNL: { value: '+31', label: 'Netherlands', iso: 'NL' },\n\t\tBE: { value: '+32', label: 'Belgium', iso: 'BE' },\n\t\tAT: { value: '+43', label: 'Austria', iso: 'AT' },\n\t\tCH: { value: '+41', label: 'Switzerland', iso: 'CH' },\n\t\tPL: { value: '+48', label: 'Poland', iso: 'PL' },\n\t\tRO: { value: '+40', label: 'Romania', iso: 'RO' },\n\t\tRS: { value: '+381', label: 'Serbia', iso: 'RS' },\n\t\tHR: { value: '+385', label: 'Croatia', iso: 'HR' },\n\t\tSI: { value: '+386', label: 'Slovenia', iso: 'SI' },\n\t\tMK: { value: '+389', label: 'North Macedonia', iso: 'MK' },\n\t\tTR: { value: '+90', label: 'Turkey', iso: 'TR' },\n\t\tRU: { value: '+7', label: 'Russia', iso: 'RU' },\n\t\tUA: { value: '+380', label: 'Ukraine', iso: 'UA' },\n\t\tSK: { value: '+421', label: 'Slovakia', iso: 'SK' },\n\t\tCZ: { value: '+420', label: 'Czech Republic', iso: 'CZ' },\n\t\tHU: { value: '+36', label: 'Hungary', iso: 'HU' },\n\t\tPT: { value: '+351', label: 'Portugal', iso: 'PT' },\n\t\tIE: { value: '+353', label: 'Ireland', iso: 'IE' },\n\t\tSE: { value: '+46', label: 'Sweden', iso: 'SE' },\n\t\tNO: { value: '+47', label: 'Norway', iso: 'NO' },\n\t\tDK: { value: '+45', label: 'Denmark', iso: 'DK' },\n\t\tFI: { value: '+358', label: 'Finland', iso: 'FI' },\n\t\tCY: { value: '+357', label: 'Cyprus', iso: 'CY' },\n\t\tAL: { value: '+355', label: 'Albania', iso: 'AL' },\n\t\tME: { value: '+382', label: 'Montenegro', iso: 'ME' },\n\t\tBA: { value: '+387', label: 'Bosnia and Herzegovina', iso: 'BA' },\n\t\tXK: { value: '+383', label: 'Kosovo', iso: 'XK' },\n\t\tMD: { value: '+373', label: 'Moldova', iso: 'MD' },\n\t\tBY: { value: '+375', label: 'Belarus', iso: 'BY' },\n\t\tLT: { value: '+370', label: 'Lithuania', iso: 'LT' },\n\t\tLV: { value: '+371', label: 'Latvia', iso: 'LV' },\n\t\tEE: { value: '+372', label: 'Estonia', iso: 'EE' },\n};\n\n/* Type for prefix input - either ISO code string or full option object /\nexport type CountryPrefixInput = string \| CountryPrefixOption;\n\n/* Default country prefixes - commonly used codes /\nexport const DEFAULT_COUNTRY_PREFIXES: CountryPrefixInput[] = ['US', 'CA', 'GB', 'DE', 'FR', 'IT', 'ES', 'AU'];\n\n/\n Normalize prefix input to CountryPrefixOption\n * Accepts either ISO code ('US') or full object ({ value: '+1', label: 'United States', iso: 'US' })\n /\nconst normalizePrefixInput = (input: CountryPrefixInput): CountryPrefixOption \| null => {\n\t\tif (typeof input === 'string') {\n\t\t\t\t// It's an ISO code - look it up\n\t\t\t\tconst upperInput = input.toUpperCase();\n\t\t\t\treturn COUNTRY_PREFIX_MAP[upperInput] ?? null;\n\t\t}\n\t\t// It's already a full object\n\t\treturn input;\n};\n\n/\n Normalize array of prefix inputs to CountryPrefixOption[]\n /\nconst normalizePrefixes = (inputs: CountryPrefixInput[]): CountryPrefixOption[] => {\n\t\treturn inputs.map(normalizePrefixInput).filter((p): p is CountryPrefixOption => p !== null);\n};\n\nexport interface PhoneInputProps extends Omit<InputProps, 'type' \| 'startAddon' \| 'strings'> {\n\t\t/* Normalize phone number on blur. Defaults to true /\n\t\tnormalizeOnBlur?: boolean;\n\n\t\t/* Current country prefix value (dial code like '+1' or ISO code like 'US') /\n\t\tprefix?: string;\n\n\t\t/* Default prefix if uncontrolled (dial code like '+1' or ISO code like 'US') /\n\t\tdefaultPrefix?: string;\n\n\t\t/* List of available country prefixes - ISO codes ('US', 'GR') or full objects /\n\t\tprefixes?: CountryPrefixInput[];\n\n\t\t/* Callback when prefix changes - returns dial code (e.g., '+1') /\n\t\tonPrefixChange?: (prefix: string) => void;\n\n\t\t/* Disable prefix selection /\n\t\tdisablePrefixSelector?: boolean;\n\n\t\t/* Placeholder for prefix dropdown /\n\t\tprefixPlaceholder?: string;\n\n\t\t/* Width of the prefix dropdown /\n\t\tprefixWidth?: string;\n\n\t\t/* Show country name in dropdown. Defaults to true /\n\t\tshowCountryName?: boolean;\n\n\t\t/* Show prefix in dropdown items. Defaults to true /\n\t\tshowPrefixInDropdown?: boolean;\n\n\t\t/* String overrides (e.g. prefix dropdown placeholder). /\n\t\tstrings?: StringsProp<PhoneInputStrings>;\n}\n\nconst normalizePhone = (value: string, selectedPrefix?: string): string => {\n\t\tlet normalized = value\n\t\t\t\t.trim()\n\t\t\t\t.replace(/\\s+/g, ' ')\n\t\t\t\t.replace(/[^\\d ()+-]/g, '');\n\n\t\t// Strip the selected prefix from the input if the user typed it redundantly\n\t\tif (selectedPrefix && normalized.startsWith(selectedPrefix)) {\n\t\t\t\tnormalized = normalized.slice(selectedPrefix.length).replace(/^[\\s-]+/, '');\n\t\t}\n\n\t\t// Strip leading zero from national numbers when a prefix is selected (e.g., 0877... → 877...)\n\t\tif (selectedPrefix && normalized.startsWith('0')) {\n\t\t\t\tnormalized = normalized.slice(1);\n\t\t}\n\n\t\treturn normalized;\n};\n\n/\n Resolve a prefix string (ISO code or dial code) to dial code\n /\nconst resolvePrefixToDialCode = (prefix: string \| undefined, normalizedPrefixes: CountryPrefixOption[]): string => {\n\t\tif (!prefix) return normalizedPrefixes[0]?.value ?? '';\n\n\t\t// Check if it's already a dial code (starts with +)\n\t\tif (prefix.startsWith('+')) {\n\t\t\t\treturn prefix;\n\t\t}\n\n\t\t// It's an ISO code - look it up\n\t\tconst upperPrefix = prefix.toUpperCase();\n\t\tconst found = COUNTRY_PREFIX_MAP[upperPrefix];\n\t\treturn found?.value ?? prefix;\n};\n\nfunction PhoneInputImpl(\n\t\t{\n\t\t\t\tnormalizeOnBlur = true,\n\t\t\t\tonBlur,\n\t\t\t\tonChange,\n\t\t\t\tprefix: controlledPrefix,\n\t\t\t\tdefaultPrefix,\n\t\t\t\tprefixes = DEFAULT_COUNTRY_PREFIXES,\n\t\t\t\tonPrefixChange,\n\t\t\t\tdisablePrefixSelector = false,\n\t\t\t\tprefixPlaceholder,\n\t\t\t\tprefixWidth = 'w-30',\n\t\t\t\tshowCountryName = true,\n\t\t\t\tshowPrefixInDropdown = true,\n\t\t\t\tinvalid,\n\t\t\t\tdisabled,\n\t\t\t\tclassName,\n\t\t\t\tsize: sizeProp,\n\t\t\t\tstrings: stringsProp,\n\t\t\t\t...props\n\t\t}: PhoneInputProps,\n\t\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\t\tconst { defaultScale } = useDensityConfig();\n\t\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\t\tconst strings = useStrings(defaultPhoneInputStrings, stringsProp);\n\t\t// Normalize prefix options from mixed input (ISO codes or full objects)\n\t\tconst basePrefixes = useMemo(() => normalizePrefixes(prefixes), [prefixes]);\n\n\t\t// Resolve controlled/default prefix to dial code\n\t\tconst resolvedDefaultPrefix = useMemo(\n\t\t\t\t() => resolvePrefixToDialCode(defaultPrefix, basePrefixes),\n\t\t\t\t[defaultPrefix, basePrefixes]\n\t\t);\n\n\t\t// Internal state for uncontrolled prefix (always stores dial code)\n\t\tconst [internalPrefix, setInternalPrefix] = useState(resolvedDefaultPrefix);\n\t\t// Country identity is distinct from its dial code (US and CA both use +1).\n\t\tconst [selectedIso, setSelectedIso] = useState(() => {\n\t\t\t\tconst initial = controlledPrefix ?? defaultPrefix;\n\t\t\t\treturn initial && !initial.startsWith('+') ? initial.toUpperCase() : basePrefixes.find((option) => option.value === resolvedDefaultPrefix)?.iso;\n\t\t});\n\n\t\t// Determine if prefix is controlled\n\t\tconst isPrefixControlled = controlledPrefix !== undefined;\n\t\tconst selectedPrefix = isPrefixControlled\n\t\t\t\t? resolvePrefixToDialCode(controlledPrefix, basePrefixes)\n\t\t\t\t: internalPrefix;\n\n\t\t/\n\t\t * The selected dial code has to be representable in the menu, or the\n\t\t * trigger renders blank.\n\t\t \n\t\t `DEFAULT_COUNTRY_PREFIXES` is eight countries, while `COUNTRY_PREFIX_MAP`\n\t\t * knows many more. So `defaultPrefix=\"BG\"` resolved to `+359` — correctly —\n\t\t * and then found no option to display, leaving an empty control with no\n\t\t * error. Naming a country the component itself knows about is a reasonable\n\t\t * thing to do, so the option is carried in rather than dropped.\n\t\t /\n\t\tconst normalizedPrefixes = useMemo(() => {\n\t\t\t\tif (!selectedPrefix \|\| basePrefixes.some((option) => option.value === selectedPrefix)) {\n\t\t\t\t\t\treturn basePrefixes;\n\t\t\t\t}\n\t\t\t\tconst known = Object.values(COUNTRY_PREFIX_MAP).find((option) => option.value === selectedPrefix);\n\t\t\t\treturn known ? [known, ...basePrefixes] : basePrefixes;\n\t\t}, [basePrefixes, selectedPrefix]);\n\n\t\t// Find current prefix option for display\n\t\tconst currentPrefixOption = useMemo(\n\t\t\t\t() => normalizedPrefixes.find((p) => p.iso === (controlledPrefix && !controlledPrefix.startsWith('+') ? controlledPrefix.toUpperCase() : selectedIso) && p.value === selectedPrefix)\n\t\t\t\t\t\t?? normalizedPrefixes.find((p) => p.value === selectedPrefix),\n\t\t\t\t[normalizedPrefixes, selectedPrefix, selectedIso, controlledPrefix]\n\t\t);\n\n\t\t// Handle prefix change\n\t\tconst handlePrefixChange = useCallback(\n\t\t\t\t(newPrefix: string \| null) => {\n\t\t\t\t\t\tif (newPrefix === null) return;\n\t\t\t\t\t\tconst option = normalizedPrefixes.find((item) => item.iso === newPrefix);\n\t\t\t\t\t\tif (!option) return;\n\t\t\t\t\t\tsetSelectedIso(option.iso);\n\t\t\t\t\t\tif (!isPrefixControlled) {\n\t\t\t\t\t\t\t\tsetInternalPrefix(option.value);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonPrefixChange?.(option.value);\n\t\t\t\t},\n\t\t\t\t[isPrefixControlled, onPrefixChange, normalizedPrefixes]\n\t\t);\n\n\t\t// Handle phone change — strip redundant prefix on every keystroke/autofill\n\t\tconst handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n\t\t\t\t(event) => {\n\t\t\t\t\t\tif (!onChange) return;\n\n\t\t\t\t\t\tconst raw = event.target.value;\n\n\t\t\t\t\t\t// Strip the selected prefix if the value starts with it (autofill, paste, manual typing)\n\t\t\t\t\t\tif (selectedPrefix && raw.startsWith(selectedPrefix)) {\n\t\t\t\t\t\t\t\tconst stripped = raw.slice(selectedPrefix.length).replace(/^[\\s-]+/, '');\n\t\t\t\t\t\t\t\t// Also strip leading zero from national part\n\t\t\t\t\t\t\t\tconst national = stripped.startsWith('0') ? stripped.slice(1) : stripped;\n\t\t\t\t\t\t\t\tif (national !== raw) {\n\t\t\t\t\t\t\t\t\t\tconst syntheticEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...event,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...event.target, value: national },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...event.currentTarget, value: national },\n\t\t\t\t\t\t\t\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\t\t\t\t\t\t\t\t\t\tonChange(syntheticEvent);\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange(event);\n\t\t\t\t},\n\t\t\t\t[onChange, selectedPrefix]\n\t\t);\n\n\t\t// Handle phone blur with normalization\n\t\tconst handleBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(\n\t\t\t\t(event) => {\n\t\t\t\t\t\tif (normalizeOnBlur && typeof onChange === 'function') {\n\t\t\t\t\t\t\t\tconst nextValue = normalizePhone(event.target.value, selectedPrefix);\n\t\t\t\t\t\t\t\tif (nextValue !== event.target.value) {\n\t\t\t\t\t\t\t\t\t\tconst syntheticEvent = {\n\t\t\t\t\t\t\t\t\t\t\t\t...event,\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: { ...event.target, value: nextValue },\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentTarget: { ...event.currentTarget, value: nextValue },\n\t\t\t\t\t\t\t\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\n\t\t\t\t\t\t\t\t\t\tonChange(syntheticEvent);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonBlur?.(event);\n\t\t\t\t},\n\t\t\t\t[normalizeOnBlur, onChange, onBlur, selectedPrefix]\n\t\t);\n\n\t\t// If no prefixes or disabled, render simple input with prefix display\n\t\tif (normalizedPrefixes.length === 0 \|\| disablePrefixSelector) {\n\t\t\t\tconst staticPrefix = selectedPrefix \|\| defaultPrefix;\n\n\t\t\t\tif (!staticPrefix) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tclassName={cn('phone-input--component', className)}\n\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"flex items-start gap-space-md\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\taria-invalid={invalid \|\| undefined}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex items-center justify-center rounded-radius-md border border-input bg-muted',\n\t\t\t\t\t\t\t\t\t\t\t\tformControlSizeClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\tformControlHorizontalPaddingClasses[size],\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled && 'opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\t'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t{staticPrefix}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\n\t\t// Render with prefix selector\n\t\treturn (\n\t\t\t\t<div className=\"flex items-start gap-space-md\">\n\t\t\t\t\t\t{/ Prefix selector /}\n\t\t\t\t\t\t<baseui.Select\n\t\t\t\t\t\t\t\tvalue={currentPrefixOption?.iso ?? null}\n\t\t\t\t\t\t\t\tonValueChange={(value) => handlePrefixChange(value)}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<baseui.SelectTrigger\n\t\t\t\t\t\t\t\taria-label={strings.prefixAriaLabel}\n\t\t\t\t\t\t\t\taria-invalid={invalid \|\| undefined}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\tformFieldTriggerClasses(size),\n\t\t\t\t\t\t\t\t\t\t\t\t'shrink-0 !shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\tprefixWidth,\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled && 'opacity-50 cursor-not-allowed'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<baseui.SelectValue\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixPlaceholder ?? strings.prefixPlaceholder}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!currentPrefixOption && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{currentPrefixOption.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</baseui.SelectValue>\n\t\t\t\t\t\t\t\t</baseui.SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectPopupContent>\n\t\t\t\t\t\t\t\t\t\t<SelectPopupGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t{normalizedPrefixes.map((prefixOption) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectPopupItem key={prefixOption.iso} value={prefixOption.iso} size={size}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!showPrefixInDropdown && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" className=\"min-w-13 text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixOption.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!showCountryName && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{prefixOption.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</SelectPopupItem>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</SelectPopupGroup>\n\t\t\t\t\t\t\t\t</SelectPopupContent>\n\t\t\t\t\t\t</baseui.Select>\n\n\t\t\t\t\t\t{/ Phone number input /}\n\t\t\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tref={forwardedRef}\n\t\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t\t\t\t\t\t\tinputMode=\"tel\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t);\n}\n\n// forwardRef + memo: forward to the underlying phone input so consumers can\n// focus/measure programmatically (RHF Controller, parent imperative refs).\nexport const PhoneInput = memo(React.forwardRef<HTMLInputElement, PhoneInputProps>(PhoneInputImpl));\nPhoneInput.displayName = 'PhoneInput';\n","import as React from 'react';\n\nimport { Stack } from '../structure';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { resolveFormControlSize } from '../forms/form-sizing';\nimport { Input, type InputProps, type InputStrings } from '../text-inputs';\n\nexport interface ColorInputStrings {\n\t/** Accessible label for the native color-picker trigger. /\n\tchooseColor: string;\n}\n\nexport const defaultColorInputStrings: ColorInputStrings = {\n\tchooseColor: 'Choose color',\n};\n\nexport interface ColorInputProps extends Omit<InputProps, 'type' \| 'strings'> {\n\t/* CSS color expression shown by the swatch. Defaults to the current value. /\n\tpreviewValue?: string;\n\t/* CSS-color callback. Text entry is preserved verbatim; native picker values are normalized to OKLCH. /\n\tonValueChange?: (value: string) => void;\n\t/* Accessible label for the native color picker. Defaults to the component strings. /\n\tpickerAriaLabel?: string;\n\t/* ColorInput-owned accessible copy. /\n\tstrings?: StringsProp<ColorInputStrings>;\n\t/* Copy overrides forwarded to the underlying text Input. /\n\tinputStrings?: StringsProp<InputStrings>;\n}\n\nconst pickerSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'size-control-sm',\n\tmd: 'size-control',\n\tlg: 'size-control-lg',\n};\n\nfunction normalizeHexColor(value: string): string \| null {\n\tconst normalized = value.trim().toLowerCase();\n\tif (/^#[0-9a-f]{6}$/.test(normalized)) return normalized;\n\tif (/^#[0-9a-f]{3}$/.test(normalized)) {\n\t\treturn `#${normalized.slice(1).split('').map((part) => `${part}${part}`).join('')}`;\n\t}\n\treturn null;\n}\n\nfunction roundColorChannel(value: number, precision: number): number {\n\tconst rounded = Number(value.toFixed(precision));\n\treturn Object.is(rounded, -0) ? 0 : rounded;\n}\n\nfunction hexColorToOklch(value: string): string {\n\tconst normalized = normalizeHexColor(value);\n\tif (!normalized) return value;\n\n\tconst channels = [1, 3, 5].map((offset) => Number.parseInt(normalized.slice(offset, offset + 2), 16) / 255);\n\tconst [red, green, blue] = channels.map((channel) =>\n\t\tchannel <= 0.04045\n\t\t\t? channel / 12.92\n\t\t\t: ((channel + 0.055) / 1.055) * 2.4,\n\t);\n\tconst lRoot = Math.cbrt(0.4122214708 * red + 0.5363325363 * green + 0.0514459929 * blue);\n\tconst mRoot = Math.cbrt(0.2119034982 * red + 0.6806995451 * green + 0.1073969566 * blue);\n\tconst sRoot = Math.cbrt(0.0883024619 * red + 0.2817188376 * green + 0.6299787005 * blue);\n\tconst lightness = 0.2104542553 * lRoot + 0.793617785 * mRoot - 0.0040720468 * sRoot;\n\tconst a = 1.9779984951 * lRoot - 2.428592205 * mRoot + 0.4505937099 * sRoot;\n\tconst b = 0.0259040371 * lRoot + 0.7827717662 * mRoot - 0.808675766 * sRoot;\n\tconst chroma = Math.hypot(a, b);\n\tconst hue = chroma < 0.00005\n\t\t? 0\n\t\t: (Math.atan2(b, a) * 180) / Math.PI + (b < 0 ? 360 : 0);\n\n\treturn `oklch(${roundColorChannel(lightness, 4)} ${roundColorChannel(chroma, 4)} ${roundColorChannel(hue, 2)})`;\n}\n\nfunction renderedColorToHex(element: HTMLElement, fallback: string): string {\n\tconst computedColor = window.getComputedStyle(element).backgroundColor;\n\tconst directHex = normalizeHexColor(computedColor);\n\tif (directHex) return directHex;\n\tif (typeof CanvasRenderingContext2D === 'undefined') return fallback;\n\n\ttry {\n\t\tconst canvas = document.createElement('canvas');\n\t\tcanvas.width = 1;\n\t\tcanvas.height = 1;\n\t\tconst context = canvas.getContext('2d', { willReadFrequently: true });\n\t\tif (!context) return fallback;\n\t\tcontext.clearRect(0, 0, 1, 1);\n\t\tcontext.fillStyle = computedColor;\n\t\tcontext.fillRect(0, 0, 1, 1);\n\t\tconst [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data;\n\t\tif (alpha === 0) return fallback;\n\t\treturn `#${[red, green, blue]\n\t\t\t.map((channel) => channel.toString(16).padStart(2, '0'))\n\t\t\t.join('')}`;\n\t} catch {\n\t\treturn fallback;\n\t}\n}\n\n/*\n CSS-color editor that pairs exact text entry with a native visual picker.\n * The swatch accepts modern CSS colors and inherited `var(...)` expressions;\n * the picker commits OKLCH values without narrowing text input.\n /\nexport const ColorInput = React.forwardRef<HTMLInputElement, ColorInputProps>(function ColorInput({\n\tclassName,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tonValueChange,\n\tpreviewValue,\n\tpickerAriaLabel,\n\tsize: sizeProp,\n\tdisabled,\n\treadOnly,\n\tstrings: stringsProp,\n\tinputStrings,\n\t...props\n}, forwardedRef) {\n\tconst strings = useStrings(defaultColorInputStrings, stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\tconst [internalValue, setInternalValue] = React.useState(defaultValue ?? '');\n\tconst resolvedValue = value ?? internalValue;\n\tconst resolvedPreview = previewValue ?? resolvedValue;\n\tconst initialPickerValue = normalizeHexColor(resolvedValue) ?? '#000000';\n\tconst [pickerValue, setPickerValue] = React.useState(initialPickerValue);\n\tconst swatchRef = React.useRef<HTMLSpanElement>(null);\n\n\tReact.useLayoutEffect(() => {\n\t\tconst directHex = normalizeHexColor(resolvedPreview);\n\t\tif (directHex) {\n\t\t\tsetPickerValue(directHex);\n\t\t\treturn;\n\t\t}\n\t\tif (!swatchRef.current \|\| typeof window === 'undefined') return;\n\t\tsetPickerValue((current) => renderedColorToHex(swatchRef.current as HTMLElement, current));\n\t}, [resolvedPreview]);\n\n\tconst publishChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (value === undefined) setInternalValue(event.target.value);\n\t\tonChange?.(event);\n\t\tonValueChange?.(event.target.value);\n\t};\n\tconst publishPickerInput = (event: React.FormEvent<HTMLInputElement>) => {\n\t\tconst nextValue = hexColorToOklch(event.currentTarget.value);\n\t\tif (value === undefined) setInternalValue(nextValue);\n\t\tif (onChange) {\n\t\t\tconst normalizedEvent = {\n\t\t\t\t...event,\n\t\t\t\ttarget: { ...event.currentTarget, value: nextValue },\n\t\t\t\tcurrentTarget: { ...event.currentTarget, value: nextValue },\n\t\t\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\t\t\tonChange(normalizedEvent);\n\t\t}\n\t\tonValueChange?.(nextValue);\n\t};\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\tgap=\"sm\"\n\t\t\talign=\"center\"\n\t\t\twrap={false}\n\t\t\tclassName={cn(\n\t\t\t\t'color-input--component min-w-0 [&>.input--component]:min-w-0 [&>.input--component]:flex-1',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<label\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'color-input--picker relative shrink-0 cursor-pointer overflow-hidden rounded-radius border border-input bg-background shadow-xs',\n\t\t\t\t\t'focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50',\n\t\t\t\t\t'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50',\n\t\t\t\t\tpickerSizeClasses[size],\n\t\t\t\t)}\n\t\t\t\tdata-disabled={disabled \|\| readOnly \|\| undefined}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tref={swatchRef}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdata-user-color\n\t\t\t\t\tclassName=\"color-input--swatch absolute inset-1 rounded-[calc(var(--radius)-2px)]\"\n\t\t\t\t\tstyle={{ background: resolvedPreview \|\| 'transparent' }}\n\t\t\t\t/>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tvalue={pickerValue}\n\t\t\t\t\tdisabled={disabled \|\| readOnly}\n\t\t\t\t\taria-label={pickerAriaLabel ?? strings.chooseColor}\n\t\t\t\t\tonInput={publishPickerInput}\n\t\t\t\t\tclassName=\"color-input--native absolute inset-0 size-full cursor-pointer opacity-0\"\n\t\t\t\t/>\n\t\t\t</label>\n\t\t\t{/\n\t\t\t * `font-mono` keeps the hex value column-aligned; the size is left to\n\t\t\t * `Input` so the value matches every other control instead of\n\t\t\t * rendering a step smaller than its own label.\n\t\t\t /}\n\t\t\t<Input\n\t\t\t\t{...props}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tsize={size}\n\t\t\t\tvalue={resolvedValue}\n\t\t\t\tdisabled={disabled}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tonChange={publishChange}\n\t\t\t\tstrings={inputStrings}\n\t\t\t\tclassName=\"min-w-0 flex-1 font-mono\"\n\t\t\t/>\n\t\t</Stack>\n\t);\n});\n\nColorInput.displayName = 'ColorInput';\n","import { sliderTrackThickness } from '../../../lib/track-recipes';\nimport as React from 'react';\nimport { useCallback, useId, useMemo, type ElementRef } from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface SliderStrings {\n\t/** Accessible fallback name for the native range input. /\n\tariaLabel: string;\n}\n\nexport const defaultSliderStrings: SliderStrings = {\n\tariaLabel: 'Value',\n};\n\nexport interface SliderImitationEvent {\n\ttarget: {\n\t\tname: string;\n\t\tvalue: number;\n\t};\n}\n\nexport interface SliderProps {\n\t/* Field name for form integration /\n\tname?: string;\n\n\t/* Element id /\n\tid?: string;\n\n\t/* Accessible name when a visible label is not associated with the slider. /\n\t'aria-label'?: string;\n\t/* Id of the visible label associated with the slider. /\n\t'aria-labelledby'?: string;\n\t/* Id of supporting or validation copy associated with the slider. /\n\t'aria-describedby'?: string;\n\t/* Localizes the fallback native-range name. /\n\tstrings?: StringsProp<SliderStrings>;\n\n\t/* Current value (single thumb) /\n\tvalue?: number;\n\n\t/* Default value when uncontrolled /\n\tdefaultValue?: number;\n\n\t/* Minimum value. Defaults to 0 /\n\tmin?: number;\n\n\t/* Maximum value. Defaults to 100 /\n\tmax?: number;\n\n\t/* Step increment. Defaults to 1 /\n\tstep?: number;\n\n\t/* Whether the slider is disabled /\n\tdisabled?: boolean;\n\n\t/* Error state for styling (passed from FormField) /\n\tinvalid?: boolean;\n\n\t/* Event-style change handler for react-hook-form compatibility /\n\tonChange?: (event: SliderImitationEvent) => void;\n\n\t/* Raw value change handler (alternative to onChange) /\n\tonValueChange?: (value: number) => void;\n\n\t/* Fires on pointer up / keyboard commit /\n\tonValueCommitted?: (value: number) => void;\n\n\t/* Show the current value next to the slider /\n\tshowValue?: boolean;\n\n\t/* Format the displayed value /\n\tformatValue?: (value: number) => string;\n\n\t/* Unit suffix displayed after the value (e.g. \"px\", \"%\", \"mm\") /\n\tunit?: string;\n\n\t/* Additional class name for the root wrapper /\n\tclassName?: string;\n\n\t/* Orientation /\n\torientation?: 'horizontal' \| 'vertical';\n}\n\ntype SliderElement = ElementRef<typeof SliderPrimitive.Root>;\n\nfunction SliderFieldImpl(\n\t{\n\t\tname,\n\t\tid,\n\t\t'aria-label': ariaLabel,\n\t\t'aria-labelledby': ariaLabelledBy,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\tstrings: stringsProp,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep = 1,\n\t\tdisabled = false,\n\t\tinvalid = false,\n\t\tonChange,\n\t\tonValueChange,\n\t\tonValueCommitted,\n\t\tshowValue = false,\n\t\tformatValue,\n\t\tunit,\n\t\tclassName,\n\t\torientation = 'horizontal',\n\t}: SliderProps,\n\tref: React.ForwardedRef<SliderElement>,\n) {\n\tconst generatedId = useId();\n\tconst strings = useStrings(defaultSliderStrings, stringsProp);\n\tconst resolvedId = id ?? `slider-${generatedId}`;\n\tconst resolvedName = name ?? resolvedId;\n\tconst resolvedAriaLabel = ariaLabel ?? strings.ariaLabel;\n\n\tconst handleValueChange = useCallback(\n\t\t(newValue: number \| readonly number[]) => {\n\t\t\tconst singleValue = Array.isArray(newValue) ? newValue[0] : newValue;\n\n\t\t\tonValueChange?.(singleValue);\n\n\t\t\tonChange?.({\n\t\t\t\ttarget: { name: resolvedName, value: singleValue },\n\t\t\t});\n\t\t},\n\t\t[resolvedName, onChange, onValueChange]\n\t);\n\n\tconst handleValueCommitted = useCallback(\n\t\t(newValue: number \| readonly number[]) => {\n\t\t\tconst singleValue = Array.isArray(newValue) ? newValue[0] : newValue;\n\t\t\tonValueCommitted?.(singleValue);\n\t\t},\n\t\t[onValueCommitted]\n\t);\n\n\tconst displayValue = useMemo(() => {\n\t\tif (!showValue) return null;\n\n\t\tconst currentValue = value ?? defaultValue ?? min;\n\n\t\tif (formatValue) return formatValue(currentValue);\n\n\t\treturn unit ? `${currentValue}${unit}` : String(currentValue);\n\t}, [showValue, value, defaultValue, min, formatValue, unit]);\n\n\t// Wrap single value in array for the primitive\n\tconst sliderValue = value !== undefined ? [value] : undefined;\n\tconst sliderDefaultValue = defaultValue !== undefined ? [defaultValue] : [min];\n\n\treturn (\n\t\t<div className={cn('slider--component', 'flex items-center gap-space-lg', className)}>\n\t\t\t<SliderPrimitive.Root\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"slider\"\n\t\t\t\tid={resolvedId}\n\t\t\t\taria-label={resolvedAriaLabel}\n\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\tvalue={sliderValue}\n\t\t\t\tdefaultValue={sliderDefaultValue}\n\t\t\t\tmin={min}\n\t\t\t\tmax={max}\n\t\t\t\tstep={step}\n\t\t\t\tdisabled={disabled}\n\t\t\t\torientation={orientation}\n\t\t\t\tonValueChange={handleValueChange}\n\t\t\t\tonValueCommitted={handleValueCommitted}\n\t\t\t\taria-invalid={invalid \|\| undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'box-border data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-control data-[orientation=vertical]:h-full',\n\t\t\t\t\t'min-w-0 flex-1',\n\t\t\t\t\tinvalid && '[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=horizontal]:min-h-control data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\">\n\t\t\t\t\t<SliderPrimitive.Track\n\t\t\t\t\t\tdata-slot=\"slider-track\"\n\t\t\t\t\t\tclassName={cn('relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full', sliderTrackThickness)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SliderPrimitive.Indicator\n\t\t\t\t\t\t\tdata-slot=\"slider-range\"\n\t\t\t\t\t\t\tclassName=\"absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SliderPrimitive.Track>\n\t\t\t\t\t<SliderPrimitive.Thumb\n\t\t\t\t\t\tindex={0}\n\t\t\t\t\t\tdata-slot=\"slider-thumb\"\n\t\t\t\t\t\tgetAriaLabel={() => resolvedAriaLabel}\n\t\t\t\t\t\tclassName=\"block size-icon shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n\t\t\t\t\t/>\n\t\t\t\t</SliderPrimitive.Control>\n\t\t\t</SliderPrimitive.Root>\n\n\t\t\t{!!showValue && displayValue !== null && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype={invalid ? 'error' : 'secondary'}\n\t\t\t\t\tclassName=\"min-w-8 shrink-0 text-right tabular-nums\"\n\t\t\t\t>\n\t\t\t\t\t{displayValue}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst SliderField = React.forwardRef<SliderElement, SliderProps>(SliderFieldImpl);\nSliderField.displayName = 'SliderField';\n\nexport { SliderField };\n","import { forwardRef, useCallback } from 'react';\nimport { DatePicker } from '../date-pickers/date-picker';\nimport type { DateOutput } from '../date-pickers/datepicker.types';\n\nexport interface DateTimeInputProps {\n\t/* Controlled value (ISO string) /\n\tvalue?: string;\n\n\t/* Change handler /\n\tonValueChange?: (value: string \| undefined) => void;\n\n\t/* Placeholder text /\n\tplaceholder?: string;\n\n\t/* Display format for the date /\n\treadableFormat?: string;\n\n\t/* Step for time selection in minutes /\n\tstepMinutes?: number;\n\n\t/* Use modal for picker /\n\tmodal?: boolean;\n\n\t/* Error state for styling (passed from FormField) /\n\tinvalid?: boolean;\n\n\t/* Disabled state */\n\tdisabled?: boolean;\n}\n\nexport const DateTimeInput = forwardRef<HTMLDivElement, DateTimeInputProps>(function DateTimeInput({\n\tvalue,\n\tonValueChange,\n\tplaceholder,\n\treadableFormat = 'dd-MM-yyyy HH:mm',\n\tstepMinutes = 30,\n\tmodal = true,\n\tinvalid,\n\tdisabled,\n}: DateTimeInputProps, ref) {\n\tconst dateValue = value ? new Date(value) : undefined;\n\tconst errorValue = invalid ? ' ' : undefined;\n\n\tconst handleChange = useCallback(\n\t\t(output: DateOutput) => {\n\t\t\tonValueChange?.(output.date ? output.date.toISOString() : undefined);\n\t\t},\n\t\t[onValueChange]\n\t);\n\n\treturn (\n\t\t<DatePicker ref={ref} className=\"date-time-input--component\"\n\t\t\tmode=\"single\"\n\t\t\tdisabled={disabled}\n\t\t\terror={errorValue}\n\t\t\tplaceholder={placeholder}\n\t\t\tvalue={dateValue}\n\t\t\tonValueChange={handleChange}\n\t\t\treadableFormat={readableFormat}\n\t\t\twithTime={{ enabled: true, format: '24', step: stepMinutes }}\n\t\t\tmodal={modal}\n\t\t/>\n\t);\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"mappings":"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"}

package/dist/{workspace-Cbqz4FzN.js → workspace-C1PZmk8L.js} RENAMED Viewed

@@ -3,12 +3,12 @@ import { useStrings as e } from "./lib/strings.js";
 import { t } from "./utils-C2EKeIw3.js";
 import { n } from "./buttons-Co6GavvM.js";
 import { a as r, i, r as a } from "./typography-Cv8MT-82.js";
-import { t as o } from "./structure-BvW4vG4H.js";
-import { r as s } from "./feedback-a9j9J-9A.js";
+import { t as o } from "./structure-MvKVq-oL.js";
+import { t as s } from "./progress-BOe8l_FZ.js";
 import { _ as c, g as l } from "./primitives-DKPOGVpj.js";
 import { t as u } from "./badge-BZXZT9wd.js";
 import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "./item-pJ0GsOiJ.js";
-import { d as v } from "./hooks-D6UBVzf2.js";
+import { d as v } from "./hooks-CM1Vp9Pe.js";
 import * as y from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 import { Check as C, Circle as w, CircleAlert as T } from "lucide-react";
@@ -399,4 +399,4 @@ R.displayName = "WorkspaceLocaleStrip";
 //#endregion
 export { O as a, I as i, R as n, D as o, L as r, E as s, F as t };
-//# sourceMappingURL=workspace-Cbqz4FzN.js.map
+//# sourceMappingURL=workspace-C1PZmk8L.js.map