@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/filters/sort-select.d.ts

@@ -1,12 +1,23 @@
-import { type SelectOption } from "../primitives/select";
+import { SelectOption } from "../primitives/select.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/filters/sort-select.d.ts
 interface SortSelectProps {
-    value: string;
-    onValueChange: (value: string) => void;
-    options?: SelectOption[];
-    label?: string;
-    placeholder?: string;
-    className?: string;
+  value: string;
+  onValueChange: (value: string) => void;
+  options?: SelectOption[];
+  label?: string;
+  placeholder?: string;
+  className?: string;
 }
-declare function SortSelect({ value, onValueChange, options, label, placeholder, className, }: SortSelectProps): import("react/jsx-runtime").JSX.Element;
+declare function SortSelect({
+  value,
+  onValueChange,
+  options,
+  label,
+  placeholder,
+  className
+}: SortSelectProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { SortSelect, type SortSelectProps };
 //# sourceMappingURL=sort-select.d.ts.map

package/dist/client/storefront/filters/sort-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sort-select.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/filters/sort-select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE1E,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAUD,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,aAAa,EACb,OAA4B,EAC5B,KAAc,EACd,WAA8B,EAC9B,SAAS,GACV,EAAE,eAAe,2CAWjB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
+{"version":3,"file":"sort-select.d.ts","names":[],"sources":["../../../../src/client/storefront/filters/sort-select.tsx"],"mappings":";;;;UAKU,eAAA;EACR,KAAA;EACA,aAAA,GAAgB,KAAA;EAChB,OAAA,GAAU,YAAA;EACV,KAAA;EACA,WAAA;EACA,SAAA;AAAA;AAAA,iBAWO,UAAA,CAAA;EACP,KAAA;EACA,aAAA;EACA,OAAA;EACA,KAAA;EACA,WAAA;EACA;AAAA,GACC,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/filters/sort-select.mjs

@@ -1,34 +1,41 @@
 "use client";
+import { StorefrontSelect } from "../primitives/select.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { StorefrontSelect } from "../primitives/select";
+//#region src/client/storefront/filters/sort-select.tsx
 const defaultSortOptions = [
-  { value: "relevance", label: "Relevance" },
-  { value: "price-asc", label: "Price: Low to High" },
-  { value: "price-desc", label: "Price: High to Low" },
-  { value: "newest", label: "Newest" },
-  { value: "name-asc", label: "Name A\u2013Z" }
+	{
+		value: "relevance",
+		label: "Relevance"
+	},
+	{
+		value: "price-asc",
+		label: "Price: Low to High"
+	},
+	{
+		value: "price-desc",
+		label: "Price: High to Low"
+	},
+	{
+		value: "newest",
+		label: "Newest"
+	},
+	{
+		value: "name-asc",
+		label: "Name A–Z"
+	}
 ];
-function SortSelect({
-  value,
-  onValueChange,
-  options = defaultSortOptions,
-  label = "Sort",
-  placeholder = "Select sorting",
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    StorefrontSelect,
-    {
-      options,
-      value,
-      onValueChange,
-      label,
-      placeholder,
-      className
-    }
-  );
+function SortSelect({ value, onValueChange, options = defaultSortOptions, label = "Sort", placeholder = "Select sorting", className }) {
+	return /* @__PURE__ */ jsx(StorefrontSelect, {
+		options,
+		value,
+		onValueChange,
+		label,
+		placeholder,
+		className
+	});
 }
-export {
-  SortSelect
-};
+//#endregion
+export { SortSelect };
+
 //# sourceMappingURL=sort-select.mjs.map

package/dist/client/storefront/filters/sort-select.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/filters/sort-select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { StorefrontSelect, type SelectOption } from \"../primitives/select\"\n\ninterface SortSelectProps {\n  value: string\n  onValueChange: (value: string) => void\n  options?: SelectOption[]\n  label?: string\n  placeholder?: string\n  className?: string\n}\n\nconst defaultSortOptions: SelectOption[] = [\n  { value: \"relevance\", label: \"Relevance\" },\n  { value: \"price-asc\", label: \"Price: Low to High\" },\n  { value: \"price-desc\", label: \"Price: High to Low\" },\n  { value: \"newest\", label: \"Newest\" },\n  { value: \"name-asc\", label: \"Name A–Z\" },\n]\n\nfunction SortSelect({\n  value,\n  onValueChange,\n  options = defaultSortOptions,\n  label = \"Sort\",\n  placeholder = \"Select sorting\",\n  className,\n}: SortSelectProps) {\n  return (\n    <StorefrontSelect\n      options={options}\n      value={value}\n      onValueChange={onValueChange}\n      label={label}\n      placeholder={placeholder}\n      className={className}\n    />\n  )\n}\n\nexport { SortSelect, type SortSelectProps }\n"],"mappings":";AA+BI;AA5BJ,SAAS,wBAA2C;AAWpD,MAAM,qBAAqC;AAAA,EACzC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,EACzC,EAAE,OAAO,aAAa,OAAO,qBAAqB;AAAA,EAClD,EAAE,OAAO,cAAc,OAAO,qBAAqB;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,YAAY,OAAO,gBAAW;AACzC;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AACF,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"file":"sort-select.mjs","names":[],"sources":["../../../../src/client/storefront/filters/sort-select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { StorefrontSelect, type SelectOption } from \"../primitives/select\"\n\ninterface SortSelectProps {\n  value: string\n  onValueChange: (value: string) => void\n  options?: SelectOption[]\n  label?: string\n  placeholder?: string\n  className?: string\n}\n\nconst defaultSortOptions: SelectOption[] = [\n  { value: \"relevance\", label: \"Relevance\" },\n  { value: \"price-asc\", label: \"Price: Low to High\" },\n  { value: \"price-desc\", label: \"Price: High to Low\" },\n  { value: \"newest\", label: \"Newest\" },\n  { value: \"name-asc\", label: \"Name A–Z\" },\n]\n\nfunction SortSelect({\n  value,\n  onValueChange,\n  options = defaultSortOptions,\n  label = \"Sort\",\n  placeholder = \"Select sorting\",\n  className,\n}: SortSelectProps) {\n  return (\n    <StorefrontSelect\n      options={options}\n      value={value}\n      onValueChange={onValueChange}\n      label={label}\n      placeholder={placeholder}\n      className={className}\n    />\n  )\n}\n\nexport { SortSelect, type SortSelectProps }\n"],"mappings":";;;;;AAcA,MAAM,qBAAqC;CACzC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAsB;CACnD;EAAE,OAAO;EAAc,OAAO;EAAsB;CACpD;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC;AAED,SAAS,WAAW,EAClB,OACA,eACA,UAAU,oBACV,QAAQ,QACR,cAAc,kBACd,aACkB;AAClB,QACE,oBAAC,kBAAD;EACW;EACF;EACQ;EACR;EACM;EACF;EACX,CAAA"}

