@mastra/playground-ui 60.1.0 → 60.2.0-alpha.1

package/dist/search-field-block-BPJh5yuW.js

@@ -1,125 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { SearchIcon, XIcon } from 'lucide-react';
-import { useRef, useEffect } from 'react';
-import { B as Button } from './Button-D43ghVKt.js';
-import { I as Input } from './input-CHghVv3k.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DsQPiynb.js';
-import { F as FieldBlock } from './field-block--PeppIRb.js';
-import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
-import { c as cn } from './cn-65Adrsfj.js';
-
-function SearchFieldBlock({
-  name,
-  helpText,
-  error,
-  errorMsg,
-  required = false,
-  disabled = false,
-  value,
-  label,
-  labelIsHidden = false,
-  layout = "vertical",
-  placeholder = "Search...",
-  onChange,
-  onReset,
-  className,
-  size,
-  isMinimized,
-  onMinimizedChange,
-  inputRef: externalInputRef
-}) {
-  const inputRef = useRef(null);
-  const setInputRef = (element) => {
-    inputRef.current = element;
-    if (externalInputRef) externalInputRef.current = element;
-  };
-  useEffect(() => {
-    if (isMinimized === false) {
-      inputRef.current?.focus();
-    }
-  }, [isMinimized]);
-  if (isMinimized) {
-    return /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: size || "sm",
-          "aria-label": label || "Search",
-          disabled,
-          onClick: () => onMinimizedChange?.(false),
-          children: /* @__PURE__ */ jsx(SearchIcon, {})
-        }
-      ) }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: label || "Search" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
-    /* @__PURE__ */ jsxs(FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
-      layout === "vertical" && label ? /* @__PURE__ */ jsx(
-        FieldBlock.Label,
-        {
-          name,
-          required,
-          disabled,
-          className: labelIsHidden ? "sr-only" : void 0,
-          children: label
-        }
-      ) : null,
-      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              ref: setInputRef,
-              id: `input-${name}`,
-              name,
-              disabled,
-              value,
-              placeholder,
-              onChange,
-              size,
-              error: error || Boolean(errorMsg),
-              "aria-describedby": errorMsg ? fieldErrorId(name) : void 0,
-              className: cn(size === "sm" && "px-8", (!size || size === "md") && "px-9", size === "lg" && "px-10")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SearchIcon,
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground",
-                size === "sm" && "size-3.5",
-                (!size || size === "md") && "size-4",
-                size === "lg" && "size-[1.125rem]"
-              )
-            }
-          ),
-          onReset && (value || isMinimized === false) && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: size || "md",
-              "aria-label": "Clear search",
-              onClick: () => {
-                if (value) {
-                  onReset();
-                }
-                if (isMinimized === false) {
-                  onMinimizedChange?.(true);
-                }
-              },
-              className: "absolute top-1/2 right-0 -translate-y-1/2",
-              children: /* @__PURE__ */ jsx(XIcon, {})
-            }
-          )
-        ] }),
-        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
-      ] })
-    ] })
-  ] });
-}
-
-export { SearchFieldBlock as S };
-//# sourceMappingURL=search-field-block-BPJh5yuW.js.map

package/dist/search-field-block-BPJh5yuW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-field-block-BPJh5yuW.js","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/search-field-block-DRa-ZNQj.cjs

