@vtex/faststore 0.0.4 → 0.0.6

package/dist/particles/select/field-select.js

@@ -0,0 +1,150 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { TEXT_FIELD_VALUE, resolveRequiredness, useBoundField, useField } from "../field/field.js";
+import { Select } from "./select.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+//#region src/particles/select/field-select.tsx
+const SELECT_DOC = "./select.md";
+const FieldSelectRootDefinition = defineComponent({
+	name: "FieldSelectRoot",
+	importPath: "@vtex/faststore/components",
+	component: FieldSelectRoot,
+	requiresContext: "field",
+	editor: {
+		label: "Field Select Root",
+		category: "layout"
+	},
+	schema: { modal: {
+		type: "boolean",
+		default: true,
+		label: "Modal"
+	} },
+	guideline: "Bound select over the shipped Select particle: reads the enclosing field contract and drives Select.Root through react-hook-form. Childless, it renders the full default anatomy (trigger, value, icon, popup, list, one item per option); given children, place FieldSelect.Trigger/Value/Options among the generic Select.* parts to recompose it.",
+	docPath: SELECT_DOC
+});
+const FieldSelectTriggerDefinition = defineComponent({
+	name: "FieldSelectTrigger",
+	importPath: "@vtex/faststore/components",
+	component: FieldSelectTrigger,
+	requiresContext: "field",
+	editor: {
+		label: "Field Select Trigger",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Bound select's trigger: announces the field's resolved requiredness as aria-required (never native required, so react-hook-form's validation runs instead of the browser's). A select carries no raise of its own, so the fieldset's rule is the whole of it. Place FieldSelect.Value and, optionally, Select.Icon inside it.",
+	docPath: SELECT_DOC
+});
+const FieldSelectValueDefinition = defineComponent({
+	name: "FieldSelectValue",
+	importPath: "@vtex/faststore/components",
+	component: FieldSelectValue,
+	requiresContext: "field",
+	editor: {
+		label: "Field Select Value",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Resolves the trigger's label from the field contract's options, so the chosen option's label shows on first paint instead of the raw stored value. Falls back to the raw value when nothing matches, and to the placeholder when empty.",
+	docPath: SELECT_DOC
+});
+const FieldSelectOptionsDefinition = defineComponent({
+	name: "FieldSelectOptions",
+	importPath: "@vtex/faststore/components",
+	component: FieldSelectOptions,
+	requiresContext: "field",
+	editor: {
+		label: "Field Select Options",
+		category: "content"
+	},
+	schema: {},
+	guideline: "Renders one Select.Item per field contract option, in contract order — the option list is platform data, never authored here. Pass children (e.g. a Select.ItemIndicator) to render inside every item, after its text.",
+	docPath: SELECT_DOC
+});
+function FieldSelectRoot({ modal = true, children }) {
+	const contract = useField();
+	const formContext = useFormContext();
+	if (contract && formContext) return /* @__PURE__ */ jsx(BoundFieldSelectRoot, {
+		contract,
+		modal,
+		children
+	});
+	return /* @__PURE__ */ jsx(Select.Root, {
+		modal,
+		disabled: contract?.disabled,
+		readOnly: contract?.readOnly,
+		children: children ?? /* @__PURE__ */ jsx(DefaultFieldSelectAnatomy, {})
+	});
+}
+function BoundFieldSelectRoot({ contract, modal, children }) {
+	const field = useBoundField(contract, TEXT_FIELD_VALUE);
+	return /* @__PURE__ */ jsx(Select.Root, {
+		value: field.value,
+		onValueChange: (next) => field.onChange(next ?? ""),
+		disabled: contract.disabled,
+		readOnly: contract.readOnly,
+		name: contract.name,
+		autoComplete: contract.autoComplete,
+		modal,
+		children: children ?? /* @__PURE__ */ jsx(DefaultFieldSelectAnatomy, {})
+	});
+}
+/** The nine-node default anatomy, shared by the bound and unbound paths — each part reads the
+* contract for itself through `useField()`, so no data is threaded through here. */
+function DefaultFieldSelectAnatomy() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(FieldSelectTrigger, { children: [/* @__PURE__ */ jsx(FieldSelectValue, {}), /* @__PURE__ */ jsx(Select.Icon, {})] }), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Popup, { children: /* @__PURE__ */ jsx(Select.List, { children: /* @__PURE__ */ jsx(FieldSelectOptions, {}) }) }) }) })] });
+}
+function FieldSelectTrigger({ children, ...props }) {
+	const contract = useField();
+	if (contract) return /* @__PURE__ */ jsx(Select.Trigger, {
+		...props,
+		"aria-required": resolveRequiredness(contract.rule).required || void 0,
+		"data-fs-field-select-trigger": "",
+		children
+	});
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		...props,
+		"data-fs-field-select-trigger": "",
+		children
+	});
+}
+function FieldSelectValue({ placeholder, ...props }) {
+	const contract = useField();
+	if (contract) return /* @__PURE__ */ jsx(Select.Value, {
+		...props,
+		"data-fs-field-select-value": "",
+		children: (value) => resolveOptionLabel(value, contract.options, placeholder ?? contract.placeholder)
+	});
+	return /* @__PURE__ */ jsx(Select.Value, {
+		...props,
+		placeholder,
+		"data-fs-field-select-value": ""
+	});
+}
+function resolveOptionLabel(value, options, placeholder) {
+	if (!value) return placeholder;
+	return options?.find((option) => option.value === value)?.label ?? value;
+}
+function FieldSelectOptions({ className, children }) {
+	const contract = useField();
+	if (!contract?.options) return null;
+	return /* @__PURE__ */ jsx(Fragment, { children: contract.options.map((option) => /* @__PURE__ */ jsxs(Select.Item, {
+		value: option.value,
+		label: option.label,
+		className,
+		"data-fs-field-select-option": "",
+		children: [/* @__PURE__ */ jsx(Select.ItemText, { children: option.label }), children]
+	}, option.value)) });
+}
+const FieldSelect = {
+	Root: FieldSelectRoot,
+	Trigger: FieldSelectTrigger,
+	Value: FieldSelectValue,
+	Options: FieldSelectOptions
+};
+//#endregion
+export { FieldSelect, FieldSelectOptions, FieldSelectOptionsDefinition, FieldSelectRoot, FieldSelectRootDefinition, FieldSelectTrigger, FieldSelectTriggerDefinition, FieldSelectValue, FieldSelectValueDefinition };
+
+//# sourceMappingURL=field-select.js.map