package/dist/client/storefront/filters/toggle-list-view.d.ts

@@ -1,8 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/filters/toggle-list-view.d.ts
 interface ToggleListViewProps {
-    mode: "grid" | "list";
-    onChange: (mode: "grid" | "list") => void;
-    className?: string;
+  mode: "grid" | "list";
+  onChange: (mode: "grid" | "list") => void;
+  className?: string;
 }
-declare function ToggleListView({ mode, onChange, className }: ToggleListViewProps): import("react/jsx-runtime").JSX.Element;
+declare function ToggleListView({
+  mode,
+  onChange,
+  className
+}: ToggleListViewProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { ToggleListView, type ToggleListViewProps };
 //# sourceMappingURL=toggle-list-view.d.ts.map

package/dist/client/storefront/filters/toggle-list-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-list-view.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/filters/toggle-list-view.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAsBzE;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"toggle-list-view.d.ts","names":[],"sources":["../../../../src/client/storefront/filters/toggle-list-view.tsx"],"mappings":";;;UAOU,mBAAA;EACR,IAAA;EACA,QAAA,GAAW,IAAA;EACX,SAAA;AAAA;AAAA,iBAGO,cAAA,CAAA;EAAiB,IAAA;EAAM,QAAA;EAAU;AAAA,GAAa,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/filters/toggle-list-view.mjs

@@ -1,30 +1,36 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { ToggleGroup, ToggleGroupItem } from "../../ui-resolver/toggle-group.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../../icons/icon-context";
-import { ToggleGroup, ToggleGroupItem } from "../../ui-resolver/toggle-group";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/filters/toggle-list-view.tsx
 function ToggleListView({ mode, onChange, className }) {
-  const GridIcon = useIcon("grid");
-  const ListIcon = useIcon("list");
-  return /* @__PURE__ */ jsxs(
-    ToggleGroup,
-    {
-      type: "single",
-      value: mode,
-      onValueChange: (value) => {
-        if (value) onChange(value);
-      },
-      variant: "outline",
-      className: cn(className),
-      "aria-label": "View mode",
-      children: [
-        /* @__PURE__ */ jsx(ToggleGroupItem, { value: "grid", "aria-label": "Grid view", className: "relative hit-area-2", children: /* @__PURE__ */ jsx(GridIcon, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx(ToggleGroupItem, { value: "list", "aria-label": "List view", className: "relative hit-area-2", children: /* @__PURE__ */ jsx(ListIcon, { className: "size-4" }) })
-      ]
-    }
-  );
+	const GridIcon = useIcon("grid");
+	const ListIcon = useIcon("list");
+	return /* @__PURE__ */ jsxs(ToggleGroup, {
+		type: "single",
+		value: mode,
+		onValueChange: (value) => {
+			if (value) onChange(value);
+		},
+		variant: "outline",
+		className: cn(className),
+		"aria-label": "View mode",
+		children: [/* @__PURE__ */ jsx(ToggleGroupItem, {
+			value: "grid",
+			"aria-label": "Grid view",
+			className: "relative hit-area-2",
+			children: /* @__PURE__ */ jsx(GridIcon, { className: "size-4" })
+		}), /* @__PURE__ */ jsx(ToggleGroupItem, {
+			value: "list",
+			"aria-label": "List view",
+			className: "relative hit-area-2",
+			children: /* @__PURE__ */ jsx(ListIcon, { className: "size-4" })
+		})]
+	});
 }
-export {
-  ToggleListView
-};
+//#endregion
+export { ToggleListView };
+
 //# sourceMappingURL=toggle-list-view.mjs.map

package/dist/client/storefront/filters/toggle-list-view.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/filters/toggle-list-view.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { ToggleGroup, ToggleGroupItem } from \"../../ui-resolver/toggle-group\";\nimport { cn } from \"../../ui/utils\";\n\ninterface ToggleListViewProps {\n  mode: \"grid\" | \"list\";\n  onChange: (mode: \"grid\" | \"list\") => void;\n  className?: string;\n}\n\nfunction ToggleListView({ mode, onChange, className }: ToggleListViewProps) {\n  const GridIcon = useIcon(\"grid\");\n  const ListIcon = useIcon(\"list\");\n  return (\n    <ToggleGroup\n      type=\"single\"\n      value={mode}\n      onValueChange={(value) => {\n        if (value) onChange(value as \"grid\" | \"list\");\n      }}\n      variant=\"outline\"\n      className={cn(className)}\n      aria-label=\"View mode\"\n    >\n      <ToggleGroupItem value=\"grid\" aria-label=\"Grid view\" className=\"relative hit-area-2\">\n        <GridIcon className=\"size-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"list\" aria-label=\"List view\" className=\"relative hit-area-2\">\n        <ListIcon className=\"size-4\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n}\n\nexport { ToggleListView, type ToggleListViewProps };\n"],"mappings":";AAiBI,SAWI,KAXJ;AAdJ,SAAS,eAAe;AACxB,SAAS,aAAa,uBAAuB;AAC7C,SAAS,UAAU;AAQnB,SAAS,eAAe,EAAE,MAAM,UAAU,UAAU,GAAwB;AAC1E,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,WAAW,QAAQ,MAAM;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,YAAI,MAAO,UAAS,KAAwB;AAAA,MAC9C;AAAA,MACA,SAAQ;AAAA,MACR,WAAW,GAAG,SAAS;AAAA,MACvB,cAAW;AAAA,MAEX;AAAA,4BAAC,mBAAgB,OAAM,QAAO,cAAW,aAAY,WAAU,uBAC7D,8BAAC,YAAS,WAAU,UAAS,GAC/B;AAAA,QACA,oBAAC,mBAAgB,OAAM,QAAO,cAAW,aAAY,WAAU,uBAC7D,8BAAC,YAAS,WAAU,UAAS,GAC/B;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"file":"toggle-list-view.mjs","names":[],"sources":["../../../../src/client/storefront/filters/toggle-list-view.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { ToggleGroup, ToggleGroupItem } from \"../../ui-resolver/toggle-group\";\nimport { cn } from \"../../ui/utils\";\n\ninterface ToggleListViewProps {\n  mode: \"grid\" | \"list\";\n  onChange: (mode: \"grid\" | \"list\") => void;\n  className?: string;\n}\n\nfunction ToggleListView({ mode, onChange, className }: ToggleListViewProps) {\n  const GridIcon = useIcon(\"grid\");\n  const ListIcon = useIcon(\"list\");\n  return (\n    <ToggleGroup\n      type=\"single\"\n      value={mode}\n      onValueChange={(value) => {\n        if (value) onChange(value as \"grid\" | \"list\");\n      }}\n      variant=\"outline\"\n      className={cn(className)}\n      aria-label=\"View mode\"\n    >\n      <ToggleGroupItem value=\"grid\" aria-label=\"Grid view\" className=\"relative hit-area-2\">\n        <GridIcon className=\"size-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"list\" aria-label=\"List view\" className=\"relative hit-area-2\">\n        <ListIcon className=\"size-4\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n}\n\nexport { ToggleListView, type ToggleListViewProps };\n"],"mappings":";;;;;;;AAaA,SAAS,eAAe,EAAE,MAAM,UAAU,aAAkC;CAC1E,MAAM,WAAW,QAAQ,OAAO;CAChC,MAAM,WAAW,QAAQ,OAAO;AAChC,QACE,qBAAC,aAAD;EACE,MAAK;EACL,OAAO;EACP,gBAAgB,UAAU;AACxB,OAAI,MAAO,UAAS,MAAyB;;EAE/C,SAAQ;EACR,WAAW,GAAG,UAAU;EACxB,cAAW;YARb,CAUE,oBAAC,iBAAD;GAAiB,OAAM;GAAO,cAAW;GAAY,WAAU;aAC7D,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA;GACf,CAAA,EAClB,oBAAC,iBAAD;GAAiB,OAAM;GAAO,cAAW;GAAY,WAAU;aAC7D,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA;GACf,CAAA,CACN"}

package/dist/client/storefront/hooks/use-section-observer.d.ts

@@ -1,12 +1,10 @@
+//#region src/client/storefront/hooks/use-section-observer.d.ts
 /**
  * Watches anchor targets and reports which section is currently in view.
  * Uses IntersectionObserver with a negative top margin so the "active"
  * section flips when it crosses the sticky-nav region, not the viewport edge.
  */
-declare function useSectionObserver(
-/** Anchor hrefs, e.g. ["#specs", "#reviews"] */
-anchors: string[], 
-/** Extra top offset in px (header height + nav bar height) */
-rootMarginTop?: number): string | null;
+declare function useSectionObserver(/** Anchor hrefs, e.g. ["#specs", "#reviews"] */anchors: string[], /** Extra top offset in px (header height + nav bar height) */rootMarginTop?: number): string | null;
+//#endregion
 export { useSectionObserver };
 //# sourceMappingURL=use-section-observer.d.ts.map

package/dist/client/storefront/hooks/use-section-observer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-section-observer.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/hooks/use-section-observer.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,iBAAS,kBAAkB;AACzB,gDAAgD;AAChD,OAAO,EAAE,MAAM,EAAE;AACjB,8DAA8D;AAC9D,aAAa,SAAI,iBA4DlB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"use-section-observer.d.ts","names":[],"sources":["../../../../src/client/storefront/hooks/use-section-observer.ts"],"mappings":";;;;;;iBASS,kBAAA,iDAEP,OAAA,0EAEA,aAAA"}

