@spark-ui/components 13.0.6 → 13.1.0

package/dist/pagination/index.js

@@ -1,1353 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/pagination/index.ts
-var pagination_exports = {};
-__export(pagination_exports, {
-  Pagination: () => Pagination2
-});
-module.exports = __toCommonJS(pagination_exports);
-
-// src/pagination/PaginationContext.tsx
-var pagination = __toESM(require("@zag-js/pagination"));
-var import_react = require("@zag-js/react");
-var import_react2 = require("react");
-
-// src/pagination/utils.ts
-function sliceArrayWithIndex(arr, index, length) {
-  const relativeElements = (length - 1) / 2;
-  let start = Math.max(0, index - relativeElements);
-  let end = Math.min(arr.length, index + relativeElements + 1);
-  if (end - start < length) {
-    start = Math.max(0, Math.min(start, arr.length - length));
-    end = Math.min(arr.length, start + length);
-  }
-  return arr.slice(start, end);
-}
-
-// src/pagination/PaginationContext.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var PaginationContext = (0, import_react2.createContext)(null);
-var PaginationProvider = ({
-  children,
-  count,
-  visiblePageItems = 7,
-  pageSize,
-  page,
-  onPageChange,
-  noEllipsis,
-  type = "link"
-}) => {
-  const siblingCount = noEllipsis ? Infinity : Math.max(0, Math.floor((visiblePageItems - 5) / 2));
-  const id = (0, import_react2.useId)();
-  const service = (0, import_react.useMachine)(pagination.machine, {
-    id,
-    count,
-    siblingCount,
-    pageSize,
-    page,
-    onPageChange,
-    type
-  });
-  const api = pagination.connect(service, import_react.normalizeProps);
-  const pages = noEllipsis ? sliceArrayWithIndex(api.pages, api.page - 1, visiblePageItems) : api.pages;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    PaginationContext.Provider,
-    {
-      value: {
-        type,
-        pagination: {
-          ...api,
-          pages,
-          // Extending ZagJS anatomy
-          getFirstPageTriggerProps: () => {
-            return {
-              ...api.getPrevTriggerProps(),
-              id: `${api.getRootProps().id}:first`,
-              "data-part": "first-page-trigger",
-              onClick: api.goToFirstPage
-            };
-          },
-          getLastPageTriggerProps: () => {
-            return {
-              ...api.getNextTriggerProps(),
-              id: `${api.getRootProps().id}:last`,
-              "data-part": "last-page-trigger",
-              onClick: api.goToLastPage
-            };
-          }
-        }
-      },
-      children
-    }
-  );
-};
-var usePagination = () => {
-  const context = (0, import_react2.useContext)(PaginationContext);
-  if (!context) {
-    throw Error("usePagination must be used within a Pagination provider");
-  }
-  return context;
-};
-
-// src/pagination/Pagination.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Pagination = ({
-  children,
-  visiblePageItems = 5,
-  type = "link",
-  noEllipsis = false,
-  className,
-  ...rest
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    PaginationProvider,
-    {
-      visiblePageItems,
-      noEllipsis,
-      type,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationWrapper, { className, children })
-    }
-  );
-};
-var PaginationWrapper = ({
-  children,
-  className
-}) => {
-  const { pagination: pagination2 } = usePagination();
-  const props = pagination2.getRootProps();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("nav", { "data-spark-component": "pagination", ...props, className, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "gap-md flex flex-wrap", children }) });
-};
-Pagination.displayName = "Pagination";
-
-// src/pagination/PaginationEllipsis.tsx
-var import_react3 = require("@zag-js/react");
-var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Ellipsis = ({ children, index, className, ref, ...rest }) => {
-  const { pagination: pagination2 } = usePagination();
-  const apiProps = pagination2.getEllipsisProps({ index });
-  const localProps = {
-    className: (0, import_class_variance_authority.cx)("flex size-sz-44 items-center justify-center", className),
-    ...rest
-  };
-  const mergedProps = (0, import_react3.mergeProps)(apiProps, localProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-spark-component": "pagination-ellipsis", ref, ...mergedProps, children: children || "\u2026" }) });
-};
-Ellipsis.displayName = "Pagination.Ellipsis";
-
-// src/pagination/PaginationFirstPageTrigger.tsx
-var import_ArrowDoubleLeft = require("@spark-ui/icons/ArrowDoubleLeft");
-var import_react7 = require("@zag-js/react");
-
-// src/icon/Icon.tsx
-var import_react5 = require("react");
-
-// src/slot/Slot.tsx
-var import_radix_ui = require("radix-ui");
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Slottable = import_radix_ui.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
-};
-var wrapPolymorphicSlot = (asChild, children, callback) => {
-  if (!asChild) return callback(children);
-  return (0, import_react4.isValidElement)(children) ? (0, import_react4.cloneElement)(
-    children,
-    void 0,
-    callback(children.props.children)
-  ) : null;
-};
-
-// src/visually-hidden/VisuallyHidden.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var VisuallyHidden = ({ asChild = false, ref, ...props }) => {
-  const Component = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    Component,
-    {
-      ...props,
-      ref,
-      style: {
-        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-        position: "absolute",
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: "hidden",
-        clip: "rect(0, 0, 0, 0)",
-        whiteSpace: "nowrap",
-        wordWrap: "normal",
-        ...props.style
-      }
-    }
-  );
-};
-VisuallyHidden.displayName = "VisuallyHidden";
-
-// src/icon/Icon.styles.tsx
-var import_internal_utils = require("@spark-ui/internal-utils");
-var import_class_variance_authority2 = require("class-variance-authority");
-var iconStyles = (0, import_class_variance_authority2.cva)(["fill-current shrink-0"], {
-  variants: {
-    /**
-     * Color scheme of the icon.
-     */
-    intent: (0, import_internal_utils.makeVariants)({
-      current: ["text-current"],
-      main: ["text-main"],
-      support: ["text-support"],
-      accent: ["text-accent"],
-      basic: ["text-basic"],
-      success: ["text-success"],
-      alert: ["text-alert"],
-      error: ["text-error"],
-      info: ["text-info"],
-      neutral: ["text-neutral"]
-    }),
-    /**
-     * Sets the size of the icon.
-     */
-    size: (0, import_internal_utils.makeVariants)({
-      current: ["u-current-font-size"],
-      sm: ["w-sz-16", "h-sz-16"],
-      md: ["w-sz-24", "h-sz-24"],
-      lg: ["w-sz-32", "h-sz-32"],
-      xl: ["w-sz-40", "h-sz-40"]
-    })
-  }
-});
-
-// src/icon/Icon.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Icon = ({
-  label,
-  className,
-  size = "current",
-  intent = "current",
-  children,
-  ...others
-}) => {
-  const child = import_react5.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    (0, import_react5.cloneElement)(child, {
-      className: iconStyles({ className, size, intent }),
-      "data-spark-component": "icon",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...others
-    }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(VisuallyHidden, { children: label })
-  ] });
-};
-Icon.displayName = "Icon";
-
-// src/button/Button.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_react6 = require("react");
-
-// src/spinner/Spinner.styles.tsx
-var import_internal_utils2 = require("@spark-ui/internal-utils");
-var import_class_variance_authority3 = require("class-variance-authority");
-var defaultVariants = {
-  intent: "current",
-  size: "current",
-  isBackgroundVisible: false
-};
-var spinnerStyles = (0, import_class_variance_authority3.cva)(
-  ["inline-block", "border-solid", "rounded-full", "border-md", "animate-spin"],
-  {
-    variants: {
-      /**
-       * Use `size` prop to set the size of the spinner. If you want to set the full size for the spinner, don't forget to add a wrapping container with its own size.
-       */
-      size: {
-        current: ["u-current-font-size"],
-        sm: ["w-sz-20", "h-sz-20"],
-        md: ["w-sz-28", "h-sz-28"],
-        full: ["w-full", "h-full"]
-      },
-      /**
-       * Color scheme of the spinner.
-       */
-      intent: (0, import_internal_utils2.makeVariants)({
-        current: ["border-current"],
-        main: ["border-main"],
-        support: ["border-support"],
-        accent: ["border-accent"],
-        basic: ["border-basic"],
-        success: ["border-success"],
-        alert: ["border-alert"],
-        error: ["border-error"],
-        info: ["border-info"],
-        neutral: ["border-neutral"]
-      }),
-      /**
-       * Size of the button.
-       */
-      isBackgroundVisible: {
-        true: ["border-b-neutral-container", "border-l-neutral-container"],
-        false: ["border-b-transparent", "border-l-transparent"]
-      }
-    },
-    defaultVariants
-  }
-);
-
-// src/spinner/Spinner.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Spinner = ({
-  className,
-  size = "current",
-  intent = "current",
-  label,
-  isBackgroundVisible,
-  ref,
-  ...others
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    "span",
-    {
-      role: "status",
-      "data-spark-component": "spinner",
-      ref,
-      className: spinnerStyles({ className, size, intent, isBackgroundVisible }),
-      ...others,
-      children: label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(VisuallyHidden, { children: label })
-    }
-  );
-};
-
-// src/button/Button.styles.tsx
-var import_internal_utils8 = require("@spark-ui/internal-utils");
-var import_class_variance_authority4 = require("class-variance-authority");
-
-// src/button/variants/filled.ts
-var import_internal_utils3 = require("@spark-ui/internal-utils");
-var filledVariants = [
-  // Main
-  {
-    intent: "main",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-main",
-      "text-on-main",
-      "hover:bg-main-hovered",
-      "enabled:active:bg-main-hovered",
-      "focus-visible:bg-main-hovered"
-    ])
-  },
-  // Support
-  {
-    intent: "support",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-support",
-      "text-on-support",
-      "hover:bg-support-hovered",
-      "enabled:active:bg-support-hovered",
-      "focus-visible:bg-support-hovered"
-    ])
-  },
-  // Accent
-  {
-    intent: "accent",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-accent",
-      "text-on-accent",
-      "hover:bg-accent-hovered",
-      "enabled:active:bg-accent-hovered",
-      "focus-visible:bg-accent-hovered"
-    ])
-  },
-  // Basic
-  {
-    intent: "basic",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-basic",
-      "text-on-basic",
-      "hover:bg-basic-hovered",
-      "enabled:active:bg-basic-hovered",
-      "focus-visible:bg-basic-hovered"
-    ])
-  },
-  // Success
-  {
-    intent: "success",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-success",
-      "text-on-success",
-      "hover:bg-success-hovered",
-      "enabled:active:bg-success-hovered",
-      "focus-visible:bg-success-hovered"
-    ])
-  },
-  // Alert
-  {
-    intent: "alert",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-alert",
-      "text-on-alert",
-      "hover:bg-alert-hovered",
-      "enabled:active:bg-alert-hovered",
-      "focus-visible:bg-alert-hovered"
-    ])
-  },
-  // Danger
-  {
-    intent: "danger",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "text-on-error bg-error",
-      "hover:bg-error-hovered enabled:active:bg-error-hovered",
-      "focus-visible:bg-error-hovered"
-    ])
-  },
-  // Info
-  {
-    intent: "info",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "text-on-error bg-info",
-      "hover:bg-info-hovered enabled:active:bg-info-hovered",
-      "focus-visible:bg-info-hovered"
-    ])
-  },
-  // Neutral
-  {
-    intent: "neutral",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-neutral",
-      "text-on-neutral",
-      "hover:bg-neutral-hovered",
-      "enabled:active:bg-neutral-hovered",
-      "focus-visible:bg-neutral-hovered"
-    ])
-  },
-  // Surface
-  {
-    intent: "surface",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-surface",
-      "text-on-surface",
-      "hover:bg-surface-hovered",
-      "enabled:active:bg-surface-hovered",
-      "focus-visible:bg-surface-hovered"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-surface-inverse",
-      "text-on-surface-inverse",
-      "hover:bg-surface-inverse-hovered",
-      "enabled:active:bg-surface-inverse-hovered",
-      "focus-visible:bg-surface-inverse-hovered"
-    ])
-  }
-];
-
-// src/button/variants/ghost.ts
-var import_internal_utils4 = require("@spark-ui/internal-utils");
-var ghostVariants = [
-  {
-    intent: "main",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-main-container",
-      "hover:bg-main/dim-5",
-      "enabled:active:bg-main/dim-5",
-      "focus-visible:bg-main/dim-5"
-    ])
-  },
-  {
-    intent: "support",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-support-container",
-      "hover:bg-support/dim-5",
-      "enabled:active:bg-support/dim-5",
-      "focus-visible:bg-support/dim-5"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-accent-container",
-      "hover:bg-accent/dim-5",
-      "enabled:active:bg-accent/dim-5",
-      "focus-visible:bg-accent/dim-5"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-basic-container",
-      "hover:bg-basic/dim-5",
-      "enabled:active:bg-basic/dim-5",
-      "focus-visible:bg-basic/dim-5"
-    ])
-  },
-  {
-    intent: "success",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-success-container",
-      "hover:bg-success/dim-5",
-      "enabled:active:bg-success/dim-5",
-      "focus-visible:bg-success/dim-5"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-alert-container",
-      "hover:bg-alert/dim-5",
-      "enabled:active:bg-alert/dim-5",
-      "focus-visible:bg-alert/dim-5"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-error-container",
-      "hover:bg-error/dim-5",
-      "enabled:active:bg-error/dim-5",
-      "focus-visible:bg-error/dim-5"
-    ])
-  },
-  {
-    intent: "info",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-info-container",
-      "hover:bg-info/dim-5",
-      "enabled:active:bg-info/dim-5",
-      "focus-visible:bg-info/dim-5"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-neutral-container",
-      "hover:bg-neutral/dim-5",
-      "enabled:active:bg-neutral/dim-5",
-      "focus-visible:bg-neutral/dim-5"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-surface",
-      "hover:bg-surface/dim-5",
-      "enabled:active:bg-surface/dim-5",
-      "focus-visible:bg-surface/dim-5"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-surface-inverse",
-      "hover:bg-surface-inverse/dim-5",
-      "enabled:active:bg-surface-inverse/dim-5",
-      "focus-visible:bg-surface-inverse/dim-5"
-    ])
-  }
-];
-
-// src/button/variants/outlined.ts
-var import_internal_utils5 = require("@spark-ui/internal-utils");
-var outlinedVariants = [
-  {
-    intent: "main",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-main/dim-5",
-      "enabled:active:bg-main/dim-5",
-      "focus-visible:bg-main/dim-5",
-      "text-main"
-    ])
-  },
-  {
-    intent: "support",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-support/dim-5",
-      "enabled:active:bg-support/dim-5",
-      "focus-visible:bg-support/dim-5",
-      "text-support"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-accent/dim-5",
-      "enabled:active:bg-accent/dim-5",
-      "focus-visible:bg-accent/dim-5",
-      "text-accent"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-basic/dim-5",
-      "enabled:active:bg-basic/dim-5",
-      "focus-visible:bg-basic/dim-5",
-      "text-basic"
-    ])
-  },
-  {
-    intent: "success",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-success/dim-5",
-      "enabled:active:bg-success/dim-5",
-      "focus-visible:bg-success/dim-5",
-      "text-success"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-alert/dim-5",
-      "enabled:active:bg-alert/dim-5",
-      "focus-visible:bg-alert/dim-5",
-      "text-alert"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-error/dim-5",
-      "enabled:active:bg-error/dim-5",
-      "focus-visible:bg-error/dim-5",
-      "text-error"
-    ])
-  },
-  {
-    intent: "info",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-info/dim-5",
-      "enabled:active:bg-info/dim-5",
-      "focus-visible:bg-info/dim-5",
-      "text-info"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-neutral/dim-5",
-      "enabled:active:bg-neutral/dim-5",
-      "focus-visible:bg-neutral/dim-5",
-      "text-neutral"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-surface/dim-5",
-      "enabled:active:bg-surface/dim-5",
-      "focus-visible:bg-surface/dim-5",
-      "text-surface"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-surface-inverse/dim-5",
-      "enabled:active:bg-surface-inverse/dim-5",
-      "focus-visible:bg-surface-inverse/dim-5",
-      "text-surface-inverse"
-    ])
-  }
-];
-
-// src/button/variants/tinted.ts
-var import_internal_utils6 = require("@spark-ui/internal-utils");
-var tintedVariants = [
-  {
-    intent: "main",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-main-container",
-      "text-on-main-container",
-      "hover:bg-main-container-hovered",
-      "enabled:active:bg-main-container-hovered",
-      "focus-visible:bg-main-container-hovered"
-    ])
-  },
-  {
-    intent: "support",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-support-container",
-      "text-on-support-container",
-      "hover:bg-support-container-hovered",
-      "enabled:active:bg-support-container-hovered",
-      "focus-visible:bg-support-container-hovered"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-accent-container",
-      "text-on-accent-container",
-      "hover:bg-accent-container-hovered",
-      "enabled:active:bg-accent-container-hovered",
-      "focus-visible:bg-accent-container-hovered"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-basic-container",
-      "text-on-basic-container",
-      "hover:bg-basic-container-hovered",
-      "enabled:active:bg-basic-container-hovered",
-      "focus-visible:bg-basic-container-hovered"
-    ])
-  },
-  {
-    intent: "success",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-success-container",
-      "text-on-success-container",
-      "hover:bg-success-container-hovered",
-      "enabled:active:bg-success-container-hovered",
-      "focus-visible:bg-success-container-hovered"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-alert-container",
-      "text-on-alert-container",
-      "hover:bg-alert-container-hovered",
-      "enabled:active:bg-alert-container-hovered",
-      "focus-visible:bg-alert-container-hovered"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-error-container",
-      "text-on-error-container",
-      "hover:bg-error-container-hovered",
-      "enabled:active:bg-error-container-hovered",
-      "focus-visible:bg-error-container-hovered"
-    ])
-  },
-  {
-    intent: "info",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-info-container",
-      "text-on-info-container",
-      "hover:bg-info-container-hovered",
-      "enabled:active:bg-info-container-hovered",
-      "focus-visible:bg-info-container-hovered"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-neutral-container",
-      "text-on-neutral-container",
-      "hover:bg-neutral-container-hovered",
-      "enabled:active:bg-neutral-container-hovered",
-      "focus-visible:bg-neutral-container-hovered"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-surface",
-      "text-on-surface",
-      "hover:bg-surface-hovered",
-      "enabled:active:bg-surface-hovered",
-      "focus-visible:bg-surface-hovered"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-surface-inverse",
-      "text-on-surface-inverse",
-      "hover:bg-surface-inverse-hovered",
-      "enabled:active:bg-surface-inverse-hovered",
-      "focus-visible:bg-surface-inverse-hovered"
-    ])
-  }
-];
-
-// src/button/variants/contrast.ts
-var import_internal_utils7 = require("@spark-ui/internal-utils");
-var contrastVariants = [
-  {
-    intent: "main",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-main-contaier bg-surface",
-      "hover:bg-main-container-hovered",
-      "enabled:active:bg-main-container-hovered",
-      "focus-visible:bg-main-container-hovered"
-    ])
-  },
-  {
-    intent: "support",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-support-container bg-surface",
-      "hover:bg-support-container-hovered",
-      "enabled:active:bg-support-container-hovered",
-      "focus-visible:bg-support-container-hovered"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-accent-container bg-surface",
-      "hover:bg-accent-container-hovered",
-      "enabled:active:bg-accent-container-hovered",
-      "focus-visible:bg-accent-container-hovered"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-basic-container bg-surface",
-      "hover:bg-basic-container-hovered",
-      "enabled:active:bg-basic-container-hovered",
-      "focus-visible:bg-basic-container-hovered"
-    ])
-  },
-  {
-    intent: "success",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-success-container bg-surface",
-      "hover:bg-success-container-hovered",
-      "enabled:active:bg-success-container-hovered",
-      "focus-visible:bg-success-container-hovered"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-alert-container bg-surface",
-      "hover:bg-alert-container-hovered",
-      "enabled:active:bg-alert-container-hovered",
-      "focus-visible:bg-alert-container-hovered"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-error-container bg-surface",
-      "hover:bg-error-container-hovered",
-      "enabled:active:bg-error-container-hovered",
-      "focus-visible:bg-error-container-hovered"
-    ])
-  },
-  {
-    intent: "info",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-info-container bg-surface",
-      "hover:bg-info-container-hovered",
-      "enabled:active:bg-info-container-hovered",
-      "focus-visible:bg-info-container-hovered"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-neutral-container bg-surface",
-      "hover:bg-neutral-container-hovered",
-      "enabled:active:bg-neutral-container-hovered",
-      "focus-visible:bg-neutral-container-hovered"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-surface bg-surface",
-      "hover:bg-surface-hovered",
-      "enabled:active:bg-surface-hovered",
-      "focus-visible:bg-surface-hovered"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-surface-inverse bg-surface-inverse",
-      "hover:bg-surface-inverse-hovered",
-      "enabled:active:bg-surface-inverse-hovered",
-      "focus-visible:bg-surface-inverse-hovered"
-    ])
-  }
-];
-
-// src/button/Button.styles.tsx
-var buttonStyles = (0, import_class_variance_authority4.cva)(
-  [
-    "u-shadow-border-transition",
-    "box-border inline-flex items-center justify-center gap-md whitespace-nowrap",
-    "default:px-lg",
-    "text-body-1 font-bold",
-    "focus-visible:u-outline"
-  ],
-  {
-    variants: {
-      /**
-       * Main style of the button.
-       *
-       * - `filled`: Button will be plain.
-       *
-       * - `outlined`: Button will be transparent with an outline.
-       *
-       * - `tinted`: Button will be filled but using a lighter color scheme.
-       *
-       * - `ghost`: Button will look like a link. No borders, plain text.
-       *
-       * - `contrast`: Button will be surface filled. No borders, plain text.
-       *
-       */
-      design: (0, import_internal_utils8.makeVariants)({
-        filled: [],
-        outlined: ["bg-transparent", "border-sm", "border-current"],
-        tinted: [],
-        ghost: ["default:-mx-md px-md hover:bg-main/dim-5"],
-        contrast: []
-      }),
-      underline: {
-        true: ["underline"]
-      },
-      /**
-       * Color scheme of the button.
-       */
-      intent: (0, import_internal_utils8.makeVariants)({
-        main: [],
-        support: [],
-        accent: [],
-        basic: [],
-        success: [],
-        alert: [],
-        danger: [],
-        info: [],
-        neutral: [],
-        surface: [],
-        surfaceInverse: []
-      }),
-      /**
-       * Size of the button.
-       */
-      size: (0, import_internal_utils8.makeVariants)({
-        sm: ["min-w-sz-32", "h-sz-32"],
-        md: ["min-w-sz-44", "h-sz-44"],
-        lg: ["min-w-sz-56", "h-sz-56"]
-      }),
-      /**
-       * Shape of the button.
-       */
-      shape: (0, import_internal_utils8.makeVariants)({
-        rounded: ["rounded-lg"],
-        square: ["rounded-0"],
-        pill: ["rounded-full"]
-      }),
-      /**
-       * Disable the button, preventing user interaction and adding opacity.
-       */
-      disabled: {
-        true: ["cursor-not-allowed", "opacity-dim-3"],
-        false: ["cursor-pointer"]
-      }
-    },
-    compoundVariants: [
-      ...filledVariants,
-      ...outlinedVariants,
-      ...tintedVariants,
-      ...ghostVariants,
-      ...contrastVariants
-    ],
-    defaultVariants: {
-      design: "filled",
-      intent: "main",
-      size: "md",
-      shape: "rounded"
-    }
-  }
-);
-
-// src/button/Button.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var blockedEventHandlers = [
-  "onClick",
-  "onMouseDown",
-  "onMouseUp",
-  "onMouseEnter",
-  "onMouseLeave",
-  "onMouseOver",
-  "onMouseOut",
-  "onKeyDown",
-  "onKeyPress",
-  "onKeyUp",
-  "onSubmit"
-];
-var Button = ({
-  children,
-  design = "filled",
-  disabled = false,
-  intent = "main",
-  isLoading = false,
-  loadingLabel,
-  loadingText,
-  shape = "rounded",
-  size = "md",
-  asChild,
-  className,
-  underline = false,
-  ref,
-  ...others
-}) => {
-  const Component = asChild ? Slot : "button";
-  const shouldNotInteract = !!disabled || isLoading;
-  const disabledEventHandlers = (0, import_react6.useMemo)(() => {
-    const result = {};
-    if (shouldNotInteract) {
-      blockedEventHandlers.forEach((eventHandler) => result[eventHandler] = void 0);
-    }
-    return result;
-  }, [shouldNotInteract]);
-  const spinnerProps = {
-    size: "current",
-    className: loadingText ? "inline-block" : "absolute",
-    ...loadingLabel && { "aria-label": loadingLabel }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    Component,
-    {
-      "data-spark-component": "button",
-      ...Component === "button" && { type: "button" },
-      ref,
-      className: buttonStyles({
-        className,
-        design,
-        disabled: shouldNotInteract,
-        intent,
-        shape,
-        size,
-        underline
-      }),
-      disabled: !!disabled,
-      "aria-busy": isLoading,
-      "aria-live": isLoading ? "assertive" : "off",
-      ...others,
-      ...disabledEventHandlers,
-      children: wrapPolymorphicSlot(
-        asChild,
-        children,
-        (slotted) => isLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { ...spinnerProps }),
-          loadingText && loadingText,
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              className: (0, import_class_variance_authority5.cx)("gap-md", loadingText ? "hidden" : "inline-flex opacity-0"),
-              children: slotted
-            }
-          )
-        ] }) : slotted
-      )
-    }
-  );
-};
-Button.displayName = "Button";
-
-// src/icon-button/IconButton.styles.tsx
-var import_internal_utils9 = require("@spark-ui/internal-utils");
-var import_class_variance_authority6 = require("class-variance-authority");
-var iconButtonStyles = (0, import_class_variance_authority6.cva)(["pl-0 pr-0"], {
-  variants: {
-    /**
-     * Sets the size of the icon.
-     */
-    size: (0, import_internal_utils9.makeVariants)({
-      sm: ["text-body-1"],
-      md: ["text-body-1"],
-      lg: ["text-display-3"]
-    })
-  }
-});
-
-// src/icon-button/IconButton.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var IconButton = ({
-  design = "filled",
-  disabled = false,
-  intent = "main",
-  shape = "rounded",
-  size = "md",
-  className,
-  ref,
-  ...others
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    Button,
-    {
-      "data-spark-component": "icon-button",
-      ref,
-      className: iconButtonStyles({ size, className }),
-      design,
-      disabled,
-      intent,
-      shape,
-      size,
-      ...others
-    }
-  );
-};
-IconButton.displayName = "IconButton";
-
-// src/pagination/PaginationFirstPageTrigger.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var FirstPageTrigger = ({
-  children,
-  className,
-  href,
-  ref,
-  ...props
-}) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getFirstPageTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
-    "data-spark-component": "pagination-first-page-trigger",
-    intent: "support",
-    design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
-      role: "link",
-      "aria-disabled": true
-    }
-  };
-  const mergedProps = (0, import_react7.mergeProps)(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ArrowDoubleLeft.ArrowDoubleLeft, {}) });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconButton, { ref, ...mergedProps, children: content }) });
-};
-FirstPageTrigger.displayName = "Pagination.FirstPageTrigger";
-
-// src/pagination/PaginationItem.tsx
-var import_react8 = require("@zag-js/react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Item = ({ children, value, className, href, ref, ...props }) => {
-  const { pagination: pagination2 } = usePagination();
-  const apiProps = pagination2.getItemProps({ type: "page", value });
-  const localProps = {
-    "data-spark-component": "pagination-item",
-    intent: "support",
-    design: apiProps["aria-current"] === "page" ? "filled" : "contrast",
-    className,
-    ...props
-  };
-  const mergedProps = (0, import_react8.mergeProps)(apiProps, localProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href, children: children || value }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { ref, ...mergedProps, children: children || value }) });
-};
-Item.displayName = "Pagination.Item";
-
-// src/pagination/PaginationLastPageTrigger.tsx
-var import_ArrowDoubleRight = require("@spark-ui/icons/ArrowDoubleRight");
-var import_react9 = require("@zag-js/react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var LastPageTrigger = ({
-  children,
-  className,
-  href,
-  ref,
-  ...props
-}) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getLastPageTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
-    "data-spark-component": "pagination-last-page-trigger",
-    intent: "support",
-    design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
-      role: "link",
-      "aria-disabled": true
-    }
-  };
-  const mergedProps = (0, import_react9.mergeProps)(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ArrowDoubleRight.ArrowDoubleRight, {}) });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { ref, ...mergedProps, children: content }) });
-};
-LastPageTrigger.displayName = "Pagination.LastPageTrigger";
-
-// src/pagination/PaginationNextTrigger.tsx
-var import_ArrowVerticalRight = require("@spark-ui/icons/ArrowVerticalRight");
-var import_react10 = require("@zag-js/react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var NextTrigger = ({ children, className, href, ref, ...props }) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getNextTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
-    "data-spark-component": "pagination-next-trigger",
-    intent: "support",
-    design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
-      role: "link",
-      "aria-disabled": true
-    }
-  };
-  const mergedProps = (0, import_react10.mergeProps)(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_ArrowVerticalRight.ArrowVerticalRight, {}) });
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { ref, ...mergedProps, children: content }) });
-};
-NextTrigger.displayName = "Pagination.NextTrigger";
-
-// src/pagination/PaginationPages.tsx
-var Pages = ({ children }) => {
-  const { pagination: pagination2 } = usePagination();
-  return children(pagination2);
-};
-Pages.displayName = "Pagination.Pages";
-
-// src/pagination/PaginationPrevTrigger.tsx
-var import_ArrowVerticalLeft = require("@spark-ui/icons/ArrowVerticalLeft");
-var import_react11 = require("@zag-js/react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var PrevTrigger = ({ children, className, href, ref, ...props }) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getPrevTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
-    "data-spark-component": "pagination-prev-trigger",
-    intent: "support",
-    design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
-      role: "link",
-      "aria-disabled": true
-    }
-  };
-  const mergedProps = (0, import_react11.mergeProps)(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ArrowVerticalLeft.ArrowVerticalLeft, {}) });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconButton, { ref, ...mergedProps, children: content }) });
-};
-PrevTrigger.displayName = "Pagination.PrevTrigger";
-
-// src/pagination/index.ts
-var Pagination2 = Object.assign(Pagination, {
-  PrevTrigger,
-  NextTrigger,
-  Pages,
-  Item,
-  Ellipsis,
-  FirstPageTrigger,
-  LastPageTrigger
-});
-Pagination2.displayName = "Pagination";
-PrevTrigger.displayName = "Pagination.PrevTrigger";
-NextTrigger.displayName = "Pagination.NextTrigger";
-Pages.displayName = "Pagination.Pages";
-Item.displayName = "Pagination.Item";
-Ellipsis.displayName = "Pagination.Ellipsis";
-FirstPageTrigger.displayName = "Pagination.FirstPageTrigger";
-LastPageTrigger.displayName = "Pagination.LastPageTrigger";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Pagination
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),h=require("react"),X=require("react-dom"),Ee=require("../index-DnaHaH_0.js"),Se=require("@spark-ui/icons/ArrowDoubleLeft"),W=require("../Icon-Bf0XrmiR.js"),k=require("../IconButton-Bf-EDzpI.js"),se=require("../Button-C3xHNaGl.js"),je=require("@spark-ui/icons/ArrowDoubleRight"),Ne=require("@spark-ui/icons/ArrowVerticalRight"),Re=require("@spark-ui/icons/ArrowVerticalLeft");var G=(e,t=[])=>({parts:(...n)=>{if(Ae(t))return G(e,n);throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?")},extendWith:(...n)=>G(e,[...t,...n]),omit:(...n)=>G(e,t.filter(a=>!n.includes(a))),rename:n=>G(n,t),keys:()=>t,build:()=>[...new Set(t)].reduce((n,a)=>Object.assign(n,{[a]:{selector:[`&[data-scope="${_(e)}"][data-part="${_(a)}"]`,`& [data-scope="${_(e)}"][data-part="${_(a)}"]`].join(", "),attrs:{"data-scope":_(e),"data-part":_(a)}}}),{})}),_=e=>e.replace(/([A-Z])([A-Z])/g,"$1-$2").replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),Ae=e=>e.length===0,pe=e=>typeof e=="object"&&e!==null,z=e=>e?"":void 0,Ie=9,ke=e=>pe(e)&&e.nodeType===Ie,Ce=e=>pe(e)&&e===e.window;function Le(e){if(!e)return!1;const t=e.getRootNode();return fe(t)===e}function we(e){return ke(e)?e:Ce(e)?e.document:e?.ownerDocument??document}function fe(e){let t=e.activeElement;for(;t?.shadowRoot;){const n=t.shadowRoot.activeElement;if(!n||n===t)break;t=n}return t}function _e(e){return e==null?[]:Array.isArray(e)?e:[e]}var ce=e=>e?.constructor.name==="Array",$e=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!J(e[n],t[n]))return!1;return!0},J=(e,t)=>{if(Object.is(e,t))return!0;if(e==null&&t!=null||e!=null&&t==null)return!1;if(typeof e?.isEqual=="function"&&typeof t?.isEqual=="function")return e.isEqual(t);if(typeof e=="function"&&typeof t=="function")return e.toString()===t.toString();if(ce(e)&&ce(t))return $e(Array.from(e),Array.from(t));if(typeof e!="object"||typeof t!="object")return!1;const n=Object.keys(t??Object.create(null)),a=n.length;for(let r=0;r<a;r++)if(!Reflect.has(e,n[r]))return!1;for(let r=0;r<a;r++){const i=n[r];if(!J(e[i],t[i]))return!1}return!0},Oe=e=>e!=null&&typeof e=="object",K=e=>typeof e=="number"&&!Number.isNaN(e),D=e=>typeof e=="string",q=e=>typeof e=="function",Me=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),ze=e=>Object.prototype.toString.call(e),Pe=Function.prototype.toString,Ve=Pe.call(Object),Ge=e=>{if(!Oe(e)||ze(e)!="[object Object]"||De(e))return!1;const t=Object.getPrototypeOf(e);if(t===null)return!0;const n=Me(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&Pe.call(n)==Ve},qe=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,Fe=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,De=e=>qe(e)||Fe(e),Be=e=>e(),We=(...e)=>(...t)=>{e.forEach(function(n){n?.(...t)})};function ye(e){if(!Ge(e)||e===void 0)return e;const t=Reflect.ownKeys(e).filter(a=>typeof a=="string"),n={};for(const a of t){const r=e[a];r!==void 0&&(n[a]=ye(r))}return n}function ge(...e){const t=e.length===1?e[0]:e[1];(e.length===2?e[0]:!0)&&process.env.NODE_ENV!=="production"&&console.warn(t)}function Ue(e,t){if(e==null)throw new Error(t())}var Ze=(...e)=>e.map(t=>t?.trim?.()).filter(Boolean).join(" "),Ke=/((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g,ue=e=>{const t={};let n;for(;n=Ke.exec(e);)t[n[1]]=n[2];return t},Xe=(e,t)=>{if(D(e)){if(D(t))return`${e};${t}`;e=ue(e)}else D(t)&&(t=ue(t));return Object.assign({},e??{},t??{})};function O(...e){let t={};for(let n of e){if(!n)continue;for(let r in t){if(r.startsWith("on")&&typeof t[r]=="function"&&typeof n[r]=="function"){t[r]=We(n[r],t[r]);continue}if(r==="className"||r==="class"){t[r]=Ze(t[r],n[r]);continue}if(r==="style"){t[r]=Xe(t[r],n[r]);continue}t[r]=n[r]!==void 0?n[r]:t[r]}for(let r in n)t[r]===void 0&&(t[r]=n[r]);const a=Object.getOwnPropertySymbols(n);for(let r of a)t[r]=n[r]}return t}function le(e,t,n){let a=[],r;return i=>{const s=e(i);return(s.length!==a.length||s.some((l,f)=>!J(a[f],l)))&&(a=s,r=t(s,i)),r}}var $=(e=>(e.NotStarted="Not Started",e.Started="Started",e.Stopped="Stopped",e))($||{}),U="__init__";function Je(e){const t=()=>e.getRootNode?.()??document,n=()=>we(t());return{...e,getRootNode:t,getDoc:n,getWin:()=>n().defaultView??window,getActiveElement:()=>fe(t()),isActiveElement:Le,getById:s=>t().getElementById(s)}}function He(e){return new Proxy({},{get(t,n){return n==="style"?a=>e({style:a}).style:e}})}var H=()=>e=>Array.from(new Set(e)),Qe=G("pagination").parts("root","item","ellipsis","firstTrigger","prevTrigger","nextTrigger","lastTrigger"),w=Qe.build(),Ye=e=>e.ids?.root??`pagination:${e.id}`,et=e=>e.ids?.firstTrigger??`pagination:${e.id}:first`,tt=e=>e.ids?.prevTrigger??`pagination:${e.id}:prev`,nt=e=>e.ids?.nextTrigger??`pagination:${e.id}:next`,rt=e=>e.ids?.lastTrigger??`pagination:${e.id}:last`,at=(e,t)=>e.ids?.ellipsis?.(t)??`pagination:${e.id}:ellipsis:${t}`,it=(e,t)=>e.ids?.item?.(t)??`pagination:${e.id}:item:${t}`,A=(e,t)=>{let n=t-e+1;return Array.from({length:n},(a,r)=>r+e)},ot=e=>e.map(t=>K(t)?{type:"page",value:t}:{type:"ellipsis"}),V="ellipsis",st=e=>{const{page:t,totalPages:n,siblingCount:a,boundaryCount:r=1}=e;if(n<=0)return[];if(n===1)return[1];const i=1,s=n,g=Math.max(t-a,i),l=Math.min(t+a,s),f=Math.min(a*2+3+r*2,n);if(n<=f)return A(i,s);const P=f-1-r,c=g>i+r+1&&Math.abs(g-i)>r+1,y=l<s-r-1&&Math.abs(s-l)>r+1;let u=[];if(!c&&y){const m=A(1,P);u.push(...m,V),u.push(...A(s-r+1,s))}else if(c&&!y){u.push(...A(i,i+r-1)),u.push(V);const m=A(s-P+1,s);u.push(...m)}else if(c&&y){u.push(...A(i,i+r-1)),u.push(V);const m=A(g,l);u.push(...m),u.push(V),u.push(...A(s-r+1,s))}else u.push(...A(i,s));for(let m=0;m<u.length;m++)if(u[m]===V){const N=K(u[m-1])?u[m-1]:0;(K(u[m+1])?u[m+1]:n+1)-N===2&&(u[m]=N+1)}return u},ct=e=>ot(st(e));function gt(e,t){const{send:n,scope:a,prop:r,computed:i,context:s}=e,g=i("totalPages"),l=s.get("page"),f=s.get("pageSize"),P=r("translations"),c=r("count"),y=r("getPageUrl"),u=r("type"),m=i("previousPage"),N=i("nextPage"),x=i("pageRange"),E=l===1,L=l===g,F=ct({page:l,totalPages:g,siblingCount:r("siblingCount"),boundaryCount:r("boundaryCount")});return{count:c,page:l,pageSize:f,totalPages:g,pages:F,previousPage:m,nextPage:N,pageRange:x,slice(S){return S.slice(x.start,x.end)},setPageSize(S){n({type:"SET_PAGE_SIZE",size:S})},setPage(S){n({type:"SET_PAGE",page:S})},goToNextPage(){n({type:"NEXT_PAGE"})},goToPrevPage(){n({type:"PREVIOUS_PAGE"})},goToFirstPage(){n({type:"FIRST_PAGE"})},goToLastPage(){n({type:"LAST_PAGE"})},getRootProps(){return t.element({id:Ye(a),...w.root.attrs,dir:r("dir"),"aria-label":P.rootLabel})},getEllipsisProps(S){return t.element({id:at(a,S.index),...w.ellipsis.attrs,dir:r("dir")})},getItemProps(S){const R=S.value,T=R===l;return t.element({id:it(a,R),...w.item.attrs,dir:r("dir"),"data-index":R,"data-selected":z(T),"aria-current":T?"page":void 0,"aria-label":P.itemLabel?.({page:R,totalPages:g}),onClick(){n({type:"SET_PAGE",page:R})},...u==="button"&&{type:"button"},...u==="link"&&y&&{href:y({page:R,pageSize:f})}})},getPrevTriggerProps(){return t.element({id:tt(a),...w.prevTrigger.attrs,dir:r("dir"),"data-disabled":z(E),"aria-label":P.prevTriggerLabel,onClick(){n({type:"PREVIOUS_PAGE"})},...u==="button"&&{disabled:E,type:"button"},...u==="link"&&y&&m&&{href:y({page:m,pageSize:f})}})},getFirstTriggerProps(){return t.element({id:et(a),...w.firstTrigger.attrs,dir:r("dir"),"data-disabled":z(E),"aria-label":P.firstTriggerLabel,onClick(){n({type:"FIRST_PAGE"})},...u==="button"&&{disabled:E,type:"button"},...u==="link"&&y&&{href:y({page:1,pageSize:f})}})},getNextTriggerProps(){return t.element({id:nt(a),...w.nextTrigger.attrs,dir:r("dir"),"data-disabled":z(L),"aria-label":P.nextTriggerLabel,onClick(){n({type:"NEXT_PAGE"})},...u==="button"&&{disabled:L,type:"button"},...u==="link"&&y&&N&&{href:y({page:N,pageSize:f})}})},getLastTriggerProps(){return t.element({id:rt(a),...w.lastTrigger.attrs,dir:r("dir"),"data-disabled":z(L),"aria-label":P.lastTriggerLabel,onClick(){n({type:"LAST_PAGE"})},...u==="button"&&{disabled:L,type:"button"},...u==="link"&&y&&{href:y({page:g,pageSize:f})}})}}}var ut={props({props:e}){return{defaultPageSize:10,siblingCount:1,boundaryCount:1,defaultPage:1,type:"button",count:1,...e,translations:{rootLabel:"pagination",firstTriggerLabel:"first page",prevTriggerLabel:"previous page",nextTriggerLabel:"next page",lastTriggerLabel:"last page",itemLabel({page:t,totalPages:n}){return`${n>1&&t===n?"last page, ":""}page ${t}`},...e.translations}}},initialState(){return"idle"},context({prop:e,bindable:t,getContext:n}){return{page:t(()=>({value:e("page"),defaultValue:e("defaultPage"),onChange(a){const r=n();e("onPageChange")?.({page:a,pageSize:r.get("pageSize")})}})),pageSize:t(()=>({value:e("pageSize"),defaultValue:e("defaultPageSize"),onChange(a){e("onPageSizeChange")?.({pageSize:a})}}))}},watch({track:e,context:t,action:n}){e([()=>t.get("pageSize")],()=>{n(["setPageIfNeeded"])})},computed:{totalPages:le(({prop:e,context:t})=>[t.get("pageSize"),e("count")],([e,t])=>Math.ceil(t/e)),pageRange:le(({context:e,prop:t})=>[e.get("page"),e.get("pageSize"),t("count")],([e,t,n])=>{const a=(e-1)*t;return{start:a,end:Math.min(a+t,n)}}),previousPage:({context:e})=>e.get("page")===1?null:e.get("page")-1,nextPage:({context:e,computed:t})=>e.get("page")===t("totalPages")?null:e.get("page")+1,isValidPage:({context:e,computed:t})=>e.get("page")>=1&&e.get("page")<=t("totalPages")},on:{SET_PAGE:{guard:"isValidPage",actions:["setPage"]},SET_PAGE_SIZE:{actions:["setPageSize"]},FIRST_PAGE:{actions:["goToFirstPage"]},LAST_PAGE:{actions:["goToLastPage"]},PREVIOUS_PAGE:{guard:"canGoToPrevPage",actions:["goToPrevPage"]},NEXT_PAGE:{guard:"canGoToNextPage",actions:["goToNextPage"]}},states:{idle:{}},implementations:{guards:{isValidPage:({event:e,computed:t})=>e.page>=1&&e.page<=t("totalPages"),isValidCount:({context:e,event:t})=>e.get("page")>t.count,canGoToNextPage:({context:e,computed:t})=>e.get("page")<t("totalPages"),canGoToPrevPage:({context:e})=>e.get("page")>1},actions:{setPage({context:e,event:t,computed:n}){const a=Z(t.page,n("totalPages"));e.set("page",a)},setPageSize({context:e,event:t}){e.set("pageSize",t.size)},goToFirstPage({context:e}){e.set("page",1)},goToLastPage({context:e,computed:t}){e.set("page",t("totalPages"))},goToPrevPage({context:e,computed:t}){e.set("page",n=>Z(n-1,t("totalPages")))},goToNextPage({context:e,computed:t}){e.set("page",n=>Z(n+1,t("totalPages")))},setPageIfNeeded({context:e,computed:t}){t("isValidPage")||e.set("page",1)}}}},Z=(e,t)=>Math.min(Math.max(e,1),t);H()(["boundaryCount","count","dir","getRootNode","id","ids","onPageChange","onPageSizeChange","page","defaultPage","pageSize","defaultPageSize","siblingCount","translations","type","getPageUrl"]);H()(["value","type"]);H()(["index"]);var he=typeof globalThis.document<"u"?h.useLayoutEffect:h.useEffect;function B(e){const t=e().value??e().defaultValue,n=e().isEqual??Object.is,[a]=h.useState(t),[r,i]=h.useState(a),s=e().value!==void 0,g=h.useRef(r);g.current=s?e().value:r;const l=h.useRef(g.current);he(()=>{l.current=g.current},[r,e().value]);const f=c=>{const y=l.current,u=q(c)?c(y):c;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:u,prev:y}),s||i(u),n(u,y)||e().onChange?.(u,y)};function P(){return s?e().value:r}return{initial:a,ref:g,get:P,set(c){(e().sync?X.flushSync:Be)(()=>f(c))},invoke(c,y){e().onChange?.(c,y)},hash(c){return e().hash?.(c)??String(c)}}}B.cleanup=e=>{h.useEffect(()=>e,[])};B.ref=e=>{const t=h.useRef(e);return{get:()=>t.current,set:n=>{t.current=n}}};function lt(e){const t=h.useRef(e);return{get(n){return t.current[n]},set(n,a){t.current[n]=a}}}var dt=(e,t)=>{const n=h.useRef(!1),a=h.useRef(!1);h.useEffect(()=>{if(n.current&&a.current)return t();a.current=!0},[...(e??[]).map(r=>typeof r=="function"?r():r)]),h.useEffect(()=>(n.current=!0,()=>{n.current=!1}),[])};function pt(e,t={}){const n=h.useMemo(()=>{const{id:o,ids:d,getRootNode:b}=t;return Je({id:o,ids:d,getRootNode:b})},[t]),a=(...o)=>{e.debug&&console.log(...o)},r=e.props?.({props:ye(t),scope:n})??t,i=ft(r),s=e.context?.({prop:i,bindable:B,scope:n,flush:de,getContext(){return l},getComputed(){return R},getRefs(){return N},getEvent(){return u()}}),g=me(s),l={get(o){return g.current?.[o].ref.current},set(o,d){g.current?.[o].set(d)},initial(o){return g.current?.[o].initial},hash(o){const d=g.current?.[o].get();return g.current?.[o].hash(d)}},f=h.useRef(new Map),P=h.useRef(null),c=h.useRef(null),y=h.useRef({type:""}),u=()=>({...y.current,current(){return y.current},previous(){return c.current}}),m=()=>({...T,matches(...o){return o.includes(T.ref.current)},hasTag(o){return!!e.states[T.ref.current]?.tags?.includes(o)}}),N=lt(e.refs?.({prop:i,context:l})??{}),x=()=>({state:m(),context:l,event:u(),prop:i,send:oe,action:E,guard:L,track:dt,refs:N,computed:R,flush:de,scope:n,choose:S}),E=o=>{const d=q(o)?o(x()):o;if(!d)return;const b=d.map(v=>{const j=e.implementations?.actions?.[v];return j||ge(`[zag-js] No implementation found for action "${JSON.stringify(v)}"`),j});for(const v of b)v?.(x())},L=o=>q(o)?o(x()):e.implementations?.guards?.[o](x()),F=o=>{const d=q(o)?o(x()):o;if(!d)return;const b=d.map(j=>{const I=e.implementations?.effects?.[j];return I||ge(`[zag-js] No implementation found for effect "${JSON.stringify(j)}"`),I}),v=[];for(const j of b){const I=j?.(x());I&&v.push(I)}return()=>v.forEach(j=>j?.())},S=o=>_e(o).find(d=>{let b=!d.guard;return D(d.guard)?b=!!L(d.guard):q(d.guard)&&(b=d.guard(x())),b}),R=o=>{Ue(e.computed,()=>"[zag-js] No computed object found on machine");const d=e.computed[o];return d({context:l,event:u(),prop:i,refs:N,scope:n,computed:R})},T=B(()=>({defaultValue:e.initialState({prop:i}),onChange(o,d){d&&(f.current.get(d)?.(),f.current.delete(d)),d&&E(e.states[d]?.exit),E(P.current?.actions);const b=F(e.states[o]?.effects);if(b&&f.current.set(o,b),d===U){E(e.entry);const v=F(e.effects);v&&f.current.set(U,v)}E(e.states[o]?.entry)}})),ie=h.useRef(void 0),M=h.useRef($.NotStarted);he(()=>{queueMicrotask(()=>{const b=M.current===$.Started;M.current=$.Started,a(b?"rehydrating...":"initializing...");const v=ie.current??T.initial;T.invoke(v,b?T.get():U)});const o=f.current,d=T.ref.current;return()=>{a("unmounting..."),ie.current=d,M.current=$.Stopped,o.forEach(b=>b?.()),f.current=new Map,P.current=null,queueMicrotask(()=>{E(e.exit)})}},[]);const xe=()=>"ref"in T?T.ref.current:T.get(),oe=o=>{queueMicrotask(()=>{if(M.current!==$.Started)return;c.current=y.current,y.current=o;let d=xe();const b=e.states[d].on?.[o.type]??e.on?.[o.type],v=S(b);if(!v)return;P.current=v;const j=v.target??d;a("transition",o.type,v.target||d,`(${v.actions})`);const I=j!==d;I?X.flushSync(()=>T.set(j)):v.reenter&&!I?T.invoke(d,d):E(v.actions??[])})};return e.watch?.(x()),{state:m(),send:oe,context:l,prop:i,scope:n,refs:N,computed:R,event:u(),getStatus:()=>M.current}}function me(e){const t=h.useRef(e);return t.current=e,t}function ft(e){const t=me(e);return function(a){return t.current[a]}}function de(e){queueMicrotask(()=>{X.flushSync(()=>e())})}var Pt=He(e=>e);function yt(e,t,n){const a=(n-1)/2;let r=Math.max(0,t-a),i=Math.min(e.length,t+a+1);return i-r<n&&(r=Math.max(0,Math.min(r,e.length-n)),i=Math.min(e.length,r+n)),e.slice(r,i)}const ve=h.createContext(null),ht=({children:e,count:t,visiblePageItems:n=7,pageSize:a,page:r,onPageChange:i,noEllipsis:s,type:g="link"})=>{const l=s?1/0:Math.max(0,Math.floor((n-5)/2)),f=h.useId(),P=pt(ut,{id:f,count:t,siblingCount:l,pageSize:a,page:r,onPageChange:i,type:g}),c=gt(P,Pt),y=s?yt(c.pages,c.page-1,n):c.pages;return p.jsx(ve.Provider,{value:{type:g,pagination:{...c,pages:y,getFirstPageTriggerProps:()=>({...c.getPrevTriggerProps(),id:`${c.getRootProps().id}:first`,"data-part":"first-page-trigger",onClick:c.goToFirstPage}),getLastPageTriggerProps:()=>({...c.getNextTriggerProps(),id:`${c.getRootProps().id}:last`,"data-part":"last-page-trigger",onClick:c.goToLastPage})}},children:e})},C=()=>{const e=h.useContext(ve);if(!e)throw Error("usePagination must be used within a Pagination provider");return e},be=({children:e,visiblePageItems:t=5,type:n="link",noEllipsis:a=!1,className:r,...i})=>p.jsx(ht,{visiblePageItems:t,noEllipsis:a,type:n,...i,children:p.jsx(mt,{className:r,children:e})}),mt=({children:e,className:t})=>{const{pagination:n}=C(),a=n.getRootProps();return p.jsx("nav",{"data-spark-component":"pagination",...a,className:t,children:p.jsx("ul",{className:"gap-md flex flex-wrap",children:e})})};be.displayName="Pagination";const Q=({children:e,index:t,className:n,ref:a,...r})=>{const{pagination:i}=C(),s=i.getEllipsisProps({index:t}),g={className:Ee.cx("flex size-sz-44 items-center justify-center",n),...r},l=O(s,g);return p.jsx("li",{children:p.jsx("span",{"data-spark-component":"pagination-ellipsis",ref:a,...l,children:e||"…"})})};Q.displayName="Pagination.Ellipsis";const Y=({children:e,className:t,href:n,ref:a,...r})=>{const{pagination:i,type:s}=C(),g=i.getFirstPageTriggerProps(),l=s==="link"&&g["data-disabled"]==="",f={"data-spark-component":"pagination-first-page-trigger",intent:"support",design:"contrast",...r,className:t,...l&&{disabled:!0,role:"link","aria-disabled":!0}},P=O(g,f),c=e||p.jsx(W.Icon,{children:p.jsx(Se.ArrowDoubleLeft,{})});return p.jsx("li",{children:n?p.jsx(k.IconButton,{ref:a,...P,asChild:!0,children:p.jsx("a",{href:l?void 0:n,children:c})}):p.jsx(k.IconButton,{ref:a,...P,children:c})})};Y.displayName="Pagination.FirstPageTrigger";const ee=({children:e,value:t,className:n,href:a,ref:r,...i})=>{const{pagination:s}=C(),g=s.getItemProps({type:"page",value:t}),l={"data-spark-component":"pagination-item",intent:"support",design:g["aria-current"]==="page"?"filled":"contrast",className:n,...i},f=O(g,l);return p.jsx("li",{children:a?p.jsx(se.Button,{ref:r,...f,asChild:!0,children:p.jsx("a",{href:a,children:e||t})}):p.jsx(se.Button,{ref:r,...f,children:e||t})})};ee.displayName="Pagination.Item";const te=({children:e,className:t,href:n,ref:a,...r})=>{const{pagination:i,type:s}=C(),g=i.getLastPageTriggerProps(),l=s==="link"&&g["data-disabled"]==="",f={"data-spark-component":"pagination-last-page-trigger",intent:"support",design:"contrast",...r,className:t,...l&&{disabled:!0,role:"link","aria-disabled":!0}},P=O(g,f),c=e||p.jsx(W.Icon,{children:p.jsx(je.ArrowDoubleRight,{})});return p.jsx("li",{children:n?p.jsx(k.IconButton,{ref:a,...P,asChild:!0,children:p.jsx("a",{href:l?void 0:n,children:c})}):p.jsx(k.IconButton,{ref:a,...P,children:c})})};te.displayName="Pagination.LastPageTrigger";const ne=({children:e,className:t,href:n,ref:a,...r})=>{const{pagination:i,type:s}=C(),g=i.getNextTriggerProps(),l=s==="link"&&g["data-disabled"]==="",f={"data-spark-component":"pagination-next-trigger",intent:"support",design:"contrast",...r,className:t,...l&&{disabled:!0,role:"link","aria-disabled":!0}},P=O(g,f),c=e||p.jsx(W.Icon,{children:p.jsx(Ne.ArrowVerticalRight,{})});return p.jsx("li",{children:n?p.jsx(k.IconButton,{ref:a,...P,asChild:!0,children:p.jsx("a",{href:l?void 0:n,children:c})}):p.jsx(k.IconButton,{ref:a,...P,children:c})})};ne.displayName="Pagination.NextTrigger";const re=({children:e})=>{const{pagination:t}=C();return e(t)};re.displayName="Pagination.Pages";const ae=({children:e,className:t,href:n,ref:a,...r})=>{const{pagination:i,type:s}=C(),g=i.getPrevTriggerProps(),l=s==="link"&&g["data-disabled"]==="",f={"data-spark-component":"pagination-prev-trigger",intent:"support",design:"contrast",...r,className:t,...l&&{disabled:!0,role:"link","aria-disabled":!0}},P=O(g,f),c=e||p.jsx(W.Icon,{children:p.jsx(Re.ArrowVerticalLeft,{})});return p.jsx("li",{children:n?p.jsx(k.IconButton,{ref:a,...P,asChild:!0,children:p.jsx("a",{href:l?void 0:n,children:c})}):p.jsx(k.IconButton,{ref:a,...P,children:c})})};ae.displayName="Pagination.PrevTrigger";const Te=Object.assign(be,{PrevTrigger:ae,NextTrigger:ne,Pages:re,Item:ee,Ellipsis:Q,FirstPageTrigger:Y,LastPageTrigger:te});Te.displayName="Pagination";ae.displayName="Pagination.PrevTrigger";ne.displayName="Pagination.NextTrigger";re.displayName="Pagination.Pages";ee.displayName="Pagination.Item";Q.displayName="Pagination.Ellipsis";Y.displayName="Pagination.FirstPageTrigger";te.displayName="Pagination.LastPageTrigger";exports.Pagination=Te;
+//# sourceMappingURL=index.js.map