@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/features/layout/index.cjs

@@ -1,1766 +0,0 @@
-"use client";
-'use strict';
-
-var Link3 = require('next/link');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var tailwindMerge = require('tailwind-merge');
-require('react-dom');
-var Image = require('next/image');
-var navigation = require('next/navigation');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var Link3__default = /*#__PURE__*/_interopDefault(Link3);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var Image__default = /*#__PURE__*/_interopDefault(Image);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var Section = React__default.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("section", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Section.displayName = "Section";
-var Aside = React__default.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("aside", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Aside.displayName = "Aside";
-function Nav(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function BlockHeader(_a) {
-  var _b = _a, {
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("header", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function BlockFooter(_a) {
-  var _b = _a, {
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function Ul(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function Ol(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function Li(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("li", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-var Div = React__default.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className }, props), { children }));
-  }
-);
-Div.displayName = "Div";
-var UI_THEME = {
-  typography: {
-    h1: "text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight font-display",
-    h2: "text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight font-display",
-    h3: "text-xl md:text-2xl lg:text-3xl font-bold tracking-tight font-display",
-    h4: "text-lg md:text-xl lg:text-2xl font-bold font-display",
-    h5: "text-base md:text-lg lg:text-xl font-medium",
-    h6: "text-sm md:text-base lg:text-lg font-medium",
-    body: "text-base lg:text-lg",
-    small: "text-sm lg:text-base",
-    xs: "text-xs lg:text-sm"
-  },
-  themed: {
-    textPrimary: "text-zinc-900 dark:text-zinc-50",
-    textSecondary: "text-zinc-500 dark:text-zinc-400",
-    textMuted: "text-zinc-400 dark:text-zinc-500",
-    textError: "text-red-600 dark:text-red-400",
-    textSuccess: "text-emerald-600 dark:text-emerald-400"
-  },
-  colors: {
-    form: {
-      required: "text-red-500"
-    }
-  }
-};
-function Heading(_a) {
-  var _b = _a, {
-    level = 1,
-    variant = "primary",
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "level",
-    "variant",
-    "className",
-    "children"
-  ]);
-  const Tag = `h${level}`;
-  const { typography, themed } = UI_THEME;
-  const sizeClasses = {
-    1: typography.h1,
-    2: typography.h2,
-    3: typography.h3,
-    4: typography.h4,
-    5: typography.h5,
-    6: typography.h6
-  };
-  const variantClasses = {
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    none: ""
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses[level]} ${variantClasses[variant]} ${className}`
-    }, props), {
-      children
-    })
-  );
-}
-function Text(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "base",
-    weight = "normal",
-    className = "",
-    as: Tag = "p",
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "weight",
-    "className",
-    "as",
-    "children"
-  ]);
-  const { typography, themed } = UI_THEME;
-  const sizeClasses = {
-    xs: typography.xs,
-    sm: typography.small,
-    base: typography.body,
-    lg: "text-lg",
-    xl: "text-xl"
-  };
-  const weightClasses = {
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold"
-  };
-  const variantClasses = {
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    error: themed.textError,
-    success: themed.textSuccess,
-    none: ""
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses[size]} ${weightClasses[weight]} ${variantClasses[variant]} ${className}`
-    }, props), {
-      children
-    })
-  );
-}
-function Label(_a) {
-  var _b = _a, {
-    required,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "required",
-    "className",
-    "children"
-  ]);
-  const { themed, typography, colors } = UI_THEME;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    __spreadProps(__spreadValues({
-      className: `block ${typography.small} font-medium ${themed.textSecondary} mb-1.5 ${className}`
-    }, props), {
-      children: [
-        children,
-        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${colors.form.required} ml-1`, children: "*" })
-      ]
-    })
-  );
-}
-function Span(_a) {
-  var _b = _a, {
-    variant = "inherit",
-    size,
-    weight,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "weight",
-    "className",
-    "children"
-  ]);
-  const { themed, typography } = UI_THEME;
-  const variantClasses = {
-    inherit: "",
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    error: themed.textError,
-    success: themed.textSuccess,
-    accent: "text-primary"
-  };
-  const sizeClasses = {
-    xs: typography.xs,
-    sm: typography.small,
-    base: typography.body,
-    lg: "text-lg",
-    xl: "text-xl"
-  };
-  const weightClasses = {
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold"
-  };
-  const classes = [
-    size ? sizeClasses[size] : "",
-    weight ? weightClasses[weight] : "",
-    variantClasses[variant],
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
-var toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-
-// node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-  return false;
-};
-var LucideContext = React.createContext({});
-var useLucideContext = () => React.useContext(LucideContext);
-
-// node_modules/lucide-react/dist/esm/Icon.js
-var Icon = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode } = _b, rest = __objRest(_b, ["color", "size", "strokeWidth", "absoluteStrokeWidth", "className", "children", "iconNode"]);
-    var _a2, _b2, _c;
-    const {
-      size: contextSize = 24,
-      strokeWidth: contextStrokeWidth = 2,
-      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
-      color: contextColor = "currentColor",
-      className: contextClass = ""
-    } = (_a2 = useLucideContext()) != null ? _a2 : {};
-    const calculatedStrokeWidth = (absoluteStrokeWidth != null ? absoluteStrokeWidth : contextAbsoluteStrokeWidth) ? Number(strokeWidth != null ? strokeWidth : contextStrokeWidth) * 24 / Number(size != null ? size : contextSize) : strokeWidth != null ? strokeWidth : contextStrokeWidth;
-    return React.createElement(
-      "svg",
-      __spreadValues(__spreadValues(__spreadProps(__spreadValues({
-        ref
-      }, defaultAttributes), {
-        width: (_b2 = size != null ? size : contextSize) != null ? _b2 : defaultAttributes.width,
-        height: (_c = size != null ? size : contextSize) != null ? _c : defaultAttributes.height,
-        stroke: color != null ? color : contextColor,
-        strokeWidth: calculatedStrokeWidth,
-        className: mergeClasses("lucide", contextClass, className)
-      }), !children && !hasA11yProp(rest) && { "aria-hidden": "true" }), rest),
-      [
-        ...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = React.forwardRef(
-    (_a, ref) => {
-      var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-      return React.createElement(Icon, __spreadValues({
-        ref,
-        iconNode,
-        className: mergeClasses(
-          `lucide-${toKebabCase(toPascalCase(iconName))}`,
-          `lucide-${iconName}`,
-          className
-        )
-      }, props));
-    }
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
-
-// node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("check", __iconNode);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode2);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-up.js
-var __iconNode3 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-var ChevronUp = createLucideIcon("chevron-up", __iconNode3);
-
-// node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode4 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode4);
-var UI_BUTTON = {
-  base: "inline-flex items-center justify-center font-medium rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",
-  active: "active:scale-95",
-  variants: {
-    primary: "bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-sm focus:ring-primary-500/30 dark:bg-secondary-500 dark:text-white dark:hover:bg-secondary-400 dark:active:bg-secondary-600 dark:focus:ring-secondary-400/30",
-    secondary: "bg-primary-700 text-white hover:bg-primary-600 active:bg-primary-800 shadow-md focus:ring-primary-500 dark:bg-secondary-700 dark:text-white dark:hover:bg-secondary-600 dark:active:bg-secondary-800 dark:focus:ring-secondary-500",
-    outline: "border border-zinc-200 dark:border-slate-700 bg-white dark:bg-transparent text-zinc-900 dark:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    ghost: "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    danger: "bg-red-600 text-white hover:bg-red-500 active:bg-red-700 shadow-sm shadow-red-600/10 focus:ring-red-500",
-    warning: "bg-amber-500 text-white hover:bg-amber-400 active:bg-amber-600 shadow-sm shadow-amber-500/10 focus:ring-amber-500"
-  },
-  sizes: {
-    sm: "px-2.5 py-1.5 text-xs sm:px-3 sm:text-sm gap-1.5 min-h-[36px]",
-    md: "px-3 py-2 text-sm sm:px-4 sm:py-2.5 sm:text-base gap-2 min-h-[44px]",
-    lg: "px-4 py-2.5 text-base sm:px-6 sm:py-3 sm:text-lg gap-2.5 min-h-[44px]"
-  }
-};
-function Button(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "md",
-    className = "",
-    isLoading = false,
-    disabled,
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "className",
-    "isLoading",
-    "disabled",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    __spreadProps(__spreadValues({
-      className: tailwindMerge.twMerge(
-        UI_BUTTON.base,
-        UI_BUTTON.active,
-        UI_BUTTON.variants[variant],
-        UI_BUTTON.sizes[size],
-        className
-      ),
-      disabled: disabled || isLoading,
-      "aria-busy": isLoading || void 0
-    }, props), {
-      children: [
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx(
-          LoaderCircle,
-          {
-            className: "w-4 h-4 animate-spin flex-shrink-0",
-            "aria-hidden": "true"
-          }
-        ),
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children }) : children
-      ]
-    })
-  );
-}
-React.createContext(null);
-function Select({
-  options,
-  value,
-  onChange,
-  placeholder = "Select\u2026",
-  label,
-  error,
-  disabled = false,
-  required,
-  className = "",
-  id: externalId
-}) {
-  var _a;
-  const generatedId = React.useId();
-  const id = externalId != null ? externalId : generatedId;
-  const [open, setOpen] = React.useState(false);
-  const [openUp, setOpenUp] = React.useState(false);
-  const ref = React.useRef(null);
-  const selected = options.find((o) => o.value === value);
-  const toggle = React.useCallback(() => {
-    if (!disabled) {
-      if (!open && ref.current) {
-        const rect = ref.current.getBoundingClientRect();
-        const spaceBelow = window.innerHeight - rect.bottom;
-        const spaceAbove = rect.top;
-        setOpenUp(spaceBelow < 160 && spaceAbove > spaceBelow);
-      }
-      setOpen((v) => !v);
-    }
-  }, [disabled, open]);
-  const handleSelect = React.useCallback(
-    (val) => {
-      onChange == null ? void 0 : onChange(val);
-      setOpen(false);
-    },
-    [onChange]
-  );
-  React.useEffect(() => {
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    if (open) document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open]);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        setOpen(false);
-        return;
-      }
-      if (e.key === "Enter" || e.key === " ") {
-        toggle();
-        e.preventDefault();
-        return;
-      }
-      if (e.key === "ArrowDown" && !open) {
-        setOpen(true);
-        e.preventDefault();
-        return;
-      }
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        const idx = options.findIndex((o) => o.value === value);
-        const next = options.slice(idx < 0 ? 0 : idx + 1).find((o) => !o.disabled);
-        if (next) onChange == null ? void 0 : onChange(next.value);
-      }
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        const idx = options.findIndex((o) => o.value === value);
-        if (idx < 0) return;
-        const prev = [...options].slice(0, idx).reverse().find((o) => !o.disabled);
-        if (prev) onChange == null ? void 0 : onChange(prev.value);
-      }
-    },
-    [open, options, value, onChange, toggle]
-  );
-  const triggerClass = [
-    "flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-sm",
-    "transition-colors bg-white dark:bg-slate-800/60",
-    "focus:outline-none focus:ring-2 focus:ring-offset-0",
-    error ? "border-red-400 dark:border-red-500 focus:ring-red-500/20" : "border-zinc-200 dark:border-slate-700 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 focus:border-primary-500 dark:focus:border-secondary-400",
-    disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-    className
-  ].join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "relative w-full", children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(
-      Label,
-      {
-        htmlFor: id,
-        className: "!text-zinc-700 dark:!text-zinc-300",
-        required,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
-      {
-        id,
-        type: "button",
-        role: "combobox",
-        "aria-expanded": open,
-        "aria-haspopup": "listbox",
-        "aria-disabled": disabled,
-        disabled,
-        variant: "ghost",
-        className: triggerClass,
-        onClick: toggle,
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Span,
-            {
-              className: selected ? "text-zinc-900 dark:text-zinc-50" : "text-zinc-400 dark:text-zinc-500",
-              children: (_a = selected == null ? void 0 : selected.label) != null ? _a : placeholder
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ChevronDown,
-            {
-              className: `h-4 w-4 flex-shrink-0 text-zinc-400 transition-transform duration-200 ${open ? "rotate-180" : ""}`,
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      Ul,
-      {
-        role: "listbox",
-        className: [
-          "absolute z-50 w-full overflow-auto rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800 shadow-lg max-h-60 py-1",
-          openUp ? "bottom-full mb-1" : "top-full mt-1"
-        ].join(" "),
-        children: options.map((option) => {
-          const isSelected = option.value === value;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            Li,
-            {
-              role: "option",
-              "aria-selected": isSelected,
-              "aria-disabled": option.disabled,
-              className: [
-                "relative flex cursor-pointer items-center px-3 py-2 text-sm select-none",
-                option.disabled ? "opacity-40 cursor-not-allowed" : isSelected ? "bg-primary-50 dark:bg-primary-900/20 text-primary-700 dark:text-primary-300" : "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-700"
-              ].join(" "),
-              onClick: () => !option.disabled && handleSelect(option.value),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "flex-1", children: option.label }),
-                isSelected && /* @__PURE__ */ jsxRuntime.jsx(
-                  Check,
-                  {
-                    className: "h-4 w-4 ml-2 flex-shrink-0",
-                    "aria-hidden": "true"
-                  }
-                )
-              ]
-            },
-            option.value
-          );
-        })
-      }
-    ),
-    error && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", variant: "error", className: "mt-1.5", role: "alert", children: error })
-  ] });
-}
-var GAP_MAP = {
-  none: "",
-  px: "gap-px",
-  xs: "gap-1",
-  sm: "gap-2",
-  "2.5": "gap-2.5",
-  "3": "gap-3",
-  md: "gap-4",
-  "5": "gap-5",
-  lg: "gap-6",
-  xl: "gap-8",
-  "2xl": "gap-12"
-};
-var ITEMS_MAP = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  stretch: "items-stretch",
-  baseline: "items-baseline"
-};
-var JUSTIFY_MAP = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly"
-};
-function Row(_a) {
-  var _b = _a, {
-    gap = "md",
-    centered = false,
-    align = "center",
-    justify = "start",
-    wrap = false,
-    as,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "gap",
-    "centered",
-    "align",
-    "justify",
-    "wrap",
-    "as",
-    "className",
-    "children"
-  ]);
-  const Tag = as != null ? as : "div";
-  const classes = [
-    "flex flex-row",
-    centered ? "items-center justify-center" : ITEMS_MAP[align],
-    !centered && justify !== "start" ? JUSTIFY_MAP[justify] : "",
-    GAP_MAP[gap],
-    wrap ? "flex-wrap" : "",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(Tag, __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-function DefaultNavItem({
-  item,
-  isActive
-}) {
-  const activeClasses = item.highlighted ? "border border-primary-500/30 dark:border-secondary-400/30 text-primary-600 dark:text-secondary-400 bg-primary-50/60 dark:bg-secondary-900/30 px-3" : isActive ? "bg-zinc-100 dark:bg-slate-800 text-zinc-900 dark:text-zinc-50 font-semibold px-3" : "text-zinc-600 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-slate-800 hover:text-zinc-900 dark:hover:text-zinc-50 transition-colors px-3";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Link3__default.default,
-    {
-      href: item.href,
-      "aria-current": isActive ? "page" : void 0,
-      className: `flex items-center gap-1.5 py-2 text-sm rounded-lg font-medium transition-colors duration-150 ${activeClasses}`,
-      children: [
-        item.icon,
-        /* @__PURE__ */ jsxRuntime.jsx(Span, { children: item.label })
-      ]
-    }
-  );
-}
-function NavbarLayout({
-  items,
-  activeHref,
-  id = "main-navbar",
-  ariaLabel = "Main navigation",
-  inline = false,
-  renderItem
-}) {
-  if (inline) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Ul,
-      {
-        "aria-label": ariaLabel,
-        className: "hidden md:flex items-center gap-0.5 lg:gap-1",
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Li, { children: renderItem ? renderItem(item, activeHref === item.href) : /* @__PURE__ */ jsxRuntime.jsx(DefaultNavItem, { item, isActive: activeHref === item.href }) }, item.href))
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Nav,
-    {
-      id,
-      "aria-label": ariaLabel,
-      className: "hidden md:block bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-b border-zinc-200/80 dark:border-slate-800/80",
-      children: /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "container mx-auto px-4 sm:px-6 lg:px-8 max-w-[1920px]", children: /* @__PURE__ */ jsxRuntime.jsx(Ul, { className: "flex items-center gap-0.5 lg:gap-1 h-10 md:h-12", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Li, { children: renderItem ? renderItem(item, activeHref === item.href) : /* @__PURE__ */ jsxRuntime.jsx(
-        DefaultNavItem,
-        {
-          item,
-          isActive: activeHref === item.href
-        }
-      ) }, item.href)) }) })
-    }
-  );
-}
-function FooterLayout({
-  brandName,
-  brandDescription,
-  socialLinks,
-  linkGroups,
-  copyrightText,
-  madeInText,
-  newsletterSlot,
-  newsletterEnabled = true,
-  showTrustBar = false,
-  trustBarItems = [],
-  id = "footer"
-}) {
-  const [openGroups, setOpenGroups] = React.useState({});
-  const toggleGroup = (idx) => setOpenGroups((prev) => __spreadProps(__spreadValues({}, prev), { [idx]: !prev[idx] }));
-  const visibleTrustItems = trustBarItems.filter(
-    (item) => item.visible !== false
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    BlockFooter,
-    {
-      id,
-      className: "bg-zinc-50 dark:bg-slate-900 border-t border-zinc-200 dark:border-slate-800",
-      children: [
-        showTrustBar && visibleTrustItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "border-b border-zinc-200 dark:border-slate-800 py-6", children: /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "container mx-auto px-4 sm:px-6 lg:px-8 max-w-[1920px]", children: /* @__PURE__ */ jsxRuntime.jsx(Row, { as: "ul", wrap: true, justify: "center", gap: "lg", className: "lg:gap-10", children: visibleTrustItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-          Li,
-          {
-            className: "flex items-center gap-3 text-sm min-w-[160px]",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "flex-shrink-0 text-primary-600 dark:text-secondary-400", children: item.icon }),
-              /* @__PURE__ */ jsxRuntime.jsxs(Span, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "font-semibold text-zinc-900 dark:text-zinc-100", children: item.title }),
-                /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-zinc-500 dark:text-zinc-400 text-xs", children: item.subtitle })
-              ] })
-            ]
-          },
-          item.id
-        )) }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "container mx-auto px-4 sm:px-6 lg:px-8 max-w-[1920px] py-10 lg:py-14", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "grid grid-cols-1 lg:grid-cols-5 gap-10 lg:gap-16", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "lg:col-span-2 space-y-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 5, className: "text-zinc-900 dark:text-zinc-100", children: brandName }),
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed max-w-sm", children: brandDescription }),
-              socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Ul, { className: "flex items-center gap-3", children: socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(Li, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                Link3__default.default,
-                {
-                  href: link.href,
-                  "aria-label": link.ariaLabel,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "flex items-center justify-center w-9 h-9 rounded-full border border-zinc-200 dark:border-slate-700 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:border-zinc-300 dark:hover:border-slate-600 transition-colors",
-                  children: link.icon
-                }
-              ) }, link.platform)) }),
-              newsletterEnabled && newsletterSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "pt-2", children: newsletterSlot })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "lg:col-span-3 grid grid-cols-1 sm:grid-cols-3 gap-0 sm:gap-8", children: linkGroups.map((group, idx) => /* @__PURE__ */ jsxRuntime.jsxs(Div, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => toggleGroup(idx),
-                  className: "sm:hidden flex items-center justify-between w-full py-3 border-b border-zinc-200 dark:border-slate-800 text-sm font-semibold text-zinc-900 dark:text-zinc-100",
-                  children: [
-                    group.heading,
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      ChevronDown,
-                      {
-                        className: `w-4 h-4 transition-transform duration-200 ${openGroups[idx] ? "rotate-180" : ""}`
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Ul,
-                {
-                  className: `sm:hidden overflow-hidden transition-all duration-200 ${openGroups[idx] ? "max-h-96 py-3" : "max-h-0"} space-y-2.5`,
-                  children: group.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(Li, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                    Link3__default.default,
-                    {
-                      href: link.href,
-                      className: "text-sm text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors",
-                      children: link.label
-                    }
-                  ) }, link.href))
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "hidden sm:block", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: group.heading }),
-                /* @__PURE__ */ jsxRuntime.jsx(Ul, { className: "space-y-2.5", children: group.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(Li, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Link3__default.default,
-                  {
-                    href: link.href,
-                    className: "text-sm text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors",
-                    children: link.label
-                  }
-                ) }, link.href)) })
-              ] })
-            ] }, idx)) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "mt-10 pt-6 border-t border-zinc-200 dark:border-slate-800 flex flex-col sm:flex-row items-center justify-between gap-3 text-xs text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-xs text-zinc-600 dark:text-zinc-400", children: copyrightText }),
-            madeInText && /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-xs text-zinc-600 dark:text-zinc-400", children: madeInText })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var SidebarLayout = React.forwardRef(
-  function SidebarLayout2({ isOpen, ariaLabel, onClose, header, children, id = "secondary-sidebar" }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-        Div,
-        {
-          className: "fixed inset-0 bg-black/40 backdrop-blur-[2px] z-[45] transition-opacity duration-300",
-          onClick: onClose,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        Aside,
-        {
-          ref,
-          id,
-          "aria-label": ariaLabel,
-          className: `
-            fixed inset-y-0 right-0
-            w-80
-            bg-white dark:bg-slate-900 border-l border-zinc-200 dark:border-slate-800
-            shadow-2xl
-            transform duration-300 ease-in-out
-            z-50
-            ${isOpen ? "translate-x-0" : "translate-x-full"}
-            flex flex-col
-          `,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex-shrink-0 px-6 py-5 border-b border-zinc-200 dark:border-slate-800 bg-zinc-50 dark:bg-slate-900/80", children: header }),
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex-1 overflow-y-auto scrollbar-thin px-6 py-4", children })
-          ]
-        }
-      )
-    ] });
-  }
-);
-SidebarLayout.displayName = "SidebarLayout";
-function BottomNavLayout({
-  ariaLabel,
-  children,
-  id = "bottom-navbar",
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Nav,
-    {
-      id,
-      "aria-label": ariaLabel,
-      className: `fixed bottom-0 left-0 right-0 md:hidden z-40 bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-t border-zinc-200/80 dark:border-slate-800/80 shadow-2xl pb-safe${className ? ` ${className}` : ""}`,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Ul, { className: "flex items-stretch h-14", children })
-    }
-  );
-}
-function BottomNavItem({
-  href,
-  label,
-  icon,
-  badge,
-  isActive = false,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Li, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href,
-      "aria-label": label,
-      "aria-current": isActive ? "page" : void 0,
-      className: `relative flex flex-col items-center justify-center gap-0.5 h-full w-full min-h-[44px] transition-colors ${isActive ? "text-primary-600 dark:text-secondary-400" : "text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200"}${className ? ` ${className}` : ""}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Span, { className: "relative", children: [
-          icon,
-          badge != null && badge > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            Span,
-            {
-              "aria-label": `${badge} items`,
-              className: "absolute -top-1.5 -right-1.5 min-w-[16px] h-4 px-1 rounded-full text-[10px] font-bold bg-secondary-500 text-white flex items-center justify-center leading-none",
-              children: badge > 99 ? "99+" : badge
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-[10px] font-medium leading-none", children: label })
-      ]
-    }
-  ) });
-}
-function BottomSheet({
-  open,
-  onClose,
-  title,
-  children,
-  className,
-  maxHeight = "max-h-[85dvh]"
-}) {
-  const handleEscape = React.useCallback(
-    (e) => {
-      if (e.key === "Escape") onClose();
-    },
-    [onClose]
-  );
-  React.useEffect(() => {
-    if (open) {
-      document.addEventListener("keydown", handleEscape);
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.removeEventListener("keydown", handleEscape);
-      document.body.style.overflow = "";
-    };
-  }, [open, handleEscape]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "fixed inset-0 z-50 lg:hidden", role: "presentation", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Div,
-      {
-        className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
-        "aria-hidden": "true",
-        onClick: onClose
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      Div,
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        className: `absolute bottom-0 inset-x-0 flex flex-col rounded-t-2xl bg-white dark:bg-zinc-900 border-t border-zinc-200 dark:border-zinc-800 shadow-2xl ${maxHeight} animate-slide-up${className ? ` ${className}` : ""}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between px-4 py-3 border-b border-zinc-100 dark:border-zinc-800 shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "absolute top-2 left-1/2 -translate-x-1/2 w-10 h-1 rounded-full bg-zinc-300 dark:bg-zinc-600" }),
-            title && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-100 mt-2", children: title }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: "button",
-                onClick: onClose,
-                "aria-label": "Close",
-                className: "ml-auto mt-2 p-1.5 rounded-lg text-zinc-500 hover:text-zinc-700 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:text-zinc-200 dark:hover:bg-zinc-800 transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center",
-                children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "20",
-                    height: "20",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    "aria-hidden": "true",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                    ]
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex-1 overflow-y-auto overscroll-contain pb-[env(safe-area-inset-bottom)]", children })
-        ]
-      }
-    )
-  ] });
-}
-function TitleBarLayout({
-  onToggleSidebar,
-  sidebarOpen,
-  onSearchToggle,
-  searchOpen,
-  brandName,
-  brandShortName,
-  logoHref,
-  cartHref,
-  cartCount = 0,
-  profileHref,
-  user,
-  notificationSlot,
-  navSlot,
-  promoStripText,
-  isDark = false,
-  onToggleTheme,
-  id = "titlebar",
-  className = ""
-}) {
-  var _a, _b;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    BlockHeader,
-    {
-      id,
-      className: `sticky top-0 z-50 bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-b border-zinc-200/80 dark:border-slate-800/80 ${className}`,
-      children: [
-        promoStripText && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "bg-gradient-to-r from-primary-700 to-blue-700 dark:from-secondary-700 dark:to-blue-700 text-white text-xs py-1 text-center font-medium", children: promoStripText }),
-        /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "container mx-auto px-4 sm:px-6 lg:px-8 max-w-[1920px]", children: /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between h-12", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                "aria-label": sidebarOpen ? "Close menu" : "Open menu",
-                "aria-expanded": sidebarOpen,
-                "aria-controls": "secondary-sidebar",
-                onClick: onToggleSidebar,
-                className: "flex items-center justify-center w-9 h-9 rounded-lg text-zinc-600 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: "w-5 h-5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    "aria-hidden": "true",
-                    children: sidebarOpen ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M6 18L18 6M6 6l12 12"
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M4 6h16M4 12h16M4 18h16"
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Link3__default.default,
-              {
-                href: logoHref,
-                className: "font-bold text-lg text-zinc-900 dark:text-zinc-50 hover:opacity-80 transition-opacity",
-                children: brandShortName ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "md:hidden", children: brandShortName }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "hidden md:inline", children: brandName })
-                ] }) : brandName
-              }
-            )
-          ] }),
-          navSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "hidden md:flex", children: navSlot }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                "aria-label": "Search",
-                onClick: onSearchToggle,
-                className: "flex items-center justify-center w-9 h-9 rounded-lg text-zinc-600 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: "w-5 h-5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M21 21l-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0z"
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            notificationSlot,
-            onToggleTheme && /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode",
-                onClick: onToggleTheme,
-                className: "flex items-center justify-center w-9 h-9 rounded-lg text-zinc-600 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors",
-                children: isDark ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: "w-5 h-5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M12 3v1m0 16v1m8.66-9h-1M4.34 12h-1m15.07-6.07-.71.71M6.34 17.66l-.71.71m12.73 0-.71-.71M6.34 6.34l-.71-.71M12 5a7 7 0 1 0 0 14A7 7 0 0 0 12 5z"
-                      }
-                    )
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: "w-5 h-5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M21 12.79A9 9 0 1 1 11.21 3a7 7 0 1 0 9.79 9.79z"
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            cartHref && /* @__PURE__ */ jsxRuntime.jsxs(
-              Link3__default.default,
-              {
-                href: cartHref,
-                "aria-label": `Cart${cartCount > 0 ? `, ${cartCount} items` : ""}`,
-                className: "relative flex items-center justify-center w-9 h-9 rounded-lg text-zinc-600 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      className: "w-5 h-5",
-                      fill: "none",
-                      stroke: "currentColor",
-                      viewBox: "0 0 24 24",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        "path",
-                        {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          strokeWidth: 2,
-                          d: "M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z"
-                        }
-                      )
-                    }
-                  ),
-                  cartCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "absolute -top-0.5 -right-0.5 flex items-center justify-center w-4 h-4 rounded-full bg-red-500 text-white text-[10px] font-bold leading-none", children: cartCount > 9 ? "9+" : cartCount })
-                ]
-              }
-            ),
-            profileHref && /* @__PURE__ */ jsxRuntime.jsx(
-              Link3__default.default,
-              {
-                href: profileHref,
-                "aria-label": user ? `Profile \u2014 ${(_a = user.displayName) != null ? _a : user.email}` : "Sign in",
-                className: "flex items-center justify-center w-9 h-9 rounded-lg text-zinc-600 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors",
-                children: (user == null ? void 0 : user.photoURL) ? /* @__PURE__ */ jsxRuntime.jsx(
-                  Image__default.default,
-                  {
-                    src: user.photoURL,
-                    alt: (_b = user.displayName) != null ? _b : "Profile",
-                    width: 28,
-                    height: 28,
-                    className: "w-7 h-7 rounded-full object-cover"
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: "w-5 h-5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0zM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632z"
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-var DEFAULT_PATH_LABELS = {
-  auth: "Authentication",
-  login: "Login",
-  register: "Register",
-  "forgot-password": "Forgot Password",
-  "reset-password": "Reset Password",
-  "verify-email": "Verify Email",
-  profile: "Profile",
-  settings: "Settings",
-  admin: "Admin",
-  users: "Users",
-  dashboard: "Dashboard",
-  products: "Products",
-  cart: "Cart",
-  wishlist: "Wishlist",
-  orders: "Orders",
-  addresses: "Addresses",
-  categories: "Categories",
-  search: "Search",
-  checkout: "Checkout",
-  blog: "Blog",
-  view: "View",
-  add: "Add",
-  edit: "Edit"
-};
-var LOCALE_CODES = /* @__PURE__ */ new Set([
-  "en",
-  "hi",
-  "fr",
-  "de",
-  "es",
-  "pt",
-  "zh",
-  "ja",
-  "ko",
-  "ar",
-  "mr",
-  "bn",
-  "ta",
-  "te",
-  "gu",
-  "kn",
-  "ml",
-  "pa",
-  "ur"
-]);
-function capitalize(s) {
-  return s.charAt(0).toUpperCase() + s.slice(1).replace(/-/g, " ");
-}
-function AutoBreadcrumbs({
-  pathLabels,
-  separator = "/",
-  className = "",
-  renderLink
-}) {
-  const pathname = navigation.usePathname();
-  const labels = __spreadValues(__spreadValues({}, DEFAULT_PATH_LABELS), pathLabels);
-  const segments = pathname.split("/").filter(Boolean).filter(
-    (seg) => !LOCALE_CODES.has(seg.toLowerCase()) && !/^[0-9a-f-]{8,}$/.test(seg) && !/^\d+$/.test(seg)
-  );
-  if (segments.length === 0) return null;
-  const crumbs = segments.map((seg, i) => {
-    var _a;
-    return {
-      label: (_a = labels[seg]) != null ? _a : capitalize(seg),
-      href: "/" + segments.slice(0, i + 1).join("/")
-    };
-  });
-  const allCrumbs = [{ label: "Home", href: "/" }, ...crumbs];
-  return /* @__PURE__ */ jsxRuntime.jsx(Nav, { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx(Ol, { className: "flex items-center gap-2 text-sm flex-wrap", children: allCrumbs.map((crumb, index) => {
-    const isLast = index === allCrumbs.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Li, { className: "flex items-center gap-2", children: [
-      isLast ? /* @__PURE__ */ jsxRuntime.jsx(
-        Span,
-        {
-          "aria-current": "page",
-          className: "text-zinc-500 dark:text-zinc-400",
-          children: crumb.label
-        }
-      ) : renderLink ? renderLink(crumb.href, crumb.label) : /* @__PURE__ */ jsxRuntime.jsx(
-        Link3__default.default,
-        {
-          href: crumb.href,
-          className: "text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors",
-          children: crumb.label
-        }
-      ),
-      !isLast && /* @__PURE__ */ jsxRuntime.jsx(
-        Span,
-        {
-          className: "text-zinc-400 dark:text-zinc-500 select-none",
-          "aria-hidden": "true",
-          children: separator
-        }
-      )
-    ] }, crumb.href);
-  }) }) });
-}
-function Breadcrumbs({
-  children,
-  separator = "/",
-  className = ""
-}) {
-  const items = React__default.default.Children.toArray(children);
-  return /* @__PURE__ */ jsxRuntime.jsx(Nav, { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx(Ol, { className: "flex items-center gap-2 text-sm flex-wrap", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(Li, { className: "flex items-center gap-2", children: [
-    item,
-    index < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
-      Span,
-      {
-        className: "text-zinc-400 dark:text-zinc-500 select-none",
-        "aria-hidden": "true",
-        children: separator
-      }
-    )
-  ] }, index)) }) });
-}
-function BreadcrumbItem({
-  href,
-  children,
-  current = false,
-  className = ""
-}) {
-  if (current || !href) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Span,
-      {
-        "aria-current": current ? "page" : void 0,
-        className: `text-zinc-500 dark:text-zinc-400 ${className}`,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Link3__default.default,
-    {
-      href,
-      className: `text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors ${className}`,
-      children
-    }
-  );
-}
-function LocaleSwitcher({
-  locale,
-  options,
-  onChange,
-  ariaLabel = "Switch language",
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Select,
-    {
-      value: locale,
-      onChange,
-      options,
-      "aria-label": ariaLabel,
-      className
-    }
-  );
-}
-function BackToTop({
-  threshold = 400,
-  ariaLabel = "Back to top",
-  className = ""
-}) {
-  const [visible, setVisible] = React.useState(false);
-  React.useEffect(() => {
-    const handleScroll = () => setVisible(window.scrollY > threshold);
-    window.addEventListener("scroll", handleScroll, { passive: true });
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, [threshold]);
-  if (!visible) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      "aria-label": ariaLabel,
-      onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
-      className: `fixed bottom-20 right-4 z-40 flex items-center justify-center w-10 h-10 rounded-full bg-white dark:bg-slate-800 border border-zinc-200 dark:border-slate-700 shadow-md text-zinc-600 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-700 transition-colors ${className}`,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, { className: "w-5 h-5", "aria-hidden": "true" })
-    }
-  );
-}
-function SkipToMain({ mainId = "main-content" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Link3__default.default,
-    {
-      href: `#${mainId}`,
-      className: "sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:rounded-lg focus:bg-white dark:focus:bg-slate-900 focus:text-zinc-900 dark:focus:text-zinc-100 focus:shadow-lg focus:ring-2 focus:ring-primary-500 focus:outline-none text-sm font-medium",
-      children: "Skip to main content"
-    }
-  );
-}
-function ListingLayout2({
-  headerSlot,
-  statusTabsSlot,
-  filterContent,
-  filterActiveCount = 0,
-  onFilterApply,
-  onFilterClear,
-  filterTitle,
-  activeFiltersSlot,
-  searchSlot,
-  sortSlot,
-  viewToggleSlot,
-  actionsSlot,
-  selectedCount = 0,
-  toolbarPaginationSlot,
-  paginationSlot,
-  children,
-  defaultSidebarOpen = false,
-  className = "",
-  errorSlot,
-  isDashboard = false,
-  labels,
-  bulkActionBarSlot
-}) {
-  var _a, _b, _c, _d, _e, _f;
-  const [sidebarOpen, setSidebarOpen] = React.useState(defaultSidebarOpen);
-  const [mobileFilterOpen, setMobileFilterOpen] = React.useState(false);
-  const mobileOverlayRef = React.useRef(null);
-  const hasFilter = Boolean(filterContent);
-  const l = {
-    filtersTitle: (_a = labels == null ? void 0 : labels.filtersTitle) != null ? _a : "Filters",
-    showFilters: (_b = labels == null ? void 0 : labels.showFilters) != null ? _b : "Show filters",
-    hideFilters: (_c = labels == null ? void 0 : labels.hideFilters) != null ? _c : "Hide filters",
-    clearAll: (_d = labels == null ? void 0 : labels.clearAll) != null ? _d : "Clear all",
-    applyFilters: (_e = labels == null ? void 0 : labels.applyFilters) != null ? _e : "Apply filters",
-    close: (_f = labels == null ? void 0 : labels.close) != null ? _f : "Close"
-  };
-  const panelTitle = filterTitle != null ? filterTitle : l.filtersTitle;
-  React.useEffect(() => {
-    if (!mobileFilterOpen) return;
-    const handle = (e) => {
-      if (e.key === "Escape") setMobileFilterOpen(false);
-    };
-    document.addEventListener("keydown", handle);
-    return () => document.removeEventListener("keydown", handle);
-  }, [mobileFilterOpen]);
-  React.useEffect(() => {
-    if (mobileFilterOpen) {
-      const w = window.innerWidth - document.documentElement.clientWidth;
-      document.body.style.overflow = "hidden";
-      document.body.style.paddingRight = `${w}px`;
-    } else {
-      document.body.style.overflow = "";
-      document.body.style.paddingRight = "";
-    }
-    return () => {
-      document.body.style.overflow = "";
-      document.body.style.paddingRight = "";
-    };
-  }, [mobileFilterOpen]);
-  const handleMobileApply = () => {
-    onFilterApply == null ? void 0 : onFilterApply();
-    setMobileFilterOpen(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Div,
-    {
-      className: [
-        "w-full space-y-4",
-        toolbarPaginationSlot ? selectedCount > 0 ? "pb-28 md:pb-0" : "pb-12 md:pb-0" : "",
-        className
-      ].filter(Boolean).join(" "),
-      children: [
-        headerSlot,
-        statusTabsSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "overflow-x-auto touch-pan-x -mx-4 px-4 md:-mx-6 md:px-6 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: statusTabsSlot }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Div,
-          {
-            className: [
-              "sticky z-20 -mx-4 px-4 md:-mx-6 md:px-6",
-              isDashboard ? "top-0" : "top-14 md:top-[120px]",
-              "bg-white/80 dark:bg-slate-950/80 backdrop-blur-md",
-              "border-b border-zinc-200/70 dark:border-slate-800/70",
-              "shadow-[0_1px_3px_rgba(0,0,0,0.04)] dark:shadow-[0_1px_3px_rgba(0,0,0,0.2)]",
-              "py-2.5"
-            ].join(" "),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "hidden md:flex items-center gap-2 min-w-0", children: [
-                hasFilter && /* @__PURE__ */ jsxRuntime.jsxs(
-                  Button,
-                  {
-                    type: "button",
-                    onClick: () => setSidebarOpen((prev) => !prev),
-                    "aria-label": sidebarOpen ? l.hideFilters : l.showFilters,
-                    "aria-expanded": sidebarOpen,
-                    variant: "ghost",
-                    size: "sm",
-                    className: [
-                      "hidden lg:flex flex-shrink-0 items-center gap-1.5",
-                      "rounded-full h-8 px-3 text-sm font-medium",
-                      "border transition-all duration-150",
-                      sidebarOpen ? "bg-primary/10 border-primary/30 text-primary dark:bg-primary/15 dark:border-primary/40" : "border-zinc-200 dark:border-slate-700 text-zinc-600 dark:text-slate-300 hover:border-zinc-300 dark:hover:border-slate-600 hover:bg-zinc-50 dark:hover:bg-slate-800/60"
-                    ].join(" "),
-                    children: [
-                      l.filtersTitle,
-                      filterActiveCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "inline-flex items-center justify-center w-4 h-4 text-[10px] font-bold rounded-full bg-primary text-white", children: filterActiveCount })
-                    ]
-                  }
-                ),
-                searchSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex-1 min-w-0", children: searchSlot }),
-                /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-1.5 flex-shrink-0", children: [
-                  sortSlot,
-                  viewToggleSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex items-center gap-0.5 rounded-full border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-0.5 shadow-sm", children: viewToggleSlot }),
-                  actionsSlot
-                ] }),
-                toolbarPaginationSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "ml-auto flex-shrink-0 pl-3 border-l border-zinc-200/70 dark:border-slate-700/70", children: toolbarPaginationSlot })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex flex-col gap-2 md:hidden", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2", children: [
-                  hasFilter && /* @__PURE__ */ jsxRuntime.jsxs(
-                    Button,
-                    {
-                      type: "button",
-                      onClick: () => setMobileFilterOpen(true),
-                      "aria-label": l.filtersTitle,
-                      variant: "ghost",
-                      size: "sm",
-                      className: [
-                        "flex-shrink-0 flex items-center gap-1.5",
-                        "rounded-full h-9 px-3 text-sm font-medium",
-                        "border border-zinc-200 dark:border-slate-700",
-                        "text-zinc-600 dark:text-slate-300",
-                        "hover:bg-zinc-50 dark:hover:bg-slate-800/60 transition-colors",
-                        filterActiveCount > 0 ? "border-primary/40 bg-primary/5 text-primary" : ""
-                      ].join(" "),
-                      children: [
-                        l.filtersTitle,
-                        filterActiveCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "inline-flex items-center justify-center w-4 h-4 text-[10px] font-bold rounded-full bg-primary text-white", children: filterActiveCount })
-                      ]
-                    }
-                  ),
-                  searchSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex-1 min-w-0", children: searchSlot })
-                ] }),
-                (sortSlot || viewToggleSlot || actionsSlot) && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex items-stretch min-h-[44px] gap-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2 flex-shrink-0 pb-px", children: [
-                  sortSlot,
-                  viewToggleSlot,
-                  actionsSlot
-                ] }) })
-              ] }),
-              selectedCount > 0 && bulkActionBarSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "hidden md:block pt-2 mt-2 border-t border-zinc-100 dark:border-slate-800", children: bulkActionBarSlot })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex gap-4 lg:gap-6 items-start", children: [
-          hasFilter && /* @__PURE__ */ jsxRuntime.jsx(
-            Aside,
-            {
-              "aria-label": panelTitle,
-              className: [
-                "hidden lg:block flex-shrink-0 self-start",
-                isDashboard ? "sticky top-16" : "sticky top-[176px]",
-                "transition-all duration-200 ease-in-out overflow-hidden",
-                sidebarOpen ? "w-60 xl:w-64 2xl:w-72 opacity-100" : "w-0 opacity-0 pointer-events-none"
-              ].join(" "),
-              children: /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "w-60 xl:w-64 2xl:w-72 rounded-2xl overflow-hidden border border-zinc-200/80 dark:border-slate-700/60 bg-white dark:bg-slate-900 shadow-sm", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between px-4 py-3 border-b border-zinc-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "font-semibold text-sm", children: panelTitle }),
-                  filterActiveCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: onFilterClear,
-                      className: "text-xs text-primary hover:text-primary/80 hover:underline p-0 h-auto leading-none font-medium",
-                      children: l.clearAll
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "px-3 pt-5 pb-3 max-h-[calc(100vh-15rem)] overflow-y-auto space-y-4", children: filterContent }),
-                /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "px-3 pb-3 pt-2 border-t border-zinc-100 dark:border-slate-800", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "primary",
-                    className: "w-full rounded-xl bg-primary text-white py-2 px-3",
-                    onClick: onFilterApply,
-                    children: l.applyFilters
-                  }
-                ) })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex-1 min-w-0 space-y-3", children: [
-            activeFiltersSlot,
-            errorSlot ? errorSlot : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              children,
-              paginationSlot && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "pt-2", children: paginationSlot })
-            ] })
-          ] })
-        ] }),
-        toolbarPaginationSlot && /* @__PURE__ */ jsxRuntime.jsx(
-          Nav,
-          {
-            "aria-label": "Pagination",
-            className: [
-              "fixed left-0 right-0 md:hidden",
-              isDashboard ? "bottom-0" : selectedCount > 0 ? "bottom-28" : "bottom-14",
-              "z-[39]",
-              "bg-white/95 dark:bg-slate-950/95 backdrop-blur-md",
-              "shadow-[0_-2px_8px_rgba(0,0,0,0.06)] dark:shadow-[0_-2px_8px_rgba(0,0,0,0.20)]",
-              "h-10 flex items-center justify-center px-3 overflow-x-auto pb-px",
-              "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
-            ].join(" "),
-            children: toolbarPaginationSlot
-          }
-        ),
-        hasFilter && mobileFilterOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Div,
-            {
-              className: "fixed inset-0 z-40 bg-black/40 lg:hidden",
-              onClick: () => setMobileFilterOpen(false),
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Div,
-            {
-              ref: mobileOverlayRef,
-              className: "fixed inset-0 z-50 flex flex-col lg:hidden bg-white dark:bg-slate-950",
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-label": panelTitle,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between px-4 py-3 border-b border-zinc-100 dark:border-slate-800 flex-shrink-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "font-semibold", children: [
-                    panelTitle,
-                    filterActiveCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "ml-2 inline-flex items-center justify-center w-5 h-5 text-[11px] font-bold rounded-full bg-primary text-white", children: filterActiveCount })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: () => setMobileFilterOpen(false),
-                      "aria-label": l.close,
-                      className: "rounded-full w-8 h-8 p-0 flex items-center justify-center hover:bg-zinc-100 dark:hover:bg-slate-800",
-                      children: "x"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex-1 overflow-y-auto px-4 pt-6 pb-4 space-y-4", children: filterContent }),
-                /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex-shrink-0 flex gap-3 px-4 py-4 border-t border-zinc-100 dark:border-slate-800 bg-white dark:bg-slate-950", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      className: "flex-1 rounded-xl bg-zinc-200 dark:bg-slate-700 py-2 px-3",
-                      onClick: () => {
-                        onFilterClear == null ? void 0 : onFilterClear();
-                      },
-                      children: l.clearAll
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "primary",
-                      className: "flex-1 rounded-xl bg-primary text-white py-2 px-3",
-                      onClick: handleMobileApply,
-                      children: l.applyFilters
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-/*! Bundled license information:
-
-lucide-react/dist/esm/shared/src/utils/mergeClasses.js:
-lucide-react/dist/esm/shared/src/utils/toKebabCase.js:
-lucide-react/dist/esm/shared/src/utils/toCamelCase.js:
-lucide-react/dist/esm/shared/src/utils/toPascalCase.js:
-lucide-react/dist/esm/defaultAttributes.js:
-lucide-react/dist/esm/shared/src/utils/hasA11yProp.js:
-lucide-react/dist/esm/context.js:
-lucide-react/dist/esm/Icon.js:
-lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/check.js:
-lucide-react/dist/esm/icons/chevron-down.js:
-lucide-react/dist/esm/icons/chevron-up.js:
-lucide-react/dist/esm/icons/loader-circle.js:
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v1.7.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
-
-exports.AutoBreadcrumbs = AutoBreadcrumbs;
-exports.BackToTop = BackToTop;
-exports.BottomNavItem = BottomNavItem;
-exports.BottomNavLayout = BottomNavLayout;
-exports.BottomSheet = BottomSheet;
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.Breadcrumbs = Breadcrumbs;
-exports.FooterLayout = FooterLayout;
-exports.ListingLayout = ListingLayout2;
-exports.LocaleSwitcher = LocaleSwitcher;
-exports.NavbarLayout = NavbarLayout;
-exports.SidebarLayout = SidebarLayout;
-exports.SkipToMain = SkipToMain;
-exports.TitleBarLayout = TitleBarLayout;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map