package/dist/client/storefront/hooks/use-section-observer.mjs

@@ -1,46 +1,55 @@
 "use client";
 import { useEffect, useMemo, useRef, useState } from "react";
+//#region src/client/storefront/hooks/use-section-observer.ts
+/**
+* Watches anchor targets and reports which section is currently in view.
+* Uses IntersectionObserver with a negative top margin so the "active"
+* section flips when it crosses the sticky-nav region, not the viewport edge.
+*/
 function useSectionObserver(anchors, rootMarginTop = 0) {
-  const [activeId, setActiveId] = useState(null);
-  const ratioMap = useRef(/* @__PURE__ */ new Map());
-  const anchorsKey = useMemo(() => anchors.join(","), [anchors.join(",")]);
-  useEffect(() => {
-    if (anchors.length === 0) return;
-    const ids = anchors.filter((a) => a.startsWith("#")).map((a) => a.slice(1));
-    const elements = ids.map((id) => document.getElementById(id)).filter(Boolean);
-    if (elements.length === 0) return;
-    ratioMap.current.clear();
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          ratioMap.current.set(entry.target.id, entry.intersectionRatio);
-        }
-        let bestId = null;
-        let bestRatio = 0;
-        for (const [id, ratio] of ratioMap.current) {
-          if (ratio > bestRatio) {
-            bestRatio = ratio;
-            bestId = id;
-          }
-        }
-        if (bestId) {
-          setActiveId(`#${bestId}`);
-        }
-      },
-      {
-        rootMargin: `-${rootMarginTop}px 0px -40% 0px`,
-        threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
-      }
-    );
-    for (const el of elements) {
-      observer.observe(el);
-    }
-    setActiveId((current) => current ?? anchors[0] ?? null);
-    return () => observer.disconnect();
-  }, [anchors, anchorsKey, rootMarginTop]);
-  return activeId;
+	const [activeId, setActiveId] = useState(null);
+	const ratioMap = useRef(/* @__PURE__ */ new Map());
+	useEffect(() => {
+		if (anchors.length === 0) return;
+		const elements = anchors.filter((a) => a.startsWith("#")).map((a) => a.slice(1)).map((id) => document.getElementById(id)).filter(Boolean);
+		if (elements.length === 0) return;
+		ratioMap.current.clear();
+		const observer = new IntersectionObserver((entries) => {
+			for (const entry of entries) ratioMap.current.set(entry.target.id, entry.intersectionRatio);
+			let bestId = null;
+			let bestRatio = 0;
+			for (const [id, ratio] of ratioMap.current) if (ratio > bestRatio) {
+				bestRatio = ratio;
+				bestId = id;
+			}
+			if (bestId) setActiveId(`#${bestId}`);
+		}, {
+			rootMargin: `-${rootMarginTop}px 0px -40% 0px`,
+			threshold: [
+				0,
+				.1,
+				.2,
+				.3,
+				.4,
+				.5,
+				.6,
+				.7,
+				.8,
+				.9,
+				1
+			]
+		});
+		for (const el of elements) observer.observe(el);
+		setActiveId((current) => current ?? anchors[0] ?? null);
+		return () => observer.disconnect();
+	}, [
+		anchors,
+		useMemo(() => anchors.join(","), [anchors.join(",")]),
+		rootMarginTop
+	]);
+	return activeId;
 }