@@ -1,127 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const Button = require('./Button-CXhSUBxN.cjs');
-const input = require('./input-bd223EJW.cjs');
-const tooltip = require('./tooltip-DIZ5oqjV.cjs');
-const fieldBlock = require('./field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-
-function SearchFieldBlock({
-  name,
-  helpText,
-  error,
-  errorMsg,
-  required = false,
-  disabled = false,
-  value,
-  label,
-  labelIsHidden = false,
-  layout = "vertical",
-  placeholder = "Search...",
-  onChange,
-  onReset,
-  className,
-  size,
-  isMinimized,
-  onMinimizedChange,
-  inputRef: externalInputRef
-}) {
-  const inputRef = React.useRef(null);
-  const setInputRef = (element) => {
-    inputRef.current = element;
-    if (externalInputRef) externalInputRef.current = element;
-  };
-  React.useEffect(() => {
-    if (isMinimized === false) {
-      inputRef.current?.focus();
-    }
-  }, [isMinimized]);
-  if (isMinimized) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Button.Button,
-        {
-          size: size || "sm",
-          "aria-label": label || "Search",
-          disabled,
-          onClick: () => onMinimizedChange?.(false),
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {})
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label || "Search" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
-      layout === "vertical" && label ? /* @__PURE__ */ jsxRuntime.jsx(
-        fieldBlock.FieldBlock.Label,
-        {
-          name,
-          required,
-          disabled,
-          className: labelIsHidden ? "sr-only" : void 0,
-          children: label
-        }
-      ) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            input.Input,
-            {
-              ref: setInputRef,
-              id: `input-${name}`,
-              name,
-              disabled,
-              value,
-              placeholder,
-              onChange,
-              size,
-              error: error || Boolean(errorMsg),
-              "aria-describedby": errorMsg ? fieldErrorId.fieldErrorId(name) : void 0,
-              className: utils_cn.cn(size === "sm" && "px-8", (!size || size === "md") && "px-9", size === "lg" && "px-10")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.SearchIcon,
-            {
-              "aria-hidden": "true",
-              className: utils_cn.cn(
-                "absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground",
-                size === "sm" && "size-3.5",
-                (!size || size === "md") && "size-4",
-                size === "lg" && "size-[1.125rem]"
-              )
-            }
-          ),
-          onReset && (value || isMinimized === false) && /* @__PURE__ */ jsxRuntime.jsx(
-            Button.Button,
-            {
-              variant: "ghost",
-              size: size || "md",
-              "aria-label": "Clear search",
-              onClick: () => {
-                if (value) {
-                  onReset();
-                }
-                if (isMinimized === false) {
-                  onMinimizedChange?.(true);
-                }
-              },
-              className: "absolute top-1/2 right-0 -translate-y-1/2",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {})
-            }
-          )
-        ] }),
-        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
-      ] })
-    ] })
-  ] });
-}
-
-exports.SearchFieldBlock = SearchFieldBlock;
-//# sourceMappingURL=search-field-block-DRa-ZNQj.cjs.map

package/dist/search-field-block-DRa-ZNQj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-field-block-DRa-ZNQj.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","Input","fieldErrorId","cn","XIcon"],"mappings":"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"}

