@commercetools/nimbus 2.6.0 → 2.8.0

package/dist/chunks/number-input-field-DTk_pXDQ.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-field-DTk_pXDQ.es.js","sources":["../../src/patterns/fields/number-input-field/number-input-field.tsx"],"sourcesContent":["import { NumberInput } from \"@/components/number-input/number-input\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { NumberInputFieldProps } from \"./number-input-field.types\";\n\n/**\n * # NumberInputField\n *\n * A pre-composed form field component that combines NumberInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for numeric input use cases with\n * increment/decrement controls, locale-aware formatting, and proper validation.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <NumberInputField\n *   label=\"Quantity\"\n *   description=\"Enter the product quantity\"\n *   value={quantity}\n *   onChange={setQuantity}\n *   minValue={1}\n *   maxValue={100}\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const NumberInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <NumberInput size={size} {...numberInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nNumberInputField.displayName = \"NumberInputField\";\n"],"names":["NumberInputField","id","label","description","info","errors","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","size","numberInputProps","hasErrors","jsxs","FormField","jsx","NumberInput","FieldErrors"],"mappings":";;;;AA+BO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAA6B;AAE3B,QAAMC,IAAYP,KAAWF,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO;AAEzE,SACE,gBAAAU;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,IAAAf;AAAA,MACA,MAAAW;AAAA,MACA,WAAWE,KAAaH;AAAA,MACxB,YAAAH;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAO,EAACD,EAAU,OAAV,EAAiB,UAAAd,EAAA,CAAM;AAAA,QACxB,gBAAAe,EAACD,EAAU,OAAV,EACC,4BAACE,GAAA,EAAY,MAAAN,GAAa,GAAGC,EAAA,CAAkB,EAAA,CACjD;AAAA,QAECV,KACC,gBAAAc,EAACD,EAAU,aAAV,EAAuB,UAAAb,GAAY;AAAA,QAGrCC,KAAQ,gBAAAa,EAACD,EAAU,SAAV,EAAmB,UAAAZ,GAAK;AAAA,QACjCU,KACC,gBAAAG,EAACD,EAAU,OAAV,EACC,UAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI,GAAGlB,CAAE;AAAA,YACT,QAAAI;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAN,EAAiB,cAAc;"}

package/dist/chunks/number-input-field-DcWTW8HX.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),b=require("./number-input-IR820qje.cjs.js"),r=require("./form-field-Da4KAAE9.cjs.js"),f=require("./field-errors-hBl0j2ag.cjs.js"),u=({id:l,label:t,description:i,info:n,errors:s,renderError:F,touched:m=!1,isRequired:c=!1,isDisabled:a=!1,isReadOnly:j=!1,isInvalid:x=!1,size:o="md",...I})=>{const d=m&&s&&Object.values(s).some(Boolean);return e.jsxs(r.FormField.Root,{id:l,size:o,isInvalid:d||x,isRequired:c,isDisabled:a,isReadOnly:j,children:[e.jsx(r.FormField.Label,{children:t}),e.jsx(r.FormField.Input,{children:e.jsx(b.NumberInput,{size:o,...I})}),i&&e.jsx(r.FormField.Description,{children:i}),n&&e.jsx(r.FormField.InfoBox,{children:n}),d&&e.jsx(r.FormField.Error,{children:e.jsx(f.FieldErrors,{id:`${l}-errors`,errors:s,renderError:F})})]})};u.displayName="NumberInputField";exports.NumberInputField=u;
+//# sourceMappingURL=number-input-field-DcWTW8HX.cjs.js.map

package/dist/chunks/number-input-field-DcWTW8HX.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-field-DcWTW8HX.cjs.js","sources":["../../src/patterns/fields/number-input-field/number-input-field.tsx"],"sourcesContent":["import { NumberInput } from \"@/components/number-input/number-input\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { NumberInputFieldProps } from \"./number-input-field.types\";\n\n/**\n * # NumberInputField\n *\n * A pre-composed form field component that combines NumberInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for numeric input use cases with\n * increment/decrement controls, locale-aware formatting, and proper validation.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <NumberInputField\n *   label=\"Quantity\"\n *   description=\"Enter the product quantity\"\n *   value={quantity}\n *   onChange={setQuantity}\n *   minValue={1}\n *   maxValue={100}\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const NumberInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <NumberInput size={size} {...numberInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nNumberInputField.displayName = \"NumberInputField\";\n"],"names":["NumberInputField","id","label","description","info","errors","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","size","numberInputProps","hasErrors","jsxs","FormField","jsx","NumberInput","FieldErrors"],"mappings":"oLA+BaA,EAAmB,CAAC,CAC/B,GAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,OAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,UAAAC,EAAY,GACZ,KAAAC,EAAO,KACP,GAAGC,CACL,IAA6B,CAE3B,MAAMC,EAAYP,GAAWF,GAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO,EAEzE,OACEU,EAAAA,KAACC,EAAAA,UAAU,KAAV,CACC,GAAAf,EACA,KAAAW,EACA,UAAWE,GAAaH,EACxB,WAAAH,EACA,WAAAC,EACA,WAAAC,EAEA,SAAA,CAAAO,EAAAA,IAACD,EAAAA,UAAU,MAAV,CAAiB,SAAAd,CAAA,CAAM,EACxBe,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,eAACE,EAAAA,YAAA,CAAY,KAAAN,EAAa,GAAGC,CAAA,CAAkB,CAAA,CACjD,EAECV,GACCc,EAAAA,IAACD,EAAAA,UAAU,YAAV,CAAuB,SAAAb,EAAY,EAGrCC,GAAQa,EAAAA,IAACD,EAAAA,UAAU,QAAV,CAAmB,SAAAZ,EAAK,EACjCU,GACCG,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,SAAAC,EAAAA,IAACE,EAAAA,YAAA,CACC,GAAI,GAAGlB,CAAE,UACT,OAAAI,EACA,YAAAC,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAIR,EAEAN,EAAiB,YAAc"}

package/dist/chunks/page-content--s1gGk_N.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("@chakra-ui/react/styled-system"),{withProvider:l,withContext:P}=c.createSlotRecipeContext({key:"nimbusPageContent"}),u=l("div","root"),g=P("div","column"),a=({ref:o,children:e,...t})=>{const n=c.useSlotRecipe({key:"nimbusPageContent"}),[s,C]=n.splitVariantProps(t);return i.jsx(u,{ref:o,...s,...C,children:i.jsx("div",{"data-slot":"content",children:e})})};a.displayName="PageContent.Root";const r=({ref:o,children:e,sticky:t,...n})=>{const s=t?{position:"sticky",top:0,alignSelf:"start"}:{};return i.jsx(g,{ref:o,"data-sticky":t||void 0,...s,...n,children:e})};r.displayName="PageContent.Column";const p={Root:a,Column:r};exports.PageContent=p;exports.PageContentColumn=r;exports.PageContentRoot=a;
+//# sourceMappingURL=page-content--s1gGk_N.cjs.js.map