-export {
-  useSectionObserver
-};
+//#endregion
+export { useSectionObserver };
+
 //# sourceMappingURL=use-section-observer.mjs.map

package/dist/client/storefront/hooks/use-section-observer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/hooks/use-section-observer.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useMemo, useRef, useState } from \"react\"\n\n/**\n * Watches anchor targets and reports which section is currently in view.\n * Uses IntersectionObserver with a negative top margin so the \"active\"\n * section flips when it crosses the sticky-nav region, not the viewport edge.\n */\nfunction useSectionObserver(\n  /** Anchor hrefs, e.g. [\"#specs\", \"#reviews\"] */\n  anchors: string[],\n  /** Extra top offset in px (header height + nav bar height) */\n  rootMarginTop = 0,\n) {\n  const [activeId, setActiveId] = useState<string | null>(null)\n  const ratioMap = useRef<Map<string, number>>(new Map())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const anchorsKey = useMemo(() => anchors.join(\",\"), [anchors.join(\",\")])\n\n  useEffect(() => {\n    if (anchors.length === 0) return\n\n    const ids = anchors\n      .filter((a) => a.startsWith(\"#\"))\n      .map((a) => a.slice(1))\n\n    const elements = ids\n      .map((id) => document.getElementById(id))\n      .filter(Boolean) as HTMLElement[]\n\n    if (elements.length === 0) return\n\n    ratioMap.current.clear()\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          ratioMap.current.set(entry.target.id, entry.intersectionRatio)\n        }\n\n        // Pick the element with the highest intersection ratio\n        let bestId: string | null = null\n        let bestRatio = 0\n        for (const [id, ratio] of ratioMap.current) {\n          if (ratio > bestRatio) {\n            bestRatio = ratio\n            bestId = id\n          }\n        }\n\n        // If nothing is intersecting, keep the last active\n        if (bestId) {\n          setActiveId(`#${bestId}`)\n        }\n      },\n      {\n        rootMargin: `-${rootMarginTop}px 0px -40% 0px`,\n        threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],\n      },\n    )\n\n    for (const el of elements) {\n      observer.observe(el)\n    }\n\n    // Set initial active to first anchor\n    setActiveId((current) => current ?? anchors[0] ?? null)\n\n    return () => observer.disconnect()\n  }, [anchors, anchorsKey, rootMarginTop])\n\n  return activeId\n}\n\nexport { useSectionObserver }\n"],"mappings":";AAEA,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAOrD,SAAS,mBAEP,SAEA,gBAAgB,GAChB;AACA,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAC5D,QAAM,WAAW,OAA4B,oBAAI,IAAI,CAAC;AAEtD,QAAM,aAAa,QAAQ,MAAM,QAAQ,KAAK,GAAG,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEvE,YAAU,MAAM;AACd,QAAI,QAAQ,WAAW,EAAG;AAE1B,UAAM,MAAM,QACT,OAAO,CAAC,MAAM,EAAE,WAAW,GAAG,CAAC,EAC/B,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAExB,UAAM,WAAW,IACd,IAAI,CAAC,OAAO,SAAS,eAAe,EAAE,CAAC,EACvC,OAAO,OAAO;AAEjB,QAAI,SAAS,WAAW,EAAG;AAE3B,aAAS,QAAQ,MAAM;AAEvB,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,mBAAW,SAAS,SAAS;AAC3B,mBAAS,QAAQ,IAAI,MAAM,OAAO,IAAI,MAAM,iBAAiB;AAAA,QAC/D;AAGA,YAAI,SAAwB;AAC5B,YAAI,YAAY;AAChB,mBAAW,CAAC,IAAI,KAAK,KAAK,SAAS,SAAS;AAC1C,cAAI,QAAQ,WAAW;AACrB,wBAAY;AACZ,qBAAS;AAAA,UACX;AAAA,QACF;AAGA,YAAI,QAAQ;AACV,sBAAY,IAAI,MAAM,EAAE;AAAA,QAC1B;AAAA,MACF;AAAA,MACA;AAAA,QACE,YAAY,IAAI,aAAa;AAAA,QAC7B,WAAW,CAAC,GAAG,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,CAAC;AAAA,MAC/D;AAAA,IACF;AAEA,eAAW,MAAM,UAAU;AACzB,eAAS,QAAQ,EAAE;AAAA,IACrB;AAGA,gBAAY,CAAC,YAAY,WAAW,QAAQ,CAAC,KAAK,IAAI;AAEtD,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,YAAY,aAAa,CAAC;AAEvC,SAAO;AACT;","names":[]}
+{"version":3,"file":"use-section-observer.mjs","names":[],"sources":["../../../../src/client/storefront/hooks/use-section-observer.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useMemo, useRef, useState } from \"react\"\n\n/**\n * Watches anchor targets and reports which section is currently in view.\n * Uses IntersectionObserver with a negative top margin so the \"active\"\n * section flips when it crosses the sticky-nav region, not the viewport edge.\n */\nfunction useSectionObserver(\n  /** Anchor hrefs, e.g. [\"#specs\", \"#reviews\"] */\n  anchors: string[],\n  /** Extra top offset in px (header height + nav bar height) */\n  rootMarginTop = 0,\n) {\n  const [activeId, setActiveId] = useState<string | null>(null)\n  const ratioMap = useRef<Map<string, number>>(new Map())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const anchorsKey = useMemo(() => anchors.join(\",\"), [anchors.join(\",\")])\n\n  useEffect(() => {\n    if (anchors.length === 0) return\n\n    const ids = anchors\n      .filter((a) => a.startsWith(\"#\"))\n      .map((a) => a.slice(1))\n\n    const elements = ids\n      .map((id) => document.getElementById(id))\n      .filter(Boolean) as HTMLElement[]\n\n    if (elements.length === 0) return\n\n    ratioMap.current.clear()\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          ratioMap.current.set(entry.target.id, entry.intersectionRatio)\n        }\n\n        // Pick the element with the highest intersection ratio\n        let bestId: string | null = null\n        let bestRatio = 0\n        for (const [id, ratio] of ratioMap.current) {\n          if (ratio > bestRatio) {\n            bestRatio = ratio\n            bestId = id\n          }\n        }\n\n        // If nothing is intersecting, keep the last active\n        if (bestId) {\n          setActiveId(`#${bestId}`)\n        }\n      },\n      {\n        rootMargin: `-${rootMarginTop}px 0px -40% 0px`,\n        threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],\n      },\n    )\n\n    for (const el of elements) {\n      observer.observe(el)\n    }\n\n    // Set initial active to first anchor\n    setActiveId((current) => current ?? anchors[0] ?? null)\n\n    return () => observer.disconnect()\n  }, [anchors, anchorsKey, rootMarginTop])\n\n  return activeId\n}\n\nexport { useSectionObserver }\n"],"mappings":";;;;;;;;AASA,SAAS,mBAEP,SAEA,gBAAgB,GAChB;CACA,MAAM,CAAC,UAAU,eAAe,SAAwB,KAAK;CAC7D,MAAM,WAAW,uBAA4B,IAAI,KAAK,CAAC;AAIvD,iBAAgB;AACd,MAAI,QAAQ,WAAW,EAAG;EAM1B,MAAM,WAJM,QACT,QAAQ,MAAM,EAAE,WAAW,IAAI,CAAC,CAChC,KAAK,MAAM,EAAE,MAAM,EAAE,CAAC,CAGtB,KAAK,OAAO,SAAS,eAAe,GAAG,CAAC,CACxC,OAAO,QAAQ;AAElB,MAAI,SAAS,WAAW,EAAG;AAE3B,WAAS,QAAQ,OAAO;EAExB,MAAM,WAAW,IAAI,sBAClB,YAAY;AACX,QAAK,MAAM,SAAS,QAClB,UAAS,QAAQ,IAAI,MAAM,OAAO,IAAI,MAAM,kBAAkB;GAIhE,IAAI,SAAwB;GAC5B,IAAI,YAAY;AAChB,QAAK,MAAM,CAAC,IAAI,UAAU,SAAS,QACjC,KAAI,QAAQ,WAAW;AACrB,gBAAY;AACZ,aAAS;;AAKb,OAAI,OACF,aAAY,IAAI,SAAS;KAG7B;GACE,YAAY,IAAI,cAAc;GAC9B,WAAW;IAAC;IAAG;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;IAAE;GAC/D,CACF;AAED,OAAK,MAAM,MAAM,SACf,UAAS,QAAQ,GAAG;AAItB,eAAa,YAAY,WAAW,QAAQ,MAAM,KAAK;AAEvD,eAAa,SAAS,YAAY;IACjC;EAAC;EApDe,cAAc,QAAQ,KAAK,IAAI,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;EAoD/C;EAAc,CAAC;AAExC,QAAO"}

