@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/motion/config.mjs

@@ -0,0 +1,44 @@
+const springs = {
+  /** Snappy feedback for buttons and toggles. */
+  snappy: "cubic-bezier(0.32, 0.72, 0, 1)",
+  /** Smooth transitions for panels and modals. */
+  smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+  /** Bouncy entrance for elements entering the viewport. */
+  bouncy: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+  /** Gentle ease for subtle hover effects. */
+  gentle: "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+function getDuration(delight) {
+  if (delight <= 0) return 0;
+  return Math.round(100 + delight / 100 * 300);
+}
+function getMotionConfig(delight) {
+  const duration = getDuration(delight);
+  const enabled = delight > 0;
+  return {
+    enabled,
+    duration,
+    /** CSS duration string. */
+    durationMs: `${duration}ms`,
+    /** Scale factor for hover feedback (1 = no scale). */
+    hoverScale: enabled ? 1 + delight / 100 * 0.03 : 1,
+    /** Y-translate for press feedback in px. */
+    pressTranslateY: enabled ? Math.round(1 + delight / 100) : 0,
+    /** Scale for press feedback. */
+    pressScale: enabled ? 1 - delight / 100 * 0.02 : 1,
+    /** Distance in px elements travel during entry animation. */
+    entryDistance: enabled ? Math.round(8 + delight / 100 * 16) : 0,
+    /** Stagger delay between siblings in ms. */
+    staggerDelay: enabled ? Math.round(30 + delight / 100 * 50) : 0,
+    /** Preferred easing curve. */
+    easing: enabled ? springs.snappy : "linear",
+    /** Entry animation easing. */
+    entryEasing: enabled ? springs.smooth : "linear"
+  };
+}
+export {
+  getDuration,
+  getMotionConfig,
+  springs
+};
+//# sourceMappingURL=config.mjs.map

package/dist/client/motion/config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/motion/config.ts"],"sourcesContent":["/**\n * Motion configuration tied to the theme's delight level (0-100).\n *\n * Delight 0 = no motion. Delight 100 = full spring physics.\n * `prefers-reduced-motion` overrides everything to zero.\n */\n\n/** Spring physics presets for different interaction types. */\nexport const springs = {\n  /** Snappy feedback for buttons and toggles. */\n  snappy: \"cubic-bezier(0.32, 0.72, 0, 1)\",\n  /** Smooth transitions for panels and modals. */\n  smooth: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n  /** Bouncy entrance for elements entering the viewport. */\n  bouncy: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n  /** Gentle ease for subtle hover effects. */\n  gentle: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n} as const;\n\n/** Duration scale mapped to delight level. */\nexport function getDuration(delight: number): number {\n  if (delight <= 0) return 0;\n  // Scale from 100ms (delight 1) to 400ms (delight 100)\n  return Math.round(100 + (delight / 100) * 300);\n}\n\n/** Full motion config derived from a delight level. */\nexport function getMotionConfig(delight: number) {\n  const duration = getDuration(delight);\n  const enabled = delight > 0;\n\n  return {\n    enabled,\n    duration,\n    /** CSS duration string. */\n    durationMs: `${duration}ms`,\n    /** Scale factor for hover feedback (1 = no scale). */\n    hoverScale: enabled ? 1 + (delight / 100) * 0.03 : 1,\n    /** Y-translate for press feedback in px. */\n    pressTranslateY: enabled ? Math.round(1 + delight / 100) : 0,\n    /** Scale for press feedback. */\n    pressScale: enabled ? 1 - (delight / 100) * 0.02 : 1,\n    /** Distance in px elements travel during entry animation. */\n    entryDistance: enabled ? Math.round(8 + (delight / 100) * 16) : 0,\n    /** Stagger delay between siblings in ms. */\n    staggerDelay: enabled ? Math.round(30 + (delight / 100) * 50) : 0,\n    /** Preferred easing curve. */\n    easing: enabled ? springs.snappy : \"linear\",\n    /** Entry animation easing. */\n    entryEasing: enabled ? springs.smooth : \"linear\",\n  } as const;\n}\n\nexport type MotionConfig = ReturnType<typeof getMotionConfig>;\n"],"mappings":"AAQO,MAAM,UAAU;AAAA;AAAA,EAErB,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AACV;AAGO,SAAS,YAAY,SAAyB;AACnD,MAAI,WAAW,EAAG,QAAO;AAEzB,SAAO,KAAK,MAAM,MAAO,UAAU,MAAO,GAAG;AAC/C;AAGO,SAAS,gBAAgB,SAAiB;AAC/C,QAAM,WAAW,YAAY,OAAO;AACpC,QAAM,UAAU,UAAU;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA,IAEA,YAAY,GAAG,QAAQ;AAAA;AAAA,IAEvB,YAAY,UAAU,IAAK,UAAU,MAAO,OAAO;AAAA;AAAA,IAEnD,iBAAiB,UAAU,KAAK,MAAM,IAAI,UAAU,GAAG,IAAI;AAAA;AAAA,IAE3D,YAAY,UAAU,IAAK,UAAU,MAAO,OAAO;AAAA;AAAA,IAEnD,eAAe,UAAU,KAAK,MAAM,IAAK,UAAU,MAAO,EAAE,IAAI;AAAA;AAAA,IAEhE,cAAc,UAAU,KAAK,MAAM,KAAM,UAAU,MAAO,EAAE,IAAI;AAAA;AAAA,IAEhE,QAAQ,UAAU,QAAQ,SAAS;AAAA;AAAA,IAEnC,aAAa,UAAU,QAAQ,SAAS;AAAA,EAC1C;AACF;","names":[]}

