@commercetools/nimbus 3.3.0 → 3.5.0

package/dist/chunks/page-content-B-ph7XeC.esm.js

@@ -1,40 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createSlotRecipeContext as t, useSlotRecipe as n } from "@chakra-ui/react/styled-system";
-//#region src/components/page-content/page-content.slots.tsx
-var { withProvider: r, withContext: i } = t({ key: "nimbusPageContent" }), a = r("div", "root"), o = i("div", "column"), s = ({ ref: t, children: r, ...i }) => {
-	let [o, s] = n({ key: "nimbusPageContent" }).splitVariantProps(i);
-	return /* @__PURE__ */ e(a, {
-		ref: t,
-		...o,
-		...s,
-		children: /* @__PURE__ */ e("div", {
-			"data-slot": "content",
-			children: r
-		})
-	});
-};
-s.displayName = "PageContent.Root";
-//#endregion
-//#region src/components/page-content/components/page-content.column.tsx
-var c = ({ ref: t, children: n, sticky: r, ...i }) => /* @__PURE__ */ e(o, {
-	ref: t,
-	"data-sticky": r || void 0,
-	...r ? {
-		position: "sticky",
-		top: 0,
-		alignSelf: "start"
-	} : {},
-	...i,
-	children: n
-});
-c.displayName = "PageContent.Column";
-//#endregion
-//#region src/components/page-content/page-content.tsx
-var l = {
-	Root: s,
-	Column: c
-};
-//#endregion
-export { c as n, s as r, l as t };
-
-//# sourceMappingURL=page-content-B-ph7XeC.esm.js.map

package/dist/chunks/page-content-B-ph7XeC.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-content-B-ph7XeC.esm.js","names":[],"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"],"mappings":";;;AAOA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,oBACP,CAAC,GAMY,IAGT,EAAuD,OAAO,MAAM,GAE3D,IAGT,EAAwD,OAAO,QAAQ,GCT9D,KAAmB,EAC9B,QACA,aACA,GAAG,QACmB;CAEtB,IAAM,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,oBAAoB,CACvB,CAAA,CAAO,kBAAkB,CAAK;CAE/D,OACE,kBAAC,GAAD;EAA0B;EAAK,GAAI;EAAa,GAAI;YAClD,kBAAC,OAAD;GAAK,aAAU;GAAW;EAAc,CAAA;CACrB,CAAA;AAEzB;AAEA,EAAgB,cAAc;;;AClB9B,IAAa,KAAqB,EAChC,QACA,aACA,WACA,GAAG,QAOD,kBAAC,GAAD;CACO;CACL,eAAa,KAAU,KAAA;CACvB,GARgB,IAChB;EAAE,UAAU;EAAmB,KAAK;EAAG,WAAW;CAAQ,IAC1D,CAAC;CAOD,GAAI;CAEH;AACoB,CAAA;AAI3B,EAAkB,cAAc;;;ACVhC,IAAa,IAAc;CAezB,MAAM;CAgBN,QAAQ;AACV"}

package/dist/chunks/pagination-CmXQNDbp.cjs