package/dist/client/storefront/index.d.ts

@@ -1,24 +1,19 @@
-export { Price } from "./components/price";
-export type { PriceProps } from "./components/price";
-export { Skeleton, ProductCardSkeleton } from "./components/skeleton";
-export type { SkeletonProps } from "./components/skeleton";
-export { Badge } from "./components/badge";
-export type { BadgeProps } from "./components/badge";
-export { StarRating } from "./components/star-rating";
-export type { StarRatingProps } from "./components/star-rating";
-export { ProductTabs } from "./components/product-tabs";
-export type { ProductTabsProps, ProductTab } from "./components/product-tabs";
-export { VariantSelector } from "./components/variant-selector";
-export type { VariantSelectorProps, VariantAxis, VariantOption } from "./components/variant-selector";
-export { NewsletterSignup } from "./components/newsletter-signup";
-export type { NewsletterSignupProps } from "./components/newsletter-signup";
-export { StorefrontInput } from "./primitives/input";
-export type { StorefrontInputProps } from "./primitives/input";
-export { LanguageSelector } from "./components/language-selector";
-export type { LanguageSelectorProps, LanguageOption } from "./components/language-selector";
-export { CountryRedirect } from "./components/country-redirect";
-export type { CountryRedirectProps, CountryInfo } from "./components/country-redirect";
-export { SectionNav } from "./components/section-nav";
-export type { SectionNavProps, SectionLink } from "./components/section-nav";
-export type { ColorTheme, TextContentVariant, GalleryVariant, LinkBlockVariant, TextContentWithImageVariant, } from "./types";
-//# sourceMappingURL=index.d.ts.map
+import { ColorTheme, GalleryVariant, LanguageOption, LanguageSelectorProps, LinkBlockVariant, TextContentVariant, TextContentWithImageVariant } from "./types.js";
+import { SelectOption, StorefrontSelect, StorefrontSelectProps } from "./primitives/select.js";
+import { AddressFieldGroup, AddressFieldGroupProps } from "./components/address-field-group.js";
+import { Badge, BadgeProps } from "./components/badge.js";
+import { CountryInfo, CountryRedirect, CountryRedirectProps } from "./components/country-redirect.js";
+import { LanguageSelector } from "./components/language-selector.js";
+import { NewsletterSignup, NewsletterSignupProps } from "./components/newsletter-signup.js";
+import { Price, PriceProps } from "./components/price.js";
+import { ProductTab, ProductTabs, ProductTabsProps } from "./components/product-tabs.js";
+import { SectionLink, SectionNav, SectionNavProps } from "./components/section-nav.js";
+import { ProductCardSkeleton, Skeleton, SkeletonProps } from "./components/skeleton.js";
+import { StarRating, StarRatingProps } from "./components/star-rating.js";
+import { VariantAxis, VariantOption, VariantSelector, VariantSelectorProps } from "./components/variant-selector.js";
+import { StorefrontInput, StorefrontInputProps } from "./primitives/input.js";
+import { PasswordInput, PasswordInputProps } from "./primitives/password-input.js";
+import { StorefrontCheckbox, StorefrontCheckboxProps } from "./primitives/checkbox.js";
+import { CountrySelect, CountrySelectProps, NORDIC_COUNTRIES } from "./primitives/country-select.js";
+import { SimpleSelect, SimpleSelectOption, SimpleSelectProps } from "../ui/simple-select.js";
+export { AddressFieldGroup, type AddressFieldGroupProps, Badge, type BadgeProps, type ColorTheme, type CountryInfo, CountryRedirect, type CountryRedirectProps, CountrySelect, type CountrySelectProps, type GalleryVariant, type LanguageOption, LanguageSelector, type LanguageSelectorProps, type LinkBlockVariant, NORDIC_COUNTRIES, NewsletterSignup, type NewsletterSignupProps, PasswordInput, type PasswordInputProps, Price, type PriceProps, ProductCardSkeleton, type ProductTab, ProductTabs, type ProductTabsProps, type SectionLink, SectionNav, type SectionNavProps, type SelectOption, SimpleSelect, type SimpleSelectOption, type SimpleSelectProps, Skeleton, type SkeletonProps, StarRating, type StarRatingProps, StorefrontCheckbox, type StorefrontCheckboxProps, StorefrontInput, type StorefrontInputProps, StorefrontSelect, type StorefrontSelectProps, type TextContentVariant, type TextContentWithImageVariant, type VariantAxis, type VariantOption, VariantSelector, type VariantSelectorProps };

