themelia-react-ui 2.0.1 → 2.0.3

package/dist/code-block-DeneBJR_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-DeneBJR_.js","names":["Text","resolveTextClassNames","focusRecipes","Stack","toneRecipes","surfaceDividerRecipes","MonoValue","useCodeCopy","copied","setCopied","useState","failed","setFailed","mounted","useRef","attempt","timer","useEffect","source","request","text","error","onCopyError","defaultCodeBlockStrings","CodeBlock","forwardRef","wrapProp","stringsProp","props","strings","useStrings","uncontrolledWrap","setWrap","defaultWrap","wrap","code","lines","first","startLine","hasDiff","diffLines","highlights","highlightLines","focus","focusLines","handleWrap","onWrapChange","cn","className","hideHeader","headerStart","filename","language","headerActions","showWrapToggle","Button","WrapText","hideCopy","copy","onCopy","jsx","Check","Copy","maxHeight","number","index","highlighted","focused","diff","showLineNumbers","renderLine"],"sources":["../src/components/base/code-block/use-code-copy.ts","../src/components/base/code-block/code-block.types.ts","../src/components/base/code-block/code-block.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** Clipboard lifecycle for code display; callbacks and text stay per mount. */\nexport function useCodeCopy(source: string, onCopyError?: (error: unknown) => void) {\n\tconst [copied, setCopied] = useState(false);\n\tconst [failed, setFailed] = useState(false);\n\tconst mounted = useRef(false);\n\tconst attempt = useRef(0);\n\tconst timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t\tattempt.current += 1;\n\t\t\tclearTimeout(timer.current);\n\t\t};\n\t}, [source]);\n\n\tconst copy = async (text: string) => {\n\t\tconst request = ++attempt.current;\n\t\tclearTimeout(timer.current);\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\ttry {\n\t\t\tif (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) {\n\t\t\t\tthrow new Error('Clipboard unavailable');\n\t\t\t}\n\t\t\tawait navigator.clipboard.writeText(text);\n\t\t} catch (error) {\n\t\t\tif (mounted.current && request === attempt.current) {\n\t\t\t\tsetFailed(true);\n\t\t\t\tonCopyError?.(error);\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (!mounted.current || request !== attempt.current) return false;\n\t\tsetCopied(true);\n\t\ttimer.current = setTimeout(() => setCopied(false), 1500);\n\t\treturn true;\n\t};\n\n\treturn { copied, failed, copy };\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nexport interface CodeBlockStrings {\n copyAria: string; copied: string; copyError: string; defaultLanguageLabel: string; wrap: string; contentAria: string;\n}\nexport const defaultCodeBlockStrings: CodeBlockStrings = {\n copyAria: 'Copy code', copied: 'Copied', copyError: 'Could not copy. Please try again.', defaultLanguageLabel: 'Code', wrap: 'Wrap lines', contentAria: 'Code content',\n};\nexport interface CodeBlockLine {\n /** Source text, always used for copying even when a renderLine is supplied. */\n text: string;\n /** Source line number, starting at startLine. */\n number: number;\n highlighted: boolean;\n focused: boolean;\n diff?: 'add' | 'remove';\n}\nexport interface CodeBlockProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onCopy'> {\n code: string;\n language?: string;\n filename?: string;\n showLineNumbers?: boolean;\n /** First displayed line number. @default 1 */\n startLine?: number;\n highlightLines?: readonly number[];\n /** Dim other lines. Hover/focus restores context. Source numbers are one based. */\n focusLines?: readonly number[];\n diffLines?: Readonly<Record<number, 'add' | 'remove'>>;\n /** Caller-prepared syntax rendering, e.g. token spans. Plain text is server safe and escaped by React. Never pass untrusted HTML. */\n renderLine?: (line: CodeBlockLine) => ReactNode;\n hideHeader?: boolean;\n hideCopy?: boolean;\n maxHeight?: number | string;\n headerStart?: ReactNode;\n headerActions?: ReactNode;\n wrap?: boolean;\n defaultWrap?: boolean;\n onWrapChange?: (wrap: boolean) => void;\n showWrapToggle?: boolean;\n onCopy?: (code: string) => void;\n onCopyError?: (error: unknown) => void;\n strings?: StringsProp<CodeBlockStrings>;\n}\n","import { forwardRef, useState } from 'react';\nimport { Check, Copy, WrapText } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { MonoValue } from '../../primitives';\nimport { cn } from '../../../lib/utils';\nimport { useStrings } from '../../../lib/strings';\nimport { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { useCodeCopy } from './use-code-copy';\nimport { defaultCodeBlockStrings, type CodeBlockProps } from './code-block.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { toneRecipes } from '../../../lib/tone-recipes';\n\n/** Generic code display. Consumers own highlighting; source text remains the copy payload. */\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock({\n code, language, filename, showLineNumbers = false, startLine = 1, highlightLines, focusLines, diffLines, renderLine,\n hideHeader = false, hideCopy = false, maxHeight, headerStart, headerActions, wrap: wrapProp, defaultWrap = false, onWrapChange, showWrapToggle = false,\n onCopy, onCopyError, strings: stringsProp, className, ...props\n}, ref) {\n const strings = useStrings(defaultCodeBlockStrings, stringsProp);\n const [uncontrolledWrap, setWrap] = useState(defaultWrap);\n const wrap = wrapProp ?? uncontrolledWrap;\n const { copied, failed, copy } = useCodeCopy(code, onCopyError);\n const lines = code.split('\\n');\n const first = Number.isFinite(startLine) ? Math.max(1, Math.trunc(startLine)) : 1;\n const hasDiff = Object.keys(diffLines ?? {}).length > 0;\n const highlights = new Set(highlightLines); const focus = new Set(focusLines);\n const handleWrap = () => { if (wrapProp === undefined) setWrap(!wrap); onWrapChange?.(!wrap); };\n return <div {...props} ref={ref} data-wrap={wrap || undefined} className={cn('code-block--component group/code-block box-border w-full min-w-0 max-w-full overflow-hidden rounded-radius bg-card text-card-foreground', surfaceDividerRecipes.frame.shell, className)}>\n  {!hideHeader && <Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" wrap className={cn('code-block--header p-surface-xs bg-muted text-muted-foreground', surfaceDividerRecipes.frame.header)}>\n   {headerStart}\n   <MonoValue className=\"min-w-0 truncate\">{filename || language || strings.defaultLanguageLabel}</MonoValue>\n   {filename && language && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{language}</Text>}\n   <Stack direction=\"horizontal\" align=\"center\" gap=\"xs\" className=\"ms-auto shrink-0\">\n    {headerActions}\n    {showWrapToggle && <Button type=\"button\" size=\"sm\" iconOnly tone=\"secondary\" buttonStyle=\"ghost\" aria-label={strings.wrap} aria-pressed={wrap} onClick={handleWrap}><WrapText aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {!hideCopy && <Button type=\"button\" size=\"sm\" iconOnly tone=\"secondary\" buttonStyle=\"ghost\" aria-label={copied ? strings.copied : strings.copyAria} onClick={async () => { if (await copy(code)) onCopy?.(code); }}>{copied ? <Check aria-hidden=\"true\" className=\"size-icon-sm\" /> : <Copy aria-hidden=\"true\" className=\"size-icon-sm\" />}</Button>}\n   </Stack>\n  </Stack>}\n  <div className={`code-block--viewport min-w-0 max-w-full overflow-auto focus-visible:outline-none ${focusRecipes.inset}`} tabIndex={0} role=\"region\" aria-label={strings.contentAria} style={maxHeight !== undefined ? { maxHeight } : undefined}>\n   <pre dir=\"ltr\" className={cn(resolveTextClassNames({ lineHeight: 'relaxed' }), 'code-block--pre m-0 p-surface font-mono text-inherit')}><code className=\"block\">\n    {lines.map((text, index) => {\n     const number = first + index; const highlighted = highlights.has(number); const focused = focus.size === 0 || focus.has(number); const diff = diffLines?.[number];\n     return <span key={number} data-code-line={number} data-highlighted={highlighted || undefined} data-focused={focused ? 'true' : 'false'} data-diff={diff} className={cn('code-block--line flex min-w-0 gap-space-sm', highlighted && 'bg-accent text-accent-foreground', diff === 'add' && toneRecipes.success.wash, diff === 'remove' && toneRecipes.destructive.wash, !focused && 'opacity-50 group-hover/code-block:opacity-100 group-focus-within/code-block:opacity-100')}>\n      {showLineNumbers && <Text tag=\"span\" size=\"inherit\" type=\"secondary\" numeric aria-hidden=\"true\" style={{ minWidth: `${String(first + lines.length - 1).length}ch` }} className=\"code-block--number select-none shrink-0 text-right\">{number}</Text>}\n      {/* A tinted line keeps the source legible; the marker carries the status ink. */}\n      {hasDiff && <Text tag=\"span\" size=\"inherit\" aria-hidden=\"true\" className={cn('code-block--diff font-mono select-none shrink-0', diff === 'add' ? 'text-success' : diff === 'remove' ? 'text-destructive' : 'text-inherit')}>{diff === 'add' ? '+' : diff === 'remove' ? '−' : '\\u00a0'}</Text>}\n      <Text tag=\"span\" size=\"inherit\" lineHeight=\"relaxed\" className={cn('code-block--text font-mono block min-w-0 flex-1 text-inherit', wrap ? 'whitespace-pre-wrap break-words' : 'whitespace-pre')}>{renderLine ? renderLine({ text, number, highlighted, focused, diff }) : text || '\\u00a0'}</Text>\n     </span>;\n    })}\n   </code></pre>\n  </div>\n  {failed && <div className=\"p-surface-xs\"><Text role=\"alert\" size=\"xs\" type=\"error\">{strings.copyError}</Text></div>}\n </div>;\n});\nCodeBlock.displayName = 'CodeBlock';\n"],"mappings":"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"}

package/dist/{collapsible-D8AEGU1-.js → collapsible-C-_l4hpy.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-l5LpDw2z.js";
-import { s as t } from "./typography-DTRkE9zL.js";
+import { t as e } from "./utils-BRhFDwuU.js";
+import { c as t } from "./typography-UTnveOEy.js";
 import { t as n } from "./motion-recipes-ChBg4HBq.js";
 import { t as r } from "./slot-CLF9kLrS.js";
 import { t as i } from "./disclosure-panel-B0HFNZ9x.js";
@@ -78,4 +78,4 @@ f.displayName = "Collapsible", p.displayName = "CollapsibleTrigger", m.displayNa
 //#endregion
 export { m as n, p as r, f as t };
 
-//# sourceMappingURL=collapsible-D8AEGU1-.js.map
+//# sourceMappingURL=collapsible-C-_l4hpy.js.map

package/dist/{collapsible-D8AEGU1-.js.map → collapsible-C-_l4hpy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"collapsible-D8AEGU1-.js","names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","React","CollapsibleContent","Collapsible","CollapsiblePrimitive","CollapsibleTriggerPrimitive","CollapsibleContentPrimitive","cn","Text","motionRecipes","Slot","DisclosurePanelElement","React$1","Collapsible$2","props","Collapsible","CollapsibleTrigger$1","slotRender","asChild","safeRender","render","_nativeButton","rest","renderProps","state","inferredNativeButton","children","resolvedNativeButton","nativeButton","CollapsibleContent$1","className","panelProps","isSimpleText","value","Collapsible$1","CollapsibleTrigger","CollapsibleContent"],"sources":["../src/components/ui/collapsible.tsx","../src/components/base/display/collapsible.tsx"],"sourcesContent":["import { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { cn } from '../../lib/utils';\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\nimport * as React from \"react\"\n\nimport { Slot } from \"./slot\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  asChild = false,\n  nativeButton,\n  render,\n  children,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props & { asChild?: boolean; nativeButton?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: CollapsiblePrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n  let inferredNativeButton = true\n  if (asChild && React.isValidElement(children)) {\n    if (typeof children.type === \"string\") {\n      inferredNativeButton = children.type === \"button\"\n    } else {\n      const childProps = (children.props ?? {}) as Record<string, unknown>\n      inferredNativeButton = !(\"href\" in childProps)\n    }\n  }\n  const resolvedNativeButton = nativeButton ?? (asChild ? inferredNativeButton : true)\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      render={slotRender ?? safeRender}\n      nativeButton={resolvedNativeButton}\n      {...props}\n    >\n      {children}\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\nfunction CollapsibleContent({ className, render, ...props }: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" className={cn(\"box-border h-(--collapsible-panel-height)\", motionRecipes.disclosure, className)} {...props} render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--collapsible-panel-height\" />} />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","/** Tokenized base wrappers for inline disclosure behavior. */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tCollapsible as CollapsiblePrimitive,\n\tCollapsibleContent as CollapsibleContentPrimitive,\n\tCollapsibleTrigger as CollapsibleTriggerPrimitive,\n} from '../../ui/collapsible';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive>;\nexport type CollapsibleTriggerProps = ComponentProps<typeof CollapsibleTriggerPrimitive>;\nexport type CollapsibleContentProps = ComponentProps<typeof CollapsibleContentPrimitive>;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Root disclosure state. Supports controlled and uncontrolled open state. */\nexport function Collapsible({ className, ...props }: CollapsibleProps) {\n\treturn (\n\t\t<CollapsiblePrimitive\n\t\t\tclassName={cn('collapsible--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/** Consumer-blocks control that toggles the disclosure panel. */\nexport function CollapsibleTrigger({ className, children, ...props }: CollapsibleTriggerProps) {\n\treturn (\n\t\t<CollapsibleTriggerPrimitive\n\t\t\tclassName={cn('collapsible-trigger--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</CollapsibleTriggerPrimitive>\n\t);\n}\n\n/** Mount-aware disclosure panel. The caller owns its surface and content. */\nexport function CollapsibleContent({ className, children, ...props }: CollapsibleContentProps) {\n\treturn (\n\t\t<CollapsibleContentPrimitive\n\t\t\tclassName={cn('collapsible-content--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</CollapsibleContentPrimitive>\n\t);\n}\n\nCollapsible.displayName = 'Collapsible';\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"mappings":";;;;;;;;;;AAQA,SAASA,EAAY,EAAE,GAAGgB,KAA0C;CAClE,OAAO,kBAACf,EAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAIe;CAAQ,CAAA;AACxE;AAEA,SAASd,EAAmB,EAC1B,aAAU,IACV,iBACA,WACA,aACA,GAAGc,KACkF;CACrF,IAAMG,IAAaC,IAAU,kBAACR,GAAD,CAAO,CAAA,IAAI,KAAA,GAClCS,IAA2D,OAAOC,KAAW,eAC7E,GAAa,MAAU;EACzB,IAAM,EAAE,cAAcC,GAAe,GAAGC,MAASC;EAEjD,OAAOH,EAAOE,GAA4BE,CAAK;CACjD,KACEJ,GACAK,IAAuB;CAC3B,AAAIP,KAAWjB,EAAM,eAAeyB,CAAQ,MAC1C,AAIED,IAJE,OAAOC,EAAS,QAAS,WACJA,EAAS,SAAS,WAGlB,EAAE,WADLA,EAAS,SAAS,CAAC;CAI3C,IAAMC,IAAuBC,MAAiB,MAAUH;CACxD,OACE,kBAAC1B,EAAqB,SAAtB;EACE,aAAU;EACV,QAAQkB,KAAcE;EACtB,cAAcQ;EACd,GAAIb;EAEH;CAC2B,CAAA;AAElC;AAEA,SAASZ,EAAmB,EAAE,cAAW,WAAQ,GAAGY,KAA2C;CAC7F,OACE,kBAACf,EAAqB,OAAtB;EAA4B,aAAU;EAAsB,WAAWQ,EAAG,6CAA6CE,EAAc,YAAYqB,CAAS;EAAG,GAAIhB;EAAO,SAAS,GAAY,MAAU,kBAACH,GAAD;GAAwB,OAAOoB;GAAmB;GAAe;GAAQ,gBAAe;EAA8B,CAAA;CAAI,CAAA;AAErU;;;ACtCA,SAASC,EAAa,GAAqD;CAC1E,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgB9B,EAAY,EAAE,cAAW,GAAGW,KAA2B;CACtE,OACC,kBAACV,GAAD;EACC,WAAWG,EAAG,0BAA0BuB,CAAS;EACjD,GAAIhB;CACJ,CAAA;AAEH;AAGA,SAAgBqB,EAAmB,EAAE,cAAW,aAAU,GAAGrB,KAAkC;CAC9F,OACC,kBAACT,GAAD;EACC,WAAWE,EAAG,wDAAwDuB,CAAS;EAC/E,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IACrB,kBAAClB,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAO;GAAS,YAAW;GAAQ,WAAU;GAC3E;EACI,CAAA,IACHkB;CACwB,CAAA;AAE/B;AAGA,SAAgBU,EAAmB,EAAE,cAAW,aAAU,GAAGtB,KAAkC;CAC9F,OACC,kBAACR,GAAD;EACC,WAAWC,EAAG,kCAAkCuB,CAAS;EACzD,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IAAI,kBAAClB,GAAD,EAAO,YAAe,CAAA,IAAIkB;CACxB,CAAA;AAE/B;AAEA,EAAY,cAAc,eAC1B,EAAmB,cAAc,sBACjC,EAAmB,cAAc"}
+{"version":3,"file":"collapsible-C-_l4hpy.js","names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","React","CollapsibleContent","Collapsible","CollapsiblePrimitive","CollapsibleTriggerPrimitive","CollapsibleContentPrimitive","cn","Text","motionRecipes","Slot","DisclosurePanelElement","React$1","Collapsible$2","props","Collapsible","CollapsibleTrigger$1","slotRender","asChild","safeRender","render","_nativeButton","rest","renderProps","state","inferredNativeButton","children","resolvedNativeButton","nativeButton","CollapsibleContent$1","className","panelProps","isSimpleText","value","Collapsible$1","CollapsibleTrigger","CollapsibleContent"],"sources":["../src/components/ui/collapsible.tsx","../src/components/base/display/collapsible.tsx"],"sourcesContent":["import { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { cn } from '../../lib/utils';\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\nimport * as React from \"react\"\n\nimport { Slot } from \"./slot\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  asChild = false,\n  nativeButton,\n  render,\n  children,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props & { asChild?: boolean; nativeButton?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: CollapsiblePrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n  let inferredNativeButton = true\n  if (asChild && React.isValidElement(children)) {\n    if (typeof children.type === \"string\") {\n      inferredNativeButton = children.type === \"button\"\n    } else {\n      const childProps = (children.props ?? {}) as Record<string, unknown>\n      inferredNativeButton = !(\"href\" in childProps)\n    }\n  }\n  const resolvedNativeButton = nativeButton ?? (asChild ? inferredNativeButton : true)\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      render={slotRender ?? safeRender}\n      nativeButton={resolvedNativeButton}\n      {...props}\n    >\n      {children}\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\nfunction CollapsibleContent({ className, render, ...props }: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" className={cn(\"box-border h-(--collapsible-panel-height)\", motionRecipes.disclosure, className)} {...props} render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--collapsible-panel-height\" />} />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","/** Tokenized base wrappers for inline disclosure behavior. */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tCollapsible as CollapsiblePrimitive,\n\tCollapsibleContent as CollapsibleContentPrimitive,\n\tCollapsibleTrigger as CollapsibleTriggerPrimitive,\n} from '../../ui/collapsible';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive>;\nexport type CollapsibleTriggerProps = ComponentProps<typeof CollapsibleTriggerPrimitive>;\nexport type CollapsibleContentProps = ComponentProps<typeof CollapsibleContentPrimitive>;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Root disclosure state. Supports controlled and uncontrolled open state. */\nexport function Collapsible({ className, ...props }: CollapsibleProps) {\n\treturn (\n\t\t<CollapsiblePrimitive\n\t\t\tclassName={cn('collapsible--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/** Consumer-blocks control that toggles the disclosure panel. */\nexport function CollapsibleTrigger({ className, children, ...props }: CollapsibleTriggerProps) {\n\treturn (\n\t\t<CollapsibleTriggerPrimitive\n\t\t\tclassName={cn('collapsible-trigger--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</CollapsibleTriggerPrimitive>\n\t);\n}\n\n/** Mount-aware disclosure panel. The caller owns its surface and content. */\nexport function CollapsibleContent({ className, children, ...props }: CollapsibleContentProps) {\n\treturn (\n\t\t<CollapsibleContentPrimitive\n\t\t\tclassName={cn('collapsible-content--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</CollapsibleContentPrimitive>\n\t);\n}\n\nCollapsible.displayName = 'Collapsible';\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"mappings":";;;;;;;;;;AAQA,SAASA,EAAY,EAAE,GAAGgB,KAA0C;CAClE,OAAO,kBAACf,EAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAIe;CAAQ,CAAA;AACxE;AAEA,SAASd,EAAmB,EAC1B,aAAU,IACV,iBACA,WACA,aACA,GAAGc,KACkF;CACrF,IAAMG,IAAaC,IAAU,kBAACR,GAAD,CAAO,CAAA,IAAI,KAAA,GAClCS,IAA2D,OAAOC,KAAW,eAC7E,GAAa,MAAU;EACzB,IAAM,EAAE,cAAcC,GAAe,GAAGC,MAASC;EAEjD,OAAOH,EAAOE,GAA4BE,CAAK;CACjD,KACEJ,GACAK,IAAuB;CAC3B,AAAIP,KAAWjB,EAAM,eAAeyB,CAAQ,MAC1C,AAIED,IAJE,OAAOC,EAAS,QAAS,WACJA,EAAS,SAAS,WAGlB,EAAE,WADLA,EAAS,SAAS,CAAC;CAI3C,IAAMC,IAAuBC,MAAiB,MAAUH;CACxD,OACE,kBAAC1B,EAAqB,SAAtB;EACE,aAAU;EACV,QAAQkB,KAAcE;EACtB,cAAcQ;EACd,GAAIb;EAEH;CAC2B,CAAA;AAElC;AAEA,SAASZ,EAAmB,EAAE,cAAW,WAAQ,GAAGY,KAA2C;CAC7F,OACE,kBAACf,EAAqB,OAAtB;EAA4B,aAAU;EAAsB,WAAWQ,EAAG,6CAA6CE,EAAc,YAAYqB,CAAS;EAAG,GAAIhB;EAAO,SAAS,GAAY,MAAU,kBAACH,GAAD;GAAwB,OAAOoB;GAAmB;GAAe;GAAQ,gBAAe;EAA8B,CAAA;CAAI,CAAA;AAErU;;;ACtCA,SAASC,EAAa,GAAqD;CAC1E,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgB9B,EAAY,EAAE,cAAW,GAAGW,KAA2B;CACtE,OACC,kBAACV,GAAD;EACC,WAAWG,EAAG,0BAA0BuB,CAAS;EACjD,GAAIhB;CACJ,CAAA;AAEH;AAGA,SAAgBqB,EAAmB,EAAE,cAAW,aAAU,GAAGrB,KAAkC;CAC9F,OACC,kBAACT,GAAD;EACC,WAAWE,EAAG,wDAAwDuB,CAAS;EAC/E,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IACrB,kBAAClB,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAO;GAAS,YAAW;GAAQ,WAAU;GAC3E;EACI,CAAA,IACHkB;CACwB,CAAA;AAE/B;AAGA,SAAgBU,EAAmB,EAAE,cAAW,aAAU,GAAGtB,KAAkC;CAC9F,OACC,kBAACR,GAAD;EACC,WAAWC,EAAG,kCAAkCuB,CAAS;EACzD,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IAAI,kBAAClB,GAAD,EAAO,YAAe,CAAA,IAAIkB;CACxB,CAAA;AAE/B;AAEA,EAAY,cAAc,eAC1B,EAAmB,cAAc,sBACjC,EAAmB,cAAc"}

package/dist/{collection-content-uK16Grv0.js → collection-content-By56pLog.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-l5LpDw2z.js";
-import { s as t } from "./typography-DTRkE9zL.js";
+import { t as e } from "./utils-BRhFDwuU.js";
+import { c as t } from "./typography-UTnveOEy.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/base/popover/collection-content.tsx
 function i(e) {
@@ -50,4 +50,4 @@ function o({ label: i, description: o, leading: s, trailing: c, leadingDecorativ
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=collection-content-uK16Grv0.js.map
+//# sourceMappingURL=collection-content-By56pLog.js.map

package/dist/{collection-content-uK16Grv0.js.map → collection-content-By56pLog.js.map}

@@ -1 +1 @@
-{"version":3,"file":"collection-content-uK16Grv0.js","names":["cn","Text","isScalar","value","CollectionLabel","children","className","CollectionContent","copyFlow","wrap","leading","leadingDecorative","leadingClassName","bodyClassName","labelClassName","label","description","descriptionClassName","trailing"],"sources":["../src/components/base/popover/collection-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isScalar(value: ReactNode) {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Presentation only. Interactive primitives retain identity and behavior. */\nexport function CollectionLabel({ children, className }: { children: ReactNode; className?: string }) {\n\tif (typeof children === 'string' && !children.trim()) return children;\n\tif (!isScalar(children)) return className ? <span className={className}>{children}</span> : children;\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('text-inherit text-start', className)}>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\ninterface CollectionContentProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tleading?: ReactNode;\n\ttrailing?: ReactNode;\n\tleadingDecorative?: boolean;\n\twrap?: boolean;\n\tclassName?: string;\n\tleadingClassName?: string;\n\tbodyClassName?: string;\n\tlabelClassName?: string;\n\tdescriptionClassName?: string;\n}\n\n/** Private copy grammar shared by option/action owners; rich slots are not cloned. */\nexport function CollectionContent({\n\tlabel, description, leading, trailing, leadingDecorative = false, wrap = false,\n\tclassName, leadingClassName, bodyClassName, labelClassName, descriptionClassName,\n}: CollectionContentProps) {\n\tconst copyFlow = wrap ? 'whitespace-normal wrap-anywhere' : 'truncate';\n\treturn (\n\t\t<span className={cn('collection-content--component flex min-w-0 flex-1 items-center gap-space-sm', className)}>\n\t\t\t{leading != null && leading !== false && (\n\t\t\t\t<span aria-hidden={leadingDecorative || undefined} className={cn('inline-flex shrink-0 items-center justify-center text-muted-foreground', leadingClassName)}>\n\t\t\t\t\t{leading}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<span className={cn('collection-content--copy flex min-w-0 flex-1 flex-col gap-dense', bodyClassName)}>\n\t\t\t\t<CollectionLabel className={cn('min-w-0', copyFlow, labelClassName)}>{label}</CollectionLabel>\n\t\t\t\t{description != null && description !== false && description !== '' && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\" className={cn('text-start', copyFlow, descriptionClassName)}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{trailing}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAASE,EAAS,GAAkB;CACnC,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CAGrG,OAFI,OAAOC,KAAa,YAAY,CAACA,EAAS,KAAK,IAAUA,IACxDH,EAASG,CAAQ,IAErB,kBAACJ,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAWD,EAAG,2BAA2BM,CAAS;EACnH;CACI,CAAA,IAJyBA,IAAY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA,IAAID;AAM7F;AAiBA,SAAgBE,EAAkB,EACjC,UAAO,gBAAa,YAAS,aAAU,uBAAoB,IAAO,UAAO,IACzE,cAAW,qBAAkB,kBAAe,mBAAgB,2BAClC;CAC1B,IAAMC,IAAWC,IAAO,oCAAoC;CAC5D,OACC,kBAAC,QAAD;EAAM,WAAWT,EAAG,+EAA+EM,CAAS;EAA5G,UAAA;GACEI,KAAW,QAAQA,MAAY,MAC/B,kBAAC,QAAD;IAAM,eAAaC,KAAqB,KAAA;IAAW,WAAWX,EAAG,0EAA0EY,CAAgB;IACzJ,UAAAF;GACI,CAAA;GAEP,kBAAC,QAAD;IAAM,WAAWV,EAAG,mEAAmEa,CAAa;IAApG,UAAA,CACC,kBAACT,GAAD;KAAiB,WAAWJ,EAAG,WAAWQ,GAAUM,CAAc;KAAI,UAAAC;IAAuB,CAAA,GAC5FC,KAAe,QAAQA,MAAgB,MAASA,MAAgB,MAChE,kBAACf,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,YAAW;KAAQ,WAAWD,EAAG,cAAcQ,GAAUS,CAAoB;KACvH,UAAAD;IACI,CAAA,CAEF;;GACLE;EACI;;AAER"}
+{"version":3,"file":"collection-content-By56pLog.js","names":["cn","Text","isScalar","value","CollectionLabel","children","className","CollectionContent","copyFlow","wrap","leading","leadingDecorative","leadingClassName","bodyClassName","labelClassName","label","description","descriptionClassName","trailing"],"sources":["../src/components/base/popover/collection-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isScalar(value: ReactNode) {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Presentation only. Interactive primitives retain identity and behavior. */\nexport function CollectionLabel({ children, className }: { children: ReactNode; className?: string }) {\n\tif (typeof children === 'string' && !children.trim()) return children;\n\tif (!isScalar(children)) return className ? <span className={className}>{children}</span> : children;\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('text-inherit text-start', className)}>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\ninterface CollectionContentProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tleading?: ReactNode;\n\ttrailing?: ReactNode;\n\tleadingDecorative?: boolean;\n\twrap?: boolean;\n\tclassName?: string;\n\tleadingClassName?: string;\n\tbodyClassName?: string;\n\tlabelClassName?: string;\n\tdescriptionClassName?: string;\n}\n\n/** Private copy grammar shared by option/action owners; rich slots are not cloned. */\nexport function CollectionContent({\n\tlabel, description, leading, trailing, leadingDecorative = false, wrap = false,\n\tclassName, leadingClassName, bodyClassName, labelClassName, descriptionClassName,\n}: CollectionContentProps) {\n\tconst copyFlow = wrap ? 'whitespace-normal wrap-anywhere' : 'truncate';\n\treturn (\n\t\t<span className={cn('collection-content--component flex min-w-0 flex-1 items-center gap-space-sm', className)}>\n\t\t\t{leading != null && leading !== false && (\n\t\t\t\t<span aria-hidden={leadingDecorative || undefined} className={cn('inline-flex shrink-0 items-center justify-center text-muted-foreground', leadingClassName)}>\n\t\t\t\t\t{leading}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<span className={cn('collection-content--copy flex min-w-0 flex-1 flex-col gap-dense', bodyClassName)}>\n\t\t\t\t<CollectionLabel className={cn('min-w-0', copyFlow, labelClassName)}>{label}</CollectionLabel>\n\t\t\t\t{description != null && description !== false && description !== '' && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\" className={cn('text-start', copyFlow, descriptionClassName)}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{trailing}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAASE,EAAS,GAAkB;CACnC,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CAGrG,OAFI,OAAOC,KAAa,YAAY,CAACA,EAAS,KAAK,IAAUA,IACxDH,EAASG,CAAQ,IAErB,kBAACJ,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAWD,EAAG,2BAA2BM,CAAS;EACnH;CACI,CAAA,IAJyBA,IAAY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA,IAAID;AAM7F;AAiBA,SAAgBE,EAAkB,EACjC,UAAO,gBAAa,YAAS,aAAU,uBAAoB,IAAO,UAAO,IACzE,cAAW,qBAAkB,kBAAe,mBAAgB,2BAClC;CAC1B,IAAMC,IAAWC,IAAO,oCAAoC;CAC5D,OACC,kBAAC,QAAD;EAAM,WAAWT,EAAG,+EAA+EM,CAAS;EAA5G,UAAA;GACEI,KAAW,QAAQA,MAAY,MAC/B,kBAAC,QAAD;IAAM,eAAaC,KAAqB,KAAA;IAAW,WAAWX,EAAG,0EAA0EY,CAAgB;IACzJ,UAAAF;GACI,CAAA;GAEP,kBAAC,QAAD;IAAM,WAAWV,EAAG,mEAAmEa,CAAa;IAApG,UAAA,CACC,kBAACT,GAAD;KAAiB,WAAWJ,EAAG,WAAWQ,GAAUM,CAAc;KAAI,UAAAC;IAAuB,CAAA,GAC5FC,KAAe,QAAQA,MAAgB,MAASA,MAAgB,MAChE,kBAACf,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,YAAW;KAAQ,WAAWD,EAAG,cAAcQ,GAAUS,CAAoB;KACvH,UAAAD;IACI,CAAA,CAEF;;GACLE;EACI;;AAER"}

package/dist/combobox-DaHESuiL.js

@@ -0,0 +1,355 @@
+"use client";
+import { m as e } from "./ui-provider-C_U0Xma4.js";
+import { r as t } from "./theme-scope-BJ6eE2xt.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BRhFDwuU.js";
+import { t as i } from "./affordance-geometry.generated-tF36bREk.js";
+import { a } from "./text.styles-g4He6UIW.js";
+import { t as o } from "./anchored-positioning-DPnKTvNs.js";
+import { t as s } from "./motion-recipes-ChBg4HBq.js";
+import { a as c } from "./surface-recipes-BKRVW8Os.js";
+import { a as l, n as u, r as d, t as f } from "./popover.recipes-D3j8R8Yp.js";
+import { n as ee } from "./collection-content-By56pLog.js";
+import { t as te } from "./overlay.recipes-8GHqmlb4.js";
+import { t as p } from "./field-state-recipes-BVA2CWHo.js";
+import { n as m, r as h, t as g } from "./field-affordance-recipes-DZhnIL_Y.js";
+import { t as _ } from "./editable-text-recipe-Cn61kEcv.js";
+import * as v from "react";
+import { createElement as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CheckIcon as C, ChevronDownIcon as w } from "lucide-react";
+import { useRender as T } from "@base-ui/react/use-render";
+import { Combobox as E } from "@base-ui/react/combobox";
+//#region src/components/ui/combobox-dismiss.tsx
+var D = v.createContext("Dismiss");
+function O({ elementProps: e, render: t, edge: n, defaultTagName: r }) {
+	let i = v.useContext(D), a = v.useRef(null);
+	v.useLayoutEffect(() => {
+		let e = a.current, t = n === "before" ? e?.previousElementSibling : e?.nextElementSibling;
+		t?.matches("span[role=\"button\"][aria-label]") && t.style.clipPath === "inset(50%)" && t.getAttribute("aria-label") !== i && t.setAttribute("aria-label", i);
+	});
+	let o = T({
+		defaultTagName: r,
+		render: t,
+		props: { ...e }
+	}), s = /* @__PURE__ */ x("template", {
+		ref: a,
+		"data-combobox-dismiss-edge": n
+	});
+	return n === "before" ? /* @__PURE__ */ S(b, { children: [s, o] }) : /* @__PURE__ */ S(b, { children: [o, s] });
+}
+//#endregion
+//#region src/components/ui/combobox.tsx
+function k({ dismissLabel: e = "Dismiss", ...t }) {
+	return /* @__PURE__ */ x(D.Provider, {
+		value: e,
+		children: /* @__PURE__ */ x(E.Root, { ...t })
+	});
+}
+function A({ render: e, ...t }) {
+	return /* @__PURE__ */ x(E.Input, {
+		...t,
+		render: (t, n) => /* @__PURE__ */ x(O, {
+			elementProps: t,
+			edge: "before",
+			defaultTagName: "input",
+			render: typeof e == "function" ? (t) => e(t, n) : e
+		})
+	});
+}
+function j({ className: e, render: t, ...n }) {
+	return /* @__PURE__ */ x(A, {
+		"data-slot": "combobox-input",
+		className: r("font-sans text-foreground", "box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-control w-full min-w-0 rounded-inner border bg-background px-control shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", i.controlTextMinHeight, i.controlBlockPadding.md, _.md, p.focus, p.invalid, e),
+		...n,
+		render: t
+	});
+}
+function M({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ S(E.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: r("font-sans text-foreground", "box-border border-input file:text-foreground placeholder:text-muted-foreground flex h-control w-full items-center justify-between rounded-inner border bg-background px-control shadow-none transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "text-sm", i.controlTextMinHeight, i.controlBlockPadding.md, p.focus, p.invalid, "[&>span]:line-clamp-1", e),
+		...n,
+		children: [t, /* @__PURE__ */ x(E.Icon, {
+			className: "flex",
+			children: /* @__PURE__ */ x(w, { className: r(h.icon.md, "text-muted-foreground") })
+		})]
+	});
+}
+function N({ placeholder: e, ...t }) {
+	return /* @__PURE__ */ x(E.Value, {
+		"data-slot": "combobox-value",
+		placeholder: !!e && /* @__PURE__ */ x("span", {
+			className: "text-muted-foreground",
+			children: e
+		}),
+		...t
+	});
+}
+function P({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.Clear, {
+		"data-slot": "combobox-clear",
+		className: r(m.target, m.focus, m.clear, m.centered, "end-control-icon", e),
+		...t,
+		children: /* @__PURE__ */ x(g, {
+			"aria-hidden": "true",
+			className: m.icon
+		})
+	});
+}
+var F = {
+	sm: "h-control-sm ps-control-sm",
+	md: "h-control ps-control",
+	lg: "h-control-lg ps-control"
+};
+function I({ className: e, render: t, showClear: n = !1, clearLabel: a, toggleLabel: o, size: s = "md", error: c, ...l }) {
+	return /* @__PURE__ */ S("div", {
+		className: "relative h-fit",
+		children: [/* @__PURE__ */ x(A, {
+			"data-slot": "combobox-input",
+			className: r("font-sans text-foreground", "box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-inner border bg-background shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", p.focus, p.invalid, F[s], i.controlTextMinHeight, i.controlBlockPadding[s], _[s], n ? h.clearPadding[s] : h.padding[s], e),
+			"aria-invalid": c || void 0,
+			...l,
+			render: t
+		}), /* @__PURE__ */ S("div", {
+			className: r("absolute top-1/2 -translate-y-1/2 flex items-center gap-space-xs text-muted-foreground", h.track[s]),
+			children: [!!n && /* @__PURE__ */ x(E.Clear, {
+				"aria-label": a,
+				"data-slot": "combobox-clear",
+				className: r(m.target, m.focus, m.clear),
+				children: /* @__PURE__ */ x(g, {
+					"aria-hidden": "true",
+					className: m.icon
+				})
+			}), /* @__PURE__ */ x(E.Trigger, {
+				"aria-label": o,
+				className: r(m.target, m.focus, m.toggle),
+				children: /* @__PURE__ */ x(w, {
+					"aria-hidden": "true",
+					className: r("shrink-0", h.icon[s])
+				})
+			})]
+		})]
+	});
+}
+function L({ container: e, ...n }) {
+	let r = t(e);
+	return /* @__PURE__ */ x(E.Portal, {
+		container: r,
+		...n
+	});
+}
+function R({ className: e, positionMethod: t = o, sideOffset: n = 4, ...i }) {
+	return /* @__PURE__ */ x(E.Positioner, {
+		positionMethod: t,
+		"data-slot": "combobox-positioner",
+		sideOffset: n,
+		className: r("z-50 outline-none", e),
+		...i
+	});
+}
+function z({ className: e, render: t, ...n }) {
+	return /* @__PURE__ */ x(E.Popup, {
+		"data-slot": "combobox-popup",
+		className: r("w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]", "overflow-hidden rounded-radius bg-popover text-popover-foreground shadow-md", c.anchored.shell, "origin-[var(--transform-origin)]", s.popup, e),
+		...n,
+		render: (e, n) => /* @__PURE__ */ x(O, {
+			elementProps: e,
+			edge: "after",
+			defaultTagName: "div",
+			render: typeof t == "function" ? (e) => t(e, n) : t
+		})
+	});
+}
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.List, {
+		"data-slot": "combobox-list",
+		className: r("max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-surface-xs", "outline-none empty:hidden", e),
+		...t
+	});
+}
+var V = {
+	sm: "size-icon-sm",
+	md: "size-icon",
+	lg: "size-icon-lg"
+};
+function H({ className: e, children: t, size: n = "md", ...i }) {
+	return /* @__PURE__ */ S(E.Item, {
+		"data-slot": "combobox-item",
+		className: r("flex w-full cursor-default select-none items-center justify-between outline-none", e),
+		...i,
+		children: [/* @__PURE__ */ x("span", {
+			className: "flex min-w-0 flex-1 items-center gap-space-sm truncate",
+			children: t
+		}), /* @__PURE__ */ x(E.ItemIndicator, {
+			className: r("flex shrink-0 items-center justify-center", V[n]),
+			children: /* @__PURE__ */ x(C, { className: V[n] })
+		})]
+	});
+}
+function U({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ x(E.ItemIndicator, {
+		"data-slot": "combobox-item-indicator",
+		className: r(e),
+		...n,
+		children: t ?? /* @__PURE__ */ x(C, { className: "size-icon" })
+	});
+}
+function W({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ x(E.Empty, {
+		"data-slot": "combobox-empty",
+		className: r("px-row-x py-space-xl text-center text-sm text-muted-foreground empty:hidden", e),
+		...n,
+		children: t
+	});
+}
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.Status, {
+		"data-slot": "combobox-status",
+		className: r("flex items-center gap-space-sm px-row-x py-row-y text-sm text-muted-foreground empty:hidden", e),
+		...t
+	});
+}
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.Group, {
+		"data-slot": "combobox-group",
+		className: r("overflow-hidden p-0", e),
+		...t
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.GroupLabel, {
+		"data-slot": "combobox-group-label",
+		className: r("px-row-x py-row-y-sm text-xs font-medium text-muted-foreground", e),
+		...t
+	});
+}
+var q = E.Collection;
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.Separator, {
+		"data-slot": "combobox-separator",
+		className: r("my-space-xs h-px", c.anchored.separator, e),
+		...t
+	});
+}
+var Y = {
+	sm: "min-h-control-sm gap-space-xs px-control-sm py-space-xs text-sm",
+	md: "min-h-control gap-space-xs px-control py-space-xs text-sm",
+	lg: "min-h-control-lg gap-space-sm px-control py-space-xs text-sm"
+};
+function X({ className: e, size: t = "md", error: n, ...i }) {
+	return /* @__PURE__ */ x(E.Chips, {
+		"data-slot": "combobox-chips",
+		className: r("font-sans text-foreground", "box-border flex flex-wrap items-center rounded-inner border border-input bg-background shadow-none transition-[color,box-shadow] outline-none", "has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50", p.invalid, "aria-invalid:has-[:focus-visible]:border-destructive aria-invalid:has-[:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[:focus-visible]:ring-destructive/50", Y[t], e),
+		"aria-invalid": n || void 0,
+		...i
+	});
+}
+function Z({ className: e, children: t, removeLabel: n, ...i }) {
+	return /* @__PURE__ */ S(E.Chip, {
+		"data-slot": "combobox-chip",
+		className: r("inline-flex items-center gap-space-xs rounded-inner bg-secondary px-control-xs py-space-xs text-xs font-medium text-secondary-foreground", "data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground", "focus-within:bg-primary focus-within:text-primary-foreground", e),
+		...i,
+		children: [t, /* @__PURE__ */ x(E.ChipRemove, {
+			"aria-label": n,
+			className: r(m.inline, m.focus, "text-inherit opacity-70 hover:opacity-100"),
+			children: /* @__PURE__ */ x(g, {
+				"aria-hidden": "true",
+				className: m.icon
+			})
+		})]
+	});
+}
+function re({ className: e, render: t, ...n }) {
+	return /* @__PURE__ */ x(A, {
+		"data-slot": "combobox-chips-input",
+		className: r("box-border min-h-lh min-w-[80px] flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground", _.md, e),
+		...n,
+		render: t
+	});
+}
+function ie({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.Backdrop, {
+		"data-slot": "combobox-backdrop",
+		className: r(te, s.backdrop, e),
+		...t
+	});
+}
+function ae({ className: e, ...t }) {
+	return /* @__PURE__ */ x(E.Arrow, {
+		"data-slot": "combobox-arrow",
+		className: r("fill-popover", e),
+		...t
+	});
+}
+var oe = E.useFilter, Q = {
+	clear: "Clear selection",
+	toggle: "Open options",
+	remove: "Remove selection"
+};
+//#endregion
+//#region src/components/base/combobox/index.ts
+function $({ strings: e, ...t }) {
+	let r = n(Q, e);
+	return y(I, {
+		...t,
+		clearLabel: r.clear,
+		toggleLabel: r.toggle
+	});
+}
+function se({ strings: e, ...t }) {
+	let r = n(Q, e);
+	return y(P, {
+		"aria-label": r.clear,
+		...t
+	});
+}
+function ce({ strings: e, ...t }) {
+	let r = n(Q, e);
+	return y(Z, {
+		...t,
+		removeLabel: r.remove
+	});
+}
+function le({ className: e, ...t }) {
+	return y(z, {
+		...t,
+		className: r(d.surface, l.flush, e)
+	});
+}
+function ue({ className: e, ...t }) {
+	return y(j, {
+		...t,
+		className: r("rounded-inner", e)
+	});
+}
+function de({ className: e, ...t }) {
+	return y(M, {
+		...t,
+		className: r("rounded-inner", e)
+	});
+}
+var fe = {
+	sm: "compact",
+	md: "default",
+	lg: "comfortable"
+};
+function pe({ className: t, size: n = "md", density: i = fe[n], children: o, ...s }) {
+	let { defaultTextSize: c } = e(), l = typeof o == "string" || typeof o == "number" || typeof o == "bigint" ? y(ee, { children: o }) : o;
+	return y(H, {
+		...s,
+		children: l,
+		size: n,
+		className: r(u(i), f.highlighted, f.disabled, a[c ?? "sm"], t)
+	});
+}
+function me({ className: e, ...t }) {
+	return y(J, {
+		...t,
+		className: r(d.separator, e)
+	});
+}
+//#endregion
+export { R as C, oe as E, L as S, N as T, G as _, pe as a, B as b, de as c, ae as d, ie as f, W as g, q as h, $ as i, Q as l, re as m, se as n, le as o, X as p, ue as r, me as s, ce as t, k as u, K as v, ne as w, A as x, U as y };
+
+//# sourceMappingURL=combobox-DaHESuiL.js.map

package/dist/combobox-DaHESuiL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-DaHESuiL.js","names":["React","_Fragment","Combobox","ComboboxPrimitive","ComboboxInput","ComboboxTrigger","ComboboxClear","ComboboxInputTrigger","ComboboxPopup","ComboboxItem","ComboboxSeparator","ComboboxChip","InputTrigger","Clear","Chip","Popup","Input","Trigger","Item","Separator","useTypographyConfig","useThemePortalContainer","cn","affordanceGeometry","anchoredPositionMethod","motionRecipes","surfaceDividerRecipes","surfaceInsetClasses","collectionRowClasses","popoverRecipes","collectionRecipes","CollectionLabel","modalBackdropRecipe","fieldStateRecipes","fieldAffordanceRecipes","selectToggleRecipes","FieldClearGlyph","editableTextSizeClasses","React$1","Fragment$1","ComboboxDismissLabel","ComboboxDismissElement","label","boundary","host","sibling","edge","element","useRender","elementProps","anchor","Combobox$1","props","dismissLabel","Combobox","ComboboxNativeInput","render","state","ComboboxInput$1","className","ComboboxTrigger$1","children","ChevronDownIcon","ComboboxValue","placeholder","ComboboxClear$1","inputSizeClasses","ComboboxInputTrigger$1","size","showClear","error","clearLabel","toggleLabel","ComboboxPortal","resolvedContainer","container","ComboboxPositioner","ComboboxPopup$1","ComboboxList","itemIndicatorSizeClasses","ComboboxItem$1","CheckIcon","ComboboxItemIndicator","ComboboxEmpty","ComboboxStatus","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxSeparator$1","chipsSizeClasses","ComboboxChips","ComboboxChip$1","removeLabel","ComboboxChipsInput","ComboboxBackdrop","ComboboxArrow","useComboboxFilter","defaultComboboxControlStrings","ComboboxInputTrigger","stringsProp","strings","useStrings","createElement","ComboboxClear","ComboboxChip","ComboboxPopup","ComboboxInput","ComboboxTrigger","densityBySize","ComboboxItem","content","density","textSizes","defaultTextSize","ComboboxSeparator"],"sources":["../src/components/ui/combobox-dismiss.tsx","../src/components/ui/combobox.tsx","../src/components/base/combobox/combobox.strings.ts","../src/components/base/combobox/index.ts"],"sourcesContent":["import * as React from 'react';\nimport { useRender, type HTMLProps } from '@base-ui/react/use-render';\n\nexport const ComboboxDismissLabel = React.createContext('Dismiss');\n\n/**\n * Base UI 1.9 owns both virtual-cursor dismissal buttons but hardcodes their\n * names. An inert template marks the public render boundary, even when a custom\n * component frames its native field. Label only the adjacent clipped button;\n * retain upstream handlers, refs, modality and focus semantics. Refresh on each\n * primitive commit so changing modality labels newly mounted controls too.\n */\nexport function ComboboxDismissElement({ elementProps, render, edge, defaultTagName }: {\n elementProps: HTMLProps;\n render?: useRender.RenderProp;\n edge: 'before' | 'after';\n defaultTagName: 'input' | 'div';\n}) {\n const label = React.useContext(ComboboxDismissLabel);\n const boundary = React.useRef<HTMLTemplateElement>(null);\n React.useLayoutEffect(() => {\n  const host = boundary.current;\n  const sibling = edge === 'before' ? host?.previousElementSibling : host?.nextElementSibling;\n  if (sibling?.matches('span[role=\"button\"][aria-label]') && (sibling as HTMLElement).style.clipPath === 'inset(50%)' && sibling.getAttribute('aria-label') !== label) {\n   sibling.setAttribute('aria-label', label);\n  }\n });\n const element = useRender({ defaultTagName, render, props: { ...elementProps } });\n const anchor = <template ref={boundary} data-combobox-dismiss-edge={edge} />;\n return edge === 'before' ? <>{anchor}{element}</> : <>{element}{anchor}</>;\n}\n","import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { FieldClearGlyph, fieldAffordanceRecipes, selectToggleRecipes } from '../../lib/field-affordance-recipes';\nimport { editableTextSizeClasses } from '../../lib/editable-text-recipe';\nimport { affordanceGeometry } from '../../lib/affordance-geometry.generated';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { surfaceDividerRecipes } from '../../lib/surface-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\nimport { useThemePortalContainer } from '../../lib/theme-scope';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { CheckIcon, ChevronDownIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { ComboboxDismissElement, ComboboxDismissLabel } from './combobox-dismiss';\nimport { cn } from '../../lib/utils';\n\nfunction Combobox<Value, Multiple extends boolean | undefined = false, Item = Value>({\n dismissLabel = 'Dismiss',\n ...props\n}: ComboboxPrimitive.Root.Props<Value, Multiple, Item> & {\n /** Accessible name of both screen-reader popup dismissal controls. */\n dismissLabel?: string | undefined;\n}) {\n return <ComboboxDismissLabel.Provider value={dismissLabel}><ComboboxPrimitive.Root {...props} /></ComboboxDismissLabel.Provider>;\n}\n\n/** Private primitive input; public and feature-owned frames share dismissal. */\nfunction ComboboxNativeInput({ render, ...props }: ComboboxPrimitive.Input.Props) {\n return <ComboboxPrimitive.Input {...props} render={(elementProps, state) => <ComboboxDismissElement elementProps={elementProps} edge=\"before\" defaultTagName=\"input\" render={typeof render === 'function' ? props => render(props, state) : render} />} />;\n}\n\nfunction ComboboxInput({\n\tclassName,\n\trender,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxNativeInput\n\t\t\tdata-slot=\"combobox-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-control w-full min-w-0 rounded-inner border bg-background px-control shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\taffordanceGeometry.controlBlockPadding.md,\n\t\t\t\teditableTextSizeClasses.md,\n\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t\trender={render}\n\t\t/>\n\t);\n}\n\nfunction ComboboxTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Trigger.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Trigger\n\t\t\tdata-slot=\"combobox-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground flex h-control w-full items-center justify-between rounded-inner border bg-background px-control shadow-none transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t'text-sm',\n\t\t\t\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\taffordanceGeometry.controlBlockPadding.md,\n\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t'[&>span]:line-clamp-1',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ComboboxPrimitive.Icon className=\"flex\">\n\t\t\t\t<ChevronDownIcon className={cn(selectToggleRecipes.icon.md, 'text-muted-foreground')} />\n\t\t\t</ComboboxPrimitive.Icon>\n\t\t</ComboboxPrimitive.Trigger>\n\t);\n}\n\nfunction ComboboxValue({\n\tplaceholder,\n\t...props\n}: ComboboxPrimitive.Value.Props & { placeholder?: React.ReactNode }) {\n\treturn (\n\t\t<ComboboxPrimitive.Value\n\t\t\tdata-slot=\"combobox-value\"\n\t\t\tplaceholder={\n\t\t\t\t!!placeholder && <span className=\"text-muted-foreground\">{placeholder}</span>\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ComboboxClear({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Clear.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Clear\n\t\t\tdata-slot=\"combobox-clear\"\n\t\t\tclassName={cn(\n\t\t\t\tfieldAffordanceRecipes.target,\n\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\tfieldAffordanceRecipes.clear,\n\t\t\t\tfieldAffordanceRecipes.centered,\n\t\t\t\t'end-control-icon',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t\t<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t</ComboboxPrimitive.Clear>\n\t);\n}\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\n\nconst inputSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'h-control-sm ps-control-sm',\n\tmd: 'h-control ps-control',\n\tlg: 'h-control-lg ps-control',\n};\n\n\n// Toggle-only text clearance, track offset and chevron scale come from the\n// shared select-toggle recipe, so this input, the Select trigger and the\n// feature Combobox centre their chevrons in the same place.\n\ntype ComboboxInputTriggerProps = Omit<ComboboxPrimitive.Input.Props, 'size'> & {\n\tshowClear?: boolean;\n\tclearLabel?: string;\n\ttoggleLabel?: string;\n\tsize?: ComboboxSize;\n\terror?: boolean;\n};\n\nfunction ComboboxInputTrigger({\n\tclassName,\n\trender,\n\tshowClear = false,\n\tclearLabel,\n\ttoggleLabel,\n\tsize = 'md',\n\terror,\n\t...props\n}: ComboboxInputTriggerProps) {\n\treturn (\n\t\t<div className=\"relative h-fit\">\n\t\t\t<ComboboxNativeInput\n\t\t\t\tdata-slot=\"combobox-input\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'font-sans text-foreground',\n\t\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-inner border bg-background shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\tinputSizeClasses[size],\n\t\t\t\t\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\t\taffordanceGeometry.controlBlockPadding[size],\n\t\t\t\t\teditableTextSizeClasses[size],\n\t\t\t\t\tshowClear ? selectToggleRecipes.clearPadding[size] : selectToggleRecipes.padding[size],\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\taria-invalid={error || undefined}\n\t\t\t\t{...props}\n\t\t\t\trender={render}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'absolute top-1/2 -translate-y-1/2 flex items-center gap-space-xs text-muted-foreground',\n\t\t\t\t\tselectToggleRecipes.track[size]\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!showClear && (\n                    <ComboboxPrimitive.Clear\n\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\tdata-slot=\"combobox-clear\"\n\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.clear)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t\t\t\t</ComboboxPrimitive.Clear>\n   )}\n\t\t\t\t<ComboboxPrimitive.Trigger aria-label={toggleLabel} className={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.toggle)}>\n\t\t\t\t\t<ChevronDownIcon aria-hidden=\"true\" className={cn('shrink-0', selectToggleRecipes.icon[size])} />\n\t\t\t\t</ComboboxPrimitive.Trigger>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// Portal\nfunction ComboboxPortal({ container, ...props }: ComboboxPrimitive.Portal.Props) {\n\tconst resolvedContainer = useThemePortalContainer(container);\n\treturn <ComboboxPrimitive.Portal container={resolvedContainer} {...props} />;\n}\n\n// Positioner\nfunction ComboboxPositioner({\n\tclassName,\n\tpositionMethod = anchoredPositionMethod,\n\tsideOffset = 4,\n\t...props\n}: ComboboxPrimitive.Positioner.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Positioner\n\t\t\tpositionMethod={positionMethod}\n\t\t\tdata-slot=\"combobox-positioner\"\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn('z-50 outline-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Popup (content)\nfunction ComboboxPopup({\n\tclassName,\n\trender,\n\t...props\n}: ComboboxPrimitive.Popup.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Popup\n\t\t\tdata-slot=\"combobox-popup\"\n\t\t\tclassName={cn(\n\t\t\t\t'w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]',\n\t\t\t\t'overflow-hidden rounded-radius bg-popover text-popover-foreground shadow-md',\n\t\t\t\tsurfaceDividerRecipes.anchored.shell,\n\t\t\t\t'origin-[var(--transform-origin)]',\n\t\t\t\tmotionRecipes.popup,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t\trender={(elementProps, state) => <ComboboxDismissElement elementProps={elementProps} edge=\"after\" defaultTagName=\"div\" render={typeof render === 'function' ? props => render(props, state) : render} />}\n\t\t/>\n\t);\n}\n\n// List\nfunction ComboboxList({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.List.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.List\n\t\t\tdata-slot=\"combobox-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-surface-xs',\n\t\t\t\t'outline-none empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Item\n//\n// Layout: `[content][indicator]` with the selection check pinned to the\n// right (`justify-between`). Consumers render leading icons naturally inside\n// `renderItem` — the `gap` between icon and label is set by the consumer.\nconst itemIndicatorSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'size-icon-sm',\n\tmd: 'size-icon',\n\tlg: 'size-icon-lg',\n};\n\nfunction ComboboxItem({\n\tclassName,\n\tchildren,\n\tsize = 'md',\n\t...props\n}: ComboboxPrimitive.Item.Props & { size?: ComboboxSize }) {\n\treturn (\n\t\t<ComboboxPrimitive.Item\n\t\t\tdata-slot=\"combobox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full cursor-default select-none items-center justify-between outline-none',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"flex min-w-0 flex-1 items-center gap-space-sm truncate\">\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t<ComboboxPrimitive.ItemIndicator\n\t\t\t\tclassName={cn(\n\t\t\t\t\t// The selection check uses the row's own ink, as Select options do.\n\t\t\t\t\t'flex shrink-0 items-center justify-center',\n\t\t\t\t\titemIndicatorSizeClasses[size]\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<CheckIcon className={itemIndicatorSizeClasses[size]} />\n\t\t\t</ComboboxPrimitive.ItemIndicator>\n\t\t</ComboboxPrimitive.Item>\n\t);\n}\n\n// Item Indicator (standalone)\nfunction ComboboxItemIndicator({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.ItemIndicator.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.ItemIndicator\n\t\t\tdata-slot=\"combobox-item-indicator\"\n\t\t\tclassName={cn(className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <CheckIcon className=\"size-icon\" />}\n\t\t</ComboboxPrimitive.ItemIndicator>\n\t);\n}\n\n// Empty\nfunction ComboboxEmpty({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Empty.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Empty\n\t\t\tdata-slot=\"combobox-empty\"\n\t\t\tclassName={cn(\n\t\t\t\t'px-row-x py-space-xl text-center text-sm text-muted-foreground empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</ComboboxPrimitive.Empty>\n\t);\n}\n\n// Status (for async loading states)\nfunction ComboboxStatus({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Status.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Status\n\t\t\tdata-slot=\"combobox-status\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex items-center gap-space-sm px-row-x py-row-y text-sm text-muted-foreground empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Group\nfunction ComboboxGroup({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Group.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Group\n\t\t\tdata-slot=\"combobox-group\"\n\t\t\tclassName={cn('overflow-hidden p-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Group Label\nfunction ComboboxGroupLabel({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.GroupLabel\n\t\t\tdata-slot=\"combobox-group-label\"\n\t\t\tclassName={cn('px-row-x py-row-y-sm text-xs font-medium text-muted-foreground', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Collection (for rendering items)\nconst ComboboxCollection = ComboboxPrimitive.Collection;\n\n// Separator\nfunction ComboboxSeparator({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Separator.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Separator\n\t\t\tdata-slot=\"combobox-separator\"\n\t\t\tclassName={cn('my-space-xs h-px', surfaceDividerRecipes.anchored.separator, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Chips container (for multiple selection)\nconst chipsSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'min-h-control-sm gap-space-xs px-control-sm py-space-xs text-sm',\n\tmd: 'min-h-control gap-space-xs px-control py-space-xs text-sm',\n\tlg: 'min-h-control-lg gap-space-sm px-control py-space-xs text-sm',\n};\n\nfunction ComboboxChips({\n\tclassName,\n\tsize = 'md',\n\terror,\n\t...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & {\n\tsize?: ComboboxSize;\n\terror?: boolean;\n}) {\n\treturn (\n\t\t<ComboboxPrimitive.Chips\n\t\t\tdata-slot=\"combobox-chips\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border flex flex-wrap items-center rounded-inner border border-input bg-background shadow-none transition-[color,box-shadow] outline-none',\n\t\t\t\t'has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50',\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t'aria-invalid:has-[:focus-visible]:border-destructive aria-invalid:has-[:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[:focus-visible]:ring-destructive/50',\n\t\t\t\tchipsSizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-invalid={error || undefined}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Chip\nfunction ComboboxChip({\n\tclassName,\n\tchildren,\n\tremoveLabel,\n\t...props\n}: ComboboxPrimitive.Chip.Props & { removeLabel?: string }) {\n\treturn (\n\t\t<ComboboxPrimitive.Chip\n\t\t\tdata-slot=\"combobox-chip\"\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex items-center gap-space-xs rounded-inner bg-secondary px-control-xs py-space-xs text-xs font-medium text-secondary-foreground',\n\t\t\t\t'data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground',\n\t\t\t\t'focus-within:bg-primary focus-within:text-primary-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ComboboxPrimitive.ChipRemove aria-label={removeLabel} className={cn(fieldAffordanceRecipes.inline, fieldAffordanceRecipes.focus, 'text-inherit opacity-70 hover:opacity-100')}>\n\t\t\t\t<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t\t</ComboboxPrimitive.ChipRemove>\n\t\t</ComboboxPrimitive.Chip>\n\t);\n}\n\n// Chips Input\nfunction ComboboxChipsInput({\n\tclassName,\n\trender,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxNativeInput\n\t\t\tdata-slot=\"combobox-chips-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'box-border min-h-lh min-w-[80px] flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground',\n\t\t\t\teditableTextSizeClasses.md,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t\trender={render}\n\t\t/>\n\t);\n}\n\n// Backdrop (for modal)\nfunction ComboboxBackdrop({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Backdrop.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Backdrop\n\t\t\tdata-slot=\"combobox-backdrop\"\n\t\t\tclassName={cn(modalBackdropRecipe, \n\t\t\t\tmotionRecipes.backdrop,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Arrow\nfunction ComboboxArrow({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Arrow.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Arrow\n\t\t\tdata-slot=\"combobox-arrow\"\n\t\t\tclassName={cn('fill-popover', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// useFilter hook re-export\nconst useComboboxFilter = ComboboxPrimitive.useFilter;\n\nexport {\n\tCombobox,\n\tComboboxNativeInput,\n\tComboboxInput,\n\tComboboxInputTrigger,\n\tComboboxTrigger,\n\tComboboxValue,\n\tComboboxClear,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxPopup,\n\tComboboxList,\n\tComboboxItem,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxSeparator,\n\tComboboxChips,\n\tComboboxChip,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n};\n","/** Accessible labels owned by the base combobox's generated controls. */\nexport interface ComboboxControlStrings {\n\tclear: string;\n\ttoggle: string;\n\tremove: string;\n}\n\nexport const defaultComboboxControlStrings: ComboboxControlStrings = {\n\tclear: 'Clear selection',\n\ttoggle: 'Open options',\n\tremove: 'Remove selection',\n};\n","import { CollectionLabel } from '../popover/collection-content';\n/**\n * Base wrapper for `ui/combobox`.\n *\n * This family is the sole importer of `@/components/ui/combobox`: it re-exports\n * the Base UI combobox anatomy with shared recipes and accessible control labels\n * so every other layer composes the parts without reaching into `ui/`. The searchable recipe built on top of this\n * anatomy — `Combobox`, `MultiCombobox`, `AsyncResourceCombobox`, and the\n * headless hooks — lives in `features/combobox`.\n *\n * The compound root is exported as `ComboboxRoot` so the canonical `Combobox`\n * name stays with the opinionated feature component.\n */\nexport {\n\tCombobox as ComboboxRoot,\n\tComboboxValue,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxList,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxChips,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n} from '../../ui/combobox';\n\n\nimport { createElement, type ComponentProps } from 'react';\nimport { ComboboxItem as Item, ComboboxPopup as Popup, ComboboxInput as Input, ComboboxInputTrigger as InputTrigger, ComboboxClear as Clear, ComboboxChip as Chip, ComboboxTrigger as Trigger, ComboboxSeparator as Separator } from '../../ui/combobox';\nimport { cn } from '../../../lib/utils';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, surfaceInsetClasses, type CollectionDensity } from '../popover/popover.recipes';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { textSizes } from '../../typography/text.styles';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { defaultComboboxControlStrings, type ComboboxControlStrings } from './combobox.strings';\n\nexport { defaultComboboxControlStrings, type ComboboxControlStrings } from './combobox.strings';\n\nexport type ComboboxInputTriggerProps = Omit<ComponentProps<typeof InputTrigger>, 'clearLabel' | 'toggleLabel'> & {\n /** Accessible labels for the generated clear and toggle buttons. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'clear' | 'toggle'>>;\n};\n\nexport function ComboboxInputTrigger({ strings: stringsProp, ...props }: ComboboxInputTriggerProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(InputTrigger, { ...props, clearLabel: strings.clear, toggleLabel: strings.toggle });\n}\n\nexport type ComboboxClearProps = ComponentProps<typeof Clear> & {\n /** Accessible label; an explicit aria-label takes precedence. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'clear'>>;\n};\n\nexport function ComboboxClear({ strings: stringsProp, ...props }: ComboboxClearProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(Clear, { 'aria-label': strings.clear, ...props });\n}\n\nexport type ComboboxChipProps = Omit<ComponentProps<typeof Chip>, 'removeLabel'> & {\n /** Accessible label for the generated removal button. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'remove'>>;\n};\n\nexport function ComboboxChip({ strings: stringsProp, ...props }: ComboboxChipProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(Chip, { ...props, removeLabel: strings.remove });\n}\n\nexport function ComboboxPopup({ className, ...props }: ComponentProps<typeof Popup>) {\n // The list owns the collection inset so mixed search/status/footer regions stay flush.\n return createElement(Popup, { ...props, className: cn(popoverRecipes.surface, surfaceInsetClasses.flush, className) });\n}\nexport function ComboboxInput({ className, ...props }: ComponentProps<typeof Input>) {\n return createElement(Input, { ...props, className: cn('rounded-inner', className) });\n}\nexport function ComboboxTrigger({ className, ...props }: ComponentProps<typeof Trigger>) {\n return createElement(Trigger, { ...props, className: cn('rounded-inner', className) });\n}\n\nconst densityBySize = { sm: 'compact', md: 'default', lg: 'comfortable' } as const;\n\nexport function ComboboxItem({ className, size = 'md', density = densityBySize[size], children, ...props }: ComponentProps<typeof Item> & {\n /** Vertical option rhythm. Defaults to the owning control size's rhythm. */\n density?: CollectionDensity;\n}) {\n const { defaultTextSize } = useTypographyConfig();\n const content = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint' ? createElement(CollectionLabel, { children }) : children;\n return createElement(Item, { ...props, children: content, size, className: cn(collectionRowClasses(density), collectionRecipes.highlighted, collectionRecipes.disabled, textSizes[defaultTextSize ?? 'sm'], className) });\n}\n\n/** Shared collection divider, preserving Base UI separator semantics. */\nexport function ComboboxSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n return createElement(Separator, { ...props, className: cn(popoverRecipes.separator, className) });\n}\n"],"mappings":"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"}