@vtex/faststore 0.0.1

package/dist/particles/spinner/spinner.js

@@ -0,0 +1,31 @@
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/particles/spinner/spinner.tsx
+const SpinnerDefinition = defineComponent({
+	name: "Spinner",
+	importPath: "@vtex/faststore/components",
+	component: Spinner,
+	editor: {
+		label: "Spinner",
+		category: "feedback"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Loading",
+		label: "Label"
+	} },
+	guideline: "Loading indicator — use standalone or composed inside Button for loading states. Purely structural with no built-in animation CSS."
+});
+function Spinner({ label = "Loading", className, ...props }) {
+	return /* @__PURE__ */ jsx("output", {
+		...props,
+		"aria-label": label,
+		className,
+		"data-fs-spinner": ""
+	});
+}
+//#endregion
+export { Spinner, SpinnerDefinition };
+
+//# sourceMappingURL=spinner.js.map

package/dist/particles/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/particles/spinner/spinner.tsx"],"sourcesContent":["import { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\n/** Props for {@link Spinner}. Extends all native `<output>` attributes. */\nexport type SpinnerProps = Omit<ComponentPropsWithRef<'output'>, 'children'> & {\n  /** Accessible label. Defaults to `'Loading'`. */\n  label?: string;\n};\n\nexport const SpinnerDefinition = defineComponent<SpinnerProps>({\n  name: 'Spinner',\n  importPath: '@vtex/faststore/components',\n  component: Spinner,\n  editor: { label: 'Spinner', category: 'feedback' },\n  schema: {\n    label: { type: 'string', default: 'Loading', label: 'Label' },\n  },\n  guideline:\n    'Loading indicator — use standalone or composed inside Button for loading states. Purely structural with no built-in animation CSS.',\n});\n\nexport function Spinner({ label = 'Loading', className, ...props }: SpinnerProps) {\n  return <output {...props} aria-label={label} className={className} data-fs-spinner=\"\" />;\n}\n"],"mappings":";;;;AASA,MAAa,oBAAoB,gBAA8B;CAC7D,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAW,UAAU;CAAW;CACjD,QAAQ,EACN,OAAO;EAAE,MAAM;EAAU,SAAS;EAAW,OAAO;CAAQ,EAC9D;CACA,WACE;AACJ,CAAC;AAED,SAAgB,QAAQ,EAAE,QAAQ,WAAW,WAAW,GAAG,SAAuB;CAChF,OAAO,oBAAC,UAAD;EAAQ,GAAI;EAAO,cAAY;EAAkB;EAAW,mBAAgB;CAAI,CAAA;AACzF"}

package/dist/particles/switch/switch.d.ts

@@ -0,0 +1,27 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/particles/switch/switch.d.ts
+export type SwitchRootProps = {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  disabled?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+  name?: string;
+  id?: string;
+  className?: string;
+  children?: ReactNode;
+};
+export type SwitchThumbProps = ComponentPropsWithRef<'span'>;
+export declare const SwitchRootDefinition: ComponentDefinition<SwitchRootProps>;
+export declare const SwitchThumbDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare function SwitchRoot({ checked, defaultChecked, onCheckedChange, disabled, readOnly, required, name, id, className, children }: SwitchRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchThumb({ className, children, ...props }: SwitchThumbProps): import("react/jsx-runtime").JSX.Element;
+export declare const Switch: {
+  Root: typeof SwitchRoot;
+  Thumb: typeof SwitchThumb;
+};
+//#endregion
+//# sourceMappingURL=switch.d.ts.map

package/dist/particles/switch/switch.js

@@ -0,0 +1,59 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+//#region src/particles/switch/switch.tsx
+const SwitchRootDefinition = defineComponent({
+	name: "SwitchRoot",
+	importPath: "@vtex/faststore/components",
+	component: SwitchRoot,
+	editor: {
+		label: "Switch Root",
+		category: "action"
+	},
+	schema: {},
+	guideline: "On/off control for settings and preferences. Always wraps a Switch.Thumb. Unlike Checkbox, implies immediate effect without form submission. Style the checked state via data-checked."
+});
+const SwitchThumbDefinition = defineComponent({
+	name: "SwitchThumb",
+	importPath: "@vtex/faststore/components",
+	component: SwitchThumb,
+	editor: {
+		label: "Switch Thumb",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Sliding visual indicator inside Switch.Root. Moves position based on the checked state managed by Base UI."
+});
+function SwitchRoot({ checked, defaultChecked, onCheckedChange, disabled, readOnly, required, name, id, className, children }) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		checked,
+		defaultChecked,
+		onCheckedChange,
+		disabled,
+		readOnly,
+		required,
+		name,
+		id,
+		className,
+		"data-fs-switch-root": "",
+		children
+	});
+}
+function SwitchThumb({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Switch.Thumb, {
+		...props,
+		className,
+		"data-fs-switch-thumb": "",
+		children
+	});
+}
+const Switch$1 = {
+	Root: SwitchRoot,
+	Thumb: SwitchThumb
+};
+//#endregion
+export { Switch$1 as Switch, SwitchRoot, SwitchRootDefinition, SwitchThumb, SwitchThumbDefinition };
+
+//# sourceMappingURL=switch.js.map