@@ -1,2 +0,0 @@
-const e=require("./I18nProvider-CQLy1CBO.cjs.js"),t=require("./number-input-DU3522fK.cjs.js"),n=require("./select-DdeLYdJ3.cjs.js"),r=require("./icon-button-CSlFdpjB.cjs.js"),i=require("./normalize-messages-BMq9y_ae.cjs.js"),a=require("./flex-D_rZ56ps.cjs.js"),o=require("./text-B6GuUYfw.cjs.js"),s=require("./stack-MlK9aGs9.cjs.js");let c=require("react"),l=require("react/jsx-runtime"),u=require("@commercetools/nimbus-icons");function d({totalItems:e,currentPage:t,pageSize:n=20,onPageChange:r,onPageSizeChange:i}){let[a,o]=(0,c.useState)(1),[s,l]=(0,c.useState)(n),u=t!==void 0,d=u?t:a,f=n??s,p=Math.max(1,Math.ceil(e/f)),m=Math.max(1,Math.min(d,p)),h=Math.min((m-1)*f+1,e),g=Math.min(m*f,e),_=m>1,v=m<p,y=(0,c.useCallback)(e=>{let t=Math.max(1,Math.min(e,p));u||o(t),r?.(t)},[p,u,r]),b=(0,c.useCallback)(()=>{_&&y(m-1)},[_,m,y]),x=(0,c.useCallback)(()=>{v&&y(m+1)},[v,m,y]),S=(0,c.useCallback)(t=>{let n=Math.ceil(e/t),a=Math.min(m,n);l(t),!u&&a!==m&&o(a),i?.(t),a!==m&&r?.(a)},[e,m,u,r,i]);return(0,c.useMemo)(()=>({totalItems:e,currentPage:m,pageSize:f,totalPages:p,startItem:h,endItem:g,hasPreviousPage:_,hasNextPage:v,goToPage:y,goToPreviousPage:b,goToNextPage:x,setPageSize:S}),[e,m,f,p,h,g,_,v,y,b,x,S])}var f={en:i.t({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`}),de:i.t({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`}),es:i.t({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`}),"fr-FR":i.t({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`}),"pt-BR":i.t({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`})},p=p=>{let{locale:m}=e.t(),h=i.n(f),{totalItems:g,currentPage:_,pageSize:v,pageSizeOptions:y=[10,20,50,100],onPageChange:b,onPageSizeChange:x,"aria-label":S,enablePageInput:C=!0,enablePageSizeSelector:w=!0}=p,T=d({totalItems:g,currentPage:_,pageSize:v,onPageChange:b,onPageSizeChange:x}),E=(0,c.useMemo)(()=>y.map(e=>({id:e.toString(),name:`${e}`})),[y]);return(0,l.jsxs)(s.t,{gap:`400`,direction:{base:`column`,sm:`row`},align:`center`,children:[w&&(0,l.jsxs)(a.t,{align:`center`,gap:`200`,children:[(0,l.jsx)(n.t.Root,{isClearable:!1,selectedKey:T.pageSize.toString(),onSelectionChange:e=>{if(e){let t=parseInt(e.toString(),10);T.setPageSize(t)}},"aria-label":h.format(`itemsPerPage`),children:(0,l.jsx)(n.t.Options,{children:E.map(e=>(0,l.jsx)(n.t.Option,{id:e.id,children:e.name},e.id))})}),(0,l.jsx)(o.t,{color:`neutral.12`,children:h.format(`itemsPerPageText`)})]}),(0,l.jsx)(a.t,{flexGrow:`1`}),(0,l.jsxs)(a.t,{align:`center`,gap:`200`,role:`navigation`,"aria-label":S??h.format(`pagination`),children:[(0,l.jsx)(r.t,{onClick:T.goToPreviousPage,isDisabled:!T.hasPreviousPage,variant:`ghost`,colorPalette:`primary`,"aria-label":h.format(`goToPreviousPage`),children:(0,l.jsx)(u.ChevronLeft,{})}),(0,l.jsxs)(a.t,{align:`center`,gap:`200`,children:[(0,l.jsx)(o.t,{color:`neutral.12`,children:h.format(`page`)}),C?(0,l.jsx)(t.t,{value:T.currentPage,onChange:e=>T.goToPage(e||1),minValue:1,maxValue:T.totalPages,step:1,isDisabled:!1,width:`9ch`,"aria-label":h.format(`currentPage`),"aria-current":`page`}):(0,l.jsx)(o.t,{fontWeight:`semibold`,color:`neutral.12`,"aria-current":`page`,children:T.currentPage}),(0,l.jsx)(o.t,{color:`neutral.12`,children:(()=>{let e=new Intl.NumberFormat(m).format(T.totalPages);return h.format(`ofTotalPages`,{totalPages:e})})()})]}),(0,l.jsx)(r.t,{onClick:T.goToNextPage,isDisabled:!T.hasNextPage,variant:`ghost`,colorPalette:`primary`,"aria-label":h.format(`goToNextPage`),children:(0,l.jsx)(u.ChevronRight,{})})]})]})};p.displayName=`Pagination`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=pagination-CmXQNDbp.cjs.js.map

package/dist/chunks/pagination-CmXQNDbp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-CmXQNDbp.cjs.js","names":[],"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  | \"page\"\n  | \"pagination\";\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"],"mappings":"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"}

package/dist/chunks/pagination-ZSf9r9bz.esm.js

@@ -1,235 +0,0 @@
-import { t as e } from "./I18nProvider-Cw-VVV-e.esm.js";
-import { t } from "./number-input-D5jL0iW-.esm.js";
-import { t as n } from "./select-D39rm0xA.esm.js";
-import { t as r } from "./icon-button-6dtfz6Yf.esm.js";
-import { n as i, t as a } from "./normalize-messages-B_f-0I5n.esm.js";
-import { t as o } from "./flex-BB3-rbwF.esm.js";
-import { t as s } from "./text-B8bxcVHh.esm.js";
-import { t as c } from "./stack-D0obj5JC.esm.js";
-import { useCallback as l, useMemo as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { ChevronLeft as m, ChevronRight as h } from "@commercetools/nimbus-icons";
-//#region src/components/pagination/hooks/use-pagination.ts
-function g({ totalItems: e, currentPage: t, pageSize: n = 20, onPageChange: r, onPageSizeChange: i }) {
-	let [a, o] = d(1), [s, c] = d(n), f = t !== void 0, p = f ? t : a, m = n ?? s, h = Math.max(1, Math.ceil(e / m)), g = Math.max(1, Math.min(p, h)), _ = Math.min((g - 1) * m + 1, e), v = Math.min(g * m, e), y = g > 1, b = g < h, x = l((e) => {
-		let t = Math.max(1, Math.min(e, h));
-		f || o(t), r?.(t);
-	}, [
-		h,
-		f,
-		r
-	]), S = l(() => {
-		y && x(g - 1);
-	}, [
-		y,
-		g,
-		x
-	]), C = l(() => {
-		b && x(g + 1);
-	}, [
-		b,
-		g,
-		x
-	]), w = l((t) => {
-		let n = Math.ceil(e / t), a = Math.min(g, n);
-		c(t), !f && a !== g && o(a), i?.(t), a !== g && r?.(a);
-	}, [
-		e,
-		g,
-		f,
-		r,
-		i
-	]);
-	return u(() => ({
-		totalItems: e,
-		currentPage: g,
-		pageSize: m,
-		totalPages: h,
-		startItem: _,
-		endItem: v,
-		hasPreviousPage: y,
-		hasNextPage: b,
-		goToPage: x,
-		goToPreviousPage: S,
-		goToNextPage: C,
-		setPageSize: w
-	}), [
-		e,
-		g,
-		m,
-		h,
-		_,
-		v,
-		y,
-		b,
-		x,
-		S,
-		C,
-		w
-	]);
-}
-//#endregion
-//#region src/components/pagination/pagination.messages.ts
-var _ = {
-	en: a({
-		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"
-	}),
-	de: a({
-		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"
-	}),
-	es: a({
-		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"
-	}),
-	"fr-FR": a({
-		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"
-	}),
-	"pt-BR": a({
-		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 = (a) => {
-	let { locale: l } = e(), d = i(_), { totalItems: v, currentPage: y, pageSize: b, pageSizeOptions: x = [
-		10,
-		20,
-		50,
-		100
-	], onPageChange: S, onPageSizeChange: C, "aria-label": w, enablePageInput: T = !0, enablePageSizeSelector: E = !0 } = a, D = g({
-		totalItems: v,
-		currentPage: y,
-		pageSize: b,
-		onPageChange: S,
-		onPageSizeChange: C
-	}), O = u(() => x.map((e) => ({
-		id: e.toString(),
-		name: `${e}`
-	})), [x]);
-	return /* @__PURE__ */ p(c, {
-		gap: "400",
-		direction: {
-			base: "column",
-			sm: "row"
-		},
-		align: "center",
-		children: [
-			E && /* @__PURE__ */ p(o, {
-				align: "center",
-				gap: "200",
-				children: [/* @__PURE__ */ f(n.Root, {
-					isClearable: !1,
-					selectedKey: D.pageSize.toString(),
-					onSelectionChange: (e) => {
-						if (e) {
-							let t = parseInt(e.toString(), 10);
-							D.setPageSize(t);
-						}
-					},
-					"aria-label": d.format("itemsPerPage"),
-					children: /* @__PURE__ */ f(n.Options, { children: O.map((e) => /* @__PURE__ */ f(n.Option, {
-						id: e.id,
-						children: e.name
-					}, e.id)) })
-				}), /* @__PURE__ */ f(s, {
-					color: "neutral.12",
-					children: d.format("itemsPerPageText")
-				})]
-			}),
-			/* @__PURE__ */ f(o, { flexGrow: "1" }),
-			/* @__PURE__ */ p(o, {
-				align: "center",
-				gap: "200",
-				role: "navigation",
-				"aria-label": w ?? d.format("pagination"),
-				children: [
-					/* @__PURE__ */ f(r, {
-						onClick: D.goToPreviousPage,
-						isDisabled: !D.hasPreviousPage,
-						variant: "ghost",
-						colorPalette: "primary",
-						"aria-label": d.format("goToPreviousPage"),
-						children: /* @__PURE__ */ f(m, {})
-					}),
-					/* @__PURE__ */ p(o, {
-						align: "center",
-						gap: "200",
-						children: [
-							/* @__PURE__ */ f(s, {
-								color: "neutral.12",
-								children: d.format("page")
-							}),
-							T ? /* @__PURE__ */ f(t, {
-								value: D.currentPage,
-								onChange: (e) => D.goToPage(e || 1),
-								minValue: 1,
-								maxValue: D.totalPages,
-								step: 1,
-								isDisabled: !1,
-								width: "9ch",
-								"aria-label": d.format("currentPage"),
-								"aria-current": "page"
-							}) : /* @__PURE__ */ f(s, {
-								fontWeight: "semibold",
-								color: "neutral.12",
-								"aria-current": "page",
-								children: D.currentPage
-							}),
-							/* @__PURE__ */ f(s, {
-								color: "neutral.12",
-								children: (() => {
-									let e = new Intl.NumberFormat(l).format(D.totalPages);
-									return d.format("ofTotalPages", { totalPages: e });
-								})()
-							})
-						]
-					}),
-					/* @__PURE__ */ f(r, {
-						onClick: D.goToNextPage,
-						isDisabled: !D.hasNextPage,
-						variant: "ghost",
-						colorPalette: "primary",
-						"aria-label": d.format("goToNextPage"),
-						children: /* @__PURE__ */ f(h, {})
-					})
-				]
-			})
-		]
-	});
-};
-v.displayName = "Pagination";
-//#endregion
-export { v as t };
-
-//# sourceMappingURL=pagination-ZSf9r9bz.esm.js.map

package/dist/chunks/pagination-ZSf9r9bz.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-ZSf9r9bz.esm.js","names":[],"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  | \"page\"\n  | \"pagination\";\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"],"mappings":"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"}

package/dist/chunks/password-input-B2OHc-gn.esm.js

@@ -1,52 +0,0 @@
-import { t as e } from "./tooltip-BuWKSmHt.esm.js";
-import { t } from "./icon-button-6dtfz6Yf.esm.js";
-import { n, t as r } from "./normalize-messages-B_f-0I5n.esm.js";
-import { t as i } from "./text-input-DzHnlufM.esm.js";
-import { useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Visibility as c, VisibilityOff as l } from "@commercetools/nimbus-icons";
-//#endregion
-//#region src/components/password-input/password-input.messages.ts
-var u = {
-	en: r({
-		hide: "Hide password",
-		show: "Show password"
-	}),
-	de: r({
-		hide: "Passwort ausblenden",
-		show: "Passwort anzeigen"
-	}),
-	es: r({
-		hide: "Ocultar contraseña",
-		show: "Mostrar contraseña"
-	}),
-	"fr-FR": r({
-		hide: "Masquer le mot de passe",
-		show: "Afficher le mot de passe"
-	}),
-	"pt-BR": r({
-		hide: "Ocultar senha",
-		show: "Mostrar senha"
-	})
-}, d = (r) => {
-	let { ref: d, size: f = "md", isDisabled: p } = r, m = n(u), [h, g] = a(!1), _ = () => g(!h), v = m.format(h ? "hide" : "show");
-	return /* @__PURE__ */ o(i, {
-		ref: d,
-		...r,
-		trailingElement: /* @__PURE__ */ s(e.Root, { children: [/* @__PURE__ */ o(t, {
-			size: f === "md" ? "xs" : "2xs",
-			variant: "ghost",
-			colorPalette: "primary",
-			"aria-label": v,
-			onPress: _,
-			isDisabled: p,
-			children: o(h ? l : c, {})
-		}), /* @__PURE__ */ o(e.Content, { children: v })] }),
-		type: h ? "text" : "password"
-	});
-};
-d.displayName = "PasswordInput";
-//#endregion
-export { d as t };
-
-//# sourceMappingURL=password-input-B2OHc-gn.esm.js.map

package/dist/chunks/password-input-B2OHc-gn.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-B2OHc-gn.esm.js","names":[],"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"],"mappings":";;;;;;;;;AKuBA,IAAa,IAGT;CACF,IAAI,EAAkB;ELrBP,MAAM;EAAiB,MAAM;CKqBtB,CAAwB;CAC9C,IAAI,EAAkB;EJtBP,MAAM;EAAuB,MAAM;CIsB5B,CAAwB;CAC9C,IAAI,EAAkB;EHvBP,MAAM;EAAsB,MAAM;CGuB3B,CAAwB;CAC9C,SAAS,EAAkB;EFvB3B,MAAM;EACN,MAAM;CEsBqB,CAAwB;CACnD,SAAS,EAAkB;EDzBZ,MAAM;EAAiB,MAAM;CCyBjB,CAAwB;AACrD,GCjBa,KAAiB,MAA8B;CAC1D,IAAM,EAAE,QAAK,UAAO,MAAM,kBAAe,GAEnC,IAAM,EAA4B,CAA4B,GAC9D,CAAC,GAAc,KAAmB,EAAS,EAAK,GAEhD,UAAyB,EAAgB,CAAC,CAAY,GAEtD,IAAe,EAAI,OAAO,IAAe,SAAS,MAAM;CAE9D,OACE,kBAAC,GAAD;EACO;EACL,GAAI;EACJ,iBACE,kBAAC,EAAQ,MAAT,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,MAAM,MAAS,OAAO,OAAO;GAC7B,SAAQ;GACR,cAAa;GACb,cAAY;GACZ,SAAS;GACG;aAEI,EAAf,IAAgB,IAAoB,GAArB,CAAgB,CAAiB;EACvC,CAAA,GACZ,kBAAC,EAAQ,SAAT,EAAA,UAAkB,EAA8B,CAAA,CACpC,EAAA,CAAA;EAEhB,MAAM,IAAe,SAAS;CAC/B,CAAA;AAEL;AAEA,EAAc,cAAc"}

package/dist/chunks/password-input-DMJGpUt6.cjs

@@ -1,2 +0,0 @@
-const e=require("./tooltip-BeOLEOf6.cjs.js"),t=require("./icon-button-CSlFdpjB.cjs.js"),n=require("./normalize-messages-BMq9y_ae.cjs.js"),r=require("./text-input-Bc2XftOM.cjs.js");let i=require("react"),a=require("react/jsx-runtime"),o=require("@commercetools/nimbus-icons");var s={en:n.t({hide:`Hide password`,show:`Show password`}),de:n.t({hide:`Passwort ausblenden`,show:`Passwort anzeigen`}),es:n.t({hide:`Ocultar contraseña`,show:`Mostrar contraseña`}),"fr-FR":n.t({hide:`Masquer le mot de passe`,show:`Afficher le mot de passe`}),"pt-BR":n.t({hide:`Ocultar senha`,show:`Mostrar senha`})},c=c=>{let{ref:l,size:u=`md`,isDisabled:d}=c,f=n.n(s),[p,m]=(0,i.useState)(!1),h=()=>m(!p),g=f.format(p?`hide`:`show`);return(0,a.jsx)(r.t,{ref:l,...c,trailingElement:(0,a.jsxs)(e.t.Root,{children:[(0,a.jsx)(t.t,{size:u===`md`?`xs`:`2xs`,variant:`ghost`,colorPalette:`primary`,"aria-label":g,onPress:h,isDisabled:d,children:p?(0,a.jsx)(o.VisibilityOff,{}):(0,a.jsx)(o.Visibility,{})}),(0,a.jsx)(e.t.Content,{children:g})]}),type:p?`text`:`password`})};c.displayName=`PasswordInput`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
-//# sourceMappingURL=password-input-DMJGpUt6.cjs.js.map

package/dist/chunks/password-input-DMJGpUt6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-DMJGpUt6.cjs.js","names":[],"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"],"mappings":"mRKuBA,IAAa,EAGT,CACF,GAAI,EAAA,EAAkB,CLrBP,KAAM,gBAAiB,KAAM,eKqBtB,CAAwB,EAC9C,GAAI,EAAA,EAAkB,CJtBP,KAAM,sBAAuB,KAAM,mBIsB5B,CAAwB,EAC9C,GAAI,EAAA,EAAkB,CHvBP,KAAM,qBAAsB,KAAM,oBGuB3B,CAAwB,EAC9C,QAAS,EAAA,EAAkB,CFvB3B,KAAM,0BACN,KAAM,0BEsBqB,CAAwB,EACnD,QAAS,EAAA,EAAkB,CDzBZ,KAAM,gBAAiB,KAAM,eCyBjB,CAAwB,CACrD,ECjBa,EAAiB,GAA8B,CAC1D,GAAM,CAAE,MAAK,OAAO,KAAM,cAAe,EAEnC,EAAM,EAAA,EAA4B,CAA4B,EAC9D,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAA4B,EAAK,EAEhD,MAAyB,EAAgB,CAAC,CAAY,EAEtD,EAAe,EAAI,OAAO,EAAe,OAAS,MAAM,EAE9D,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACO,MACL,GAAI,EACJ,iBACE,EAAA,EAAA,KAAA,CAAC,EAAA,EAAQ,KAAT,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,KAAM,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,aAAa,UACb,aAAY,EACZ,QAAS,EACG,sBAEX,GAAe,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAgB,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,EAAA,WAAD,CAAa,CAAA,CACvC,CAAA,GACZ,EAAA,EAAA,IAAA,CAAC,EAAA,EAAQ,QAAT,CAAA,SAAkB,CAA8B,CAAA,CACpC,CAAA,CAAA,EAEhB,KAAM,EAAe,OAAS,UAC/B,CAAA,CAEL,EAEA,EAAc,YAAc"}

package/dist/chunks/password-input-field-BFj95JMU.esm.js

@@ -1,37 +0,0 @@
-import { t as e } from "./field-errors-D_EXr1kO.esm.js";
-import { t } from "./form-field-DRhB7O5k.esm.js";
-import { t as n } from "./password-input-B2OHc-gn.esm.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/patterns/fields/password-input-field/password-input-field.tsx
-var a = ({ id: a, label: o, description: s, info: c, errors: l, onChange: u, renderError: d, touched: f = !1, isRequired: p = !1, isDisabled: m = !1, isReadOnly: h = !1, isInvalid: g = !1, size: _ = "md", value: v, placeholder: y, ...b }) => {
-	let x = f && l && Object.values(l).some(Boolean);
-	return /* @__PURE__ */ i(t.Root, {
-		id: a,
-		size: _,
-		isRequired: p,
-		isDisabled: m,
-		isReadOnly: h,
-		isInvalid: x || g,
-		children: [
-			/* @__PURE__ */ r(t.Label, { children: o }),
-			/* @__PURE__ */ r(t.Input, { children: /* @__PURE__ */ r(n, {
-				...b,
-				size: _,
-				placeholder: y,
-				onChange: u,
-				value: v
-			}) }),
-			s && /* @__PURE__ */ r(t.Description, { children: s }),
-			x && /* @__PURE__ */ r(t.Error, { children: /* @__PURE__ */ r(e, {
-				errors: l,
-				renderError: d
-			}) }),
-			c && /* @__PURE__ */ r(t.InfoBox, { children: c })
-		]
-	});
-};
-a.displayName = "PasswordInputField";
-//#endregion
-export { a as t };
-
-//# sourceMappingURL=password-input-field-BFj95JMU.esm.js.map

package/dist/chunks/password-input-field-BFj95JMU.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-field-BFj95JMU.esm.js","names":[],"sources":["../../src/patterns/fields/password-input-field/password-input-field.tsx"],"sourcesContent":["import { PasswordInput } from \"@/components/password-input/password-input\";\nimport type { PasswordInputFieldProps } from \"./password-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # PasswordInputField\n *\n * A pre-composed form field component that combines PasswordInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for password input use cases and serves\n * as a drop-in replacement for UI-Kit's PasswordField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <PasswordInputField\n *   label=\"Password\"\n *   description=\"Enter a secure password\"\n *   placeholder=\"********\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const PasswordInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  ...rest\n}: PasswordInputFieldProps) => {\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      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <PasswordInput\n          {...rest}\n          size={size}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nPasswordInputField.displayName = \"PasswordInputField\";\n"],"mappings":";;;;;AA4BA,IAAa,KAAsB,EACjC,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,GAAG,QAC0B;CAE7B,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAW,KAAa;YAN1B;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,GAAI;IACE;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAE5D,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElB,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAmB,cAAc"}

package/dist/chunks/password-input-field-Cf-zBu2O.cjs

@@ -1,2 +0,0 @@
-const e=require("./field-errors-j8Gxj0gP.cjs.js"),t=require("./form-field-CrSE8x3q.cjs.js"),n=require("./password-input-DMJGpUt6.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,onChange:l,renderError:u,touched:d=!1,isRequired:f=!1,isDisabled:p=!1,isReadOnly:m=!1,isInvalid:h=!1,size:g=`md`,value:_,placeholder:v,...y})=>{let b=d&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(t.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:b||h,children:[(0,r.jsx)(t.t.Label,{children:a}),(0,r.jsx)(t.t.Input,{children:(0,r.jsx)(n.t,{...y,size:g,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(t.t.Description,{children:o}),b&&(0,r.jsx)(t.t.Error,{children:(0,r.jsx)(e.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(t.t.InfoBox,{children:s})]})};i.displayName=`PasswordInputField`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=password-input-field-Cf-zBu2O.cjs.js.map

package/dist/chunks/password-input-field-Cf-zBu2O.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-field-Cf-zBu2O.cjs.js","names":[],"sources":["../../src/patterns/fields/password-input-field/password-input-field.tsx"],"sourcesContent":["import { PasswordInput } from \"@/components/password-input/password-input\";\nimport type { PasswordInputFieldProps } from \"./password-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # PasswordInputField\n *\n * A pre-composed form field component that combines PasswordInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for password input use cases and serves\n * as a drop-in replacement for UI-Kit's PasswordField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <PasswordInputField\n *   label=\"Password\"\n *   description=\"Enter a secure password\"\n *   placeholder=\"********\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const PasswordInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  ...rest\n}: PasswordInputFieldProps) => {\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      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <PasswordInput\n          {...rest}\n          size={size}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nPasswordInputField.displayName = \"PasswordInputField\";\n"],"mappings":"6KA4BA,IAAa,GAAsB,CACjC,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,GAAG,KAC0B,CAE7B,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAW,GAAa,WAN1B,EAQE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,GAAI,EACE,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChB,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAE5D,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElB,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAmB,YAAc"}

package/dist/chunks/popover-CwdOyGHr.esm.js

@@ -1,13 +0,0 @@
-import { u as e } from "./Dialog-tQOfG_On.esm.js";
-import { jsx as t } from "react/jsx-runtime";
-import { createRecipeContext as n } from "@chakra-ui/react/styled-system";
-//#region src/components/popover/popover.slots.tsx
-var { withContext: r } = n({ key: "nimbusPopover" }), i = r(e), a = ({ children: e, ...n }) => /* @__PURE__ */ t(i, {
-	...n,
-	children: e
-});
-a.displayName = "Popover";
-//#endregion
-export { a as t };
-
-//# sourceMappingURL=popover-CwdOyGHr.esm.js.map

package/dist/chunks/popover-CwdOyGHr.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-CwdOyGHr.esm.js","names":[],"sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps, PopoverComponent } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusPopover\",\n});\n\nexport const PopoverRootSlot: PopoverComponent = withContext<\n  typeof RaPopover,\n  PopoverProps\n>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = ({ children, ...props }: PopoverProps) => {\n  return <PopoverRootSlot {...props}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"mappings":";;;;AAIA,IAAM,EAAE,mBAAgB,EAAoB,EAC1C,KAAK,gBACP,CAAC,GAEY,IAAoC,EAG/C,CAAS,GCDE,KAAW,EAAE,aAAU,GAAG,QAC9B,kBAAC,GAAD;CAAiB,GAAI;CAAQ;AAA0B,CAAA;AAGhE,EAAQ,cAAc"}

package/dist/chunks/popover-eUvkAe8L.cjs

@@ -1,2 +0,0 @@
-const e=require("./Dialog-s5tFTj72.cjs.js");let t=require("react/jsx-runtime");var{withContext:n}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusPopover`}),r=n(e.u),i=({children:e,...n})=>(0,t.jsx)(r,{...n,children:e});i.displayName=`Popover`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=popover-eUvkAe8L.cjs.js.map

package/dist/chunks/popover-eUvkAe8L.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-eUvkAe8L.cjs.js","names":[],"sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps, PopoverComponent } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusPopover\",\n});\n\nexport const PopoverRootSlot: PopoverComponent = withContext<\n  typeof RaPopover,\n  PopoverProps\n>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = ({ children, ...props }: PopoverProps) => {\n  return <PopoverRootSlot {...props}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"mappings":"+EAIA,GAAM,CAAE,gBAAA,0CAAA,CAAA,CAAA,oBAAA,CAAoC,CAC1C,IAAK,eACP,CAAC,EAEY,EAAoC,EAG/C,EAAA,CAAS,ECDE,GAAW,CAAE,WAAU,GAAG,MAC9B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,GAAI,EAAQ,UAA0B,CAAA,EAGhE,EAAQ,YAAc"}