@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/NavigationMenu/useNavigationMenu.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function useNavigationMenu({
+  value: controlledValue,
+  defaultValue = "",
+  onValueChange,
+  delayDuration = 200,
+  skipDelayDuration = 300
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React__namespace.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const setValue = React__namespace.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    },
+    [isControlled, onValueChange]
+  );
+  const openTimerRef = React__namespace.useRef(null);
+  const closeTimerRef = React__namespace.useRef(null);
+  const isRecentlyOpenRef = React__namespace.useRef(false);
+  const skipDelayTimerRef = React__namespace.useRef(null);
+  const triggerRefs = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const triggerOrder = React__namespace.useRef([]);
+  const itemInfoMap = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const [viewportSize, setViewportSize] = React__namespace.useState({ width: 0, height: 0 });
+  const viewportRef = React__namespace.useRef(null);
+  const previousValue = React__namespace.useRef(value);
+  const [mobileOpen, setMobileOpen] = React__namespace.useState(false);
+  const [mobileContentChildren, setMobileContentChildren] = React__namespace.useState(null);
+  const [mobileBrandChildren, setMobileBrandChildren] = React__namespace.useState(null);
+  React__namespace.useEffect(() => {
+    return () => {
+      if (openTimerRef.current) clearTimeout(openTimerRef.current);
+      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+      if (skipDelayTimerRef.current) clearTimeout(skipDelayTimerRef.current);
+    };
+  }, []);
+  return {
+    value,
+    setValue,
+    delayDuration,
+    skipDelayDuration,
+    openTimerRef,
+    closeTimerRef,
+    isRecentlyOpenRef,
+    skipDelayTimerRef,
+    triggerRefs,
+    triggerOrder,
+    itemInfoMap,
+    viewportSize,
+    setViewportSize,
+    viewportRef,
+    previousValue,
+    mobileOpen,
+    setMobileOpen,
+    mobileContentChildren,
+    setMobileContentChildren,
+    mobileBrandChildren,
+    setMobileBrandChildren
+  };
+}
+exports.useNavigationMenu = useNavigationMenu;
+//# sourceMappingURL=useNavigationMenu.cjs.map

