@vtex/faststore 0.0.1

package/dist/particles/select/select.js

@@ -0,0 +1,478 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/particles/select/select.tsx
+const SelectRootDefinition = defineComponent({
+	name: "SelectRoot",
+	importPath: "@vtex/faststore/components",
+	component: SelectRoot,
+	editor: {
+		label: "Select Root",
+		category: "layout"
+	},
+	schema: {
+		disabled: {
+			type: "boolean",
+			default: false,
+			label: "Disabled"
+		},
+		modal: {
+			type: "boolean",
+			default: true,
+			label: "Modal"
+		},
+		required: {
+			type: "boolean",
+			default: false,
+			label: "Required"
+		},
+		readOnly: {
+			type: "boolean",
+			default: false,
+			label: "Read Only"
+		}
+	},
+	guideline: "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."
+});
+const SelectLabelDefinition = defineComponent({
+	name: "SelectLabel",
+	importPath: "@vtex/faststore/components",
+	component: SelectLabel,
+	editor: {
+		label: "Select Label",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Accessible label associated with the trigger. Always place outside Select.Trigger so screen readers announce it separately."
+});
+const SelectTriggerDefinition = defineComponent({
+	name: "SelectTrigger",
+	importPath: "@vtex/faststore/components",
+	component: SelectTrigger,
+	editor: {
+		label: "Select Trigger",
+		category: "action"
+	},
+	schema: { disabled: {
+		type: "boolean",
+		default: false,
+		label: "Disabled"
+	} },
+	guideline: "Opens and closes the popup on click. Use data-open and data-placeholder CSS attributes for open-state and empty-state styling."
+});
+const SelectValueDefinition = defineComponent({
+	name: "SelectValue",
+	importPath: "@vtex/faststore/components",
+	component: SelectValue,
+	editor: {
+		label: "Select Value",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Renders the selected item's text, or placeholder when nothing is selected. Style the placeholder state via [data-fs-select-value][data-placeholder]."
+});
+const SelectIconDefinition = defineComponent({
+	name: "SelectIcon",
+	importPath: "@vtex/faststore/components",
+	component: SelectIcon,
+	editor: {
+		label: "Select Icon",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Decorative indicator (e.g. chevron) inside the trigger. Rotates or changes when the popup opens via data-open."
+});
+const SelectPortalDefinition = defineComponent({
+	name: "SelectPortal",
+	importPath: "@vtex/faststore/components",
+	component: SelectPortal,
+	editor: {
+		label: "Select Portal",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Teleports popup content to <body>. Always wrap Select.Positioner with this to avoid overflow/z-index issues."
+});
+const SelectBackdropDefinition = defineComponent({
+	name: "SelectBackdrop",
+	importPath: "@vtex/faststore/components",
+	component: SelectBackdrop,
+	editor: {
+		label: "Select Backdrop",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Invisible overlay that closes the select when clicked outside. Required when modal=true to trap interaction."
+});
+const SelectPositionerDefinition = defineComponent({
+	name: "SelectPositioner",
+	importPath: "@vtex/faststore/components",
+	component: SelectPositioner,
+	editor: {
+		label: "Select Positioner",
+		category: "layout"
+	},
+	schema: {
+		side: {
+			type: [
+				"top",
+				"bottom",
+				"left",
+				"right"
+			],
+			default: "bottom",
+			label: "Side"
+		},
+		align: {
+			type: [
+				"start",
+				"center",
+				"end"
+			],
+			default: "center",
+			label: "Align"
+		},
+		sideOffset: {
+			type: "number",
+			default: 0,
+			label: "Side Offset"
+		},
+		alignItemWithTrigger: {
+			type: "boolean",
+			default: true,
+			label: "Align Item With Trigger"
+		}
+	},
+	guideline: "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."
+});
+const SelectScrollUpArrowDefinition = defineComponent({
+	name: "SelectScrollUpArrow",
+	importPath: "@vtex/faststore/components",
+	component: SelectScrollUpArrow,
+	editor: {
+		label: "Select Scroll Up Arrow",
+		category: "layout"
+	},
+	schema: { keepMounted: {
+		type: "boolean",
+		default: false,
+		label: "Keep Mounted"
+	} },
+	guideline: "Scrolls the list upward when hovered. Appears automatically when the list overflows at the top."
+});
+const SelectPopupDefinition = defineComponent({
+	name: "SelectPopup",
+	importPath: "@vtex/faststore/components",
+	component: SelectPopup,
+	editor: {
+		label: "Select Popup",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Visible container for the select list. Apply background, shadow, and border styles here."
+});
+const SelectArrowDefinition = defineComponent({
+	name: "SelectArrow",
+	importPath: "@vtex/faststore/components",
+	component: SelectArrow,
+	editor: {
+		label: "Select Arrow",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Pointing arrow attached to the popup indicating the anchor. Optional — omit when not using an arrow indicator."
+});
+const SelectListDefinition = defineComponent({
+	name: "SelectList",
+	importPath: "@vtex/faststore/components",
+	component: SelectList,
+	editor: {
+		label: "Select List",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Scrollable container for all Select.Item elements. Apply max-height and overflow for scrolling."
+});
+const SelectItemDefinition = defineComponent({
+	name: "SelectItem",
+	importPath: "@vtex/faststore/components",
+	component: SelectItem,
+	editor: {
+		label: "Select Item",
+		category: "layout"
+	},
+	schema: {
+		value: {
+			type: "string",
+			label: "Value"
+		},
+		disabled: {
+			type: "boolean",
+			default: false,
+			label: "Disabled"
+		}
+	},
+	guideline: "One selectable option. Requires a unique value prop. Style selected and highlighted states via data-selected and data-highlighted attributes."
+});
+const SelectItemTextDefinition = defineComponent({
+	name: "SelectItemText",
+	importPath: "@vtex/faststore/components",
+	component: SelectItemText,
+	editor: {
+		label: "Select Item Text",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The visible text label of an item. Base UI uses this for keyboard navigation matching."
+});
+const SelectItemIndicatorDefinition = defineComponent({
+	name: "SelectItemIndicator",
+	importPath: "@vtex/faststore/components",
+	component: SelectItemIndicator,
+	editor: {
+		label: "Select Item Indicator",
+		category: "layout"
+	},
+	schema: { keepMounted: {
+		type: "boolean",
+		default: false,
+		label: "Keep Mounted"
+	} },
+	guideline: "Checkmark or indicator shown only on the selected item. Set keepMounted=true to animate in/out."
+});
+const SelectSeparatorDefinition = defineComponent({
+	name: "SelectSeparator",
+	importPath: "@vtex/faststore/components",
+	component: SelectSeparator,
+	editor: {
+		label: "Select Separator",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Visual divider between items or groups. Use between unrelated option groups."
+});
+const SelectGroupDefinition = defineComponent({
+	name: "SelectGroup",
+	importPath: "@vtex/faststore/components",
+	component: SelectGroup,
+	editor: {
+		label: "Select Group",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Groups related items under a shared SelectGroupLabel for semantic and visual grouping."
+});
+const SelectGroupLabelDefinition = defineComponent({
+	name: "SelectGroupLabel",
+	importPath: "@vtex/faststore/components",
+	component: SelectGroupLabel,
+	editor: {
+		label: "Select Group Label",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Non-interactive label for a Select.Group. Announced by screen readers as a group name."
+});
+const SelectScrollDownArrowDefinition = defineComponent({
+	name: "SelectScrollDownArrow",
+	importPath: "@vtex/faststore/components",
+	component: SelectScrollDownArrow,
+	editor: {
+		label: "Select Scroll Down Arrow",
+		category: "layout"
+	},
+	schema: { keepMounted: {
+		type: "boolean",
+		default: false,
+		label: "Keep Mounted"
+	} },
+	guideline: "Scrolls the list downward when hovered. Appears when the list overflows at the bottom."
+});
+function SelectRoot({ disabled = false, modal = true, required = false, readOnly = false, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Root, {
+		...props,
+		disabled,
+		modal,
+		required,
+		readOnly,
+		children
+	});
+}
+function SelectLabel({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Label, {
+		...props,
+		className,
+		"data-fs-select-label": "",
+		children
+	});
+}
+function SelectTrigger({ disabled = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		...props,
+		disabled,
+		className,
+		"data-fs-select-trigger": "",
+		children
+	});
+}
+function SelectValue({ placeholder, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		...props,
+		placeholder,
+		className,
+		"data-fs-select-value": "",
+		children
+	});
+}
+function SelectIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Icon, {
+		...props,
+		className,
+		"data-fs-select-icon": "",
+		children
+	});
+}
+function SelectPortal({ children }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children });
+}
+function SelectBackdrop({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Backdrop, {
+		...props,
+		className,
+		"data-fs-select-backdrop": "",
+		children
+	});
+}
+function SelectPositioner({ side = "bottom", align = "center", sideOffset = 0, alignItemWithTrigger = true, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		...props,
+		side,
+		align,
+		sideOffset,
+		alignItemWithTrigger,
+		className,
+		"data-fs-select-positioner": "",
+		children
+	});
+}
+function SelectScrollUpArrow({ keepMounted = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		...props,
+		keepMounted,
+		className,
+		"data-fs-select-scroll-up-arrow": "",
+		children
+	});
+}
+function SelectPopup({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		...props,
+		className,
+		"data-fs-select-popup": "",
+		children
+	});
+}
+function SelectArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Arrow, {
+		...props,
+		className,
+		"data-fs-select-arrow": "",
+		children
+	});
+}
+function SelectList({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.List, {
+		...props,
+		className,
+		"data-fs-select-list": "",
+		children
+	});
+}
+function SelectItem({ value, disabled = false, label, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		...props,
+		value,
+		disabled,
+		label,
+		className,
+		"data-fs-select-item": "",
+		children
+	});
+}
+function SelectItemText({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		...props,
+		className,
+		"data-fs-select-item-text": "",
+		children
+	});
+}
+function SelectItemIndicator({ keepMounted = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		...props,
+		keepMounted,
+		className,
+		"data-fs-select-item-indicator": "",
+		children
+	});
+}
+function SelectSeparator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		...props,
+		className,
+		"data-fs-select-separator": "",
+		children
+	});
+}
+function SelectGroup({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		...props,
+		className,
+		"data-fs-select-group": "",
+		children
+	});
+}
+function SelectGroupLabel({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		...props,
+		className,
+		"data-fs-select-group-label": "",
+		children
+	});
+}
+function SelectScrollDownArrow({ keepMounted = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		...props,
+		keepMounted,
+		className,
+		"data-fs-select-scroll-down-arrow": "",
+		children
+	});
+}
+const Select$1 = {
+	Root: SelectRoot,
+	Label: SelectLabel,
+	Trigger: SelectTrigger,
+	Value: SelectValue,
+	Icon: SelectIcon,
+	Portal: SelectPortal,
+	Backdrop: SelectBackdrop,
+	Positioner: SelectPositioner,
+	ScrollUpArrow: SelectScrollUpArrow,
+	Popup: SelectPopup,
+	Arrow: SelectArrow,
+	List: SelectList,
+	Item: SelectItem,
+	ItemText: SelectItemText,
+	ItemIndicator: SelectItemIndicator,
+	Separator: SelectSeparator,
+	Group: SelectGroup,
+	GroupLabel: SelectGroupLabel,
+	ScrollDownArrow: SelectScrollDownArrow
+};
+//#endregion
+export { Select$1 as Select, SelectArrow, SelectArrowDefinition, SelectBackdrop, SelectBackdropDefinition, SelectGroup, SelectGroupDefinition, SelectGroupLabel, SelectGroupLabelDefinition, SelectIcon, SelectIconDefinition, SelectItem, SelectItemDefinition, SelectItemIndicator, SelectItemIndicatorDefinition, SelectItemText, SelectItemTextDefinition, SelectLabel, SelectLabelDefinition, SelectList, SelectListDefinition, SelectPopup, SelectPopupDefinition, SelectPortal, SelectPortalDefinition, SelectPositioner, SelectPositionerDefinition, SelectRoot, SelectRootDefinition, SelectScrollDownArrow, SelectScrollDownArrowDefinition, SelectScrollUpArrow, SelectScrollUpArrowDefinition, SelectSeparator, SelectSeparatorDefinition, SelectTrigger, SelectTriggerDefinition, SelectValue, SelectValueDefinition };
+
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +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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"}