package/dist/client/motion/hover.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Hover and press feedback utilities.
+ *
+ * Generates CSS class strings and inline styles for interactive elements
+ * based on the current motion config.
+ */
+import type { MotionConfig } from "./config";
+/**
+ * Returns a Tailwind-compatible class string for hover/press feedback.
+ *
+ * When motion is disabled, returns an empty string.
+ *
+ * @example
+ * ```tsx
+ * <button className={`base-classes ${hoverFeedbackClass(motion)}`}>
+ *   Click me
+ * </button>
+ * ```
+ */
+export declare function hoverFeedbackClass(config: MotionConfig): string;
+/**
+ * Returns inline CSS custom properties that drive the hover/press feedback.
+ * Spread these onto the element's style prop alongside `hoverFeedbackClass`.
+ *
+ * @example
+ * ```tsx
+ * <button
+ *   className={hoverFeedbackClass(motion)}
+ *   style={hoverFeedbackStyle(motion)}
+ * >
+ *   Click me
+ * </button>
+ * ```
+ */
+export declare function hoverFeedbackStyle(config: MotionConfig): React.CSSProperties;
+//# sourceMappingURL=hover.d.ts.map

package/dist/client/motion/hover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../src/client/motion/hover.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAG/D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,aAAa,CAU5E"}

package/dist/client/motion/hover.mjs

@@ -0,0 +1,19 @@
+function hoverFeedbackClass(config) {
+  if (!config.enabled) return "";
+  return "enad-hover-feedback";
+}
+function hoverFeedbackStyle(config) {
+  if (!config.enabled) return {};
+  return {
+    "--enad-hover-scale": String(config.hoverScale),
+    "--enad-press-scale": String(config.pressScale),
+    "--enad-press-y": `${config.pressTranslateY}px`,
+    "--enad-motion-duration": config.durationMs,
+    "--enad-motion-easing": config.easing
+  };
+}
+export {
+  hoverFeedbackClass,
+  hoverFeedbackStyle
+};
+//# sourceMappingURL=hover.mjs.map

package/dist/client/motion/hover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/motion/hover.ts"],"sourcesContent":["/**\n * Hover and press feedback utilities.\n *\n * Generates CSS class strings and inline styles for interactive elements\n * based on the current motion config.\n */\n\nimport type { MotionConfig } from \"./config\";\n\n/**\n * Returns a Tailwind-compatible class string for hover/press feedback.\n *\n * When motion is disabled, returns an empty string.\n *\n * @example\n * ```tsx\n * <button className={`base-classes ${hoverFeedbackClass(motion)}`}>\n *   Click me\n * </button>\n * ```\n */\nexport function hoverFeedbackClass(config: MotionConfig): string {\n  if (!config.enabled) return \"\";\n  return \"enad-hover-feedback\";\n}\n\n/**\n * Returns inline CSS custom properties that drive the hover/press feedback.\n * Spread these onto the element's style prop alongside `hoverFeedbackClass`.\n *\n * @example\n * ```tsx\n * <button\n *   className={hoverFeedbackClass(motion)}\n *   style={hoverFeedbackStyle(motion)}\n * >\n *   Click me\n * </button>\n * ```\n */\nexport function hoverFeedbackStyle(config: MotionConfig): React.CSSProperties {\n  if (!config.enabled) return {};\n\n  return {\n    \"--enad-hover-scale\": String(config.hoverScale),\n    \"--enad-press-scale\": String(config.pressScale),\n    \"--enad-press-y\": `${config.pressTranslateY}px`,\n    \"--enad-motion-duration\": config.durationMs,\n    \"--enad-motion-easing\": config.easing,\n  } as React.CSSProperties;\n}\n"],"mappings":"AAqBO,SAAS,mBAAmB,QAA8B;AAC/D,MAAI,CAAC,OAAO,QAAS,QAAO;AAC5B,SAAO;AACT;AAgBO,SAAS,mBAAmB,QAA2C;AAC5E,MAAI,CAAC,OAAO,QAAS,QAAO,CAAC;AAE7B,SAAO;AAAA,IACL,sBAAsB,OAAO,OAAO,UAAU;AAAA,IAC9C,sBAAsB,OAAO,OAAO,UAAU;AAAA,IAC9C,kBAAkB,GAAG,OAAO,eAAe;AAAA,IAC3C,0BAA0B,OAAO;AAAA,IACjC,wBAAwB,OAAO;AAAA,EACjC;AACF;","names":[]}

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

@@ -0,0 +1,4 @@
+export { springs, getDuration, getMotionConfig, type MotionConfig } from "./config";
+export { staggerChildStyle, staggerEntryClass } from "./stagger";
+export { hoverFeedbackClass, hoverFeedbackStyle } from "./hover";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/motion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/client/motion/index.mjs

@@ -0,0 +1,13 @@
+import { springs, getDuration, getMotionConfig } from "./config";
+import { staggerChildStyle, staggerEntryClass } from "./stagger";
+import { hoverFeedbackClass, hoverFeedbackStyle } from "./hover";
+export {
+  getDuration,
+  getMotionConfig,
+  hoverFeedbackClass,
+  hoverFeedbackStyle,
+  springs,
+  staggerChildStyle,
+  staggerEntryClass
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/motion/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/motion/index.ts"],"sourcesContent":["export { springs, getDuration, getMotionConfig, type MotionConfig } from \"./config\";\nexport { staggerChildStyle, staggerEntryClass } from \"./stagger\";\nexport { hoverFeedbackClass, hoverFeedbackStyle } from \"./hover\";\n"],"mappings":"AAAA,SAAS,SAAS,aAAa,uBAA0C;AACzE,SAAS,mBAAmB,yBAAyB;AACrD,SAAS,oBAAoB,0BAA0B;","names":[]}

package/dist/client/motion/stagger.d.ts

@@ -0,0 +1,36 @@
+/**
+ * CSS-based staggered entry animation for list/grid children.
+ *
+ * Works by setting a `--stagger-index` CSS custom property on each child,
+ * which drives the animation-delay. No JS animation runtime needed.
+ */
+import type { MotionConfig } from "./config";
+/**
+ * Returns inline style for a staggered child element.
+ *
+ * @param index - The child's position in the list (0-based).
+ * @param config - Motion config from `getMotionConfig(delight)`.
+ * @returns CSS properties to spread onto the element's style prop.
+ *
+ * @example
+ * ```tsx
+ * {items.map((item, i) => (
+ *   <div
+ *     key={item.id}
+ *     className={staggerEntryClass(motion)}
+ *     style={staggerChildStyle(i, motion)}
+ *   >
+ *     {item.name}
+ *   </div>
+ * ))}
+ * ```
+ */
+export declare function staggerChildStyle(index: number, config: MotionConfig): React.CSSProperties;
+/**
+ * CSS class name for the stagger entry animation.
+ * Pair with the `@keyframes enad-stagger-entry` defined in styles.css.
+ *
+ * Returns empty string when motion is disabled.
+ */
+export declare function staggerEntryClass(config: MotionConfig): string;
+//# sourceMappingURL=stagger.d.ts.map