package/dist/particles/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["BaseSwitch","Switch"],"sources":["../../../src/particles/switch/switch.tsx"],"sourcesContent":["'use client';\nimport { Switch as BaseSwitch } from '@base-ui/react/switch';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type SwitchRootProps = {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport type SwitchThumbProps = ComponentPropsWithRef<'span'>;\n\nexport const SwitchRootDefinition = defineComponent<SwitchRootProps>({\n  name: 'SwitchRoot',\n  importPath: '@vtex/faststore/components',\n  component: SwitchRoot,\n  editor: { label: 'Switch Root', category: 'action' },\n  schema: {},\n  guideline:\n    'On/off control for settings and preferences. Always wraps a Switch.Thumb. Unlike Checkbox, implies immediate effect without form submission. Style the checked state via data-checked.',\n});\n\nexport const SwitchThumbDefinition = defineComponent<SwitchThumbProps>({\n  name: 'SwitchThumb',\n  importPath: '@vtex/faststore/components',\n  component: SwitchThumb,\n  editor: { label: 'Switch Thumb', category: 'layout' },\n  schema: {},\n  guideline:\n    'Sliding visual indicator inside Switch.Root. Moves position based on the checked state managed by Base UI.',\n});\n\nexport function SwitchRoot({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  disabled,\n  readOnly,\n  required,\n  name,\n  id,\n  className,\n  children,\n}: SwitchRootProps) {\n  return (\n    <BaseSwitch.Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      name={name}\n      id={id}\n      className={className}\n      data-fs-switch-root=\"\"\n    >\n      {children}\n    </BaseSwitch.Root>\n  );\n}\n\nexport function SwitchThumb({ className, children, ...props }: SwitchThumbProps) {\n  return (\n    <BaseSwitch.Thumb {...props} className={className} data-fs-switch-thumb=\"\">\n      {children}\n    </BaseSwitch.Thumb>\n  );\n}\n\nexport const Switch = {\n  Root: SwitchRoot,\n  Thumb: SwitchThumb,\n};\n"],"mappings":";;;;;;AAoBA,MAAa,uBAAuB,gBAAiC;CACnE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAe,UAAU;CAAS;CACnD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,wBAAwB,gBAAkC;CACrE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAgB,UAAU;CAAS;CACpD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgB,WAAW,EACzB,SACA,gBACA,iBACA,UACA,UACA,UACA,MACA,IACA,WACA,YACkB;CAClB,OACE,oBAACA,OAAW,MAAZ;EACW;EACO;EACC;EACP;EACA;EACA;EACJ;EACF;EACO;EACX,uBAAoB;EAEnB;CACc,CAAA;AAErB;AAEA,SAAgB,YAAY,EAAE,WAAW,UAAU,GAAG,SAA2B;CAC/E,OACE,oBAACA,OAAW,OAAZ;EAAkB,GAAI;EAAkB;EAAW,wBAAqB;EACrE;CACe,CAAA;AAEtB;AAEA,MAAaC,WAAS;CACpB,MAAM;CACN,OAAO;AACT"}

