@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/storefront/layout/promotion-bar.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useIcon } from "../../icons/icon-context";
+import { Button } from "../../ui/button";
+import { cn } from "../../ui/utils";
+function PromotionBar({
+  enabled = true,
+  messages = [],
+  onDismiss,
+  className
+}) {
+  const ChevronLeftIcon = useIcon("chevronLeft");
+  const ChevronRightIcon = useIcon("chevronRight");
+  const CloseIcon = useIcon("close");
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const [dismissed, setDismissed] = React.useState(false);
+  if (!enabled || dismissed || messages.length === 0) return null;
+  const hasMultiple = messages.length > 1;
+  const prev = () => {
+    setCurrentIndex((i) => (i - 1 + messages.length) % messages.length);
+  };
+  const next = () => {
+    setCurrentIndex((i) => (i + 1) % messages.length);
+  };
+  const handleDismiss = () => {
+    setDismissed(true);
+    onDismiss?.();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex items-center justify-center bg-accent text-accent-foreground px-4 py-2 text-center text-sm",
+        className
+      ),
+      children: [
+        hasMultiple && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "absolute left-1 size-7 text-accent-foreground hover:bg-accent-foreground/10",
+            onClick: prev,
+            "aria-label": "Previous message",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "px-8", children: messages[currentIndex] }),
+        hasMultiple && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "absolute right-8 size-7 text-accent-foreground hover:bg-accent-foreground/10",
+            onClick: next,
+            "aria-label": "Next message",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
+          }
+        ),
+        onDismiss && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "absolute right-1 size-7 text-accent-foreground hover:bg-accent-foreground/10",
+            onClick: handleDismiss,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  PromotionBar
+};
+//# sourceMappingURL=promotion-bar.mjs.map

package/dist/client/storefront/layout/promotion-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/layout/promotion-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Button } from \"../../ui/button\"\nimport { cn } from \"../../ui/utils\"\nimport type { PromotionBarProps } from \"../types\"\n\nfunction PromotionBar({\n  enabled = true,\n  messages = [],\n  onDismiss,\n  className,\n}: PromotionBarProps) {\n  const ChevronLeftIcon = useIcon(\"chevronLeft\")\n  const ChevronRightIcon = useIcon(\"chevronRight\")\n  const CloseIcon = useIcon(\"close\")\n\n  const [currentIndex, setCurrentIndex] = React.useState(0)\n  const [dismissed, setDismissed] = React.useState(false)\n\n  if (!enabled || dismissed || messages.length === 0) return null\n\n  const hasMultiple = messages.length > 1\n\n  const prev = () => {\n    setCurrentIndex((i) => (i - 1 + messages.length) % messages.length)\n  }\n\n  const next = () => {\n    setCurrentIndex((i) => (i + 1) % messages.length)\n  }\n\n  const handleDismiss = () => {\n    setDismissed(true)\n    onDismiss?.()\n  }\n\n  return (\n    <div\n      className={cn(\n        \"relative flex items-center justify-center bg-accent text-accent-foreground px-4 py-2 text-center text-sm\",\n        className,\n      )}\n    >\n      {hasMultiple && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute left-1 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={prev}\n          aria-label=\"Previous message\"\n        >\n          <ChevronLeftIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      <span className=\"px-8\">{messages[currentIndex]}</span>\n\n      {hasMultiple && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-8 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={next}\n          aria-label=\"Next message\"\n        >\n          <ChevronRightIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      {onDismiss && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-1 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={handleDismiss}\n          aria-label=\"Dismiss\"\n        >\n          <CloseIcon className=\"size-4\" />\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport { PromotionBar, type PromotionBarProps }\n"],"mappings":";AAuCI,SAcM,KAdN;AArCJ,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,UAAU;AAGnB,SAAS,aAAa;AAAA,EACpB,UAAU;AAAA,EACV,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,kBAAkB,QAAQ,aAAa;AAC7C,QAAM,mBAAmB,QAAQ,cAAc;AAC/C,QAAM,YAAY,QAAQ,OAAO;AAEjC,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,CAAC;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,MAAI,CAAC,WAAW,aAAa,SAAS,WAAW,EAAG,QAAO;AAE3D,QAAM,cAAc,SAAS,SAAS;AAEtC,QAAM,OAAO,MAAM;AACjB,oBAAgB,CAAC,OAAO,IAAI,IAAI,SAAS,UAAU,SAAS,MAAM;AAAA,EACpE;AAEA,QAAM,OAAO,MAAM;AACjB,oBAAgB,CAAC,OAAO,IAAI,KAAK,SAAS,MAAM;AAAA,EAClD;AAEA,QAAM,gBAAgB,MAAM;AAC1B,iBAAa,IAAI;AACjB,gBAAY;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,uBACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAW;AAAA,YAEX,8BAAC,mBAAgB,WAAU,UAAS;AAAA;AAAA,QACtC;AAAA,QAGF,oBAAC,UAAK,WAAU,QAAQ,mBAAS,YAAY,GAAE;AAAA,QAE9C,eACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAW;AAAA,YAEX,8BAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA,QACvC;AAAA,QAGD,aACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAW;AAAA,YAEX,8BAAC,aAAU,WAAU,UAAS;AAAA;AAAA,QAChC;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/client/storefront/primitives/breadcrumbs.d.ts