package/dist/client/storefront/index.mjs

@@ -1,26 +1,18 @@
-import { Price } from "./components/price";
-import { Skeleton, ProductCardSkeleton } from "./components/skeleton";
-import { Badge } from "./components/badge";
-import { StarRating } from "./components/star-rating";
-import { ProductTabs } from "./components/product-tabs";
-import { VariantSelector } from "./components/variant-selector";
-import { NewsletterSignup } from "./components/newsletter-signup";
-import { StorefrontInput } from "./primitives/input";
-import { LanguageSelector } from "./components/language-selector";
-import { CountryRedirect } from "./components/country-redirect";
-import { SectionNav } from "./components/section-nav";
-export {
-  Badge,
-  CountryRedirect,
-  LanguageSelector,
-  NewsletterSignup,
-  Price,
-  ProductCardSkeleton,
-  ProductTabs,
-  SectionNav,
-  Skeleton,
-  StarRating,
-  StorefrontInput,
-  VariantSelector
-};
-//# sourceMappingURL=index.mjs.map
+import { Price } from "./components/price.mjs";
+import { ProductCardSkeleton, Skeleton } from "./components/skeleton.mjs";
+import { Badge } from "./components/badge.mjs";
+import { StarRating } from "./components/star-rating.mjs";
+import { ProductTabs } from "./components/product-tabs.mjs";
+import { VariantSelector } from "./components/variant-selector.mjs";
+import { NewsletterSignup } from "./components/newsletter-signup.mjs";
+import { StorefrontInput } from "./primitives/input.mjs";
+import { PasswordInput } from "./primitives/password-input.mjs";
+import { StorefrontSelect } from "./primitives/select.mjs";
+import { StorefrontCheckbox } from "./primitives/checkbox.mjs";
+import { CountrySelect, NORDIC_COUNTRIES } from "./primitives/country-select.mjs";
+import { AddressFieldGroup } from "./components/address-field-group.mjs";
+import { SimpleSelect } from "../ui/simple-select.mjs";
+import { LanguageSelector } from "./components/language-selector.mjs";
+import { CountryRedirect } from "./components/country-redirect.mjs";
+import { SectionNav } from "./components/section-nav.mjs";
+export { AddressFieldGroup, Badge, CountryRedirect, CountrySelect, LanguageSelector, NORDIC_COUNTRIES, NewsletterSignup, PasswordInput, Price, ProductCardSkeleton, ProductTabs, SectionNav, SimpleSelect, Skeleton, StarRating, StorefrontCheckbox, StorefrontInput, StorefrontSelect, VariantSelector };