package/dist/client/motion/stagger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stagger.d.ts","sourceRoot":"","sources":["../../../src/client/motion/stagger.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,aAAa,CAS1F;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAE9D"}

package/dist/client/motion/stagger.mjs

@@ -0,0 +1,17 @@
+function staggerChildStyle(index, config) {
+  if (!config.enabled) return {};
+  return {
+    animationDelay: `${index * config.staggerDelay}ms`,
+    animationDuration: `${config.duration}ms`,
+    animationTimingFunction: config.entryEasing,
+    animationFillMode: "both"
+  };
+}
+function staggerEntryClass(config) {
+  return config.enabled ? "enad-stagger-entry" : "";
+}
+export {
+  staggerChildStyle,
+  staggerEntryClass
+};
+//# sourceMappingURL=stagger.mjs.map

package/dist/client/motion/stagger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/motion/stagger.ts"],"sourcesContent":["/**\n * CSS-based staggered entry animation for list/grid children.\n *\n * Works by setting a `--stagger-index` CSS custom property on each child,\n * which drives the animation-delay. No JS animation runtime needed.\n */\n\nimport type { MotionConfig } from \"./config\";\n\n/**\n * Returns inline style for a staggered child element.\n *\n * @param index - The child's position in the list (0-based).\n * @param config - Motion config from `getMotionConfig(delight)`.\n * @returns CSS properties to spread onto the element's style prop.\n *\n * @example\n * ```tsx\n * {items.map((item, i) => (\n *   <div\n *     key={item.id}\n *     className={staggerEntryClass(motion)}\n *     style={staggerChildStyle(i, motion)}\n *   >\n *     {item.name}\n *   </div>\n * ))}\n * ```\n */\nexport function staggerChildStyle(index: number, config: MotionConfig): React.CSSProperties {\n  if (!config.enabled) return {};\n\n  return {\n    animationDelay: `${index * config.staggerDelay}ms`,\n    animationDuration: `${config.duration}ms`,\n    animationTimingFunction: config.entryEasing,\n    animationFillMode: \"both\",\n  };\n}\n\n/**\n * CSS class name for the stagger entry animation.\n * Pair with the `@keyframes enad-stagger-entry` defined in styles.css.\n *\n * Returns empty string when motion is disabled.\n */\nexport function staggerEntryClass(config: MotionConfig): string {\n  return config.enabled ? \"enad-stagger-entry\" : \"\";\n}\n"],"mappings":"AA6BO,SAAS,kBAAkB,OAAe,QAA2C;AAC1F,MAAI,CAAC,OAAO,QAAS,QAAO,CAAC;AAE7B,SAAO;AAAA,IACL,gBAAgB,GAAG,QAAQ,OAAO,YAAY;AAAA,IAC9C,mBAAmB,GAAG,OAAO,QAAQ;AAAA,IACrC,yBAAyB,OAAO;AAAA,IAChC,mBAAmB;AAAA,EACrB;AACF;AAQO,SAAS,kBAAkB,QAA8B;AAC9D,SAAO,OAAO,UAAU,uBAAuB;AACjD;","names":[]}

package/dist/client/search/actions/searchAction.d.ts

@@ -0,0 +1,2 @@
+export declare const searchAction: (query: string, filters: Record<string, unknown>) => Promise<never[] | import("@enadhq/enad-ts-sdk").SearchResponse<import("@enadhq/enad-ts-sdk").EnadSearchProduct>>;
+//# sourceMappingURL=searchAction.d.ts.map

package/dist/client/search/actions/searchAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchAction.d.ts","sourceRoot":"","sources":["../../../../src/client/search/actions/searchAction.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAU,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,qHAcjF,CAAA"}

package/dist/client/search/actions/searchAction.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/search/actions/searchAction.ts"],"sourcesContent":["\"use server\"\n\nimport { shopperClient } from \"../../user/clients/enad\"\n\nexport const searchAction = async (query: string, filters: Record<string, any>) => {\n  if (!query) return []\n\n  try {\n    const [data, error] = await shopperClient.products.search(query, filters)\n\n    if (error) throw error\n\n    console.log(\"res\", data)\n    return data\n  } catch (err) {\n    console.error(\"SearchAction error:\", err)\n    throw err\n  }\n}\n"],"mappings":";AAEA,SAAS,qBAAqB;AAEvB,MAAM,eAAe,OAAO,OAAe,YAAiC;AACjF,MAAI,CAAC,MAAO,QAAO,CAAC;AAEpB,MAAI;AACF,UAAM,CAAC,MAAM,KAAK,IAAI,MAAM,cAAc,SAAS,OAAO,OAAO,OAAO;AAExE,QAAI,MAAO,OAAM;AAEjB,YAAQ,IAAI,OAAO,IAAI;AACvB,WAAO;AAAA,EACT,SAAS,KAAK;AACZ,YAAQ,MAAM,uBAAuB,GAAG;AACxC,UAAM;AAAA,EACR;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/client/search/actions/searchAction.ts"],"sourcesContent":["\"use server\"\n\nimport { shopperClient } from \"../../user/clients/enad\"\n\nexport const searchAction = async (query: string, filters: Record<string, unknown>) => {\n  if (!query) return []\n\n  try {\n    const [data, error] = await shopperClient.products.search(query, filters)\n\n    if (error) throw error\n\n    console.log(\"res\", data)\n    return data\n  } catch (err) {\n    console.error(\"SearchAction error:\", err)\n    throw err\n  }\n}\n"],"mappings":";AAEA,SAAS,qBAAqB;AAEvB,MAAM,eAAe,OAAO,OAAe,YAAqC;AACrF,MAAI,CAAC,MAAO,QAAO,CAAC;AAEpB,MAAI;AACF,UAAM,CAAC,MAAM,KAAK,IAAI,MAAM,cAAc,SAAS,OAAO,OAAO,OAAO;AAExE,QAAI,MAAO,OAAM;AAEjB,YAAQ,IAAI,OAAO,IAAI;AACvB,WAAO;AAAA,EACT,SAAS,KAAK;AACZ,YAAQ,MAAM,uBAAuB,GAAG;AACxC,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/client/search/components/search-bar.d.ts