package/dist/components/NavigationMenu/useNavigationMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationMenu.cjs","sources":["../../../src/components/NavigationMenu/useNavigationMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { NavigationMenuItemInfo } from './NavigationMenuContext';\n\nexport interface UseNavigationMenuOptions {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  delayDuration?: number;\n  skipDelayDuration?: number;\n}\n\nexport function useNavigationMenu({\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  delayDuration = 200,\n  skipDelayDuration = 300,\n}: UseNavigationMenuOptions) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  // Hover delay timers\n  const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Skip-delay: when moving between triggers, open instantly\n  const isRecentlyOpenRef = React.useRef(false);\n  const skipDelayTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Trigger registry for keyboard nav\n  const triggerRefs = React.useRef<Map<string, HTMLButtonElement>>(new Map());\n  const triggerOrder = React.useRef<string[]>([]);\n\n  // Item info registry for mobile drawer\n  const itemInfoMap = React.useRef<Map<string, NavigationMenuItemInfo>>(new Map());\n\n  // Viewport sizing\n  const [viewportSize, setViewportSize] = React.useState({ width: 0, height: 0 });\n  const viewportRef = React.useRef<HTMLDivElement>(null);\n\n  // Track previous value for animation direction\n  const previousValue = React.useRef(value);\n\n  // Mobile state\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const [mobileContentChildren, setMobileContentChildren] = React.useState<React.ReactNode>(null);\n  const [mobileBrandChildren, setMobileBrandChildren] = React.useState<React.ReactNode>(null);\n\n  // Clean up timers on unmount\n  React.useEffect(() => {\n    return () => {\n      if (openTimerRef.current) clearTimeout(openTimerRef.current);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      if (skipDelayTimerRef.current) clearTimeout(skipDelayTimerRef.current);\n    };\n  }, []);\n\n  return {\n    value,\n    setValue,\n    delayDuration,\n    skipDelayDuration,\n    openTimerRef,\n    closeTimerRef,\n    isRecentlyOpenRef,\n    skipDelayTimerRef,\n    triggerRefs,\n    triggerOrder,\n    itemInfoMap,\n    viewportSize,\n    setViewportSize,\n    viewportRef,\n    previousValue,\n    mobileOpen,\n    setMobileOpen,\n    mobileContentChildren,\n    setMobileContentChildren,\n    mobileBrandChildren,\n    setMobileBrandChildren,\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaO,SAAS,kBAAkB;AAAA,EAChC,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AACtB,GAA6B;AAC3B,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,iBAAM,SAAS,YAAY;AAC7E,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAQ,eAAe,kBAAkB;AAE/C,QAAM,WAAWA,iBAAM;AAAA,IACrB,CAAC,aAAqB;AACpB,UAAI,CAAC,cAAc;AACjB,6BAAqB,QAAQ;AAAA,MAC/B;AACA,qDAAgB;AAAA,IAClB;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAAA;AAI9B,QAAM,eAAeA,iBAAM,OAA6C,IAAI;AAC5E,QAAM,gBAAgBA,iBAAM,OAA6C,IAAI;AAG7E,QAAM,oBAAoBA,iBAAM,OAAO,KAAK;AAC5C,QAAM,oBAAoBA,iBAAM,OAA6C,IAAI;AAGjF,QAAM,cAAcA,iBAAM,OAAuC,oBAAI,KAAK;AAC1E,QAAM,eAAeA,iBAAM,OAAiB,EAAE;AAG9C,QAAM,cAAcA,iBAAM,OAA4C,oBAAI,KAAK;AAG/E,QAAM,CAAC,cAAc,eAAe,IAAIA,iBAAM,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG;AAC9E,QAAM,cAAcA,iBAAM,OAAuB,IAAI;AAGrD,QAAM,gBAAgBA,iBAAM,OAAO,KAAK;AAGxC,QAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,SAAS,KAAK;AACxD,QAAM,CAAC,uBAAuB,wBAAwB,IAAIA,iBAAM,SAA0B,IAAI;AAC9F,QAAM,CAAC,qBAAqB,sBAAsB,IAAIA,iBAAM,SAA0B,IAAI;AAG1FA,mBAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,UAAI,cAAc,QAAS,cAAa,cAAc,OAAO;AAC7D,UAAI,kBAAkB,QAAS,cAAa,kBAAkB,OAAO;AAAA,IACvE;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}

package/dist/components/NavigationMenu/useNavigationMenu.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import type { NavigationMenuItemInfo } from './NavigationMenuContext';
+export interface UseNavigationMenuOptions {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+}
+export declare function useNavigationMenu({ value: controlledValue, defaultValue, onValueChange, delayDuration, skipDelayDuration, }: UseNavigationMenuOptions): {
+    value: string;
+    setValue: (newValue: string) => void;
+    delayDuration: number;
+    skipDelayDuration: number;
+    openTimerRef: React.RefObject<NodeJS.Timeout | null>;
+    closeTimerRef: React.RefObject<NodeJS.Timeout | null>;
+    isRecentlyOpenRef: React.RefObject<boolean>;
+    skipDelayTimerRef: React.RefObject<NodeJS.Timeout | null>;
+    triggerRefs: React.RefObject<Map<string, HTMLButtonElement>>;
+    triggerOrder: React.RefObject<string[]>;
+    itemInfoMap: React.RefObject<Map<string, NavigationMenuItemInfo>>;
+    viewportSize: {
+        width: number;
+        height: number;
+    };
+    setViewportSize: React.Dispatch<React.SetStateAction<{
+        width: number;
+        height: number;
+    }>>;
+    viewportRef: React.RefObject<HTMLDivElement | null>;
+    previousValue: React.RefObject<string>;
+    mobileOpen: boolean;
+    setMobileOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    mobileContentChildren: React.ReactNode;
+    setMobileContentChildren: React.Dispatch<React.SetStateAction<React.ReactNode>>;
+    mobileBrandChildren: React.ReactNode;
+    setMobileBrandChildren: React.Dispatch<React.SetStateAction<React.ReactNode>>;
+};
+//# sourceMappingURL=useNavigationMenu.d.ts.map

package/dist/components/NavigationMenu/useNavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/useNavigationMenu.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,aAAmB,EACnB,iBAAuB,GACxB,EAAE,wBAAwB;;yBAMZ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEpB"}