package/dist/particles/select/field-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.js","names":[],"sources":["../../../src/particles/select/field-select.tsx"],"sourcesContent":["'use client';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport type { FieldContract } from '../field/field.js';\nimport { resolveRequiredness, TEXT_FIELD_VALUE, useBoundField, useField } from '../field/field.js';\nimport { Select } from './select.js';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * Binds a chosen-option field. Reads the enclosing field contract, registers with react-hook-form,\n * and drives the shipped `Select.Root`. Childless, it renders the default nine-node anatomy; given\n * children, it renders them and they bind the same way.\n */\nexport type FieldSelectRootProps = {\n  /** Base UI's modal behaviour. The one authorable knob that carries no field meaning. */\n  modal?: boolean;\n  children?: ReactNode;\n};\n\n/** The field's requiredness and the bound select's styling hook, on the focusable control. */\nexport type FieldSelectTriggerProps = Omit<ComponentPropsWithRef<'button'>, 'dangerouslySetInnerHTML'>;\n\n/** The chosen option's label, resolved from the contract's options. */\nexport type FieldSelectValueProps = Omit<ComponentPropsWithRef<'span'>, 'children' | 'dangerouslySetInnerHTML'> & {\n  placeholder?: string;\n};\n\n/** One `Select.Item` per contract option. Renders nothing when the contract carries none. */\nexport type FieldSelectOptionsProps = {\n  /** Applied to every item this part renders; it renders no wrapper of its own. */\n  className?: string;\n  /** Rendered inside every item, after its text — e.g. a `Select.ItemIndicator`. */\n  children?: ReactNode;\n};\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\n// Explicit override: this file's basename doesn't match `select.md`, so the catalog builder's\n// convention-based lookup (`<basename>.md` next to the source) finds nothing here.\nconst SELECT_DOC = './select.md';\n\nexport const FieldSelectRootDefinition = defineComponent<FieldSelectRootProps>({\n  name: 'FieldSelectRoot',\n  importPath: '@vtex/faststore/components',\n  component: FieldSelectRoot,\n  requiresContext: 'field',\n  editor: { label: 'Field Select Root', category: 'layout' },\n  schema: {\n    modal: { type: 'boolean', default: true, label: 'Modal' },\n  },\n  guideline:\n    'Bound select over the shipped Select particle: reads the enclosing field contract and drives Select.Root through react-hook-form. Childless, it renders the full default anatomy (trigger, value, icon, popup, list, one item per option); given children, place FieldSelect.Trigger/Value/Options among the generic Select.* parts to recompose it.',\n  docPath: SELECT_DOC,\n});\n\nexport const FieldSelectTriggerDefinition = defineComponent<FieldSelectTriggerProps>({\n  name: 'FieldSelectTrigger',\n  importPath: '@vtex/faststore/components',\n  component: FieldSelectTrigger,\n  requiresContext: 'field',\n  editor: { label: 'Field Select Trigger', category: 'action' },\n  schema: {},\n  guideline:\n    \"Bound select's trigger: announces the field's resolved requiredness as aria-required (never native required, so react-hook-form's validation runs instead of the browser's). A select carries no raise of its own, so the fieldset's rule is the whole of it. Place FieldSelect.Value and, optionally, Select.Icon inside it.\",\n  docPath: SELECT_DOC,\n});\n\nexport const FieldSelectValueDefinition = defineComponent<FieldSelectValueProps>({\n  name: 'FieldSelectValue',\n  importPath: '@vtex/faststore/components',\n  component: FieldSelectValue,\n  requiresContext: 'field',\n  editor: { label: 'Field Select Value', category: 'layout' },\n  schema: {},\n  guideline:\n    \"Resolves the trigger's label from the field contract's options, so the chosen option's label shows on first paint instead of the raw stored value. Falls back to the raw value when nothing matches, and to the placeholder when empty.\",\n  docPath: SELECT_DOC,\n});\n\nexport const FieldSelectOptionsDefinition = defineComponent<FieldSelectOptionsProps>({\n  name: 'FieldSelectOptions',\n  importPath: '@vtex/faststore/components',\n  component: FieldSelectOptions,\n  requiresContext: 'field',\n  editor: { label: 'Field Select Options', category: 'content' },\n  schema: {},\n  guideline:\n    'Renders one Select.Item per field contract option, in contract order — the option list is platform data, never authored here. Pass children (e.g. a Select.ItemIndicator) to render inside every item, after its text.',\n  docPath: SELECT_DOC,\n});\n\n// ---------------------------------------------------------------------------\n// Root\n// ---------------------------------------------------------------------------\n\nexport function FieldSelectRoot({ modal = true, children }: FieldSelectRootProps): ReactNode {\n  const contract = useField();\n  const formContext = useFormContext();\n\n  if (contract && formContext) {\n    return (\n      <BoundFieldSelectRoot contract={contract} modal={modal}>\n        {children}\n      </BoundFieldSelectRoot>\n    );\n  }\n\n  return (\n    <Select.Root modal={modal} disabled={contract?.disabled} readOnly={contract?.readOnly}>\n      {children ?? <DefaultFieldSelectAnatomy />}\n    </Select.Root>\n  );\n}\n\ntype BoundFieldSelectRootProps = FieldSelectRootProps & { contract: FieldContract };\n\nfunction BoundFieldSelectRoot({ contract, modal, children }: BoundFieldSelectRootProps) {\n  const field = useBoundField(contract, TEXT_FIELD_VALUE);\n\n  return (\n    <Select.Root\n      value={field.value}\n      onValueChange={(next) => field.onChange(next ?? '')}\n      disabled={contract.disabled}\n      readOnly={contract.readOnly}\n      name={contract.name}\n      autoComplete={contract.autoComplete}\n      modal={modal}\n    >\n      {children ?? <DefaultFieldSelectAnatomy />}\n    </Select.Root>\n  );\n}\n\n/** The nine-node default anatomy, shared by the bound and unbound paths — each part reads the\n * contract for itself through `useField()`, so no data is threaded through here. */\nfunction DefaultFieldSelectAnatomy() {\n  return (\n    <>\n      <FieldSelectTrigger>\n        <FieldSelectValue />\n        <Select.Icon />\n      </FieldSelectTrigger>\n      <Select.Portal>\n        <Select.Positioner>\n          <Select.Popup>\n            <Select.List>\n              <FieldSelectOptions />\n            </Select.List>\n          </Select.Popup>\n        </Select.Positioner>\n      </Select.Portal>\n    </>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Trigger\n// ---------------------------------------------------------------------------\n\nexport function FieldSelectTrigger({ children, ...props }: FieldSelectTriggerProps): ReactNode {\n  const contract = useField();\n\n  if (contract) {\n    // The pure resolver, not `useBoundField`'s resolved value: the trigger is not the component that\n    // binds the field, so it has no bound field to read. A select carries no raise of its own, so\n    // the contract's baseline is the whole of it.\n    return (\n      <Select.Trigger\n        {...props}\n        aria-required={resolveRequiredness(contract.rule).required || undefined}\n        data-fs-field-select-trigger=\"\"\n      >\n        {children}\n      </Select.Trigger>\n    );\n  }\n\n  return (\n    <Select.Trigger {...props} data-fs-field-select-trigger=\"\">\n      {children}\n    </Select.Trigger>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Value\n// ---------------------------------------------------------------------------\n\nexport function FieldSelectValue({ placeholder, ...props }: FieldSelectValueProps): ReactNode {\n  const contract = useField();\n\n  if (contract) {\n    return (\n      <Select.Value {...props} data-fs-field-select-value=\"\">\n        {(value) => resolveOptionLabel(value, contract.options, placeholder ?? contract.placeholder)}\n      </Select.Value>\n    );\n  }\n\n  return <Select.Value {...props} placeholder={placeholder} data-fs-field-select-value=\"\" />;\n}\n\nfunction resolveOptionLabel(\n  value: string | null,\n  options: FieldContract['options'],\n  placeholder: string | undefined,\n): ReactNode {\n  if (!value) return placeholder;\n  return options?.find((option) => option.value === value)?.label ?? value;\n}\n\n// ---------------------------------------------------------------------------\n// Options\n// ---------------------------------------------------------------------------\n\nexport function FieldSelectOptions({ className, children }: FieldSelectOptionsProps): ReactNode {\n  const contract = useField();\n\n  if (!contract?.options) return null;\n\n  return (\n    <>\n      {contract.options.map((option) => (\n        <Select.Item\n          key={option.value}\n          value={option.value}\n          label={option.label}\n          className={className}\n          data-fs-field-select-option=\"\"\n        >\n          <Select.ItemText>{option.label}</Select.ItemText>\n          {children}\n        </Select.Item>\n      ))}\n    </>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace\n// ---------------------------------------------------------------------------\n\nexport const FieldSelect = {\n  Root: FieldSelectRoot,\n  Trigger: FieldSelectTrigger,\n  Value: FieldSelectValue,\n  Options: FieldSelectOptions,\n};\n"],"mappings":"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"}

