@hanwenbo/x-taro-ui 0.0.1

package/lib/components/notification/tokens.js

@@ -0,0 +1,129 @@
+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/components/notification/tokens.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  getNotificationPresentation: () => getNotificationPresentation,
+  getToneAccentColor: () => getToneAccentColor,
+  notificationIconMap: () => notificationIconMap,
+  notificationTypography: () => notificationTypography
+});
+module.exports = __toCommonJS(tokens_exports);
+var import_theme = require("../../theme");
+var import_componentTokens = require("../../theme/runtime/componentTokens");
+var notificationIconMap = {
+  default: "Bell",
+  info: "Info",
+  success: "CheckCircle2",
+  warning: "AlertCircle",
+  error: "XCircle"
+};
+function mixAccentColor(accent, base, weight) {
+  return (0, import_componentTokens.mixSolidColors)(accent, base, weight);
+}
+function getToneAccentColor(tone, colors) {
+  switch (tone) {
+    case "info":
+      return colors.primary;
+    case "success":
+      return colors.success;
+    case "warning":
+      return colors.warning;
+    case "error":
+      return colors.destructive;
+    case "default":
+    default:
+      return colors.foreground;
+  }
+}
+function getNotificationPresentation(tone, variant, colors) {
+  const accent = getToneAccentColor(tone, colors);
+  const shadow = "var(--x-notification-shadow)";
+  if (variant === "solid") {
+    return {
+      accent,
+      cardStyle: {
+        backgroundColor: accent,
+        borderColor: accent,
+        boxShadow: shadow
+      },
+      titleColor: colors["primary-foreground"],
+      contentColor: colors["primary-foreground"],
+      iconColor: colors["primary-foreground"],
+      closeColor: colors["primary-foreground"],
+      actionBorderColor: (0, import_theme.withOpacity)(colors.background, 0.35),
+      actionBackgroundColor: (0, import_theme.withOpacity)(colors.background, 0.08)
+    };
+  }
+  if (variant === "outline") {
+    return {
+      accent,
+      cardStyle: {
+        backgroundColor: colors.background,
+        borderColor: mixAccentColor(accent, colors.border, 0.45),
+        boxShadow: shadow
+      },
+      titleColor: colors.foreground,
+      contentColor: colors["muted-foreground"],
+      iconColor: accent,
+      closeColor: colors["muted-foreground"],
+      actionBorderColor: mixAccentColor(accent, colors.border, 0.45),
+      actionBackgroundColor: colors.background
+    };
+  }
+  return {
+    accent,
+    cardStyle: {
+      backgroundColor: mixAccentColor(accent, colors.card, 0.1),
+      borderColor: mixAccentColor(accent, colors.border, 0.28),
+      boxShadow: shadow
+    },
+    titleColor: colors.foreground,
+    contentColor: colors["muted-foreground"],
+    iconColor: accent,
+    closeColor: colors["muted-foreground"],
+    actionBorderColor: mixAccentColor(accent, colors.border, 0.28),
+    actionBackgroundColor: colors.background
+  };
+}
+var notificationTypography = {
+  titleFontSize: import_theme.designSystemTypography.sizes.sm,
+  contentFontSize: import_theme.designSystemTypography.sizes.sm,
+  actionFontSize: import_theme.designSystemTypography.sizes.xs,
+  titleLineHeight: "20px",
+  contentLineHeight: `${26 * (14 / 16)}px`,
+  iconSize: 17.5,
+  closeIconSize: 16,
+  radius: "var(--x-notification-radius)",
+  paddingX: 14,
+  paddingY: 10.5,
+  gap: 10.5,
+  contentGap: 1.75,
+  actionsGap: 12,
+  actionsTop: 12,
+  transitionOffset: 14,
+  transitionDuration: 300
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getNotificationPresentation,
+  getToneAccentColor,
+  notificationIconMap,
+  notificationTypography
+});

