@vtex/faststore 0.0.1

package/dist/particles/navigation-menu/navigation-menu.js

@@ -0,0 +1,295 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+//#region src/particles/navigation-menu/navigation-menu.tsx
+const NavigationMenuRootDefinition = defineComponent({
+	name: "NavigationMenuRoot",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuRoot,
+	editor: {
+		label: "Navigation Menu Root",
+		category: "layout"
+	},
+	schema: {
+		orientation: {
+			type: ["horizontal", "vertical"],
+			default: "horizontal",
+			label: "Orientation"
+		},
+		delay: {
+			type: "number",
+			default: 50,
+			label: "Delay"
+		},
+		closeDelay: {
+			type: "number",
+			default: 50,
+			label: "Close Delay"
+		}
+	},
+	guideline: "Root of the site navigation with animated flyout panels. Manages hover/focus open state across menu items. Compose as: NavigationMenuRoot > (NavigationMenuList > [NavigationMenuItem > (NavigationMenuTrigger > NavigationMenuIcon + NavigationMenuContent > [NavigationMenuLink])] + NavigationMenuPortal > NavigationMenuPositioner > NavigationMenuPopup > (NavigationMenuArrow + NavigationMenuViewport)). Content goes inside NavigationMenuItem (not Portal); the Portal renders the animated Popup that frames it. Set delay/closeDelay to control hover timing."
+});
+const NavigationMenuListDefinition = defineComponent({
+	name: "NavigationMenuList",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuList,
+	editor: {
+		label: "Navigation Menu List",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The <ul> container holding all NavigationMenu.Item elements."
+});
+const NavigationMenuItemDefinition = defineComponent({
+	name: "NavigationMenuItem",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuItem,
+	editor: {
+		label: "Navigation Menu Item",
+		category: "layout"
+	},
+	schema: { value: {
+		type: "string",
+		label: "Value"
+	} },
+	guideline: "One nav entry. Requires a unique value prop. Combine with NavigationMenu.Trigger + NavigationMenu.Content."
+});
+const NavigationMenuTriggerDefinition = defineComponent({
+	name: "NavigationMenuTrigger",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuTrigger,
+	editor: {
+		label: "Navigation Menu Trigger",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Button that activates the flyout panel for a NavigationMenu.Item."
+});
+const NavigationMenuIconDefinition = defineComponent({
+	name: "NavigationMenuIcon",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuIcon,
+	editor: {
+		label: "Navigation Menu Icon",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Decorative icon (e.g. chevron) inside NavigationMenu.Trigger. Rotates via data-open."
+});
+const NavigationMenuContentDefinition = defineComponent({
+	name: "NavigationMenuContent",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuContent,
+	editor: {
+		label: "Navigation Menu Content",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The actual content of the flyout panel, placed inside NavigationMenu.Item alongside Trigger. Rendered inside the Viewport via the Portal."
+});
+const NavigationMenuLinkDefinition = defineComponent({
+	name: "NavigationMenuLink",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuLink,
+	editor: {
+		label: "Navigation Menu Link",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Accessible anchor link inside NavigationMenu.Content. Closes the menu on navigation."
+});
+const NavigationMenuPortalDefinition = defineComponent({
+	name: "NavigationMenuPortal",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuPortal,
+	editor: {
+		label: "Navigation Menu Portal",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Teleports the Positioner to <body>. Wraps NavigationMenu.Positioner."
+});
+const NavigationMenuPositionerDefinition = defineComponent({
+	name: "NavigationMenuPositioner",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuPositioner,
+	editor: {
+		label: "Navigation Menu 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"
+		}
+	},
+	guideline: "Controls popup placement relative to the active nav item."
+});
+const NavigationMenuPopupDefinition = defineComponent({
+	name: "NavigationMenuPopup",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuPopup,
+	editor: {
+		label: "Navigation Menu Popup",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Animated popup container wrapping NavigationMenu.Viewport."
+});
+const NavigationMenuArrowDefinition = defineComponent({
+	name: "NavigationMenuArrow",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuArrow,
+	editor: {
+		label: "Navigation Menu Arrow",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Optional pointing arrow inside NavigationMenu.Popup."
+});
+const NavigationMenuViewportDefinition = defineComponent({
+	name: "NavigationMenuViewport",
+	importPath: "@vtex/faststore/components",
+	component: NavigationMenuViewport,
+	editor: {
+		label: "Navigation Menu Viewport",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Shared animation container inside the Popup. All Content panels share this viewport for smooth transitions between nav items."
+});
+function NavigationMenuRoot({ orientation = "horizontal", delay = 50, closeDelay = 50, children }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Root, {
+		orientation,
+		delay,
+		closeDelay,
+		children
+	});
+}
+function NavigationMenuList({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		...props,
+		className,
+		"data-fs-navigation-menu-list": "",
+		children
+	});
+}
+function NavigationMenuItem({ value, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		...props,
+		value,
+		className,
+		"data-fs-navigation-menu-item": "",
+		children
+	});
+}
+function NavigationMenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Trigger, {
+		...props,
+		className,
+		"data-fs-navigation-menu-trigger": "",
+		children
+	});
+}
+function NavigationMenuIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
+		...props,
+		className,
+		"data-fs-navigation-menu-icon": "",
+		children
+	});
+}
+function NavigationMenuContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		...props,
+		className,
+		"data-fs-navigation-menu-content": "",
+		children
+	});
+}
+function NavigationMenuLink({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		...props,
+		className,
+		"data-fs-navigation-menu-link": "",
+		children
+	});
+}
+function NavigationMenuPortal({ children }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Portal, { children });
+}
+function NavigationMenuPositioner({ side = "bottom", align = "center", sideOffset = 0, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+		...props,
+		side,
+		align,
+		sideOffset,
+		className,
+		"data-fs-navigation-menu-positioner": "",
+		children
+	});
+}
+function NavigationMenuPopup({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Popup, {
+		...props,
+		className,
+		"data-fs-navigation-menu-popup": "",
+		children
+	});
+}
+function NavigationMenuArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Arrow, {
+		...props,
+		className,
+		"data-fs-navigation-menu-arrow": "",
+		children
+	});
+}
+function NavigationMenuViewport({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+		...props,
+		className,
+		"data-fs-navigation-menu-viewport": "",
+		children
+	});
+}
+const NavigationMenu$1 = {
+	Root: NavigationMenuRoot,
+	List: NavigationMenuList,
+	Item: NavigationMenuItem,
+	Trigger: NavigationMenuTrigger,
+	Icon: NavigationMenuIcon,
+	Content: NavigationMenuContent,
+	Link: NavigationMenuLink,
+	Portal: NavigationMenuPortal,
+	Positioner: NavigationMenuPositioner,
+	Popup: NavigationMenuPopup,
+	Arrow: NavigationMenuArrow,
+	Viewport: NavigationMenuViewport
+};
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuArrow, NavigationMenuArrowDefinition, NavigationMenuContent, NavigationMenuContentDefinition, NavigationMenuIcon, NavigationMenuIconDefinition, NavigationMenuItem, NavigationMenuItemDefinition, NavigationMenuLink, NavigationMenuLinkDefinition, NavigationMenuList, NavigationMenuListDefinition, NavigationMenuPopup, NavigationMenuPopupDefinition, NavigationMenuPortal, NavigationMenuPortalDefinition, NavigationMenuPositioner, NavigationMenuPositionerDefinition, NavigationMenuRoot, NavigationMenuRootDefinition, NavigationMenuTrigger, NavigationMenuTriggerDefinition, NavigationMenuViewport, NavigationMenuViewportDefinition };
+
+//# sourceMappingURL=navigation-menu.js.map