@@ -0,0 +1,12 @@
+interface BreadcrumbItemData {
+    label: string;
+    href?: string;
+}
+interface StorefrontBreadcrumbsProps {
+    items: BreadcrumbItemData[];
+    maxItems?: number;
+    className?: string;
+}
+declare function StorefrontBreadcrumbs({ items, maxItems, className }: StorefrontBreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
+export { StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps, type BreadcrumbItemData };
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/client/storefront/primitives/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/breadcrumbs.tsx"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,iBAAS,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,0BAA0B,kDAqC5F;AAED,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/client/storefront/primitives/breadcrumbs.mjs

@@ -0,0 +1,37 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+} from "../../ui-resolver/breadcrumb";
+function BreadcrumbContent({ item, isLast }) {
+  if (isLast) return /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label });
+  if (item.href) return /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.href, children: item.label });
+  return /* @__PURE__ */ jsx("span", { children: item.label });
+}
+function StorefrontBreadcrumbs({ items, maxItems = 4, className }) {
+  if (items.length === 0) return null;
+  const shouldTruncate = items.length > maxItems;
+  const visibleItems = shouldTruncate ? [items[0], ...items.slice(-(maxItems - 1))] : items;
+  return /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: visibleItems.map((item, index) => {
+    const isLast = index === visibleItems.length - 1;
+    const isFirstAndTruncated = shouldTruncate && index === 0;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbContent, { item, isLast }) }),
+      isFirstAndTruncated && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, {}) })
+      ] }),
+      !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+    ] }, `${item.label}-${index}`);
+  }) }) });
+}
+export {
+  StorefrontBreadcrumbs
+};
+//# sourceMappingURL=breadcrumbs.mjs.map

package/dist/client/storefront/primitives/breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/primitives/breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"../../ui-resolver/breadcrumb\";\n\ninterface BreadcrumbItemData {\n  label: string;\n  href?: string;\n}\n\ninterface StorefrontBreadcrumbsProps {\n  items: BreadcrumbItemData[];\n  maxItems?: number;\n  className?: string;\n}\n\nfunction BreadcrumbContent({ item, isLast }: { item: BreadcrumbItemData; isLast: boolean }) {\n  if (isLast) return <BreadcrumbPage>{item.label}</BreadcrumbPage>;\n  if (item.href) return <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>;\n  return <span>{item.label}</span>;\n}\n\nfunction StorefrontBreadcrumbs({ items, maxItems = 4, className }: StorefrontBreadcrumbsProps) {\n  if (items.length === 0) return null;\n\n  const shouldTruncate = items.length > maxItems;\n  const visibleItems: BreadcrumbItemData[] = shouldTruncate\n    ? [items[0]!, ...items.slice(-(maxItems - 1))]\n    : items;\n\n  return (\n    <Breadcrumb className={className}>\n      <BreadcrumbList>\n        {visibleItems.map((item, index) => {\n          const isLast = index === visibleItems.length - 1;\n          const isFirstAndTruncated = shouldTruncate && index === 0;\n\n          return (\n            <React.Fragment key={`${item.label}-${index}`}>\n              <BreadcrumbItem>\n                <BreadcrumbContent item={item} isLast={isLast} />\n              </BreadcrumbItem>\n\n              {isFirstAndTruncated && (\n                <>\n                  <BreadcrumbSeparator />\n                  <BreadcrumbItem>\n                    <BreadcrumbEllipsis />\n                  </BreadcrumbItem>\n                </>\n              )}\n\n              {!isLast && <BreadcrumbSeparator />}\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\nexport { StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps, type BreadcrumbItemData };\n"],"mappings":"AAuBqB,SA2BL,UA3BK,KA2BL,YA3BK;AAvBrB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaP,SAAS,kBAAkB,EAAE,MAAM,OAAO,GAAkD;AAC1F,MAAI,OAAQ,QAAO,oBAAC,kBAAgB,eAAK,OAAM;AAC/C,MAAI,KAAK,KAAM,QAAO,oBAAC,kBAAe,MAAM,KAAK,MAAO,eAAK,OAAM;AACnE,SAAO,oBAAC,UAAM,eAAK,OAAM;AAC3B;AAEA,SAAS,sBAAsB,EAAE,OAAO,WAAW,GAAG,UAAU,GAA+B;AAC7F,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,iBAAiB,MAAM,SAAS;AACtC,QAAM,eAAqC,iBACvC,CAAC,MAAM,CAAC,GAAI,GAAG,MAAM,MAAM,EAAE,WAAW,EAAE,CAAC,IAC3C;AAEJ,SACE,oBAAC,cAAW,WACV,8BAAC,kBACE,uBAAa,IAAI,CAAC,MAAM,UAAU;AACjC,UAAM,SAAS,UAAU,aAAa,SAAS;AAC/C,UAAM,sBAAsB,kBAAkB,UAAU;AAExD,WACE,qBAAC,MAAM,UAAN,EACC;AAAA,0BAAC,kBACC,8BAAC,qBAAkB,MAAY,QAAgB,GACjD;AAAA,MAEC,uBACC,iCACE;AAAA,4BAAC,uBAAoB;AAAA,QACrB,oBAAC,kBACC,8BAAC,sBAAmB,GACtB;AAAA,SACF;AAAA,MAGD,CAAC,UAAU,oBAAC,uBAAoB;AAAA,SAdd,GAAG,KAAK,KAAK,IAAI,KAAK,EAe3C;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}

