@enadhq/enad-react-sdk 1.0.0 → 1.1.0

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

@@ -0,0 +1,36 @@
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../../ui-resolver/breadcrumb.mjs";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/breadcrumbs.tsx
+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$1.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}`);
+		}) })
+	});
+}
+//#endregion
+export { StorefrontBreadcrumbs };
+
+//# sourceMappingURL=breadcrumbs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.mjs","names":["React"],"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":";;;;AAsBA,SAAS,kBAAkB,EAAE,MAAM,UAAyD;AAC1F,KAAI,OAAQ,QAAO,oBAAC,gBAAD,EAAA,UAAiB,KAAK,OAAuB,CAAA;AAChE,KAAI,KAAK,KAAM,QAAO,oBAAC,gBAAD;EAAgB,MAAM,KAAK;YAAO,KAAK;EAAuB,CAAA;AACpF,QAAO,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAa,CAAA;;AAGlC,SAAS,sBAAsB,EAAE,OAAO,WAAW,GAAG,aAAyC;AAC7F,KAAI,MAAM,WAAW,EAAG,QAAO;CAE/B,MAAM,iBAAiB,MAAM,SAAS;CACtC,MAAM,eAAqC,iBACvC,CAAC,MAAM,IAAK,GAAG,MAAM,MAAM,EAAE,WAAW,GAAG,CAAC,GAC5C;AAEJ,QACE,oBAAC,YAAD;EAAuB;YACrB,oBAAC,gBAAD,EAAA,UACG,aAAa,KAAK,MAAM,UAAU;GACjC,MAAM,SAAS,UAAU,aAAa,SAAS;GAC/C,MAAM,sBAAsB,kBAAkB,UAAU;AAExD,UACE,qBAACA,QAAM,UAAP,EAAA,UAAA;IACE,oBAAC,gBAAD,EAAA,UACE,oBAAC,mBAAD;KAAyB;KAAc;KAAU,CAAA,EAClC,CAAA;IAEhB,uBACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAuB,CAAA,EACvB,oBAAC,gBAAD,EAAA,UACE,oBAAC,oBAAD,EAAsB,CAAA,EACP,CAAA,CAChB,EAAA,CAAA;IAGJ,CAAC,UAAU,oBAAC,qBAAD,EAAuB,CAAA;IACpB,EAAA,EAfI,GAAG,KAAK,MAAM,GAAG,QAerB;IAEnB,EACa,CAAA;EACN,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/button.tsx"],"mappings":";;;;KAMK,uBAAA;AAAA,KAQA,oBAAA;AAAA,UAeK,qBAAA,SAA8B,IAAA,CAAK,OAAA,CAAM,cAAA;EACjD,OAAA,GAAU,uBAAA;EACV,IAAA,GAAO,oBAAA;EACP,IAAA;EACA,OAAA;AAAA;AAAA,iBAGO,gBAAA,CAAA;EACP,OAAA;EACA,IAAA;EACA,IAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":["BaseButton"],"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 =\n  | \"primary\"\n  | \"secondary\"\n  | \"outline\"\n  | \"ghost\"\n  | \"link\"\n  | \"soft\"\n  | \"inverse\";\ntype StorefrontButtonSize = \"sm\" | \"default\" | \"lg\";\n\nconst variantMap: Record<\n  StorefrontButtonVariant,\n  \"default\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\" | \"soft\" | \"inverse\"\n> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  link: \"link\",\n  soft: \"soft\",\n  inverse: \"inverse\",\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":";;;;;;AAgBA,MAAM,aAGF;CACF,SAAS;CACT,WAAW;CACX,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;CACN,SAAS;CACV;AASD,SAAS,iBAAiB,EACxB,UAAU,WACV,OAAO,WACP,MACA,WACA,UACA,UACA,SACA,GAAG,SACqB;CACxB,MAAM,gBAAgB,WAAW;AAEjC,KAAI,QAAQ,CAAC,SACX,QACE,oBAACA,QAAD;EACE,SAAS;EACH;EACN,WAAW,GAAG,oBAAoB,UAAU;EAC5C,SAAA;YAEA,oBAAC,KAAD;GAAS;GAAM,GAAK;GACjB;GACC,CAAA;EACO,CAAA;AAIjB,QACE,oBAACA,QAAD;EACE,SAAS;EACH;EACN,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACD;EACT,GAAI;EAEH;EACU,CAAA"}

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

@@ -0,0 +1,25 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/checkbox.d.ts
+interface StorefrontCheckboxProps {
+  checked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  label: React$1.ReactNode;
+  disabled?: boolean;
+  required?: boolean;
+  error?: string;
+  className?: string;
+}
+declare function StorefrontCheckbox({
+  checked,
+  onCheckedChange,
+  label,
+  disabled,
+  required,
+  error,
+  className
+}: StorefrontCheckboxProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+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","names":[],"sources":["../../../../src/client/storefront/primitives/checkbox.tsx"],"mappings":";;;;UAOU,uBAAA;EACR,OAAA;EACA,eAAA,IAAmB,OAAA;EACnB,KAAA,EAAO,OAAA,CAAM,SAAA;EACb,QAAA;EACA,QAAA;EACA,KAAA;EACA,SAAA;AAAA;AAAA,iBAGO,kBAAA,CAAA;EACP,OAAA;EACA,eAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA;AAAA,GACC,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,39 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import { Label } from "../../ui-resolver/label.mjs";
+import { Checkbox } from "../../ui-resolver/checkbox.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/checkbox.tsx
+function StorefrontCheckbox({ checked, onCheckedChange, label, disabled, required, error, className }) {
+	const id = React$1.useId();
+	const errorId = `${id}-error`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "inline-flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				id,
+				checked,
+				onCheckedChange,
+				disabled,
+				required,
+				"aria-invalid": error ? true : void 0,
+				"aria-describedby": error ? errorId : void 0
+			}), /* @__PURE__ */ jsx(Label, {
+				htmlFor: id,
+				className: "cursor-pointer text-sm font-normal",
+				children: label
+			})]
+		}), error && /* @__PURE__ */ jsx("p", {
+			id: errorId,
+			role: "alert",
+			className: "text-(--enad-error-color) text-sm",
+			children: error
+		})]
+	});
+}
+//#endregion
+export { StorefrontCheckbox };
+
+//# sourceMappingURL=checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.mjs","names":["React"],"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: React.ReactNode;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  className?: string;\n}\n\nfunction StorefrontCheckbox({\n  checked,\n  onCheckedChange,\n  label,\n  disabled,\n  required,\n  error,\n  className,\n}: StorefrontCheckboxProps) {\n  const id = React.useId();\n  const errorId = `${id}-error`;\n\n  return (\n    <div className={cn(\"flex flex-col gap-1\", className)}>\n      <div className=\"inline-flex items-center gap-3\">\n        <Checkbox\n          id={id}\n          checked={checked}\n          onCheckedChange={onCheckedChange}\n          disabled={disabled}\n          required={required}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? errorId : undefined}\n        />\n        <Label htmlFor={id} className=\"cursor-pointer text-sm font-normal\">\n          {label}\n        </Label>\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 { StorefrontCheckbox, type StorefrontCheckboxProps };\n"],"mappings":";;;;;;;AAiBA,SAAS,mBAAmB,EAC1B,SACA,iBACA,OACA,UACA,UACA,OACA,aAC0B;CAC1B,MAAM,KAAKA,QAAM,OAAO;CACxB,MAAM,UAAU,GAAG,GAAG;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,UAAU;YAApD,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,UAAD;IACM;IACK;IACQ;IACP;IACA;IACV,gBAAc,QAAQ,OAAO,KAAA;IAC7B,oBAAkB,QAAQ,UAAU,KAAA;IACpC,CAAA,EACF,oBAAC,OAAD;IAAO,SAAS;IAAI,WAAU;cAC3B;IACK,CAAA,CACJ;MACL,SACC,oBAAC,KAAD;GAAG,IAAI;GAAS,MAAK;GAAQ,WAAU;aACpC;GACC,CAAA,CAEF"}

package/dist/client/storefront/primitives/country-select.d.ts

@@ -0,0 +1,15 @@
+import { SelectOption, StorefrontSelectProps } from "./select.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/country-select.d.ts
+declare const NORDIC_COUNTRIES: SelectOption[];
+interface CountrySelectProps extends Omit<StorefrontSelectProps, "options"> {
+  countries?: SelectOption[];
+}
+declare function CountrySelect({
+  countries,
+  ...props
+}: CountrySelectProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CountrySelect, type CountrySelectProps, NORDIC_COUNTRIES };
+//# sourceMappingURL=country-select.d.ts.map

package/dist/client/storefront/primitives/country-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-select.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/country-select.tsx"],"mappings":";;;;cAKM,gBAAA,EAAkB,YAAA;AAAA,UAOd,kBAAA,SAA2B,IAAA,CAAK,qBAAA;EACxC,SAAA,GAAY,YAAA;AAAA;AAAA,iBAGL,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAiC;AAAA,GAAS,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/primitives/country-select.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { StorefrontSelect } from "./select.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/country-select.tsx
+const NORDIC_COUNTRIES = [
+	{
+		value: "SE",
+		label: "Sweden"
+	},
+	{
+		value: "NO",
+		label: "Norway"
+	},
+	{
+		value: "DK",
+		label: "Denmark"
+	},
+	{
+		value: "FI",
+		label: "Finland"
+	}
+];
+function CountrySelect({ countries = NORDIC_COUNTRIES, ...props }) {
+	return /* @__PURE__ */ jsx(StorefrontSelect, {
+		options: countries,
+		...props
+	});
+}
+//#endregion
+export { CountrySelect, NORDIC_COUNTRIES };
+
+//# sourceMappingURL=country-select.mjs.map

package/dist/client/storefront/primitives/country-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-select.mjs","names":[],"sources":["../../../../src/client/storefront/primitives/country-select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { StorefrontSelect, type StorefrontSelectProps, type SelectOption } from \"./select\";\n\nconst NORDIC_COUNTRIES: SelectOption[] = [\n  { value: \"SE\", label: \"Sweden\" },\n  { value: \"NO\", label: \"Norway\" },\n  { value: \"DK\", label: \"Denmark\" },\n  { value: \"FI\", label: \"Finland\" },\n];\n\ninterface CountrySelectProps extends Omit<StorefrontSelectProps, \"options\"> {\n  countries?: SelectOption[];\n}\n\nfunction CountrySelect({ countries = NORDIC_COUNTRIES, ...props }: CountrySelectProps) {\n  return <StorefrontSelect options={countries} {...props} />;\n}\n\nexport { CountrySelect, type CountrySelectProps, NORDIC_COUNTRIES };\n"],"mappings":";;;;;AAKA,MAAM,mBAAmC;CACvC;EAAE,OAAO;EAAM,OAAO;EAAU;CAChC;EAAE,OAAO;EAAM,OAAO;EAAU;CAChC;EAAE,OAAO;EAAM,OAAO;EAAW;CACjC;EAAE,OAAO;EAAM,OAAO;EAAW;CAClC;AAMD,SAAS,cAAc,EAAE,YAAY,kBAAkB,GAAG,SAA6B;AACrF,QAAO,oBAAC,kBAAD;EAAkB,SAAS;EAAW,GAAI;EAAS,CAAA"}

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/download-item.d.ts
+interface DownloadItemProps {
+  label: string;
+  url: string;
+  fileType?: string;
+  className?: string;
+}
+declare function DownloadItem({
+  label,
+  url,
+  fileType,
+  className
+}: DownloadItemProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+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","names":[],"sources":["../../../../src/client/storefront/primitives/download-item.tsx"],"mappings":";;;UAIU,iBAAA;EACR,KAAA;EACA,GAAA;EACA,QAAA;EACA,SAAA;AAAA;AAAA,iBAGO,YAAA,CAAA;EAAe,KAAA;EAAO,GAAA;EAAK,QAAA;EAAU;AAAA,GAAa,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,27 @@
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/download-item.tsx
+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" })]
+	});
+}
+//#endregion
+export { DownloadItem };
+
+//# sourceMappingURL=download-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"download-item.mjs","names":[],"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":";;;;;AAWA,SAAS,aAAa,EAAE,OAAO,KAAK,UAAU,aAAgC;CAC5E,MAAM,eAAe,QAAQ,WAAW;AACxC,QACE,qBAAC,KAAD;EACE,MAAM;EACN,UAAA;EACA,WAAW,GACT,oIACA,UACD;YANH,CAQE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD;IAAM,WAAU;cAAuB;IAAa,CAAA,EACnD,YACC,oBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,CAEL;MACN,oBAAC,cAAD,EAAc,WAAU,yCAA0C,CAAA,CAChE"}

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

@@ -0,0 +1,11 @@
+import { SelectOption, StorefrontSelect, StorefrontSelectProps } from "./select.js";
+import { StorefrontInput, StorefrontInputProps } from "./input.js";
+import { StorefrontCheckbox, StorefrontCheckboxProps } from "./checkbox.js";
+import { StorefrontButton, StorefrontButtonProps, StorefrontButtonSize, StorefrontButtonVariant } from "./button.js";
+import { StorefrontTextLink, StorefrontTextLinkProps } from "./text-link.js";
+import { StorefrontPagination, StorefrontPaginationProps } from "./pagination.js";
+import { BreadcrumbItemData, StorefrontBreadcrumbs, StorefrontBreadcrumbsProps } from "./breadcrumbs.js";
+import { QuickLink, QuickLinks, QuickLinksProps } from "./quick-links.js";
+import { DownloadItem, DownloadItemProps } from "./download-item.js";
+import { SimpleSelect, SimpleSelectOption, SimpleSelectProps } from "../../ui/simple-select.js";
+export { type BreadcrumbItemData, DownloadItem, type DownloadItemProps, type QuickLink, QuickLinks, type QuickLinksProps, type SelectOption, SimpleSelect, type SimpleSelectOption, type SimpleSelectProps, StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps, StorefrontButton, type StorefrontButtonProps, type StorefrontButtonSize, type StorefrontButtonVariant, StorefrontCheckbox, type StorefrontCheckboxProps, StorefrontInput, type StorefrontInputProps, StorefrontPagination, type StorefrontPaginationProps, StorefrontSelect, type StorefrontSelectProps, StorefrontTextLink, type StorefrontTextLinkProps };

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

@@ -0,0 +1,11 @@
+import { StorefrontButton } from "./button.mjs";
+import { StorefrontInput } from "./input.mjs";
+import { StorefrontSelect } from "./select.mjs";
+import { StorefrontCheckbox } from "./checkbox.mjs";
+import { StorefrontTextLink } from "./text-link.mjs";
+import { StorefrontPagination } from "./pagination.mjs";
+import { StorefrontBreadcrumbs } from "./breadcrumbs.mjs";
+import { QuickLinks } from "./quick-links.mjs";
+import { DownloadItem } from "./download-item.mjs";
+import { SimpleSelect } from "../../ui/simple-select.mjs";
+export { DownloadItem, QuickLinks, SimpleSelect, StorefrontBreadcrumbs, StorefrontButton, StorefrontCheckbox, StorefrontInput, StorefrontPagination, StorefrontSelect, StorefrontTextLink };

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

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/input.d.ts
+interface StorefrontInputProps extends Omit<React$1.ComponentProps<"input">, "ref"> {
+  label?: string;
+  icon?: React$1.ReactNode;
+  onIconClick?: () => void;
+  /** Visual variant of the input field */
+  variant?: "bordered" | "underline";
+  /** 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,
+  variant,
+  error: externalError,
+  validationMessages,
+  className,
+  id: idProp,
+  disabled,
+  required,
+  type,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  ...props
+}: StorefrontInputProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+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","names":[],"sources":["../../../../src/client/storefront/primitives/input.tsx"],"mappings":";;;;UAeU,oBAAA,SAA6B,IAAA,CAAK,OAAA,CAAM,cAAA;EAChD,KAAA;EACA,IAAA,GAAO,OAAA,CAAM,SAAA;EACb,WAAA;EAH6B;EAK7B,OAAA;EAL0C;EAO1C,KAAA;EAPqC;EASrC,kBAAA;IACE,QAAA;IACA,KAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,iBAIK,eAAA,CAAA;EACP,KAAA;EACA,IAAA;EACA,WAAA;EACA,OAAA;EACA,KAAA,EAAO,aAAA;EACP,kBAAA;EACA,SAAA;EACA,EAAA,EAAI,MAAA;EACJ,QAAA;EACA,QAAA;EACA,IAAA;EACA,QAAA,EAAU,YAAA;EACV,MAAA,EAAQ,UAAA;EAAA,GACL;AAAA,GACF,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,87 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import { Input } from "../../ui-resolver/input.mjs";
+import { Label } from "../../ui-resolver/label.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/input.tsx
+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, variant, error: externalError, validationMessages, className, id: idProp, disabled, required, type, onChange: onChangeProp, onBlur: onBlurProp, ...props }) {
+	const generatedId = React$1.useId();
+	const id = idProp ?? generatedId;
+	const errorId = `${id}-error`;
+	const [nativeError, setNativeError] = React$1.useState();
+	const error = externalError ?? nativeError;
+	const resolveMessage = React$1.useCallback((validity) => {
+		if (validity.valueMissing) return validationMessages?.required ?? "This field is required";
+		if (validity.typeMismatch) return (type ? validationMessages?.email ?? defaultMessages[type] : void 0) ?? "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$1.useCallback((e) => {
+		e.preventDefault();
+		setNativeError(resolveMessage(e.target.validity));
+	}, [resolveMessage]);
+	const handleChange = React$1.useCallback((e) => {
+		if (nativeError && e.target.validity.valid) setNativeError(void 0);
+		onChangeProp?.(e);
+	}, [nativeError, onChangeProp]);
+	const handleBlur = React$1.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,
+					variant,
+					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
+			})
+		]
+	});
+}
+//#endregion
+export { StorefrontInput };
+
+//# sourceMappingURL=input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":["React"],"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  /** Visual variant of the input field */\n  variant?: \"bordered\" | \"underline\";\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  variant,\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          variant={variant}\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":";;;;;;;AAOA,MAAM,kBAA0C;CAC9C,OAAO;CACP,UAAU;CACV,KAAK;CACL,KAAK;CACL,QAAQ;CACT;AAmBD,SAAS,gBAAgB,EACvB,OACA,MACA,aACA,SACA,OAAO,eACP,oBACA,WACA,IAAI,QACJ,UACA,UACA,MACA,UAAU,cACV,QAAQ,YACR,GAAG,SACoB;CACvB,MAAM,cAAcA,QAAM,OAAO;CACjC,MAAM,KAAK,UAAU;CACrB,MAAM,UAAU,GAAG,GAAG;CAEtB,MAAM,CAAC,aAAa,kBAAkBA,QAAM,UAA8B;CAC1E,MAAM,QAAQ,iBAAiB;CAE/B,MAAM,iBAAiBA,QAAM,aAC1B,aAAoC;AACnC,MAAI,SAAS,aACX,QAAO,oBAAoB,YAAY;AAEzC,MAAI,SAAS,aAEX,SADgB,OAAQ,oBAAoB,SAAS,gBAAgB,QAAS,KAAA,MAC5D;AAEpB,MAAI,SAAS,SACX,QAAO,oBAAoB,aAAa;AAE1C,MAAI,SAAS,gBACX,QAAO,oBAAoB,WAAW;AAExC,SAAO;IAET,CAAC,MAAM,mBAAmB,CAC3B;CAED,MAAM,gBAAgBA,QAAM,aACzB,MAA4C;AAC3C,IAAE,gBAAgB;AAClB,iBAAe,eAAe,EAAE,OAAO,SAAS,CAAC;IAEnD,CAAC,eAAe,CACjB;CAED,MAAM,eAAeA,QAAM,aACxB,MAA2C;AAC1C,MAAI,eAAe,EAAE,OAAO,SAAS,MACnC,gBAAe,KAAA,EAAU;AAE3B,iBAAe,EAAE;IAEnB,CAAC,aAAa,aAAa,CAC5B;CAED,MAAM,aAAaA,QAAM,aACtB,MAA0C;AACzC,MAAI,EAAE,OAAO,SAAS,CAAC,EAAE,OAAO,SAAS,MACvC,gBAAe,eAAe,EAAE,OAAO,SAAS,CAAC;AAEnD,eAAa,EAAE;IAEjB,CAAC,gBAAgB,WAAW,CAC7B;AAED,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;YAAtD;GACG,SACC,qBAAC,OAAD;IAAO,SAAS;IAAI,WAAU;cAA9B,CACG,OACA,YAAY,oBAAC,QAAD;KAAM,WAAU;eAAmC;KAAQ,CAAA,CAClE;;GAEV,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KACM;KACE;KACG;KACC;KACA;KACV,gBAAc,QAAQ,OAAO,KAAA;KAC7B,oBAAkB,QAAQ,UAAU,KAAA;KACpC,WAAW,OAAO,UAAU,KAAA;KAC5B,WAAW;KACX,GAAI;KACJ,UAAU;KACV,QAAQ;KACR,CAAA,EACD,QACC,oBAAC,UAAD;KACE,MAAK;KACL,UAAU;KACA;KACV,SAAS;KACT,WAAU;eAET;KACM,CAAA,CAEP;;GACL,SACC,oBAAC,KAAD;IAAG,IAAI;IAAS,MAAK;IAAQ,WAAU;cACpC;IACC,CAAA;GAEF"}

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/pagination.d.ts
+interface StorefrontPaginationProps {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+  className?: string;
+}
+declare function StorefrontPagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  className
+}: StorefrontPaginationProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+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","names":[],"sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"mappings":";;;UAaU,yBAAA;EACR,WAAA;EACA,UAAA;EACA,YAAA,GAAe,IAAA;EACf,SAAA;AAAA;AAAA,iBA6BO,oBAAA,CAAA;EACP,WAAA;EACA,UAAA;EACA,YAAA;EACA;AAAA,GACC,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,59 @@
+"use client";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../../ui-resolver/pagination.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/pagination.tsx
+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
+			}) })
+		] })
+	});
+}
+//#endregion
+export { StorefrontPagination };
+
+//# sourceMappingURL=pagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","names":[],"sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"../../ui-resolver/pagination\";\n\ninterface StorefrontPaginationProps {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nfunction getPageNumbers(current: number, total: number): (number | \"ellipsis\")[] {\n  if (total <= 7) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  const pages: (number | \"ellipsis\")[] = [1];\n\n  if (current > 3) {\n    pages.push(\"ellipsis\");\n  }\n\n  const start = Math.max(2, current - 1);\n  const end = Math.min(total - 1, current + 1);\n\n  for (let i = start; i <= end; i++) {\n    pages.push(i);\n  }\n\n  if (current < total - 2) {\n    pages.push(\"ellipsis\");\n  }\n\n  pages.push(total);\n  return pages;\n}\n\nfunction StorefrontPagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  className,\n}: StorefrontPaginationProps) {\n  if (totalPages <= 1) return null;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <Pagination className={className}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            href=\"#\"\n            size=\"default\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (currentPage > 1) onPageChange(currentPage - 1);\n            }}\n            aria-disabled={currentPage <= 1}\n            className={currentPage <= 1 ? \"pointer-events-none opacity-50\" : undefined}\n          />\n        </PaginationItem>\n\n        {pages.map((page, i) =>\n          page === \"ellipsis\" ? (\n            <PaginationItem key={`ellipsis-${i}`}>\n              <PaginationEllipsis />\n            </PaginationItem>\n          ) : (\n            <PaginationItem key={page}>\n              <PaginationLink\n                href=\"#\"\n                size=\"icon\"\n                isActive={page === currentPage}\n                onClick={(e) => {\n                  e.preventDefault();\n                  onPageChange(page);\n                }}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          ),\n        )}\n\n        <PaginationItem>\n          <PaginationNext\n            href=\"#\"\n            size=\"default\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (currentPage < totalPages) onPageChange(currentPage + 1);\n            }}\n            aria-disabled={currentPage >= totalPages}\n            className={currentPage >= totalPages ? \"pointer-events-none opacity-50\" : undefined}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n}\n\nexport { StorefrontPagination, type StorefrontPaginationProps };\n"],"mappings":";;;;;AAoBA,SAAS,eAAe,SAAiB,OAAwC;AAC/E,KAAI,SAAS,EACX,QAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAG,GAAG,MAAM,IAAI,EAAE;CAGvD,MAAM,QAAiC,CAAC,EAAE;AAE1C,KAAI,UAAU,EACZ,OAAM,KAAK,WAAW;CAGxB,MAAM,QAAQ,KAAK,IAAI,GAAG,UAAU,EAAE;CACtC,MAAM,MAAM,KAAK,IAAI,QAAQ,GAAG,UAAU,EAAE;AAE5C,MAAK,IAAI,IAAI,OAAO,KAAK,KAAK,IAC5B,OAAM,KAAK,EAAE;AAGf,KAAI,UAAU,QAAQ,EACpB,OAAM,KAAK,WAAW;AAGxB,OAAM,KAAK,MAAM;AACjB,QAAO;;AAGT,SAAS,qBAAqB,EAC5B,aACA,YACA,cACA,aAC4B;AAC5B,KAAI,cAAc,EAAG,QAAO;CAE5B,MAAM,QAAQ,eAAe,aAAa,WAAW;AAErD,QACE,oBAAC,YAAD;EAAuB;YACrB,qBAAC,mBAAD,EAAA,UAAA;GACE,oBAAC,gBAAD,EAAA,UACE,oBAAC,oBAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,SAAI,cAAc,EAAG,cAAa,cAAc,EAAE;;IAEpD,iBAAe,eAAe;IAC9B,WAAW,eAAe,IAAI,mCAAmC,KAAA;IACjE,CAAA,EACa,CAAA;GAEhB,MAAM,KAAK,MAAM,MAChB,SAAS,aACP,oBAAC,gBAAD,EAAA,UACE,oBAAC,oBAAD,EAAsB,CAAA,EACP,EAFI,YAAY,IAEhB,GAEjB,oBAAC,gBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU,SAAS;IACnB,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,kBAAa,KAAK;;cAGnB;IACc,CAAA,EACF,EAZI,KAYJ,CAEpB;GAED,oBAAC,gBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,SAAI,cAAc,WAAY,cAAa,cAAc,EAAE;;IAE7D,iBAAe,eAAe;IAC9B,WAAW,eAAe,aAAa,mCAAmC,KAAA;IAC1E,CAAA,EACa,CAAA;GACC,EAAA,CAAA;EACT,CAAA"}

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

@@ -0,0 +1,16 @@
+import { StorefrontInputProps } from "./input.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/password-input.d.ts
+interface PasswordInputProps extends Omit<StorefrontInputProps, "type" | "icon" | "onIconClick"> {
+  showLabel?: string;
+  hideLabel?: string;
+}
+declare function PasswordInput({
+  showLabel,
+  hideLabel,
+  ...props
+}: PasswordInputProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PasswordInput, type PasswordInputProps };
+//# sourceMappingURL=password-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/password-input.tsx"],"mappings":";;;;UAKU,kBAAA,SAA2B,IAAA,CAAK,oBAAA;EACxC,SAAA;EACA,SAAA;AAAA;AAAA,iBAGO,aAAA,CAAA;EAAgB,SAAA;EAAoB,SAAA;EAAA,GAAuB;AAAA,GAAS,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,21 @@
+"use client";
+import { StorefrontInput } from "./input.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/password-input.tsx
+function PasswordInput({ showLabel = "Show", hideLabel = "Hide", ...props }) {
+	const [visible, setVisible] = React$1.useState(false);
+	return /* @__PURE__ */ jsx(StorefrontInput, {
+		...props,
+		type: visible ? "text" : "password",
+		icon: /* @__PURE__ */ jsx("span", {
+			className: "text-xs select-none",
+			children: visible ? hideLabel : showLabel
+		}),
+		onIconClick: () => setVisible((v) => !v)
+	});
+}
+//#endregion
+export { PasswordInput };
+
+//# sourceMappingURL=password-input.mjs.map