@mieweb/ui 0.1.0

package/dist/chunk-OWPWP46L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/waggleline.ts"],"names":[],"mappings":";AA2BO,IAAM,eAAA,GAA+B;AAAA,EAC1C,IAAA,EAAM,YAAA;AAAA,EACN,WAAA,EAAa,YAAA;AAAA,EACb,WAAA,EACE,2EAAA;AAAA,EAEF,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,OAAA,EAAS,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC1D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,uEAAA;AAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EACE;AAAA;AAAA;AAEN","file":"chunk-OWPWP46L.js","sourcesContent":["/**\n * Waggleline Brand Configuration\n *\n * The official brand theme for Waggleline.\n * Primary color: #17AEED (Waggleline Blue)\n *\n * Waggleline is an experience visualization and orchestration platform\n * that maps relationships, signals, handoffs, dependencies, and momentum\n * across the customer journey.\n *\n * Brand colors from MIE Brand Guide:\n * - Blue (#17AEED): Primary actions, momentum\n * - Green (#009C4E): MIE core platform, success, completions\n * - Orange (#E04501): WebChart workflow, urgency\n * - Yellow (#FFD200): Enterprise Health, readiness, highlights\n * - Purple (#8B5CF6): Ozwell AI, intelligence\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * Waggleline brand configuration.\n * This defines all the design tokens used in Waggleline applications.\n *\n * Note: Dark mode uses charcoal tones (gray-900 based), not pure black,\n * following Waggleline's design philosophy.\n */\nexport const wagglelineBrand: BrandConfig = {\n  name: 'waggleline',\n  displayName: 'Waggleline',\n  description:\n    'Experience visualization and orchestration platform for customer journeys',\n\n  colors: {\n    // Primary color scale - Waggleline Blue (#17AEED)\n    primary: {\n      50: '#E6F7FF',\n      100: '#BAE7FF',\n      200: '#91D5FF',\n      300: '#69C0FF',\n      400: '#40A9FF',\n      500: '#17AEED',\n      600: '#00A4EB',\n      700: '#0084C8',\n      800: '#006AA5',\n      900: '#004D7A',\n      950: '#003355',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#fafafa', // gray-50 equivalent\n      foreground: '#1a1a1a',\n      card: '#ffffff',\n      cardForeground: '#1a1a1a',\n      muted: '#f5f5f5',\n      mutedForeground: '#6b7280',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#17AEED',\n      destructive: '#ef4444',\n      destructiveForeground: '#ffffff',\n      success: '#009C4E', // Brand green\n      successForeground: '#ffffff',\n      warning: '#FFD200', // Brand yellow\n      warningForeground: '#1a1a1a',\n    },\n\n    // Dark mode semantic colors (charcoal-based, not pure black)\n    dark: {\n      background: '#1F2937', // panel.DEFAULT - charcoal\n      foreground: '#f9fafb',\n      card: '#2D3748', // panel.card\n      cardForeground: '#f9fafb',\n      muted: '#374151', // panel.elevated\n      mutedForeground: '#9ca3af',\n      border: '#374151',\n      input: '#374151',\n      ring: '#17AEED',\n      destructive: '#dc2626',\n      destructiveForeground: '#f9fafb',\n      success: '#009C4E', // Brand green\n      successForeground: '#f9fafb',\n      warning: '#FFD200', // Brand yellow\n      warningForeground: '#1a1a1a',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 2px 8px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06)', // soft\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal:\n      '0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08)', // soft-lg\n  },\n};\n\nexport { wagglelineBrand as default };\n"]}

package/dist/chunk-P52GA3GJ.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+// src/brands/enterprise-health.ts
+var enterpriseHealthBrand = {
+  name: "enterprise-health",
+  displayName: "Enterprise Health",
+  description: "Employee health and occupational medicine platform",
+  colors: {
+    // Primary color scale - Enterprise Health Burgundy/Purple (#6E2B68)
+    // Derived from rgb(110, 43, 104) found on their website
+    primary: {
+      50: "#fdf5fc",
+      100: "#faeaf8",
+      200: "#f5d4f0",
+      300: "#edb3e4",
+      400: "#e086d2",
+      500: "#c95ab8",
+      600: "#6e2b68",
+      // Main brand color
+      700: "#5e2559",
+      800: "#4e1f4a",
+      900: "#42193d",
+      950: "#280e25"
+    },
+    // Light mode semantic colors
+    // Based on actual Enterprise Health website styles
+    light: {
+      background: "#ffffff",
+      foreground: "#222326",
+      // rgb(34, 35, 38) - their main text color
+      card: "#ffffff",
+      cardForeground: "#222326",
+      muted: "#f8f9fb",
+      // rgb(248, 249, 251) - their section backgrounds
+      mutedForeground: "#6a6d77",
+      // rgb(106, 109, 119) - their secondary text
+      border: "#e3e6ec",
+      // rgb(227, 230, 236) - their border color
+      input: "#e3e6ec",
+      ring: "#6e2b68",
+      destructive: "#dc2626",
+      destructiveForeground: "#ffffff",
+      success: "#22c55e",
+      successForeground: "#ffffff",
+      warning: "#f8b700",
+      // Gold/yellow accent from logo
+      warningForeground: "#222326"
+    },
+    // Dark mode semantic colors
+    dark: {
+      background: "#1a1a1d",
+      foreground: "#fafafa",
+      card: "#27272a",
+      cardForeground: "#fafafa",
+      muted: "#3f3f46",
+      mutedForeground: "#a1a1aa",
+      border: "#3f3f46",
+      input: "#3f3f46",
+      ring: "#c95ab8",
+      // Lighter primary for dark mode
+      destructive: "#dc2626",
+      destructiveForeground: "#fafafa",
+      success: "#16a34a",
+      successForeground: "#fafafa",
+      warning: "#f8b700",
+      warningForeground: "#222326"
+    }
+  },
+  typography: {
+    fontFamily: {
+      // Jost is the font used on enterprisehealth.com
+      sans: ["Jost", "ui-sans-serif", "system-ui", "sans-serif"],
+      mono: ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"]
+    }
+  },
+  // Enterprise Health uses larger, more rounded corners
+  borderRadius: {
+    none: "0",
+    sm: "0.375rem",
+    // 6px - used for small badges
+    md: "0.625rem",
+    // 10px - used for buttons
+    lg: "0.75rem",
+    // 12px - used for inputs
+    xl: "1rem",
+    // 16px
+    "2xl": "1.5rem",
+    // 24px - used for cards
+    full: "9999px"
+  },
+  // Enterprise Health card shadows are subtle and layered
+  boxShadow: {
+    card: "0 16px 32px 0 rgba(34, 35, 38, 0.05), 0 8px 16px 0 rgba(34, 35, 38, 0.05)",
+    dropdown: "0 8px 16px 0 rgba(34, 35, 38, 0.08)",
+    modal: "0 24px 48px 0 rgba(34, 35, 38, 0.12), 0 12px 24px 0 rgba(34, 35, 38, 0.08)"
+  }
+};
+
+exports.enterpriseHealthBrand = enterpriseHealthBrand;
+//# sourceMappingURL=chunk-P52GA3GJ.cjs.map
+//# sourceMappingURL=chunk-P52GA3GJ.cjs.map

package/dist/chunk-P52GA3GJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/enterprise-health.ts"],"names":[],"mappings":";;;AAwBO,IAAM,qBAAA,GAAqC;AAAA,EAChD,IAAA,EAAM,mBAAA;AAAA,EACN,WAAA,EAAa,mBAAA;AAAA,EACb,WAAA,EAAa,oDAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA;AAAA,IAGN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA;AAAA,IAIA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA;AAAA,MAEV,IAAA,EAAM,CAAC,MAAA,EAAQ,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MACzD,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA;AAAA,EAGA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAGA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,2EAAA;AAAA,IACN,QAAA,EAAU,qCAAA;AAAA,IACV,KAAA,EACE;AAAA;AAEN","file":"chunk-P52GA3GJ.cjs","sourcesContent":["/**\n * Enterprise Health Brand Configuration\n *\n * The official brand theme for Enterprise Health.\n * Extracted from enterprisehealth.com on January 2026.\n *\n * Brand Colors:\n * - Primary: #6E2B68 (Burgundy/Purple) - Used for accents, links, icons\n * - Secondary: #00497A (Deep Teal Blue) - Used in gradients\n * - Accent: #F8B700 (Gold/Yellow) - Logo sun color\n * - Gradient: linear-gradient(111.02deg, #00497A, #6E2B68)\n *\n * Typography: Jost (Google Font)\n * Card Radius: 24px (very rounded)\n * Button Radius: 10px\n * Input Radius: 12px\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * Enterprise Health brand configuration.\n * This defines all the design tokens used in Enterprise Health applications.\n */\nexport const enterpriseHealthBrand: BrandConfig = {\n  name: 'enterprise-health',\n  displayName: 'Enterprise Health',\n  description: 'Employee health and occupational medicine platform',\n\n  colors: {\n    // Primary color scale - Enterprise Health Burgundy/Purple (#6E2B68)\n    // Derived from rgb(110, 43, 104) found on their website\n    primary: {\n      50: '#fdf5fc',\n      100: '#faeaf8',\n      200: '#f5d4f0',\n      300: '#edb3e4',\n      400: '#e086d2',\n      500: '#c95ab8',\n      600: '#6e2b68', // Main brand color\n      700: '#5e2559',\n      800: '#4e1f4a',\n      900: '#42193d',\n      950: '#280e25',\n    },\n\n    // Light mode semantic colors\n    // Based on actual Enterprise Health website styles\n    light: {\n      background: '#ffffff',\n      foreground: '#222326', // rgb(34, 35, 38) - their main text color\n      card: '#ffffff',\n      cardForeground: '#222326',\n      muted: '#f8f9fb', // rgb(248, 249, 251) - their section backgrounds\n      mutedForeground: '#6a6d77', // rgb(106, 109, 119) - their secondary text\n      border: '#e3e6ec', // rgb(227, 230, 236) - their border color\n      input: '#e3e6ec',\n      ring: '#6e2b68',\n      destructive: '#dc2626',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f8b700', // Gold/yellow accent from logo\n      warningForeground: '#222326',\n    },\n\n    // Dark mode semantic colors\n    dark: {\n      background: '#1a1a1d',\n      foreground: '#fafafa',\n      card: '#27272a',\n      cardForeground: '#fafafa',\n      muted: '#3f3f46',\n      mutedForeground: '#a1a1aa',\n      border: '#3f3f46',\n      input: '#3f3f46',\n      ring: '#c95ab8', // Lighter primary for dark mode\n      destructive: '#dc2626',\n      destructiveForeground: '#fafafa',\n      success: '#16a34a',\n      successForeground: '#fafafa',\n      warning: '#f8b700',\n      warningForeground: '#222326',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      // Jost is the font used on enterprisehealth.com\n      sans: ['Jost', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  // Enterprise Health uses larger, more rounded corners\n  borderRadius: {\n    none: '0',\n    sm: '0.375rem', // 6px - used for small badges\n    md: '0.625rem', // 10px - used for buttons\n    lg: '0.75rem', // 12px - used for inputs\n    xl: '1rem', // 16px\n    '2xl': '1.5rem', // 24px - used for cards\n    full: '9999px',\n  },\n\n  // Enterprise Health card shadows are subtle and layered\n  boxShadow: {\n    card: '0 16px 32px 0 rgba(34, 35, 38, 0.05), 0 8px 16px 0 rgba(34, 35, 38, 0.05)',\n    dropdown: '0 8px 16px 0 rgba(34, 35, 38, 0.08)',\n    modal:\n      '0 24px 48px 0 rgba(34, 35, 38, 0.12), 0 12px 24px 0 rgba(34, 35, 38, 0.08)',\n  },\n};\n\nexport { enterpriseHealthBrand as default };\n"]}

package/dist/chunk-PEFJAWNR.cjs

@@ -0,0 +1,121 @@
+'use strict';
+
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Breadcrumb({
+  items,
+  separator,
+  maxItems,
+  renderLink,
+  className
+}) {
+  const displayedItems = React__namespace.useMemo(() => {
+    if (!maxItems || items.length <= maxItems) {
+      return items;
+    }
+    const firstItem = items[0];
+    const lastItems = items.slice(-(maxItems - 1));
+    return [
+      firstItem,
+      { label: "...", isEllipsis: true },
+      ...lastItems
+    ];
+  }, [items, maxItems]);
+  const defaultSeparator = /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "text-muted-foreground h-4 w-4 shrink-0" });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-wrap items-center gap-1.5", children: displayedItems.map((item, index) => {
+    const isLast = index === displayedItems.length - 1;
+    const isEllipsis = item.isEllipsis;
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5", children: [
+      index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: separator || defaultSeparator }),
+      isEllipsis ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: "..." }) : isLast || !item.href ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { item }) : renderLink ? renderLink(item, index) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { item })
+    ] }, index);
+  }) }) });
+}
+Breadcrumb.displayName = "Breadcrumb";
+function BreadcrumbLink({ item }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: item.href,
+      className: chunkOR5DRJCW_cjs.cn(
+        "inline-flex items-center gap-1.5",
+        "text-muted-foreground text-sm",
+        "hover:text-foreground transition-colors",
+        "focus-visible:ring-ring rounded focus-visible:ring-2 focus-visible:outline-none"
+      ),
+      children: [
+        item.icon,
+        item.label
+      ]
+    }
+  );
+}
+function BreadcrumbPage({ item }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: "text-foreground inline-flex items-center gap-1.5 text-sm font-medium",
+      "aria-current": "page",
+      children: [
+        item.icon,
+        item.label
+      ]
+    }
+  );
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function BreadcrumbSlash({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: chunkOR5DRJCW_cjs.cn("text-muted-foreground mx-1", className),
+      "aria-hidden": "true",
+      children: "/"
+    }
+  );
+}
+
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbSlash = BreadcrumbSlash;
+//# sourceMappingURL=chunk-PEFJAWNR.cjs.map
+//# sourceMappingURL=chunk-PEFJAWNR.cjs.map

