@vtex/faststore 0.0.1

package/dist/particles/field/field.js

@@ -0,0 +1,133 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+//#region src/particles/field/field.tsx
+const FieldRootDefinition = defineComponent({
+	name: "FieldRoot",
+	importPath: "@vtex/faststore/components",
+	component: FieldRoot,
+	editor: {
+		label: "Field Root",
+		category: "layout"
+	},
+	schema: { disabled: {
+		type: "boolean",
+		default: false,
+		label: "Disabled"
+	} },
+	guideline: "Form field container that connects a label, input, and validation messages via ARIA. Use Field.Control as the input element, or place a compatible Base UI input (Input, Checkbox, Select) as a direct child. Set invalid=true to trigger Field.Error display."
+});
+const FieldLabelDefinition = defineComponent({
+	name: "FieldLabel",
+	importPath: "@vtex/faststore/components",
+	component: FieldLabel,
+	editor: {
+		label: "Field Label",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Accessible label inside Field.Root. Automatically associated with Field.Control's input via ARIA. Place before Field.Control in the DOM."
+});
+const FieldControlDefinition = defineComponent({
+	name: "FieldControl",
+	importPath: "@vtex/faststore/components",
+	component: FieldControl,
+	editor: {
+		label: "Field Control",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Renders a native `<input>` element directly. It IS the input — do not place any child inside it. Pass input attributes (type, placeholder, required, etc.) directly as props. It is automatically linked to Field.Label and Field.Error via ARIA."
+});
+const FieldDescriptionDefinition = defineComponent({
+	name: "FieldDescription",
+	importPath: "@vtex/faststore/components",
+	component: FieldDescription,
+	editor: {
+		label: "Field Description",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Helper text inside Field.Root. Automatically linked to the control via aria-describedby. Always visible regardless of validation state."
+});
+const FieldErrorDefinition = defineComponent({
+	name: "FieldError",
+	importPath: "@vtex/faststore/components",
+	component: FieldError,
+	editor: {
+		label: "Field Error",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Validation error message inside Field.Root. Shown when the field is in an invalid state. Linked to the control via aria-describedby."
+});
+const FieldValidityDefinition = defineComponent({
+	name: "FieldValidity",
+	importPath: "@vtex/faststore/components",
+	component: FieldValidity,
+	editor: {
+		label: "Field Validity",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Validation feedback slot using a render prop for custom messages derived from the field's validity state. Use for dynamic messages when Field.Error text is not fixed."
+});
+function FieldRoot({ disabled, invalid, name, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Root, {
+		...props,
+		disabled,
+		invalid,
+		name,
+		className,
+		"data-fs-field-root": "",
+		children
+	});
+}
+function FieldLabel({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		...props,
+		className,
+		"data-fs-field-label": "",
+		children
+	});
+}
+function FieldControl({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Control, {
+		...props,
+		className,
+		"data-fs-field-control": ""
+	});
+}
+function FieldDescription({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Description, {
+		...props,
+		className,
+		"data-fs-field-description": "",
+		children
+	});
+}
+function FieldError({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Error, {
+		...props,
+		className,
+		"data-fs-field-error": "",
+		children
+	});
+}
+function FieldValidity({ children }) {
+	return /* @__PURE__ */ jsx(Field.Validity, { children });
+}
+const Field$1 = {
+	Root: FieldRoot,
+	Label: FieldLabel,
+	Control: FieldControl,
+	Description: FieldDescription,
+	Error: FieldError,
+	Validity: FieldValidity
+};
+//#endregion
+export { Field$1 as Field, FieldControl, FieldControlDefinition, FieldDescription, FieldDescriptionDefinition, FieldError, FieldErrorDefinition, FieldLabel, FieldLabelDefinition, FieldRoot, FieldRootDefinition, FieldValidity, FieldValidityDefinition };
+
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["BaseField","Field"],"sources":["../../../src/particles/field/field.tsx"],"sourcesContent":["'use client';\nimport type { FieldValidityState } from '@base-ui/react/field';\nimport { Field as BaseField } from '@base-ui/react/field';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type FieldRootProps = ComponentPropsWithRef<'div'> & {\n  disabled?: boolean;\n  invalid?: boolean;\n  name?: string;\n};\n\nexport type FieldLabelProps = ComponentPropsWithRef<'label'>;\n\nexport type FieldControlProps = Omit<ComponentPropsWithRef<'input'>, 'children'>;\n\nexport type FieldDescriptionProps = ComponentPropsWithRef<'p'>;\n\nexport type FieldErrorProps = ComponentPropsWithRef<'div'> & {\n  /**\n   * Controls when the error is shown. `true` always shows it (for externally/caller-driven\n   * validity, e.g. presence-only checks with no native constraint validation); a\n   * `ValidityState` key shows it only when that specific native validity flag is set. Omit to\n   * fall back to Base UI's default: shown whenever the field's tracked validity is invalid.\n   * Note `match={false}` does not suppress the error — it falls back to that default\n   * invalid-driven behavior; callers needing a boolean should use `invalid ? true : 'customError'`.\n   */\n  match?: boolean | keyof ValidityState;\n};\n\nexport type FieldValidityProps = {\n  children: (state: FieldValidityState) => ReactNode;\n};\n\nexport const FieldRootDefinition = defineComponent<FieldRootProps>({\n  name: 'FieldRoot',\n  importPath: '@vtex/faststore/components',\n  component: FieldRoot,\n  editor: { label: 'Field Root', category: 'layout' },\n  schema: {\n    disabled: { type: 'boolean', default: false, label: 'Disabled' },\n  },\n  guideline:\n    'Form field container that connects a label, input, and validation messages via ARIA. Use Field.Control as the input element, or place a compatible Base UI input (Input, Checkbox, Select) as a direct child. Set invalid=true to trigger Field.Error display.',\n});\n\nexport const FieldLabelDefinition = defineComponent<FieldLabelProps>({\n  name: 'FieldLabel',\n  importPath: '@vtex/faststore/components',\n  component: FieldLabel,\n  editor: { label: 'Field Label', category: 'layout' },\n  schema: {},\n  guideline:\n    \"Accessible label inside Field.Root. Automatically associated with Field.Control's input via ARIA. Place before Field.Control in the DOM.\",\n});\n\nexport const FieldControlDefinition = defineComponent<FieldControlProps>({\n  name: 'FieldControl',\n  importPath: '@vtex/faststore/components',\n  component: FieldControl,\n  editor: { label: 'Field Control', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders a native `<input>` element directly. It IS the input — do not place any child inside it. Pass input attributes (type, placeholder, required, etc.) directly as props. It is automatically linked to Field.Label and Field.Error via ARIA.',\n});\n\nexport const FieldDescriptionDefinition = defineComponent<FieldDescriptionProps>({\n  name: 'FieldDescription',\n  importPath: '@vtex/faststore/components',\n  component: FieldDescription,\n  editor: { label: 'Field Description', category: 'layout' },\n  schema: {},\n  guideline:\n    'Helper text inside Field.Root. Automatically linked to the control via aria-describedby. Always visible regardless of validation state.',\n});\n\nexport const FieldErrorDefinition = defineComponent<FieldErrorProps>({\n  name: 'FieldError',\n  importPath: '@vtex/faststore/components',\n  component: FieldError,\n  editor: { label: 'Field Error', category: 'layout' },\n  schema: {},\n  guideline:\n    'Validation error message inside Field.Root. Shown when the field is in an invalid state. Linked to the control via aria-describedby.',\n});\n\nexport const FieldValidityDefinition = defineComponent<FieldValidityProps>({\n  name: 'FieldValidity',\n  importPath: '@vtex/faststore/components',\n  component: FieldValidity,\n  editor: { label: 'Field Validity', category: 'layout' },\n  schema: {},\n  guideline:\n    \"Validation feedback slot using a render prop for custom messages derived from the field's validity state. Use for dynamic messages when Field.Error text is not fixed.\",\n});\n\nexport function FieldRoot({ disabled, invalid, name, className, children, ...props }: FieldRootProps) {\n  return (\n    <BaseField.Root\n      {...props}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      className={className}\n      data-fs-field-root=\"\"\n    >\n      {children}\n    </BaseField.Root>\n  );\n}\n\nexport function FieldLabel({ className, children, ...props }: FieldLabelProps) {\n  return (\n    <BaseField.Label {...props} className={className} data-fs-field-label=\"\">\n      {children}\n    </BaseField.Label>\n  );\n}\n\nexport function FieldControl({ className, ...props }: FieldControlProps) {\n  return <BaseField.Control {...props} className={className} data-fs-field-control=\"\" />;\n}\n\nexport function FieldDescription({ className, children, ...props }: FieldDescriptionProps) {\n  return (\n    <BaseField.Description {...props} className={className} data-fs-field-description=\"\">\n      {children}\n    </BaseField.Description>\n  );\n}\n\nexport function FieldError({ className, children, ...props }: FieldErrorProps) {\n  return (\n    <BaseField.Error {...props} className={className} data-fs-field-error=\"\">\n      {children}\n    </BaseField.Error>\n  );\n}\n\nexport function FieldValidity({ children }: FieldValidityProps) {\n  return <BaseField.Validity>{children}</BaseField.Validity>;\n}\n\nexport const Field = {\n  Root: FieldRoot,\n  Label: FieldLabel,\n  Control: FieldControl,\n  Description: FieldDescription,\n  Error: FieldError,\n  Validity: FieldValidity,\n};\n"],"mappings":";;;;;;AAkCA,MAAa,sBAAsB,gBAAgC;CACjE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAc,UAAU;CAAS;CAClD,QAAQ,EACN,UAAU;EAAE,MAAM;EAAW,SAAS;EAAO,OAAO;CAAW,EACjE;CACA,WACE;AACJ,CAAC;AAED,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,yBAAyB,gBAAmC;CACvE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAiB,UAAU;CAAS;CACrD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,6BAA6B,gBAAuC;CAC/E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAqB,UAAU;CAAS;CACzD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,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,0BAA0B,gBAAoC;CACzE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAkB,UAAU;CAAS;CACtD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgB,UAAU,EAAE,UAAU,SAAS,MAAM,WAAW,UAAU,GAAG,SAAyB;CACpG,OACE,oBAACA,MAAU,MAAX;EACE,GAAI;EACM;EACD;EACH;EACK;EACX,sBAAmB;EAElB;CACa,CAAA;AAEpB;AAEA,SAAgB,WAAW,EAAE,WAAW,UAAU,GAAG,SAA0B;CAC7E,OACE,oBAACA,MAAU,OAAX;EAAiB,GAAI;EAAkB;EAAW,uBAAoB;EACnE;CACc,CAAA;AAErB;AAEA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAA4B;CACvE,OAAO,oBAACA,MAAU,SAAX;EAAmB,GAAI;EAAkB;EAAW,yBAAsB;CAAI,CAAA;AACvF;AAEA,SAAgB,iBAAiB,EAAE,WAAW,UAAU,GAAG,SAAgC;CACzF,OACE,oBAACA,MAAU,aAAX;EAAuB,GAAI;EAAkB;EAAW,6BAA0B;EAC/E;CACoB,CAAA;AAE3B;AAEA,SAAgB,WAAW,EAAE,WAAW,UAAU,GAAG,SAA0B;CAC7E,OACE,oBAACA,MAAU,OAAX;EAAiB,GAAI;EAAkB;EAAW,uBAAoB;EACnE;CACc,CAAA;AAErB;AAEA,SAAgB,cAAc,EAAE,YAAgC;CAC9D,OAAO,oBAACA,MAAU,UAAX,EAAqB,SAA6B,CAAA;AAC3D;AAEA,MAAaC,UAAQ;CACnB,MAAM;CACN,OAAO;CACP,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;AACZ"}

package/dist/particles/fieldset/fieldset.d.ts

@@ -0,0 +1,16 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/fieldset/fieldset.d.ts
+export type FieldsetRootProps = ComponentPropsWithRef<'fieldset'>;
+export type FieldsetLegendProps = ComponentPropsWithRef<'div'>;
+export declare const FieldsetRootDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>>;
+export declare const FieldsetLegendDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare function FieldsetRoot({ className, children, ...props }: FieldsetRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldsetLegend({ className, children, ...props }: FieldsetLegendProps): import("react/jsx-runtime").JSX.Element;
+export declare const Fieldset: {
+  Root: typeof FieldsetRoot;
+  Legend: typeof FieldsetLegend;
+};
+//#endregion
+//# sourceMappingURL=fieldset.d.ts.map

package/dist/particles/fieldset/fieldset.js

@@ -0,0 +1,52 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset } from "@base-ui/react/fieldset";
+//#region src/particles/fieldset/fieldset.tsx
+const FieldsetRootDefinition = defineComponent({
+	name: "FieldsetRoot",
+	importPath: "@vtex/faststore/components",
+	component: FieldsetRoot,
+	editor: {
+		label: "Fieldset Root",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Root of an accessible fieldset for grouping related form controls. Compose as: FieldsetRoot > FieldsetLegend + [form controls]. Set disabled on the root to disable all contained inputs."
+});
+const FieldsetLegendDefinition = defineComponent({
+	name: "FieldsetLegend",
+	importPath: "@vtex/faststore/components",
+	component: FieldsetLegend,
+	editor: {
+		label: "Fieldset Legend",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Visible title for a Fieldset.Root. Renders as a styled <legend> element."
+});
+function FieldsetRoot({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Fieldset.Root, {
+		...props,
+		className,
+		"data-fs-fieldset-root": "",
+		children
+	});
+}
+function FieldsetLegend({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Fieldset.Legend, {
+		...props,
+		className,
+		"data-fs-fieldset-legend": "",
+		children
+	});
+}
+const Fieldset$1 = {
+	Root: FieldsetRoot,
+	Legend: FieldsetLegend
+};
+//#endregion
+export { Fieldset$1 as Fieldset, FieldsetLegend, FieldsetLegendDefinition, FieldsetRoot, FieldsetRootDefinition };
+
+//# sourceMappingURL=fieldset.js.map

package/dist/particles/fieldset/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","names":["BaseFieldset","Fieldset"],"sources":["../../../src/particles/fieldset/fieldset.tsx"],"sourcesContent":["'use client';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport type FieldsetRootProps = ComponentPropsWithRef<'fieldset'>;\n\nexport type FieldsetLegendProps = ComponentPropsWithRef<'div'>;\n\nexport const FieldsetRootDefinition = defineComponent<FieldsetRootProps>({\n  name: 'FieldsetRoot',\n  importPath: '@vtex/faststore/components',\n  component: FieldsetRoot,\n  editor: { label: 'Fieldset Root', category: 'layout' },\n  schema: {},\n  guideline:\n    'Root of an accessible fieldset for grouping related form controls. Compose as: FieldsetRoot > FieldsetLegend + [form controls]. Set disabled on the root to disable all contained inputs.',\n});\n\nexport const FieldsetLegendDefinition = defineComponent<FieldsetLegendProps>({\n  name: 'FieldsetLegend',\n  importPath: '@vtex/faststore/components',\n  component: FieldsetLegend,\n  editor: { label: 'Fieldset Legend', category: 'layout' },\n  schema: {},\n  guideline: 'Visible title for a Fieldset.Root. Renders as a styled <legend> element.',\n});\n\nexport function FieldsetRoot({ className, children, ...props }: FieldsetRootProps) {\n  return (\n    <BaseFieldset.Root {...props} className={className} data-fs-fieldset-root=\"\">\n      {children}\n    </BaseFieldset.Root>\n  );\n}\n\nexport function FieldsetLegend({ className, children, ...props }: FieldsetLegendProps) {\n  return (\n    <BaseFieldset.Legend {...props} className={className} data-fs-fieldset-legend=\"\">\n      {children}\n    </BaseFieldset.Legend>\n  );\n}\n\nexport const Fieldset = {\n  Root: FieldsetRoot,\n  Legend: FieldsetLegend,\n};\n"],"mappings":";;;;;;AASA,MAAa,yBAAyB,gBAAmC;CACvE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAiB,UAAU;CAAS;CACrD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,2BAA2B,gBAAqC;CAC3E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAmB,UAAU;CAAS;CACvD,QAAQ,CAAC;CACT,WAAW;AACb,CAAC;AAED,SAAgB,aAAa,EAAE,WAAW,UAAU,GAAG,SAA4B;CACjF,OACE,oBAACA,SAAa,MAAd;EAAmB,GAAI;EAAkB;EAAW,yBAAsB;EACvE;CACgB,CAAA;AAEvB;AAEA,SAAgB,eAAe,EAAE,WAAW,UAAU,GAAG,SAA8B;CACrF,OACE,oBAACA,SAAa,QAAd;EAAqB,GAAI;EAAkB;EAAW,2BAAwB;EAC3E;CACkB,CAAA;AAEzB;AAEA,MAAaC,aAAW;CACtB,MAAM;CACN,QAAQ;AACV"}

package/dist/particles/footer-copyright/footer-copyright.d.ts

@@ -0,0 +1,32 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/footer-copyright/footer-copyright.d.ts
+export declare const FooterCopyrightContent: {
+  readonly id: "footer-copyright";
+  readonly title: "Footer Copyright";
+  readonly description: "Legal notice rendered at the bottom of the store.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly required: readonly ["text"];
+    readonly properties: {
+      readonly text: {
+        readonly type: "string";
+        readonly minLength: 1;
+        readonly title: "Copyright text";
+      };
+    };
+  };
+};
+export type FooterCopyrightProps = ComponentPropsWithRef<'p'> & {
+  /** Authored fallback, rendered when no CMS entry supplies the notice. */
+  text?: string;
+  /** Injected by the compiler, sliced from the page's or layout's composite content entry. */
+  $content?: ContentValue<typeof FooterCopyrightContent>;
+};
+export declare const FooterCopyrightDefinition: ComponentDefinition<FooterCopyrightProps>;
+export declare function FooterCopyright({ text, $content, className, ...props }: FooterCopyrightProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=footer-copyright.d.ts.map

package/dist/particles/footer-copyright/footer-copyright.js

@@ -0,0 +1,50 @@
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/particles/footer-copyright/footer-copyright.tsx
+const FooterCopyrightContent = defineContentType({
+	id: "footer-copyright",
+	title: "Footer Copyright",
+	description: "Legal notice rendered at the bottom of the store.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		required: ["text"],
+		properties: { text: {
+			type: "string",
+			minLength: 1,
+			title: "Copyright text"
+		} }
+	}
+});
+const FooterCopyrightDefinition = defineComponent({
+	name: "FooterCopyright",
+	importPath: "@vtex/faststore/components",
+	component: FooterCopyright,
+	content: FooterCopyrightContent,
+	editor: {
+		label: "Footer Copyright",
+		category: "content"
+	},
+	schema: { text: {
+		type: "string",
+		label: "Copyright text"
+	} },
+	guideline: "The store's legal notice, rendered as plain text at the bottom of the footer. CMS content wins over the text prop, and nothing renders when neither supplies a notice. See footer-copyright.md."
+});
+function FooterCopyright({ text, $content, className, ...props }) {
+	const notice = $content?.text ?? text;
+	if (!notice?.trim()) return null;
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		className,
+		"data-fs-text": "",
+		"data-fs-footer-copyright": "",
+		children: notice
+	});
+}
+//#endregion
+export { FooterCopyright, FooterCopyrightContent, FooterCopyrightDefinition };
+
+//# sourceMappingURL=footer-copyright.js.map

package/dist/particles/footer-copyright/footer-copyright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-copyright.js","names":[],"sources":["../../../src/particles/footer-copyright/footer-copyright.tsx"],"sourcesContent":["import { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\n// ---------------------------------------------------------------------------\n// Content model\n// ---------------------------------------------------------------------------\n\nexport const FooterCopyrightContent = defineContentType({\n  id: 'footer-copyright',\n  title: 'Footer Copyright',\n  description: 'Legal notice rendered at the bottom of the store.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    required: ['text'],\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Copyright text' },\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type FooterCopyrightProps = ComponentPropsWithRef<'p'> & {\n  /** Authored fallback, rendered when no CMS entry supplies the notice. */\n  text?: string;\n  /** Injected by the compiler, sliced from the page's or layout's composite content entry. */\n  $content?: ContentValue<typeof FooterCopyrightContent>;\n};\n\n// ---------------------------------------------------------------------------\n// Definition\n// ---------------------------------------------------------------------------\n\nexport const FooterCopyrightDefinition = defineComponent({\n  name: 'FooterCopyright',\n  importPath: '@vtex/faststore/components',\n  component: FooterCopyright,\n  content: FooterCopyrightContent,\n  editor: { label: 'Footer Copyright', category: 'content' },\n  schema: {\n    text: { type: 'string', label: 'Copyright text' },\n  },\n  guideline:\n    \"The store's legal notice, rendered as plain text at the bottom of the footer. CMS content wins over the text prop, and nothing renders when neither supplies a notice. See footer-copyright.md.\",\n});\n\n// ---------------------------------------------------------------------------\n// Implementation\n// ---------------------------------------------------------------------------\n\nexport function FooterCopyright({ text, $content, className, ...props }: FooterCopyrightProps) {\n  const notice = $content?.text ?? text;\n  // `minLength` is enforced by neither the runtime slice nor the preflight, so a blank entry value\n  // reaches the component and counts as unconfigured. Trim to decide, never to render.\n  if (!notice?.trim()) return null;\n\n  return (\n    <p {...props} className={className} data-fs-text=\"\" data-fs-footer-copyright=\"\">\n      {notice}\n    </p>\n  );\n}\n"],"mappings":";;;;;AAOA,MAAa,yBAAyB,kBAAkB;CACtD,IAAI;CACJ,OAAO;CACP,aAAa;CACb,QAAQ;EACN,MAAM;EACN,sBAAsB;EACtB,UAAU,CAAC,MAAM;EACjB,YAAY,EACV,MAAM;GAAE,MAAM;GAAU,WAAW;GAAG,OAAO;EAAiB,EAChE;CACF;AACF,CAAC;AAiBD,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,YAAY;CACZ,WAAW;CACX,SAAS;CACT,QAAQ;EAAE,OAAO;EAAoB,UAAU;CAAU;CACzD,QAAQ,EACN,MAAM;EAAE,MAAM;EAAU,OAAO;CAAiB,EAClD;CACA,WACE;AACJ,CAAC;AAMD,SAAgB,gBAAgB,EAAE,MAAM,UAAU,WAAW,GAAG,SAA+B;CAC7F,MAAM,SAAS,UAAU,QAAQ;CAGjC,IAAI,CAAC,QAAQ,KAAK,GAAG,OAAO;CAE5B,OACE,oBAAC,KAAD;EAAG,GAAI;EAAkB;EAAW,gBAAa;EAAG,4BAAyB;EAC1E,UAAA;CACA,CAAA;AAEP"}

package/dist/particles/footer-link-group/footer-link-group.d.ts

@@ -0,0 +1,66 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/footer-link-group/footer-link-group.d.ts
+export declare const FooterLinkGroupContent: {
+  readonly id: "footer-link-group";
+  readonly title: "Footer Link Group";
+  readonly description: "A heading and its ordered list of institutional links.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly heading: {
+        readonly type: "string";
+        readonly minLength: 1;
+        readonly title: "Group heading";
+      };
+      readonly links: {
+        readonly type: "array";
+        readonly title: "Links";
+        readonly minItems: 1;
+        readonly items: {
+          readonly type: "object";
+          readonly additionalProperties: false;
+          readonly required: readonly ["label", "href"];
+          readonly properties: {
+            readonly label: {
+              readonly type: "string";
+              readonly minLength: 1;
+              readonly title: "Label";
+            };
+            readonly href: {
+              readonly type: "string";
+              readonly minLength: 1;
+              readonly title: "URL";
+              readonly format: "uri-reference";
+              readonly pattern: "^(?:https?://.*|mailto:.+|tel:.+|/(?:[^/].*)?)$";
+            };
+            readonly target: {
+              readonly type: "string";
+              readonly enum: readonly ["_self", "_blank"];
+              readonly default: "_self";
+              readonly title: "Open in";
+            };
+          };
+        };
+      };
+    };
+  };
+};
+type FooterLinkGroupContentValue = ContentValue<typeof FooterLinkGroupContent>;
+/** One authored link. Derived from the model so the prop and content channels cannot drift. */
+export type FooterLinkGroupLink = NonNullable<FooterLinkGroupContentValue['links']>[number];
+export type FooterLinkGroupProps = ComponentPropsWithRef<'div'> & {
+  /** Authored fallback for the group heading, used when no CMS entry supplies one. */
+  heading?: string;
+  /** Authored fallback for the link list, used when no CMS entry supplies one. */
+  links?: readonly FooterLinkGroupLink[];
+  /** Injected by the compiler, sliced from the page's or layout's composite content entry. */
+  $content?: FooterLinkGroupContentValue;
+};
+export declare const FooterLinkGroupDefinition: ComponentDefinition<FooterLinkGroupProps>;
+export declare function FooterLinkGroup({ heading, links, $content, className, ...props }: FooterLinkGroupProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=footer-link-group.d.ts.map

package/dist/particles/footer-link-group/footer-link-group.js

@@ -0,0 +1,154 @@
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { resolveSafeHref } from "../../utils/safe-href.js";
+import { NavigationLink } from "../navigation-link/navigation-link.js";
+import { AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger } from "../accordion/accordion.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/particles/footer-link-group/footer-link-group.tsx
+const FooterLinkGroupContent = defineContentType({
+	id: "footer-link-group",
+	title: "Footer Link Group",
+	description: "A heading and its ordered list of institutional links.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			heading: {
+				type: "string",
+				minLength: 1,
+				title: "Group heading"
+			},
+			links: {
+				type: "array",
+				title: "Links",
+				minItems: 1,
+				items: {
+					type: "object",
+					additionalProperties: false,
+					required: ["label", "href"],
+					properties: {
+						label: {
+							type: "string",
+							minLength: 1,
+							title: "Label"
+						},
+						href: {
+							type: "string",
+							minLength: 1,
+							title: "URL",
+							format: "uri-reference",
+							pattern: "^(?:https?://.*|mailto:.+|tel:.+|/(?:[^/].*)?)$"
+						},
+						target: {
+							type: "string",
+							enum: ["_self", "_blank"],
+							default: "_self",
+							title: "Open in"
+						}
+					}
+				}
+			}
+		}
+	}
+});
+const FooterLinkGroupDefinition = defineComponent({
+	name: "FooterLinkGroup",
+	importPath: "@vtex/faststore/components",
+	component: FooterLinkGroup,
+	content: FooterLinkGroupContent,
+	editor: {
+		label: "Footer Link Group",
+		category: "navigation"
+	},
+	schema: {
+		heading: {
+			type: "string",
+			label: "Group heading"
+		},
+		links: {
+			type: "array",
+			label: "Links"
+		}
+	},
+	guideline: "One heading and its institutional links, both CMS-editable. Renders as a desktop column and a mobile accordion at the same time; the store's swatch pair decides which one a breakpoint shows. See footer-link-group.md."
+});
+/** Unique within its own root, and every group renders its own root. */
+const ACCORDION_ITEM_VALUE = "links";
+/**
+* Resolves the whole list once per render, so both forms show the same links and a refused
+* destination logs one line rather than two.
+*/
+function resolveLinks(links) {
+	const resolved = [];
+	links.forEach((link, index) => {
+		if (link.label.trim().length === 0) return;
+		const destination = resolveSafeHref(link.href);
+		if (!destination.safe) console.warn("[FooterLinkGroup] link destination rejected", {
+			index,
+			reason: destination.reason
+		});
+		resolved.push({
+			label: link.label,
+			href: destination.safe ? destination.href : null,
+			target: link.target
+		});
+	});
+	return resolved;
+}
+function FooterLinkGroup({ heading, links, $content, className, ...props }) {
+	const groupHeading = $content?.heading ?? heading;
+	const resolved = resolveLinks($content?.links ?? links ?? []);
+	if (!groupHeading?.trim() || resolved.length === 0) return null;
+	const list = /* @__PURE__ */ jsx("ul", {
+		"data-fs-footer-link-group-list": "",
+		children: resolved.map((link, index) => /* @__PURE__ */ jsx("li", {
+			"data-fs-footer-link-group-item": "",
+			children: link.href === null ? /* @__PURE__ */ jsx("span", {
+				"data-fs-text": "",
+				"data-fs-footer-link-group-text": "",
+				children: link.label
+			}) : /* @__PURE__ */ jsx(NavigationLink, {
+				href: link.href,
+				target: link.target,
+				"data-fs-footer-link-group-link": "",
+				children: link.label
+			})
+		}, index))
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className,
+		"data-fs-footer-link-group": "",
+		children: [/* @__PURE__ */ jsx(AccordionRoot, {
+			"data-fs-footer-link-group-accordion": "",
+			children: /* @__PURE__ */ jsxs(AccordionItem, {
+				value: ACCORDION_ITEM_VALUE,
+				children: [/* @__PURE__ */ jsx(AccordionHeader, {
+					"data-fs-footer-link-group-heading": "",
+					children: /* @__PURE__ */ jsx(AccordionTrigger, {
+						"data-fs-text": "",
+						"data-fs-footer-link-group-trigger": "",
+						children: groupHeading
+					})
+				}), /* @__PURE__ */ jsx(AccordionPanel, {
+					hiddenUntilFound: true,
+					keepMounted: true,
+					"data-fs-footer-link-group-panel": "",
+					children: list
+				})]
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			"data-fs-footer-link-group-column": "",
+			children: [/* @__PURE__ */ jsx("h3", {
+				"data-fs-text": "",
+				"data-fs-footer-link-group-heading": "",
+				children: groupHeading
+			}), list]
+		})]
+	});
+}
+//#endregion
+export { FooterLinkGroup, FooterLinkGroupContent, FooterLinkGroupDefinition };
+
+//# sourceMappingURL=footer-link-group.js.map

package/dist/particles/footer-link-group/footer-link-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-link-group.js","names":[],"sources":["../../../src/particles/footer-link-group/footer-link-group.tsx"],"sourcesContent":["import { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { resolveSafeHref } from '../../utils/safe-href.js';\nimport {\n  AccordionHeader,\n  AccordionItem,\n  AccordionPanel,\n  AccordionRoot,\n  AccordionTrigger,\n} from '../accordion/accordion.js';\nimport { NavigationLink } from '../navigation-link/navigation-link.js';\n\n// ---------------------------------------------------------------------------\n// Content model\n// ---------------------------------------------------------------------------\n\nexport const FooterLinkGroupContent = defineContentType({\n  id: 'footer-link-group',\n  title: 'Footer Link Group',\n  description: 'A heading and its ordered list of institutional links.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    // Neither property is required. A missing element key already omits the component before any\n    // required check runs, so requiring them would buy nothing and cost the prop fallback: an entry\n    // authoring one field alone would be shape-invalid and take the whole element down with it. The\n    // render gate holds the heading invariant instead, being the only point that sees both channels.\n    properties: {\n      heading: { type: 'string', minLength: 1, title: 'Group heading' },\n      links: {\n        type: 'array',\n        title: 'Links',\n        minItems: 1,\n        items: {\n          type: 'object',\n          additionalProperties: false,\n          required: ['label', 'href'],\n          properties: {\n            label: { type: 'string', minLength: 1, title: 'Label' },\n            href: {\n              type: 'string',\n              minLength: 1,\n              title: 'URL',\n              format: 'uri-reference',\n              // Author-time guidance only, and deliberately lookahead-free: nothing in this repo\n              // compiles it, so its one consumer is the Content Platform Admin's form, whose regex\n              // engine may be an RE2 family that rejects lookahead outright.\n              pattern: '^(?:https?://.*|mailto:.+|tel:.+|/(?:[^/].*)?)$',\n            },\n            target: { type: 'string', enum: ['_self', '_blank'], default: '_self', title: 'Open in' },\n          },\n        },\n      },\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype FooterLinkGroupContentValue = ContentValue<typeof FooterLinkGroupContent>;\n\n/** One authored link. Derived from the model so the prop and content channels cannot drift. */\nexport type FooterLinkGroupLink = NonNullable<FooterLinkGroupContentValue['links']>[number];\n\nexport type FooterLinkGroupProps = ComponentPropsWithRef<'div'> & {\n  /** Authored fallback for the group heading, used when no CMS entry supplies one. */\n  heading?: string;\n  /** Authored fallback for the link list, used when no CMS entry supplies one. */\n  links?: readonly FooterLinkGroupLink[];\n  /** Injected by the compiler, sliced from the page's or layout's composite content entry. */\n  $content?: FooterLinkGroupContentValue;\n};\n\n// ---------------------------------------------------------------------------\n// Definition\n// ---------------------------------------------------------------------------\n\nexport const FooterLinkGroupDefinition = defineComponent({\n  name: 'FooterLinkGroup',\n  importPath: '@vtex/faststore/components',\n  component: FooterLinkGroup,\n  content: FooterLinkGroupContent,\n  editor: { label: 'Footer Link Group', category: 'navigation' },\n  schema: {\n    heading: { type: 'string', label: 'Group heading' },\n    links: { type: 'array', label: 'Links' },\n  },\n  guideline:\n    \"One heading and its institutional links, both CMS-editable. Renders as a desktop column and a mobile accordion at the same time; the store's swatch pair decides which one a breakpoint shows. See footer-link-group.md.\",\n});\n\n// ---------------------------------------------------------------------------\n// Implementation\n// ---------------------------------------------------------------------------\n\n/** A resolved link, ready for both forms. A null `href` is a destination the allowlist refused. */\ntype ResolvedLink = {\n  label: string;\n  href: string | null;\n  target: FooterLinkGroupLink['target'];\n};\n\n/** Unique within its own root, and every group renders its own root. */\nconst ACCORDION_ITEM_VALUE = 'links';\n\n/**\n * Resolves the whole list once per render, so both forms show the same links and a refused\n * destination logs one line rather than two.\n */\nfunction resolveLinks(links: readonly FooterLinkGroupLink[]): ResolvedLink[] {\n  const resolved: ResolvedLink[] = [];\n\n  links.forEach((link, index) => {\n    // `minLength` is enforced by neither the runtime slice nor the preflight, so a blank label\n    // reaches the component. Drop the link: an anchor with no accessible name is a WCAG failure.\n    if (link.label.trim().length === 0) {\n      return;\n    }\n    const destination = resolveSafeHref(link.href);\n    if (!destination.safe) {\n      // A bounded reason and no authored value, the convention the content runtime's own log follows.\n      console.warn('[FooterLinkGroup] link destination rejected', { index, reason: destination.reason });\n    }\n    resolved.push({\n      label: link.label,\n      href: destination.safe ? destination.href : null,\n      target: link.target,\n    });\n  });\n\n  return resolved;\n}\n\nexport function FooterLinkGroup({ heading, links, $content, className, ...props }: FooterLinkGroupProps) {\n  const groupHeading = $content?.heading ?? heading;\n  // An entry supplying `links: []` beats an authored prop: a merchant who cleared the list cleared it.\n  const resolved = resolveLinks($content?.links ?? links ?? []);\n\n  if (!groupHeading?.trim() || resolved.length === 0) {\n    return null;\n  }\n\n  // One element rendered in both forms, so the two cannot drift.\n  const list = (\n    <ul data-fs-footer-link-group-list=\"\">\n      {resolved.map((link, index) => (\n        <li key={index} data-fs-footer-link-group-item=\"\">\n          {link.href === null ? (\n            <span data-fs-text=\"\" data-fs-footer-link-group-text=\"\">\n              {link.label}\n            </span>\n          ) : (\n            <NavigationLink href={link.href} target={link.target} data-fs-footer-link-group-link=\"\">\n              {link.label}\n            </NavigationLink>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n\n  return (\n    <div {...props} className={className} data-fs-footer-link-group=\"\">\n      <AccordionRoot data-fs-footer-link-group-accordion=\"\">\n        <AccordionItem value={ACCORDION_ITEM_VALUE}>\n          <AccordionHeader data-fs-footer-link-group-heading=\"\">\n            <AccordionTrigger data-fs-text=\"\" data-fs-footer-link-group-trigger=\"\">\n              {groupHeading}\n            </AccordionTrigger>\n          </AccordionHeader>\n          {/* `hiddenUntilFound` requires the panel to stay mounted while closed, and the wrapper\n              defaults `keepMounted` to false, so passing it keeps Base UI from warning about the pair. */}\n          <AccordionPanel hiddenUntilFound keepMounted data-fs-footer-link-group-panel=\"\">\n            {list}\n          </AccordionPanel>\n        </AccordionItem>\n      </AccordionRoot>\n      <div data-fs-footer-link-group-column=\"\">\n        <h3 data-fs-text=\"\" data-fs-footer-link-group-heading=\"\">\n          {groupHeading}\n        </h3>\n        {list}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,MAAa,yBAAyB,kBAAkB;CACtD,IAAI;CACJ,OAAO;CACP,aAAa;CACb,QAAQ;EACN,MAAM;EACN,sBAAsB;EAKtB,YAAY;GACV,SAAS;IAAE,MAAM;IAAU,WAAW;IAAG,OAAO;GAAgB;GAChE,OAAO;IACL,MAAM;IACN,OAAO;IACP,UAAU;IACV,OAAO;KACL,MAAM;KACN,sBAAsB;KACtB,UAAU,CAAC,SAAS,MAAM;KAC1B,YAAY;MACV,OAAO;OAAE,MAAM;OAAU,WAAW;OAAG,OAAO;MAAQ;MACtD,MAAM;OACJ,MAAM;OACN,WAAW;OACX,OAAO;OACP,QAAQ;OAIR,SAAS;MACX;MACA,QAAQ;OAAE,MAAM;OAAU,MAAM,CAAC,SAAS,QAAQ;OAAG,SAAS;OAAS,OAAO;MAAU;KAC1F;IACF;GACF;EACF;CACF;AACF,CAAC;AAwBD,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,YAAY;CACZ,WAAW;CACX,SAAS;CACT,QAAQ;EAAE,OAAO;EAAqB,UAAU;CAAa;CAC7D,QAAQ;EACN,SAAS;GAAE,MAAM;GAAU,OAAO;EAAgB;EAClD,OAAO;GAAE,MAAM;GAAS,OAAO;EAAQ;CACzC;CACA,WACE;AACJ,CAAC;;AAcD,MAAM,uBAAuB;;;;;AAM7B,SAAS,aAAa,OAAuD;CAC3E,MAAM,WAA2B,CAAC;CAElC,MAAM,SAAS,MAAM,UAAU;EAG7B,IAAI,KAAK,MAAM,KAAK,CAAC,CAAC,WAAW,GAC/B;EAEF,MAAM,cAAc,gBAAgB,KAAK,IAAI;EAC7C,IAAI,CAAC,YAAY,MAEf,QAAQ,KAAK,+CAA+C;GAAE;GAAO,QAAQ,YAAY;EAAO,CAAC;EAEnG,SAAS,KAAK;GACZ,OAAO,KAAK;GACZ,MAAM,YAAY,OAAO,YAAY,OAAO;GAC5C,QAAQ,KAAK;EACf,CAAC;CACH,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,gBAAgB,EAAE,SAAS,OAAO,UAAU,WAAW,GAAG,SAA+B;CACvG,MAAM,eAAe,UAAU,WAAW;CAE1C,MAAM,WAAW,aAAa,UAAU,SAAS,SAAS,CAAC,CAAC;CAE5D,IAAI,CAAC,cAAc,KAAK,KAAK,SAAS,WAAW,GAC/C,OAAO;CAIT,MAAM,OACJ,oBAAC,MAAD;EAAI,kCAA+B;EAChC,UAAA,SAAS,KAAK,MAAM,UACnB,oBAAC,MAAD;GAAgB,kCAA+B;GAC5C,UAAA,KAAK,SAAS,OACb,oBAAC,QAAD;IAAM,gBAAa;IAAG,kCAA+B;IAClD,UAAA,KAAK;GACF,CAAA,IAEN,oBAAC,gBAAD;IAAgB,MAAM,KAAK;IAAM,QAAQ,KAAK;IAAQ,kCAA+B;IAClF,UAAA,KAAK;GACQ,CAAA;EAEhB,GAVK,KAUL,CACL;CACC,CAAA;CAGN,OACE,qBAAC,OAAD;EAAK,GAAI;EAAkB;EAAW,6BAA0B;EAAhE,UAAA,CACE,oBAAC,eAAD;GAAe,uCAAoC;GACjD,UAAA,qBAAC,eAAD;IAAe,OAAO;IAAtB,UAAA,CACE,oBAAC,iBAAD;KAAiB,qCAAkC;KACjD,UAAA,oBAAC,kBAAD;MAAkB,gBAAa;MAAG,qCAAkC;MACjE,UAAA;KACe,CAAA;IACH,CAAA,GAGjB,oBAAC,gBAAD;KAAgB,kBAAA;KAAiB,aAAA;KAAY,mCAAgC;KAC1E,UAAA;IACa,CAAA,CACH;;EACF,CAAA,GACf,qBAAC,OAAD;GAAK,oCAAiC;GAAtC,UAAA,CACE,oBAAC,MAAD;IAAI,gBAAa;IAAG,qCAAkC;IACnD,UAAA;GACC,CAAA,GACH,IACE;EACF,CAAA,CAAA;;AAET"}

package/dist/particles/footer-root/footer-root.d.ts

@@ -0,0 +1,21 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/footer-root/footer-root.d.ts
+/** Props for {@link FooterRoot}. Extends all native `<footer>` attributes. */
+export type FooterRootProps = ComponentPropsWithRef<'footer'>;
+/**
+ * Footer landmark that wraps the footer sections.
+ *
+ * @example
+ * ```tsx
+ * <FooterRoot>
+ *   <NavigationLink href="/faq">FAQ</NavigationLink>
+ *   <FooterCopyright text="© 2026 Loja XYZ" />
+ * </FooterRoot>
+ * ```
+ */
+export declare const FooterRootDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+export declare function FooterRoot({ className, children, ...props }: FooterRootProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=footer-root.d.ts.map

package/dist/particles/footer-root/footer-root.js

@@ -0,0 +1,38 @@
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/particles/footer-root/footer-root.tsx
+/**
+* Footer landmark that wraps the footer sections.
+*
+* @example
+* ```tsx
+* <FooterRoot>
+*   <NavigationLink href="/faq">FAQ</NavigationLink>
+*   <FooterCopyright text="© 2026 Loja XYZ" />
+* </FooterRoot>
+* ```
+*/
+const FooterRootDefinition = defineComponent({
+	name: "FooterRoot",
+	importPath: "@vtex/faststore/components",
+	component: FooterRoot,
+	editor: {
+		label: "Footer",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Page-bottom footer landmark wrapping the footer sections. Place it at the top level of a layout schema: nested inside a section or nav, the browser exposes no contentinfo landmark."
+});
+function FooterRoot({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("footer", {
+		...props,
+		className,
+		"data-fs-footer": "",
+		children
+	});
+}
+//#endregion
+export { FooterRoot, FooterRootDefinition };
+
+//# sourceMappingURL=footer-root.js.map

package/dist/particles/footer-root/footer-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-root.js","names":[],"sources":["../../../src/particles/footer-root/footer-root.tsx"],"sourcesContent":["import { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\n/** Props for {@link FooterRoot}. Extends all native `<footer>` attributes. */\nexport type FooterRootProps = ComponentPropsWithRef<'footer'>;\n\n/**\n * Footer landmark that wraps the footer sections.\n *\n * @example\n * ```tsx\n * <FooterRoot>\n *   <NavigationLink href=\"/faq\">FAQ</NavigationLink>\n *   <FooterCopyright text=\"© 2026 Loja XYZ\" />\n * </FooterRoot>\n * ```\n */\nexport const FooterRootDefinition = defineComponent<FooterRootProps>({\n  name: 'FooterRoot',\n  importPath: '@vtex/faststore/components',\n  component: FooterRoot,\n  editor: { label: 'Footer', category: 'layout' },\n  schema: {},\n  guideline:\n    'Page-bottom footer landmark wrapping the footer sections. Place it at the top level of a layout schema: nested inside a section or nav, the browser exposes no contentinfo landmark.',\n});\n\nexport function FooterRoot({ className, children, ...props }: FooterRootProps) {\n  return (\n    <footer {...props} className={className} data-fs-footer=\"\">\n      {children}\n    </footer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAa,uBAAuB,gBAAiC;CACnE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAU,UAAU;CAAS;CAC9C,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgB,WAAW,EAAE,WAAW,UAAU,GAAG,SAA0B;CAC7E,OACE,oBAAC,UAAD;EAAQ,GAAI;EAAkB;EAAW,kBAAe;EACrD;CACK,CAAA;AAEZ"}