package/dist/components/NavigationMenu/useNavigationMenu.js

@@ -0,0 +1,68 @@
+import * as React from "react";
+function useNavigationMenu({
+  value: controlledValue,
+  defaultValue = "",
+  onValueChange,
+  delayDuration = 200,
+  skipDelayDuration = 300
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const setValue = React.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    },
+    [isControlled, onValueChange]
+  );
+  const openTimerRef = React.useRef(null);
+  const closeTimerRef = React.useRef(null);
+  const isRecentlyOpenRef = React.useRef(false);
+  const skipDelayTimerRef = React.useRef(null);
+  const triggerRefs = React.useRef(/* @__PURE__ */ new Map());
+  const triggerOrder = React.useRef([]);
+  const itemInfoMap = React.useRef(/* @__PURE__ */ new Map());
+  const [viewportSize, setViewportSize] = React.useState({ width: 0, height: 0 });
+  const viewportRef = React.useRef(null);
+  const previousValue = React.useRef(value);
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const [mobileContentChildren, setMobileContentChildren] = React.useState(null);
+  const [mobileBrandChildren, setMobileBrandChildren] = React.useState(null);
+  React.useEffect(() => {
+    return () => {
+      if (openTimerRef.current) clearTimeout(openTimerRef.current);
+      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+      if (skipDelayTimerRef.current) clearTimeout(skipDelayTimerRef.current);
+    };
+  }, []);
+  return {
+    value,
+    setValue,
+    delayDuration,
+    skipDelayDuration,
+    openTimerRef,
+    closeTimerRef,
+    isRecentlyOpenRef,
+    skipDelayTimerRef,
+    triggerRefs,
+    triggerOrder,
+    itemInfoMap,
+    viewportSize,
+    setViewportSize,
+    viewportRef,
+    previousValue,
+    mobileOpen,
+    setMobileOpen,
+    mobileContentChildren,
+    setMobileContentChildren,
+    mobileBrandChildren,
+    setMobileBrandChildren
+  };
+}
+export {
+  useNavigationMenu
+};
+//# sourceMappingURL=useNavigationMenu.js.map