package/dist/segmented-control--I3IgW21.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-control--I3IgW21.cjs","sources":["../src/ds/components/SegmentedControl/segmented-control.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport * as React from 'react';\n\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { mergeRefs } from '@/lib/merge-refs';\nimport { cn } from '@/lib/utils';\n\ntype SegmentedControlContextValue = {\n  iconOnly: boolean;\n  registerItem: (value: string, element: HTMLElement) => void;\n  unregisterItem: (value: string) => void;\n};\n\nconst SegmentedControlContext = React.createContext<SegmentedControlContextValue | undefined>(undefined);\n\ntype RadioGroupPassthroughProps = Omit<\n  RadioGroupPrimitive.Props,\n  'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'className' | 'children' | 'aria-label'\n>;\n\nexport type SegmentedControlProps<T extends string = string> = RadioGroupPassthroughProps & {\n  value: T;\n  onValueChange: (value: T) => void;\n  /** Accessible name of the group. */\n  'aria-label': string;\n  /** The track's outer height matches the control rung, so it lines up with a Button or Select in the same row. */\n  size?: ControlSize;\n  /** Every item is a circle holding only an icon; each item then needs its own `aria-label`. */\n  iconOnly?: boolean;\n  className?: string;\n  children: React.ReactNode;\n};\n\n/**\n * A single choice between a few short options, all visible at once. A radio group underneath:\n * one tab stop, arrow keys move the selection. The selected item is marked by a thumb that\n * slides between items, so items keep their natural width.\n *\n * ```tsx\n * <SegmentedControl aria-label=\"Permission\" value={policy} onValueChange={setPolicy}>\n *   <SegmentedControlItem value=\"allow\">Allow</SegmentedControlItem>\n *   <SegmentedControlItem value=\"ask\">Ask</SegmentedControlItem>\n * </SegmentedControl>\n * ```\n */\nexport function SegmentedControl<T extends string = string>({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel,\n  size = 'md',\n  iconOnly = false,\n  className,\n  children,\n  ...props\n}: SegmentedControlProps<T>) {\n  const itemRefs = React.useRef(new Map<string, HTMLElement>());\n  const thumbRef = React.useRef<HTMLSpanElement>(null);\n\n  const context: SegmentedControlContextValue = {\n    iconOnly,\n    registerItem: (itemValue, element) => itemRefs.current.set(itemValue, element),\n    unregisterItem: itemValue => itemRefs.current.delete(itemValue),\n  };\n\n  // Base UI reports the chosen value as `unknown`; accept only a value one of our items carries.\n  const isItemValue = (next: unknown): next is T => typeof next === 'string' && itemRefs.current.has(next);\n\n  // Measuring is layout work, so the thumb is positioned straight on the DOM instead of through\n  // state: no extra render, and it is in place before paint.\n  React.useLayoutEffect(() => {\n    const thumb = thumbRef.current;\n    const item = itemRefs.current.get(value);\n    if (!thumb) return;\n    if (!item) {\n      thumb.hidden = true;\n      return;\n    }\n    const measure = () => {\n      thumb.style.width = `${item.offsetWidth}px`;\n      thumb.style.transform = `translateX(${item.offsetLeft}px)`;\n    };\n    measure();\n    let frame: number | undefined;\n    if (thumb.hidden) {\n      // The first placement snaps; transitions switch on after it has painted.\n      thumb.hidden = false;\n      frame = requestAnimationFrame(() => thumb.setAttribute('data-ready', ''));\n    }\n    // Labels reflow when fonts load or the text changes; a sibling's resize moves this item too.\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    itemRefs.current.forEach(element => observer?.observe(element));\n    return () => {\n      if (frame !== undefined) cancelAnimationFrame(frame);\n      observer?.disconnect();\n    };\n  }, [value, children]);\n\n  return (\n    <SegmentedControlContext.Provider value={context}>\n      <RadioGroupPrimitive\n        {...props}\n        value={value}\n        onValueChange={next => {\n          if (isItemValue(next)) onValueChange(next);\n        }}\n        aria-label={ariaLabel}\n        data-slot=\"segmented-control\"\n        data-size={size}\n        className={cn(\n          raisedSurfaceStyle,\n          'relative inline-flex w-fit shrink-0 items-stretch rounded-full p-0.5',\n          // Circular icon items have no padding of their own to keep them apart.\n          iconOnly && 'gap-0.5',\n          controlHeight[size],\n          'data-[disabled]:opacity-50',\n          className,\n        )}\n      >\n        <span\n          ref={thumbRef}\n          hidden\n          aria-hidden=\"true\"\n          data-slot=\"segmented-control-thumb\"\n          className={cn(\n            'pointer-events-none absolute inset-y-0.5 left-0 rounded-full bg-fill-hover ring-1 ring-border ring-inset',\n            'motion-safe:data-[ready]:transition-[transform,width] motion-safe:data-[ready]:duration-normal motion-safe:data-[ready]:ease-out-custom',\n          )}\n        />\n        {children}\n      </RadioGroupPrimitive>\n    </SegmentedControlContext.Provider>\n  );\n}\n\nexport type SegmentedControlItemProps = Omit<RadioPrimitive.Root.Props, 'className' | 'value' | 'children'> & {\n  value: string;\n  /** Text, an icon and text, or only an icon when the control is `iconOnly`. */\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function SegmentedControlItem({\n  value,\n  disabled,\n  className,\n  children,\n  ref,\n  ...props\n}: SegmentedControlItemProps) {\n  const context = React.useContext(SegmentedControlContext);\n  if (!context) throw new Error('SegmentedControlItem must be used inside a SegmentedControl');\n  const { iconOnly, registerItem, unregisterItem } = context;\n  const itemRef = mergeRefs<HTMLElement>(ref, element => {\n    if (element) registerItem(value, element);\n    return () => unregisterItem(value);\n  });\n\n  return (\n    <RadioPrimitive.Root\n      {...props}\n      ref={itemRef}\n      value={value}\n      disabled={disabled}\n      data-slot=\"segmented-control-item\"\n      className={cn(\n        'relative inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-full text-label whitespace-nowrap select-none',\n        iconOnly ? 'aspect-square' : 'px-3',\n        // A whole disabled group is dimmed on the track; a single disabled item dims itself.\n        disabled && 'opacity-50',\n        '[&_svg]:size-3.5 [&_svg]:shrink-0',\n        'text-muted-foreground hover:text-foreground data-[checked]:text-foreground',\n        'focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-border-focus',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:hover:text-muted-foreground',\n        controlStateColorTransition,\n        className,\n      )}\n    >\n      {children}\n    </RadioPrimitive.Root>\n  );\n}\n"],"names":["React","jsx","jsxs","RadioGroupPrimitive","cn","raisedSurfaceStyle","controlHeight","mergeRefs","RadioPrimitive","controlStateColorTransition"],"mappings":"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"}

package/dist/segmented-control-BxeiypPR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-control-BxeiypPR.js","sources":["../src/ds/components/SegmentedControl/segmented-control.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport * as React from 'react';\n\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { mergeRefs } from '@/lib/merge-refs';\nimport { cn } from '@/lib/utils';\n\ntype SegmentedControlContextValue = {\n  iconOnly: boolean;\n  registerItem: (value: string, element: HTMLElement) => void;\n  unregisterItem: (value: string) => void;\n};\n\nconst SegmentedControlContext = React.createContext<SegmentedControlContextValue | undefined>(undefined);\n\ntype RadioGroupPassthroughProps = Omit<\n  RadioGroupPrimitive.Props,\n  'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'className' | 'children' | 'aria-label'\n>;\n\nexport type SegmentedControlProps<T extends string = string> = RadioGroupPassthroughProps & {\n  value: T;\n  onValueChange: (value: T) => void;\n  /** Accessible name of the group. */\n  'aria-label': string;\n  /** The track's outer height matches the control rung, so it lines up with a Button or Select in the same row. */\n  size?: ControlSize;\n  /** Every item is a circle holding only an icon; each item then needs its own `aria-label`. */\n  iconOnly?: boolean;\n  className?: string;\n  children: React.ReactNode;\n};\n\n/**\n * A single choice between a few short options, all visible at once. A radio group underneath:\n * one tab stop, arrow keys move the selection. The selected item is marked by a thumb that\n * slides between items, so items keep their natural width.\n *\n * ```tsx\n * <SegmentedControl aria-label=\"Permission\" value={policy} onValueChange={setPolicy}>\n *   <SegmentedControlItem value=\"allow\">Allow</SegmentedControlItem>\n *   <SegmentedControlItem value=\"ask\">Ask</SegmentedControlItem>\n * </SegmentedControl>\n * ```\n */\nexport function SegmentedControl<T extends string = string>({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel,\n  size = 'md',\n  iconOnly = false,\n  className,\n  children,\n  ...props\n}: SegmentedControlProps<T>) {\n  const itemRefs = React.useRef(new Map<string, HTMLElement>());\n  const thumbRef = React.useRef<HTMLSpanElement>(null);\n\n  const context: SegmentedControlContextValue = {\n    iconOnly,\n    registerItem: (itemValue, element) => itemRefs.current.set(itemValue, element),\n    unregisterItem: itemValue => itemRefs.current.delete(itemValue),\n  };\n\n  // Base UI reports the chosen value as `unknown`; accept only a value one of our items carries.\n  const isItemValue = (next: unknown): next is T => typeof next === 'string' && itemRefs.current.has(next);\n\n  // Measuring is layout work, so the thumb is positioned straight on the DOM instead of through\n  // state: no extra render, and it is in place before paint.\n  React.useLayoutEffect(() => {\n    const thumb = thumbRef.current;\n    const item = itemRefs.current.get(value);\n    if (!thumb) return;\n    if (!item) {\n      thumb.hidden = true;\n      return;\n    }\n    const measure = () => {\n      thumb.style.width = `${item.offsetWidth}px`;\n      thumb.style.transform = `translateX(${item.offsetLeft}px)`;\n    };\n    measure();\n    let frame: number | undefined;\n    if (thumb.hidden) {\n      // The first placement snaps; transitions switch on after it has painted.\n      thumb.hidden = false;\n      frame = requestAnimationFrame(() => thumb.setAttribute('data-ready', ''));\n    }\n    // Labels reflow when fonts load or the text changes; a sibling's resize moves this item too.\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    itemRefs.current.forEach(element => observer?.observe(element));\n    return () => {\n      if (frame !== undefined) cancelAnimationFrame(frame);\n      observer?.disconnect();\n    };\n  }, [value, children]);\n\n  return (\n    <SegmentedControlContext.Provider value={context}>\n      <RadioGroupPrimitive\n        {...props}\n        value={value}\n        onValueChange={next => {\n          if (isItemValue(next)) onValueChange(next);\n        }}\n        aria-label={ariaLabel}\n        data-slot=\"segmented-control\"\n        data-size={size}\n        className={cn(\n          raisedSurfaceStyle,\n          'relative inline-flex w-fit shrink-0 items-stretch rounded-full p-0.5',\n          // Circular icon items have no padding of their own to keep them apart.\n          iconOnly && 'gap-0.5',\n          controlHeight[size],\n          'data-[disabled]:opacity-50',\n          className,\n        )}\n      >\n        <span\n          ref={thumbRef}\n          hidden\n          aria-hidden=\"true\"\n          data-slot=\"segmented-control-thumb\"\n          className={cn(\n            'pointer-events-none absolute inset-y-0.5 left-0 rounded-full bg-fill-hover ring-1 ring-border ring-inset',\n            'motion-safe:data-[ready]:transition-[transform,width] motion-safe:data-[ready]:duration-normal motion-safe:data-[ready]:ease-out-custom',\n          )}\n        />\n        {children}\n      </RadioGroupPrimitive>\n    </SegmentedControlContext.Provider>\n  );\n}\n\nexport type SegmentedControlItemProps = Omit<RadioPrimitive.Root.Props, 'className' | 'value' | 'children'> & {\n  value: string;\n  /** Text, an icon and text, or only an icon when the control is `iconOnly`. */\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function SegmentedControlItem({\n  value,\n  disabled,\n  className,\n  children,\n  ref,\n  ...props\n}: SegmentedControlItemProps) {\n  const context = React.useContext(SegmentedControlContext);\n  if (!context) throw new Error('SegmentedControlItem must be used inside a SegmentedControl');\n  const { iconOnly, registerItem, unregisterItem } = context;\n  const itemRef = mergeRefs<HTMLElement>(ref, element => {\n    if (element) registerItem(value, element);\n    return () => unregisterItem(value);\n  });\n\n  return (\n    <RadioPrimitive.Root\n      {...props}\n      ref={itemRef}\n      value={value}\n      disabled={disabled}\n      data-slot=\"segmented-control-item\"\n      className={cn(\n        'relative inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-full text-label whitespace-nowrap select-none',\n        iconOnly ? 'aspect-square' : 'px-3',\n        // A whole disabled group is dimmed on the track; a single disabled item dims itself.\n        disabled && 'opacity-50',\n        '[&_svg]:size-3.5 [&_svg]:shrink-0',\n        'text-muted-foreground hover:text-foreground data-[checked]:text-foreground',\n        'focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-border-focus',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:hover:text-muted-foreground',\n        controlStateColorTransition,\n        className,\n      )}\n    >\n      {children}\n    </RadioPrimitive.Root>\n  );\n}\n"],"names":["RadioGroupPrimitive","RadioPrimitive"],"mappings":"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"}

package/dist/select-DBY9LQFQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DBY9LQFQ.cjs","sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } from '@base-ui/react/select';\nimport { Check, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { fieldTriggerStyle } from '@/ds/primitives/form-element';\nimport { menuItemCheckClass, menuItemClass, menuPopupClass, menuPositionerClass } from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value, false>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems as SelectRootProps<Value>['items']}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          'justify-between text-body-sm',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          'aria-invalid:border-destructive-indicator aria-invalid:focus-visible:border-destructive-indicator',\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {/* `SelectPrimitive.Icon` renders the provided element in place of its\n default `<span>`, so the chevron would land as a *direct* `<svg>`\n child of the trigger — where Button's `TEXT_MODE_ADORNMENTS`\n `[&>svg]` rules (negative `mx`, forced 50% opacity, 1.1em sizing)\n would distort and mis-position it. Wrapping it in a `<span>` keeps\n the svg one level deep so those rules can't reach it, leaving the\n chevron pinned at the right edge at its intended size and color. */}\n        <SelectPrimitive.Icon\n          render={\n            <span className=\"flex shrink-0 items-center\">\n              <ChevronDown className={cn('size-4 text-muted-foreground', transitions.colors)} />\n            </span>\n          }\n        />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\n    className?: string;\n    /**\n     * Kept for API compatibility with the previous Radix API. Radix supported\n     * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n     * positioning so this prop is accepted but has no effect.\n     */\n    position?: 'popper' | 'item-aligned';\n    /** Optional portal container, forwarded to `Select.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, className)} {...props}>\n            <SelectPrimitive.List className={menu.containerClassName} {...menu.getContainerProps({})}>\n              <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n            </SelectPrimitive.List>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem };\n"],"names":["React","jsx","SelectPrimitive","cn","jsxs","buttonVariants","fieldTriggerStyle","controlTriggerOpenState","ChevronDown","transitions","FLOATING_POSITION_METHOD","usePortalContainer","useFluidMenu","menuPositionerClass","menuPopupClass","FluidMenuItems","useFluidMenuItemRef","menuItemClass","menuItemCheckClass","Check"],"mappings":"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"}

