npm - @commercetools/nimbus - Versions diffs - 3.2.0 → 3.3.0 - Mend

@commercetools/nimbus 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1684) hide show

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

	@@ -1 +1 @@
1	- {"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,~~EAAO~~,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"}
1	+ {"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/page-content-DjHWkJgx.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-content-DjHWkJgx.cjs.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":"+EAOA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,~~yBAAwC~~,CAC5D,IAAK,mBACP,CAAC,EAMY,EAGT,EAAuD,MAAO,MAAM,EAE3D,EAGT,EAAwD,MAAO,QAAQ,ECT9D,GAAmB,CAC9B,MACA,WACA,GAAG,KACmB,CAEtB,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,~~eADS~~,CAAE,IAAK,mBAAoB,CACvB,~~EAAO~~,kBAAkB,CAAK,EAE/D,OACE,EAAA,EAAA,~~KAAC~~,EAAD,CAA0B,MAAK,GAAI,EAAa,GAAI,YAClD,EAAA,EAAA,~~KAAC~~,MAAD,CAAK,YAAU,UAAW,UAAc,CAAA,CACrB,CAAA,CAEzB,EAEA,EAAgB,YAAc,mBClB9B,IAAa,GAAqB,CAChC,MACA,WACA,SACA,GAAG,MAOD,EAAA,EAAA,~~KAAC~~,EAAD,CACO,MACL,cAAa,GAAU,IAAA,GACvB,GARgB,EAChB,CAAE,SAAU,SAAmB,IAAK,EAAG,UAAW,OAAQ,EAC1D,CAAC,EAOD,GAAI,EAEH,UACoB,CAAA,EAI3B,EAAkB,YAAc,qBCVhC,IAAa,EAAc,CAezB,KAAM,EAgBN,OAAQ,CACV"}
1	+ {"version":3,"file":"page-content-DjHWkJgx.cjs.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":"+EAOA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,mBACP,CAAC,EAMY,EAGT,EAAuD,MAAO,MAAM,EAE3D,EAGT,EAAwD,MAAO,QAAQ,ECT9D,GAAmB,CAC9B,MACA,WACA,GAAG,KACmB,CAEtB,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,cAAA,CADS,CAAE,IAAK,mBAAoB,CACvB,CAAA,CAAO,kBAAkB,CAAK,EAE/D,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,MAAK,GAAI,EAAa,GAAI,YAClD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,UAAW,UAAc,CAAA,CACrB,CAAA,CAEzB,EAEA,EAAgB,YAAc,mBClB9B,IAAa,GAAqB,CAChC,MACA,WACA,SACA,GAAG,MAOD,EAAA,EAAA,IAAA,CAAC,EAAD,CACO,MACL,cAAa,GAAU,IAAA,GACvB,GARgB,EAChB,CAAE,SAAU,SAAmB,IAAK,EAAG,UAAW,OAAQ,EAC1D,CAAC,EAOD,GAAI,EAEH,UACoB,CAAA,EAI3B,EAAkB,YAAc,qBCVhC,IAAa,EAAc,CAezB,KAAM,EAgBN,OAAQ,CACV"}

package/dist/chunks/pagination-CmXQNDbp.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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(mf,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}});
2	+ //# sourceMappingURL=pagination-CmXQNDbp.cjs.js.map

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

@@ -0,0 +1,235 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

@@ -0,0 +1,52 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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}});
2	+ //# sourceMappingURL=password-input-DMJGpUt6.cjs.js.map

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

@@ -0,0 +1,37 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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}});
2	+ //# sourceMappingURL=password-input-field-Cf-zBu2O.cjs.js.map

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

@@ -0,0 +1,13 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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}});
2	+ //# sourceMappingURL=popover-eUvkAe8L.cjs.js.map

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

@@ -0,0 +1 @@

+ {"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"}