package/lib/components/notification/types.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Notification Component Types
+ *
+ * @description
+ * Design system aligned notification component types
+ */
+import type { ReactNode } from 'react';
+export declare type NotificationTone = 'default' | 'info' | 'success' | 'warning' | 'error';
+export declare type NotificationType = 'success' | 'fail' | 'info' | 'warning';
+export declare type NotificationPlacement = 'top' | 'bottom';
+export declare type NotificationVariant = 'soft' | 'outline' | 'solid';
+export interface NotificationParams {
+    title?: string;
+    content?: ReactNode;
+    duration?: number;
+    type?: NotificationType;
+    onClose?: () => void;
+}
+export interface NotificationAction {
+    key: string;
+    label: ReactNode;
+    danger?: boolean;
+}
+export interface NotificationItem {
+    key: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    tone?: NotificationTone;
+    type?: NotificationTone | NotificationType;
+    variant?: NotificationVariant;
+    duration?: number;
+    closable?: boolean;
+    actions?: NotificationAction[];
+}
+export interface NotificationProps {
+    /** Single notification key */
+    messageKey?: string;
+    /** Single notification title */
+    title?: ReactNode;
+    /** Single notification description */
+    description?: ReactNode;
+    content?: ReactNode;
+    /** Single notification icon */
+    icon?: ReactNode;
+    /** Single notification tone */
+    tone?: NotificationTone;
+    type?: NotificationTone | NotificationType;
+    /** Single notification variant */
+    variant?: NotificationVariant;
+    /** Auto close duration */
+    duration?: number;
+    visible?: boolean;
+    /** Render in the canonical fixed top/bottom notification host. */
+    fixed?: boolean;
+    placement?: NotificationPlacement;
+    /** Show close button */
+    closable?: boolean;
+    /** Notification actions */
+    actions?: NotificationAction[];
+    /** Notification stack */
+    items?: NotificationItem[];
+    /** Empty content text */
+    emptyText?: ReactNode;
+    /** Close callback */
+    onClose?: (key?: string) => void;
+    /** Action callback */
+    onActionClick?: (actionKey: string, notificationKey: string) => void;
+    /** Fallback description node */
+    children?: ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/notification/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/notification/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pageIndicator/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as PageIndicator } from './pageIndicator';
+export { default } from './pageIndicator';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/pageIndicator/index.js

@@ -0,0 +1,44 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/components/pageIndicator/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PageIndicator: () => import_pageIndicator.default,
+  default: () => import_pageIndicator2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_pageIndicator = __toESM(require("./pageIndicator"));
+var import_pageIndicator2 = __toESM(require("./pageIndicator"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageIndicator,
+  ...require("./types")
+});

package/lib/components/pageIndicator/pageIndicator.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PageIndicatorProps } from './types';
+declare const PageIndicator: React.FC<PageIndicatorProps>;
+export default PageIndicator;
+//# sourceMappingURL=pageIndicator.d.ts.map

package/lib/components/pageIndicator/pageIndicator.js