package/dist/chunk-PEFJAWNR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"names":["React","jsx","jsxs","cn"],"mappings":"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","file":"chunk-PEFJAWNR.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Breadcrumb Types\n// ============================================================================\n\nexport interface BreadcrumbItem {\n  /** Label for the breadcrumb item */\n  label: string;\n  /** URL to navigate to (optional for the last item) */\n  href?: string;\n  /** Icon to display before the label */\n  icon?: React.ReactNode;\n}\n\n// ============================================================================\n// Breadcrumb Component\n// ============================================================================\n\nexport interface BreadcrumbProps {\n  /** Array of breadcrumb items */\n  items: BreadcrumbItem[];\n  /** Custom separator between items */\n  separator?: React.ReactNode;\n  /** Maximum items to display (collapses middle items) */\n  maxItems?: number;\n  /** Custom renderer for links */\n  renderLink?: (item: BreadcrumbItem, index: number) => React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A navigation breadcrumb component.\n *\n * @example\n * ```tsx\n * <Breadcrumb\n *   items={[\n *     { label: 'Home', href: '/' },\n *     { label: 'Products', href: '/products' },\n *     { label: 'Category', href: '/products/category' },\n *     { label: 'Current Item' },\n *   ]}\n * />\n * ```\n */\nfunction Breadcrumb({\n  items,\n  separator,\n  maxItems,\n  renderLink,\n  className,\n}: BreadcrumbProps) {\n  // Collapse items if maxItems is specified\n  const displayedItems = React.useMemo(() => {\n    if (!maxItems || items.length <= maxItems) {\n      return items;\n    }\n\n    // Show first item, ellipsis, and last (maxItems - 2) items\n    const firstItem = items[0];\n    const lastItems = items.slice(-(maxItems - 1));\n\n    return [\n      firstItem,\n      { label: '...', isEllipsis: true } as BreadcrumbItem & {\n        isEllipsis?: boolean;\n      },\n      ...lastItems,\n    ];\n  }, [items, maxItems]);\n\n  const defaultSeparator = (\n    <ChevronRightIcon className=\"text-muted-foreground h-4 w-4 shrink-0\" />\n  );\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={className}>\n      <ol className=\"flex flex-wrap items-center gap-1.5\">\n        {displayedItems.map((item, index) => {\n          const isLast = index === displayedItems.length - 1;\n          const isEllipsis = (item as BreadcrumbItem & { isEllipsis?: boolean })\n            .isEllipsis;\n\n          return (\n            <li key={index} className=\"flex items-center gap-1.5\">\n              {index > 0 && (\n                <span aria-hidden=\"true\">{separator || defaultSeparator}</span>\n              )}\n              {isEllipsis ? (\n                <span className=\"text-muted-foreground text-sm\">...</span>\n              ) : isLast || !item.href ? (\n                <BreadcrumbPage item={item} />\n              ) : renderLink ? (\n                renderLink(item, index)\n              ) : (\n                <BreadcrumbLink item={item} />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n// ============================================================================\n// Breadcrumb Link (Internal)\n// ============================================================================\n\ninterface BreadcrumbLinkProps {\n  item: BreadcrumbItem;\n}\n\nfunction BreadcrumbLink({ item }: BreadcrumbLinkProps) {\n  return (\n    <a\n      href={item.href}\n      className={cn(\n        'inline-flex items-center gap-1.5',\n        'text-muted-foreground text-sm',\n        'hover:text-foreground transition-colors',\n        'focus-visible:ring-ring rounded focus-visible:ring-2 focus-visible:outline-none'\n      )}\n    >\n      {item.icon}\n      {item.label}\n    </a>\n  );\n}\n\n// ============================================================================\n// Breadcrumb Page (Current Page - Internal)\n// ============================================================================\n\ninterface BreadcrumbPageProps {\n  item: BreadcrumbItem;\n}\n\nfunction BreadcrumbPage({ item }: BreadcrumbPageProps) {\n  return (\n    <span\n      className=\"text-foreground inline-flex items-center gap-1.5 text-sm font-medium\"\n      aria-current=\"page\"\n    >\n      {item.icon}\n      {item.label}\n    </span>\n  );\n}\n\n// ============================================================================\n// Chevron Icon\n// ============================================================================\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Slash Separator Component\n// ============================================================================\n\nfunction BreadcrumbSlash({ className }: { className?: string }) {\n  return (\n    <span\n      className={cn('text-muted-foreground mx-1', className)}\n      aria-hidden=\"true\"\n    >\n      /\n    </span>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbSlash };\n"]}