@@ -0,0 +1,8 @@
+interface SearchBarProps {
+    placeholder?: string;
+    onSearch?: (query: string) => void;
+    defaultValue?: string;
+}
+export declare const SearchBar: ({ placeholder, onSearch, defaultValue }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/client/search/components/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/client/search/components/search-bar.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAc;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,SAAS,GAAI,yCAA4D,cAAc,4CAwBnG,CAAA"}

package/dist/client/search/components/search-bar.mjs

@@ -1 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../../icons/icon-context";
+import { useState } from "react";
+import { StorefrontButton } from "../../storefront/primitives/button";
+import { Input } from "../../ui/input";
+const SearchBar = ({ placeholder = "Search...", onSearch, defaultValue = "" }) => {
+  const SearchIcon = useIcon("search");
+  const [value, setValue] = useState(defaultValue);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSearch?.(value);
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "search",
+        value,
+        onChange: (e) => setValue(e.target.value),
+        placeholder,
+        className: "flex-1"
+      }
+    ),
+    /* @__PURE__ */ jsxs(StorefrontButton, { type: "submit", children: [
+      /* @__PURE__ */ jsx(SearchIcon, { "data-icon": "inline-start" }),
+      "Search"
+    ] })
+  ] });
+};
+export {
+  SearchBar
+};
 //# sourceMappingURL=search-bar.mjs.map

package/dist/client/search/components/search-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../../src/client/search/components/search-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport { useIcon } from \"../../icons/icon-context\"\nimport { useState } from \"react\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\nimport { Input } from \"../../ui/input\"\n\ninterface SearchBarProps {\n  placeholder?: string\n  onSearch?: (query: string) => void\n  defaultValue?: string\n}\n\nexport const SearchBar = ({ placeholder = \"Search...\", onSearch, defaultValue = \"\" }: SearchBarProps) => {\n  const SearchIcon = useIcon(\"search\")\n  const [value, setValue] = useState(defaultValue)\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    onSearch?.(value)\n  }\n\n  return (\n    <form onSubmit={handleSubmit} className=\"flex items-center gap-2\">\n      <Input\n        type=\"search\"\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        placeholder={placeholder}\n        className=\"flex-1\"\n      />\n      <StorefrontButton type=\"submit\">\n        <SearchIcon data-icon=\"inline-start\" />\n        Search\n      </StorefrontButton>\n    </form>\n  )\n}\n"],"mappings":";AAwBM,cAOA,YAPA;AAtBN,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,aAAa;AAQf,MAAM,YAAY,CAAC,EAAE,cAAc,aAAa,UAAU,eAAe,GAAG,MAAsB;AACvG,QAAM,aAAa,QAAQ,QAAQ;AACnC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,QAAM,eAAe,CAAC,MAAwC;AAC5D,MAAE,eAAe;AACjB,eAAW,KAAK;AAAA,EAClB;AAEA,SACE,qBAAC,UAAK,UAAU,cAAc,WAAU,2BACtC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,QACxC;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IACA,qBAAC,oBAAiB,MAAK,UACrB;AAAA,0BAAC,cAAW,aAAU,gBAAe;AAAA,MAAE;AAAA,OAEzC;AAAA,KACF;AAEJ;","names":[]}

package/dist/client/search/hooks/useSearch.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Search
+ */
+export declare const useSearch: () => {
+    query: string;
+    setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    filters: Record<string, unknown>;
+    setFilters: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
+    result: import("@enadhq/enad-ts-sdk").SearchResponse<import("@enadhq/enad-ts-sdk").EnadSearchProduct> | undefined;
+    loading: boolean;
+    error: Error | null;
+    performSearch: () => void;
+};
+//# sourceMappingURL=useSearch.d.ts.map

package/dist/client/search/hooks/useSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../../src/client/search/hooks/useSearch.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;CAkCrB,CAAA"}

package/dist/client/search/hooks/useSearch.mjs

@@ -11,7 +11,7 @@ const useSearch = () => {
     queryFn: async () => {
       return searchAction(activeQuery, filters);
     },
-    enabled: !!activeQuery,
+    enabled: Boolean(activeQuery),
     // run only when performSearch is called
     staleTime: 1e3 * 30
   });