package/dist/client/storefront/layout/footer.d.ts

@@ -1,4 +1,16 @@
-import type { FooterProps } from "../types";
-declare function Footer({ columns, bottomLinks, logo, paymentIcons, newsletterSlot, copyright, className, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+import { FooterProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/layout/footer.d.ts
+declare function Footer({
+  columns,
+  bottomLinks,
+  logo,
+  paymentIcons,
+  newsletterSlot,
+  copyright,
+  className
+}: FooterProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Footer, type FooterProps };
 //# sourceMappingURL=footer.d.ts.map

package/dist/client/storefront/layout/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/layout/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AA4B5C,iBAAS,MAAM,CAAC,EACd,OAAO,EACP,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,SAAS,EACT,SAAS,GACV,EAAE,WAAW,2CA2Cb;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}
+{"version":3,"file":"footer.d.ts","names":[],"sources":["../../../../src/client/storefront/layout/footer.tsx"],"mappings":";;;;iBA+BS,MAAA,CAAA;EACP,OAAA;EACA,WAAA;EACA,IAAA;EACA,YAAA;EACA,cAAA;EACA,SAAA;EACA;AAAA,GACC,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/layout/footer.mjs

@@ -1,56 +1,64 @@
+import { cn } from "../../ui/utils.mjs";
+import { Separator } from "../../ui-resolver/separator.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Separator } from "../../ui-resolver/separator";
-import { cn } from "../../ui/utils";
-function FooterLinkColumn({
-  title,
-  links
-}) {
-  return /* @__PURE__ */ jsxs("div", { children: [
-    title && /* @__PURE__ */ jsx("h3", { className: "mb-3 text-sm font-medium text-foreground", children: title }),
-    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: link.href,
-        className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
-        children: link.label
-      }
-    ) }, link.href)) })
-  ] });
+//#region src/client/storefront/layout/footer.tsx
+function FooterLinkColumn({ title, links }) {
+	return /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx("h3", {
+		className: "mb-3 text-sm font-medium text-foreground",
+		children: title
+	}), /* @__PURE__ */ jsx("ul", {
+		className: "flex flex-col gap-2",
+		children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+			href: link.href,
+			className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+			children: link.label
+		}) }, link.href))
+	})] });
 }