package/dist/client/storefront/primitives/button.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+type StorefrontButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "link";
+type StorefrontButtonSize = "sm" | "default" | "lg";
+interface StorefrontButtonProps extends Omit<React.ComponentProps<"button">, "ref"> {
+    variant?: StorefrontButtonVariant;
+    size?: StorefrontButtonSize;
+    href?: string;
+    asChild?: boolean;
+}
+declare function StorefrontButton({ variant, size, href, className, children, disabled, asChild, ...props }: StorefrontButtonProps): import("react/jsx-runtime").JSX.Element;
+export { StorefrontButton, type StorefrontButtonProps, type StorefrontButtonVariant, type StorefrontButtonSize, };
+//# sourceMappingURL=button.d.ts.map

package/dist/client/storefront/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,uBAAuB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACtF,KAAK,oBAAoB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAapD,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjF,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAmB,EACnB,IAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA8BvB;AAED,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,GAC1B,CAAC"}

package/dist/client/storefront/primitives/button.mjs

@@ -0,0 +1,51 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Button as BaseButton } from "../../ui-resolver/button";
+import { cn } from "../../ui/utils";
+const variantMap = {
+  primary: "default",
+  secondary: "secondary",
+  outline: "outline",
+  ghost: "ghost",
+  link: "link"
+};
+function StorefrontButton({
+  variant = "primary",
+  size = "default",
+  href,
+  className,
+  children,
+  disabled,
+  asChild,
+  ...props
+}) {
+  const mappedVariant = variantMap[variant];
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsx(
+      BaseButton,
+      {
+        variant: mappedVariant,
+        size,
+        className: cn("enad-interactive", className),
+        asChild: true,
+        children: /* @__PURE__ */ jsx("a", { href, ...props, children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    BaseButton,
+    {
+      variant: mappedVariant,
+      size,
+      className: cn("enad-interactive", className),
+      disabled,
+      asChild,
+      ...props,
+      children
+    }
+  );
+}
+export {
+  StorefrontButton
+};
+//# sourceMappingURL=button.mjs.map

package/dist/client/storefront/primitives/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/primitives/button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button as BaseButton } from \"../../ui-resolver/button\";\nimport { cn } from \"../../ui/utils\";\n\ntype StorefrontButtonVariant = \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\";\ntype StorefrontButtonSize = \"sm\" | \"default\" | \"lg\";\n\nconst variantMap: Record<\n  StorefrontButtonVariant,\n  \"default\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\"\n> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  link: \"link\",\n};\n\ninterface StorefrontButtonProps extends Omit<React.ComponentProps<\"button\">, \"ref\"> {\n  variant?: StorefrontButtonVariant;\n  size?: StorefrontButtonSize;\n  href?: string;\n  asChild?: boolean;\n}\n\nfunction StorefrontButton({\n  variant = \"primary\",\n  size = \"default\",\n  href,\n  className,\n  children,\n  disabled,\n  asChild,\n  ...props\n}: StorefrontButtonProps) {\n  const mappedVariant = variantMap[variant];\n\n  if (href && !disabled) {\n    return (\n      <BaseButton\n        variant={mappedVariant}\n        size={size}\n        className={cn(\"enad-interactive\", className)}\n        asChild\n      >\n        <a href={href} {...(props as React.ComponentProps<\"a\">)}>\n          {children}\n        </a>\n      </BaseButton>\n    );\n  }\n\n  return (\n    <BaseButton\n      variant={mappedVariant}\n      size={size}\n      className={cn(\"enad-interactive\", className)}\n      disabled={disabled}\n      asChild={asChild}\n      {...props}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\nexport {\n  StorefrontButton,\n  type StorefrontButtonProps,\n  type StorefrontButtonVariant,\n  type StorefrontButtonSize,\n};\n"],"mappings":";AA+CQ;AA5CR,SAAS,UAAU,kBAAkB;AACrC,SAAS,UAAU;AAKnB,MAAM,aAGF;AAAA,EACF,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR;AASA,SAAS,iBAAiB;AAAA,EACxB,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,gBAAgB,WAAW,OAAO;AAExC,MAAI,QAAQ,CAAC,UAAU;AACrB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC3C,SAAO;AAAA,QAEP,8BAAC,OAAE,MAAa,GAAI,OACjB,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC3C;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/client/storefront/primitives/checkbox.d.ts

@@ -0,0 +1,10 @@
+interface StorefrontCheckboxProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function StorefrontCheckbox({ checked, onCheckedChange, label, disabled, className, }: StorefrontCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { StorefrontCheckbox, type StorefrontCheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/client/storefront/primitives/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/checkbox.tsx"],"names":[],"mappings":"AAOA,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAWzB;AAED,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAC"}

package/dist/client/storefront/primitives/checkbox.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Checkbox } from "../../ui-resolver/checkbox";
+import { Label } from "../../ui-resolver/label";
+import { cn } from "../../ui/utils";
+function StorefrontCheckbox({
+  checked,
+  onCheckedChange,
+  label,
+  disabled,
+  className
+}) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-3", className), children: [
+    /* @__PURE__ */ jsx(Checkbox, { id, checked, onCheckedChange, disabled }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: id, className: "cursor-pointer text-sm font-normal", children: label })
+  ] });
+}
+export {
+  StorefrontCheckbox
+};
+//# sourceMappingURL=checkbox.mjs.map