package/dist/client/search/hooks/useSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/search/hooks/useSearch.ts"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { searchAction } from \"../actions/searchAction\"\n\n/**\n * Search\n */\nexport const useSearch = () => {\n  const [query, setQuery] = useState(\"\")\n  const [filters, setFilters] = useState<Record<string, any>>({})\n  const [activeQuery, setActiveQuery] = useState<string>(\"\") // query actually used for search\n\n  const { data, isLoading, isError, error, refetch } = useQuery({\n    queryKey: [\"products-search\", activeQuery, filters],\n    queryFn: async () => {\n      return searchAction(activeQuery, filters)\n    },\n    enabled: !!activeQuery, // run only when performSearch is called\n    staleTime: 1000 * 30,\n  })\n\n  /**\n   * Manually trigger a search using the current `query` and `filters`.\n   */\n  const performSearch = () => {\n    // Only trigger if query has content\n    if (query.trim() === \"\") return\n    setActiveQuery(query)\n    refetch()\n  }\n\n  return {\n    query,\n    setQuery,\n    filters,\n    setFilters,\n    result: Array.isArray(data) ? undefined : data,\n    loading: isLoading,\n    error: isError ? error : null,\n    performSearch,\n  }\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAKtB,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8B,CAAC,CAAC;AAC9D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AAEzD,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,SAAS;AAAA,IAC5D,UAAU,CAAC,mBAAmB,aAAa,OAAO;AAAA,IAClD,SAAS,YAAY;AACnB,aAAO,aAAa,aAAa,OAAO;AAAA,IAC1C;AAAA,IACA,SAAS,CAAC,CAAC;AAAA;AAAA,IACX,WAAW,MAAO;AAAA,EACpB,CAAC;AAKD,QAAM,gBAAgB,MAAM;AAE1B,QAAI,MAAM,KAAK,MAAM,GAAI;AACzB,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,QAAQ,IAAI,IAAI,SAAY;AAAA,IAC1C,SAAS;AAAA,IACT,OAAO,UAAU,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/client/search/hooks/useSearch.ts"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { searchAction } from \"../actions/searchAction\"\n\n/**\n * Search\n */\nexport const useSearch = () => {\n  const [query, setQuery] = useState(\"\")\n  const [filters, setFilters] = useState<Record<string, unknown>>({})\n  const [activeQuery, setActiveQuery] = useState<string>(\"\") // query actually used for search\n\n  const { data, isLoading, isError, error, refetch } = useQuery({\n    queryKey: [\"products-search\", activeQuery, filters],\n    queryFn: async () => {\n      return searchAction(activeQuery, filters)\n    },\n    enabled: Boolean(activeQuery), // run only when performSearch is called\n    staleTime: 1000 * 30,\n  })\n\n  /**\n   * Manually trigger a search using the current `query` and `filters`.\n   */\n  const performSearch = () => {\n    // Only trigger if query has content\n    if (query.trim() === \"\") return\n    setActiveQuery(query)\n    refetch()\n  }\n\n  return {\n    query,\n    setQuery,\n    filters,\n    setFilters,\n    result: Array.isArray(data) ? undefined : data,\n    loading: isLoading,\n    error: isError ? error : null,\n    performSearch,\n  }\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAKtB,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkC,CAAC,CAAC;AAClE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AAEzD,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,SAAS;AAAA,IAC5D,UAAU,CAAC,mBAAmB,aAAa,OAAO;AAAA,IAClD,SAAS,YAAY;AACnB,aAAO,aAAa,aAAa,OAAO;AAAA,IAC1C;AAAA,IACA,SAAS,QAAQ,WAAW;AAAA;AAAA,IAC5B,WAAW,MAAO;AAAA,EACpB,CAAC;AAKD,QAAM,gBAAgB,MAAM;AAE1B,QAAI,MAAM,KAAK,MAAM,GAAI;AACzB,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,QAAQ,IAAI,IAAI,SAAY;AAAA,IAC1C,SAAS;AAAA,IACT,OAAO,UAAU,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,2 @@
+export { useSearch } from "./hooks/useSearch";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/client/search/index.mjs

@@ -0,0 +1,5 @@
+import { useSearch } from "./hooks/useSearch";
+export {
+  useSearch
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/search/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/search/index.ts"],"sourcesContent":["export { useSearch } from \"./hooks/useSearch\"\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/client/storefront/blocks/accordion-block.d.ts

@@ -0,0 +1,4 @@
+import type { AccordionBlockProps } from "../types";
+declare function AccordionBlock({ items, defaultValue, className }: AccordionBlockProps): import("react/jsx-runtime").JSX.Element;
+export { AccordionBlock, type AccordionBlockProps };
+//# sourceMappingURL=accordion-block.d.ts.map

package/dist/client/storefront/blocks/accordion-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-block.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/accordion-block.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CA6B9E;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}

package/dist/client/storefront/blocks/accordion-block.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../../ui-resolver/accordion";
+import { cn } from "../../ui/utils";
+const variantClasses = {
+  standard: "prose prose-sm max-w-none",
+  "technical-data": "font-mono text-sm",
+  downloads: ""
+};
+function AccordionBlock({ items, defaultValue, className }) {
+  return /* @__PURE__ */ jsx(
+    Accordion,
+    {
+      type: "single",
+      collapsible: true,
+      defaultValue,
+      className: cn("w-full", className),
+      children: items.map((item, index) => {
+        const value = item.id ?? `item-${index}`;
+        const variant = item.variant ?? "standard";
+        return /* @__PURE__ */ jsxs(AccordionItem, { value, children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-base font-medium", children: item.title }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: variant === "downloads" && item.children ? item.children : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: variantClasses[variant],
+              dangerouslySetInnerHTML: { __html: item.content }
+            }
+          ) })
+        ] }, value);
+      })
+    }
+  );
+}
+export {
+  AccordionBlock
+};
+//# sourceMappingURL=accordion-block.mjs.map

package/dist/client/storefront/blocks/accordion-block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/accordion-block.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"../../ui-resolver/accordion\";\nimport { cn } from \"../../ui/utils\";\nimport type { AccordionBlockProps } from \"../types\";\n\nconst variantClasses: Record<string, string> = {\n  standard: \"prose prose-sm max-w-none\",\n  \"technical-data\": \"font-mono text-sm\",\n  downloads: \"\",\n};\n\nfunction AccordionBlock({ items, defaultValue, className }: AccordionBlockProps) {\n  return (\n    <Accordion\n      type=\"single\"\n      collapsible\n      defaultValue={defaultValue}\n      className={cn(\"w-full\", className)}\n    >\n      {items.map((item, index) => {\n        const value = item.id ?? `item-${index}`;\n        const variant = item.variant ?? \"standard\";\n        return (\n          <AccordionItem key={value} value={value}>\n            <AccordionTrigger className=\"text-base font-medium\">{item.title}</AccordionTrigger>\n            <AccordionContent>\n              {variant === \"downloads\" && item.children ? (\n                item.children\n              ) : (\n                <div\n                  className={variantClasses[variant]}\n                  dangerouslySetInnerHTML={{ __html: item.content }}\n                />\n              )}\n            </AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordion>\n  );\n}\n\nexport { AccordionBlock, type AccordionBlockProps };\n"],"mappings":";AA8BU,SACE,KADF;AA3BV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAGnB,MAAM,iBAAyC;AAAA,EAC7C,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,WAAW;AACb;AAEA,SAAS,eAAe,EAAE,OAAO,cAAc,UAAU,GAAwB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAW;AAAA,MACX;AAAA,MACA,WAAW,GAAG,UAAU,SAAS;AAAA,MAEhC,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,cAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK;AACtC,cAAM,UAAU,KAAK,WAAW;AAChC,eACE,qBAAC,iBAA0B,OACzB;AAAA,8BAAC,oBAAiB,WAAU,yBAAyB,eAAK,OAAM;AAAA,UAChE,oBAAC,oBACE,sBAAY,eAAe,KAAK,WAC/B,KAAK,WAEL;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,eAAe,OAAO;AAAA,cACjC,yBAAyB,EAAE,QAAQ,KAAK,QAAQ;AAAA;AAAA,UAClD,GAEJ;AAAA,aAXkB,KAYpB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/client/storefront/blocks/card-image-with-caption.d.ts