package/dist/select-DZeNf-kI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DZeNf-kI.js","sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } from '@base-ui/react/select';\nimport { Check, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { fieldTriggerStyle } from '@/ds/primitives/form-element';\nimport { menuItemCheckClass, menuItemClass, menuPopupClass, menuPositionerClass } from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value, false>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems as SelectRootProps<Value>['items']}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          'justify-between text-body-sm',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          'aria-invalid:border-destructive-indicator aria-invalid:focus-visible:border-destructive-indicator',\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {/* `SelectPrimitive.Icon` renders the provided element in place of its\n default `<span>`, so the chevron would land as a *direct* `<svg>`\n child of the trigger — where Button's `TEXT_MODE_ADORNMENTS`\n `[&>svg]` rules (negative `mx`, forced 50% opacity, 1.1em sizing)\n would distort and mis-position it. Wrapping it in a `<span>` keeps\n the svg one level deep so those rules can't reach it, leaving the\n chevron pinned at the right edge at its intended size and color. */}\n        <SelectPrimitive.Icon\n          render={\n            <span className=\"flex shrink-0 items-center\">\n              <ChevronDown className={cn('size-4 text-muted-foreground', transitions.colors)} />\n            </span>\n          }\n        />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\n    className?: string;\n    /**\n     * Kept for API compatibility with the previous Radix API. Radix supported\n     * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n     * positioning so this prop is accepted but has no effect.\n     */\n    position?: 'popper' | 'item-aligned';\n    /** Optional portal container, forwarded to `Select.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, className)} {...props}>\n            <SelectPrimitive.List className={menu.containerClassName} {...menu.getContainerProps({})}>\n              <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n            </SelectPrimitive.List>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem };\n"],"names":["SelectPrimitive"],"mappings":"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"}