package/dist/client/storefront/primitives/checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/primitives/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Checkbox } from \"../../ui-resolver/checkbox\";\nimport { Label } from \"../../ui-resolver/label\";\nimport { cn } from \"../../ui/utils\";\n\ninterface StorefrontCheckboxProps {\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  label: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nfunction StorefrontCheckbox({\n  checked,\n  onCheckedChange,\n  label,\n  disabled,\n  className,\n}: StorefrontCheckboxProps) {\n  const id = React.useId();\n\n  return (\n    <div className={cn(\"inline-flex items-center gap-3\", className)}>\n      <Checkbox id={id} checked={checked} onCheckedChange={onCheckedChange} disabled={disabled} />\n      <Label htmlFor={id} className=\"cursor-pointer text-sm font-normal\">\n        {label}\n      </Label>\n    </div>\n  );\n}\n\nexport { StorefrontCheckbox, type StorefrontCheckboxProps };\n"],"mappings":";AAyBI,SACE,KADF;AAvBJ,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,UAAU;AAUnB,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,KAAK,MAAM,MAAM;AAEvB,SACE,qBAAC,SAAI,WAAW,GAAG,kCAAkC,SAAS,GAC5D;AAAA,wBAAC,YAAS,IAAQ,SAAkB,iBAAkC,UAAoB;AAAA,IAC1F,oBAAC,SAAM,SAAS,IAAI,WAAU,sCAC3B,iBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/client/storefront/primitives/download-item.d.ts

@@ -0,0 +1,9 @@
+interface DownloadItemProps {
+    label: string;
+    url: string;
+    fileType?: string;
+    className?: string;
+}
+declare function DownloadItem({ label, url, fileType, className }: DownloadItemProps): import("react/jsx-runtime").JSX.Element;
+export { DownloadItem, type DownloadItemProps };
+//# sourceMappingURL=download-item.d.ts.map

package/dist/client/storefront/primitives/download-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-item.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/download-item.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAsB3E;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAA"}