@@ -0,0 +1,4 @@
+import type { CardImageWithCaptionProps } from "../types";
+declare function CardImageWithCaption({ image, title, caption, className, }: CardImageWithCaptionProps): import("react/jsx-runtime").JSX.Element;
+export { CardImageWithCaption, type CardImageWithCaptionProps };
+//# sourceMappingURL=card-image-with-caption.d.ts.map

package/dist/client/storefront/blocks/card-image-with-caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-image-with-caption.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/card-image-with-caption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEzD,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,2CAsB3B;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,CAAA"}

package/dist/client/storefront/blocks/card-image-with-caption.mjs

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+function CardImageWithCaption({
+  image,
+  title,
+  caption,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("figure", { className: cn("overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "relative aspect-[4/5] bg-muted", children: image?.src ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: image.src,
+        alt: image.alt ?? title ?? "",
+        className: "size-full object-cover"
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" }) }),
+    (title || caption) && /* @__PURE__ */ jsxs("figcaption", { className: "mt-3", children: [
+      title && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: title }),
+      caption && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: caption })
+    ] })
+  ] });
+}
+export {
+  CardImageWithCaption
+};
+//# sourceMappingURL=card-image-with-caption.mjs.map

package/dist/client/storefront/blocks/card-image-with-caption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/card-image-with-caption.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { CardImageWithCaptionProps } from \"../types\"\n\nfunction CardImageWithCaption({\n  image,\n  title,\n  caption,\n  className,\n}: CardImageWithCaptionProps) {\n  return (\n    <figure className={cn(\"overflow-hidden\", className)}>\n      <div className=\"relative aspect-[4/5] bg-muted\">\n        {image?.src ? (\n          <img\n            src={image.src}\n            alt={image.alt ?? title ?? \"\"}\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <div className=\"size-full bg-muted\" />\n        )}\n      </div>\n      {(title || caption) && (\n        <figcaption className=\"mt-3\">\n          {title && <p className=\"text-sm font-medium text-foreground\">{title}</p>}\n          {caption && <p className=\"mt-1 text-sm text-muted-foreground\">{caption}</p>}\n        </figcaption>\n      )}\n    </figure>\n  )\n}\n\nexport { CardImageWithCaption, type CardImageWithCaptionProps }\n"],"mappings":"AAcU,cAUF,YAVE;AAbV,SAAS,UAAU;AAGnB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,qBAAC,YAAO,WAAW,GAAG,mBAAmB,SAAS,GAChD;AAAA,wBAAC,SAAI,WAAU,kCACZ,iBAAO,MACN;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,MAAM;AAAA,QACX,KAAK,MAAM,OAAO,SAAS;AAAA,QAC3B,WAAU;AAAA;AAAA,IACZ,IAEA,oBAAC,SAAI,WAAU,sBAAqB,GAExC;AAAA,KACE,SAAS,YACT,qBAAC,gBAAW,WAAU,QACnB;AAAA,eAAS,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,MACnE,WAAW,oBAAC,OAAE,WAAU,sCAAsC,mBAAQ;AAAA,OACzE;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/client/storefront/blocks/card-video.d.ts

@@ -0,0 +1,4 @@
+import type { CardVideoProps } from "../types";
+declare function CardVideo({ thumbnail, videoUrl, title, caption, aspectRatio, className, }: CardVideoProps): import("react/jsx-runtime").JSX.Element;
+export { CardVideo, type CardVideoProps };
+//# sourceMappingURL=card-video.d.ts.map

package/dist/client/storefront/blocks/card-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-video.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/card-video.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAQ9C,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAoB,EACpB,SAAS,GACV,EAAE,cAAc,2CAyChB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}

package/dist/client/storefront/blocks/card-video.mjs

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../../icons/icon-context";
+import { cn } from "../../ui/utils";
+const aspectClasses = {
+  "4:3": "aspect-[4/3]",
+  "1:1": "aspect-square",
+  "16:9": "aspect-video"
+};
+function CardVideo({
+  thumbnail,
+  videoUrl,
+  title,
+  caption,
+  aspectRatio = "16:9",
+  className
+}) {
+  const PlayIcon = useIcon("play");
+  const card = /* @__PURE__ */ jsxs("div", { className: cn("group overflow-hidden", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("relative bg-muted", aspectClasses[aspectRatio]), children: [
+      thumbnail?.src ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: thumbnail.src,
+          alt: thumbnail.alt ?? title ?? "",
+          className: "size-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 transition-colors group-hover:bg-black/30", children: /* @__PURE__ */ jsx("div", { className: "flex size-14 items-center justify-center rounded-full bg-white/90 text-foreground transition-transform group-hover:scale-110", children: /* @__PURE__ */ jsx(PlayIcon, { className: "ml-0.5 size-6 fill-current" }) }) })
+    ] }),
+    (title || caption) && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      title && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: title }),
+      caption && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: caption })
+    ] })
+  ] });
+  if (videoUrl) {
+    return /* @__PURE__ */ jsx("a", { href: videoUrl, target: "_blank", rel: "noopener noreferrer", className: "block", children: card });
+  }
+  return card;
+}
+export {
+  CardVideo
+};
+//# sourceMappingURL=card-video.mjs.map