package/dist/chunks/page-content--s1gGk_N.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-content--s1gGk_N.cjs.js","sources":["../../src/components/page-content/page-content.slots.tsx","../../src/components/page-content/components/page-content.root.tsx","../../src/components/page-content/components/page-content.column.tsx","../../src/components/page-content/page-content.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  PageContentColumnSlotProps,\n  PageContentRootSlotProps,\n} from \"./page-content.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusPageContent\",\n});\n\n/**\n * Root component that provides the styling context for the PageContent component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const PageContentRootSlot: SlotComponent<\n  HTMLDivElement,\n  PageContentRootSlotProps\n> = withProvider<HTMLDivElement, PageContentRootSlotProps>(\"div\", \"root\");\n\nexport const PageContentColumnSlot: SlotComponent<\n  HTMLDivElement,\n  PageContentColumnSlotProps\n> = withContext<HTMLDivElement, PageContentColumnSlotProps>(\"div\", \"column\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PageContentRootSlot } from \"../page-content.slots\";\nimport type { PageContentProps } from \"../page-content.types\";\n\n/**\n * PageContent.Root - The root layout container that provides width constraints\n * and column layout via CSS grid.\n *\n * Uses a 3-column centering grid (`1fr minmax(min, max) 1fr`) to enforce\n * min/max width constraints. An inner content div (targeted via `data-slot`)\n * handles column layout when `columns` is set.\n *\n * @supportsStyleProps\n */\nexport const PageContentRoot = ({\n  ref,\n  children,\n  ...props\n}: PageContentProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusPageContent\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  return (\n    <PageContentRootSlot ref={ref} {...recipeProps} {...restProps}>\n      <div data-slot=\"content\">{children}</div>\n    </PageContentRootSlot>\n  );\n};\n\nPageContentRoot.displayName = \"PageContent.Root\";\n","import { PageContentColumnSlot } from \"../page-content.slots\";\nimport type { PageContentColumnProps } from \"../page-content.types\";\n\n/**\n * PageContent.Column - A column within a multi-column PageContent layout.\n *\n * Supports sticky positioning via the `sticky` prop. Use the `top` style prop\n * to customize the sticky offset.\n *\n * @supportsStyleProps\n */\nexport const PageContentColumn = ({\n  ref,\n  children,\n  sticky,\n  ...props\n}: PageContentColumnProps) => {\n  const stickyProps = sticky\n    ? { position: \"sticky\" as const, top: 0, alignSelf: \"start\" }\n    : {};\n\n  return (\n    <PageContentColumnSlot\n      ref={ref}\n      data-sticky={sticky || undefined}\n      {...stickyProps}\n      {...props}\n    >\n      {children}\n    </PageContentColumnSlot>\n  );\n};\n\nPageContentColumn.displayName = \"PageContent.Column\";\n","import { PageContentRoot, PageContentColumn } from \"./components\";\n\n/**\n * PageContent\n * ============================================================\n * A layout component that provides max-width content containers with single\n * and multi-column layout support. Consolidates MC's `PageContentWide`,\n * `PageContentNarrow`, and `PageContentFull` into a single compound component.\n *\n * @example\n * ```tsx\n * // Single column\n * <PageContent.Root variant=\"wide\">\n *   {children}\n * </PageContent.Root>\n *\n * // Multi-column with sticky sidebar\n * <PageContent.Root variant=\"wide\" columns=\"2/1\">\n *   <PageContent.Column>Main content</PageContent.Column>\n *   <PageContent.Column sticky>Sidebar</PageContent.Column>\n * </PageContent.Root>\n * ```\n */\nexport const PageContent = {\n  /**\n   * # PageContent.Root\n   *\n   * The root container that enforces width constraints and column layout.\n   * Uses a CSS grid centering pattern with configurable min/max widths.\n   *\n   * @example\n   * ```tsx\n   * <PageContent.Root variant=\"narrow\" columns=\"1/1\">\n   *   <PageContent.Column>Left</PageContent.Column>\n   *   <PageContent.Column>Right</PageContent.Column>\n   * </PageContent.Root>\n   * ```\n   */\n  Root: PageContentRoot,\n  /**\n   * # PageContent.Column\n   *\n   * A column within a multi-column PageContent layout. Supports sticky\n   * positioning for sidebar patterns. Use with `columns=\"1/1\"` or\n   * `columns=\"2/1\"` on Root.\n   *\n   * @example\n   * ```tsx\n   * <PageContent.Root variant=\"wide\" columns=\"2/1\">\n   *   <PageContent.Column>Main content</PageContent.Column>\n   *   <PageContent.Column sticky top=\"400\">Sidebar</PageContent.Column>\n   * </PageContent.Root>\n   * ```\n   */\n  Column: PageContentColumn,\n};\n\nexport {\n  PageContentRoot as _PageContentRoot,\n  PageContentColumn as _PageContentColumn,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","PageContentRootSlot","PageContentColumnSlot","PageContentRoot","ref","children","props","recipe","useSlotRecipe","recipeProps","restProps","jsx","PageContentColumn","sticky","stickyProps","PageContent"],"mappings":"8FAOM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,mBACP,CAAC,EAMYC,EAGTH,EAAuD,MAAO,MAAM,EAE3DI,EAGTH,EAAwD,MAAO,QAAQ,ECT9DI,EAAkB,CAAC,CAC9B,IAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,MAAMC,EAASC,EAAAA,cAAc,CAAE,IAAK,oBAAqB,EACnD,CAACC,EAAaC,CAAS,EAAIH,EAAO,kBAAkBD,CAAK,EAE/D,OACEK,EAAAA,IAACV,EAAA,CAAoB,IAAAG,EAAW,GAAGK,EAAc,GAAGC,EAClD,SAAAC,EAAAA,IAAC,MAAA,CAAI,YAAU,UAAW,SAAAN,CAAA,CAAS,EACrC,CAEJ,EAEAF,EAAgB,YAAc,mBClBvB,MAAMS,EAAoB,CAAC,CAChC,IAAAR,EACA,SAAAC,EACA,OAAAQ,EACA,GAAGP,CACL,IAA8B,CAC5B,MAAMQ,EAAcD,EAChB,CAAE,SAAU,SAAmB,IAAK,EAAG,UAAW,OAAA,EAClD,CAAA,EAEJ,OACEF,EAAAA,IAACT,EAAA,CACC,IAAAE,EACA,cAAaS,GAAU,OACtB,GAAGC,EACH,GAAGR,EAEH,SAAAD,CAAA,CAAA,CAGP,EAEAO,EAAkB,YAAc,qBCVzB,MAAMG,EAAc,CAezB,KAAMZ,EAgBN,OAAQS,CACV"}

package/dist/chunks/page-content-YTz6Jfmj.es.js

@@ -0,0 +1,68 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createSlotRecipeContext as p, useSlotRecipe as l } from "@chakra-ui/react/styled-system";
+const { withProvider: P, withContext: C } = /* @__PURE__ */ p({
+  key: "nimbusPageContent"
+}), m = /* @__PURE__ */ P("div", "root"), d = /* @__PURE__ */ C("div", "column"), i = ({
+  ref: o,
+  children: n,
+  ...t
+}) => {
+  const e = l({ key: "nimbusPageContent" }), [a, c] = e.splitVariantProps(t);
+  return /* @__PURE__ */ s(m, { ref: o, ...a, ...c, children: /* @__PURE__ */ s("div", { "data-slot": "content", children: n }) });
+};
+i.displayName = "PageContent.Root";
+const r = ({
+  ref: o,
+  children: n,
+  sticky: t,
+  ...e
+}) => /* @__PURE__ */ s(
+  d,
+  {
+    ref: o,
+    "data-sticky": t || void 0,
+    ...t ? { position: "sticky", top: 0, alignSelf: "start" } : {},
+    ...e,
+    children: n
+  }
+);
+r.displayName = "PageContent.Column";
+const y = {
+  /**
+   * # PageContent.Root
+   *
+   * The root container that enforces width constraints and column layout.
+   * Uses a CSS grid centering pattern with configurable min/max widths.
+   *
+   * @example
+   * ```tsx
+   * <PageContent.Root variant="narrow" columns="1/1">
+   *   <PageContent.Column>Left</PageContent.Column>
+   *   <PageContent.Column>Right</PageContent.Column>
+   * </PageContent.Root>
+   * ```
+   */
+  Root: i,
+  /**
+   * # PageContent.Column
+   *
+   * A column within a multi-column PageContent layout. Supports sticky
+   * positioning for sidebar patterns. Use with `columns="1/1"` or
+   * `columns="2/1"` on Root.
+   *
+   * @example
+   * ```tsx
+   * <PageContent.Root variant="wide" columns="2/1">
+   *   <PageContent.Column>Main content</PageContent.Column>
+   *   <PageContent.Column sticky top="400">Sidebar</PageContent.Column>
+   * </PageContent.Root>
+   * ```
+   */
+  Column: r
+};
+export {
+  y as P,
+  r as a,
+  i as b
+};
+//# sourceMappingURL=page-content-YTz6Jfmj.es.js.map