package/dist/select-field-block-C_x9wNpU.js

@@ -1,59 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { F as FieldBlock } from './field-block--PeppIRb.js';
-import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-DZeNf-kI.js';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-
-function SelectFieldBlock({
-  name,
-  helpText,
-  errorMsg,
-  required = false,
-  disabled = false,
-  size = "md",
-  value,
-  label,
-  labelIsHidden = false,
-  layout = "vertical",
-  labelColumnWidth,
-  options,
-  placeholder = "Select an option",
-  onValueChange,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: label }) : null,
-      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            "aria-label": labelIsHidden ? label : void 0,
-            name,
-            value,
-            onValueChange,
-            disabled,
-            children: [
-              /* @__PURE__ */ jsx(
-                SelectTrigger,
-                {
-                  id: `input-${name}`,
-                  size,
-                  "aria-invalid": errorMsg ? true : void 0,
-                  "aria-describedby": errorMsg ? fieldErrorId(name) : void 0,
-                  children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
-                }
-              ),
-              /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
-            ]
-          }
-        ),
-        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
-      ] })
-    ] })
-  ] });
-}
-
-export { SelectFieldBlock as S };
-//# sourceMappingURL=select-field-block-C_x9wNpU.js.map

package/dist/select-field-block-C_x9wNpU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-field-block-C_x9wNpU.js","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA4BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACV,GAAA,CAAC,UAAA,CAAW,QAAX,EACC,QAAA,kBAAA,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,MAAY,QAAA,EAAoB,QAAA,EAC/C,0CAAgB,GAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClC,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAC/C,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,YACpC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,aAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,kBACjB,IAAA;AAAA,kBACA,cAAA,EAAc,WAAW,IAAA,GAAO,MAAA;AAAA,kBAChC,kBAAA,EAAkB,QAAA,GAAW,YAAA,CAAa,IAAI,CAAA,GAAI,MAAA;AAAA,kBAElD,QAAA,kBAAA,GAAA,CAAC,eAAY,WAAA,EAA0B;AAAA;AAAA,eACzC;AAAA,8BACA,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACX,GAAA,CAAC,UAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/select-field-block-D8AMzoQT.cjs