package/dist/client/storefront/primitives/download-item.mjs

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../../icons/icon-context";
+import { cn } from "../../ui/utils";
+function DownloadItem({ label, url, fileType, className }) {
+  const DownloadIcon = useIcon("download");
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: url,
+      download: true,
+      className: cn(
+        "flex items-center justify-between gap-4 rounded-[var(--enad-card-radius)] bg-muted/50 px-4 py-3 transition-colors hover:bg-muted",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label }),
+          fileType && /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-muted px-2 py-0.5 text-xs uppercase tracking-wider text-muted-foreground", children: fileType })
+        ] }),
+        /* @__PURE__ */ jsx(DownloadIcon, { className: "size-5 shrink-0 text-muted-foreground" })
+      ]
+    }
+  );
+}
+export {
+  DownloadItem
+};
+//# sourceMappingURL=download-item.mjs.map

package/dist/client/storefront/primitives/download-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/primitives/download-item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\n\ninterface DownloadItemProps {\n  label: string\n  url: string\n  fileType?: string\n  className?: string\n}\n\nfunction DownloadItem({ label, url, fileType, className }: DownloadItemProps) {\n  const DownloadIcon = useIcon(\"download\")\n  return (\n    <a\n      href={url}\n      download\n      className={cn(\n        \"flex items-center justify-between gap-4 rounded-[var(--enad-card-radius)] bg-muted/50 px-4 py-3 transition-colors hover:bg-muted\",\n        className\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <span className=\"text-sm font-medium\">{label}</span>\n        {fileType && (\n          <span className=\"rounded-sm bg-muted px-2 py-0.5 text-xs uppercase tracking-wider text-muted-foreground\">\n            {fileType}\n          </span>\n        )}\n      </div>\n      <DownloadIcon className=\"size-5 shrink-0 text-muted-foreground\" />\n    </a>\n  )\n}\n\nexport { DownloadItem, type DownloadItemProps }\n"],"mappings":"AAsBM,SACE,KADF;AArBN,SAAS,eAAe;AACxB,SAAS,UAAU;AASnB,SAAS,aAAa,EAAE,OAAO,KAAK,UAAU,UAAU,GAAsB;AAC5E,QAAM,eAAe,QAAQ,UAAU;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UAAQ;AAAA,MACR,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,UAAK,WAAU,uBAAuB,iBAAM;AAAA,UAC5C,YACC,oBAAC,UAAK,WAAU,0FACb,oBACH;AAAA,WAEJ;AAAA,QACA,oBAAC,gBAAa,WAAU,yCAAwC;AAAA;AAAA;AAAA,EAClE;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+export { StorefrontButton, type StorefrontButtonProps, type StorefrontButtonVariant, type StorefrontButtonSize } from "./button";
+export { StorefrontInput, type StorefrontInputProps } from "./input";
+export { StorefrontSelect, type StorefrontSelectProps, type SelectOption } from "./select";
+export { StorefrontCheckbox, type StorefrontCheckboxProps } from "./checkbox";
+export { StorefrontTextLink, type StorefrontTextLinkProps } from "./text-link";
+export { StorefrontPagination, type StorefrontPaginationProps } from "./pagination";
+export { StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps, type BreadcrumbItemData } from "./breadcrumbs";
+export { QuickLinks, type QuickLinksProps, type QuickLink } from "./quick-links";
+export { DownloadItem, type DownloadItemProps } from "./download-item";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAChI,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAA;AAC1F,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC9E,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,cAAc,CAAA;AACnF,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/client/storefront/primitives/index.mjs

@@ -0,0 +1,21 @@
+import { StorefrontButton } from "./button";
+import { StorefrontInput } from "./input";
+import { StorefrontSelect } from "./select";
+import { StorefrontCheckbox } from "./checkbox";
+import { StorefrontTextLink } from "./text-link";
+import { StorefrontPagination } from "./pagination";
+import { StorefrontBreadcrumbs } from "./breadcrumbs";
+import { QuickLinks } from "./quick-links";
+import { DownloadItem } from "./download-item";
+export {
+  DownloadItem,
+  QuickLinks,
+  StorefrontBreadcrumbs,
+  StorefrontButton,
+  StorefrontCheckbox,
+  StorefrontInput,
+  StorefrontPagination,
+  StorefrontSelect,
+  StorefrontTextLink
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/storefront/primitives/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/primitives/index.ts"],"sourcesContent":["export { StorefrontButton, type StorefrontButtonProps, type StorefrontButtonVariant, type StorefrontButtonSize } from \"./button\"\nexport { StorefrontInput, type StorefrontInputProps } from \"./input\"\nexport { StorefrontSelect, type StorefrontSelectProps, type SelectOption } from \"./select\"\nexport { StorefrontCheckbox, type StorefrontCheckboxProps } from \"./checkbox\"\nexport { StorefrontTextLink, type StorefrontTextLinkProps } from \"./text-link\"\nexport { StorefrontPagination, type StorefrontPaginationProps } from \"./pagination\"\nexport { StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps, type BreadcrumbItemData } from \"./breadcrumbs\"\nexport { QuickLinks, type QuickLinksProps, type QuickLink } from \"./quick-links\"\nexport { DownloadItem, type DownloadItemProps } from \"./download-item\"\n"],"mappings":"AAAA,SAAS,wBAA6G;AACtH,SAAS,uBAAkD;AAC3D,SAAS,wBAAuE;AAChF,SAAS,0BAAwD;AACjE,SAAS,0BAAwD;AACjE,SAAS,4BAA4D;AACrE,SAAS,6BAAuF;AAChG,SAAS,kBAAwD;AACjE,SAAS,oBAA4C;","names":[]}