package/dist/particles/navigation-menu/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":["BaseNavigationMenu","NavigationMenu"],"sources":["../../../src/particles/navigation-menu/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport { NavigationMenu as BaseNavigationMenu } from '@base-ui/react/navigation-menu';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type NavigationMenuSide = 'top' | 'bottom' | 'left' | 'right';\nexport type NavigationMenuAlign = 'start' | 'center' | 'end';\nexport type NavigationMenuOrientation = 'horizontal' | 'vertical';\n\nexport type NavigationMenuRootProps = {\n  orientation?: NavigationMenuOrientation;\n  delay?: number;\n  closeDelay?: number;\n  children?: ReactNode;\n};\n\nexport type NavigationMenuListProps = ComponentPropsWithRef<'ul'>;\n\nexport type NavigationMenuItemProps = ComponentPropsWithRef<'li'> & {\n  value?: string;\n};\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithRef<'button'>;\n\nexport type NavigationMenuIconProps = Omit<ComponentPropsWithRef<typeof BaseNavigationMenu.Icon>, 'className'> & {\n  className?: string;\n};\n\nexport type NavigationMenuContentProps = ComponentPropsWithRef<'div'>;\n\nexport type NavigationMenuLinkProps = ComponentPropsWithRef<'a'>;\n\nexport type NavigationMenuPortalProps = {\n  children?: ReactNode;\n};\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithRef<'div'> & {\n  side?: NavigationMenuSide;\n  align?: NavigationMenuAlign;\n  sideOffset?: number;\n};\n\nexport type NavigationMenuPopupProps = Omit<ComponentPropsWithRef<typeof BaseNavigationMenu.Popup>, 'className'> & {\n  className?: string;\n};\n\nexport type NavigationMenuArrowProps = ComponentPropsWithRef<'div'>;\n\nexport type NavigationMenuViewportProps = ComponentPropsWithRef<'div'>;\n\nexport const NavigationMenuRootDefinition = defineComponent<NavigationMenuRootProps>({\n  name: 'NavigationMenuRoot',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuRoot,\n  editor: { label: 'Navigation Menu Root', category: 'layout' },\n  schema: {\n    orientation: { type: ['horizontal', 'vertical'] as const, default: 'horizontal', label: 'Orientation' },\n    delay: { type: 'number', default: 50, label: 'Delay' },\n    closeDelay: { type: 'number', default: 50, label: 'Close Delay' },\n  },\n  guideline:\n    'Root of the site navigation with animated flyout panels. Manages hover/focus open state across menu items. Compose as: NavigationMenuRoot > (NavigationMenuList > [NavigationMenuItem > (NavigationMenuTrigger > NavigationMenuIcon + NavigationMenuContent > [NavigationMenuLink])] + NavigationMenuPortal > NavigationMenuPositioner > NavigationMenuPopup > (NavigationMenuArrow + NavigationMenuViewport)). Content goes inside NavigationMenuItem (not Portal); the Portal renders the animated Popup that frames it. Set delay/closeDelay to control hover timing.',\n});\n\nexport const NavigationMenuListDefinition = defineComponent<NavigationMenuListProps>({\n  name: 'NavigationMenuList',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuList,\n  editor: { label: 'Navigation Menu List', category: 'layout' },\n  schema: {},\n  guideline: 'The <ul> container holding all NavigationMenu.Item elements.',\n});\n\nexport const NavigationMenuItemDefinition = defineComponent<NavigationMenuItemProps>({\n  name: 'NavigationMenuItem',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuItem,\n  editor: { label: 'Navigation Menu Item', category: 'layout' },\n  schema: {\n    value: { type: 'string', label: 'Value' },\n  },\n  guideline:\n    'One nav entry. Requires a unique value prop. Combine with NavigationMenu.Trigger + NavigationMenu.Content.',\n});\n\nexport const NavigationMenuTriggerDefinition = defineComponent<NavigationMenuTriggerProps>({\n  name: 'NavigationMenuTrigger',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuTrigger,\n  editor: { label: 'Navigation Menu Trigger', category: 'action' },\n  schema: {},\n  guideline: 'Button that activates the flyout panel for a NavigationMenu.Item.',\n});\n\nexport const NavigationMenuIconDefinition = defineComponent<NavigationMenuIconProps>({\n  name: 'NavigationMenuIcon',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuIcon,\n  editor: { label: 'Navigation Menu Icon', category: 'layout' },\n  schema: {},\n  guideline: 'Decorative icon (e.g. chevron) inside NavigationMenu.Trigger. Rotates via data-open.',\n});\n\nexport const NavigationMenuContentDefinition = defineComponent<NavigationMenuContentProps>({\n  name: 'NavigationMenuContent',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuContent,\n  editor: { label: 'Navigation Menu Content', category: 'layout' },\n  schema: {},\n  guideline:\n    'The actual content of the flyout panel, placed inside NavigationMenu.Item alongside Trigger. Rendered inside the Viewport via the Portal.',\n});\n\nexport const NavigationMenuLinkDefinition = defineComponent<NavigationMenuLinkProps>({\n  name: 'NavigationMenuLink',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuLink,\n  editor: { label: 'Navigation Menu Link', category: 'action' },\n  schema: {},\n  guideline: 'Accessible anchor link inside NavigationMenu.Content. Closes the menu on navigation.',\n});\n\nexport const NavigationMenuPortalDefinition = defineComponent<NavigationMenuPortalProps>({\n  name: 'NavigationMenuPortal',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuPortal,\n  editor: { label: 'Navigation Menu Portal', category: 'layout' },\n  schema: {},\n  guideline: 'Teleports the Positioner to <body>. Wraps NavigationMenu.Positioner.',\n});\n\nexport const NavigationMenuPositionerDefinition = defineComponent<NavigationMenuPositionerProps>({\n  name: 'NavigationMenuPositioner',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuPositioner,\n  editor: { label: 'Navigation Menu 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  },\n  guideline: 'Controls popup placement relative to the active nav item.',\n});\n\nexport const NavigationMenuPopupDefinition = defineComponent<NavigationMenuPopupProps>({\n  name: 'NavigationMenuPopup',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuPopup,\n  editor: { label: 'Navigation Menu Popup', category: 'layout' },\n  schema: {},\n  guideline: 'Animated popup container wrapping NavigationMenu.Viewport.',\n});\n\nexport const NavigationMenuArrowDefinition = defineComponent<NavigationMenuArrowProps>({\n  name: 'NavigationMenuArrow',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuArrow,\n  editor: { label: 'Navigation Menu Arrow', category: 'layout' },\n  schema: {},\n  guideline: 'Optional pointing arrow inside NavigationMenu.Popup.',\n});\n\nexport const NavigationMenuViewportDefinition = defineComponent<NavigationMenuViewportProps>({\n  name: 'NavigationMenuViewport',\n  importPath: '@vtex/faststore/components',\n  component: NavigationMenuViewport,\n  editor: { label: 'Navigation Menu Viewport', category: 'layout' },\n  schema: {},\n  guideline:\n    'Shared animation container inside the Popup. All Content panels share this viewport for smooth transitions between nav items.',\n});\n\nexport function NavigationMenuRoot({\n  orientation = 'horizontal',\n  delay = 50,\n  closeDelay = 50,\n  children,\n}: NavigationMenuRootProps) {\n  return (\n    <BaseNavigationMenu.Root orientation={orientation} delay={delay} closeDelay={closeDelay}>\n      {children}\n    </BaseNavigationMenu.Root>\n  );\n}\n\nexport function NavigationMenuList({ className, children, ...props }: NavigationMenuListProps) {\n  return (\n    <BaseNavigationMenu.List {...props} className={className} data-fs-navigation-menu-list=\"\">\n      {children}\n    </BaseNavigationMenu.List>\n  );\n}\n\nexport function NavigationMenuItem({ value, className, children, ...props }: NavigationMenuItemProps) {\n  return (\n    <BaseNavigationMenu.Item {...props} value={value} className={className} data-fs-navigation-menu-item=\"\">\n      {children}\n    </BaseNavigationMenu.Item>\n  );\n}\n\nexport function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerProps) {\n  return (\n    <BaseNavigationMenu.Trigger {...props} className={className} data-fs-navigation-menu-trigger=\"\">\n      {children}\n    </BaseNavigationMenu.Trigger>\n  );\n}\n\nexport function NavigationMenuIcon({ className, children, ...props }: NavigationMenuIconProps) {\n  return (\n    <BaseNavigationMenu.Icon {...props} className={className} data-fs-navigation-menu-icon=\"\">\n      {children}\n    </BaseNavigationMenu.Icon>\n  );\n}\n\nexport function NavigationMenuContent({ className, children, ...props }: NavigationMenuContentProps) {\n  return (\n    <BaseNavigationMenu.Content {...props} className={className} data-fs-navigation-menu-content=\"\">\n      {children}\n    </BaseNavigationMenu.Content>\n  );\n}\n\nexport function NavigationMenuLink({ className, children, ...props }: NavigationMenuLinkProps) {\n  return (\n    <BaseNavigationMenu.Link {...props} className={className} data-fs-navigation-menu-link=\"\">\n      {children}\n    </BaseNavigationMenu.Link>\n  );\n}\n\nexport function NavigationMenuPortal({ children }: NavigationMenuPortalProps) {\n  return <BaseNavigationMenu.Portal>{children}</BaseNavigationMenu.Portal>;\n}\n\nexport function NavigationMenuPositioner({\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 0,\n  className,\n  children,\n  ...props\n}: NavigationMenuPositionerProps) {\n  return (\n    <BaseNavigationMenu.Positioner\n      {...props}\n      side={side}\n      align={align}\n      sideOffset={sideOffset}\n      className={className}\n      data-fs-navigation-menu-positioner=\"\"\n    >\n      {children}\n    </BaseNavigationMenu.Positioner>\n  );\n}\n\nexport function NavigationMenuPopup({ className, children, ...props }: NavigationMenuPopupProps) {\n  return (\n    <BaseNavigationMenu.Popup {...props} className={className} data-fs-navigation-menu-popup=\"\">\n      {children}\n    </BaseNavigationMenu.Popup>\n  );\n}\n\nexport function NavigationMenuArrow({ className, children, ...props }: NavigationMenuArrowProps) {\n  return (\n    <BaseNavigationMenu.Arrow {...props} className={className} data-fs-navigation-menu-arrow=\"\">\n      {children}\n    </BaseNavigationMenu.Arrow>\n  );\n}\n\nexport function NavigationMenuViewport({ className, children, ...props }: NavigationMenuViewportProps) {\n  return (\n    <BaseNavigationMenu.Viewport {...props} className={className} data-fs-navigation-menu-viewport=\"\">\n      {children}\n    </BaseNavigationMenu.Viewport>\n  );\n}\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Icon: NavigationMenuIcon,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Popup: NavigationMenuPopup,\n  Arrow: NavigationMenuArrow,\n  Viewport: NavigationMenuViewport,\n};\n"],"mappings":"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"}

package/dist/particles/number-field/number-field.d.ts

@@ -0,0 +1,46 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/number-field/number-field.d.ts
+export type NumberFieldRootProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'value'> & {
+  value?: number | null;
+  defaultValue?: number;
+  onValueChange?: (value: number | null) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+};
+export type NumberFieldScrubAreaProps = ComponentPropsWithRef<'span'>;
+export type NumberFieldScrubAreaCursorProps = ComponentPropsWithRef<'span'>;
+export type NumberFieldGroupProps = ComponentPropsWithRef<'div'>;
+export type NumberFieldDecrementProps = ComponentPropsWithRef<'button'>;
+export type NumberFieldInputProps = ComponentPropsWithRef<'input'>;
+export type NumberFieldIncrementProps = ComponentPropsWithRef<'button'>;
+export declare const NumberFieldRootDefinition: ComponentDefinition<NumberFieldRootProps>;
+export declare const NumberFieldScrubAreaDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const NumberFieldScrubAreaCursorDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const NumberFieldGroupDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const NumberFieldDecrementDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+export declare const NumberFieldInputDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>;
+export declare const NumberFieldIncrementDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+export declare function NumberFieldRoot({ min, max, step, disabled, readOnly, required, className, children, ...props }: NumberFieldRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFieldScrubArea({ className, children, ...props }: NumberFieldScrubAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFieldScrubAreaCursor({ className, children, ...props }: NumberFieldScrubAreaCursorProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFieldGroup({ className, children, ...props }: NumberFieldGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldDecrementProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFieldInput({ className, ...props }: NumberFieldInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldIncrementProps): import("react/jsx-runtime").JSX.Element;
+export declare const NumberField: {
+  Root: typeof NumberFieldRoot;
+  ScrubArea: typeof NumberFieldScrubArea;
+  ScrubAreaCursor: typeof NumberFieldScrubAreaCursor;
+  Group: typeof NumberFieldGroup;
+  Decrement: typeof NumberFieldDecrement;
+  Input: typeof NumberFieldInput;
+  Increment: typeof NumberFieldIncrement;
+};
+//#endregion
+//# sourceMappingURL=number-field.d.ts.map

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

@@ -0,0 +1,169 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+//#region src/particles/number-field/number-field.tsx
+const NumberFieldRootDefinition = defineComponent({
+	name: "NumberFieldRoot",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldRoot,
+	editor: {
+		label: "Number Field Root",
+		category: "layout"
+	},
+	schema: {
+		min: {
+			type: "number",
+			label: "Min"
+		},
+		max: {
+			type: "number",
+			label: "Max"
+		},
+		step: {
+			type: "number",
+			label: "Step"
+		}
+	},
+	guideline: "Numeric input with increment/decrement controls and scrub interaction. Set min, max, and step to constrain the value. Contains NumberField.Group wrapping NumberField.Decrement, NumberField.Input, and NumberField.Increment."
+});
+const NumberFieldScrubAreaDefinition = defineComponent({
+	name: "NumberFieldScrubArea",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldScrubArea,
+	editor: {
+		label: "Number Field Scrub Area",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Invisible drag area inside NumberField.Root that lets users scrub to change the value. Wrap with NumberField.ScrubAreaCursor for a custom cursor during scrubbing."
+});
+const NumberFieldScrubAreaCursorDefinition = defineComponent({
+	name: "NumberFieldScrubAreaCursor",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldScrubAreaCursor,
+	editor: {
+		label: "Number Field Scrub Area Cursor",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Custom cursor shown during scrub interaction inside NumberField.ScrubArea."
+});
+const NumberFieldGroupDefinition = defineComponent({
+	name: "NumberFieldGroup",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldGroup,
+	editor: {
+		label: "Number Field Group",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Layout wrapper inside NumberField.Root that contains the decrement button, input, and increment button in a row."
+});
+const NumberFieldDecrementDefinition = defineComponent({
+	name: "NumberFieldDecrement",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldDecrement,
+	editor: {
+		label: "Number Field Decrement",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Button inside NumberField.Group that decrements the value by step. Disabled automatically when min is reached."
+});
+const NumberFieldInputDefinition = defineComponent({
+	name: "NumberFieldInput",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldInput,
+	editor: {
+		label: "Number Field Input",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Native input inside NumberField.Group. Displays and accepts the numeric value. Managed by NumberField.Root."
+});
+const NumberFieldIncrementDefinition = defineComponent({
+	name: "NumberFieldIncrement",
+	importPath: "@vtex/faststore/components",
+	component: NumberFieldIncrement,
+	editor: {
+		label: "Number Field Increment",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Button inside NumberField.Group that increments the value by step. Disabled automatically when max is reached."
+});
+function NumberFieldRoot({ min, max, step, disabled, readOnly, required, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.Root, {
+		...props,
+		min,
+		max,
+		step,
+		disabled,
+		readOnly,
+		required,
+		className,
+		"data-fs-number-field-root": "",
+		children
+	});
+}
+function NumberFieldScrubArea({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+		...props,
+		className,
+		"data-fs-number-field-scrub-area": "",
+		children
+	});
+}
+function NumberFieldScrubAreaCursor({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+		...props,
+		className,
+		children
+	});
+}
+function NumberFieldGroup({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.Group, {
+		...props,
+		className,
+		"data-fs-number-field-group": "",
+		children
+	});
+}
+function NumberFieldDecrement({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.Decrement, {
+		...props,
+		className,
+		"data-fs-number-field-decrement": "",
+		children
+	});
+}
+function NumberFieldInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.Input, {
+		...props,
+		className,
+		"data-fs-number-field-input": ""
+	});
+}
+function NumberFieldIncrement({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NumberField.Increment, {
+		...props,
+		className,
+		"data-fs-number-field-increment": "",
+		children
+	});
+}
+const NumberField$1 = {
+	Root: NumberFieldRoot,
+	ScrubArea: NumberFieldScrubArea,
+	ScrubAreaCursor: NumberFieldScrubAreaCursor,
+	Group: NumberFieldGroup,
+	Decrement: NumberFieldDecrement,
+	Input: NumberFieldInput,
+	Increment: NumberFieldIncrement
+};
+//#endregion
+export { NumberField$1 as NumberField, NumberFieldDecrement, NumberFieldDecrementDefinition, NumberFieldGroup, NumberFieldGroupDefinition, NumberFieldIncrement, NumberFieldIncrementDefinition, NumberFieldInput, NumberFieldInputDefinition, NumberFieldRoot, NumberFieldRootDefinition, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorDefinition, NumberFieldScrubAreaDefinition };
+
+//# sourceMappingURL=number-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["BaseNumberField","NumberField"],"sources":["../../../src/particles/number-field/number-field.tsx"],"sourcesContent":["'use client';\nimport { NumberField as BaseNumberField } from '@base-ui/react/number-field';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport type NumberFieldRootProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'value'> & {\n  value?: number | null;\n  defaultValue?: number;\n  onValueChange?: (value: number | null) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n};\n\nexport type NumberFieldScrubAreaProps = ComponentPropsWithRef<'span'>;\n\nexport type NumberFieldScrubAreaCursorProps = ComponentPropsWithRef<'span'>;\n\nexport type NumberFieldGroupProps = ComponentPropsWithRef<'div'>;\n\nexport type NumberFieldDecrementProps = ComponentPropsWithRef<'button'>;\n\nexport type NumberFieldInputProps = ComponentPropsWithRef<'input'>;\n\nexport type NumberFieldIncrementProps = ComponentPropsWithRef<'button'>;\n\nexport const NumberFieldRootDefinition = defineComponent<NumberFieldRootProps>({\n  name: 'NumberFieldRoot',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldRoot,\n  editor: { label: 'Number Field Root', category: 'layout' },\n  schema: {\n    min: { type: 'number', label: 'Min' },\n    max: { type: 'number', label: 'Max' },\n    step: { type: 'number', label: 'Step' },\n  },\n  guideline:\n    'Numeric input with increment/decrement controls and scrub interaction. Set min, max, and step to constrain the value. Contains NumberField.Group wrapping NumberField.Decrement, NumberField.Input, and NumberField.Increment.',\n});\n\nexport const NumberFieldScrubAreaDefinition = defineComponent<NumberFieldScrubAreaProps>({\n  name: 'NumberFieldScrubArea',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldScrubArea,\n  editor: { label: 'Number Field Scrub Area', category: 'layout' },\n  schema: {},\n  guideline:\n    'Invisible drag area inside NumberField.Root that lets users scrub to change the value. Wrap with NumberField.ScrubAreaCursor for a custom cursor during scrubbing.',\n});\n\nexport const NumberFieldScrubAreaCursorDefinition = defineComponent<NumberFieldScrubAreaCursorProps>({\n  name: 'NumberFieldScrubAreaCursor',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldScrubAreaCursor,\n  editor: { label: 'Number Field Scrub Area Cursor', category: 'layout' },\n  schema: {},\n  guideline: 'Custom cursor shown during scrub interaction inside NumberField.ScrubArea.',\n});\n\nexport const NumberFieldGroupDefinition = defineComponent<NumberFieldGroupProps>({\n  name: 'NumberFieldGroup',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldGroup,\n  editor: { label: 'Number Field Group', category: 'layout' },\n  schema: {},\n  guideline:\n    'Layout wrapper inside NumberField.Root that contains the decrement button, input, and increment button in a row.',\n});\n\nexport const NumberFieldDecrementDefinition = defineComponent<NumberFieldDecrementProps>({\n  name: 'NumberFieldDecrement',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldDecrement,\n  editor: { label: 'Number Field Decrement', category: 'action' },\n  schema: {},\n  guideline:\n    'Button inside NumberField.Group that decrements the value by step. Disabled automatically when min is reached.',\n});\n\nexport const NumberFieldInputDefinition = defineComponent<NumberFieldInputProps>({\n  name: 'NumberFieldInput',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldInput,\n  editor: { label: 'Number Field Input', category: 'action' },\n  schema: {},\n  guideline:\n    'Native input inside NumberField.Group. Displays and accepts the numeric value. Managed by NumberField.Root.',\n});\n\nexport const NumberFieldIncrementDefinition = defineComponent<NumberFieldIncrementProps>({\n  name: 'NumberFieldIncrement',\n  importPath: '@vtex/faststore/components',\n  component: NumberFieldIncrement,\n  editor: { label: 'Number Field Increment', category: 'action' },\n  schema: {},\n  guideline:\n    'Button inside NumberField.Group that increments the value by step. Disabled automatically when max is reached.',\n});\n\nexport function NumberFieldRoot({\n  min,\n  max,\n  step,\n  disabled,\n  readOnly,\n  required,\n  className,\n  children,\n  ...props\n}: NumberFieldRootProps) {\n  return (\n    <BaseNumberField.Root\n      {...props}\n      min={min}\n      max={max}\n      step={step}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={className}\n      data-fs-number-field-root=\"\"\n    >\n      {children}\n    </BaseNumberField.Root>\n  );\n}\n\nexport function NumberFieldScrubArea({ className, children, ...props }: NumberFieldScrubAreaProps) {\n  return (\n    <BaseNumberField.ScrubArea {...props} className={className} data-fs-number-field-scrub-area=\"\">\n      {children}\n    </BaseNumberField.ScrubArea>\n  );\n}\n\nexport function NumberFieldScrubAreaCursor({ className, children, ...props }: NumberFieldScrubAreaCursorProps) {\n  return (\n    <BaseNumberField.ScrubAreaCursor {...props} className={className}>\n      {children}\n    </BaseNumberField.ScrubAreaCursor>\n  );\n}\n\nexport function NumberFieldGroup({ className, children, ...props }: NumberFieldGroupProps) {\n  return (\n    <BaseNumberField.Group {...props} className={className} data-fs-number-field-group=\"\">\n      {children}\n    </BaseNumberField.Group>\n  );\n}\n\nexport function NumberFieldDecrement({ className, children, ...props }: NumberFieldDecrementProps) {\n  return (\n    <BaseNumberField.Decrement {...props} className={className} data-fs-number-field-decrement=\"\">\n      {children}\n    </BaseNumberField.Decrement>\n  );\n}\n\nexport function NumberFieldInput({ className, ...props }: NumberFieldInputProps) {\n  return <BaseNumberField.Input {...props} className={className} data-fs-number-field-input=\"\" />;\n}\n\nexport function NumberFieldIncrement({ className, children, ...props }: NumberFieldIncrementProps) {\n  return (\n    <BaseNumberField.Increment {...props} className={className} data-fs-number-field-increment=\"\">\n      {children}\n    </BaseNumberField.Increment>\n  );\n}\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  ScrubArea: NumberFieldScrubArea,\n  ScrubAreaCursor: NumberFieldScrubAreaCursor,\n  Group: NumberFieldGroup,\n  Decrement: NumberFieldDecrement,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n};\n"],"mappings":"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"}

package/dist/particles/password-field/password-field.d.ts

@@ -0,0 +1,31 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+//#region src/particles/password-field/password-field.d.ts
+export type PasswordFieldRequirement = 'mandatory' | 'optional';
+export type PasswordFieldAutoComplete = 'current-password' | 'new-password';
+export type PasswordFieldProps = {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  invalid?: boolean;
+  errorMessage?: string;
+  label?: string;
+  placeholder?: string;
+  requirement?: PasswordFieldRequirement;
+  autoComplete?: PasswordFieldAutoComplete;
+  showPasswordLabel?: string;
+  hidePasswordLabel?: string;
+  disabled?: boolean;
+  name?: string;
+  id?: string;
+  className?: string;
+};
+export declare const PasswordFieldDefinition: ComponentDefinition<PasswordFieldProps>;
+/**
+ * Composes Field + Input + Toggle + Icon into a password input with a show/hide reveal
+ * toggle. Presence-only validation is caller-driven via `invalid`/`errorMessage` — this
+ * particle computes no validity of its own. `revealed` is local, uncontrolled UI state.
+ */
+export declare function PasswordField({ value, defaultValue, onValueChange, invalid, errorMessage, label, placeholder, requirement, autoComplete, showPasswordLabel, hidePasswordLabel, disabled, name, id, className }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=password-field.d.ts.map