package/dist/client/storefront/blocks/card-video.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/card-video.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\nimport type { CardVideoProps } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"4:3\": \"aspect-[4/3]\",\n  \"1:1\": \"aspect-square\",\n  \"16:9\": \"aspect-video\",\n}\n\nfunction CardVideo({\n  thumbnail,\n  videoUrl,\n  title,\n  caption,\n  aspectRatio = \"16:9\",\n  className,\n}: CardVideoProps) {\n  const PlayIcon = useIcon(\"play\")\n  const card = (\n    <div className={cn(\"group overflow-hidden\", className)}>\n      <div className={cn(\"relative bg-muted\", aspectClasses[aspectRatio])}>\n        {thumbnail?.src ? (\n          <img\n            src={thumbnail.src}\n            alt={thumbnail.alt ?? title ?? \"\"}\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <div className=\"size-full bg-muted\" />\n        )}\n\n        {/* Play button overlay */}\n        <div className=\"absolute inset-0 flex items-center justify-center bg-black/20 transition-colors group-hover:bg-black/30\">\n          <div className=\"flex size-14 items-center justify-center rounded-full bg-white/90 text-foreground transition-transform group-hover:scale-110\">\n            <PlayIcon className=\"ml-0.5 size-6 fill-current\" />\n          </div>\n        </div>\n      </div>\n\n      {(title || caption) && (\n        <div className=\"mt-3\">\n          {title && <p className=\"text-sm font-medium text-foreground\">{title}</p>}\n          {caption && <p className=\"mt-1 text-sm text-muted-foreground\">{caption}</p>}\n        </div>\n      )}\n    </div>\n  )\n\n  if (videoUrl) {\n    return (\n      <a href={videoUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"block\">\n        {card}\n      </a>\n    )\n  }\n\n  return card\n}\n\nexport { CardVideo, type CardVideoProps }\n"],"mappings":"AAsBM,SAEI,KAFJ;AArBN,SAAS,eAAe;AACxB,SAAS,UAAU;AAGnB,MAAM,gBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAmB;AACjB,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,OACJ,qBAAC,SAAI,WAAW,GAAG,yBAAyB,SAAS,GACnD;AAAA,yBAAC,SAAI,WAAW,GAAG,qBAAqB,cAAc,WAAW,CAAC,GAC/D;AAAA,iBAAW,MACV;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,UAAU;AAAA,UACf,KAAK,UAAU,OAAO,SAAS;AAAA,UAC/B,WAAU;AAAA;AAAA,MACZ,IAEA,oBAAC,SAAI,WAAU,sBAAqB;AAAA,MAItC,oBAAC,SAAI,WAAU,2GACb,8BAAC,SAAI,WAAU,gIACb,8BAAC,YAAS,WAAU,8BAA6B,GACnD,GACF;AAAA,OACF;AAAA,KAEE,SAAS,YACT,qBAAC,SAAI,WAAU,QACZ;AAAA,eAAS,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,MACnE,WAAW,oBAAC,OAAE,WAAU,sCAAsC,mBAAQ;AAAA,OACzE;AAAA,KAEJ;AAGF,MAAI,UAAU;AACZ,WACE,oBAAC,OAAE,MAAM,UAAU,QAAO,UAAS,KAAI,uBAAsB,WAAU,SACpE,gBACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/client/storefront/blocks/content-with-gallery.d.ts

@@ -0,0 +1,4 @@
+import { type ContentWithGalleryProps } from "../types";
+declare function ContentWithGallery({ images, preheader, heading, body, productCards, layout, colorTheme, className, }: ContentWithGalleryProps): import("react/jsx-runtime").JSX.Element;
+export { ContentWithGallery, type ContentWithGalleryProps };
+//# sourceMappingURL=content-with-gallery.d.ts.map

package/dist/client/storefront/blocks/content-with-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-gallery.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/content-with-gallery.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkC,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAEvF,iBAAS,kBAAkB,CAAC,EAC1B,MAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,uBAAuB,2CA4DzB;AAED,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAA"}