package/dist/chunk-PF3XWKE5.cjs

@@ -0,0 +1,343 @@
+'use strict';
+
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var paginationButtonVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex items-center justify-center",
+    "font-medium transition-colors duration-200",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "text-muted-foreground hover:text-foreground hover:bg-muted",
+          "data-[active=true]:bg-primary-500 data-[active=true]:text-white"
+        ],
+        outline: [
+          "border border-border text-muted-foreground",
+          "hover:bg-muted hover:text-foreground",
+          "data-[active=true]:border-primary-500 data-[active=true]:bg-primary-50 data-[active=true]:text-primary-500",
+          "dark:data-[active=true]:bg-primary-950"
+        ],
+        ghost: [
+          "text-muted-foreground hover:text-foreground hover:bg-muted",
+          "data-[active=true]:text-primary-500 data-[active=true]:font-semibold"
+        ]
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2.5 text-xs rounded-md gap-1",
+        md: "h-10 min-w-10 px-3 text-sm rounded-lg gap-1.5",
+        lg: "h-12 min-w-12 px-4 text-base rounded-xl gap-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  showFirstLast = true,
+  showPrevNext = true,
+  variant,
+  size,
+  labels,
+  className
+}) {
+  const pageRange = React__namespace.useMemo(() => {
+    const range = [];
+    range.push(1);
+    const leftSiblingIndex = Math.max(page - siblingCount, 2);
+    const rightSiblingIndex = Math.min(page + siblingCount, totalPages - 1);
+    const showLeftEllipsis = leftSiblingIndex > 2;
+    const showRightEllipsis = rightSiblingIndex < totalPages - 1;
+    if (showLeftEllipsis) {
+      range.push("ellipsis");
+    }
+    for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {
+      if (i !== 1 && i !== totalPages) {
+        range.push(i);
+      }
+    }
+    if (showRightEllipsis) {
+      range.push("ellipsis");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  }, [page, totalPages, siblingCount]);
+  const canGoPrev = page > 1;
+  const canGoNext = page < totalPages;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "Pagination",
+      className: chunkOR5DRJCW_cjs.cn("flex items-center gap-1", className),
+      children: [
+        showFirstLast && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(1),
+            disabled: !canGoPrev,
+            "aria-label": labels?.first || "Go to first page",
+            className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronsLeftIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: labels?.first || "First" })
+            ]
+          }
+        ),
+        showPrevNext && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page - 1),
+            disabled: !canGoPrev,
+            "aria-label": labels?.previous || "Go to previous page",
+            className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only sm:not-sr-only", children: labels?.previous || "Previous" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: pageRange.map((item, index) => {
+          if (item === "ellipsis") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkOR5DRJCW_cjs.cn(
+                  paginationButtonVariants({ variant, size }),
+                  "cursor-default hover:bg-transparent"
+                ),
+                "aria-hidden": "true",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(item),
+              "aria-label": `Go to page ${item}`,
+              "aria-current": item === page ? "page" : void 0,
+              "data-active": item === page,
+              className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+              children: item
+            },
+            item
+          );
+        }) }),
+        showPrevNext && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page + 1),
+            disabled: !canGoNext,
+            "aria-label": labels?.next || "Go to next page",
+            className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only sm:not-sr-only", children: labels?.next || "Next" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        showFirstLast && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(totalPages),
+            disabled: !canGoNext,
+            "aria-label": labels?.last || "Go to last page",
+            className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: labels?.last || "Last" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronsRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+Pagination.displayName = "Pagination";
+function SimplePagination({
+  page,
+  totalPages,
+  onPageChange,
+  showPageInfo = true,
+  variant,
+  size,
+  className
+}) {
+  const canGoPrev = page > 1;
+  const canGoNext = page < totalPages;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "Pagination",
+      className: chunkOR5DRJCW_cjs.cn("flex items-center gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page - 1),
+            disabled: !canGoPrev,
+            "aria-label": "Go to previous page",
+            className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
+            ]
+          }
+        ),
+        showPageInfo && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground px-2 text-sm", children: [
+          "Page ",
+          page,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page + 1),
+            disabled: !canGoNext,
+            "aria-label": "Go to next page",
+            className: chunkOR5DRJCW_cjs.cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+SimplePagination.displayName = "SimplePagination";
+function ChevronLeftIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" })
+    }
+  );
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function ChevronsLeftIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m18 17-5-5 5-5" })
+      ]
+    }
+  );
+}
+function ChevronsRightIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 17 5-5-5-5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13 17 5-5-5-5" })
+      ]
+    }
+  );
+}
+
+exports.Pagination = Pagination;
+exports.SimplePagination = SimplePagination;
+exports.paginationButtonVariants = paginationButtonVariants;
+//# sourceMappingURL=chunk-PF3XWKE5.cjs.map
+//# sourceMappingURL=chunk-PF3XWKE5.cjs.map