@@ -0,0 +1,230 @@
+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/components/pageIndicator/pageIndicator.tsx
+var pageIndicator_exports = {};
+__export(pageIndicator_exports, {
+  default: () => pageIndicator_default
+});
+module.exports = __toCommonJS(pageIndicator_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@tarojs/components");
+var import_patterns = require("../../patterns");
+var import_theme = require("../../theme");
+var import_utils = require("../../utils");
+var import_resolveThemeColor = require("../../utils/resolveThemeColor");
+var import_taroProps = require("../../utils/taroProps");
+var import_configProvider = require("../configProvider");
+var toLength = (value, fallback) => {
+  if (typeof value === "number") {
+    return `${Number.isFinite(value) ? Math.max(0, value) : fallback}px`;
+  }
+  return value.trim() || `${fallback}px`;
+};
+var scaleLength = (value, factor) => typeof value === "number" ? value * factor : `calc(${value} * ${factor})`;
+var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+var normalizeIndex = (value) => Number.isFinite(value) ? Math.trunc(value) : 0;
+var PageIndicatorDot = ({
+  active,
+  index,
+  interactive,
+  className,
+  style,
+  onPress
+}) => {
+  const { colors, motion } = (0, import_theme.useTokens)();
+  const [focused, setFocused] = (0, import_react.useState)(false);
+  const pressable = (0, import_patterns.usePressable)({ disabled: !interactive, onPress, scale: 0.95 });
+  const accessibilityProps = interactive ? (0, import_taroProps.resolveTaroAccessibilityProps)("button", `第 ${index + 1} 页`) : {};
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      "data-slot": "page-indicator-dot",
+      "data-index": index,
+      "data-active": active ? "true" : "false",
+      "data-state": active ? "active" : "default",
+      ...accessibilityProps,
+      "aria-current": interactive && active ? "page" : void 0,
+      tabIndex: interactive ? 0 : void 0,
+      className,
+      onFocus: () => {
+        if (interactive) setFocused(true);
+      },
+      onBlur: () => setFocused(false),
+      onKeyDown: (event) => {
+        var _a;
+        const key = event.key;
+        if (!interactive || key !== "Enter" && key !== " " && key !== "Spacebar") return;
+        (_a = event.preventDefault) == null ? void 0 : _a.call(event);
+        onPress();
+      },
+      ...interactive ? pressable.handlers : {},
+      style: {
+        ...style,
+        transform: interactive ? pressable.style.transform : void 0,
+        cursor: interactive ? "pointer" : void 0,
+        boxShadow: focused ? `0 0 0 2px ${(0, import_theme.withOpacity)(colors.ring, 0.28)}` : "none",
+        transition: interactive ? `width ${motion.durationsMs.overlayDefault}ms ease, height ${motion.durationsMs.overlayDefault}ms ease, border-radius ${motion.durationsMs.overlayDefault}ms ease, background-color ${motion.durationsMs.overlayDefault}ms ease, transform ${motion.durationsMs.fast}ms ${motion.easing.standard}, box-shadow ${motion.durationsMs.fast}ms ${motion.easing.standard}` : `all ${motion.durationsMs.overlayDefault}ms ease`
+      }
+    }
+  );
+};
+var PageIndicator = ({
+  total,
+  current,
+  defaultCurrent = 0,
+  maxVisible,
+  dotSize = 8,
+  activeSize,
+  color,
+  activeColor,
+  dotColor,
+  activeDotColor,
+  dotWidth,
+  dotHeight,
+  activeDotWidth,
+  activeDotHeight,
+  dotBorderRadius,
+  activeDotBorderRadius,
+  dotSpacing,
+  shape = "dot",
+  direction = "horizontal",
+  stretch = false,
+  clickable = false,
+  onChange,
+  className,
+  style
+}) => {
+  const { colors, namedColors } = (0, import_theme.useTokens)();
+  const config = (0, import_configProvider.useConfigProvider)();
+  const [innerCurrent, setInnerCurrent] = (0, import_react.useState)(defaultCurrent);
+  const isControlled = current !== void 0;
+  const pageCount = Number.isFinite(total) ? Math.max(0, Math.floor(total)) : 0;
+  const requestedIndex = normalizeIndex(current ?? innerCurrent);
+  const activeIndex = pageCount > 0 ? clamp(requestedIndex, 0, pageCount - 1) : 0;
+  const isHorizontal = direction === "horizontal";
+  const dotWidthValue = dotWidth ?? dotSize;
+  const dotHeightValue = dotHeight ?? dotSize;
+  const resolvedDotWidth = toLength(dotWidthValue, 8);
+  const resolvedDotHeight = toLength(dotHeightValue, 8);
+  const resolvedActiveWidth = toLength(
+    activeDotWidth ?? activeSize ?? (shape === "pill" ? scaleLength(dotWidthValue, 2.5) : dotWidthValue),
+    shape === "pill" ? 20 : 8
+  );
+  const resolvedActiveHeight = toLength(activeDotHeight ?? dotHeightValue, 8);
+  const resolvedMaxVisible = maxVisible === void 0 || !Number.isFinite(maxVisible) ? pageCount : Math.max(1, Math.floor(maxVisible));
+  const visibleCount = Math.min(pageCount, resolvedMaxVisible);
+  const halfWindow = Math.floor(visibleCount / 2);
+  let start = Math.max(0, activeIndex - halfWindow);
+  let end = Math.min(pageCount - 1, start + visibleCount - 1);
+  start = Math.max(0, end - visibleCount + 1);
+  const visibleIndexes = Array.from({ length: end - start + 1 }, (_, index) => start + index);
+  import_react.default.useEffect(() => {
+    if (!isControlled && innerCurrent !== activeIndex) {
+      setInnerCurrent(activeIndex);
+    }
+  }, [activeIndex, innerCurrent, isControlled]);
+  if (pageCount === 0) {
+    return null;
+  }
+  const handleChange = (index) => {
+    if (!isControlled) {
+      setInnerCurrent(index);
+    }
+    onChange == null ? void 0 : onChange(index);
+  };
+  const prefixCls = config.prefixCls;
+  const isInteractive = clickable || Boolean(onChange);
+  const resolvedDotRadius = toLength(
+    dotBorderRadius ?? (shape === "pill" ? "999px" : 4),
+    shape === "pill" ? 999 : 4
+  );
+  const resolvedActiveRadius = toLength(
+    activeDotBorderRadius ?? (shape === "pill" ? "999px" : 4),
+    shape === "pill" ? 999 : 4
+  );
+  const resolvedBaseColor = (0, import_resolveThemeColor.resolveThemeColor)(color || "primary", colors, namedColors);
+  const resolvedDotColor = (0, import_resolveThemeColor.resolveThemeColor)(dotColor, colors, namedColors) ?? (color === void 0 || color === "primary" ? colors["muted-foreground"] : resolvedBaseColor);
+  const resolvedActiveColor = (0, import_resolveThemeColor.resolveThemeColor)(activeDotColor ?? activeColor, colors, namedColors) ?? resolvedBaseColor;
+  const rootAccessibilityProps = isInteractive ? (0, import_taroProps.resolveTaroAccessibilityProps)("group", "页面指示器") : {};
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      "data-slot": "page-indicator-root",
+      "data-direction": direction,
+      "data-stretch": stretch ? "true" : "false",
+      "data-total": pageCount,
+      "data-current": activeIndex,
+      ...rootAccessibilityProps,
+      className: (0, import_utils.classNames)(`${prefixCls}-page-indicator`, className),
+      style: {
+        display: "flex",
+        flexDirection: isHorizontal ? "row" : "column",
+        alignItems: "center",
+        boxSizing: "border-box",
+        minWidth: 0,
+        minHeight: 0,
+        width: stretch && isHorizontal ? "100%" : void 0,
+        height: stretch && !isHorizontal ? "100%" : void 0,
+        gap: toLength(dotSpacing ?? 8, 8),
+        ...style
+      }
+    },
+    visibleIndexes.map((index) => {
+      const isActive = index === activeIndex;
+      const physicalWidth = isHorizontal ? isActive ? resolvedActiveWidth : resolvedDotWidth : isActive ? resolvedActiveHeight : resolvedDotHeight;
+      const physicalHeight = isHorizontal ? isActive ? resolvedActiveHeight : resolvedDotHeight : isActive ? resolvedActiveWidth : resolvedDotWidth;
+      return /* @__PURE__ */ import_react.default.createElement(
+        PageIndicatorDot,
+        {
+          key: index,
+          index,
+          active: isActive,
+          interactive: isInteractive,
+          onPress: () => handleChange(index),
+          className: (0, import_utils.classNames)(
+            `${prefixCls}-page-indicator__dot`,
+            isActive && `${prefixCls}-page-indicator__dot--active`
+          ),
+          style: {
+            width: stretch && isHorizontal ? 0 : physicalWidth,
+            height: stretch && !isHorizontal ? 0 : physicalHeight,
+            borderRadius: isActive ? resolvedActiveRadius : resolvedDotRadius,
+            backgroundColor: isActive ? resolvedActiveColor : resolvedDotColor,
+            opacity: 1,
+            flexGrow: stretch ? 1 : 0,
+            flexBasis: stretch ? 0 : "auto",
+            flexShrink: 0
+          }
+        }
+      );
+    })
+  );
+};
+PageIndicator.displayName = "PageIndicator";
+var pageIndicator_default = PageIndicator;