package/dist/chunks/page-content-YTz6Jfmj.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-content-YTz6Jfmj.es.js","sources":["../../src/components/page-content/page-content.slots.tsx","../../src/components/page-content/components/page-content.root.tsx","../../src/components/page-content/components/page-content.column.tsx","../../src/components/page-content/page-content.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  PageContentColumnSlotProps,\n  PageContentRootSlotProps,\n} from \"./page-content.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusPageContent\",\n});\n\n/**\n * Root component that provides the styling context for the PageContent component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const PageContentRootSlot: SlotComponent<\n  HTMLDivElement,\n  PageContentRootSlotProps\n> = withProvider<HTMLDivElement, PageContentRootSlotProps>(\"div\", \"root\");\n\nexport const PageContentColumnSlot: SlotComponent<\n  HTMLDivElement,\n  PageContentColumnSlotProps\n> = withContext<HTMLDivElement, PageContentColumnSlotProps>(\"div\", \"column\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PageContentRootSlot } from \"../page-content.slots\";\nimport type { PageContentProps } from \"../page-content.types\";\n\n/**\n * PageContent.Root - The root layout container that provides width constraints\n * and column layout via CSS grid.\n *\n * Uses a 3-column centering grid (`1fr minmax(min, max) 1fr`) to enforce\n * min/max width constraints. An inner content div (targeted via `data-slot`)\n * handles column layout when `columns` is set.\n *\n * @supportsStyleProps\n */\nexport const PageContentRoot = ({\n  ref,\n  children,\n  ...props\n}: PageContentProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusPageContent\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  return (\n    <PageContentRootSlot ref={ref} {...recipeProps} {...restProps}>\n      <div data-slot=\"content\">{children}</div>\n    </PageContentRootSlot>\n  );\n};\n\nPageContentRoot.displayName = \"PageContent.Root\";\n","import { PageContentColumnSlot } from \"../page-content.slots\";\nimport type { PageContentColumnProps } from \"../page-content.types\";\n\n/**\n * PageContent.Column - A column within a multi-column PageContent layout.\n *\n * Supports sticky positioning via the `sticky` prop. Use the `top` style prop\n * to customize the sticky offset.\n *\n * @supportsStyleProps\n */\nexport const PageContentColumn = ({\n  ref,\n  children,\n  sticky,\n  ...props\n}: PageContentColumnProps) => {\n  const stickyProps = sticky\n    ? { position: \"sticky\" as const, top: 0, alignSelf: \"start\" }\n    : {};\n\n  return (\n    <PageContentColumnSlot\n      ref={ref}\n      data-sticky={sticky || undefined}\n      {...stickyProps}\n      {...props}\n    >\n      {children}\n    </PageContentColumnSlot>\n  );\n};\n\nPageContentColumn.displayName = \"PageContent.Column\";\n","import { PageContentRoot, PageContentColumn } from \"./components\";\n\n/**\n * PageContent\n * ============================================================\n * A layout component that provides max-width content containers with single\n * and multi-column layout support. Consolidates MC's `PageContentWide`,\n * `PageContentNarrow`, and `PageContentFull` into a single compound component.\n *\n * @example\n * ```tsx\n * // Single column\n * <PageContent.Root variant=\"wide\">\n *   {children}\n * </PageContent.Root>\n *\n * // Multi-column with sticky sidebar\n * <PageContent.Root variant=\"wide\" columns=\"2/1\">\n *   <PageContent.Column>Main content</PageContent.Column>\n *   <PageContent.Column sticky>Sidebar</PageContent.Column>\n * </PageContent.Root>\n * ```\n */\nexport const PageContent = {\n  /**\n   * # PageContent.Root\n   *\n   * The root container that enforces width constraints and column layout.\n   * Uses a CSS grid centering pattern with configurable min/max widths.\n   *\n   * @example\n   * ```tsx\n   * <PageContent.Root variant=\"narrow\" columns=\"1/1\">\n   *   <PageContent.Column>Left</PageContent.Column>\n   *   <PageContent.Column>Right</PageContent.Column>\n   * </PageContent.Root>\n   * ```\n   */\n  Root: PageContentRoot,\n  /**\n   * # PageContent.Column\n   *\n   * A column within a multi-column PageContent layout. Supports sticky\n   * positioning for sidebar patterns. Use with `columns=\"1/1\"` or\n   * `columns=\"2/1\"` on Root.\n   *\n   * @example\n   * ```tsx\n   * <PageContent.Root variant=\"wide\" columns=\"2/1\">\n   *   <PageContent.Column>Main content</PageContent.Column>\n   *   <PageContent.Column sticky top=\"400\">Sidebar</PageContent.Column>\n   * </PageContent.Root>\n   * ```\n   */\n  Column: PageContentColumn,\n};\n\nexport {\n  PageContentRoot as _PageContentRoot,\n  PageContentColumn as _PageContentColumn,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","PageContentRootSlot","PageContentColumnSlot","PageContentRoot","ref","children","props","recipe","useSlotRecipe","recipeProps","restProps","jsx","PageContentColumn","sticky","PageContent"],"mappings":";;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAMYC,IAGT,gBAAAH,EAAuD,OAAO,MAAM,GAE3DI,IAGT,gBAAAH,EAAwD,OAAO,QAAQ,GCT9DI,IAAkB,CAAC;AAAA,EAC9B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAASC,EAAc,EAAE,KAAK,qBAAqB,GACnD,CAACC,GAAaC,CAAS,IAAIH,EAAO,kBAAkBD,CAAK;AAE/D,SACE,gBAAAK,EAACV,GAAA,EAAoB,KAAAG,GAAW,GAAGK,GAAc,GAAGC,GAClD,UAAA,gBAAAC,EAAC,OAAA,EAAI,aAAU,WAAW,UAAAN,EAAA,CAAS,GACrC;AAEJ;AAEAF,EAAgB,cAAc;AClBvB,MAAMS,IAAoB,CAAC;AAAA,EAChC,KAAAR;AAAA,EACA,UAAAC;AAAA,EACA,QAAAQ;AAAA,EACA,GAAGP;AACL,MAMI,gBAAAK;AAAA,EAACT;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,eAAaS,KAAU;AAAA,IACtB,GAReA,IAChB,EAAE,UAAU,UAAmB,KAAK,GAAG,WAAW,QAAA,IAClD,CAAA;AAAA,IAOC,GAAGP;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;AAKPO,EAAkB,cAAc;ACVzB,MAAME,IAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAezB,MAAMX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBN,QAAQS;AACV;"}

package/dist/chunks/pagination-D59xquoX.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("react"),k=require("@commercetools/nimbus-icons"),u=require("./normalize-messages-DtVffO09.cjs.js"),w=require("./context-XwB7Jud0.cjs.js"),R=require("./stack-CIN13EDn.cjs.js"),b=require("./flex-DwGL6TCj.cjs.js"),I=require("./select-ExTJjtrC.cjs.js"),M=require("./text-CO7lcJf1.cjs.js"),A=require("./icon-button-TUo0Zh3-.cjs.js"),_=require("./number-input-IR820qje.cjs.js");function B({totalItems:e,currentPage:x,pageSize:o=20,onPageChange:l,onPageSizeChange:h}){const[v,p]=i.useState(1),[j,z]=i.useState(o),s=x!==void 0,C=s?x:v,g=o??j,a=Math.max(1,Math.ceil(e/g)),n=Math.max(1,Math.min(C,a)),d=Math.min((n-1)*g+1,e),r=Math.min(n*g,e),c=n>1,f=n<a,P=i.useCallback(m=>{const T=Math.max(1,Math.min(m,a));s||p(T),l?.(T)},[a,s,l]),N=i.useCallback(()=>{c&&P(n-1)},[c,n,P]),q=i.useCallback(()=>{f&&P(n+1)},[f,n,P]),$=i.useCallback(m=>{const T=Math.ceil(e/m),S=Math.min(n,T);z(m),!s&&S!==n&&p(S),h?.(m),S!==n&&l?.(S)},[e,n,s,l,h]);return i.useMemo(()=>({totalItems:e,currentPage:n,pageSize:g,totalPages:a,startItem:d,endItem:r,hasPreviousPage:c,hasNextPage:f,goToPage:P,goToPreviousPage:N,goToNextPage:q,setPageSize:$}),[e,n,g,a,d,r,c,f,P,N,q,$])}const O={currentPage:"Current page",goToNextPage:"Go to next page",goToPreviousPage:"Go to previous page",itemsPerPage:"Items per page",itemsPerPageText:"items per page",ofTotalPages:e=>`of ${e.totalPages}`,page:"Page",pagination:"Pagination"},y={currentPage:"Aktuelle Seite",goToNextPage:"Weiter zur nächsten Seite",goToPreviousPage:"Zur vorherigen Seite",itemsPerPage:"Artikel pro Seite",itemsPerPageText:"Artikel pro Seite",ofTotalPages:e=>`von ${e.totalPages}`,page:"Seite",pagination:"Seitennummerierung"},D={currentPage:"Página actual",goToNextPage:"Ir a la siguiente página",goToPreviousPage:"Ir a la página anterior",itemsPerPage:"Artículos por página",itemsPerPageText:"artículos por página",ofTotalPages:e=>`de ${e.totalPages}`,page:"página",pagination:"paginación"},G={currentPage:"Page actuelle",goToNextPage:"Aller à la page suivante",goToPreviousPage:"Aller à la page précédente",itemsPerPage:"Articles par page",itemsPerPageText:"Articles par page",ofTotalPages:e=>`de ${e.totalPages}`,page:"Page",pagination:"Pagination"},L={currentPage:"Página atual",goToNextPage:"Ir para a próxima página",goToPreviousPage:"Ir para a página anterior",itemsPerPage:"Itens por página",itemsPerPageText:"Itens por página",ofTotalPages:e=>`de ${e.totalPages}`,page:"Página",pagination:"Paginação"},V={en:u.normalizeMessages(O),de:u.normalizeMessages(y),es:u.normalizeMessages(D),"fr-FR":u.normalizeMessages(G),"pt-BR":u.normalizeMessages(L)},F=e=>{const{locale:x}=w.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),o=u.useLocalizedStringFormatter(V),{totalItems:l,currentPage:h,pageSize:v,pageSizeOptions:p=[10,20,50,100],onPageChange:j,onPageSizeChange:z,"aria-label":s,enablePageInput:C=!0,enablePageSizeSelector:g=!0}=e,a=B({totalItems:l,currentPage:h,pageSize:v,onPageChange:j,onPageSizeChange:z}),n=i.useMemo(()=>p.map(r=>({id:r.toString(),name:`${r}`})),[p]),d=r=>{if(r){const c=parseInt(r.toString(),10);a.setPageSize(c)}};return t.jsxs(R.Stack,{gap:"400",direction:{base:"column",sm:"row"},align:"center",children:[g&&t.jsxs(b.Flex,{align:"center",gap:"200",children:[t.jsx(I.Select.Root,{isClearable:!1,selectedKey:a.pageSize.toString(),onSelectionChange:d,"aria-label":o.format("itemsPerPage"),children:t.jsx(I.Select.Options,{children:n.map(r=>t.jsx(I.Select.Option,{id:r.id,children:r.name},r.id))})}),t.jsx(M.Text,{color:"neutral.12",children:o.format("itemsPerPageText")})]}),t.jsx(b.Flex,{flexGrow:"1"}),t.jsxs(b.Flex,{align:"center",gap:"200",role:"navigation","aria-label":s??o.format("pagination"),children:[t.jsx(A.IconButton,{onClick:a.goToPreviousPage,isDisabled:!a.hasPreviousPage,variant:"ghost",colorPalette:"primary","aria-label":o.format("goToPreviousPage"),children:t.jsx(k.ChevronLeft,{})}),t.jsxs(b.Flex,{align:"center",gap:"200",children:[t.jsx(M.Text,{color:"neutral.12",children:o.format("page")}),C?t.jsx(_.NumberInput,{value:a.currentPage,onChange:r=>a.goToPage(r||1),minValue:1,maxValue:a.totalPages,step:1,isDisabled:!1,width:"9ch","aria-label":o.format("currentPage"),"aria-current":"page"}):t.jsx(M.Text,{fontWeight:"semibold",color:"neutral.12","aria-current":"page",children:a.currentPage}),t.jsx(M.Text,{color:"neutral.12",children:(()=>{const r=new Intl.NumberFormat(x).format(a.totalPages);return o.format("ofTotalPages",{totalPages:r})})()})]}),t.jsx(A.IconButton,{onClick:a.goToNextPage,isDisabled:!a.hasNextPage,variant:"ghost",colorPalette:"primary","aria-label":o.format("goToNextPage"),children:t.jsx(k.ChevronRight,{})})]})]})};F.displayName="Pagination";exports.Pagination=F;
+//# sourceMappingURL=pagination-D59xquoX.cjs.js.map