package/dist/chunk-PF3XWKE5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-PF3XWKE5.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Pagination Button Variants\n// ============================================================================\n\nconst paginationButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          'text-muted-foreground hover:text-foreground hover:bg-muted',\n          'data-[active=true]:bg-primary-500 data-[active=true]:text-white',\n        ],\n        outline: [\n          'border border-border text-muted-foreground',\n          'hover:bg-muted hover:text-foreground',\n          'data-[active=true]:border-primary-500 data-[active=true]:bg-primary-50 data-[active=true]:text-primary-500',\n          'dark:data-[active=true]:bg-primary-950',\n        ],\n        ghost: [\n          'text-muted-foreground hover:text-foreground hover:bg-muted',\n          'data-[active=true]:text-primary-500 data-[active=true]:font-semibold',\n        ],\n      },\n      size: {\n        sm: 'h-8 min-w-8 px-2.5 text-xs rounded-md gap-1',\n        md: 'h-10 min-w-10 px-3 text-sm rounded-lg gap-1.5',\n        lg: 'h-12 min-w-12 px-4 text-base rounded-xl gap-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Pagination Component\n// ============================================================================\n\nexport interface PaginationProps extends VariantProps<\n  typeof paginationButtonVariants\n> {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Number of sibling pages to show on each side of current page */\n  siblingCount?: number;\n  /** Show first/last page buttons */\n  showFirstLast?: boolean;\n  /** Show prev/next buttons */\n  showPrevNext?: boolean;\n  /** Labels for navigation buttons */\n  labels?: {\n    first?: string;\n    previous?: string;\n    next?: string;\n    last?: string;\n  };\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A pagination component for navigating through pages.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nfunction Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  showFirstLast = true,\n  showPrevNext = true,\n  variant,\n  size,\n  labels,\n  className,\n}: PaginationProps) {\n  // Calculate page range to display\n  const pageRange = React.useMemo(() => {\n    const range: (number | 'ellipsis')[] = [];\n\n    // Always show first page\n    range.push(1);\n\n    // Calculate start and end of sibling range\n    const leftSiblingIndex = Math.max(page - siblingCount, 2);\n    const rightSiblingIndex = Math.min(page + siblingCount, totalPages - 1);\n\n    // Show left ellipsis if needed\n    const showLeftEllipsis = leftSiblingIndex > 2;\n    // Show right ellipsis if needed\n    const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n    if (showLeftEllipsis) {\n      range.push('ellipsis');\n    }\n\n    // Add sibling pages\n    for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n      if (i !== 1 && i !== totalPages) {\n        range.push(i);\n      }\n    }\n\n    if (showRightEllipsis) {\n      range.push('ellipsis');\n    }\n\n    // Always show last page if more than 1 page\n    if (totalPages > 1) {\n      range.push(totalPages);\n    }\n\n    return range;\n  }, [page, totalPages, siblingCount]);\n\n  const canGoPrev = page > 1;\n  const canGoNext = page < totalPages;\n\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('flex items-center gap-1', className)}\n    >\n      {/* First Page Button */}\n      {showFirstLast && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(1)}\n          disabled={!canGoPrev}\n          aria-label={labels?.first || 'Go to first page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <ChevronsLeftIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only\">{labels?.first || 'First'}</span>\n        </button>\n      )}\n\n      {/* Previous Button */}\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={!canGoPrev}\n          aria-label={labels?.previous || 'Go to previous page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <ChevronLeftIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only sm:not-sr-only\">\n            {labels?.previous || 'Previous'}\n          </span>\n        </button>\n      )}\n\n      {/* Page Numbers */}\n      <div className=\"flex items-center gap-1\">\n        {pageRange.map((item, index) => {\n          if (item === 'ellipsis') {\n            return (\n              <span\n                key={`ellipsis-${index}`}\n                className={cn(\n                  paginationButtonVariants({ variant, size }),\n                  'cursor-default hover:bg-transparent'\n                )}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          return (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => onPageChange(item)}\n              aria-label={`Go to page ${item}`}\n              aria-current={item === page ? 'page' : undefined}\n              data-active={item === page}\n              className={cn(paginationButtonVariants({ variant, size }))}\n            >\n              {item}\n            </button>\n          );\n        })}\n      </div>\n\n      {/* Next Button */}\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!canGoNext}\n          aria-label={labels?.next || 'Go to next page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <span className=\"sr-only sm:not-sr-only\">\n            {labels?.next || 'Next'}\n          </span>\n          <ChevronRightIcon className=\"h-4 w-4\" />\n        </button>\n      )}\n\n      {/* Last Page Button */}\n      {showFirstLast && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={!canGoNext}\n          aria-label={labels?.last || 'Go to last page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <span className=\"sr-only\">{labels?.last || 'Last'}</span>\n          <ChevronsRightIcon className=\"h-4 w-4\" />\n        </button>\n      )}\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n\n// ============================================================================\n// Simple Pagination Component\n// ============================================================================\n\nexport interface SimplePaginationProps extends VariantProps<\n  typeof paginationButtonVariants\n> {\n  /** Current page */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Show page info */\n  showPageInfo?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A simple pagination with just prev/next buttons.\n *\n * @example\n * ```tsx\n * <SimplePagination\n *   page={1}\n *   totalPages={10}\n *   onPageChange={setPage}\n *   showPageInfo\n * />\n * ```\n */\nfunction SimplePagination({\n  page,\n  totalPages,\n  onPageChange,\n  showPageInfo = true,\n  variant,\n  size,\n  className,\n}: SimplePaginationProps) {\n  const canGoPrev = page > 1;\n  const canGoNext = page < totalPages;\n\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('flex items-center gap-2', className)}\n    >\n      <button\n        type=\"button\"\n        onClick={() => onPageChange(page - 1)}\n        disabled={!canGoPrev}\n        aria-label=\"Go to previous page\"\n        className={cn(paginationButtonVariants({ variant, size }))}\n      >\n        <ChevronLeftIcon className=\"h-4 w-4\" />\n        <span>Previous</span>\n      </button>\n\n      {showPageInfo && (\n        <span className=\"text-muted-foreground px-2 text-sm\">\n          Page {page} of {totalPages}\n        </span>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={() => onPageChange(page + 1)}\n        disabled={!canGoNext}\n        aria-label=\"Go to next page\"\n        className={cn(paginationButtonVariants({ variant, size }))}\n      >\n        <span>Next</span>\n        <ChevronRightIcon className=\"h-4 w-4\" />\n      </button>\n    </nav>\n  );\n}\n\nSimplePagination.displayName = 'SimplePagination';\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronsLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m11 17-5-5 5-5\" />\n      <path d=\"m18 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\nfunction ChevronsRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 17 5-5-5-5\" />\n      <path d=\"m13 17 5-5-5-5\" />\n    </svg>\n  );\n}\n\nexport { Pagination, SimplePagination, paginationButtonVariants };\n"]}