package/dist/particles/separator/separator.d.ts

@@ -0,0 +1,12 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/separator/separator.d.ts
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export type SeparatorProps = ComponentPropsWithRef<'div'> & {
+  orientation?: SeparatorOrientation;
+};
+export declare const SeparatorDefinition: ComponentDefinition<SeparatorProps>;
+export declare function Separator({ orientation, className, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=separator.d.ts.map

package/dist/particles/separator/separator.js

@@ -0,0 +1,33 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";
+//#region src/particles/separator/separator.tsx
+const SeparatorDefinition = defineComponent({
+	name: "Separator",
+	importPath: "@vtex/faststore/components",
+	component: Separator$1,
+	editor: {
+		label: "Separator",
+		category: "layout"
+	},
+	schema: { orientation: {
+		type: ["horizontal", "vertical"],
+		default: "horizontal",
+		label: "Orientation"
+	} },
+	guideline: "Visual divider between content sections. Use orientation='vertical' inside flex rows to create column dividers."
+});
+function Separator$1({ orientation = "horizontal", className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		...props,
+		orientation,
+		className,
+		"data-fs-separator": ""
+	});
+}
+//#endregion
+export { Separator$1 as Separator, SeparatorDefinition };
+
+//# sourceMappingURL=separator.js.map

package/dist/particles/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["Separator","BaseSeparator"],"sources":["../../../src/particles/separator/separator.tsx"],"sourcesContent":["'use client';\nimport { Separator as BaseSeparator } from '@base-ui/react/separator';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport type SeparatorOrientation = 'horizontal' | 'vertical';\n\nexport type SeparatorProps = ComponentPropsWithRef<'div'> & {\n  orientation?: SeparatorOrientation;\n};\n\nexport const SeparatorDefinition = defineComponent<SeparatorProps>({\n  name: 'Separator',\n  importPath: '@vtex/faststore/components',\n  component: Separator,\n  editor: { label: 'Separator', category: 'layout' },\n  schema: {\n    orientation: { type: ['horizontal', 'vertical'] as const, default: 'horizontal', label: 'Orientation' },\n  },\n  guideline:\n    \"Visual divider between content sections. Use orientation='vertical' inside flex rows to create column dividers.\",\n});\n\nexport function Separator({ orientation = 'horizontal', className, ...props }: SeparatorProps) {\n  return <BaseSeparator {...props} orientation={orientation} className={className} data-fs-separator=\"\" />;\n}\n"],"mappings":";;;;;;AAWA,MAAa,sBAAsB,gBAAgC;CACjE,MAAM;CACN,YAAY;CACZ,WAAWA;CACX,QAAQ;EAAE,OAAO;EAAa,UAAU;CAAS;CACjD,QAAQ,EACN,aAAa;EAAE,MAAM,CAAC,cAAc,UAAU;EAAY,SAAS;EAAc,OAAO;CAAc,EACxG;CACA,WACE;AACJ,CAAC;AAED,SAAgBA,YAAU,EAAE,cAAc,cAAc,WAAW,GAAG,SAAyB;CAC7F,OAAO,oBAACC,WAAD;EAAe,GAAI;EAAoB;EAAwB;EAAW,qBAAkB;CAAI,CAAA;AACzG"}