package/dist/particles/select/select.d.ts

@@ -16,6 +16,8 @@ export type SelectRootProps = {
   defaultOpen?: boolean;
   onOpenChange?: (open: boolean) => void;
   name?: string;
+  /** Forwarded to Base UI's hidden `<input>` — turns on browser autofill for the field. */
+  autoComplete?: string;
   children?: ReactNode;
 };
 export type SelectLabelProps = ComponentPropsWithRef<'div'>;

package/dist/particles/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["BaseSelect","Select"],"sources":["../../../src/particles/select/select.tsx"],"sourcesContent":["'use client';\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type SelectSide = 'top' | 'bottom' | 'left' | 'right';\nexport type SelectAlign = 'start' | 'center' | 'end';\n\nexport type SelectRootProps = {\n  disabled?: boolean;\n  modal?: boolean;\n  required?: boolean;\n  readOnly?: boolean;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string | null) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  name?: string;\n  children?: ReactNode;\n};\n\nexport type SelectLabelProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectTriggerProps = ComponentPropsWithRef<'button'> & {\n  disabled?: boolean;\n};\n\nexport type SelectValueProps = Omit<ComponentPropsWithRef<'span'>, 'children'> & {\n  placeholder?: string;\n  /** Rendered content, or a render function receiving the current value (Base UI resolves the\n   * matching item's label automatically when omitted, but only once that item has mounted at\n   * least once — e.g. after the popup has been opened — so pass a render function when the\n   * label must be correct before the shopper ever opens the dropdown). */\n  children?: ReactNode | ((value: string | null) => ReactNode);\n};\n\nexport type SelectIconProps = ComponentPropsWithRef<'span'>;\n\nexport type SelectPortalProps = {\n  children?: ReactNode;\n};\n\nexport type SelectBackdropProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectPositionerProps = ComponentPropsWithRef<'div'> & {\n  side?: SelectSide;\n  align?: SelectAlign;\n  sideOffset?: number;\n  alignItemWithTrigger?: boolean;\n};\n\nexport type SelectScrollUpArrowProps = ComponentPropsWithRef<'div'> & {\n  keepMounted?: boolean;\n};\n\nexport type SelectPopupProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectArrowProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectListProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectItemProps = ComponentPropsWithRef<'div'> & {\n  value?: string;\n  disabled?: boolean;\n  label?: string;\n};\n\nexport type SelectItemTextProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectItemIndicatorProps = ComponentPropsWithRef<'span'> & {\n  keepMounted?: boolean;\n};\n\nexport type SelectSeparatorProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectGroupProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectGroupLabelProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectScrollDownArrowProps = ComponentPropsWithRef<'div'> & {\n  keepMounted?: boolean;\n};\n\nexport const SelectRootDefinition = defineComponent<SelectRootProps>({\n  name: 'SelectRoot',\n  importPath: '@vtex/faststore/components',\n  component: SelectRoot,\n  editor: { label: 'Select Root', category: 'layout' },\n  schema: {\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n    modal: { type: 'boolean', default: true, label: 'Modal' },\n    required: { type: 'boolean', default: false, label: 'Required' },\n    readOnly: { type: 'boolean', default: false, label: 'Read Only' },\n  },\n  guideline:\n    'Root of a select dropdown. Manages selection state, modal overlay, and form integration. Compose as: SelectRoot > (SelectLabel + SelectTrigger > (SelectValue + SelectIcon) + SelectPortal > (SelectBackdrop + SelectPositioner > SelectPopup > (SelectScrollUpArrow + SelectList > [SelectItem > (SelectItemText + SelectItemIndicator)] + SelectScrollDownArrow))). Use SelectGroup > (SelectGroupLabel + [SelectItem]) for grouped options. Set modal=false to allow interacting with background elements while open.',\n});\n\nexport const SelectLabelDefinition = defineComponent<SelectLabelProps>({\n  name: 'SelectLabel',\n  importPath: '@vtex/faststore/components',\n  component: SelectLabel,\n  editor: { label: 'Select Label', category: 'layout' },\n  schema: {},\n  guideline:\n    'Accessible label associated with the trigger. Always place outside Select.Trigger so screen readers announce it separately.',\n});\n\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerProps>({\n  name: 'SelectTrigger',\n  importPath: '@vtex/faststore/components',\n  component: SelectTrigger,\n  editor: { label: 'Select Trigger', category: 'action' },\n  schema: {\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    'Opens and closes the popup on click. Use data-open and data-placeholder CSS attributes for open-state and empty-state styling.',\n});\n\nexport const SelectValueDefinition = defineComponent<SelectValueProps>({\n  name: 'SelectValue',\n  importPath: '@vtex/faststore/components',\n  component: SelectValue,\n  editor: { label: 'Select Value', category: 'layout' },\n  schema: {},\n  guideline:\n    \"Renders the selected item's text, or placeholder when nothing is selected. Style the placeholder state via [data-fs-select-value][data-placeholder].\",\n});\n\nexport const SelectIconDefinition = defineComponent<SelectIconProps>({\n  name: 'SelectIcon',\n  importPath: '@vtex/faststore/components',\n  component: SelectIcon,\n  editor: { label: 'Select Icon', category: 'layout' },\n  schema: {},\n  guideline:\n    'Decorative indicator (e.g. chevron) inside the trigger. Rotates or changes when the popup opens via data-open.',\n});\n\nexport const SelectPortalDefinition = defineComponent<SelectPortalProps>({\n  name: 'SelectPortal',\n  importPath: '@vtex/faststore/components',\n  component: SelectPortal,\n  editor: { label: 'Select Portal', category: 'layout' },\n  schema: {},\n  guideline:\n    'Teleports popup content to <body>. Always wrap Select.Positioner with this to avoid overflow/z-index issues.',\n});\n\nexport const SelectBackdropDefinition = defineComponent<SelectBackdropProps>({\n  name: 'SelectBackdrop',\n  importPath: '@vtex/faststore/components',\n  component: SelectBackdrop,\n  editor: { label: 'Select Backdrop', category: 'layout' },\n  schema: {},\n  guideline:\n    'Invisible overlay that closes the select when clicked outside. Required when modal=true to trap interaction.',\n});\n\nexport const SelectPositionerDefinition = defineComponent<SelectPositionerProps>({\n  name: 'SelectPositioner',\n  importPath: '@vtex/faststore/components',\n  component: SelectPositioner,\n  editor: { label: 'Select Positioner', category: 'layout' },\n  schema: {\n    side: { type: ['top', 'bottom', 'left', 'right'] as const, default: 'bottom', label: 'Side' },\n    align: { type: ['start', 'center', 'end'] as const, default: 'center', label: 'Align' },\n    sideOffset: { type: 'number', default: 0, label: 'Side Offset' },\n    alignItemWithTrigger: { type: 'boolean', default: true, label: 'Align Item With Trigger' },\n  },\n  guideline:\n    'Positions the popup relative to the trigger. Use side and align to control placement; alignItemWithTrigger=true overlaps the trigger to align the selected item visually.',\n});\n\nexport const SelectScrollUpArrowDefinition = defineComponent<SelectScrollUpArrowProps>({\n  name: 'SelectScrollUpArrow',\n  importPath: '@vtex/faststore/components',\n  component: SelectScrollUpArrow,\n  editor: { label: 'Select Scroll Up Arrow', category: 'layout' },\n  schema: {\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline: 'Scrolls the list upward when hovered. Appears automatically when the list overflows at the top.',\n});\n\nexport const SelectPopupDefinition = defineComponent<SelectPopupProps>({\n  name: 'SelectPopup',\n  importPath: '@vtex/faststore/components',\n  component: SelectPopup,\n  editor: { label: 'Select Popup', category: 'layout' },\n  schema: {},\n  guideline: 'Visible container for the select list. Apply background, shadow, and border styles here.',\n});\n\nexport const SelectArrowDefinition = defineComponent<SelectArrowProps>({\n  name: 'SelectArrow',\n  importPath: '@vtex/faststore/components',\n  component: SelectArrow,\n  editor: { label: 'Select Arrow', category: 'layout' },\n  schema: {},\n  guideline:\n    'Pointing arrow attached to the popup indicating the anchor. Optional — omit when not using an arrow indicator.',\n});\n\nexport const SelectListDefinition = defineComponent<SelectListProps>({\n  name: 'SelectList',\n  importPath: '@vtex/faststore/components',\n  component: SelectList,\n  editor: { label: 'Select List', category: 'layout' },\n  schema: {},\n  guideline: 'Scrollable container for all Select.Item elements. Apply max-height and overflow for scrolling.',\n});\n\nexport const SelectItemDefinition = defineComponent<SelectItemProps>({\n  name: 'SelectItem',\n  importPath: '@vtex/faststore/components',\n  component: SelectItem,\n  editor: { label: 'Select Item', category: 'layout' },\n  schema: {\n    value: { type: 'string', label: 'Value' },\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    'One selectable option. Requires a unique value prop. Style selected and highlighted states via data-selected and data-highlighted attributes.',\n});\n\nexport const SelectItemTextDefinition = defineComponent<SelectItemTextProps>({\n  name: 'SelectItemText',\n  importPath: '@vtex/faststore/components',\n  component: SelectItemText,\n  editor: { label: 'Select Item Text', category: 'layout' },\n  schema: {},\n  guideline: 'The visible text label of an item. Base UI uses this for keyboard navigation matching.',\n});\n\nexport const SelectItemIndicatorDefinition = defineComponent<SelectItemIndicatorProps>({\n  name: 'SelectItemIndicator',\n  importPath: '@vtex/faststore/components',\n  component: SelectItemIndicator,\n  editor: { label: 'Select Item Indicator', category: 'layout' },\n  schema: {\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline: 'Checkmark or indicator shown only on the selected item. Set keepMounted=true to animate in/out.',\n});\n\nexport const SelectSeparatorDefinition = defineComponent<SelectSeparatorProps>({\n  name: 'SelectSeparator',\n  importPath: '@vtex/faststore/components',\n  component: SelectSeparator,\n  editor: { label: 'Select Separator', category: 'layout' },\n  schema: {},\n  guideline: 'Visual divider between items or groups. Use between unrelated option groups.',\n});\n\nexport const SelectGroupDefinition = defineComponent<SelectGroupProps>({\n  name: 'SelectGroup',\n  importPath: '@vtex/faststore/components',\n  component: SelectGroup,\n  editor: { label: 'Select Group', category: 'layout' },\n  schema: {},\n  guideline: 'Groups related items under a shared SelectGroupLabel for semantic and visual grouping.',\n});\n\nexport const SelectGroupLabelDefinition = defineComponent<SelectGroupLabelProps>({\n  name: 'SelectGroupLabel',\n  importPath: '@vtex/faststore/components',\n  component: SelectGroupLabel,\n  editor: { label: 'Select Group Label', category: 'layout' },\n  schema: {},\n  guideline: 'Non-interactive label for a Select.Group. Announced by screen readers as a group name.',\n});\n\nexport const SelectScrollDownArrowDefinition = defineComponent<SelectScrollDownArrowProps>({\n  name: 'SelectScrollDownArrow',\n  importPath: '@vtex/faststore/components',\n  component: SelectScrollDownArrow,\n  editor: { label: 'Select Scroll Down Arrow', category: 'layout' },\n  schema: {\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline: 'Scrolls the list downward when hovered. Appears when the list overflows at the bottom.',\n});\n\nexport function SelectRoot({\n  disabled = false,\n  modal = true,\n  required = false,\n  readOnly = false,\n  children,\n  ...props\n}: SelectRootProps) {\n  return (\n    <BaseSelect.Root {...props} disabled={disabled} modal={modal} required={required} readOnly={readOnly}>\n      {children}\n    </BaseSelect.Root>\n  );\n}\n\nexport function SelectLabel({ className, children, ...props }: SelectLabelProps) {\n  return (\n    <BaseSelect.Label {...props} className={className} data-fs-select-label=\"\">\n      {children}\n    </BaseSelect.Label>\n  );\n}\n\nexport function SelectTrigger({ disabled = false, className, children, ...props }: SelectTriggerProps) {\n  return (\n    <BaseSelect.Trigger {...props} disabled={disabled} className={className} data-fs-select-trigger=\"\">\n      {children}\n    </BaseSelect.Trigger>\n  );\n}\n\nexport function SelectValue({ placeholder, className, children, ...props }: SelectValueProps) {\n  return (\n    <BaseSelect.Value {...props} placeholder={placeholder} className={className} data-fs-select-value=\"\">\n      {children}\n    </BaseSelect.Value>\n  );\n}\n\nexport function SelectIcon({ className, children, ...props }: SelectIconProps) {\n  return (\n    <BaseSelect.Icon {...props} className={className} data-fs-select-icon=\"\">\n      {children}\n    </BaseSelect.Icon>\n  );\n}\n\nexport function SelectPortal({ children }: SelectPortalProps) {\n  return <BaseSelect.Portal>{children}</BaseSelect.Portal>;\n}\n\nexport function SelectBackdrop({ className, children, ...props }: SelectBackdropProps) {\n  return (\n    <BaseSelect.Backdrop {...props} className={className} data-fs-select-backdrop=\"\">\n      {children}\n    </BaseSelect.Backdrop>\n  );\n}\n\nexport function SelectPositioner({\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 0,\n  alignItemWithTrigger = true,\n  className,\n  children,\n  ...props\n}: SelectPositionerProps) {\n  return (\n    <BaseSelect.Positioner\n      {...props}\n      side={side}\n      align={align}\n      sideOffset={sideOffset}\n      alignItemWithTrigger={alignItemWithTrigger}\n      className={className}\n      data-fs-select-positioner=\"\"\n    >\n      {children}\n    </BaseSelect.Positioner>\n  );\n}\n\nexport function SelectScrollUpArrow({ keepMounted = false, className, children, ...props }: SelectScrollUpArrowProps) {\n  return (\n    <BaseSelect.ScrollUpArrow\n      {...props}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-select-scroll-up-arrow=\"\"\n    >\n      {children}\n    </BaseSelect.ScrollUpArrow>\n  );\n}\n\nexport function SelectPopup({ className, children, ...props }: SelectPopupProps) {\n  return (\n    <BaseSelect.Popup {...props} className={className} data-fs-select-popup=\"\">\n      {children}\n    </BaseSelect.Popup>\n  );\n}\n\nexport function SelectArrow({ className, children, ...props }: SelectArrowProps) {\n  return (\n    <BaseSelect.Arrow {...props} className={className} data-fs-select-arrow=\"\">\n      {children}\n    </BaseSelect.Arrow>\n  );\n}\n\nexport function SelectList({ className, children, ...props }: SelectListProps) {\n  return (\n    <BaseSelect.List {...props} className={className} data-fs-select-list=\"\">\n      {children}\n    </BaseSelect.List>\n  );\n}\n\nexport function SelectItem({ value, disabled = false, label, className, children, ...props }: SelectItemProps) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      value={value}\n      disabled={disabled}\n      label={label}\n      className={className}\n      data-fs-select-item=\"\"\n    >\n      {children}\n    </BaseSelect.Item>\n  );\n}\n\nexport function SelectItemText({ className, children, ...props }: SelectItemTextProps) {\n  return (\n    <BaseSelect.ItemText {...props} className={className} data-fs-select-item-text=\"\">\n      {children}\n    </BaseSelect.ItemText>\n  );\n}\n\nexport function SelectItemIndicator({ keepMounted = false, className, children, ...props }: SelectItemIndicatorProps) {\n  return (\n    <BaseSelect.ItemIndicator\n      {...props}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-select-item-indicator=\"\"\n    >\n      {children}\n    </BaseSelect.ItemIndicator>\n  );\n}\n\nexport function SelectSeparator({ className, children, ...props }: SelectSeparatorProps) {\n  return (\n    <BaseSelect.Separator {...props} className={className} data-fs-select-separator=\"\">\n      {children}\n    </BaseSelect.Separator>\n  );\n}\n\nexport function SelectGroup({ className, children, ...props }: SelectGroupProps) {\n  return (\n    <BaseSelect.Group {...props} className={className} data-fs-select-group=\"\">\n      {children}\n    </BaseSelect.Group>\n  );\n}\n\nexport function SelectGroupLabel({ className, children, ...props }: SelectGroupLabelProps) {\n  return (\n    <BaseSelect.GroupLabel {...props} className={className} data-fs-select-group-label=\"\">\n      {children}\n    </BaseSelect.GroupLabel>\n  );\n}\n\nexport function SelectScrollDownArrow({\n  keepMounted = false,\n  className,\n  children,\n  ...props\n}: SelectScrollDownArrowProps) {\n  return (\n    <BaseSelect.ScrollDownArrow\n      {...props}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-select-scroll-down-arrow=\"\"\n    >\n      {children}\n    </BaseSelect.ScrollDownArrow>\n  );\n}\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Backdrop: SelectBackdrop,\n  Positioner: SelectPositioner,\n  ScrollUpArrow: SelectScrollUpArrow,\n  Popup: SelectPopup,\n  Arrow: SelectArrow,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Separator: SelectSeparator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  ScrollDownArrow: SelectScrollDownArrow,\n};\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["BaseSelect","Select"],"sources":["../../../src/particles/select/select.tsx"],"sourcesContent":["'use client';\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type SelectSide = 'top' | 'bottom' | 'left' | 'right';\nexport type SelectAlign = 'start' | 'center' | 'end';\n\nexport type SelectRootProps = {\n  disabled?: boolean;\n  modal?: boolean;\n  required?: boolean;\n  readOnly?: boolean;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string | null) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  name?: string;\n  /** Forwarded to Base UI's hidden `<input>` — turns on browser autofill for the field. */\n  autoComplete?: string;\n  children?: ReactNode;\n};\n\nexport type SelectLabelProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectTriggerProps = ComponentPropsWithRef<'button'> & {\n  disabled?: boolean;\n};\n\nexport type SelectValueProps = Omit<ComponentPropsWithRef<'span'>, 'children'> & {\n  placeholder?: string;\n  /** Rendered content, or a render function receiving the current value (Base UI resolves the\n   * matching item's label automatically when omitted, but only once that item has mounted at\n   * least once — e.g. after the popup has been opened — so pass a render function when the\n   * label must be correct before the shopper ever opens the dropdown). */\n  children?: ReactNode | ((value: string | null) => ReactNode);\n};\n\nexport type SelectIconProps = ComponentPropsWithRef<'span'>;\n\nexport type SelectPortalProps = {\n  children?: ReactNode;\n};\n\nexport type SelectBackdropProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectPositionerProps = ComponentPropsWithRef<'div'> & {\n  side?: SelectSide;\n  align?: SelectAlign;\n  sideOffset?: number;\n  alignItemWithTrigger?: boolean;\n};\n\nexport type SelectScrollUpArrowProps = ComponentPropsWithRef<'div'> & {\n  keepMounted?: boolean;\n};\n\nexport type SelectPopupProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectArrowProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectListProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectItemProps = ComponentPropsWithRef<'div'> & {\n  value?: string;\n  disabled?: boolean;\n  label?: string;\n};\n\nexport type SelectItemTextProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectItemIndicatorProps = ComponentPropsWithRef<'span'> & {\n  keepMounted?: boolean;\n};\n\nexport type SelectSeparatorProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectGroupProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectGroupLabelProps = ComponentPropsWithRef<'div'>;\n\nexport type SelectScrollDownArrowProps = ComponentPropsWithRef<'div'> & {\n  keepMounted?: boolean;\n};\n\nexport const SelectRootDefinition = defineComponent<SelectRootProps>({\n  name: 'SelectRoot',\n  importPath: '@vtex/faststore/components',\n  component: SelectRoot,\n  editor: { label: 'Select Root', category: 'layout' },\n  schema: {\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n    modal: { type: 'boolean', default: true, label: 'Modal' },\n    required: { type: 'boolean', default: false, label: 'Required' },\n    readOnly: { type: 'boolean', default: false, label: 'Read Only' },\n  },\n  guideline:\n    'Root of a select dropdown. Manages selection state, modal overlay, and form integration. Compose as: SelectRoot > (SelectLabel + SelectTrigger > (SelectValue + SelectIcon) + SelectPortal > (SelectBackdrop + SelectPositioner > SelectPopup > (SelectScrollUpArrow + SelectList > [SelectItem > (SelectItemText + SelectItemIndicator)] + SelectScrollDownArrow))). Use SelectGroup > (SelectGroupLabel + [SelectItem]) for grouped options. Set modal=false to allow interacting with background elements while open.',\n});\n\nexport const SelectLabelDefinition = defineComponent<SelectLabelProps>({\n  name: 'SelectLabel',\n  importPath: '@vtex/faststore/components',\n  component: SelectLabel,\n  editor: { label: 'Select Label', category: 'layout' },\n  schema: {},\n  guideline:\n    'Accessible label associated with the trigger. Always place outside Select.Trigger so screen readers announce it separately.',\n});\n\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerProps>({\n  name: 'SelectTrigger',\n  importPath: '@vtex/faststore/components',\n  component: SelectTrigger,\n  editor: { label: 'Select Trigger', category: 'action' },\n  schema: {\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    'Opens and closes the popup on click. Use data-open and data-placeholder CSS attributes for open-state and empty-state styling.',\n});\n\nexport const SelectValueDefinition = defineComponent<SelectValueProps>({\n  name: 'SelectValue',\n  importPath: '@vtex/faststore/components',\n  component: SelectValue,\n  editor: { label: 'Select Value', category: 'layout' },\n  schema: {},\n  guideline:\n    \"Renders the selected item's text, or placeholder when nothing is selected. Style the placeholder state via [data-fs-select-value][data-placeholder].\",\n});\n\nexport const SelectIconDefinition = defineComponent<SelectIconProps>({\n  name: 'SelectIcon',\n  importPath: '@vtex/faststore/components',\n  component: SelectIcon,\n  editor: { label: 'Select Icon', category: 'layout' },\n  schema: {},\n  guideline:\n    'Decorative indicator (e.g. chevron) inside the trigger. Rotates or changes when the popup opens via data-open.',\n});\n\nexport const SelectPortalDefinition = defineComponent<SelectPortalProps>({\n  name: 'SelectPortal',\n  importPath: '@vtex/faststore/components',\n  component: SelectPortal,\n  editor: { label: 'Select Portal', category: 'layout' },\n  schema: {},\n  guideline:\n    'Teleports popup content to <body>. Always wrap Select.Positioner with this to avoid overflow/z-index issues.',\n});\n\nexport const SelectBackdropDefinition = defineComponent<SelectBackdropProps>({\n  name: 'SelectBackdrop',\n  importPath: '@vtex/faststore/components',\n  component: SelectBackdrop,\n  editor: { label: 'Select Backdrop', category: 'layout' },\n  schema: {},\n  guideline:\n    'Invisible overlay that closes the select when clicked outside. Required when modal=true to trap interaction.',\n});\n\nexport const SelectPositionerDefinition = defineComponent<SelectPositionerProps>({\n  name: 'SelectPositioner',\n  importPath: '@vtex/faststore/components',\n  component: SelectPositioner,\n  editor: { label: 'Select Positioner', category: 'layout' },\n  schema: {\n    side: { type: ['top', 'bottom', 'left', 'right'] as const, default: 'bottom', label: 'Side' },\n    align: { type: ['start', 'center', 'end'] as const, default: 'center', label: 'Align' },\n    sideOffset: { type: 'number', default: 0, label: 'Side Offset' },\n    alignItemWithTrigger: { type: 'boolean', default: true, label: 'Align Item With Trigger' },\n  },\n  guideline:\n    'Positions the popup relative to the trigger. Use side and align to control placement; alignItemWithTrigger=true overlaps the trigger to align the selected item visually.',\n});\n\nexport const SelectScrollUpArrowDefinition = defineComponent<SelectScrollUpArrowProps>({\n  name: 'SelectScrollUpArrow',\n  importPath: '@vtex/faststore/components',\n  component: SelectScrollUpArrow,\n  editor: { label: 'Select Scroll Up Arrow', category: 'layout' },\n  schema: {\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline: 'Scrolls the list upward when hovered. Appears automatically when the list overflows at the top.',\n});\n\nexport const SelectPopupDefinition = defineComponent<SelectPopupProps>({\n  name: 'SelectPopup',\n  importPath: '@vtex/faststore/components',\n  component: SelectPopup,\n  editor: { label: 'Select Popup', category: 'layout' },\n  schema: {},\n  guideline: 'Visible container for the select list. Apply background, shadow, and border styles here.',\n});\n\nexport const SelectArrowDefinition = defineComponent<SelectArrowProps>({\n  name: 'SelectArrow',\n  importPath: '@vtex/faststore/components',\n  component: SelectArrow,\n  editor: { label: 'Select Arrow', category: 'layout' },\n  schema: {},\n  guideline:\n    'Pointing arrow attached to the popup indicating the anchor. Optional — omit when not using an arrow indicator.',\n});\n\nexport const SelectListDefinition = defineComponent<SelectListProps>({\n  name: 'SelectList',\n  importPath: '@vtex/faststore/components',\n  component: SelectList,\n  editor: { label: 'Select List', category: 'layout' },\n  schema: {},\n  guideline: 'Scrollable container for all Select.Item elements. Apply max-height and overflow for scrolling.',\n});\n\nexport const SelectItemDefinition = defineComponent<SelectItemProps>({\n  name: 'SelectItem',\n  importPath: '@vtex/faststore/components',\n  component: SelectItem,\n  editor: { label: 'Select Item', category: 'layout' },\n  schema: {\n    value: { type: 'string', label: 'Value' },\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    'One selectable option. Requires a unique value prop. Style selected and highlighted states via data-selected and data-highlighted attributes.',\n});\n\nexport const SelectItemTextDefinition = defineComponent<SelectItemTextProps>({\n  name: 'SelectItemText',\n  importPath: '@vtex/faststore/components',\n  component: SelectItemText,\n  editor: { label: 'Select Item Text', category: 'layout' },\n  schema: {},\n  guideline: 'The visible text label of an item. Base UI uses this for keyboard navigation matching.',\n});\n\nexport const SelectItemIndicatorDefinition = defineComponent<SelectItemIndicatorProps>({\n  name: 'SelectItemIndicator',\n  importPath: '@vtex/faststore/components',\n  component: SelectItemIndicator,\n  editor: { label: 'Select Item Indicator', category: 'layout' },\n  schema: {\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline: 'Checkmark or indicator shown only on the selected item. Set keepMounted=true to animate in/out.',\n});\n\nexport const SelectSeparatorDefinition = defineComponent<SelectSeparatorProps>({\n  name: 'SelectSeparator',\n  importPath: '@vtex/faststore/components',\n  component: SelectSeparator,\n  editor: { label: 'Select Separator', category: 'layout' },\n  schema: {},\n  guideline: 'Visual divider between items or groups. Use between unrelated option groups.',\n});\n\nexport const SelectGroupDefinition = defineComponent<SelectGroupProps>({\n  name: 'SelectGroup',\n  importPath: '@vtex/faststore/components',\n  component: SelectGroup,\n  editor: { label: 'Select Group', category: 'layout' },\n  schema: {},\n  guideline: 'Groups related items under a shared SelectGroupLabel for semantic and visual grouping.',\n});\n\nexport const SelectGroupLabelDefinition = defineComponent<SelectGroupLabelProps>({\n  name: 'SelectGroupLabel',\n  importPath: '@vtex/faststore/components',\n  component: SelectGroupLabel,\n  editor: { label: 'Select Group Label', category: 'layout' },\n  schema: {},\n  guideline: 'Non-interactive label for a Select.Group. Announced by screen readers as a group name.',\n});\n\nexport const SelectScrollDownArrowDefinition = defineComponent<SelectScrollDownArrowProps>({\n  name: 'SelectScrollDownArrow',\n  importPath: '@vtex/faststore/components',\n  component: SelectScrollDownArrow,\n  editor: { label: 'Select Scroll Down Arrow', category: 'layout' },\n  schema: {\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline: 'Scrolls the list downward when hovered. Appears when the list overflows at the bottom.',\n});\n\nexport function SelectRoot({\n  disabled = false,\n  modal = true,\n  required = false,\n  readOnly = false,\n  children,\n  ...props\n}: SelectRootProps) {\n  return (\n    <BaseSelect.Root {...props} disabled={disabled} modal={modal} required={required} readOnly={readOnly}>\n      {children}\n    </BaseSelect.Root>\n  );\n}\n\nexport function SelectLabel({ className, children, ...props }: SelectLabelProps) {\n  return (\n    <BaseSelect.Label {...props} className={className} data-fs-select-label=\"\">\n      {children}\n    </BaseSelect.Label>\n  );\n}\n\nexport function SelectTrigger({ disabled = false, className, children, ...props }: SelectTriggerProps) {\n  return (\n    <BaseSelect.Trigger {...props} disabled={disabled} className={className} data-fs-select-trigger=\"\">\n      {children}\n    </BaseSelect.Trigger>\n  );\n}\n\nexport function SelectValue({ placeholder, className, children, ...props }: SelectValueProps) {\n  return (\n    <BaseSelect.Value {...props} placeholder={placeholder} className={className} data-fs-select-value=\"\">\n      {children}\n    </BaseSelect.Value>\n  );\n}\n\nexport function SelectIcon({ className, children, ...props }: SelectIconProps) {\n  return (\n    <BaseSelect.Icon {...props} className={className} data-fs-select-icon=\"\">\n      {children}\n    </BaseSelect.Icon>\n  );\n}\n\nexport function SelectPortal({ children }: SelectPortalProps) {\n  return <BaseSelect.Portal>{children}</BaseSelect.Portal>;\n}\n\nexport function SelectBackdrop({ className, children, ...props }: SelectBackdropProps) {\n  return (\n    <BaseSelect.Backdrop {...props} className={className} data-fs-select-backdrop=\"\">\n      {children}\n    </BaseSelect.Backdrop>\n  );\n}\n\nexport function SelectPositioner({\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 0,\n  alignItemWithTrigger = true,\n  className,\n  children,\n  ...props\n}: SelectPositionerProps) {\n  return (\n    <BaseSelect.Positioner\n      {...props}\n      side={side}\n      align={align}\n      sideOffset={sideOffset}\n      alignItemWithTrigger={alignItemWithTrigger}\n      className={className}\n      data-fs-select-positioner=\"\"\n    >\n      {children}\n    </BaseSelect.Positioner>\n  );\n}\n\nexport function SelectScrollUpArrow({ keepMounted = false, className, children, ...props }: SelectScrollUpArrowProps) {\n  return (\n    <BaseSelect.ScrollUpArrow\n      {...props}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-select-scroll-up-arrow=\"\"\n    >\n      {children}\n    </BaseSelect.ScrollUpArrow>\n  );\n}\n\nexport function SelectPopup({ className, children, ...props }: SelectPopupProps) {\n  return (\n    <BaseSelect.Popup {...props} className={className} data-fs-select-popup=\"\">\n      {children}\n    </BaseSelect.Popup>\n  );\n}\n\nexport function SelectArrow({ className, children, ...props }: SelectArrowProps) {\n  return (\n    <BaseSelect.Arrow {...props} className={className} data-fs-select-arrow=\"\">\n      {children}\n    </BaseSelect.Arrow>\n  );\n}\n\nexport function SelectList({ className, children, ...props }: SelectListProps) {\n  return (\n    <BaseSelect.List {...props} className={className} data-fs-select-list=\"\">\n      {children}\n    </BaseSelect.List>\n  );\n}\n\nexport function SelectItem({ value, disabled = false, label, className, children, ...props }: SelectItemProps) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      value={value}\n      disabled={disabled}\n      label={label}\n      className={className}\n      data-fs-select-item=\"\"\n    >\n      {children}\n    </BaseSelect.Item>\n  );\n}\n\nexport function SelectItemText({ className, children, ...props }: SelectItemTextProps) {\n  return (\n    <BaseSelect.ItemText {...props} className={className} data-fs-select-item-text=\"\">\n      {children}\n    </BaseSelect.ItemText>\n  );\n}\n\nexport function SelectItemIndicator({ keepMounted = false, className, children, ...props }: SelectItemIndicatorProps) {\n  return (\n    <BaseSelect.ItemIndicator\n      {...props}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-select-item-indicator=\"\"\n    >\n      {children}\n    </BaseSelect.ItemIndicator>\n  );\n}\n\nexport function SelectSeparator({ className, children, ...props }: SelectSeparatorProps) {\n  return (\n    <BaseSelect.Separator {...props} className={className} data-fs-select-separator=\"\">\n      {children}\n    </BaseSelect.Separator>\n  );\n}\n\nexport function SelectGroup({ className, children, ...props }: SelectGroupProps) {\n  return (\n    <BaseSelect.Group {...props} className={className} data-fs-select-group=\"\">\n      {children}\n    </BaseSelect.Group>\n  );\n}\n\nexport function SelectGroupLabel({ className, children, ...props }: SelectGroupLabelProps) {\n  return (\n    <BaseSelect.GroupLabel {...props} className={className} data-fs-select-group-label=\"\">\n      {children}\n    </BaseSelect.GroupLabel>\n  );\n}\n\nexport function SelectScrollDownArrow({\n  keepMounted = false,\n  className,\n  children,\n  ...props\n}: SelectScrollDownArrowProps) {\n  return (\n    <BaseSelect.ScrollDownArrow\n      {...props}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-select-scroll-down-arrow=\"\"\n    >\n      {children}\n    </BaseSelect.ScrollDownArrow>\n  );\n}\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Backdrop: SelectBackdrop,\n  Positioner: SelectPositioner,\n  ScrollUpArrow: SelectScrollUpArrow,\n  Popup: SelectPopup,\n  Arrow: SelectArrow,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Separator: SelectSeparator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  ScrollDownArrow: SelectScrollDownArrow,\n};\n"],"mappings":"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"}

package/dist/particles/shared/compose-refs.js

@@ -0,0 +1,21 @@
+"use client";
+import { useMemo } from "react";
+//#region src/particles/shared/compose-refs.ts
+function setRef(ref, node) {
+	if (typeof ref === "function") ref(node);
+	else if (ref) ref.current = node;
+}
+/**
+* Fans one element out to several refs, so a caller's ref and react-hook-form's both receive it —
+* neither silently replaces the other. Memoised on the individual refs so a stable caller ref and a
+* stable react-hook-form field.ref (per registered name) yield a stable callback across renders.
+*/
+function useComposedRef(...refs) {
+	return useMemo(() => (node) => {
+		for (const ref of refs) setRef(ref, node);
+	}, [...refs]);
+}
+//#endregion
+export { useComposedRef };
+
+//# sourceMappingURL=compose-refs.js.map

package/dist/particles/shared/compose-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs.js","names":[],"sources":["../../../src/particles/shared/compose-refs.ts"],"sourcesContent":["'use client';\nimport type { Ref, RefCallback } from 'react';\nimport { useMemo } from 'react';\n\nfunction setRef<T>(ref: Ref<T> | undefined, node: T | null): void {\n  if (typeof ref === 'function') {\n    ref(node);\n  } else if (ref) {\n    ref.current = node;\n  }\n}\n\n/**\n * Fans one element out to several refs, so a caller's ref and react-hook-form's both receive it —\n * neither silently replaces the other. Memoised on the individual refs so a stable caller ref and a\n * stable react-hook-form field.ref (per registered name) yield a stable callback across renders.\n */\nexport function useComposedRef<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T> {\n  // `refs` is the rest-parameter array itself, always a fresh reference; spreading its elements into\n  // the dependency list below compares each individual ref instead, so identity is stable when they are.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: deps intentionally track the individual variadic refs, not the (always-new) refs array itself\n  return useMemo(\n    () => (node: T | null) => {\n      for (const ref of refs) {\n        setRef(ref, node);\n      }\n    },\n    [...refs],\n  );\n}\n"],"mappings":";;;AAIA,SAAS,OAAU,KAAyB,MAAsB;CAChE,IAAI,OAAO,QAAQ,YACjB,IAAI,IAAI;MACH,IAAI,KACT,IAAI,UAAU;AAElB;;;;;;AAOA,SAAgB,eAAkB,GAAG,MAA8C;CAIjF,OAAO,eACE,SAAmB;EACxB,KAAK,MAAM,OAAO,MAChB,OAAO,KAAK,IAAI;CAEpB,GACA,CAAC,GAAG,IAAI,CACV;AACF"}