package/dist/client/storefront/primitives/input.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+interface StorefrontInputProps extends Omit<React.ComponentProps<"input">, "ref"> {
+    label?: string;
+    icon?: React.ReactNode;
+    onIconClick?: () => void;
+    /** External error message (from react-hook-form or server validation) */
+    error?: string;
+    /** Override default validation messages per constraint */
+    validationMessages?: {
+        required?: string;
+        email?: string;
+        minLength?: string;
+        pattern?: string;
+    };
+}
+declare function StorefrontInput({ label, icon, onIconClick, error: externalError, validationMessages, className, id: idProp, disabled, required, type, onChange: onChangeProp, onBlur: onBlurProp, ...props }: StorefrontInputProps): import("react/jsx-runtime").JSX.Element;
+export { StorefrontInput, type StorefrontInputProps };
+//# sourceMappingURL=input.d.ts.map

package/dist/client/storefront/primitives/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EAAE,aAAa,EACpB,kBAAkB,EAClB,SAAS,EACT,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiGtB;AAED,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/client/storefront/primitives/input.mjs

@@ -0,0 +1,118 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Input } from "../../ui-resolver/input";
+import { Label } from "../../ui-resolver/label";
+import { cn } from "../../ui/utils";
+const defaultMessages = {
+  email: "Please enter a valid email address",
+  password: "Password is required",
+  tel: "Please enter a valid phone number",
+  url: "Please enter a valid URL",
+  number: "Please enter a valid number"
+};
+function StorefrontInput({
+  label,
+  icon,
+  onIconClick,
+  error: externalError,
+  validationMessages,
+  className,
+  id: idProp,
+  disabled,
+  required,
+  type,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  ...props
+}) {
+  const generatedId = React.useId();
+  const id = idProp ?? generatedId;
+  const errorId = `${id}-error`;
+  const [nativeError, setNativeError] = React.useState();
+  const error = externalError ?? nativeError;
+  const resolveMessage = React.useCallback(
+    (validity) => {
+      if (validity.valueMissing) {
+        return validationMessages?.required ?? "This field is required";
+      }
+      if (validity.typeMismatch) {
+        const typeMsg = type ? validationMessages?.email ?? defaultMessages[type] : void 0;
+        return typeMsg ?? "Please enter a valid value";
+      }
+      if (validity.tooShort) {
+        return validationMessages?.minLength ?? "Value is too short";
+      }
+      if (validity.patternMismatch) {
+        return validationMessages?.pattern ?? "Please match the required format";
+      }
+      return "Please enter a valid value";
+    },
+    [type, validationMessages]
+  );
+  const handleInvalid = React.useCallback(
+    (e) => {
+      e.preventDefault();
+      setNativeError(resolveMessage(e.target.validity));
+    },
+    [resolveMessage]
+  );
+  const handleChange = React.useCallback(
+    (e) => {
+      if (nativeError && e.target.validity.valid) {
+        setNativeError(void 0);
+      }
+      onChangeProp?.(e);
+    },
+    [nativeError, onChangeProp]
+  );
+  const handleBlur = React.useCallback(
+    (e) => {
+      if (e.target.value && !e.target.validity.valid) {
+        setNativeError(resolveMessage(e.target.validity));
+      }
+      onBlurProp?.(e);
+    },
+    [resolveMessage, onBlurProp]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: "text-xs font-medium uppercase tracking-wide", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color) ml-0.5", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          type,
+          disabled,
+          required,
+          "aria-invalid": error ? true : void 0,
+          "aria-describedby": error ? errorId : void 0,
+          className: icon ? "pr-10" : void 0,
+          onInvalid: handleInvalid,
+          ...props,
+          onChange: handleChange,
+          onBlur: handleBlur
+        }
+      ),
+      icon && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          disabled,
+          onClick: onIconClick,
+          className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+          children: icon
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-(--enad-error-color) text-sm", children: error })
+  ] });
+}
+export {
+  StorefrontInput
+};
+//# sourceMappingURL=input.mjs.map