package/dist/particles/shared/input-mask.d.ts

@@ -0,0 +1,5 @@
+//#region src/particles/shared/input-mask.d.ts
+/** Weave a mask's literal separators into `value` (progressive; never blocks typing). */
+export declare function applyMask(value: string, mask: string): string;
+//#endregion
+//# sourceMappingURL=input-mask.d.ts.map

package/dist/particles/shared/input-mask.js

@@ -0,0 +1,58 @@
+//#region src/particles/shared/input-mask.ts
+const DIGIT = "9";
+const ALPHA = "A";
+const ALPHANUM = "S";
+const ALL = "*";
+function escapeToken(text) {
+	return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+}
+function matchToken(char, token) {
+	switch (token) {
+		case DIGIT: return /[0-9]/.test(char);
+		case ALPHA: return /[A-ú]/.test(char);
+		case ALPHANUM: return /[A-ú0-9]/.test(char);
+		case ALL: return true;
+		default: return new RegExp(escapeToken(token)).test(char);
+	}
+}
+/** True when `char` is a fillable slot token rather than a literal separator. */
+function isSlotToken(char) {
+	return char === DIGIT || char === ALPHA || char === ALPHANUM || char === ALL;
+}
+/** Number of fillable slots (`9` | `A` | `S` | `*`) in a single mask. */
+function countSlots(mask) {
+	return mask.split("").filter(isSlotToken).length;
+}
+function selectMask(rawValue, masks) {
+	const inputLength = rawValue.length;
+	const sorted = [...masks].sort((a, b) => countSlots(a) - countSlots(b));
+	return sorted.find((m) => inputLength <= countSlots(m)) ?? sorted[sorted.length - 1] ?? "";
+}
+function applySimpleMask(value, mask) {
+	let result = value;
+	for (let i = 0; i < result.length; i++) {
+		const valueToken = result.charAt(i);
+		const maskToken = mask.charAt(i);
+		if (maskToken && matchToken(valueToken, maskToken)) continue;
+		if (maskToken === " " || /\W/.test(maskToken)) {
+			const firstPart = result.slice(0, i);
+			const secondPart = result.slice(i);
+			result = applySimpleMask(firstPart + maskToken + secondPart, mask);
+			break;
+		}
+	}
+	return result;
+}
+/** Weave a mask's literal separators into `value` (progressive; never blocks typing). */
+function applyMask(value, mask) {
+	if (mask.includes("|")) return applySimpleMask(value, selectMask(value, mask.split("|")));
+	return applySimpleMask(value, mask);
+}
+/** True when every fillable slot takes digits only — strip non-digits + hint numeric input. */
+function isDigitOnly(mask) {
+	return [...mask].filter(isSlotToken).every((token) => token === DIGIT);
+}
+//#endregion
+export { applyMask, countSlots, isDigitOnly, isSlotToken };
+
+//# sourceMappingURL=input-mask.js.map

