@sytechui/pagination 2.2.27

package/dist/pagination-item.d.mts

@@ -0,0 +1,11 @@
+import * as _sytechui_system from '@sytechui/system';
+import { UsePaginationItemProps } from './use-pagination-item.mjs';
+import 'react';
+import '@react-types/shared';
+import '@sytechui/use-pagination';
+
+interface PaginationItemProps extends UsePaginationItemProps {
+}
+declare const PaginationItem: _sytechui_system.InternalForwardRefRenderFunction<"li", PaginationItemProps, never>;
+
+export { type PaginationItemProps, PaginationItem as default };

package/dist/pagination-item.d.ts

@@ -0,0 +1,11 @@
+import * as _sytechui_system from '@sytechui/system';
+import { UsePaginationItemProps } from './use-pagination-item.js';
+import 'react';
+import '@react-types/shared';
+import '@sytechui/use-pagination';
+
+interface PaginationItemProps extends UsePaginationItemProps {
+}
+declare const PaginationItem: _sytechui_system.InternalForwardRefRenderFunction<"li", PaginationItemProps, never>;
+
+export { type PaginationItemProps, PaginationItem as default };

package/dist/pagination-item.js

@@ -0,0 +1,113 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pagination-item.tsx
+var pagination_item_exports = {};
+__export(pagination_item_exports, {
+  default: () => pagination_item_default
+});
+module.exports = __toCommonJS(pagination_item_exports);
+var import_system = require("@sytechui/system");
+
+// src/use-pagination-item.ts
+var import_react = require("react");
+var import_utils = require("@react-aria/utils");
+var import_shared_utils = require("@sytechui/shared-utils");
+var import_react_utils = require("@sytechui/react-utils");
+var import_interactions = require("@react-aria/interactions");
+var import_focus = require("@react-aria/focus");
+var import_theme = require("@sytechui/theme");
+function usePaginationItem(props) {
+  const {
+    as,
+    ref,
+    value,
+    children,
+    isActive,
+    isDisabled,
+    onPress,
+    onClick,
+    getAriaLabel,
+    className,
+    ...otherProps
+  } = props;
+  const isLink = !!(props == null ? void 0 : props.href);
+  const Component = as || isLink ? "a" : "li";
+  const shouldFilterDOMProps = typeof Component === "string";
+  const domRef = (0, import_react_utils.useDOMRef)(ref);
+  const router = (0, import_utils.useRouter)();
+  const ariaLabel = (0, import_react.useMemo)(
+    () => isActive ? `${getAriaLabel == null ? void 0 : getAriaLabel(value)} active` : getAriaLabel == null ? void 0 : getAriaLabel(value),
+    [value, isActive]
+  );
+  const { isPressed, pressProps } = (0, import_interactions.usePress)({
+    isDisabled,
+    onPress
+  });
+  const { focusProps, isFocused, isFocusVisible } = (0, import_focus.useFocusRing)({});
+  const { isHovered, hoverProps } = (0, import_interactions.useHover)({ isDisabled });
+  const getItemProps = (props2 = {}) => {
+    return {
+      ref: domRef,
+      role: "button",
+      tabIndex: isDisabled ? -1 : 0,
+      "aria-label": ariaLabel,
+      "aria-current": (0, import_shared_utils.dataAttr)(isActive),
+      "aria-disabled": (0, import_shared_utils.dataAttr)(isDisabled),
+      "data-disabled": (0, import_shared_utils.dataAttr)(isDisabled),
+      "data-active": (0, import_shared_utils.dataAttr)(isActive),
+      "data-focus": (0, import_shared_utils.dataAttr)(isFocused),
+      "data-hover": (0, import_shared_utils.dataAttr)(isHovered),
+      "data-pressed": (0, import_shared_utils.dataAttr)(isPressed),
+      "data-focus-visible": (0, import_shared_utils.dataAttr)(isFocusVisible),
+      ...(0, import_shared_utils.mergeProps)(
+        props2,
+        pressProps,
+        focusProps,
+        hoverProps,
+        (0, import_react_utils.filterDOMProps)(otherProps, {
+          enabled: shouldFilterDOMProps
+        })
+      ),
+      className: (0, import_theme.cn)(className, props2.className),
+      onClick: (e) => {
+        (0, import_shared_utils.chain)(pressProps == null ? void 0 : pressProps.onClick, onClick)(e);
+        (0, import_utils.handleLinkClick)(e, router, props2.href, props2.routerOptions);
+      }
+    };
+  };
+  return {
+    Component,
+    children,
+    ariaLabel,
+    isFocused,
+    isFocusVisible,
+    getItemProps
+  };
+}
+
+// src/pagination-item.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var PaginationItem = (0, import_system.forwardRef)((props, ref) => {
+  const { Component, children, getItemProps } = usePaginationItem({ ...props, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...getItemProps(), children });
+});
+PaginationItem.displayName = "HeroUI.PaginationItem";
+var pagination_item_default = PaginationItem;

package/dist/pagination-item.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  pagination_item_default
+} from "./chunk-BNRXGTRW.mjs";
+import "./chunk-5S65XA6Q.mjs";
+export {
+  pagination_item_default as default
+};

package/dist/pagination.d.mts

@@ -0,0 +1,13 @@
+import * as _sytechui_system from '@sytechui/system';
+import { UsePaginationProps } from './use-pagination.mjs';
+import 'tailwind-variants';
+import '@sytechui/theme';
+import 'react';
+import '@sytechui/use-pagination';
+import '@react-types/shared';
+
+interface PaginationProps extends UsePaginationProps {
+}
+declare const Pagination: _sytechui_system.InternalForwardRefRenderFunction<"nav", PaginationProps, never>;
+
+export { type PaginationProps, Pagination as default };

package/dist/pagination.d.ts

@@ -0,0 +1,13 @@
+import * as _sytechui_system from '@sytechui/system';
+import { UsePaginationProps } from './use-pagination.js';
+import 'tailwind-variants';
+import '@sytechui/theme';
+import 'react';
+import '@sytechui/use-pagination';
+import '@react-types/shared';
+
+interface PaginationProps extends UsePaginationProps {
+}
+declare const Pagination: _sytechui_system.InternalForwardRefRenderFunction<"nav", PaginationProps, never>;
+
+export { type PaginationProps, Pagination as default };