package/dist/client/storefront/primitives/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/primitives/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Input } from \"../../ui-resolver/input\";\nimport { Label } from \"../../ui-resolver/label\";\nimport { cn } from \"../../ui/utils\";\n\nconst defaultMessages: Record<string, string> = {\n  email: \"Please enter a valid email address\",\n  password: \"Password is required\",\n  tel: \"Please enter a valid phone number\",\n  url: \"Please enter a valid URL\",\n  number: \"Please enter a valid number\",\n};\n\ninterface StorefrontInputProps extends Omit<React.ComponentProps<\"input\">, \"ref\"> {\n  label?: string;\n  icon?: React.ReactNode;\n  onIconClick?: () => void;\n  /** External error message (from react-hook-form or server validation) */\n  error?: string;\n  /** Override default validation messages per constraint */\n  validationMessages?: {\n    required?: string;\n    email?: string;\n    minLength?: string;\n    pattern?: string;\n  };\n}\n\nfunction StorefrontInput({\n  label,\n  icon,\n  onIconClick,\n  error: externalError,\n  validationMessages,\n  className,\n  id: idProp,\n  disabled,\n  required,\n  type,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  ...props\n}: StorefrontInputProps) {\n  const generatedId = React.useId();\n  const id = idProp ?? generatedId;\n  const errorId = `${id}-error`;\n\n  const [nativeError, setNativeError] = React.useState<string | undefined>();\n  const error = externalError ?? nativeError;\n\n  const resolveMessage = React.useCallback(\n    (validity: ValidityState): string => {\n      if (validity.valueMissing) {\n        return validationMessages?.required ?? \"This field is required\";\n      }\n      if (validity.typeMismatch) {\n        const typeMsg = type ? (validationMessages?.email ?? defaultMessages[type]) : undefined;\n        return typeMsg ?? \"Please enter a valid value\";\n      }\n      if (validity.tooShort) {\n        return validationMessages?.minLength ?? \"Value is too short\";\n      }\n      if (validity.patternMismatch) {\n        return validationMessages?.pattern ?? \"Please match the required format\";\n      }\n      return \"Please enter a valid value\";\n    },\n    [type, validationMessages],\n  );\n\n  const handleInvalid = React.useCallback(\n    (e: React.InvalidEvent<HTMLInputElement>) => {\n      e.preventDefault();\n      setNativeError(resolveMessage(e.target.validity));\n    },\n    [resolveMessage],\n  );\n\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (nativeError && e.target.validity.valid) {\n        setNativeError(undefined);\n      }\n      onChangeProp?.(e);\n    },\n    [nativeError, onChangeProp],\n  );\n\n  const handleBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.target.value && !e.target.validity.valid) {\n        setNativeError(resolveMessage(e.target.validity));\n      }\n      onBlurProp?.(e);\n    },\n    [resolveMessage, onBlurProp],\n  );\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)}>\n      {label && (\n        <Label htmlFor={id} className=\"text-xs font-medium uppercase tracking-wide\">\n          {label}\n          {required && <span className=\"text-(--enad-error-color) ml-0.5\">*</span>}\n        </Label>\n      )}\n      <div className=\"relative\">\n        <Input\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? errorId : undefined}\n          className={icon ? \"pr-10\" : undefined}\n          onInvalid={handleInvalid}\n          {...props}\n          onChange={handleChange}\n          onBlur={handleBlur}\n        />\n        {icon && (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            disabled={disabled}\n            onClick={onIconClick}\n            className=\"absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50\"\n          >\n            {icon}\n          </button>\n        )}\n      </div>\n      {error && (\n        <p id={errorId} role=\"alert\" className=\"text-(--enad-error-color) text-sm\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport { StorefrontInput, type StorefrontInputProps };\n"],"mappings":";AAuGQ,SAEe,KAFf;AArGR,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,UAAU;AAEnB,MAAM,kBAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AACV;AAiBA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,GAAG;AACL,GAAyB;AACvB,QAAM,cAAc,MAAM,MAAM;AAChC,QAAM,KAAK,UAAU;AACrB,QAAM,UAAU,GAAG,EAAE;AAErB,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA6B;AACzE,QAAM,QAAQ,iBAAiB;AAE/B,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,aAAoC;AACnC,UAAI,SAAS,cAAc;AACzB,eAAO,oBAAoB,YAAY;AAAA,MACzC;AACA,UAAI,SAAS,cAAc;AACzB,cAAM,UAAU,OAAQ,oBAAoB,SAAS,gBAAgB,IAAI,IAAK;AAC9E,eAAO,WAAW;AAAA,MACpB;AACA,UAAI,SAAS,UAAU;AACrB,eAAO,oBAAoB,aAAa;AAAA,MAC1C;AACA,UAAI,SAAS,iBAAiB;AAC5B,eAAO,oBAAoB,WAAW;AAAA,MACxC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,MAAM,kBAAkB;AAAA,EAC3B;AAEA,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,MAA4C;AAC3C,QAAE,eAAe;AACjB,qBAAe,eAAe,EAAE,OAAO,QAAQ,CAAC;AAAA,IAClD;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,MAA2C;AAC1C,UAAI,eAAe,EAAE,OAAO,SAAS,OAAO;AAC1C,uBAAe,MAAS;AAAA,MAC1B;AACA,qBAAe,CAAC;AAAA,IAClB;AAAA,IACA,CAAC,aAAa,YAAY;AAAA,EAC5B;AAEA,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,MAA0C;AACzC,UAAI,EAAE,OAAO,SAAS,CAAC,EAAE,OAAO,SAAS,OAAO;AAC9C,uBAAe,eAAe,EAAE,OAAO,QAAQ,CAAC;AAAA,MAClD;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,gBAAgB,UAAU;AAAA,EAC7B;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,yBAAyB,SAAS,GAClD;AAAA,aACC,qBAAC,SAAM,SAAS,IAAI,WAAU,+CAC3B;AAAA;AAAA,MACA,YAAY,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,OACnE;AAAA,IAEF,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,gBAAc,QAAQ,OAAO;AAAA,UAC7B,oBAAkB,QAAQ,UAAU;AAAA,UACpC,WAAW,OAAO,UAAU;AAAA,UAC5B,WAAW;AAAA,UACV,GAAG;AAAA,UACJ,UAAU;AAAA,UACV,QAAQ;AAAA;AAAA,MACV;AAAA,MACC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT,WAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,IACC,SACC,oBAAC,OAAE,IAAI,SAAS,MAAK,SAAQ,WAAU,qCACpC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/client/storefront/primitives/pagination.d.ts