package/dist/chunks/pagination-D59xquoX.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-D59xquoX.cjs.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/intl/en.ts","../../src/components/pagination/intl/de.ts","../../src/components/pagination/intl/es.ts","../../src/components/pagination/intl/fr-FR.ts","../../src/components/pagination/intl/pt-BR.ts","../../src/components/pagination/pagination.messages.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport type PaginationState = {\n  /** Total number of items across all pages */\n  totalItems: number;\n  /** Current active page (1-based) */\n  currentPage: number;\n  /** Number of items displayed per page */\n  pageSize: number;\n  /** Total number of pages available */\n  totalPages: number;\n  /** Index of the first item on current page (1-based) */\n  startItem: number;\n  /** Index of the last item on current page (1-based) */\n  endItem: number;\n  /** Whether there is a previous page available */\n  hasPreviousPage: boolean;\n  /** Whether there is a next page available */\n  hasNextPage: boolean;\n};\n\nexport type UsePaginationProps = {\n  /** Total number of items to paginate */\n  totalItems: number;\n  /** Initial current page (1-based), defaults to 1 */\n  currentPage?: number;\n  /** Initial number of items per page, defaults to 10 */\n  pageSize?: number;\n  /** Callback fired when the current page changes */\n  onPageChange?: (page: number) => void;\n  /** Callback fired when the page size changes */\n  onPageSizeChange?: (pageSize: number) => void;\n};\n\nexport type UsePaginationReturn = PaginationState & {\n  /** Navigate to a specific page number (1-based) */\n  goToPage: (page: number) => void;\n  /** Navigate to the previous page, if available */\n  goToPreviousPage: () => void;\n  /** Navigate to the next page, if available */\n  goToNextPage: () => void;\n  /** Change the number of items displayed per page */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * # usePagination\n *\n * Custom hook that provides pagination state management and navigation controls.\n *\n * Supports both controlled and uncontrolled modes:\n * - Controlled: Parent component manages currentPage state via props and callbacks\n * - Uncontrolled: Hook manages internal currentPage state automatically\n *\n * @param props - Configuration object for pagination behavior\n * @param props.totalItems - Total number of items to paginate\n * @param props.currentPage - Current page number (controlled mode). If undefined, uses uncontrolled mode\n * @param props.pageSize - Number of items per page (defaults to 20)\n * @param props.onPageChange - Callback fired when page changes\n * @param props.onPageSizeChange - Callback fired when page size changes\n *\n * @returns Object containing pagination state and navigation functions:\n * - totalItems: Total number of items\n * - currentPage: Current active page number (1-based)\n * - pageSize: Number of items per page\n * - totalPages: Total number of pages\n * - startItem: First item number on current page\n * - endItem: Last item number on current page\n * - hasPreviousPage: Whether previous page exists\n * - hasNextPage: Whether next page exists\n * - goToPage: Function to navigate to specific page\n * - goToPreviousPage: Function to navigate to previous page\n * - goToNextPage: Function to navigate to next page\n * - setPageSize: Function to change page size\n *\n */\nexport function usePagination({\n  totalItems,\n  currentPage: controlledCurrentPage,\n  pageSize: controlledPageSize = 20,\n  onPageChange,\n  onPageSizeChange,\n}: UsePaginationProps): UsePaginationReturn {\n  // Internal state for uncontrolled mode\n  const [internalCurrentPage, setInternalCurrentPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(controlledPageSize);\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledCurrentPage !== undefined;\n  const currentPage = isControlled\n    ? controlledCurrentPage\n    : internalCurrentPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  // Calculate pagination values\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Ensure currentPage is within valid bounds\n  const validCurrentPage = Math.max(1, Math.min(currentPage, totalPages));\n\n  const startItem = Math.min((validCurrentPage - 1) * pageSize + 1, totalItems);\n  const endItem = Math.min(validCurrentPage * pageSize, totalItems);\n\n  const hasPreviousPage = validCurrentPage > 1;\n  const hasNextPage = validCurrentPage < totalPages;\n\n  // Page navigation functions\n  const goToPage = useCallback(\n    (page: number) => {\n      const newPage = Math.max(1, Math.min(page, totalPages));\n\n      if (!isControlled) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageChange?.(newPage);\n    },\n    [totalPages, isControlled, onPageChange]\n  );\n\n  const goToPreviousPage = useCallback(() => {\n    if (hasPreviousPage) {\n      goToPage(validCurrentPage - 1);\n    }\n  }, [hasPreviousPage, validCurrentPage, goToPage]);\n\n  const goToNextPage = useCallback(() => {\n    if (hasNextPage) {\n      goToPage(validCurrentPage + 1);\n    }\n  }, [hasNextPage, validCurrentPage, goToPage]);\n\n  const setPageSize = useCallback(\n    (newPageSize: number) => {\n      const newTotalPages = Math.ceil(totalItems / newPageSize);\n      const newPage = Math.min(validCurrentPage, newTotalPages);\n\n      setInternalPageSize(newPageSize);\n\n      if (!isControlled && newPage !== validCurrentPage) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageSizeChange?.(newPageSize);\n\n      if (newPage !== validCurrentPage) {\n        onPageChange?.(newPage);\n      }\n    },\n    [totalItems, validCurrentPage, isControlled, onPageChange, onPageSizeChange]\n  );\n\n  return useMemo(\n    () => ({\n      totalItems,\n      currentPage: validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    }),\n    [\n      totalItems,\n      validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    ]\n  );\n}\n","/**\n * Pre-compiled en messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Current page`,\n  goToNextPage: `Go to next page`,\n  goToPreviousPage: `Go to previous page`,\n  itemsPerPage: `Items per page`,\n  itemsPerPageText: `items per page`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `of ${args.totalPages}`,\n  page: `Page`,\n  pagination: `Pagination`,\n};\n","/**\n * Pre-compiled de messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Aktuelle Seite`,\n  goToNextPage: `Weiter zur nächsten Seite`,\n  goToPreviousPage: `Zur vorherigen Seite`,\n  itemsPerPage: `Artikel pro Seite`,\n  itemsPerPageText: `Artikel pro Seite`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `von ${args.totalPages}`,\n  page: `Seite`,\n  pagination: `Seitennummerierung`,\n};\n","/**\n * Pre-compiled es messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Página actual`,\n  goToNextPage: `Ir a la siguiente página`,\n  goToPreviousPage: `Ir a la página anterior`,\n  itemsPerPage: `Artículos por página`,\n  itemsPerPageText: `artículos por página`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `de ${args.totalPages}`,\n  page: `página`,\n  pagination: `paginación`,\n};\n","/**\n * Pre-compiled fr-FR messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Page actuelle`,\n  goToNextPage: `Aller à la page suivante`,\n  goToPreviousPage: `Aller à la page précédente`,\n  itemsPerPage: `Articles par page`,\n  itemsPerPageText: `Articles par page`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `de ${args.totalPages}`,\n  page: `Page`,\n  pagination: `Pagination`,\n};\n","/**\n * Pre-compiled pt-BR messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Página atual`,\n  goToNextPage: `Ir para a próxima página`,\n  goToPreviousPage: `Ir para a página anterior`,\n  itemsPerPage: `Itens por página`,\n  itemsPerPageText: `Itens por página`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `de ${args.totalPages}`,\n  page: `Página`,\n  pagination: `Paginação`,\n};\n","/**\n * Pre-compiled localized messages for Pagination component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport paginationMessages_en from \"./intl/en\";\nimport paginationMessages_de from \"./intl/de\";\nimport paginationMessages_es from \"./intl/es\";\nimport paginationMessages_fr from \"./intl/fr-FR\";\nimport paginationMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const paginationMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(paginationMessages_en),\n  de: normalizeMessages(paginationMessages_de),\n  es: normalizeMessages(paginationMessages_es),\n  \"fr-FR\": normalizeMessages(paginationMessages_fr),\n  \"pt-BR\": normalizeMessages(paginationMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Pagination component\n */\nexport type PaginationMessageKey =\n  | \"currentPage\"\n  | \"goToNextPage\"\n  | \"goToPreviousPage\"\n  | \"itemsPerPage\"\n  | \"itemsPerPageText\"\n  | \"ofTotalPages\";\n","import { useMemo } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@commercetools/nimbus-icons\";\nimport {\n  Flex,\n  IconButton,\n  NumberInput,\n  Select,\n  Stack,\n  Text,\n} from \"@/components\";\nimport { usePagination } from \"./hooks/use-pagination\";\nimport type { PaginationProps } from \"./pagination.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { paginationMessagesStrings } from \"./pagination.messages\";\nimport { useLocale } from \"react-aria-components\";\n\n/**\n * # Pagination\n *\n * A component that allows users to navigate through pages and control page size.\n * Combines a page size selector and page navigator for comprehensive pagination control.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/pagination}\n */\nexport const Pagination = (props: PaginationProps) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(paginationMessagesStrings);\n  const {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel,\n    enablePageInput = true,\n    enablePageSizeSelector = true,\n  } = props;\n\n  const pagination = usePagination({\n    totalItems,\n    currentPage,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n  });\n\n  // Prepare page size options for select\n  const pageSizeSelectOptions = useMemo(\n    () =>\n      pageSizeOptions.map((size) => ({\n        id: size.toString(),\n        name: `${size}`,\n      })),\n    [pageSizeOptions]\n  );\n\n  const handlePageSizeChange = (key: React.Key | null) => {\n    if (key) {\n      const newPageSize = parseInt(key.toString(), 10);\n      pagination.setPageSize(newPageSize);\n    }\n  };\n\n  return (\n    <Stack gap=\"400\" direction={{ base: \"column\", sm: \"row\" }} align=\"center\">\n      {/* Page Size Selector */}\n      {enablePageSizeSelector && (\n        <Flex align=\"center\" gap=\"200\">\n          <Select.Root\n            isClearable={false}\n            selectedKey={pagination.pageSize.toString()}\n            onSelectionChange={handlePageSizeChange}\n            aria-label={msg.format(\"itemsPerPage\")}\n          >\n            <Select.Options>\n              {pageSizeSelectOptions.map((option) => (\n                <Select.Option key={option.id} id={option.id}>\n                  {option.name}\n                </Select.Option>\n              ))}\n            </Select.Options>\n          </Select.Root>\n          <Text color=\"neutral.12\">{msg.format(\"itemsPerPageText\")}</Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex\n        align=\"center\"\n        gap=\"200\"\n        role=\"navigation\"\n        aria-label={ariaLabel ?? msg.format(\"pagination\")}\n      >\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          aria-label={msg.format(\"goToPreviousPage\")}\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">{msg.format(\"page\")}</Text>\n          {enablePageInput ? (\n            <NumberInput\n              value={pagination.currentPage}\n              onChange={(value: number | undefined) =>\n                pagination.goToPage(value || 1)\n              }\n              minValue={1}\n              maxValue={pagination.totalPages}\n              step={1}\n              isDisabled={false}\n              width=\"9ch\"\n              aria-label={msg.format(\"currentPage\")}\n              aria-current=\"page\"\n            />\n          ) : (\n            <Text fontWeight=\"semibold\" color=\"neutral.12\" aria-current=\"page\">\n              {pagination.currentPage}\n            </Text>\n          )}\n          <Text color=\"neutral.12\">\n            {(() => {\n              // Format the number with locale-specific formatting\n              const formattedTotalPages = new Intl.NumberFormat(locale).format(\n                pagination.totalPages\n              );\n\n              return msg.format(\"ofTotalPages\", {\n                totalPages: formattedTotalPages,\n              });\n            })()}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          aria-label={msg.format(\"goToNextPage\")}\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"names":["usePagination","totalItems","controlledCurrentPage","controlledPageSize","onPageChange","onPageSizeChange","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","page","newPage","goToPreviousPage","goToNextPage","setPageSize","newPageSize","newTotalPages","useMemo","paginationMessages_en","args","paginationMessages_de","paginationMessages_es","paginationMessages_fr","paginationMessages_pt","paginationMessagesStrings","normalizeMessages","Pagination","props","locale","useLocale","msg","useLocalizedStringFormatter","pageSizeOptions","ariaLabel","enablePageInput","enablePageSizeSelector","pagination","pageSizeSelectOptions","size","handlePageSizeChange","key","jsxs","Stack","Flex","jsx","Select","option","Text","IconButton","ChevronLeft","NumberInput","value","formattedTotalPages","ChevronRight"],"mappings":"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"}

package/dist/chunks/pagination-DpgEL5m7.es.js

@@ -0,0 +1,226 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { useState as F, useCallback as b, useMemo as O } from "react";
+import { ChevronLeft as R, ChevronRight as y } from "@commercetools/nimbus-icons";
+import { n as m, u as D } from "./normalize-messages-BN9BAFXe.es.js";
+import { $ as G } from "./context-BfHy4NgG.es.js";
+import { S as L } from "./stack-CoNreM7B.es.js";
+import { F as v } from "./flex-BqxAMF-7.es.js";
+import { S as $ } from "./select-BCclMTCA.es.js";
+import { T as M } from "./text-61Btuuxn.es.js";
+import { I as _ } from "./icon-button-BCeQqBD7.es.js";
+import { N as j } from "./number-input-DoDxKLSN.es.js";
+function B({
+  totalItems: e,
+  currentPage: u,
+  pageSize: n = 20,
+  onPageChange: s,
+  onPageSizeChange: f
+}) {
+  const [N, c] = F(1), [z, I] = F(n), i = u !== void 0, C = i ? u : N, g = n ?? z, a = Math.max(1, Math.ceil(e / g)), t = Math.max(1, Math.min(C, a)), h = Math.min((t - 1) * g + 1, e), o = Math.min(t * g, e), l = t > 1, d = t < a, P = b(
+    (p) => {
+      const T = Math.max(1, Math.min(p, a));
+      i || c(T), s?.(T);
+    },
+    [a, i, s]
+  ), A = b(() => {
+    l && P(t - 1);
+  }, [l, t, P]), k = b(() => {
+    d && P(t + 1);
+  }, [d, t, P]), w = b(
+    (p) => {
+      const T = Math.ceil(e / p), S = Math.min(t, T);
+      I(p), !i && S !== t && c(S), f?.(p), S !== t && s?.(S);
+    },
+    [e, t, i, s, f]
+  );
+  return O(
+    () => ({
+      totalItems: e,
+      currentPage: t,
+      pageSize: g,
+      totalPages: a,
+      startItem: h,
+      endItem: o,
+      hasPreviousPage: l,
+      hasNextPage: d,
+      goToPage: P,
+      goToPreviousPage: A,
+      goToNextPage: k,
+      setPageSize: w
+    }),
+    [
+      e,
+      t,
+      g,
+      a,
+      h,
+      o,
+      l,
+      d,
+      P,
+      A,
+      k,
+      w
+    ]
+  );
+}
+const V = {
+  currentPage: "Current page",
+  goToNextPage: "Go to next page",
+  goToPreviousPage: "Go to previous page",
+  itemsPerPage: "Items per page",
+  itemsPerPageText: "items per page",
+  ofTotalPages: (e) => `of ${e.totalPages}`,
+  page: "Page",
+  pagination: "Pagination"
+}, W = {
+  currentPage: "Aktuelle Seite",
+  goToNextPage: "Weiter zur nächsten Seite",
+  goToPreviousPage: "Zur vorherigen Seite",
+  itemsPerPage: "Artikel pro Seite",
+  itemsPerPageText: "Artikel pro Seite",
+  ofTotalPages: (e) => `von ${e.totalPages}`,
+  page: "Seite",
+  pagination: "Seitennummerierung"
+}, K = {
+  currentPage: "Página actual",
+  goToNextPage: "Ir a la siguiente página",
+  goToPreviousPage: "Ir a la página anterior",
+  itemsPerPage: "Artículos por página",
+  itemsPerPageText: "artículos por página",
+  ofTotalPages: (e) => `de ${e.totalPages}`,
+  page: "página",
+  pagination: "paginación"
+}, Z = {
+  currentPage: "Page actuelle",
+  goToNextPage: "Aller à la page suivante",
+  goToPreviousPage: "Aller à la page précédente",
+  itemsPerPage: "Articles par page",
+  itemsPerPageText: "Articles par page",
+  ofTotalPages: (e) => `de ${e.totalPages}`,
+  page: "Page",
+  pagination: "Pagination"
+}, q = {
+  currentPage: "Página atual",
+  goToNextPage: "Ir para a próxima página",
+  goToPreviousPage: "Ir para a página anterior",
+  itemsPerPage: "Itens por página",
+  itemsPerPageText: "Itens por página",
+  ofTotalPages: (e) => `de ${e.totalPages}`,
+  page: "Página",
+  pagination: "Paginação"
+}, E = {
+  en: /* @__PURE__ */ m(V),
+  de: /* @__PURE__ */ m(W),
+  es: /* @__PURE__ */ m(K),
+  "fr-FR": /* @__PURE__ */ m(Z),
+  "pt-BR": /* @__PURE__ */ m(q)
+}, H = (e) => {
+  const { locale: u } = G(), n = D(E), {
+    totalItems: s,
+    currentPage: f,
+    pageSize: N,
+    pageSizeOptions: c = [10, 20, 50, 100],
+    onPageChange: z,
+    onPageSizeChange: I,
+    "aria-label": i,
+    enablePageInput: C = !0,
+    enablePageSizeSelector: g = !0
+  } = e, a = B({
+    totalItems: s,
+    currentPage: f,
+    pageSize: N,
+    onPageChange: z,
+    onPageSizeChange: I
+  }), t = O(
+    () => c.map((o) => ({
+      id: o.toString(),
+      name: `${o}`
+    })),
+    [c]
+  ), h = (o) => {
+    if (o) {
+      const l = parseInt(o.toString(), 10);
+      a.setPageSize(l);
+    }
+  };
+  return /* @__PURE__ */ x(L, { gap: "400", direction: { base: "column", sm: "row" }, align: "center", children: [
+    g && /* @__PURE__ */ x(v, { align: "center", gap: "200", children: [
+      /* @__PURE__ */ r(
+        $.Root,
+        {
+          isClearable: !1,
+          selectedKey: a.pageSize.toString(),
+          onSelectionChange: h,
+          "aria-label": n.format("itemsPerPage"),
+          children: /* @__PURE__ */ r($.Options, { children: t.map((o) => /* @__PURE__ */ r($.Option, { id: o.id, children: o.name }, o.id)) })
+        }
+      ),
+      /* @__PURE__ */ r(M, { color: "neutral.12", children: n.format("itemsPerPageText") })
+    ] }),
+    /* @__PURE__ */ r(v, { flexGrow: "1" }),
+    /* @__PURE__ */ x(
+      v,
+      {
+        align: "center",
+        gap: "200",
+        role: "navigation",
+        "aria-label": i ?? n.format("pagination"),
+        children: [
+          /* @__PURE__ */ r(
+            _,
+            {
+              onClick: a.goToPreviousPage,
+              isDisabled: !a.hasPreviousPage,
+              variant: "ghost",
+              colorPalette: "primary",
+              "aria-label": n.format("goToPreviousPage"),
+              children: /* @__PURE__ */ r(R, {})
+            }
+          ),
+          /* @__PURE__ */ x(v, { align: "center", gap: "200", children: [
+            /* @__PURE__ */ r(M, { color: "neutral.12", children: n.format("page") }),
+            C ? /* @__PURE__ */ r(
+              j,
+              {
+                value: a.currentPage,
+                onChange: (o) => a.goToPage(o || 1),
+                minValue: 1,
+                maxValue: a.totalPages,
+                step: 1,
+                isDisabled: !1,
+                width: "9ch",
+                "aria-label": n.format("currentPage"),
+                "aria-current": "page"
+              }
+            ) : /* @__PURE__ */ r(M, { fontWeight: "semibold", color: "neutral.12", "aria-current": "page", children: a.currentPage }),
+            /* @__PURE__ */ r(M, { color: "neutral.12", children: (() => {
+              const o = new Intl.NumberFormat(u).format(
+                a.totalPages
+              );
+              return n.format("ofTotalPages", {
+                totalPages: o
+              });
+            })() })
+          ] }),
+          /* @__PURE__ */ r(
+            _,
+            {
+              onClick: a.goToNextPage,
+              isDisabled: !a.hasNextPage,
+              variant: "ghost",
+              colorPalette: "primary",
+              "aria-label": n.format("goToNextPage"),
+              children: /* @__PURE__ */ r(y, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+H.displayName = "Pagination";
+export {
+  H as P
+};
+//# sourceMappingURL=pagination-DpgEL5m7.es.js.map

package/dist/chunks/pagination-DpgEL5m7.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-DpgEL5m7.es.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/intl/en.ts","../../src/components/pagination/intl/de.ts","../../src/components/pagination/intl/es.ts","../../src/components/pagination/intl/fr-FR.ts","../../src/components/pagination/intl/pt-BR.ts","../../src/components/pagination/pagination.messages.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport type PaginationState = {\n  /** Total number of items across all pages */\n  totalItems: number;\n  /** Current active page (1-based) */\n  currentPage: number;\n  /** Number of items displayed per page */\n  pageSize: number;\n  /** Total number of pages available */\n  totalPages: number;\n  /** Index of the first item on current page (1-based) */\n  startItem: number;\n  /** Index of the last item on current page (1-based) */\n  endItem: number;\n  /** Whether there is a previous page available */\n  hasPreviousPage: boolean;\n  /** Whether there is a next page available */\n  hasNextPage: boolean;\n};\n\nexport type UsePaginationProps = {\n  /** Total number of items to paginate */\n  totalItems: number;\n  /** Initial current page (1-based), defaults to 1 */\n  currentPage?: number;\n  /** Initial number of items per page, defaults to 10 */\n  pageSize?: number;\n  /** Callback fired when the current page changes */\n  onPageChange?: (page: number) => void;\n  /** Callback fired when the page size changes */\n  onPageSizeChange?: (pageSize: number) => void;\n};\n\nexport type UsePaginationReturn = PaginationState & {\n  /** Navigate to a specific page number (1-based) */\n  goToPage: (page: number) => void;\n  /** Navigate to the previous page, if available */\n  goToPreviousPage: () => void;\n  /** Navigate to the next page, if available */\n  goToNextPage: () => void;\n  /** Change the number of items displayed per page */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * # usePagination\n *\n * Custom hook that provides pagination state management and navigation controls.\n *\n * Supports both controlled and uncontrolled modes:\n * - Controlled: Parent component manages currentPage state via props and callbacks\n * - Uncontrolled: Hook manages internal currentPage state automatically\n *\n * @param props - Configuration object for pagination behavior\n * @param props.totalItems - Total number of items to paginate\n * @param props.currentPage - Current page number (controlled mode). If undefined, uses uncontrolled mode\n * @param props.pageSize - Number of items per page (defaults to 20)\n * @param props.onPageChange - Callback fired when page changes\n * @param props.onPageSizeChange - Callback fired when page size changes\n *\n * @returns Object containing pagination state and navigation functions:\n * - totalItems: Total number of items\n * - currentPage: Current active page number (1-based)\n * - pageSize: Number of items per page\n * - totalPages: Total number of pages\n * - startItem: First item number on current page\n * - endItem: Last item number on current page\n * - hasPreviousPage: Whether previous page exists\n * - hasNextPage: Whether next page exists\n * - goToPage: Function to navigate to specific page\n * - goToPreviousPage: Function to navigate to previous page\n * - goToNextPage: Function to navigate to next page\n * - setPageSize: Function to change page size\n *\n */\nexport function usePagination({\n  totalItems,\n  currentPage: controlledCurrentPage,\n  pageSize: controlledPageSize = 20,\n  onPageChange,\n  onPageSizeChange,\n}: UsePaginationProps): UsePaginationReturn {\n  // Internal state for uncontrolled mode\n  const [internalCurrentPage, setInternalCurrentPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(controlledPageSize);\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledCurrentPage !== undefined;\n  const currentPage = isControlled\n    ? controlledCurrentPage\n    : internalCurrentPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  // Calculate pagination values\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Ensure currentPage is within valid bounds\n  const validCurrentPage = Math.max(1, Math.min(currentPage, totalPages));\n\n  const startItem = Math.min((validCurrentPage - 1) * pageSize + 1, totalItems);\n  const endItem = Math.min(validCurrentPage * pageSize, totalItems);\n\n  const hasPreviousPage = validCurrentPage > 1;\n  const hasNextPage = validCurrentPage < totalPages;\n\n  // Page navigation functions\n  const goToPage = useCallback(\n    (page: number) => {\n      const newPage = Math.max(1, Math.min(page, totalPages));\n\n      if (!isControlled) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageChange?.(newPage);\n    },\n    [totalPages, isControlled, onPageChange]\n  );\n\n  const goToPreviousPage = useCallback(() => {\n    if (hasPreviousPage) {\n      goToPage(validCurrentPage - 1);\n    }\n  }, [hasPreviousPage, validCurrentPage, goToPage]);\n\n  const goToNextPage = useCallback(() => {\n    if (hasNextPage) {\n      goToPage(validCurrentPage + 1);\n    }\n  }, [hasNextPage, validCurrentPage, goToPage]);\n\n  const setPageSize = useCallback(\n    (newPageSize: number) => {\n      const newTotalPages = Math.ceil(totalItems / newPageSize);\n      const newPage = Math.min(validCurrentPage, newTotalPages);\n\n      setInternalPageSize(newPageSize);\n\n      if (!isControlled && newPage !== validCurrentPage) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageSizeChange?.(newPageSize);\n\n      if (newPage !== validCurrentPage) {\n        onPageChange?.(newPage);\n      }\n    },\n    [totalItems, validCurrentPage, isControlled, onPageChange, onPageSizeChange]\n  );\n\n  return useMemo(\n    () => ({\n      totalItems,\n      currentPage: validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    }),\n    [\n      totalItems,\n      validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    ]\n  );\n}\n","/**\n * Pre-compiled en messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Current page`,\n  goToNextPage: `Go to next page`,\n  goToPreviousPage: `Go to previous page`,\n  itemsPerPage: `Items per page`,\n  itemsPerPageText: `items per page`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `of ${args.totalPages}`,\n  page: `Page`,\n  pagination: `Pagination`,\n};\n","/**\n * Pre-compiled de messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Aktuelle Seite`,\n  goToNextPage: `Weiter zur nächsten Seite`,\n  goToPreviousPage: `Zur vorherigen Seite`,\n  itemsPerPage: `Artikel pro Seite`,\n  itemsPerPageText: `Artikel pro Seite`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `von ${args.totalPages}`,\n  page: `Seite`,\n  pagination: `Seitennummerierung`,\n};\n","/**\n * Pre-compiled es messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Página actual`,\n  goToNextPage: `Ir a la siguiente página`,\n  goToPreviousPage: `Ir a la página anterior`,\n  itemsPerPage: `Artículos por página`,\n  itemsPerPageText: `artículos por página`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `de ${args.totalPages}`,\n  page: `página`,\n  pagination: `paginación`,\n};\n","/**\n * Pre-compiled fr-FR messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Page actuelle`,\n  goToNextPage: `Aller à la page suivante`,\n  goToPreviousPage: `Aller à la page précédente`,\n  itemsPerPage: `Articles par page`,\n  itemsPerPageText: `Articles par page`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `de ${args.totalPages}`,\n  page: `Page`,\n  pagination: `Pagination`,\n};\n","/**\n * Pre-compiled pt-BR messages for Pagination\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  currentPage: `Página atual`,\n  goToNextPage: `Ir para a próxima página`,\n  goToPreviousPage: `Ir para a página anterior`,\n  itemsPerPage: `Itens por página`,\n  itemsPerPageText: `Itens por página`,\n  ofTotalPages: (args: Record<string, string | number>) =>\n    `de ${args.totalPages}`,\n  page: `Página`,\n  pagination: `Paginação`,\n};\n","/**\n * Pre-compiled localized messages for Pagination component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport paginationMessages_en from \"./intl/en\";\nimport paginationMessages_de from \"./intl/de\";\nimport paginationMessages_es from \"./intl/es\";\nimport paginationMessages_fr from \"./intl/fr-FR\";\nimport paginationMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const paginationMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(paginationMessages_en),\n  de: normalizeMessages(paginationMessages_de),\n  es: normalizeMessages(paginationMessages_es),\n  \"fr-FR\": normalizeMessages(paginationMessages_fr),\n  \"pt-BR\": normalizeMessages(paginationMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Pagination component\n */\nexport type PaginationMessageKey =\n  | \"currentPage\"\n  | \"goToNextPage\"\n  | \"goToPreviousPage\"\n  | \"itemsPerPage\"\n  | \"itemsPerPageText\"\n  | \"ofTotalPages\";\n","import { useMemo } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@commercetools/nimbus-icons\";\nimport {\n  Flex,\n  IconButton,\n  NumberInput,\n  Select,\n  Stack,\n  Text,\n} from \"@/components\";\nimport { usePagination } from \"./hooks/use-pagination\";\nimport type { PaginationProps } from \"./pagination.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { paginationMessagesStrings } from \"./pagination.messages\";\nimport { useLocale } from \"react-aria-components\";\n\n/**\n * # Pagination\n *\n * A component that allows users to navigate through pages and control page size.\n * Combines a page size selector and page navigator for comprehensive pagination control.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/pagination}\n */\nexport const Pagination = (props: PaginationProps) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(paginationMessagesStrings);\n  const {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel,\n    enablePageInput = true,\n    enablePageSizeSelector = true,\n  } = props;\n\n  const pagination = usePagination({\n    totalItems,\n    currentPage,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n  });\n\n  // Prepare page size options for select\n  const pageSizeSelectOptions = useMemo(\n    () =>\n      pageSizeOptions.map((size) => ({\n        id: size.toString(),\n        name: `${size}`,\n      })),\n    [pageSizeOptions]\n  );\n\n  const handlePageSizeChange = (key: React.Key | null) => {\n    if (key) {\n      const newPageSize = parseInt(key.toString(), 10);\n      pagination.setPageSize(newPageSize);\n    }\n  };\n\n  return (\n    <Stack gap=\"400\" direction={{ base: \"column\", sm: \"row\" }} align=\"center\">\n      {/* Page Size Selector */}\n      {enablePageSizeSelector && (\n        <Flex align=\"center\" gap=\"200\">\n          <Select.Root\n            isClearable={false}\n            selectedKey={pagination.pageSize.toString()}\n            onSelectionChange={handlePageSizeChange}\n            aria-label={msg.format(\"itemsPerPage\")}\n          >\n            <Select.Options>\n              {pageSizeSelectOptions.map((option) => (\n                <Select.Option key={option.id} id={option.id}>\n                  {option.name}\n                </Select.Option>\n              ))}\n            </Select.Options>\n          </Select.Root>\n          <Text color=\"neutral.12\">{msg.format(\"itemsPerPageText\")}</Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex\n        align=\"center\"\n        gap=\"200\"\n        role=\"navigation\"\n        aria-label={ariaLabel ?? msg.format(\"pagination\")}\n      >\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          aria-label={msg.format(\"goToPreviousPage\")}\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">{msg.format(\"page\")}</Text>\n          {enablePageInput ? (\n            <NumberInput\n              value={pagination.currentPage}\n              onChange={(value: number | undefined) =>\n                pagination.goToPage(value || 1)\n              }\n              minValue={1}\n              maxValue={pagination.totalPages}\n              step={1}\n              isDisabled={false}\n              width=\"9ch\"\n              aria-label={msg.format(\"currentPage\")}\n              aria-current=\"page\"\n            />\n          ) : (\n            <Text fontWeight=\"semibold\" color=\"neutral.12\" aria-current=\"page\">\n              {pagination.currentPage}\n            </Text>\n          )}\n          <Text color=\"neutral.12\">\n            {(() => {\n              // Format the number with locale-specific formatting\n              const formattedTotalPages = new Intl.NumberFormat(locale).format(\n                pagination.totalPages\n              );\n\n              return msg.format(\"ofTotalPages\", {\n                totalPages: formattedTotalPages,\n              });\n            })()}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          aria-label={msg.format(\"goToNextPage\")}\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"names":["usePagination","totalItems","controlledCurrentPage","controlledPageSize","onPageChange","onPageSizeChange","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","page","newPage","goToPreviousPage","goToNextPage","setPageSize","newPageSize","newTotalPages","useMemo","paginationMessages_en","args","paginationMessages_de","paginationMessages_es","paginationMessages_fr","paginationMessages_pt","paginationMessagesStrings","normalizeMessages","Pagination","props","locale","useLocale","msg","useLocalizedStringFormatter","pageSizeOptions","ariaLabel","enablePageInput","enablePageSizeSelector","pagination","pageSizeSelectOptions","size","handlePageSizeChange","key","jsxs","Stack","Flex","jsx","Select","option","Text","IconButton","ChevronLeft","NumberInput","value","formattedTotalPages","ChevronRight"],"mappings":"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"}

package/dist/chunks/password-input-BQs2tc7Z.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),h=require("react"),g=require("./text-input-CbG9GsIH.cjs.js"),a=require("@commercetools/nimbus-icons"),e=require("./normalize-messages-DtVffO09.cjs.js"),n=require("./tooltip-M0jvp5BS.cjs.js"),m=require("./icon-button-TUo0Zh3-.cjs.js"),M={hide:"Hide password",show:"Show password"},I={hide:"Passwort ausblenden",show:"Passwort anzeigen"},x={hide:"Ocultar contraseña",show:"Mostrar contraseña"},z={hide:"Masquer le mot de passe",show:"Afficher le mot de passe"},b={hide:"Ocultar senha",show:"Mostrar senha"},f={en:e.normalizeMessages(M),de:e.normalizeMessages(I),es:e.normalizeMessages(x),"fr-FR":e.normalizeMessages(z),"pt-BR":e.normalizeMessages(b)},i=o=>{const{ref:c,size:d="md",isDisabled:l}=o,u=e.useLocalizedStringFormatter(f),[t,p]=h.useState(!1),w=()=>p(!t),r=u.format(t?"hide":"show");return s.jsx(g.TextInput,{ref:c,...o,trailingElement:s.jsxs(n.Tooltip.Root,{children:[s.jsx(m.IconButton,{size:d==="md"?"xs":"2xs",variant:"ghost",colorPalette:"primary","aria-label":r,onPress:w,isDisabled:l,children:t?s.jsx(a.VisibilityOff,{}):s.jsx(a.Visibility,{})}),s.jsx(n.Tooltip.Content,{children:r})]}),type:t?"text":"password"})};i.displayName="PasswordInput";exports.PasswordInput=i;
+//# sourceMappingURL=password-input-BQs2tc7Z.cjs.js.map

package/dist/chunks/password-input-BQs2tc7Z.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-BQs2tc7Z.cjs.js","sources":["../../src/components/password-input/intl/en.ts","../../src/components/password-input/intl/de.ts","../../src/components/password-input/intl/es.ts","../../src/components/password-input/intl/fr-FR.ts","../../src/components/password-input/intl/pt-BR.ts","../../src/components/password-input/password-input.messages.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Hide password`, show: `Show password` };\n","/**\n * Pre-compiled de messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Passwort ausblenden`, show: `Passwort anzeigen` };\n","/**\n * Pre-compiled es messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar contraseña`, show: `Mostrar contraseña` };\n","/**\n * Pre-compiled fr-FR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hide: `Masquer le mot de passe`,\n  show: `Afficher le mot de passe`,\n};\n","/**\n * Pre-compiled pt-BR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar senha`, show: `Mostrar senha` };\n","/**\n * Pre-compiled localized messages for PasswordInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport passwordInputMessages_en from \"./intl/en\";\nimport passwordInputMessages_de from \"./intl/de\";\nimport passwordInputMessages_es from \"./intl/es\";\nimport passwordInputMessages_fr from \"./intl/fr-FR\";\nimport passwordInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const passwordInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(passwordInputMessages_en),\n  de: normalizeMessages(passwordInputMessages_de),\n  es: normalizeMessages(passwordInputMessages_es),\n  \"fr-FR\": normalizeMessages(passwordInputMessages_fr),\n  \"pt-BR\": normalizeMessages(passwordInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PasswordInput component\n */\nexport type PasswordInputMessageKey = \"hide\" | \"show\";\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { passwordInputMessagesStrings } from \"./password-input.messages\";\n\n/**\n * # PasswordInput\n *\n * A password input is a text field that hides entered characters for secure password entry.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}\n */\nexport const PasswordInput = (props: PasswordInputProps) => {\n  const { ref, size = \"md\", isDisabled } = props;\n\n  const msg = useLocalizedStringFormatter(passwordInputMessagesStrings);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\n\n  const currentLabel = msg.format(showPassword ? \"hide\" : \"show\");\n\n  return (\n    <TextInput\n      ref={ref}\n      {...props}\n      trailingElement={\n        <Tooltip.Root>\n          <IconButton\n            size={size === \"md\" ? \"xs\" : \"2xs\"}\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n            aria-label={currentLabel}\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>{currentLabel}</Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"names":["passwordInputMessages_en","passwordInputMessages_de","passwordInputMessages_es","passwordInputMessages_fr","passwordInputMessages_pt","passwordInputMessagesStrings","normalizeMessages","PasswordInput","props","ref","size","isDisabled","msg","useLocalizedStringFormatter","showPassword","setShowPassword","useState","toggleVisibility","currentLabel","jsx","TextInput","jsxs","Tooltip","IconButton","VisibilityOff","Visibility"],"mappings":"4RAMAA,EAAe,CAAE,KAAM,gBAAiB,KAAM,eAAA,ECA9CC,EAAe,CAAE,KAAM,sBAAuB,KAAM,mBAAA,ECApDC,EAAe,CAAE,KAAM,qBAAsB,KAAM,oBAAA,ECAnDC,EAAe,CACb,KAAM,0BACN,KAAM,0BACR,ECHAC,EAAe,CAAE,KAAM,gBAAiB,KAAM,eAAA,ECiBjCC,EAGT,CACF,GAAIC,EAAAA,kBAAkBN,CAAwB,EAC9C,GAAIM,EAAAA,kBAAkBL,CAAwB,EAC9C,GAAIK,EAAAA,kBAAkBJ,CAAwB,EAC9C,QAASI,EAAAA,kBAAkBH,CAAwB,EACnD,QAASG,EAAAA,kBAAkBF,CAAwB,CACrD,ECjBaG,EAAiBC,GAA8B,CAC1D,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAO,KAAM,WAAAC,GAAeH,EAEnCI,EAAMC,EAAAA,4BAA4BR,CAA4B,EAC9D,CAACS,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEhDC,EAAmB,IAAMF,EAAgB,CAACD,CAAY,EAEtDI,EAAeN,EAAI,OAAOE,EAAe,OAAS,MAAM,EAE9D,OACEK,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAX,EACC,GAAGD,EACJ,gBACEa,EAAAA,KAACC,EAAAA,QAAQ,KAAR,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,WAAA,CACC,KAAMb,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,aAAa,UACb,aAAYQ,EACZ,QAASD,EACT,WAAAN,EAEC,SAAAG,EAAeK,MAACK,EAAAA,cAAA,CAAA,CAAc,QAAMC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAElDN,EAAAA,IAACG,EAAAA,QAAQ,QAAR,CAAiB,SAAAJ,CAAA,CAAa,CAAA,EACjC,EAEF,KAAMJ,EAAe,OAAS,UAAA,CAAA,CAGpC,EAEAP,EAAc,YAAc"}

package/dist/chunks/password-input-Bh0jllNR.es.js

@@ -0,0 +1,47 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { T as h } from "./text-input-CYhoaXwn.es.js";
+import { VisibilityOff as u, Visibility as f } from "@commercetools/nimbus-icons";
+import { n as e, u as g } from "./normalize-messages-BN9BAFXe.es.js";
+import { T as a } from "./tooltip-qXiO_TDp.es.js";
+import { I } from "./icon-button-BCeQqBD7.es.js";
+const M = { hide: "Hide password", show: "Show password" }, P = { hide: "Passwort ausblenden", show: "Passwort anzeigen" }, b = { hide: "Ocultar contraseña", show: "Mostrar contraseña" }, x = {
+  hide: "Masquer le mot de passe",
+  show: "Afficher le mot de passe"
+}, y = { hide: "Ocultar senha", show: "Mostrar senha" }, z = {
+  en: /* @__PURE__ */ e(M),
+  de: /* @__PURE__ */ e(P),
+  es: /* @__PURE__ */ e(b),
+  "fr-FR": /* @__PURE__ */ e(x),
+  "pt-BR": /* @__PURE__ */ e(y)
+}, S = (t) => {
+  const { ref: n, size: i = "md", isDisabled: d } = t, p = g(z), [o, l] = w(!1), m = () => l(!o), r = p.format(o ? "hide" : "show");
+  return /* @__PURE__ */ s(
+    h,
+    {
+      ref: n,
+      ...t,
+      trailingElement: /* @__PURE__ */ c(a.Root, { children: [
+        /* @__PURE__ */ s(
+          I,
+          {
+            size: i === "md" ? "xs" : "2xs",
+            variant: "ghost",
+            colorPalette: "primary",
+            "aria-label": r,
+            onPress: m,
+            isDisabled: d,
+            children: o ? /* @__PURE__ */ s(u, {}) : /* @__PURE__ */ s(f, {})
+          }
+        ),
+        /* @__PURE__ */ s(a.Content, { children: r })
+      ] }),
+      type: o ? "text" : "password"
+    }
+  );
+};
+S.displayName = "PasswordInput";
+export {
+  S as P
+};
+//# sourceMappingURL=password-input-Bh0jllNR.es.js.map

package/dist/chunks/password-input-Bh0jllNR.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-Bh0jllNR.es.js","sources":["../../src/components/password-input/intl/en.ts","../../src/components/password-input/intl/de.ts","../../src/components/password-input/intl/es.ts","../../src/components/password-input/intl/fr-FR.ts","../../src/components/password-input/intl/pt-BR.ts","../../src/components/password-input/password-input.messages.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Hide password`, show: `Show password` };\n","/**\n * Pre-compiled de messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Passwort ausblenden`, show: `Passwort anzeigen` };\n","/**\n * Pre-compiled es messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar contraseña`, show: `Mostrar contraseña` };\n","/**\n * Pre-compiled fr-FR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hide: `Masquer le mot de passe`,\n  show: `Afficher le mot de passe`,\n};\n","/**\n * Pre-compiled pt-BR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar senha`, show: `Mostrar senha` };\n","/**\n * Pre-compiled localized messages for PasswordInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport passwordInputMessages_en from \"./intl/en\";\nimport passwordInputMessages_de from \"./intl/de\";\nimport passwordInputMessages_es from \"./intl/es\";\nimport passwordInputMessages_fr from \"./intl/fr-FR\";\nimport passwordInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const passwordInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(passwordInputMessages_en),\n  de: normalizeMessages(passwordInputMessages_de),\n  es: normalizeMessages(passwordInputMessages_es),\n  \"fr-FR\": normalizeMessages(passwordInputMessages_fr),\n  \"pt-BR\": normalizeMessages(passwordInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PasswordInput component\n */\nexport type PasswordInputMessageKey = \"hide\" | \"show\";\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { passwordInputMessagesStrings } from \"./password-input.messages\";\n\n/**\n * # PasswordInput\n *\n * A password input is a text field that hides entered characters for secure password entry.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}\n */\nexport const PasswordInput = (props: PasswordInputProps) => {\n  const { ref, size = \"md\", isDisabled } = props;\n\n  const msg = useLocalizedStringFormatter(passwordInputMessagesStrings);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\n\n  const currentLabel = msg.format(showPassword ? \"hide\" : \"show\");\n\n  return (\n    <TextInput\n      ref={ref}\n      {...props}\n      trailingElement={\n        <Tooltip.Root>\n          <IconButton\n            size={size === \"md\" ? \"xs\" : \"2xs\"}\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n            aria-label={currentLabel}\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>{currentLabel}</Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"names":["passwordInputMessages_en","passwordInputMessages_de","passwordInputMessages_es","passwordInputMessages_fr","passwordInputMessages_pt","passwordInputMessagesStrings","normalizeMessages","PasswordInput","props","ref","size","isDisabled","msg","useLocalizedStringFormatter","showPassword","setShowPassword","useState","toggleVisibility","currentLabel","jsx","TextInput","jsxs","Tooltip","IconButton","VisibilityOff","Visibility"],"mappings":";;;;;;;AAMA,MAAAA,IAAe,EAAE,MAAM,iBAAiB,MAAM,gBAAA,GCA9CC,IAAe,EAAE,MAAM,uBAAuB,MAAM,oBAAA,GCApDC,IAAe,EAAE,MAAM,sBAAsB,MAAM,qBAAA,GCAnDC,IAAe;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AACR,GCHAC,IAAe,EAAE,MAAM,iBAAiB,MAAM,gBAAA,GCiBjCC,IAGT;AAAA,EACF,IAAI,gBAAAC,EAAkBN,CAAwB;AAAA,EAC9C,IAAI,gBAAAM,EAAkBL,CAAwB;AAAA,EAC9C,IAAI,gBAAAK,EAAkBJ,CAAwB;AAAA,EAC9C,SAAS,gBAAAI,EAAkBH,CAAwB;AAAA,EACnD,SAAS,gBAAAG,EAAkBF,CAAwB;AACrD,GCjBaG,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,KAAAC,GAAK,MAAAC,IAAO,MAAM,YAAAC,MAAeH,GAEnCI,IAAMC,EAA4BR,CAA4B,GAC9D,CAACS,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAmB,MAAMF,EAAgB,CAACD,CAAY,GAEtDI,IAAeN,EAAI,OAAOE,IAAe,SAAS,MAAM;AAE9D,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACC,GAAGD;AAAA,MACJ,iBACE,gBAAAa,EAACC,EAAQ,MAAR,EACC,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMb,MAAS,OAAO,OAAO;AAAA,YAC7B,SAAQ;AAAA,YACR,cAAa;AAAA,YACb,cAAYQ;AAAA,YACZ,SAASD;AAAA,YACT,YAAAN;AAAA,YAEC,UAAAG,IAAe,gBAAAK,EAACK,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAElD,gBAAAN,EAACG,EAAQ,SAAR,EAAiB,UAAAJ,EAAA,CAAa;AAAA,MAAA,GACjC;AAAA,MAEF,MAAMJ,IAAe,SAAS;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAP,EAAc,cAAc;"}