package/dist/particles/tabs/tabs.d.ts

@@ -0,0 +1,45 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/particles/tabs/tabs.d.ts
+export type TabsOrientation = 'horizontal' | 'vertical';
+export type TabsRootProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> & {
+  defaultValue?: string;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  orientation?: TabsOrientation;
+};
+export type TabsListProps = ComponentPropsWithRef<'div'> & {
+  loopFocus?: boolean;
+  activateOnFocus?: boolean;
+};
+export type TabsTabProps = ComponentPropsWithRef<'button'> & {
+  value: string;
+  disabled?: boolean;
+};
+export type TabsPanelProps = ComponentPropsWithRef<'div'> & {
+  value: string;
+  keepMounted?: boolean;
+};
+export type TabsIndicatorProps = ComponentPropsWithRef<'span'> & {
+  children?: ReactNode;
+};
+export declare const TabsRootDefinition: ComponentDefinition<TabsRootProps>;
+export declare const TabsListDefinition: ComponentDefinition<TabsListProps>;
+export declare const TabsTabDefinition: ComponentDefinition<TabsTabProps>;
+export declare const TabsPanelDefinition: ComponentDefinition<TabsPanelProps>;
+export declare const TabsIndicatorDefinition: ComponentDefinition<TabsIndicatorProps>;
+export declare function TabsRoot({ defaultValue, value, onValueChange, orientation, className, children, ...props }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsList({ loopFocus, activateOnFocus, className, children, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTab({ value, disabled, className, children, ...props }: TabsTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsPanel({ value, keepMounted, className, children, ...props }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsIndicator({ className, children, ...props }: TabsIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: {
+  Root: typeof TabsRoot;
+  List: typeof TabsList;
+  Tab: typeof TabsTab;
+  Panel: typeof TabsPanel;
+  Indicator: typeof TabsIndicator;
+};
+//#endregion
+//# sourceMappingURL=tabs.d.ts.map

package/dist/particles/tabs/tabs.js

@@ -0,0 +1,164 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/particles/tabs/tabs.tsx
+const TabsRootDefinition = defineComponent({
+	name: "TabsRoot",
+	importPath: "@vtex/faststore/components",
+	component: TabsRoot,
+	editor: {
+		label: "Tabs Root",
+		category: "layout"
+	},
+	schema: {
+		defaultValue: {
+			type: "string",
+			label: "Default Value"
+		},
+		orientation: {
+			type: ["horizontal", "vertical"],
+			default: "horizontal",
+			label: "Orientation"
+		}
+	},
+	guideline: "Root of the tabs. Groups tabs and the corresponding panels. Compose as: TabsRoot > TabsList > TabsTab[] + TabsPanel[]. Set defaultValue to the value of the tab that should be active on first render; otherwise the first tab is selected. Orientation controls arrow-key navigation axis."
+});
+const TabsListDefinition = defineComponent({
+	name: "TabsList",
+	importPath: "@vtex/faststore/components",
+	component: TabsList,
+	editor: {
+		label: "Tabs List",
+		category: "layout"
+	},
+	schema: {
+		loopFocus: {
+			type: "boolean",
+			default: true,
+			label: "Loop Focus"
+		},
+		activateOnFocus: {
+			type: "boolean",
+			default: false,
+			label: "Activate On Focus"
+		}
+	},
+	guideline: "Groups the individual tab buttons inside TabsRoot. Owns roving tabindex and arrow-key navigation. Set activateOnFocus=true to switch the active panel as soon as a tab gets keyboard focus."
+});
+const TabsTabDefinition = defineComponent({
+	name: "TabsTab",
+	importPath: "@vtex/faststore/components",
+	component: TabsTab,
+	editor: {
+		label: "Tabs Tab",
+		category: "action"
+	},
+	schema: {
+		value: {
+			type: "string",
+			label: "Value"
+		},
+		disabled: {
+			type: "boolean",
+			default: false,
+			label: "Disabled"
+		}
+	},
+	guideline: "Individual tab button inside TabsList. Requires a unique `value` within the enclosing TabsRoot. Base UI sets data-active='' on the active tab and manages ARIA attributes automatically."
+});
+const TabsPanelDefinition = defineComponent({
+	name: "TabsPanel",
+	importPath: "@vtex/faststore/components",
+	component: TabsPanel,
+	editor: {
+		label: "Tabs Panel",
+		category: "layout"
+	},
+	schema: {
+		value: {
+			type: "string",
+			label: "Value"
+		},
+		keepMounted: {
+			type: "boolean",
+			default: false,
+			label: "Keep Mounted"
+		}
+	},
+	guideline: "Content panel rendered when its `value` matches the active TabsRoot value. Place inside TabsRoot (anywhere — not necessarily inside TabsList). Set keepMounted=true to keep hidden panels in the DOM (useful for forms or expensive trees that need to preserve state)."
+});
+const TabsIndicatorDefinition = defineComponent({
+	name: "TabsIndicator",
+	importPath: "@vtex/faststore/components",
+	component: TabsIndicator,
+	editor: {
+		label: "Tabs Indicator",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Optional visual indicator that animates between active tabs. Place inside TabsList. Base UI sets CSS custom properties for the active tab position and size — style with width/height and translate based on those vars."
+});
+function TabsRoot({ defaultValue, value, onValueChange, orientation = "horizontal", className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		...props,
+		defaultValue,
+		value,
+		onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
+		orientation,
+		className,
+		"data-fs-tabs-root": "",
+		"data-fs-tabs-root-orientation": orientation,
+		children
+	});
+}
+function TabsList({ loopFocus = true, activateOnFocus = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		...props,
+		loopFocus,
+		activateOnFocus,
+		className,
+		"data-fs-tabs-list": "",
+		children
+	});
+}
+function TabsTab({ value, disabled = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		...props,
+		value,
+		disabled,
+		className,
+		"data-fs-tabs-tab": "",
+		children
+	});
+}
+function TabsPanel({ value, keepMounted = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		...props,
+		value,
+		keepMounted,
+		className,
+		"data-fs-tabs-panel": "",
+		children
+	});
+}
+function TabsIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		...props,
+		className,
+		"data-fs-tabs-indicator": "",
+		children
+	});
+}
+const Tabs$1 = {
+	Root: TabsRoot,
+	List: TabsList,
+	Tab: TabsTab,
+	Panel: TabsPanel,
+	Indicator: TabsIndicator
+};
+//#endregion
+export { Tabs$1 as Tabs, TabsIndicator, TabsIndicatorDefinition, TabsList, TabsListDefinition, TabsPanel, TabsPanelDefinition, TabsRoot, TabsRootDefinition, TabsTab, TabsTabDefinition };
+
+//# sourceMappingURL=tabs.js.map