@@ -1,61 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const fieldBlock = require('./field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
-const select = require('./select-DBY9LQFQ.cjs');
-const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-
-function SelectFieldBlock({
-  name,
-  helpText,
-  errorMsg,
-  required = false,
-  disabled = false,
-  size = "md",
-  value,
-  label,
-  labelIsHidden = false,
-  layout = "vertical",
-  labelColumnWidth,
-  options,
-  placeholder = "Select an option",
-  onValueChange,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
-      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: label }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          select.Select,
-          {
-            "aria-label": labelIsHidden ? label : void 0,
-            name,
-            value,
-            onValueChange,
-            disabled,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                select.SelectTrigger,
-                {
-                  id: `input-${name}`,
-                  size,
-                  "aria-invalid": errorMsg ? true : void 0,
-                  "aria-describedby": errorMsg ? fieldErrorId.fieldErrorId(name) : void 0,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: option.value, children: option.label }, option.value)) })
-            ]
-          }
-        ),
-        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
-      ] })
-    ] })
-  ] });
-}
-
-exports.SelectFieldBlock = SelectFieldBlock;
-//# sourceMappingURL=select-field-block-D8AMzoQT.cjs.map

package/dist/select-field-block-D8AMzoQT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-field-block-D8AMzoQT.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Select","SelectTrigger","fieldErrorId","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;;AA4BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACVC,cAAA,CAACD,qBAAA,CAAW,QAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,sBAAW,KAAA,EAAX,EAAiB,MAAY,QAAA,EAAoB,QAAA,EAC/C,0CAAgBC,cAAA,CAACC,kCAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClCC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAC/C,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAG,eAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,YACpC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAH,cAAA;AAAA,gBAACI,oBAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,kBACjB,IAAA;AAAA,kBACA,cAAA,EAAc,WAAW,IAAA,GAAO,MAAA;AAAA,kBAChC,kBAAA,EAAkB,QAAA,GAAWC,yBAAA,CAAa,IAAI,CAAA,GAAI,MAAA;AAAA,kBAElD,QAAA,kBAAAL,cAAA,CAACM,sBAAY,WAAA,EAA0B;AAAA;AAAA,eACzC;AAAA,8BACAN,cAAA,CAACO,oBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACXP,cAAA,CAACQ,iBAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,2BAAWR,cAAA,CAACD,qBAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/settings-row-C1JZDdz_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-row-C1JZDdz_.js","sources":["../src/ds/new/settings/settings-container.tsx","../src/ds/new/settings/settings-row.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport function SettingsContainerLayout({\n  layout,\n  className,\n  ...props\n}: ComponentProps<'div'> & { layout: 'factory' | 'section' }) {\n  return (\n    <div\n      data-slot={layout === 'section' ? 'section-content' : 'settings-container'}\n      className={cn(\n        layout === 'factory'\n          ? cn(raisedSurfaceStyle, 'divide-y divide-border rounded-xl')\n          : cn(\n              'group-data-[variant=factory]/section:overflow-hidden group-data-[variant=factory]/section:rounded-xl',\n              'group-data-[variant=factory]/section:bg-card group-data-[variant=factory]/section:shadow-raised',\n            ),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function SettingsContainer(props: ComponentProps<'div'>) {\n  return <SettingsContainerLayout {...props} layout=\"factory\" />;\n}\n","import { LockKeyholeIcon } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { FieldBlockErrorMsg } from '@/ds/components/FormFieldBlocks/block/field-block-error-msg';\nimport { Label } from '@/ds/components/Label/label';\nimport { cn } from '@/lib/utils';\n\nexport type SettingsRowProps = Omit<ComponentProps<'div'>, 'children'> & {\n  label: ReactNode;\n  description?: ReactNode;\n  htmlFor?: string;\n  children?: ReactNode;\n  tone?: 'default' | 'destructive';\n  viewOnly?: boolean;\n  required?: boolean;\n  errorMsg?: ReactNode;\n};\n\ntype SettingsRowLayoutProps = SettingsRowProps & {\n  layout: 'factory' | 'section';\n};\n\nexport function SettingsRowLayout({\n  label,\n  description,\n  htmlFor,\n  children,\n  className,\n  layout,\n  tone = 'default',\n  viewOnly = false,\n  required = false,\n  errorMsg,\n  ...props\n}: SettingsRowLayoutProps) {\n  const isSectionLayout = layout === 'section';\n  const TextElement = isSectionLayout ? 'p' : 'span';\n  const LabelElement = htmlFor ? Label : TextElement;\n  const DescriptionElement = isSectionLayout ? 'p' : 'div';\n  const control = viewOnly ? (\n    <>\n      <LockKeyholeIcon className=\"size-4 shrink-0\" aria-hidden />\n      <span className=\"sr-only\">View only: </span>\n      {children}\n    </>\n  ) : (\n    children\n  );\n\n  return (\n    <div\n      data-slot={isSectionLayout ? 'section-row' : 'settings-row'}\n      className={cn(\n        isSectionLayout\n          ? 'grid min-w-0 gap-3 group-data-[variant=factory]/section:px-3 group-data-[variant=factory]/section:py-2 group-data-[variant=flat]/section:p-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center sm:group-data-[variant=default]/section:gap-4 sm:group-data-[variant=factory]/section:gap-4 sm:group-data-[variant=flat]/section:gap-6'\n          : 'flex min-w-0 flex-col',\n        layout === 'factory' && 'gap-2 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4',\n        className,\n      )}\n      {...props}\n    >\n      <div className={cn('min-w-0', !isSectionLayout && 'flex flex-col', layout === 'factory' && 'gap-0.5')}>\n        <LabelElement\n          htmlFor={htmlFor}\n          className={cn(\n            'text-label text-foreground',\n            viewOnly && 'text-muted-foreground',\n            tone === 'destructive' && 'text-destructive-foreground',\n          )}\n        >\n          {label}\n          {required ? (\n            <>\n              <span\n                aria-hidden\n                className={cn('ml-0.5', viewOnly ? 'text-muted-foreground' : 'text-destructive-foreground')}\n              >\n                *\n              </span>\n              <span className=\"sr-only\"> (required)</span>\n            </>\n          ) : null}\n        </LabelElement>\n        {description != null && (\n          <DescriptionElement\n            className={cn(\n              'text-caption text-muted-foreground',\n              isSectionLayout ? 'mt-1 max-w-[62ch] text-pretty' : 'flex flex-col gap-0.5',\n            )}\n          >\n            {description}\n          </DescriptionElement>\n        )}\n        {errorMsg ? (\n          <FieldBlockErrorMsg name={htmlFor} className={cn(isSectionLayout && 'mt-1')}>\n            {errorMsg}\n          </FieldBlockErrorMsg>\n        ) : null}\n      </div>\n      {children != null &&\n        (isSectionLayout || viewOnly ? (\n          <div\n            data-slot={isSectionLayout ? 'section-control' : undefined}\n            className={cn(\n              'min-w-0',\n              isSectionLayout && 'sm:justify-self-end',\n              viewOnly && 'flex items-center gap-2 text-body-sm text-muted-foreground',\n            )}\n          >\n            {control}\n          </div>\n        ) : (\n          control\n        ))}\n    </div>\n  );\n}\n\nexport function SettingsRow(props: SettingsRowProps) {\n  return <SettingsRowLayout {...props} layout=\"factory\" />;\n}\n"],"names":[],"mappings":"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"}