-function Footer({
-  columns,
-  bottomLinks,
-  logo,
-  paymentIcons,
-  newsletterSlot,
-  copyright,
-  className
-}) {
-  return /* @__PURE__ */ jsx("footer", { className: cn("bg-card text-card-foreground", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-4", children: [
-      columns.map((col, i) => /* @__PURE__ */ jsx(FooterLinkColumn, { title: col.title, links: col.links }, i)),
-      newsletterSlot && /* @__PURE__ */ jsx("div", { className: "col-span-2 md:col-span-1", children: newsletterSlot })
-    ] }),
-    paymentIcons && /* @__PURE__ */ jsx("div", { className: "mt-8 flex items-center gap-3", children: paymentIcons }),
-    /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
-        logo,
-        copyright && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: copyright })
-      ] }),
-      bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: "flex items-center gap-4", children: bottomLinks.map((link) => /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: link.href,
-          className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
-          children: link.label
-        },
-        link.href
-      )) })
-    ] })
-  ] }) });
+function Footer({ columns, bottomLinks, logo, paymentIcons, newsletterSlot, copyright, className }) {
+	return /* @__PURE__ */ jsx("footer", {
+		className: cn("bg-card text-card-foreground", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-4",
+					children: [columns.map((col, i) => /* @__PURE__ */ jsx(FooterLinkColumn, {
+						title: col.title,
+						links: col.links
+					}, i)), newsletterSlot && /* @__PURE__ */ jsx("div", {
+						className: "col-span-2 md:col-span-1",
+						children: newsletterSlot
+					})]
+				}),
+				paymentIcons && /* @__PURE__ */ jsx("div", {
+					className: "mt-8 flex items-center gap-3",
+					children: paymentIcons
+				}),
+				/* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-between gap-4 sm:flex-row",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-6",
+						children: [logo, copyright && /* @__PURE__ */ jsx("span", {
+							className: "text-sm text-muted-foreground",
+							children: copyright
+						})]
+					}), bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("nav", {
+						className: "flex items-center gap-4",
+						children: bottomLinks.map((link) => /* @__PURE__ */ jsx("a", {
+							href: link.href,
+							className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+							children: link.label
+						}, link.href))
+					})]
+				})
+			]
+		})
+	});
 }
-export {
-  Footer
-};
+//#endregion
+export { Footer };
+
 //# sourceMappingURL=footer.mjs.map