package/dist/client/storefront/blocks/content-with-gallery.mjs

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+import { colorThemeClasses, isThemeDark } from "../types";
+function ContentWithGallery({
+  images = [],
+  preheader,
+  heading,
+  body,
+  productCards,
+  layout = "image-above",
+  colorTheme,
+  className
+}) {
+  const dark = isThemeDark(colorTheme);
+  const themeClasses = colorThemeClasses(colorTheme);
+  const textBlock = /* @__PURE__ */ jsxs("div", { children: [
+    preheader && /* @__PURE__ */ jsx("p", { className: cn("mb-2 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"), children: preheader }),
+    heading && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: cn("text-2xl font-heading md:text-3xl", dark ? "text-white" : "text-foreground"),
+        style: { fontWeight: "var(--enad-heading-weight)", letterSpacing: "var(--enad-heading-tracking)", textTransform: "var(--enad-heading-transform)" },
+        children: heading
+      }
+    ),
+    body && /* @__PURE__ */ jsx("p", { className: cn("mt-4 max-w-2xl text-base leading-relaxed", dark ? "text-white/80" : "text-muted-foreground"), children: body })
+  ] });
+  const imageGrid = images.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-3", children: images.map((img, i) => /* @__PURE__ */ jsx("div", { className: "relative aspect-square bg-muted", children: /* @__PURE__ */ jsx("img", { src: img.src, alt: img.alt ?? "", className: "size-full object-cover" }) }, i)) });
+  if (layout === "side-by-side") {
+    return /* @__PURE__ */ jsx("section", { className: cn("px-4 py-12 md:px-8", themeClasses, className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-7xl gap-8 lg:grid-cols-2 lg:items-center", children: [
+      imageGrid,
+      /* @__PURE__ */ jsxs("div", { children: [
+        textBlock,
+        productCards && /* @__PURE__ */ jsx("div", { className: "mt-8", children: productCards })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("section", { className: cn("px-4 py-12 md:px-8", themeClasses, className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl", children: [
+    textBlock,
+    imageGrid && /* @__PURE__ */ jsx("div", { className: "mt-8", children: imageGrid }),
+    productCards && /* @__PURE__ */ jsx("div", { className: "mt-8", children: productCards })
+  ] }) });
+}
+export {
+  ContentWithGallery
+};
+//# sourceMappingURL=content-with-gallery.mjs.map

package/dist/client/storefront/blocks/content-with-gallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/content-with-gallery.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { colorThemeClasses, isThemeDark, type ContentWithGalleryProps } from \"../types\"\n\nfunction ContentWithGallery({\n  images = [],\n  preheader,\n  heading,\n  body,\n  productCards,\n  layout = \"image-above\",\n  colorTheme,\n  className,\n}: ContentWithGalleryProps) {\n  const dark = isThemeDark(colorTheme)\n  const themeClasses = colorThemeClasses(colorTheme)\n\n  const textBlock = (\n    <div>\n      {preheader && (\n        <p className={cn(\"mb-2 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n          {preheader}\n        </p>\n      )}\n      {heading && (\n        <h2\n          className={cn(\"text-2xl font-heading md:text-3xl\", dark ? \"text-white\" : \"text-foreground\")}\n          style={{ fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties}\n        >\n          {heading}\n        </h2>\n      )}\n      {body && (\n        <p className={cn(\"mt-4 max-w-2xl text-base leading-relaxed\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n          {body}\n        </p>\n      )}\n    </div>\n  )\n\n  const imageGrid = images.length > 0 && (\n    <div className=\"grid grid-cols-2 gap-2 md:grid-cols-3\">\n      {images.map((img, i) => (\n        <div key={i} className=\"relative aspect-square bg-muted\">\n          <img src={img.src} alt={img.alt ?? \"\"} className=\"size-full object-cover\" />\n        </div>\n      ))}\n    </div>\n  )\n\n  if (layout === \"side-by-side\") {\n    return (\n      <section className={cn(\"px-4 py-12 md:px-8\", themeClasses, className)}>\n        <div className=\"mx-auto grid max-w-7xl gap-8 lg:grid-cols-2 lg:items-center\">\n          {imageGrid}\n          <div>\n            {textBlock}\n            {productCards && <div className=\"mt-8\">{productCards}</div>}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", themeClasses, className)}>\n      <div className=\"mx-auto max-w-7xl\">\n        {textBlock}\n        {imageGrid && <div className=\"mt-8\">{imageGrid}</div>}\n        {productCards && <div className=\"mt-8\">{productCards}</div>}\n      </div>\n    </section>\n  )\n}\n\nexport { ContentWithGallery, type ContentWithGalleryProps }\n"],"mappings":";AAoBI,SAEI,KAFJ;AAjBJ,SAAS,UAAU;AACnB,SAAS,mBAAmB,mBAAiD;AAE7E,SAAS,mBAAmB;AAAA,EAC1B,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,OAAO,YAAY,UAAU;AACnC,QAAM,eAAe,kBAAkB,UAAU;AAEjD,QAAM,YACJ,qBAAC,SACE;AAAA,iBACC,oBAAC,OAAE,WAAW,GAAG,0CAA0C,OAAO,kBAAkB,uBAAuB,GACxG,qBACH;AAAA,IAED,WACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,qCAAqC,OAAO,eAAe,iBAAiB;AAAA,QAC1F,OAAO,EAAE,YAAY,8BAA8B,eAAe,gCAAgC,eAAe,gCAAgC;AAAA,QAEhJ;AAAA;AAAA,IACH;AAAA,IAED,QACC,oBAAC,OAAE,WAAW,GAAG,4CAA4C,OAAO,kBAAkB,uBAAuB,GAC1G,gBACH;AAAA,KAEJ;AAGF,QAAM,YAAY,OAAO,SAAS,KAChC,oBAAC,SAAI,WAAU,yCACZ,iBAAO,IAAI,CAAC,KAAK,MAChB,oBAAC,SAAY,WAAU,mCACrB,8BAAC,SAAI,KAAK,IAAI,KAAK,KAAK,IAAI,OAAO,IAAI,WAAU,0BAAyB,KADlE,CAEV,CACD,GACH;AAGF,MAAI,WAAW,gBAAgB;AAC7B,WACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,cAAc,SAAS,GAClE,+BAAC,SAAI,WAAU,+DACZ;AAAA;AAAA,MACD,qBAAC,SACE;AAAA;AAAA,QACA,gBAAgB,oBAAC,SAAI,WAAU,QAAQ,wBAAa;AAAA,SACvD;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,cAAc,SAAS,GAClE,+BAAC,SAAI,WAAU,qBACZ;AAAA;AAAA,IACA,aAAa,oBAAC,SAAI,WAAU,QAAQ,qBAAU;AAAA,IAC9C,gBAAgB,oBAAC,SAAI,WAAU,QAAQ,wBAAa;AAAA,KACvD,GACF;AAEJ;","names":[]}

package/dist/client/storefront/blocks/content-with-image-product-data.d.ts

@@ -0,0 +1,4 @@
+import type { ContentWithImageProductDataProps } from "../types";
+declare function ContentWithImageProductData({ image, preheader, heading, body, usps, buttonLabel, buttonHref, productCards, className, }: ContentWithImageProductDataProps): import("react/jsx-runtime").JSX.Element;
+export { ContentWithImageProductData, type ContentWithImageProductDataProps };
+//# sourceMappingURL=content-with-image-product-data.d.ts.map

package/dist/client/storefront/blocks/content-with-image-product-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-image-product-data.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/content-with-image-product-data.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAA;AAEhE,iBAAS,2BAA2B,CAAC,EACnC,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,gCAAgC,2CAgElC;AAED,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,CAAA"}