@@ -0,0 +1,9 @@
+interface StorefrontPaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+declare function StorefrontPagination({ currentPage, totalPages, onPageChange, className, }: StorefrontPaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export { StorefrontPagination, type StorefrontPaginationProps };
+//# sourceMappingURL=pagination.d.ts.map

package/dist/client/storefront/primitives/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"names":[],"mappings":"AAaA,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,iBAAS,oBAAoB,CAAC,EAC5B,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,yBAAyB,kDA0D3B;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,CAAC"}

package/dist/client/storefront/primitives/pagination.mjs

@@ -0,0 +1,86 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+} from "../../ui-resolver/pagination";
+function getPageNumbers(current, total) {
+  if (total <= 7) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  const pages = [1];
+  if (current > 3) {
+    pages.push("ellipsis");
+  }
+  const start = Math.max(2, current - 1);
+  const end = Math.min(total - 1, current + 1);
+  for (let i = start; i <= end; i++) {
+    pages.push(i);
+  }
+  if (current < total - 2) {
+    pages.push("ellipsis");
+  }
+  pages.push(total);
+  return pages;
+}
+function StorefrontPagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  className
+}) {
+  if (totalPages <= 1) return null;
+  const pages = getPageNumbers(currentPage, totalPages);
+  return /* @__PURE__ */ jsx(Pagination, { className, children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      PaginationPrevious,
+      {
+        href: "#",
+        size: "default",
+        onClick: (e) => {
+          e.preventDefault();
+          if (currentPage > 1) onPageChange(currentPage - 1);
+        },
+        "aria-disabled": currentPage <= 1,
+        className: currentPage <= 1 ? "pointer-events-none opacity-50" : void 0
+      }
+    ) }),
+    pages.map(
+      (page, i) => page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          href: "#",
+          size: "icon",
+          isActive: page === currentPage,
+          onClick: (e) => {
+            e.preventDefault();
+            onPageChange(page);
+          },
+          children: page
+        }
+      ) }, page)
+    ),
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      PaginationNext,
+      {
+        href: "#",
+        size: "default",
+        onClick: (e) => {
+          e.preventDefault();
+          if (currentPage < totalPages) onPageChange(currentPage + 1);
+        },
+        "aria-disabled": currentPage >= totalPages,
+        className: currentPage >= totalPages ? "pointer-events-none opacity-50" : void 0
+      }
+    ) })
+  ] }) });
+}
+export {
+  StorefrontPagination
+};
+//# sourceMappingURL=pagination.mjs.map