package/lib/components/pageIndicator/types.d.ts

@@ -0,0 +1,51 @@
+/**
+ * PageIndicator Component Types
+ *
+ * @description
+ * Design system aligned pageIndicator component types
+ */
+/// <reference types="react" />
+export interface PageIndicatorProps {
+    /** Total number of pages */
+    total: number;
+    /** Controlled current index */
+    current?: number;
+    /** Initial current index */
+    defaultCurrent?: number;
+    /** Maximum number of visible indicators */
+    maxVisible?: number;
+    /** Dot size */
+    dotSize?: number | string;
+    /** Active dot size */
+    activeSize?: number | string;
+    /** Semantic theme color name or CSS color used by the indicator */
+    color?: string;
+    /** Active dot color alias */
+    activeColor?: string;
+    /** Inactive dot semantic theme color name or CSS color */
+    dotColor?: string;
+    /** Active dot semantic theme color name or CSS color */
+    activeDotColor?: string;
+    dotWidth?: number | string;
+    dotHeight?: number | string;
+    activeDotWidth?: number | string;
+    activeDotHeight?: number | string;
+    dotBorderRadius?: number | string;
+    activeDotBorderRadius?: number | string;
+    dotSpacing?: number | string;
+    /** Indicator shape */
+    shape?: 'dot' | 'pill';
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Distribute indicators across container */
+    stretch?: boolean;
+    /** Opt in to pointer and keyboard selection; passive by default */
+    clickable?: boolean;
+    /** Index change callback */
+    onChange?: (current: number) => void;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/pageIndicator/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/pageIndicator/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pagination/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as Pagination } from './pagination';
+export { default } from './pagination';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/pagination/index.js

@@ -0,0 +1,44 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/components/pagination/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Pagination: () => import_pagination.default,
+  default: () => import_pagination2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_pagination = __toESM(require("./pagination"));
+var import_pagination2 = __toESM(require("./pagination"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pagination,
+  ...require("./types")
+});

package/lib/components/pagination/pagination.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PaginationProps } from './types';
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;
+//# sourceMappingURL=pagination.d.ts.map