package/dist/particles/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["BaseTabs","Tabs"],"sources":["../../../src/particles/tabs/tabs.tsx"],"sourcesContent":["'use client';\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\nexport type TabsRootProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> & {\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: TabsOrientation;\n};\n\nexport type TabsListProps = ComponentPropsWithRef<'div'> & {\n  loopFocus?: boolean;\n  activateOnFocus?: boolean;\n};\n\nexport type TabsTabProps = ComponentPropsWithRef<'button'> & {\n  value: string;\n  disabled?: boolean;\n};\n\nexport type TabsPanelProps = ComponentPropsWithRef<'div'> & {\n  value: string;\n  keepMounted?: boolean;\n};\n\nexport type TabsIndicatorProps = ComponentPropsWithRef<'span'> & {\n  children?: ReactNode;\n};\n\nexport const TabsRootDefinition = defineComponent<TabsRootProps>({\n  name: 'TabsRoot',\n  importPath: '@vtex/faststore/components',\n  component: TabsRoot,\n  editor: { label: 'Tabs Root', category: 'layout' },\n  schema: {\n    defaultValue: { type: 'string', label: 'Default Value' },\n    orientation: { type: ['horizontal', 'vertical'] as const, default: 'horizontal', label: 'Orientation' },\n  },\n  guideline:\n    'Root of the tabs. Groups tabs and the corresponding panels. Compose as: TabsRoot > TabsList > TabsTab[] + TabsPanel[]. Set defaultValue to the value of the tab that should be active on first render; otherwise the first tab is selected. Orientation controls arrow-key navigation axis.',\n});\n\nexport const TabsListDefinition = defineComponent<TabsListProps>({\n  name: 'TabsList',\n  importPath: '@vtex/faststore/components',\n  component: TabsList,\n  editor: { label: 'Tabs List', category: 'layout' },\n  schema: {\n    loopFocus: { type: 'boolean', default: true, label: 'Loop Focus' },\n    activateOnFocus: { type: 'boolean', default: false, label: 'Activate On Focus' },\n  },\n  guideline:\n    'Groups the individual tab buttons inside TabsRoot. Owns roving tabindex and arrow-key navigation. Set activateOnFocus=true to switch the active panel as soon as a tab gets keyboard focus.',\n});\n\nexport const TabsTabDefinition = defineComponent<TabsTabProps>({\n  name: 'TabsTab',\n  importPath: '@vtex/faststore/components',\n  component: TabsTab,\n  editor: { label: 'Tabs Tab', category: 'action' },\n  schema: {\n    value: { type: 'string', label: 'Value' },\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    \"Individual tab button inside TabsList. Requires a unique `value` within the enclosing TabsRoot. Base UI sets data-active='' on the active tab and manages ARIA attributes automatically.\",\n});\n\nexport const TabsPanelDefinition = defineComponent<TabsPanelProps>({\n  name: 'TabsPanel',\n  importPath: '@vtex/faststore/components',\n  component: TabsPanel,\n  editor: { label: 'Tabs Panel', category: 'layout' },\n  schema: {\n    value: { type: 'string', label: 'Value' },\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline:\n    'Content panel rendered when its `value` matches the active TabsRoot value. Place inside TabsRoot (anywhere — not necessarily inside TabsList). Set keepMounted=true to keep hidden panels in the DOM (useful for forms or expensive trees that need to preserve state).',\n});\n\nexport const TabsIndicatorDefinition = defineComponent<TabsIndicatorProps>({\n  name: 'TabsIndicator',\n  importPath: '@vtex/faststore/components',\n  component: TabsIndicator,\n  editor: { label: 'Tabs Indicator', category: 'layout' },\n  schema: {},\n  guideline:\n    'Optional visual indicator that animates between active tabs. Place inside TabsList. Base UI sets CSS custom properties for the active tab position and size — style with width/height and translate based on those vars.',\n});\n\nexport function TabsRoot({\n  defaultValue,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  children,\n  ...props\n}: TabsRootProps) {\n  return (\n    <BaseTabs.Root\n      {...props}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onValueChange ? (next) => onValueChange(next as string) : undefined}\n      orientation={orientation}\n      className={className}\n      data-fs-tabs-root=\"\"\n      data-fs-tabs-root-orientation={orientation}\n    >\n      {children}\n    </BaseTabs.Root>\n  );\n}\n\nexport function TabsList({ loopFocus = true, activateOnFocus = false, className, children, ...props }: TabsListProps) {\n  return (\n    <BaseTabs.List\n      {...props}\n      loopFocus={loopFocus}\n      activateOnFocus={activateOnFocus}\n      className={className}\n      data-fs-tabs-list=\"\"\n    >\n      {children}\n    </BaseTabs.List>\n  );\n}\n\nexport function TabsTab({ value, disabled = false, className, children, ...props }: TabsTabProps) {\n  return (\n    <BaseTabs.Tab {...props} value={value} disabled={disabled} className={className} data-fs-tabs-tab=\"\">\n      {children}\n    </BaseTabs.Tab>\n  );\n}\n\nexport function TabsPanel({ value, keepMounted = false, className, children, ...props }: TabsPanelProps) {\n  return (\n    <BaseTabs.Panel {...props} value={value} keepMounted={keepMounted} className={className} data-fs-tabs-panel=\"\">\n      {children}\n    </BaseTabs.Panel>\n  );\n}\n\nexport function TabsIndicator({ className, children, ...props }: TabsIndicatorProps) {\n  return (\n    <BaseTabs.Indicator {...props} className={className} data-fs-tabs-indicator=\"\">\n      {children}\n    </BaseTabs.Indicator>\n  );\n}\n\nexport const Tabs = {\n  Root: TabsRoot,\n  List: TabsList,\n  Tab: TabsTab,\n  Panel: TabsPanel,\n  Indicator: TabsIndicator,\n};\n"],"mappings":";;;;;;AAiCA,MAAa,qBAAqB,gBAA+B;CAC/D,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAa,UAAU;CAAS;CACjD,QAAQ;EACN,cAAc;GAAE,MAAM;GAAU,OAAO;EAAgB;EACvD,aAAa;GAAE,MAAM,CAAC,cAAc,UAAU;GAAY,SAAS;GAAc,OAAO;EAAc;CACxG;CACA,WACE;AACJ,CAAC;AAED,MAAa,qBAAqB,gBAA+B;CAC/D,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAa,UAAU;CAAS;CACjD,QAAQ;EACN,WAAW;GAAE,MAAM;GAAW,SAAS;GAAM,OAAO;EAAa;EACjE,iBAAiB;GAAE,MAAM;GAAW,SAAS;GAAO,OAAO;EAAoB;CACjF;CACA,WACE;AACJ,CAAC;AAED,MAAa,oBAAoB,gBAA8B;CAC7D,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAY,UAAU;CAAS;CAChD,QAAQ;EACN,OAAO;GAAE,MAAM;GAAU,OAAO;EAAQ;EACxC,UAAU;GAAE,MAAM;GAAW,SAAS;GAAO,OAAO;EAAW;CACjE;CACA,WACE;AACJ,CAAC;AAED,MAAa,sBAAsB,gBAAgC;CACjE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAc,UAAU;CAAS;CAClD,QAAQ;EACN,OAAO;GAAE,MAAM;GAAU,OAAO;EAAQ;EACxC,aAAa;GAAE,MAAM;GAAW,SAAS;GAAO,OAAO;EAAe;CACxE;CACA,WACE;AACJ,CAAC;AAED,MAAa,0BAA0B,gBAAoC;CACzE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAkB,UAAU;CAAS;CACtD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgB,SAAS,EACvB,cACA,OACA,eACA,cAAc,cACd,WACA,UACA,GAAG,SACa;CAChB,OACE,oBAACA,KAAS,MAAV;EACE,GAAI;EACU;EACP;EACP,eAAe,iBAAiB,SAAS,cAAc,IAAc,IAAI,KAAA;EAC5D;EACF;EACX,qBAAkB;EAClB,iCAA+B;EAE9B;CACY,CAAA;AAEnB;AAEA,SAAgB,SAAS,EAAE,YAAY,MAAM,kBAAkB,OAAO,WAAW,UAAU,GAAG,SAAwB;CACpH,OACE,oBAACA,KAAS,MAAV;EACE,GAAI;EACO;EACM;EACN;EACX,qBAAkB;EAEjB;CACY,CAAA;AAEnB;AAEA,SAAgB,QAAQ,EAAE,OAAO,WAAW,OAAO,WAAW,UAAU,GAAG,SAAuB;CAChG,OACE,oBAACA,KAAS,KAAV;EAAc,GAAI;EAAc;EAAiB;EAAqB;EAAW,oBAAiB;EAC/F;CACW,CAAA;AAElB;AAEA,SAAgB,UAAU,EAAE,OAAO,cAAc,OAAO,WAAW,UAAU,GAAG,SAAyB;CACvG,OACE,oBAACA,KAAS,OAAV;EAAgB,GAAI;EAAc;EAAoB;EAAwB;EAAW,sBAAmB;EACzG;CACa,CAAA;AAEpB;AAEA,SAAgB,cAAc,EAAE,WAAW,UAAU,GAAG,SAA6B;CACnF,OACE,oBAACA,KAAS,WAAV;EAAoB,GAAI;EAAkB;EAAW,0BAAuB;EACzE;CACiB,CAAA;AAExB;AAEA,MAAaC,SAAO;CAClB,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP,WAAW;AACb"}