package/dist/components/NavigationMenu/useNavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationMenu.js","sources":["../../../src/components/NavigationMenu/useNavigationMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { NavigationMenuItemInfo } from './NavigationMenuContext';\n\nexport interface UseNavigationMenuOptions {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  delayDuration?: number;\n  skipDelayDuration?: number;\n}\n\nexport function useNavigationMenu({\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  delayDuration = 200,\n  skipDelayDuration = 300,\n}: UseNavigationMenuOptions) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  // Hover delay timers\n  const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Skip-delay: when moving between triggers, open instantly\n  const isRecentlyOpenRef = React.useRef(false);\n  const skipDelayTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Trigger registry for keyboard nav\n  const triggerRefs = React.useRef<Map<string, HTMLButtonElement>>(new Map());\n  const triggerOrder = React.useRef<string[]>([]);\n\n  // Item info registry for mobile drawer\n  const itemInfoMap = React.useRef<Map<string, NavigationMenuItemInfo>>(new Map());\n\n  // Viewport sizing\n  const [viewportSize, setViewportSize] = React.useState({ width: 0, height: 0 });\n  const viewportRef = React.useRef<HTMLDivElement>(null);\n\n  // Track previous value for animation direction\n  const previousValue = React.useRef(value);\n\n  // Mobile state\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const [mobileContentChildren, setMobileContentChildren] = React.useState<React.ReactNode>(null);\n  const [mobileBrandChildren, setMobileBrandChildren] = React.useState<React.ReactNode>(null);\n\n  // Clean up timers on unmount\n  React.useEffect(() => {\n    return () => {\n      if (openTimerRef.current) clearTimeout(openTimerRef.current);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      if (skipDelayTimerRef.current) clearTimeout(skipDelayTimerRef.current);\n    };\n  }, []);\n\n  return {\n    value,\n    setValue,\n    delayDuration,\n    skipDelayDuration,\n    openTimerRef,\n    closeTimerRef,\n    isRecentlyOpenRef,\n    skipDelayTimerRef,\n    triggerRefs,\n    triggerOrder,\n    itemInfoMap,\n    viewportSize,\n    setViewportSize,\n    viewportRef,\n    previousValue,\n    mobileOpen,\n    setMobileOpen,\n    mobileContentChildren,\n    setMobileContentChildren,\n    mobileBrandChildren,\n    setMobileBrandChildren,\n  };\n}\n"],"names":[],"mappings":";AAaO,SAAS,kBAAkB;AAAA,EAChC,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AACtB,GAA6B;AAC3B,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,YAAY;AAC7E,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAQ,eAAe,kBAAkB;AAE/C,QAAM,WAAW,MAAM;AAAA,IACrB,CAAC,aAAqB;AACpB,UAAI,CAAC,cAAc;AACjB,6BAAqB,QAAQ;AAAA,MAC/B;AACA,qDAAgB;AAAA,IAClB;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAAA;AAI9B,QAAM,eAAe,MAAM,OAA6C,IAAI;AAC5E,QAAM,gBAAgB,MAAM,OAA6C,IAAI;AAG7E,QAAM,oBAAoB,MAAM,OAAO,KAAK;AAC5C,QAAM,oBAAoB,MAAM,OAA6C,IAAI;AAGjF,QAAM,cAAc,MAAM,OAAuC,oBAAI,KAAK;AAC1E,QAAM,eAAe,MAAM,OAAiB,EAAE;AAG9C,QAAM,cAAc,MAAM,OAA4C,oBAAI,KAAK;AAG/E,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG;AAC9E,QAAM,cAAc,MAAM,OAAuB,IAAI;AAGrD,QAAM,gBAAgB,MAAM,OAAO,KAAK;AAGxC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,MAAM,SAA0B,IAAI;AAC9F,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAA0B,IAAI;AAG1F,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,UAAI,cAAc,QAAS,cAAa,cAAc,OAAO;AAC7D,UAAI,kBAAkB,QAAS,cAAa,kBAAkB,OAAO;AAAA,IACvE;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/components/Pagination/Pagination.module.scss.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pagination = "_pagination_z57i5_1";
+const list = "_list_z57i5_7";
+const item = "_item_z57i5_16";
+const itemActive = "_itemActive_z57i5_57";
+const itemDisabled = "_itemDisabled_z57i5_65";
+const navButton = "_navButton_z57i5_71";
+const ellipsis = "_ellipsis_z57i5_76";
+const styles = {
+  pagination,
+  list,
+  item,
+  itemActive,
+  itemDisabled,
+  navButton,
+  ellipsis
+};
+exports.default = styles;
+exports.ellipsis = ellipsis;
+exports.item = item;
+exports.itemActive = itemActive;
+exports.itemDisabled = itemDisabled;
+exports.list = list;
+exports.navButton = navButton;
+exports.pagination = pagination;
+//# sourceMappingURL=Pagination.module.scss.cjs.map

package/dist/components/Pagination/Pagination.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/Pagination.module.scss.js

@@ -0,0 +1,27 @@
+const pagination = "_pagination_z57i5_1";
+const list = "_list_z57i5_7";
+const item = "_item_z57i5_16";
+const itemActive = "_itemActive_z57i5_57";
+const itemDisabled = "_itemDisabled_z57i5_65";
+const navButton = "_navButton_z57i5_71";
+const ellipsis = "_ellipsis_z57i5_76";
+const styles = {
+  pagination,
+  list,
+  item,
+  itemActive,
+  itemDisabled,
+  navButton,
+  ellipsis
+};
+export {
+  styles as default,
+  ellipsis,
+  item,
+  itemActive,
+  itemDisabled,
+  list,
+  navButton,
+  pagination
+};
+//# sourceMappingURL=Pagination.module.scss.js.map

package/dist/components/Pagination/Pagination.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/index.cjs