package/dist/particles/shared/input-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask.js","names":[],"sources":["../../../src/particles/shared/input-mask.ts"],"sourcesContent":["// Ported input mask (fastcheckout `packages/libs/input-mask/src/input-mask.ts`).\n// A mask string is a template of slot tokens (`9` digit, `A` alpha, `S` alphanumeric, `*` any)\n// interleaved with literal separators; `applyMask` weaves the literals into the raw value as the\n// shopper types. A pipe-delimited mask (`maskA|maskB`) selects the shortest mask that still fits the\n// current input length, letting one field cover multiple formats.\n//\n// Two limits carried over from the source, kept for parity: the `A`/`S` classes span `[A-ú]`, so they\n// also admit the ASCII punctuation between the letter ranges (`_`, `[`, `~`); and only non-word\n// literals are woven in, so a mask like `AA_999` never inserts its `_`. Neither is reachable through\n// the masks in use — postal formats separate with a space or a hyphen and CPF is digit-only.\n\nconst DIGIT = '9';\nconst ALPHA = 'A';\nconst ALPHANUM = 'S';\nconst ALL = '*';\n\nfunction escapeToken(text: string): string {\n  return text.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n}\n\nfunction matchToken(char: string, token: string): boolean {\n  switch (token) {\n    case DIGIT:\n      return /[0-9]/.test(char);\n    case ALPHA:\n      return /[A-ú]/.test(char);\n    case ALPHANUM:\n      return /[A-ú0-9]/.test(char);\n    case ALL:\n      return true;\n    default:\n      return new RegExp(escapeToken(token)).test(char);\n  }\n}\n\n/** True when `char` is a fillable slot token rather than a literal separator. */\nexport function isSlotToken(char: string): boolean {\n  return char === DIGIT || char === ALPHA || char === ALPHANUM || char === ALL;\n}\n\n/** Number of fillable slots (`9` | `A` | `S` | `*`) in a single mask. */\nexport function countSlots(mask: string): number {\n  return mask.split('').filter(isSlotToken).length;\n}\n\nfunction selectMask(rawValue: string, masks: string[]): string {\n  const inputLength = rawValue.length;\n  const sorted = [...masks].sort((a, b) => countSlots(a) - countSlots(b));\n  return sorted.find((m) => inputLength <= countSlots(m)) ?? sorted[sorted.length - 1] ?? '';\n}\n\nfunction applySimpleMask(value: string, mask: string): string {\n  let result = value;\n  for (let i = 0; i < result.length; i++) {\n    const valueToken = result.charAt(i);\n    const maskToken = mask.charAt(i);\n\n    if (maskToken && matchToken(valueToken, maskToken)) {\n      continue;\n    }\n\n    if (maskToken === ' ' || /\\W/.test(maskToken)) {\n      const firstPart = result.slice(0, i);\n      const secondPart = result.slice(i);\n      result = applySimpleMask(firstPart + maskToken + secondPart, mask);\n      break;\n    }\n  }\n\n  return result;\n}\n\n/** Weave a mask's literal separators into `value` (progressive; never blocks typing). */\nexport function applyMask(value: string, mask: string): string {\n  if (mask.includes('|')) {\n    const masks = mask.split('|');\n    return applySimpleMask(value, selectMask(value, masks));\n  }\n  return applySimpleMask(value, mask);\n}\n\n/** True when every fillable slot takes digits only — strip non-digits + hint numeric input. */\nexport function isDigitOnly(mask: string): boolean {\n  return [...mask].filter(isSlotToken).every((token) => token === DIGIT);\n}\n"],"mappings":";AAWA,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,MAAM,MAAM;AAEZ,SAAS,YAAY,MAAsB;CACzC,OAAO,KAAK,QAAQ,4BAA4B,MAAM;AACxD;AAEA,SAAS,WAAW,MAAc,OAAwB;CACxD,QAAQ,OAAR;EACE,KAAK,OACH,OAAO,QAAQ,KAAK,IAAI;EAC1B,KAAK,OACH,OAAO,QAAQ,KAAK,IAAI;EAC1B,KAAK,UACH,OAAO,WAAW,KAAK,IAAI;EAC7B,KAAK,KACH,OAAO;EACT,SACE,OAAO,IAAI,OAAO,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI;CACnD;AACF;;AAGA,SAAgB,YAAY,MAAuB;CACjD,OAAO,SAAS,SAAS,SAAS,SAAS,SAAS,YAAY,SAAS;AAC3E;;AAGA,SAAgB,WAAW,MAAsB;CAC/C,OAAO,KAAK,MAAM,EAAE,CAAC,CAAC,OAAO,WAAW,CAAC,CAAC;AAC5C;AAEA,SAAS,WAAW,UAAkB,OAAyB;CAC7D,MAAM,cAAc,SAAS;CAC7B,MAAM,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,WAAW,CAAC,IAAI,WAAW,CAAC,CAAC;CACtE,OAAO,OAAO,MAAM,MAAM,eAAe,WAAW,CAAC,CAAC,KAAK,OAAO,OAAO,SAAS,MAAM;AAC1F;AAEA,SAAS,gBAAgB,OAAe,MAAsB;CAC5D,IAAI,SAAS;CACb,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,aAAa,OAAO,OAAO,CAAC;EAClC,MAAM,YAAY,KAAK,OAAO,CAAC;EAE/B,IAAI,aAAa,WAAW,YAAY,SAAS,GAC/C;EAGF,IAAI,cAAc,OAAO,KAAK,KAAK,SAAS,GAAG;GAC7C,MAAM,YAAY,OAAO,MAAM,GAAG,CAAC;GACnC,MAAM,aAAa,OAAO,MAAM,CAAC;GACjC,SAAS,gBAAgB,YAAY,YAAY,YAAY,IAAI;GACjE;EACF;CACF;CAEA,OAAO;AACT;;AAGA,SAAgB,UAAU,OAAe,MAAsB;CAC7D,IAAI,KAAK,SAAS,GAAG,GAEnB,OAAO,gBAAgB,OAAO,WAAW,OAD3B,KAAK,MAAM,GAC2B,CAAC,CAAC;CAExD,OAAO,gBAAgB,OAAO,IAAI;AACpC;;AAGA,SAAgB,YAAY,MAAuB;CACjD,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,UAAU,UAAU,KAAK;AACvE"}

package/dist/particles/spinner/spinner.d.ts

@@ -0,0 +1,13 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/spinner/spinner.d.ts
+/** Props for {@link Spinner}. Extends all native `<output>` attributes. */
+export type SpinnerProps = Omit<ComponentPropsWithRef<'output'>, 'children'> & {
+  /** Accessible label. Defaults to `'Loading'`. */
+  label?: string;
+};
+export declare const SpinnerDefinition: ComponentDefinition<SpinnerProps>;
+export declare function Spinner({ label, className, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=spinner.d.ts.map