package/dist/particles/text/text.d.ts

@@ -0,0 +1,24 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ElementType } from "react";
+//#region src/particles/text/text.d.ts
+type TextOwnProps<T extends ElementType = 'p'> = {
+  /** Override the rendered element. Defaults to `'p'`. */
+  as?: T;
+};
+/** Props for {@link Text}. Extends all native attributes of the rendered element. */
+export type TextProps<T extends ElementType = 'p'> = TextOwnProps<T> & Omit<ComponentPropsWithRef<T>, keyof TextOwnProps<T>>;
+/**
+ * Polymorphic text component.
+ *
+ * @example
+ * ```tsx
+ * <Text>Paragraph content</Text>
+ * <Text as="h1">Hero title</Text>
+ * <Text as="span">Inline text</Text>
+ * ```
+ */
+export declare const TextDefinition: ComponentDefinition<TextProps<ElementType>>;
+export declare function Text<T extends ElementType = 'p'>({ as, className, children, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=text.d.ts.map

package/dist/particles/text/text.js

@@ -0,0 +1,40 @@
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/particles/text/text.tsx
+/**
+* Polymorphic text component.
+*
+* @example
+* ```tsx
+* <Text>Paragraph content</Text>
+* <Text as="h1">Hero title</Text>
+* <Text as="span">Inline text</Text>
+* ```
+*/
+const TextDefinition = defineComponent({
+	name: "Text",
+	importPath: "@vtex/faststore/components",
+	component: Text,
+	editor: {
+		label: "Text",
+		category: "content"
+	},
+	schema: { as: {
+		type: "string",
+		label: "HTML Element"
+	} },
+	guideline: "Universal typography — use the as prop to control the rendered HTML element (h1, h2, p, span, label, code, etc.)."
+});
+function Text({ as, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(as ?? "p", {
+		...props,
+		className,
+		"data-fs-text": "",
+		children
+	});
+}
+//#endregion
+export { Text, TextDefinition };
+
+//# sourceMappingURL=text.js.map

package/dist/particles/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":[],"sources":["../../../src/particles/text/text.tsx"],"sourcesContent":["import { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ElementType } from 'react';\n\ntype TextOwnProps<T extends ElementType = 'p'> = {\n  /** Override the rendered element. Defaults to `'p'`. */\n  as?: T;\n};\n\n/** Props for {@link Text}. Extends all native attributes of the rendered element. */\nexport type TextProps<T extends ElementType = 'p'> = TextOwnProps<T> &\n  Omit<ComponentPropsWithRef<T>, keyof TextOwnProps<T>>;\n\n/**\n * Polymorphic text component.\n *\n * @example\n * ```tsx\n * <Text>Paragraph content</Text>\n * <Text as=\"h1\">Hero title</Text>\n * <Text as=\"span\">Inline text</Text>\n * ```\n */\nexport const TextDefinition = defineComponent({\n  name: 'Text',\n  importPath: '@vtex/faststore/components',\n  component: Text,\n  editor: { label: 'Text', category: 'content' },\n  schema: {\n    as: { type: 'string', label: 'HTML Element' },\n  },\n  guideline:\n    'Universal typography — use the as prop to control the rendered HTML element (h1, h2, p, span, label, code, etc.).',\n});\n\nexport function Text<T extends ElementType = 'p'>({ as, className, children, ...props }: TextProps<T>) {\n  const Component = as ?? 'p';\n\n  return (\n    <Component {...props} className={className} data-fs-text=\"\">\n      {children}\n    </Component>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAQ,UAAU;CAAU;CAC7C,QAAQ,EACN,IAAI;EAAE,MAAM;EAAU,OAAO;CAAe,EAC9C;CACA,WACE;AACJ,CAAC;AAED,SAAgB,KAAkC,EAAE,IAAI,WAAW,UAAU,GAAG,SAAuB;CAGrG,OACE,oBAHgB,MAAM,KAGtB;EAAW,GAAI;EAAkB;EAAW,gBAAa;EACtD;CACQ,CAAA;AAEf"}

package/dist/particles/toast/toast.d.ts

@@ -0,0 +1,83 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+import { Toast, ToastManager, ToastManager as ToastManager$1, ToastRootToastObject } from "@base-ui/react/toast";
+//#region src/particles/toast/toast.d.ts
+/** The queued toast object `useToast().toasts` returns and `ToastRoot` renders. */
+export type ToastObject = ToastRootToastObject;
+type SwipeDirection = 'up' | 'down' | 'left' | 'right';
+export type ToastProviderProps = Readonly<{
+  /** Max concurrent toasts before older ones are marked limited. */
+  limit?: number;
+  /** Default auto-dismiss delay (ms); `0` disables. */
+  timeout?: number;
+  /** External manager for triggering toasts outside React (e.g. a non-component module). */
+  toastManager?: ToastManager;
+  children?: ReactNode;
+}>;
+export type ToastPortalProps = Readonly<{
+  className?: string;
+  children?: ReactNode;
+}>;
+export type ToastViewportProps = ComponentPropsWithRef<'div'>;
+export type ToastRootProps = Readonly<{
+  /** The queued toast to render, from `useToast().toasts`. */
+  toast: ToastObject;
+  /** Directions the toast can be swiped to dismiss. @default ['down', 'right'] */
+  swipeDirection?: SwipeDirection | SwipeDirection[];
+  className?: string;
+  children?: ReactNode;
+}>;
+export type ToastTitleProps = ComponentPropsWithRef<'h2'>;
+export type ToastDescriptionProps = ComponentPropsWithRef<'p'>;
+export type ToastActionProps = ComponentPropsWithRef<'button'>;
+export type ToastCloseProps = ComponentPropsWithRef<'button'>;
+export declare const ToastProviderDefinition: ComponentDefinition<Readonly<{
+  /** Max concurrent toasts before older ones are marked limited. */
+  limit?: number;
+  /** Default auto-dismiss delay (ms); `0` disables. */
+  timeout?: number;
+  /** External manager for triggering toasts outside React (e.g. a non-component module). */
+  toastManager?: ToastManager;
+  children?: ReactNode;
+}>>;
+export declare const ToastPortalDefinition: ComponentDefinition<Readonly<{
+  className?: string;
+  children?: ReactNode;
+}>>;
+export declare const ToastViewportDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ToastRootDefinition: ComponentDefinition<Readonly<{
+  /** The queued toast to render, from `useToast().toasts`. */
+  toast: ToastObject;
+  /** Directions the toast can be swiped to dismiss. @default ['down', 'right'] */
+  swipeDirection?: SwipeDirection | SwipeDirection[];
+  className?: string;
+  children?: ReactNode;
+}>>;
+export declare const ToastTitleDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+export declare const ToastDescriptionDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>;
+export declare const ToastActionDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+export declare const ToastCloseDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+export declare function ToastProvider({ limit, timeout, toastManager, children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastPortal({ className, children }: ToastPortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastViewport({ className, children, ...props }: ToastViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastRoot({ toast, swipeDirection, className, children }: ToastRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastTitle({ className, children, ...props }: ToastTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastDescription({ className, children, ...props }: ToastDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastAction({ className, children, ...props }: ToastActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastClose({ className, children, ...props }: ToastCloseProps): import("react/jsx-runtime").JSX.Element;
+/** Thin re-export of Base UI's `useToastManager()` — see Key Decision 1 in the spec. */
+export declare const useToast: typeof Toast.useToastManager;
+declare const Toast$1: {
+  Provider: typeof ToastProvider;
+  Portal: typeof ToastPortal;
+  Viewport: typeof ToastViewport;
+  Root: typeof ToastRoot;
+  Title: typeof ToastTitle;
+  Description: typeof ToastDescription;
+  Action: typeof ToastAction;
+  Close: typeof ToastClose;
+};
+//#endregion
+export { Toast$1 as Toast, type ToastManager$1 as ToastManager };
+//# sourceMappingURL=toast.d.ts.map