@@ -0,0 +1,241 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Pagination_module = require("./Pagination.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const PaginationContext = React__namespace.createContext(null);
+function usePaginationContext() {
+  const ctx = React__namespace.useContext(PaginationContext);
+  if (!ctx) throw new Error("Pagination sub-components must be used within <Pagination>");
+  return ctx;
+}
+function usePaginationRange(totalPages, currentPage, siblingCount, edgeCount) {
+  return React__namespace.useMemo(() => {
+    if (totalPages <= 0) return [];
+    const totalSlots = edgeCount * 2 + siblingCount * 2 + 1 + 2;
+    if (totalPages <= totalSlots) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    const leftEdge = Array.from({ length: edgeCount }, (_, i) => i + 1);
+    const rightEdge = Array.from({ length: edgeCount }, (_, i) => totalPages - edgeCount + 1 + i);
+    const siblingStart = Math.max(edgeCount + 1, currentPage - siblingCount);
+    const siblingEnd = Math.min(totalPages - edgeCount, currentPage + siblingCount);
+    const result = [];
+    for (const p of leftEdge) {
+      result.push(p);
+    }
+    if (siblingStart > edgeCount + 1) {
+      if (siblingStart === edgeCount + 2) {
+        result.push(edgeCount + 1);
+      } else {
+        result.push("ellipsis");
+      }
+    }
+    for (let i = siblingStart; i <= siblingEnd; i++) {
+      if (!result.includes(i)) {
+        result.push(i);
+      }
+    }
+    if (siblingEnd < totalPages - edgeCount) {
+      if (siblingEnd === totalPages - edgeCount - 1) {
+        result.push(totalPages - edgeCount);
+      } else {
+        result.push("ellipsis");
+      }
+    }
+    for (const p of rightEdge) {
+      if (!result.includes(p)) {
+        result.push(p);
+      }
+    }
+    return result;
+  }, [totalPages, currentPage, siblingCount, edgeCount]);
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 18 9 12 15 6" })
+    }
+  );
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" })
+    }
+  );
+}
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
+function PaginationRoot({
+  children,
+  totalPages: rawTotalPages,
+  page: controlledPage,
+  defaultPage = 1,
+  onPageChange,
+  edgeCount = 1,
+  siblingCount = 1,
+  className
+}) {
+  const totalPages = Math.max(0, Math.floor(rawTotalPages));
+  const [uncontrolledPage, setUncontrolledPage] = React__namespace.useState(
+    () => totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1
+  );
+  const isControlled = controlledPage !== void 0;
+  const currentPage = isControlled ? totalPages > 0 ? clamp(controlledPage, 1, totalPages) : 1 : totalPages > 0 ? clamp(uncontrolledPage, 1, totalPages) : 1;
+  const setPage = React__namespace.useCallback(
+    (newPage) => {
+      if (totalPages <= 0) return;
+      const clamped = clamp(newPage, 1, totalPages);
+      if (clamped === currentPage) return;
+      if (!isControlled) {
+        setUncontrolledPage(clamped);
+      }
+      onPageChange == null ? void 0 : onPageChange(clamped);
+    },
+    [totalPages, currentPage, isControlled, onPageChange]
+  );
+  const contextValue = React__namespace.useMemo(
+    () => ({ currentPage, totalPages, edgeCount, siblingCount, setPage }),
+    [currentPage, totalPages, edgeCount, siblingCount, setPage]
+  );
+  if (totalPages <= 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Pagination", className });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(PaginationContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Pagination", className: [Pagination_module.default.pagination, className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Pagination_module.default.list, children }) }) });
+}
+function PaginationPrevious({ className, ...htmlProps }) {
+  const { currentPage, setPage } = usePaginationContext();
+  const disabled = currentPage <= 1;
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Go to previous page",
+      disabled,
+      onClick: () => setPage(currentPage - 1),
+      className: [Pagination_module.default.item, Pagination_module.default.navButton, disabled && Pagination_module.default.itemDisabled, className].filter(Boolean).join(" "),
+      ...htmlProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+    }
+  ) });
+}
+function PaginationNext({ className, ...htmlProps }) {
+  const { currentPage, totalPages, setPage } = usePaginationContext();
+  const disabled = currentPage >= totalPages;
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Go to next page",
+      disabled,
+      onClick: () => setPage(currentPage + 1),
+      className: [Pagination_module.default.item, Pagination_module.default.navButton, disabled && Pagination_module.default.itemDisabled, className].filter(Boolean).join(" "),
+      ...htmlProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+    }
+  ) });
+}
+function PaginationItems() {
+  const { currentPage, totalPages, siblingCount, edgeCount, setPage } = usePaginationContext();
+  const range = usePaginationRange(totalPages, currentPage, siblingCount, edgeCount);
+  let ellipsisCount = 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: range.map((item) => {
+    if (item === "ellipsis") {
+      ellipsisCount++;
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module.default.ellipsis, "aria-hidden": "true", children: "…" }) }, `ellipsis-${ellipsisCount}`);
+    }
+    const isActive = item === currentPage;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Go to page ${item}`,
+        "aria-current": isActive ? "page" : void 0,
+        onClick: () => setPage(item),
+        className: [Pagination_module.default.item, isActive && Pagination_module.default.itemActive].filter(Boolean).join(" "),
+        children: item
+      }
+    ) }, item);
+  }) });
+}
+function PaginationItem({
+  children,
+  page: pageProp,
+  className,
+  ...htmlProps
+}) {
+  const { currentPage, setPage } = usePaginationContext();
+  const page = pageProp ?? 1;
+  const isActive = page === currentPage;
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": `Go to page ${page}`,
+      "aria-current": isActive ? "page" : void 0,
+      onClick: () => setPage(page),
+      className: [Pagination_module.default.item, isActive && Pagination_module.default.itemActive, className].filter(Boolean).join(" "),
+      ...htmlProps,
+      children: children ?? page
+    }
+  ) });
+}
+function PaginationEllipsis({ className, ...htmlProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: [Pagination_module.default.ellipsis, className].filter(Boolean).join(" "), "aria-hidden": "true", ...htmlProps, children: "…" }) });
+}
+const Pagination = Object.assign(PaginationRoot, {
+  Previous: PaginationPrevious,
+  Next: PaginationNext,
+  Items: PaginationItems,
+  Item: PaginationItem,
+  Ellipsis: PaginationEllipsis
+});
+exports.Pagination = Pagination;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationItems = PaginationItems;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.PaginationRoot = PaginationRoot;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Pagination/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Pagination.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface PaginationProps {\n  children: React.ReactNode;\n  /** Total number of pages. Clamped to Math.max(0, totalPages). Renders nothing when 0. */\n  totalPages: number;\n  /** Controlled current page (1-indexed). Clamped to [1, totalPages]. */\n  page?: number;\n  /** Default page (uncontrolled). Clamped to [1, totalPages]. Default: 1 */\n  defaultPage?: number;\n  /** Called when page changes */\n  onPageChange?: (page: number) => void;\n  /** Number of pages shown at edges: default 1 */\n  edgeCount?: number;\n  /** Number of pages shown around current: default 1 */\n  siblingCount?: number;\n  className?: string;\n}\n\nexport interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  /** Override page number (auto-assigned by context if omitted) */\n  page?: number;\n  className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PaginationContextValue {\n  currentPage: number;\n  totalPages: number;\n  edgeCount: number;\n  siblingCount: number;\n  setPage: (page: number) => void;\n}\n\nconst PaginationContext = React.createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  const ctx = React.useContext(PaginationContext);\n  if (!ctx) throw new Error('Pagination sub-components must be used within <Pagination>');\n  return ctx;\n}\n\n// ============================================\n// Page range algorithm\n// ============================================\n\ntype RangeItem = number | 'ellipsis';\n\nfunction usePaginationRange(\n  totalPages: number,\n  currentPage: number,\n  siblingCount: number,\n  edgeCount: number,\n): RangeItem[] {\n  return React.useMemo(() => {\n    if (totalPages <= 0) return [];\n\n    // If total pages is small enough, show all pages\n    const totalSlots = edgeCount * 2 + siblingCount * 2 + 1 + 2; // edges + siblings + current + 2 ellipses\n    if (totalPages <= totalSlots) {\n      return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    const leftEdge = Array.from({ length: edgeCount }, (_, i) => i + 1);\n    const rightEdge = Array.from({ length: edgeCount }, (_, i) => totalPages - edgeCount + 1 + i);\n\n    const siblingStart = Math.max(edgeCount + 1, currentPage - siblingCount);\n    const siblingEnd = Math.min(totalPages - edgeCount, currentPage + siblingCount);\n\n    const result: RangeItem[] = [];\n\n    // Add left edge\n    for (const p of leftEdge) {\n      result.push(p);\n    }\n\n    // Left ellipsis\n    if (siblingStart > edgeCount + 1) {\n      // If there's only one gap, show the number instead of ellipsis\n      if (siblingStart === edgeCount + 2) {\n        result.push(edgeCount + 1);\n      } else {\n        result.push('ellipsis');\n      }\n    }\n\n    // Siblings + current\n    for (let i = siblingStart; i <= siblingEnd; i++) {\n      if (!result.includes(i)) {\n        result.push(i);\n      }\n    }\n\n    // Right ellipsis\n    if (siblingEnd < totalPages - edgeCount) {\n      if (siblingEnd === totalPages - edgeCount - 1) {\n        result.push(totalPages - edgeCount);\n      } else {\n        result.push('ellipsis');\n      }\n    }\n\n    // Add right edge\n    for (const p of rightEdge) {\n      if (!result.includes(p)) {\n        result.push(p);\n      }\n    }\n\n    return result;\n  }, [totalPages, currentPage, siblingCount, edgeCount]);\n}\n\n// ============================================\n// Chevron Icons\n// ============================================\n\nfunction ChevronLeftIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.max(min, Math.min(max, value));\n}\n\nfunction PaginationRoot({\n  children,\n  totalPages: rawTotalPages,\n  page: controlledPage,\n  defaultPage = 1,\n  onPageChange,\n  edgeCount = 1,\n  siblingCount = 1,\n  className,\n}: PaginationProps) {\n  const totalPages = Math.max(0, Math.floor(rawTotalPages));\n  const [uncontrolledPage, setUncontrolledPage] = React.useState(() =>\n    totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1\n  );\n\n  const isControlled = controlledPage !== undefined;\n  const currentPage = isControlled\n    ? (totalPages > 0 ? clamp(controlledPage, 1, totalPages) : 1)\n    : (totalPages > 0 ? clamp(uncontrolledPage, 1, totalPages) : 1);\n\n  const setPage = React.useCallback(\n    (newPage: number) => {\n      if (totalPages <= 0) return;\n      const clamped = clamp(newPage, 1, totalPages);\n      if (clamped === currentPage) return;\n      if (!isControlled) {\n        setUncontrolledPage(clamped);\n      }\n      onPageChange?.(clamped);\n    },\n    [totalPages, currentPage, isControlled, onPageChange]\n  );\n\n  const contextValue = React.useMemo<PaginationContextValue>(\n    () => ({ currentPage, totalPages, edgeCount, siblingCount, setPage }),\n    [currentPage, totalPages, edgeCount, siblingCount, setPage]\n  );\n\n  if (totalPages <= 0) {\n    return <nav aria-label=\"Pagination\" className={className} />;\n  }\n\n  return (\n    <PaginationContext.Provider value={contextValue}>\n      <nav aria-label=\"Pagination\" className={[styles.pagination, className].filter(Boolean).join(' ')}>\n        <ul className={styles.list}>\n          {children}\n        </ul>\n      </nav>\n    </PaginationContext.Provider>\n  );\n}\n\nfunction PaginationPrevious({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n  const { currentPage, setPage } = usePaginationContext();\n  const disabled = currentPage <= 1;\n\n  return (\n    <li>\n      <button\n        type=\"button\"\n        aria-label=\"Go to previous page\"\n        disabled={disabled}\n        onClick={() => setPage(currentPage - 1)}\n        className={[styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(' ')}\n        {...htmlProps}\n      >\n        <ChevronLeftIcon />\n      </button>\n    </li>\n  );\n}\n\nfunction PaginationNext({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n  const { currentPage, totalPages, setPage } = usePaginationContext();\n  const disabled = currentPage >= totalPages;\n\n  return (\n    <li>\n      <button\n        type=\"button\"\n        aria-label=\"Go to next page\"\n        disabled={disabled}\n        onClick={() => setPage(currentPage + 1)}\n        className={[styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(' ')}\n        {...htmlProps}\n      >\n        <ChevronRightIcon />\n      </button>\n    </li>\n  );\n}\n\nfunction PaginationItems() {\n  const { currentPage, totalPages, siblingCount, edgeCount, setPage } = usePaginationContext();\n  const range = usePaginationRange(totalPages, currentPage, siblingCount, edgeCount);\n  let ellipsisCount = 0;\n\n  return (\n    <>\n      {range.map((item) => {\n        if (item === 'ellipsis') {\n          ellipsisCount++;\n          return (\n            <li key={`ellipsis-${ellipsisCount}`}>\n              <span className={styles.ellipsis} aria-hidden=\"true\">\n                &hellip;\n              </span>\n            </li>\n          );\n        }\n\n        const isActive = item === currentPage;\n        return (\n          <li key={item}>\n            <button\n              type=\"button\"\n              aria-label={`Go to page ${item}`}\n              aria-current={isActive ? 'page' : undefined}\n              onClick={() => setPage(item)}\n              className={[styles.item, isActive && styles.itemActive].filter(Boolean).join(' ')}\n            >\n              {item}\n            </button>\n          </li>\n        );\n      })}\n    </>\n  );\n}\n\nfunction PaginationItem({\n  children,\n  page: pageProp,\n  className,\n  ...htmlProps\n}: PaginationItemProps) {\n  const { currentPage, setPage } = usePaginationContext();\n  const page = pageProp ?? 1;\n  const isActive = page === currentPage;\n\n  return (\n    <li>\n      <button\n        type=\"button\"\n        aria-label={`Go to page ${page}`}\n        aria-current={isActive ? 'page' : undefined}\n        onClick={() => setPage(page)}\n        className={[styles.item, isActive && styles.itemActive, className].filter(Boolean).join(' ')}\n        {...htmlProps}\n      >\n        {children ?? page}\n      </button>\n    </li>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...htmlProps }: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <li>\n      <span className={[styles.ellipsis, className].filter(Boolean).join(' ')} aria-hidden=\"true\" {...htmlProps}>\n        &hellip;\n      </span>\n    </li>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Pagination = Object.assign(PaginationRoot, {\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Items: PaginationItems,\n  Item: PaginationItem,\n  Ellipsis: PaginationEllipsis,\n});\n\nexport {\n  PaginationRoot,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationItems,\n  PaginationItem,\n  PaginationEllipsis,\n};\n"],"names":["React","jsx","styles","Fragment"],"mappings":"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"}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+export interface PaginationProps {
+    children: React.ReactNode;
+    /** Total number of pages. Clamped to Math.max(0, totalPages). Renders nothing when 0. */
+    totalPages: number;
+    /** Controlled current page (1-indexed). Clamped to [1, totalPages]. */
+    page?: number;
+    /** Default page (uncontrolled). Clamped to [1, totalPages]. Default: 1 */
+    defaultPage?: number;
+    /** Called when page changes */
+    onPageChange?: (page: number) => void;
+    /** Number of pages shown at edges: default 1 */
+    edgeCount?: number;
+    /** Number of pages shown around current: default 1 */
+    siblingCount?: number;
+    className?: string;
+}
+export interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+    /** Override page number (auto-assigned by context if omitted) */
+    page?: number;
+    className?: string;
+}
+declare function PaginationRoot({ children, totalPages: rawTotalPages, page: controlledPage, defaultPage, onPageChange, edgeCount, siblingCount, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItems(): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ children, page: pageProp, className, ...htmlProps }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...htmlProps }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: typeof PaginationRoot & {
+    Previous: typeof PaginationPrevious;
+    Next: typeof PaginationNext;
+    Items: typeof PaginationItems;
+    Item: typeof PaginationItem;
+    Ellipsis: typeof PaginationEllipsis;
+};
+export { PaginationRoot, PaginationPrevious, PaginationNext, PaginationItems, PaginationItem, PaginationEllipsis, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+ID,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,UAAU,EAAE,aAAa,EACzB,IAAI,EAAE,cAAc,EACpB,WAAe,EACf,YAAY,EACZ,SAAa,EACb,YAAgB,EAChB,SAAS,GACV,EAAE,eAAe,2CA0CjB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAkBrG;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAkBjG;AAED,iBAAS,eAAe,4CAoCvB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAmBrB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAQ7F;AAMD,eAAO,MAAM,UAAU;;;;;;CAMrB,CAAC;AAEH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,CAAC"}