@vtex/faststore 0.0.1

package/dist/particles/toast/toast.js

@@ -0,0 +1,194 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/particles/toast/toast.tsx
+const ToastProviderDefinition = defineComponent({
+	name: "ToastProvider",
+	importPath: "@vtex/faststore/components",
+	component: ToastProvider,
+	editor: {
+		label: "Toast Provider",
+		category: "layout"
+	},
+	schema: {
+		limit: {
+			type: "number",
+			default: 3,
+			label: "Max Concurrent Toasts"
+		},
+		timeout: {
+			type: "number",
+			default: 5e3,
+			label: "Default Auto-Dismiss (ms)"
+		}
+	},
+	guideline: "Mount once at the layout root to enable toasts anywhere in the tree. Compose as: ToastProvider > ToastPortal > ToastViewport > (ToastRoot per active toast). Components trigger toasts via the useToast() hook, not through page-schema composition."
+});
+const ToastPortalDefinition = defineComponent({
+	name: "ToastPortal",
+	importPath: "@vtex/faststore/components",
+	component: ToastPortal,
+	editor: {
+		label: "Toast Portal",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Renders its children (ToastViewport) outside the DOM tree, into document.body. Direct child of ToastProvider."
+});
+const ToastViewportDefinition = defineComponent({
+	name: "ToastViewport",
+	importPath: "@vtex/faststore/components",
+	component: ToastViewport,
+	editor: {
+		label: "Toast Viewport",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The fixed-position stack container for all active toasts. Position it with a swatch on data-fs-toast-viewport (e.g. bottom-right vs. top-center). Direct child of ToastPortal."
+});
+const ToastRootDefinition = defineComponent({
+	name: "ToastRoot",
+	importPath: "@vtex/faststore/components",
+	component: ToastRoot,
+	editor: {
+		label: "Toast Root",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "One instance per active toast, rendered by mapping over useToast().toasts. Compose as: ToastRoot > (Icon + ToastTitle + ToastDescription + ToastAction + ToastClose), all optional except at least one of Title/Description."
+});
+const ToastTitleDefinition = defineComponent({
+	name: "ToastTitle",
+	importPath: "@vtex/faststore/components",
+	component: ToastTitle,
+	editor: {
+		label: "Toast Title",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Renders the toast.title automatically when composed with no children. Direct child of ToastRoot."
+});
+const ToastDescriptionDefinition = defineComponent({
+	name: "ToastDescription",
+	importPath: "@vtex/faststore/components",
+	component: ToastDescription,
+	editor: {
+		label: "Toast Description",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Renders the toast.description automatically when composed with no children. Direct child of ToastRoot, after ToastTitle."
+});
+const ToastActionDefinition = defineComponent({
+	name: "ToastAction",
+	importPath: "@vtex/faststore/components",
+	component: ToastAction,
+	editor: {
+		label: "Toast Action",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Reversible-action button (e.g. Undo) forwarding the toast's actionProps. Omit for toasts with no action."
+});
+const ToastCloseDefinition = defineComponent({
+	name: "ToastClose",
+	importPath: "@vtex/faststore/components",
+	component: ToastClose,
+	editor: {
+		label: "Toast Close",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Dismisses the nearest ancestor ToastRoot when clicked. Can appear alongside or instead of ToastAction."
+});
+function ToastProvider({ limit = 3, timeout = 5e3, toastManager, children }) {
+	return /* @__PURE__ */ jsx(Toast.Provider, {
+		limit,
+		timeout,
+		toastManager,
+		children
+	});
+}
+function ToastPortal({ className, children }) {
+	return /* @__PURE__ */ jsx(Toast.Portal, {
+		className,
+		children
+	});
+}
+function ToastViewport({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Viewport, {
+		...props,
+		className,
+		render: (renderProps, state) => /* @__PURE__ */ jsx("div", {
+			...renderProps,
+			"data-fs-toast-viewport": "",
+			"data-fs-toast-viewport-expanded": state.expanded ? "" : void 0,
+			children
+		})
+	});
+}
+function ToastRoot({ toast, swipeDirection, className, children }) {
+	return /* @__PURE__ */ jsx(Toast.Root, {
+		toast,
+		swipeDirection,
+		className,
+		render: (renderProps, state) => /* @__PURE__ */ jsx("div", {
+			...renderProps,
+			"data-fs-toast-root": "",
+			"data-fs-toast-root-type": state.type,
+			"data-fs-toast-root-limited": state.limited ? "" : void 0,
+			"data-fs-toast-root-swiping": state.swiping ? "" : void 0,
+			children
+		})
+	});
+}
+function ToastTitle({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Title, {
+		...props,
+		className,
+		"data-fs-toast-title": "",
+		children
+	});
+}
+function ToastDescription({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Description, {
+		...props,
+		className,
+		"data-fs-toast-description": "",
+		children
+	});
+}
+function ToastAction({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Action, {
+		...props,
+		className,
+		"data-fs-toast-action": "",
+		children
+	});
+}
+function ToastClose({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Close, {
+		...props,
+		className,
+		"data-fs-toast-close": "",
+		children
+	});
+}
+/** Thin re-export of Base UI's `useToastManager()` — see Key Decision 1 in the spec. */
+const useToast = Toast.useToastManager;
+const Toast$1 = {
+	Provider: ToastProvider,
+	Portal: ToastPortal,
+	Viewport: ToastViewport,
+	Root: ToastRoot,
+	Title: ToastTitle,
+	Description: ToastDescription,
+	Action: ToastAction,
+	Close: ToastClose
+};
+//#endregion
+export { Toast$1 as Toast, ToastAction, ToastActionDefinition, ToastClose, ToastCloseDefinition, ToastDescription, ToastDescriptionDefinition, ToastPortal, ToastPortalDefinition, ToastProvider, ToastProviderDefinition, ToastRoot, ToastRootDefinition, ToastTitle, ToastTitleDefinition, ToastViewport, ToastViewportDefinition, useToast };
+
+//# sourceMappingURL=toast.js.map

package/dist/particles/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["BaseToast","Toast"],"sources":["../../../src/particles/toast/toast.tsx"],"sourcesContent":["'use client';\nimport type { ToastManager, ToastRootToastObject } from '@base-ui/react/toast';\nimport { Toast as BaseToast } from '@base-ui/react/toast';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\n/** The queued toast object `useToast().toasts` returns and `ToastRoot` renders. */\nexport type ToastObject = ToastRootToastObject;\nexport type { ToastManager } from '@base-ui/react/toast';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\n\nexport type ToastProviderProps = Readonly<{\n  /** Max concurrent toasts before older ones are marked limited. */\n  limit?: number;\n  /** Default auto-dismiss delay (ms); `0` disables. */\n  timeout?: number;\n  /** External manager for triggering toasts outside React (e.g. a non-component module). */\n  toastManager?: ToastManager;\n  children?: ReactNode;\n}>;\n\nexport type ToastPortalProps = Readonly<{\n  className?: string;\n  children?: ReactNode;\n}>;\n\nexport type ToastViewportProps = ComponentPropsWithRef<'div'>;\n\nexport type ToastRootProps = Readonly<{\n  /** The queued toast to render, from `useToast().toasts`. */\n  toast: ToastObject;\n  /** Directions the toast can be swiped to dismiss. @default ['down', 'right'] */\n  swipeDirection?: SwipeDirection | SwipeDirection[];\n  className?: string;\n  children?: ReactNode;\n}>;\n\nexport type ToastTitleProps = ComponentPropsWithRef<'h2'>;\n\nexport type ToastDescriptionProps = ComponentPropsWithRef<'p'>;\n\nexport type ToastActionProps = ComponentPropsWithRef<'button'>;\n\nexport type ToastCloseProps = ComponentPropsWithRef<'button'>;\n\nexport const ToastProviderDefinition = defineComponent<ToastProviderProps>({\n  name: 'ToastProvider',\n  importPath: '@vtex/faststore/components',\n  component: ToastProvider,\n  editor: { label: 'Toast Provider', category: 'layout' },\n  schema: {\n    limit: { type: 'number', default: 3, label: 'Max Concurrent Toasts' },\n    timeout: { type: 'number', default: 5000, label: 'Default Auto-Dismiss (ms)' },\n  },\n  guideline:\n    'Mount once at the layout root to enable toasts anywhere in the tree. Compose as: ToastProvider > ToastPortal > ToastViewport > (ToastRoot per active toast). Components trigger toasts via the useToast() hook, not through page-schema composition.',\n});\n\nexport const ToastPortalDefinition = defineComponent<ToastPortalProps>({\n  name: 'ToastPortal',\n  importPath: '@vtex/faststore/components',\n  component: ToastPortal,\n  editor: { label: 'Toast Portal', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders its children (ToastViewport) outside the DOM tree, into document.body. Direct child of ToastProvider.',\n});\n\nexport const ToastViewportDefinition = defineComponent<ToastViewportProps>({\n  name: 'ToastViewport',\n  importPath: '@vtex/faststore/components',\n  component: ToastViewport,\n  editor: { label: 'Toast Viewport', category: 'layout' },\n  schema: {},\n  guideline:\n    'The fixed-position stack container for all active toasts. Position it with a swatch on data-fs-toast-viewport (e.g. bottom-right vs. top-center). Direct child of ToastPortal.',\n});\n\nexport const ToastRootDefinition = defineComponent<ToastRootProps>({\n  name: 'ToastRoot',\n  importPath: '@vtex/faststore/components',\n  component: ToastRoot,\n  editor: { label: 'Toast Root', category: 'layout' },\n  schema: {},\n  guideline:\n    'One instance per active toast, rendered by mapping over useToast().toasts. Compose as: ToastRoot > (Icon + ToastTitle + ToastDescription + ToastAction + ToastClose), all optional except at least one of Title/Description.',\n});\n\nexport const ToastTitleDefinition = defineComponent<ToastTitleProps>({\n  name: 'ToastTitle',\n  importPath: '@vtex/faststore/components',\n  component: ToastTitle,\n  editor: { label: 'Toast Title', category: 'layout' },\n  schema: {},\n  guideline: 'Renders the toast.title automatically when composed with no children. Direct child of ToastRoot.',\n});\n\nexport const ToastDescriptionDefinition = defineComponent<ToastDescriptionProps>({\n  name: 'ToastDescription',\n  importPath: '@vtex/faststore/components',\n  component: ToastDescription,\n  editor: { label: 'Toast Description', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders the toast.description automatically when composed with no children. Direct child of ToastRoot, after ToastTitle.',\n});\n\nexport const ToastActionDefinition = defineComponent<ToastActionProps>({\n  name: 'ToastAction',\n  importPath: '@vtex/faststore/components',\n  component: ToastAction,\n  editor: { label: 'Toast Action', category: 'action' },\n  schema: {},\n  guideline: \"Reversible-action button (e.g. Undo) forwarding the toast's actionProps. Omit for toasts with no action.\",\n});\n\nexport const ToastCloseDefinition = defineComponent<ToastCloseProps>({\n  name: 'ToastClose',\n  importPath: '@vtex/faststore/components',\n  component: ToastClose,\n  editor: { label: 'Toast Close', category: 'action' },\n  schema: {},\n  guideline: 'Dismisses the nearest ancestor ToastRoot when clicked. Can appear alongside or instead of ToastAction.',\n});\n\nexport function ToastProvider({ limit = 3, timeout = 5000, toastManager, children }: ToastProviderProps) {\n  return (\n    <BaseToast.Provider limit={limit} timeout={timeout} toastManager={toastManager}>\n      {children}\n    </BaseToast.Provider>\n  );\n}\n\nexport function ToastPortal({ className, children }: ToastPortalProps) {\n  return <BaseToast.Portal className={className}>{children}</BaseToast.Portal>;\n}\n\nexport function ToastViewport({ className, children, ...props }: ToastViewportProps) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      className={className}\n      render={(renderProps, state) => (\n        <div\n          {...renderProps}\n          data-fs-toast-viewport=\"\"\n          data-fs-toast-viewport-expanded={state.expanded ? '' : undefined}\n        >\n          {children}\n        </div>\n      )}\n    />\n  );\n}\n\n// Uses Base UI's `render` prop (rather than plain prop-forwarding, unlike the rest of this file) so\n// `data-fs-toast-root-type`/`-limited`/`-swiping` can mirror internal render state (`state.type`,\n// `state.limited`, `state.swiping`) that is never exposed back to us as a prop.\nexport function ToastRoot({ toast, swipeDirection, className, children }: ToastRootProps) {\n  return (\n    <BaseToast.Root\n      toast={toast}\n      swipeDirection={swipeDirection}\n      className={className}\n      render={(renderProps, state) => (\n        <div\n          {...renderProps}\n          data-fs-toast-root=\"\"\n          data-fs-toast-root-type={state.type}\n          data-fs-toast-root-limited={state.limited ? '' : undefined}\n          data-fs-toast-root-swiping={state.swiping ? '' : undefined}\n        >\n          {children}\n        </div>\n      )}\n    />\n  );\n}\n\nexport function ToastTitle({ className, children, ...props }: ToastTitleProps) {\n  return (\n    <BaseToast.Title {...props} className={className} data-fs-toast-title=\"\">\n      {children}\n    </BaseToast.Title>\n  );\n}\n\nexport function ToastDescription({ className, children, ...props }: ToastDescriptionProps) {\n  return (\n    <BaseToast.Description {...props} className={className} data-fs-toast-description=\"\">\n      {children}\n    </BaseToast.Description>\n  );\n}\n\nexport function ToastAction({ className, children, ...props }: ToastActionProps) {\n  return (\n    <BaseToast.Action {...props} className={className} data-fs-toast-action=\"\">\n      {children}\n    </BaseToast.Action>\n  );\n}\n\nexport function ToastClose({ className, children, ...props }: ToastCloseProps) {\n  return (\n    <BaseToast.Close {...props} className={className} data-fs-toast-close=\"\">\n      {children}\n    </BaseToast.Close>\n  );\n}\n\n/** Thin re-export of Base UI's `useToastManager()` — see Key Decision 1 in the spec. */\nexport const useToast = BaseToast.useToastManager;\n\nexport const Toast = {\n  Provider: ToastProvider,\n  Portal: ToastPortal,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n};\n"],"mappings":"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"}

package/dist/particles/toggle/toggle.d.ts

@@ -0,0 +1,26 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/toggle/toggle.d.ts
+export type ToggleOrientation = 'horizontal' | 'vertical';
+export type ToggleProps = ComponentPropsWithRef<'button'> & {
+  pressed?: boolean;
+  defaultPressed?: boolean;
+  onPressedChange?: (pressed: boolean) => void;
+  value?: string;
+  disabled?: boolean;
+};
+export type ToggleGroupProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> & {
+  multiple?: boolean;
+  orientation?: ToggleOrientation;
+  disabled?: boolean;
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+};
+export declare const ToggleDefinition: ComponentDefinition<ToggleProps>;
+export declare const ToggleGroupDefinition: ComponentDefinition<ToggleGroupProps>;
+export declare function Toggle({ className, children, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleGroup({ orientation, className, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=toggle.d.ts.map

package/dist/particles/toggle/toggle.js

@@ -0,0 +1,61 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/particles/toggle/toggle.tsx
+const ToggleDefinition = defineComponent({
+	name: "Toggle",
+	importPath: "@vtex/faststore/components",
+	component: Toggle$1,
+	editor: {
+		label: "Toggle",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Two-state button for on/off states like bold, italic, or pinned. Use defaultPressed to set initial state. Wrap in ToggleGroup for coordinated selection."
+});
+const ToggleGroupDefinition = defineComponent({
+	name: "ToggleGroup",
+	importPath: "@vtex/faststore/components",
+	component: ToggleGroup$1,
+	editor: {
+		label: "Toggle Group",
+		category: "layout"
+	},
+	schema: {
+		multiple: {
+			type: "boolean",
+			default: true,
+			label: "Multiple"
+		},
+		orientation: {
+			type: ["horizontal", "vertical"],
+			default: "horizontal",
+			label: "Orientation"
+		}
+	},
+	guideline: "Container for a set of Toggle buttons with shared state. Set multiple=false for single-select behavior (e.g., text alignment controls). Direct children must be Toggle elements."
+});
+function Toggle$1({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		className,
+		"data-fs-toggle": "",
+		children
+	});
+}
+function ToggleGroup$1({ orientation = "horizontal", className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		...props,
+		orientation,
+		className,
+		"data-fs-toggle-group": "",
+		children
+	});
+}
+//#endregion
+export { Toggle$1 as Toggle, ToggleDefinition, ToggleGroup$1 as ToggleGroup, ToggleGroupDefinition };
+
+//# sourceMappingURL=toggle.js.map

package/dist/particles/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["Toggle","ToggleGroup","BaseToggle","BaseToggleGroup"],"sources":["../../../src/particles/toggle/toggle.tsx"],"sourcesContent":["'use client';\nimport { Toggle as BaseToggle } from '@base-ui/react/toggle';\nimport { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport type ToggleOrientation = 'horizontal' | 'vertical';\n\nexport type ToggleProps = ComponentPropsWithRef<'button'> & {\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type ToggleGroupProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> & {\n  multiple?: boolean;\n  orientation?: ToggleOrientation;\n  disabled?: boolean;\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n};\n\nexport const ToggleDefinition = defineComponent<ToggleProps>({\n  name: 'Toggle',\n  importPath: '@vtex/faststore/components',\n  component: Toggle,\n  editor: { label: 'Toggle', category: 'action' },\n  schema: {},\n  guideline:\n    'Two-state button for on/off states like bold, italic, or pinned. Use defaultPressed to set initial state. Wrap in ToggleGroup for coordinated selection.',\n});\n\nexport const ToggleGroupDefinition = defineComponent<ToggleGroupProps>({\n  name: 'ToggleGroup',\n  importPath: '@vtex/faststore/components',\n  component: ToggleGroup,\n  editor: { label: 'Toggle Group', category: 'layout' },\n  schema: {\n    multiple: { type: 'boolean', default: true, label: 'Multiple' },\n    orientation: { type: ['horizontal', 'vertical'] as const, default: 'horizontal', label: 'Orientation' },\n  },\n  guideline:\n    'Container for a set of Toggle buttons with shared state. Set multiple=false for single-select behavior (e.g., text alignment controls). Direct children must be Toggle elements.',\n});\n\nexport function Toggle({ className, children, ...props }: ToggleProps) {\n  return (\n    <BaseToggle {...props} className={className} data-fs-toggle=\"\">\n      {children}\n    </BaseToggle>\n  );\n}\n\nexport function ToggleGroup({ orientation = 'horizontal', className, children, ...props }: ToggleGroupProps) {\n  return (\n    <BaseToggleGroup {...props} orientation={orientation} className={className} data-fs-toggle-group=\"\">\n      {children}\n    </BaseToggleGroup>\n  );\n}\n"],"mappings":";;;;;;;AAyBA,MAAa,mBAAmB,gBAA6B;CAC3D,MAAM;CACN,YAAY;CACZ,WAAWA;CACX,QAAQ;EAAE,OAAO;EAAU,UAAU;CAAS;CAC9C,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,wBAAwB,gBAAkC;CACrE,MAAM;CACN,YAAY;CACZ,WAAWC;CACX,QAAQ;EAAE,OAAO;EAAgB,UAAU;CAAS;CACpD,QAAQ;EACN,UAAU;GAAE,MAAM;GAAW,SAAS;GAAM,OAAO;EAAW;EAC9D,aAAa;GAAE,MAAM,CAAC,cAAc,UAAU;GAAY,SAAS;GAAc,OAAO;EAAc;CACxG;CACA,WACE;AACJ,CAAC;AAED,SAAgBD,SAAO,EAAE,WAAW,UAAU,GAAG,SAAsB;CACrE,OACE,oBAACE,QAAD;EAAY,GAAI;EAAkB;EAAW,kBAAe;EACzD;CACS,CAAA;AAEhB;AAEA,SAAgBD,cAAY,EAAE,cAAc,cAAc,WAAW,UAAU,GAAG,SAA2B;CAC3G,OACE,oBAACE,aAAD;EAAiB,GAAI;EAAoB;EAAwB;EAAW,wBAAqB;EAC9F;CACc,CAAA;AAErB"}

package/dist/particles/tooltip/tooltip.d.ts

@@ -0,0 +1,61 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/particles/tooltip/tooltip.d.ts
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipAlign = 'start' | 'center' | 'end';
+export type TooltipProviderProps = {
+  delay?: number;
+  closeDelay?: number;
+  timeout?: number;
+  children?: ReactNode;
+};
+export type TooltipRootProps = {
+  defaultOpen?: boolean;
+  disabled?: boolean;
+  children?: ReactNode;
+};
+export type TooltipTriggerProps = ComponentPropsWithRef<'button'> & {
+  delay?: number;
+  closeDelay?: number;
+  closeOnClick?: boolean;
+};
+export type TooltipPortalProps = {
+  children?: ReactNode;
+};
+export type TooltipPositionerProps = ComponentPropsWithRef<'div'> & {
+  side?: TooltipSide;
+  align?: TooltipAlign;
+  sideOffset?: number;
+};
+export type TooltipPopupProps = ComponentPropsWithRef<'div'>;
+export type TooltipArrowProps = ComponentPropsWithRef<'div'>;
+export type TooltipViewportProps = ComponentPropsWithRef<'div'>;
+export declare const TooltipProviderDefinition: ComponentDefinition<TooltipProviderProps>;
+export declare const TooltipRootDefinition: ComponentDefinition<TooltipRootProps>;
+export declare const TooltipTriggerDefinition: ComponentDefinition<TooltipTriggerProps>;
+export declare const TooltipPortalDefinition: ComponentDefinition<TooltipPortalProps>;
+export declare const TooltipPositionerDefinition: ComponentDefinition<TooltipPositionerProps>;
+export declare const TooltipPopupDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const TooltipArrowDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const TooltipViewportDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare function TooltipProvider({ delay, closeDelay, timeout, children }: TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipRoot({ defaultOpen, disabled, children }: TooltipRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipTrigger({ delay, closeDelay, closeOnClick, className, children, ...props }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipPortal({ children }: TooltipPortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipPositioner({ side, align, sideOffset, className, children, ...props }: TooltipPositionerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipPopup({ className, children, ...props }: TooltipPopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipArrow({ className, children, ...props }: TooltipArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipViewport({ className, children, ...props }: TooltipViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: {
+  Provider: typeof TooltipProvider;
+  Root: typeof TooltipRoot;
+  Trigger: typeof TooltipTrigger;
+  Portal: typeof TooltipPortal;
+  Positioner: typeof TooltipPositioner;
+  Popup: typeof TooltipPopup;
+  Arrow: typeof TooltipArrow;
+  Viewport: typeof TooltipViewport;
+};
+//#endregion
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/particles/tooltip/tooltip.js

@@ -0,0 +1,240 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/particles/tooltip/tooltip.tsx
+const TooltipProviderDefinition = defineComponent({
+	name: "TooltipProvider",
+	importPath: "@vtex/faststore/components",
+	component: TooltipProvider,
+	editor: {
+		label: "Tooltip Provider",
+		category: "layout"
+	},
+	schema: {
+		delay: {
+			type: "number",
+			default: 600,
+			label: "Delay"
+		},
+		closeDelay: {
+			type: "number",
+			default: 0,
+			label: "Close Delay"
+		},
+		timeout: {
+			type: "number",
+			default: 400,
+			label: "Timeout"
+		}
+	},
+	guideline: "Wrap multiple Tooltip instances to share delay/timeout settings across all tooltips in a region. Useful for toolbars where moving between icon buttons should not restart the delay."
+});
+const TooltipRootDefinition = defineComponent({
+	name: "TooltipRoot",
+	importPath: "@vtex/faststore/components",
+	component: TooltipRoot,
+	editor: {
+		label: "Tooltip Root",
+		category: "layout"
+	},
+	schema: {
+		defaultOpen: {
+			type: "boolean",
+			default: false,
+			label: "Default Open"
+		},
+		disabled: {
+			type: "boolean",
+			default: false,
+			label: "Disabled"
+		}
+	},
+	guideline: "Root of a tooltip overlay. Manages hover/focus open state. Compose as: TooltipRoot > (TooltipTrigger + TooltipPortal > TooltipPositioner > TooltipPopup > (TooltipArrow + content)). Wrap multiple instances in TooltipProvider to share delay settings. Not accessible to touch-only users — pair with visible labels for critical information."
+});
+const TooltipTriggerDefinition = defineComponent({
+	name: "TooltipTrigger",
+	importPath: "@vtex/faststore/components",
+	component: TooltipTrigger,
+	editor: {
+		label: "Tooltip Trigger",
+		category: "action"
+	},
+	schema: {
+		delay: {
+			type: "number",
+			default: 600,
+			label: "Delay"
+		},
+		closeDelay: {
+			type: "number",
+			default: 0,
+			label: "Close Delay"
+		},
+		closeOnClick: {
+			type: "boolean",
+			default: true,
+			label: "Close On Click"
+		}
+	},
+	guideline: "Set delay=0 for instant tooltips on icon buttons where the purpose is unclear without the label."
+});
+const TooltipPortalDefinition = defineComponent({
+	name: "TooltipPortal",
+	importPath: "@vtex/faststore/components",
+	component: TooltipPortal,
+	editor: {
+		label: "Tooltip Portal",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Teleports tooltip content to <body> to avoid overflow/z-index clipping."
+});
+const TooltipPositionerDefinition = defineComponent({
+	name: "TooltipPositioner",
+	importPath: "@vtex/faststore/components",
+	component: TooltipPositioner,
+	editor: {
+		label: "Tooltip Positioner",
+		category: "layout"
+	},
+	schema: {
+		side: {
+			type: [
+				"top",
+				"bottom",
+				"left",
+				"right"
+			],
+			default: "top",
+			label: "Side"
+		},
+		align: {
+			type: [
+				"start",
+				"center",
+				"end"
+			],
+			default: "center",
+			label: "Align"
+		},
+		sideOffset: {
+			type: "number",
+			default: 0,
+			label: "Side Offset"
+		}
+	},
+	guideline: "Controls popup placement. sideOffset adds gap between trigger and popup."
+});
+const TooltipPopupDefinition = defineComponent({
+	name: "TooltipPopup",
+	importPath: "@vtex/faststore/components",
+	component: TooltipPopup,
+	editor: {
+		label: "Tooltip Popup",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Visible tooltip container. Apply background, text, and border styles here."
+});
+const TooltipArrowDefinition = defineComponent({
+	name: "TooltipArrow",
+	importPath: "@vtex/faststore/components",
+	component: TooltipArrow,
+	editor: {
+		label: "Tooltip Arrow",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Pointing arrow attached to the tooltip popup. Optional — omit when not using an arrow indicator."
+});
+const TooltipViewportDefinition = defineComponent({
+	name: "TooltipViewport",
+	importPath: "@vtex/faststore/components",
+	component: TooltipViewport,
+	editor: {
+		label: "Tooltip Viewport",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Viewport wrapper inside Tooltip.Popup for constraining content display area."
+});
+function TooltipProvider({ delay, closeDelay, timeout, children }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		delay,
+		closeDelay,
+		timeout,
+		children
+	});
+}
+function TooltipRoot({ defaultOpen = false, disabled = false, children }) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		defaultOpen,
+		disabled,
+		children
+	});
+}
+function TooltipTrigger({ delay, closeDelay, closeOnClick = true, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		...props,
+		delay,
+		closeDelay,
+		closeOnClick,
+		className,
+		"data-fs-tooltip-trigger": "",
+		children
+	});
+}
+function TooltipPortal({ children }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children });
+}
+function TooltipPositioner({ side = "top", align = "center", sideOffset = 0, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		...props,
+		side,
+		align,
+		sideOffset,
+		className,
+		"data-fs-tooltip-positioner": "",
+		children
+	});
+}
+function TooltipPopup({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		...props,
+		className,
+		"data-fs-tooltip-popup": "",
+		children
+	});
+}
+function TooltipArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
+		...props,
+		className,
+		"data-fs-tooltip-arrow": "",
+		children
+	});
+}
+function TooltipViewport({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Viewport, {
+		...props,
+		className,
+		"data-fs-tooltip-viewport": "",
+		children
+	});
+}
+const Tooltip$1 = {
+	Provider: TooltipProvider,
+	Root: TooltipRoot,
+	Trigger: TooltipTrigger,
+	Portal: TooltipPortal,
+	Positioner: TooltipPositioner,
+	Popup: TooltipPopup,
+	Arrow: TooltipArrow,
+	Viewport: TooltipViewport
+};
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipArrowDefinition, TooltipPopup, TooltipPopupDefinition, TooltipPortal, TooltipPortalDefinition, TooltipPositioner, TooltipPositionerDefinition, TooltipProvider, TooltipProviderDefinition, TooltipRoot, TooltipRootDefinition, TooltipTrigger, TooltipTriggerDefinition, TooltipViewport, TooltipViewportDefinition };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/particles/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["BaseTooltip","Tooltip"],"sources":["../../../src/particles/tooltip/tooltip.tsx"],"sourcesContent":["'use client';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type TooltipSide = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipAlign = 'start' | 'center' | 'end';\n\nexport type TooltipProviderProps = {\n  delay?: number;\n  closeDelay?: number;\n  timeout?: number;\n  children?: ReactNode;\n};\n\nexport type TooltipRootProps = {\n  defaultOpen?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n};\n\nexport type TooltipTriggerProps = ComponentPropsWithRef<'button'> & {\n  delay?: number;\n  closeDelay?: number;\n  closeOnClick?: boolean;\n};\n\nexport type TooltipPortalProps = {\n  children?: ReactNode;\n};\n\nexport type TooltipPositionerProps = ComponentPropsWithRef<'div'> & {\n  side?: TooltipSide;\n  align?: TooltipAlign;\n  sideOffset?: number;\n};\n\nexport type TooltipPopupProps = ComponentPropsWithRef<'div'>;\n\nexport type TooltipArrowProps = ComponentPropsWithRef<'div'>;\n\nexport type TooltipViewportProps = ComponentPropsWithRef<'div'>;\n\nexport const TooltipProviderDefinition = defineComponent<TooltipProviderProps>({\n  name: 'TooltipProvider',\n  importPath: '@vtex/faststore/components',\n  component: TooltipProvider,\n  editor: { label: 'Tooltip Provider', category: 'layout' },\n  schema: {\n    delay: { type: 'number', default: 600, label: 'Delay' },\n    closeDelay: { type: 'number', default: 0, label: 'Close Delay' },\n    timeout: { type: 'number', default: 400, label: 'Timeout' },\n  },\n  guideline:\n    'Wrap multiple Tooltip instances to share delay/timeout settings across all tooltips in a region. Useful for toolbars where moving between icon buttons should not restart the delay.',\n});\n\nexport const TooltipRootDefinition = defineComponent<TooltipRootProps>({\n  name: 'TooltipRoot',\n  importPath: '@vtex/faststore/components',\n  component: TooltipRoot,\n  editor: { label: 'Tooltip Root', category: 'layout' },\n  schema: {\n    defaultOpen: { type: 'boolean', default: false, label: 'Default Open' },\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    'Root of a tooltip overlay. Manages hover/focus open state. Compose as: TooltipRoot > (TooltipTrigger + TooltipPortal > TooltipPositioner > TooltipPopup > (TooltipArrow + content)). Wrap multiple instances in TooltipProvider to share delay settings. Not accessible to touch-only users — pair with visible labels for critical information.',\n});\n\nexport const TooltipTriggerDefinition = defineComponent<TooltipTriggerProps>({\n  name: 'TooltipTrigger',\n  importPath: '@vtex/faststore/components',\n  component: TooltipTrigger,\n  editor: { label: 'Tooltip Trigger', category: 'action' },\n  schema: {\n    delay: { type: 'number', default: 600, label: 'Delay' },\n    closeDelay: { type: 'number', default: 0, label: 'Close Delay' },\n    closeOnClick: { type: 'boolean', default: true, label: 'Close On Click' },\n  },\n  guideline: 'Set delay=0 for instant tooltips on icon buttons where the purpose is unclear without the label.',\n});\n\nexport const TooltipPortalDefinition = defineComponent<TooltipPortalProps>({\n  name: 'TooltipPortal',\n  importPath: '@vtex/faststore/components',\n  component: TooltipPortal,\n  editor: { label: 'Tooltip Portal', category: 'layout' },\n  schema: {},\n  guideline: 'Teleports tooltip content to <body> to avoid overflow/z-index clipping.',\n});\n\nexport const TooltipPositionerDefinition = defineComponent<TooltipPositionerProps>({\n  name: 'TooltipPositioner',\n  importPath: '@vtex/faststore/components',\n  component: TooltipPositioner,\n  editor: { label: 'Tooltip Positioner', category: 'layout' },\n  schema: {\n    side: { type: ['top', 'bottom', 'left', 'right'] as const, default: 'top', 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. sideOffset adds gap between trigger and popup.',\n});\n\nexport const TooltipPopupDefinition = defineComponent<TooltipPopupProps>({\n  name: 'TooltipPopup',\n  importPath: '@vtex/faststore/components',\n  component: TooltipPopup,\n  editor: { label: 'Tooltip Popup', category: 'layout' },\n  schema: {},\n  guideline: 'Visible tooltip container. Apply background, text, and border styles here.',\n});\n\nexport const TooltipArrowDefinition = defineComponent<TooltipArrowProps>({\n  name: 'TooltipArrow',\n  importPath: '@vtex/faststore/components',\n  component: TooltipArrow,\n  editor: { label: 'Tooltip Arrow', category: 'layout' },\n  schema: {},\n  guideline: 'Pointing arrow attached to the tooltip popup. Optional — omit when not using an arrow indicator.',\n});\n\nexport const TooltipViewportDefinition = defineComponent<TooltipViewportProps>({\n  name: 'TooltipViewport',\n  importPath: '@vtex/faststore/components',\n  component: TooltipViewport,\n  editor: { label: 'Tooltip Viewport', category: 'layout' },\n  schema: {},\n  guideline: 'Viewport wrapper inside Tooltip.Popup for constraining content display area.',\n});\n\nexport function TooltipProvider({ delay, closeDelay, timeout, children }: TooltipProviderProps) {\n  return (\n    <BaseTooltip.Provider delay={delay} closeDelay={closeDelay} timeout={timeout}>\n      {children}\n    </BaseTooltip.Provider>\n  );\n}\n\nexport function TooltipRoot({ defaultOpen = false, disabled = false, children }: TooltipRootProps) {\n  return (\n    <BaseTooltip.Root defaultOpen={defaultOpen} disabled={disabled}>\n      {children}\n    </BaseTooltip.Root>\n  );\n}\n\nexport function TooltipTrigger({\n  delay,\n  closeDelay,\n  closeOnClick = true,\n  className,\n  children,\n  ...props\n}: TooltipTriggerProps) {\n  return (\n    <BaseTooltip.Trigger\n      {...props}\n      delay={delay}\n      closeDelay={closeDelay}\n      closeOnClick={closeOnClick}\n      className={className}\n      data-fs-tooltip-trigger=\"\"\n    >\n      {children}\n    </BaseTooltip.Trigger>\n  );\n}\n\nexport function TooltipPortal({ children }: TooltipPortalProps) {\n  return <BaseTooltip.Portal>{children}</BaseTooltip.Portal>;\n}\n\nexport function TooltipPositioner({\n  side = 'top',\n  align = 'center',\n  sideOffset = 0,\n  className,\n  children,\n  ...props\n}: TooltipPositionerProps) {\n  return (\n    <BaseTooltip.Positioner\n      {...props}\n      side={side}\n      align={align}\n      sideOffset={sideOffset}\n      className={className}\n      data-fs-tooltip-positioner=\"\"\n    >\n      {children}\n    </BaseTooltip.Positioner>\n  );\n}\n\nexport function TooltipPopup({ className, children, ...props }: TooltipPopupProps) {\n  return (\n    <BaseTooltip.Popup {...props} className={className} data-fs-tooltip-popup=\"\">\n      {children}\n    </BaseTooltip.Popup>\n  );\n}\n\nexport function TooltipArrow({ className, children, ...props }: TooltipArrowProps) {\n  return (\n    <BaseTooltip.Arrow {...props} className={className} data-fs-tooltip-arrow=\"\">\n      {children}\n    </BaseTooltip.Arrow>\n  );\n}\n\nexport function TooltipViewport({ className, children, ...props }: TooltipViewportProps) {\n  return (\n    <BaseTooltip.Viewport {...props} className={className} data-fs-tooltip-viewport=\"\">\n      {children}\n    </BaseTooltip.Viewport>\n  );\n}\n\nexport const Tooltip = {\n  Provider: TooltipProvider,\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  Viewport: TooltipViewport,\n};\n"],"mappings":"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"}