@commercetools/nimbus 3.7.0 → 3.8.0

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

@@ -1,247 +0,0 @@
-import { t as e } from "./I18nProvider-LFxJLmHp.es.js";
-import { t } from "./number-input-BI5ysi0E.es.js";
-import { t as n } from "./select-ChVId_Ur.es.js";
-import { t as r } from "./chevron-right-CgcJKaAL.es.js";
-import { n as i, t as a } from "./normalize-messages-DMFgMK8l.es.js";
-import { t as o } from "./icon-button-BDAGhNlL.es.js";
-import { t as s } from "./flex-BB3-rbwF.es.js";
-import { t as c } from "./text-DDzW9CtD.es.js";
-import { t as l } from "./stack-D0obj5JC.es.js";
-import { forwardRef as u, useCallback as d, useMemo as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-var g = u((e, t) => m("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: "1em",
-	height: "1em",
-	viewBox: "0 0 24 24",
-	"aria-hidden": "true",
-	fill: "currentColor",
-	ref: t,
-	...e,
-	children: m("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" })
-}));
-//#endregion
-//#region src/components/pagination/hooks/use-pagination.ts
-function _({ totalItems: e, currentPage: t, pageSize: n = 20, onPageChange: r, onPageSizeChange: i }) {
-	let [a, o] = p(1), [s, c] = p(n), l = t !== void 0, u = l ? t : a, m = n ?? s, h = Math.max(1, Math.ceil(e / m)), g = Math.max(1, Math.min(u, h)), _ = Math.min((g - 1) * m + 1, e), v = Math.min(g * m, e), y = g > 1, b = g < h, x = d((e) => {
-		let t = Math.max(1, Math.min(e, h));
-		l || o(t), r?.(t);
-	}, [
-		h,
-		l,
-		r
-	]), S = d(() => {
-		y && x(g - 1);
-	}, [
-		y,
-		g,
-		x
-	]), C = d(() => {
-		b && x(g + 1);
-	}, [
-		b,
-		g,
-		x
-	]), w = d((t) => {
-		let n = Math.ceil(e / t), a = Math.min(g, n);
-		c(t), !l && a !== g && o(a), i?.(t), a !== g && r?.(a);
-	}, [
-		e,
-		g,
-		l,
-		r,
-		i
-	]);
-	return f(() => ({
-		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 v = {
-	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"
-	})
-}, y = (a) => {
-	let { locale: u } = e(), d = i(v), { totalItems: p, 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 = _({
-		totalItems: p,
-		currentPage: y,
-		pageSize: b,
-		onPageChange: S,
-		onPageSizeChange: C
-	}), O = f(() => x.map((e) => ({
-		id: e.toString(),
-		name: `${e}`
-	})), [x]);
-	return /* @__PURE__ */ h(l, {
-		gap: "400",
-		direction: {
-			base: "column",
-			sm: "row"
-		},
-		align: "center",
-		children: [
-			E && /* @__PURE__ */ h(s, {
-				align: "center",
-				gap: "200",
-				children: [/* @__PURE__ */ m(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__ */ m(n.Options, { children: O.map((e) => /* @__PURE__ */ m(n.Option, {
-						id: e.id,
-						children: e.name
-					}, e.id)) })
-				}), /* @__PURE__ */ m(c, {
-					color: "neutral.12",
-					children: d.format("itemsPerPageText")
-				})]
-			}),
-			/* @__PURE__ */ m(s, { flexGrow: "1" }),
-			/* @__PURE__ */ h(s, {
-				align: "center",
-				gap: "200",
-				role: "navigation",
-				"aria-label": w ?? d.format("pagination"),
-				children: [
-					/* @__PURE__ */ m(o, {
-						onClick: D.goToPreviousPage,
-						isDisabled: !D.hasPreviousPage,
-						variant: "ghost",
-						colorPalette: "primary",
-						"aria-label": d.format("goToPreviousPage"),
-						children: /* @__PURE__ */ m(g, {})
-					}),
-					/* @__PURE__ */ h(s, {
-						align: "center",
-						gap: "200",
-						children: [
-							/* @__PURE__ */ m(c, {
-								color: "neutral.12",
-								children: d.format("page")
-							}),
-							T ? /* @__PURE__ */ m(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__ */ m(c, {
-								fontWeight: "semibold",
-								color: "neutral.12",
-								"aria-current": "page",
-								children: D.currentPage
-							}),
-							/* @__PURE__ */ m(c, {
-								color: "neutral.12",
-								children: (() => {
-									let e = new Intl.NumberFormat(u).format(D.totalPages);
-									return d.format("ofTotalPages", { totalPages: e });
-								})()
-							})
-						]
-					}),
-					/* @__PURE__ */ m(o, {
-						onClick: D.goToNextPage,
-						isDisabled: !D.hasNextPage,
-						variant: "ghost",
-						colorPalette: "primary",
-						"aria-label": d.format("goToNextPage"),
-						children: /* @__PURE__ */ m(r, {})
-					})
-				]
-			})
-		]
-	});
-};
-y.displayName = "Pagination";
-//#endregion
-export { y as t };
-
-//# sourceMappingURL=pagination-DYnvywUG.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-DYnvywUG.es.js","names":["_jsx","paginationMessages_en","paginationMessages_de","paginationMessages_es","paginationMessages_fr","paginationMessages_pt","useLocale","ChevronLeft","ChevronRight","$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7","Select","ForwardRef$1","useLocalizedStringFormatter","normalizeMessages","IconButton","Flex","Text","Stack","ForwardRef","forwardRef","jsx","props","usePagination","controlledCurrentPage","controlledPageSize","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","totalItems","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","newPage","page","onPageChange","goToPreviousPage","goToNextPage","setPageSize","newTotalPages","newPageSize","onPageSizeChange","useMemo","paginationMessagesStrings","args","Pagination","msg","ariaLabel","pagination","pageSizeSelectOptions","pageSizeOptions","size","enablePageSizeSelector","key","option","enablePageInput","NumberInput","value","formattedTotalPages","locale"],"sources":["../../../nimbus-icons/dist/esm/material-icons/chevron-left.js","../../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 { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgChevronLeft = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" }) }));\nconst ForwardRef = forwardRef(SvgChevronLeft);\nexport default ForwardRef;\n","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":";;;;;;;;;;;AAGA,IAAMkB,IAAaC,GADK,GAAO,MAASnB,EAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAO,QAAQ;CAAO,SAAS;CAAa,eAAe;CAAQ,MAAM;CAAqB;CAAK,GAAGqB;CAAO,UAAUrB,EAAK,QAAQ,EAAE,GAAG,gDAAgD,CAAC;AAAE,CAAC,CACnP;;;ACyE5C,SAAgBsB,EAAc,EAC5B,eACA,aAAaC,GACb,UAAUC,IAAqB,IAC/B,iBACA,uBAC0C;CAE1C,IAAM,CAACC,GAAqBC,KAA0BC,EAAS,CAAC,GAC1D,CAACC,GAAkBC,KAAuBF,EAASH,CAAkB,GAGrEM,IAAeP,MAA0B,KAAA,GACzCQ,IAAcD,IAChBP,IACAE,GACEO,IAAWR,KAAsBI,GAGjCK,IAAa,KAAK,IAAI,GAAG,KAAK,KAAKC,IAAaF,CAAQ,CAAC,GAGzDG,IAAmB,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAaE,CAAU,CAAC,GAEhEG,IAAY,KAAK,KAAKD,IAAmB,KAAKH,IAAW,GAAGE,CAAU,GACtEG,IAAU,KAAK,IAAIF,IAAmBH,GAAUE,CAAU,GAE1DI,IAAkBH,IAAmB,GACrCI,IAAcJ,IAAmBF,GAGjCO,IAAWC,GACd,MAAiB;EAChB,IAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAIC,GAAMV,CAAU,CAAC;EAMtD,AAJKH,KACHJ,EAAuBgB,CAAO,GAGhCE,IAAeF,CAAO;CACxB,GACA;EAACT;EAAYH;EAAcc;CAAY,CACzC,GAEMC,IAAmBJ,QAAkB;EACzC,AAAIH,KACFE,EAASL,IAAmB,CAAC;CAEjC,GAAG;EAACG;EAAiBH;EAAkBK;CAAQ,CAAC,GAE1CM,IAAeL,QAAkB;EACrC,AAAIF,KACFC,EAASL,IAAmB,CAAC;CAEjC,GAAG;EAACI;EAAaJ;EAAkBK;CAAQ,CAAC,GAEtCO,IAAcN,GACjB,MAAwB;EACvB,IAAMO,IAAgB,KAAK,KAAKd,IAAae,CAAW,GAClDP,IAAU,KAAK,IAAIP,GAAkBa,CAAa;EAUxD,AARAnB,EAAoBoB,CAAW,GAE3B,CAACnB,KAAgBY,MAAYP,KAC/BT,EAAuBgB,CAAO,GAGhCQ,IAAmBD,CAAW,GAE1BP,MAAYP,KACdS,IAAeF,CAAO;CAE1B,GACA;EAACR;EAAYC;EAAkBL;EAAcc;EAAcM;CAAgB,CAC7E;CAEA,OAAOC,SACE;EACL;EACA,aAAahB;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACED;EACAC;EACAH;EACAC;EACAG;EACAC;EACAC;EACAC;EACAC;EACAK;EACAC;EACAC;CACF,CACF;AACF;;;AM/JA,IAAaK,IAGT;CACF,IAAIvC,EAAkBZ;ELpBtB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAMoD,EAAK;EACb,MAAM;EACN,YAAY;CKYUpD,CAAqB;CAC3C,IAAIY,EAAkBX;EJrBtB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,OAAOmD,EAAK;EACd,MAAM;EACN,YAAY;CIaUnD,CAAqB;CAC3C,IAAIW,EAAkBV;EHtBtB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAMkD,EAAK;EACb,MAAM;EACN,YAAY;CGcUlD,CAAqB;CAC3C,SAASU,EAAkBT;EFvB3B,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAMiD,EAAK;EACb,MAAM;EACN,YAAY;CEeejD,CAAqB;CAChD,SAASS,EAAkBR;EDxB3B,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAMgD,EAAK;EACb,MAAM;EACN,YAAY;CCgBehD,CAAqB;AAClD,GCRaiD,KAAc,MAA2B;CACpD,IAAM,EAAE,cAAWhD,EAAU,GACvBiD,IAAM3C,EAA4BwC,CAAyB,GAC3D,EACJ,eACA,gBACA,aACA,qBAAkB;EAAC;EAAI;EAAI;EAAI;CAAG,GAClC,iBACA,qBACA,cAAcI,GACd,qBAAkB,IAClB,4BAAyB,OACvBnC,GAEEoC,IAAanC,EAAc;EAC/B;EACA;EACA;EACA;EACA;CACF,CAAC,GAGKoC,IAAwBP,QAE1BQ,EAAgB,KAAK,OAAU;EAC7B,IAAIC,EAAK,SAAS;EAClB,MAAM,GAAGA;CACX,EAAE,GACJ,CAACD,CAAe,CAClB;CASA,OACE,kBAAC1C,GAAD;EAAO,KAAI;EAAM,WAAW;GAAE,MAAM;GAAU,IAAI;EAAM;EAAG,OAAM;EAAjE,UAAA;GAEG4C,KACC,kBAAC9C,GAAD;IAAM,OAAM;IAAS,KAAI;IAAzB,UAAA,CACE,kBAACL,EAAO,MAAR;KACE,aAAa;KACb,aAAa+C,EAAW,SAAS,SAAS;KAC1C,oBAfoB,MAA0B;MACtD,IAAIK,GAAK;OACP,IAAMb,IAAc,SAASa,EAAI,SAAS,GAAG,EAAE;OAC/C,EAAW,YAAYb,CAAW;MACpC;KACF;KAWU,cAAYM,EAAI,OAAO,cAAc;KAErC,UAAA,kBAAC7C,EAAO,SAAR,EAAA,UACGgD,EAAsB,KAAK,MAC1B,kBAAChD,EAAO,QAAR;MAA+B,IAAIqD,EAAO;MACvC,UAAAA,EAAO;KACK,GAFKA,EAAO,EAEZ,CAChB,EACa,CAAA;IACL,CAAA,GACb,kBAAC/C,GAAD;KAAM,OAAM;KAAc,UAAAuC,EAAI,OAAO,kBAAkB;IAAQ,CAAA,CAC3D;;GAER,kBAACxC,GAAD,EAAM,UAAS,IAAK,CAAA;GAEpB,kBAACA,GAAD;IACE,OAAM;IACN,KAAI;IACJ,MAAK;IACL,cAAYyC,KAAaD,EAAI,OAAO,YAAY;IAJlD,UAAA;KAME,kBAACzC,GAAD;MACE,SAAS2C,EAAW;MACpB,YAAY,CAACA,EAAW;MACxB,SAAQ;MACR,cAAa;MACb,cAAYF,EAAI,OAAO,kBAAkB;MAEzC,UAAA,kBAAChD,GAAD,CAAc,CAAA;KACJ,CAAA;KAEZ,kBAACQ,GAAD;MAAM,OAAM;MAAS,KAAI;MAAzB,UAAA;OACE,kBAACC,GAAD;QAAM,OAAM;QAAc,UAAAuC,EAAI,OAAO,MAAM;OAAQ,CAAA;OAClDS,IACC,kBAACC,GAAD;QACE,OAAOR,EAAW;QAClB,WAAW,MACTA,EAAW,SAASS,KAAS,CAAC;QAEhC,UAAU;QACV,UAAUT,EAAW;QACrB,MAAM;QACN,YAAY;QACZ,OAAM;QACN,cAAYF,EAAI,OAAO,aAAa;QACpC,gBAAa;OACd,CAAA,IAED,kBAACvC,GAAD;QAAM,YAAW;QAAW,OAAM;QAAa,gBAAa;QACzD,UAAAyC,EAAW;OACR,CAAA;OAER,kBAACzC,GAAD;QAAM,OAAM;QACF,iBAAA;SAEN,IAAMmD,IAAsB,IAAI,KAAK,aAAaC,CAAM,CAAC,CAAC,OACxDX,EAAW,UACb;SAEA,OAAOF,EAAI,OAAO,gBAAgB,EAChC,YAAYY,EACd,CAAC;QACH,EAAA,CAAG;OACC,CAAA;MACF;;KAEN,kBAACrD,GAAD;MACE,SAAS2C,EAAW;MACpB,YAAY,CAACA,EAAW;MACxB,SAAQ;MACR,cAAa;MACb,cAAYF,EAAI,OAAO,cAAc;MAErC,UAAA,kBAAC/C,GAAD,CAAe,CAAA;KACL,CAAA;IACR;;EACD;;AAEX;AAGA,EAAW,cAAc"}

package/dist/chunks/password-input-8KIGh6a8.es.js

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

package/dist/chunks/password-input-8KIGh6a8.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-8KIGh6a8.es.js","names":["passwordInputMessages_en","passwordInputMessages_de","passwordInputMessages_es","passwordInputMessages_fr","passwordInputMessages_pt","VisibilityOff","Visibility","Tooltip","ForwardRef$1","ForwardRef","useLocalizedStringFormatter","normalizeMessages","IconButton","TextInput","passwordInputMessagesStrings","PasswordInput","props","msg","showPassword","setShowPassword","useState","toggleVisibility","currentLabel","size","jsx"],"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,IAAac,IAGT;CACF,IAAIH,EAAkBX;ELrBP,MAAM;EAAiB,MAAM;CKqBtBA,CAAwB;CAC9C,IAAIW,EAAkBV;EJtBP,MAAM;EAAuB,MAAM;CIsB5BA,CAAwB;CAC9C,IAAIU,EAAkBT;EHvBP,MAAM;EAAsB,MAAM;CGuB3BA,CAAwB;CAC9C,SAASS,EAAkBR;EFvB3B,MAAM;EACN,MAAM;CEsBqBA,CAAwB;CACnD,SAASQ,EAAkBP;EDzBZ,MAAM;EAAiB,MAAM;CCyBjBA,CAAwB;AACrD,GCjBaW,KAAiB,MAA8B;CAC1D,IAAM,EAAE,QAAK,UAAO,MAAM,kBAAeC,GAEnCC,IAAMP,EAA4BI,CAA4B,GAC9D,CAACI,GAAcC,KAAmBC,EAAS,EAAK,GAEhDC,UAAyBF,EAAgB,CAACD,CAAY,GAEtDI,IAAeL,EAAI,OAAOC,IAAe,SAAS,MAAM;CAE9D,OACE,kBAACL,GAAD;EACO;EACL,GAAIG;EACJ,iBACE,kBAACT,EAAQ,MAAT,EAAA,UAAA,CACE,kBAACK,GAAD;GACE,MAAMW,MAAS,OAAO,OAAO;GAC7B,SAAQ;GACR,cAAa;GACb,cAAYD;GACZ,SAASD;GACG;GAEX,UAAeG,EAAfN,IAAgBb,IAAoBC,GAArB,CAAgB,CAAiB;EACvC,CAAA,GACZ,kBAACC,EAAQ,SAAT,EAAA,UAAkBe,EAA8B,CAAA,CACpC,EAAA,CAAA;EAEhB,MAAMJ,IAAe,SAAS;CAC/B,CAAA;AAEL;AAEA,EAAc,cAAc"}

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

@@ -1,2 +0,0 @@
-const e=require("./tooltip-DPcZJ0_y.cjs"),t=require("./visibility-off-DNT4XHjb.cjs"),n=require("./normalize-messages-D3QZsMK8.cjs"),r=require("./icon-button-Cn5NWWUa.cjs"),i=require("./text-input-CLKWhBLj.cjs");let a=require("react"),o=require("react/jsx-runtime");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,a.useState)(!1),h=()=>m(!p),g=f.format(p?`hide`:`show`);return(0,o.jsx)(i.t,{ref:l,...c,trailingElement:(0,o.jsxs)(e.t.Root,{children:[(0,o.jsx)(r.t,{size:u===`md`?`xs`:`2xs`,variant:`ghost`,colorPalette:`primary`,"aria-label":g,onPress:h,isDisabled:d,children:p?(0,o.jsx)(t.t,{}):(0,o.jsx)(t.n,{})}),(0,o.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-DDM9kKTM.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-DDM9kKTM.cjs.js","names":["normalizeMessages","passwordInputMessages_en","passwordInputMessages_de","passwordInputMessages_es","passwordInputMessages_fr","passwordInputMessages_pt","useLocalizedStringFormatter","useState","TextInput","Tooltip","IconButton","VisibilityOff","Visibility","require_tooltip","require_visibility_off","require_normalize_messages","require_icon_button","require_text_input","react","react_jsx_runtime","passwordInputMessagesStrings","PasswordInput","props","msg","showPassword","setShowPassword","toggleVisibility","currentLabel","size"],"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":"wRKuBA,IAAaoB,EAGT,CACF,GAAIpB,EAAAA,EAAkBC,CLrBP,KAAM,gBAAiB,KAAM,eKqBtBA,CAAwB,EAC9C,GAAID,EAAAA,EAAkBE,CJtBP,KAAM,sBAAuB,KAAM,mBIsB5BA,CAAwB,EAC9C,GAAIF,EAAAA,EAAkBG,CHvBP,KAAM,qBAAsB,KAAM,oBGuB3BA,CAAwB,EAC9C,QAASH,EAAAA,EAAkBI,CFvB3B,KAAM,0BACN,KAAM,0BEsBqBA,CAAwB,EACnD,QAASJ,EAAAA,EAAkBK,CDzBZ,KAAM,gBAAiB,KAAM,eCyBjBA,CAAwB,CACrD,ECjBagB,EAAiB,GAA8B,CAC1D,GAAM,CAAE,MAAK,OAAO,KAAM,cAAeC,EAEnCC,EAAMjB,EAAAA,EAA4Bc,CAA4B,EAC9D,CAACI,EAAcC,IAAA,EAAmBlB,EAAAA,SAAAA,CAAS,EAAK,EAEhDmB,MAAyBD,EAAgB,CAACD,CAAY,EAEtDG,EAAeJ,EAAI,OAAOC,EAAe,OAAS,MAAM,EAE9D,OACE,EAAAL,EAAA,IAAA,CAACX,EAAAA,EAAD,CACO,MACL,GAAIc,EACJ,iBACE,EAAAH,EAAA,KAAA,CAACV,EAAAA,EAAQ,KAAT,CAAA,SAAA,EACE,EAAAU,EAAA,IAAA,CAACT,EAAAA,EAAD,CACE,KAAMkB,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,aAAa,UACb,aAAYD,EACZ,QAASD,EACG,aAEX,SAAAF,GAAe,EAAAL,EAAA,IAAA,CAACR,EAAAA,EAAD,CAAgB,CAAA,GAAI,EAAAQ,EAAA,IAAA,CAACP,EAAAA,EAAD,CAAa,CAAA,CACvC,CAAA,GACZ,EAAAO,EAAA,IAAA,CAACV,EAAAA,EAAQ,QAAT,CAAA,SAAkBkB,CAA8B,CAAA,CACpC,CAAA,CAAA,EAEhB,KAAMH,EAAe,OAAS,UAC/B,CAAA,CAEL,EAEA,EAAc,YAAc"}

package/dist/chunks/password-input-field-BfQyzMp5.cjs

@@ -1,2 +0,0 @@
-const e=require("./form-field-BSp7w-ZV.cjs"),t=require("./field-errors-Cgvuc7Ga.cjs"),n=require("./password-input-DDM9kKTM.cjs");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)(e.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:b||h,children:[(0,r.jsx)(e.t.Label,{children:a}),(0,r.jsx)(e.t.Input,{children:(0,r.jsx)(n.t,{...y,size:g,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(e.t.Description,{children:o}),b&&(0,r.jsx)(e.t.Error,{children:(0,r.jsx)(t.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(e.t.InfoBox,{children:s})]})};i.displayName=`PasswordInputField`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=password-input-field-BfQyzMp5.cjs.map

package/dist/chunks/password-input-field-BfQyzMp5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-field-BfQyzMp5.cjs.js","names":["FormField","PasswordInput","FieldErrors","require_form_field","require_field_errors","require_password_input","react_jsx_runtime","PasswordInputField","rest","hasErrors","touched","errors","isInvalid","label","description","info"],"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,IAAaO,GAAsB,CACjC,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,GAAGC,KAC0B,CAE7B,IAAMC,EAAYC,GAAWC,GAAU,OAAO,OAAOA,CAAM,CAAC,CAAC,KAAK,OAAO,EAEzE,OACE,EAAAL,EAAA,KAAA,CAACN,EAAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAWS,GAAaG,EAN1B,SAAA,EAQE,EAAAN,EAAA,IAAA,CAACN,EAAAA,EAAU,MAAX,CAAA,SAAkBa,CAAuB,CAAA,GACzC,EAAAP,EAAA,IAAA,CAACN,EAAAA,EAAU,MAAX,CAAA,UACE,EAAAM,EAAA,IAAA,CAACL,EAAAA,EAAD,CACE,GAAIO,EACE,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChBM,IACC,EAAAR,EAAA,IAAA,CAACN,EAAAA,EAAU,YAAX,CAAA,SAAwBc,CAAmC,CAAA,EAE5DL,IACC,EAAAH,EAAA,IAAA,CAACN,EAAAA,EAAU,MAAX,CAAA,UACE,EAAAM,EAAA,IAAA,CAACJ,EAAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElBa,IAAQ,EAAAT,EAAA,IAAA,CAACN,EAAAA,EAAU,QAAX,CAAA,SAAoBe,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAmB,YAAc"}

package/dist/chunks/password-input-field-CmjaYtVr.es.js

@@ -1,37 +0,0 @@
-import { t as e } from "./form-field-DgMcUjKC.es.js";
-import { t } from "./field-errors-DS3tiW2a.es.js";
-import { t as n } from "./password-input-8KIGh6a8.es.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(e.Root, {
-		id: a,
-		size: _,
-		isRequired: p,
-		isDisabled: m,
-		isReadOnly: h,
-		isInvalid: x || g,
-		children: [
-			/* @__PURE__ */ r(e.Label, { children: o }),
-			/* @__PURE__ */ r(e.Input, { children: /* @__PURE__ */ r(n, {
-				...b,
-				size: _,
-				placeholder: y,
-				onChange: u,
-				value: v
-			}) }),
-			s && /* @__PURE__ */ r(e.Description, { children: s }),
-			x && /* @__PURE__ */ r(e.Error, { children: /* @__PURE__ */ r(t, {
-				errors: l,
-				renderError: d
-			}) }),
-			c && /* @__PURE__ */ r(e.InfoBox, { children: c })
-		]
-	});
-};
-a.displayName = "PasswordInputField";
-//#endregion
-export { a as t };
-
-//# sourceMappingURL=password-input-field-CmjaYtVr.es.js.map

package/dist/chunks/password-input-field-CmjaYtVr.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-field-CmjaYtVr.es.js","names":["FormField","PasswordInput","PasswordInputField","rest","hasErrors","touched","errors","isInvalid","label","description","FieldErrors","info"],"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,IAAaE,KAAsB,EACjC,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,GAAGC,QAC0B;CAE7B,IAAMC,IAAYC,KAAWC,KAAU,OAAO,OAAOA,CAAM,CAAC,CAAC,KAAK,OAAO;CAEzE,OACE,kBAACN,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAWI,KAAaG;EAN1B,UAAA;GAQE,kBAACP,EAAU,OAAX,EAAA,UAAkBQ,EAAuB,CAAA;GACzC,kBAACR,EAAU,OAAX,EAAA,UACE,kBAACC,GAAD;IACE,GAAIE;IACE;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChBM,KACC,kBAACT,EAAU,aAAX,EAAA,UAAwBS,EAAmC,CAAA;GAE5DL,KACC,kBAACJ,EAAU,OAAX,EAAA,UACE,kBAACU,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElBC,KAAQ,kBAACX,EAAU,SAAX,EAAA,UAAoBW,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAmB,cAAc"}

package/dist/chunks/popover-BFrrgvQM.cjs

@@ -1,2 +0,0 @@
-const e=require("./Dialog-ti7AGH0J.cjs"),t=require("./Button-BB0G5V58.cjs"),n=require("./extract-style-props-e57WhXBe.cjs");let r=require("react"),i=require("react/jsx-runtime");var{withProvider:a,withContext:o}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusPopover`}),s=a(`div`,`root`),c=o(`button`,`trigger`),l=o(`div`,`content`),u=o(`div`,`dialog`),d=(0,r.createContext)(void 0),f=d.Provider,p=()=>(0,r.useContext)(d),m=t=>{let{children:n,isOpen:r,defaultOpen:a,onOpenChange:o,...c}=t;return(0,i.jsx)(s,{asChild:!0,children:(0,i.jsx)(e.t,{isOpen:r,defaultOpen:a,onOpenChange:o,children:(0,i.jsx)(f,{value:c,children:n})})})};m.displayName=`Popover.Root`;var h=e=>{if(e.asChild){let{children:t,ref:r,asChild:a,...o}=e,[s]=n.t(o);return(0,i.jsx)(c,{ref:r,asChild:!0,...s,children:t})}let{children:r,ref:a,asChild:o,...s}=e,[l,u]=n.t(s);return(0,i.jsx)(c,{asChild:!0,...l,children:(0,i.jsx)(t.n,{ref:a,...u,children:r})})};h.displayName=`Popover.Trigger`;var g=({children:t,ref:r,"aria-label":a,"aria-labelledby":o,...s})=>{let[c,d]=n.t(s),{role:f,...m}=p()??{};return(0,i.jsx)(l,{...c,asChild:!0,children:(0,i.jsx)(e.u,{ref:r,...m,children:(0,i.jsx)(u,{asChild:!0,children:(0,i.jsx)(e.n,{...d,role:f,"aria-label":a,"aria-labelledby":o,children:t})})})})};g.displayName=`Popover.Content`;var _={Root:m,Trigger:h,Content:g};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
-//# sourceMappingURL=popover-BFrrgvQM.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-BFrrgvQM.cjs.js","names":["createSlotRecipeContext","createContext","useContext","RaDialogTrigger","extractStyleProps","RaButton","extractStyleProps","RaPopover","RaDialog","require_Dialog","require_Button","require_extract_style_props","react","react_jsx_runtime","PopoverRootSlot","withProvider","PopoverTriggerSlot","withContext","PopoverContentSlot","PopoverDialogSlot","PopoverConfigContext","PopoverConfigProvider","usePopoverConfigContext","PopoverRoot","config","props","PopoverTrigger","_asChild","styleOnlyProps","styleProps","rest","restProps","PopoverContent","ariaLabel","ariaLabelledBy","overlayConfig","Popover"],"sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/components/popover.context.tsx","../../src/components/popover/components/popover.root.tsx","../../src/components/popover/components/popover.trigger.tsx","../../src/components/popover/components/popover.content.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  PopoverRootSlotProps,\n  PopoverTriggerSlotProps,\n  PopoverContentSlotProps,\n  PopoverDialogSlotProps,\n} from \"./popover.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusPopover\",\n});\n\n/** Popover Root - installs the slot-recipe context; renders no element itself */\nexport const PopoverRootSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverRootSlotProps\n> = withProvider<HTMLDivElement, PopoverRootSlotProps>(\"div\", \"root\");\n\n/** Popover Trigger - the element that opens the popover */\nexport const PopoverTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  PopoverTriggerSlotProps\n> = withContext<HTMLButtonElement, PopoverTriggerSlotProps>(\n  \"button\",\n  \"trigger\"\n);\n\n/** Popover Content - the positioned overlay surface */\nexport const PopoverContentSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverContentSlotProps\n> = withContext<HTMLDivElement, PopoverContentSlotProps>(\"div\", \"content\");\n\n/** Popover Dialog - the dialog element rendered inside the surface */\nexport const PopoverDialogSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverDialogSlotProps\n> = withContext<HTMLDivElement, PopoverDialogSlotProps>(\"div\", \"dialog\");\n","import { createContext, useContext } from \"react\";\n\nimport type { PopoverConfigContextValue } from \"../popover.types\";\n\n/**\n * Carries the overlay configuration from `Popover.Root` to `Popover.Content`.\n *\n * The elements those props configure are rendered by `Popover.Content` through\n * a portal, so they cannot be handed down the tree. The value type excludes\n * `DialogTrigger`'s open-state props by construction — see `Popover.Root` for\n * why they must not reach the overlay.\n */\nconst PopoverConfigContext = createContext<\n  PopoverConfigContextValue | undefined\n>(undefined);\n\nexport const PopoverConfigProvider = PopoverConfigContext.Provider;\n\n/**\n * Reads the configuration published by `Popover.Root`. `undefined` without a\n * Root above, leaving React Aria's own defaults. That case is not a supported\n * arrangement: the slot-recipe context comes from `Popover.Root` too, so a\n * Root-less `Popover.Content` throws before any of this matters.\n */\nexport const usePopoverConfigContext = () => useContext(PopoverConfigContext);\n","import { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\n\nimport { PopoverRootSlot } from \"../popover.slots\";\nimport type { PopoverRootProps } from \"../popover.types\";\nimport { PopoverConfigProvider } from \"./popover.context\";\n\n/**\n * Popover.Root - Establishes the popover's open state and styling context\n *\n * Renders React Aria's `DialogTrigger` via `asChild`, which mounts no DOM\n * element — hence no style props here, and no `@supportsStyleProps` tag.\n *\n * The prop split below is deliberate: `DialogTrigger` honours only the three\n * open-state props, and React Aria's `Popover` declares those same three and\n * derives its own state from them once set. Publishing them through the config\n * context would leave the trigger toggling one state while the surface renders\n * another, so they stop here and everything else travels on.\n */\nexport const PopoverRoot = (props: PopoverRootProps) => {\n  const { children, isOpen, defaultOpen, onOpenChange, ...config } = props;\n\n  return (\n    <PopoverRootSlot asChild>\n      <RaDialogTrigger\n        isOpen={isOpen}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n      >\n        <PopoverConfigProvider value={config}>{children}</PopoverConfigProvider>\n      </RaDialogTrigger>\n    </PopoverRootSlot>\n  );\n};\n\nPopoverRoot.displayName = \"Popover.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\n\nimport { PopoverTriggerSlot } from \"../popover.slots\";\nimport type { PopoverTriggerProps } from \"../popover.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Trigger - The element that opens the popover when pressed\n *\n * React Aria's `DialogTrigger` wraps whatever is rendered here in a\n * `PressResponder`, which publishes the press handlers, `aria-expanded`,\n * `aria-controls` and the trigger ref through context. Nothing has to be\n * forwarded for that to work, so under `asChild` this component applies only\n * the `trigger` slot's styling and the child owns its own props.\n *\n * @supportsStyleProps\n */\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  if (props.asChild) {\n    const {\n      children,\n      ref,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      asChild: _asChild,\n      ...styleOnlyProps\n    } = props;\n    const [styleProps] = extractStyleProps(styleOnlyProps);\n\n    return (\n      <PopoverTriggerSlot ref={ref} asChild {...styleProps}>\n        {children}\n      </PopoverTriggerSlot>\n    );\n  }\n\n  // No pressable element supplied, so wrap the children in our own button.\n  const {\n    children,\n    ref,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    asChild: _asChild,\n    ...rest\n  } = props;\n  const [styleProps, restProps] = extractStyleProps(rest);\n\n  return (\n    <PopoverTriggerSlot asChild {...styleProps}>\n      <RaButton ref={ref} {...restProps}>\n        {children}\n      </RaButton>\n    </PopoverTriggerSlot>\n  );\n};\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n","import {\n  Dialog as RaDialog,\n  Popover as RaPopover,\n} from \"react-aria-components\";\n\nimport { PopoverContentSlot, PopoverDialogSlot } from \"../popover.slots\";\nimport type { PopoverContentProps } from \"../popover.types\";\nimport { usePopoverConfigContext } from \"./popover.context\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Content - The positioned overlay surface, with its own dialog element\n *\n * Renders two elements: the positioned surface (`RaPopover`, `content` slot),\n * which takes the style props the recipe targets, and the dialog inside it\n * (`RaDialog`, `dialog` slot), which takes everything else. The dialog is what\n * the trigger's `aria-controls` points at, and `RaPopover` rejects `id`, so\n * routing a consumer-supplied `id` to the dialog keeps that link intact.\n *\n * @supportsStyleProps\n */\nexport const PopoverContent = ({\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: PopoverContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Published by Popover.Root; absent without one, leaving React Aria's\n  // defaults. `role` belongs to the dialog, the rest to the surface.\n  const { role, ...overlayConfig } = usePopoverConfigContext() ?? {};\n\n  return (\n    <PopoverContentSlot {...styleProps} asChild>\n      <RaPopover ref={ref} {...overlayConfig}>\n        <PopoverDialogSlot asChild>\n          {/*\n            `role` is applied after the spread so Root stays the only source of\n            it. PopoverContentProps excludes the name, so a typed consumer\n            cannot reach this; an untyped one is dropped rather than allowed to\n            outrank the configuration Root published.\n          */}\n          <RaDialog\n            {...restProps}\n            role={role}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children}\n          </RaDialog>\n        </PopoverDialogSlot>\n      </RaPopover>\n    </PopoverContentSlot>\n  );\n};\n\nPopoverContent.displayName = \"Popover.Content\";\n","import { PopoverRoot, PopoverTrigger, PopoverContent } from \"./components\";\n\n/**\n * Popover\n * ============================================================\n * A positioned overlay for rich, interactive content anchored to a trigger.\n * Built on React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Reach for Popover when the content is interactive — a filter panel, a\n * settings form, a context-sensitive action list. Use `Tooltip` for simple\n * non-interactive hints, and `Dialog` when the flow should block the page.\n *\n * Focus is contained within the popover and an outside press dismisses it,\n * which is React Aria's default. `isNonModal` on `Popover.Root` lifts neither:\n * it stops React Aria marking the rest of the page `inert` and locking page\n * scroll, so assistive technology can reach the surrounding page. Read the React\n * Aria guidance before using it, since it affects the screen reader experience.\n *\n * @example\n * ```tsx\n * <Popover.Root>\n *   <Popover.Trigger>Filters</Popover.Trigger>\n *   <Popover.Content aria-label=\"Filters\">\n *     <Checkbox>Only active</Checkbox>\n *   </Popover.Content>\n * </Popover.Root>\n * ```\n *\n * @supportsStyleProps\n * @see https://nimbus-documentation.vercel.app/components/feedback/popover\n */\nexport const Popover = {\n  /**\n   * # Popover.Root\n   *\n   * Establishes the popover's open state and styling context, and must wrap\n   * both the trigger and the content.\n   *\n   * Renders no DOM element of its own, so it does not affect the layout around\n   * the trigger. Accepts `isOpen` / `defaultOpen` / `onOpenChange` for\n   * controlled and uncontrolled use, and is the compound's single configuration\n   * surface: placement, dismissal, animation, portal container and the dialog's\n   * `role` are all set here and reach `Popover.Content` through context.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Root defaultOpen>\n   *   <Popover.Trigger>Open</Popover.Trigger>\n   *   <Popover.Content aria-label=\"Details\">Content</Popover.Content>\n   * </Popover.Root>\n   * ```\n   */\n  Root: PopoverRoot,\n\n  /**\n   * # Popover.Trigger\n   *\n   * The element that opens the popover when pressed. Renders its own button by\n   * default; pass `asChild` to apply trigger behavior to your own pressable\n   * element instead of nesting one button inside another.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Trigger asChild>\n   *   <IconButton aria-label=\"Options\"><MoreVert /></IconButton>\n   * </Popover.Trigger>\n   * ```\n   */\n  Trigger: PopoverTrigger,\n\n  /**\n   * # Popover.Content\n   *\n   * The positioned overlay surface. Supplies its own dialog element, so no\n   * `Dialog` needs to be added by hand for the accessibility contract to hold.\n   *\n   * Give it an `aria-label` (or `aria-labelledby`) whenever the content has no\n   * visible heading. Pass a function child to dismiss the popover from within.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Content aria-label=\"Confirm\">\n   *   {({ close }) => (\n   *     <Stack gap=\"200\">\n   *       <Text>Discard your changes?</Text>\n   *       <Button onPress={close}>Cancel</Button>\n   *     </Stack>\n   *   )}\n   * </Popover.Content>\n   * ```\n   */\n  Content: PopoverContent,\n};\n"],"mappings":"2LAUA,GAAM,CAAE,eAAc,gBAAA,0CAAgBA,CAAAA,CAAAA,wBAAAA,CAAwB,CAC5D,IAAK,eACP,CAAC,EAGYc,EAGTC,EAAmD,MAAO,MAAM,EAGvDC,EAGTC,EACF,SACA,SACF,EAGaC,EAGTD,EAAqD,MAAO,SAAS,EAG5DE,EAGTF,EAAoD,MAAO,QAAQ,EC3BjEG,GAAA,EAAuBnB,EAAAA,cAAAA,CAE3B,IAAA,EAAS,EAEEoB,EAAwBD,EAAqB,SAQ7CE,OAAA,EAAgCpB,EAAAA,WAAAA,CAAWkB,CAAoB,ECN/DG,EAAe,GAA4B,CACtD,GAAM,CAAE,WAAU,SAAQ,cAAa,eAAc,GAAGC,GAAWC,EAEnE,OACE,EAAAZ,EAAA,IAAA,CAACC,EAAD,CAAiB,QAAA,GACf,UAAA,EAAAD,EAAA,IAAA,CAACV,EAAAA,EAAD,CACU,SACK,cACC,eAEd,UAAA,EAAAU,EAAA,IAAA,CAACQ,EAAD,CAAuB,MAAOG,EAAS,UAAgC,CAAA,CACxD,CAAA,CACF,CAAA,CAErB,EAEA,EAAY,YAAc,eCjB1B,IAAaE,EAAkB,GAA+B,CAC5D,GAAID,EAAM,QAAS,CACjB,GAAM,CACJ,WACA,MAEA,QAASE,EACT,GAAGC,GACDH,EACE,CAACI,GAAczB,EAAAA,EAAkBwB,CAAc,EAErD,OACE,EAAAf,EAAA,IAAA,CAACG,EAAD,CAAyB,MAAK,QAAA,GAAQ,GAAIa,EACvC,UACiB,CAAA,CAExB,CAGA,GAAM,CACJ,WACA,MAEA,QAASF,EACT,GAAGG,GACDL,EACE,CAACI,EAAYE,GAAa3B,EAAAA,EAAkB0B,CAAI,EAEtD,OACE,EAAAjB,EAAA,IAAA,CAACG,EAAD,CAAoB,QAAA,GAAQ,GAAIa,EAC9B,UAAA,EAAAhB,EAAA,IAAA,CAACR,EAAAA,EAAD,CAAe,MAAK,GAAI0B,EACrB,UACO,CAAA,CACQ,CAAA,CAExB,EAEA,EAAe,YAAc,kBCjC7B,IAAaC,GAAkB,CAC7B,WACA,MACA,aAAcC,EACd,kBAAmBC,EACnB,GAAGT,KACsB,CACzB,GAAM,CAACI,EAAYE,GAAazB,EAAAA,EAAkBmB,CAAK,EAIjD,CAAE,OAAM,GAAGU,GAAkBb,EAAwB,GAAK,CAAC,EAEjE,OACE,EAAAT,EAAA,IAAA,CAACK,EAAD,CAAoB,GAAIW,EAAY,QAAA,GAClC,UAAA,EAAAhB,EAAA,IAAA,CAACN,EAAAA,EAAD,CAAgB,MAAK,GAAI4B,EACvB,UAAA,EAAAtB,EAAA,IAAA,CAACM,EAAD,CAAmB,QAAA,GAOjB,UAAA,EAAAN,EAAA,IAAA,CAACL,EAAAA,EAAD,CACE,GAAIuB,EACE,OACN,aAAYE,EACZ,kBAAiBC,EAEhB,UACO,CAAA,CACO,CAAA,CACV,CAAA,CACO,CAAA,CAExB,EAEA,EAAe,YAAc,kBC3B7B,IAAaE,EAAU,CAqBrB,KAAMb,EAgBN,QAASG,EAuBT,QAASM,CACX"}

package/dist/chunks/popover-C73n72ok.es.js

@@ -1,82 +0,0 @@
-import { n as e, t, u as n } from "./Dialog-CfU1e9yP.es.js";
-import { n as r } from "./Button-BeWWdVxO.es.js";
-import { t as i } from "./extract-style-props-YWZOestG.es.js";
-import { createContext as a, useContext as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { createSlotRecipeContext as c } from "@chakra-ui/react/styled-system";
-//#region src/components/popover/popover.slots.tsx
-var { withProvider: l, withContext: u } = c({ key: "nimbusPopover" }), d = l("div", "root"), f = u("button", "trigger"), p = u("div", "content"), m = u("div", "dialog"), h = a(void 0), g = h.Provider, _ = () => o(h), v = (e) => {
-	let { children: n, isOpen: r, defaultOpen: i, onOpenChange: a, ...o } = e;
-	return /* @__PURE__ */ s(d, {
-		asChild: !0,
-		children: /* @__PURE__ */ s(t, {
-			isOpen: r,
-			defaultOpen: i,
-			onOpenChange: a,
-			children: /* @__PURE__ */ s(g, {
-				value: o,
-				children: n
-			})
-		})
-	});
-};
-v.displayName = "Popover.Root";
-//#endregion
-//#region src/components/popover/components/popover.trigger.tsx
-var y = (e) => {
-	if (e.asChild) {
-		let { children: t, ref: n, asChild: r, ...a } = e, [o] = i(a);
-		return /* @__PURE__ */ s(f, {
-			ref: n,
-			asChild: !0,
-			...o,
-			children: t
-		});
-	}
-	let { children: t, ref: n, asChild: a, ...o } = e, [c, l] = i(o);
-	return /* @__PURE__ */ s(f, {
-		asChild: !0,
-		...c,
-		children: /* @__PURE__ */ s(r, {
-			ref: n,
-			...l,
-			children: t
-		})
-	});
-};
-y.displayName = "Popover.Trigger";
-//#endregion
-//#region src/components/popover/components/popover.content.tsx
-var b = ({ children: t, ref: r, "aria-label": a, "aria-labelledby": o, ...c }) => {
-	let [l, u] = i(c), { role: d, ...f } = _() ?? {};
-	return /* @__PURE__ */ s(p, {
-		...l,
-		asChild: !0,
-		children: /* @__PURE__ */ s(n, {
-			ref: r,
-			...f,
-			children: /* @__PURE__ */ s(m, {
-				asChild: !0,
-				children: /* @__PURE__ */ s(e, {
-					...u,
-					role: d,
-					"aria-label": a,
-					"aria-labelledby": o,
-					children: t
-				})
-			})
-		})
-	});
-};
-b.displayName = "Popover.Content";
-//#endregion
-//#region src/components/popover/popover.tsx
-var x = {
-	Root: v,
-	Trigger: y,
-	Content: b
-};
-//#endregion
-export { x as t };
-
-//# sourceMappingURL=popover-C73n72ok.es.js.map

package/dist/chunks/popover-C73n72ok.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-C73n72ok.es.js","names":["RaDialogTrigger","RaButton","RaPopover","RaDialog","$f2ff30fde7b014be$export$3ddf2d174ce01153","$542a13ca2fa5b484$export$5b6b19405a83ff9d","$7705c033048f6da7$export$353f5b6fc5456de1","extractStyleProps","createSlotRecipeContext","PopoverRootSlot","withProvider","PopoverTriggerSlot","withContext","PopoverContentSlot","PopoverDialogSlot","PopoverConfigContext","createContext","PopoverConfigProvider","usePopoverConfigContext","useContext","PopoverRoot","config","props","$f2ff30fde7b014be$export$2e1e1122cf0cba88","PopoverTrigger","_asChild","styleOnlyProps","styleProps","rest","restProps","PopoverContent","ariaLabel","ariaLabelledBy","overlayConfig","Popover"],"sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/components/popover.context.tsx","../../src/components/popover/components/popover.root.tsx","../../src/components/popover/components/popover.trigger.tsx","../../src/components/popover/components/popover.content.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  PopoverRootSlotProps,\n  PopoverTriggerSlotProps,\n  PopoverContentSlotProps,\n  PopoverDialogSlotProps,\n} from \"./popover.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusPopover\",\n});\n\n/** Popover Root - installs the slot-recipe context; renders no element itself */\nexport const PopoverRootSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverRootSlotProps\n> = withProvider<HTMLDivElement, PopoverRootSlotProps>(\"div\", \"root\");\n\n/** Popover Trigger - the element that opens the popover */\nexport const PopoverTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  PopoverTriggerSlotProps\n> = withContext<HTMLButtonElement, PopoverTriggerSlotProps>(\n  \"button\",\n  \"trigger\"\n);\n\n/** Popover Content - the positioned overlay surface */\nexport const PopoverContentSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverContentSlotProps\n> = withContext<HTMLDivElement, PopoverContentSlotProps>(\"div\", \"content\");\n\n/** Popover Dialog - the dialog element rendered inside the surface */\nexport const PopoverDialogSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverDialogSlotProps\n> = withContext<HTMLDivElement, PopoverDialogSlotProps>(\"div\", \"dialog\");\n","import { createContext, useContext } from \"react\";\n\nimport type { PopoverConfigContextValue } from \"../popover.types\";\n\n/**\n * Carries the overlay configuration from `Popover.Root` to `Popover.Content`.\n *\n * The elements those props configure are rendered by `Popover.Content` through\n * a portal, so they cannot be handed down the tree. The value type excludes\n * `DialogTrigger`'s open-state props by construction — see `Popover.Root` for\n * why they must not reach the overlay.\n */\nconst PopoverConfigContext = createContext<\n  PopoverConfigContextValue | undefined\n>(undefined);\n\nexport const PopoverConfigProvider = PopoverConfigContext.Provider;\n\n/**\n * Reads the configuration published by `Popover.Root`. `undefined` without a\n * Root above, leaving React Aria's own defaults. That case is not a supported\n * arrangement: the slot-recipe context comes from `Popover.Root` too, so a\n * Root-less `Popover.Content` throws before any of this matters.\n */\nexport const usePopoverConfigContext = () => useContext(PopoverConfigContext);\n","import { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\n\nimport { PopoverRootSlot } from \"../popover.slots\";\nimport type { PopoverRootProps } from \"../popover.types\";\nimport { PopoverConfigProvider } from \"./popover.context\";\n\n/**\n * Popover.Root - Establishes the popover's open state and styling context\n *\n * Renders React Aria's `DialogTrigger` via `asChild`, which mounts no DOM\n * element — hence no style props here, and no `@supportsStyleProps` tag.\n *\n * The prop split below is deliberate: `DialogTrigger` honours only the three\n * open-state props, and React Aria's `Popover` declares those same three and\n * derives its own state from them once set. Publishing them through the config\n * context would leave the trigger toggling one state while the surface renders\n * another, so they stop here and everything else travels on.\n */\nexport const PopoverRoot = (props: PopoverRootProps) => {\n  const { children, isOpen, defaultOpen, onOpenChange, ...config } = props;\n\n  return (\n    <PopoverRootSlot asChild>\n      <RaDialogTrigger\n        isOpen={isOpen}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n      >\n        <PopoverConfigProvider value={config}>{children}</PopoverConfigProvider>\n      </RaDialogTrigger>\n    </PopoverRootSlot>\n  );\n};\n\nPopoverRoot.displayName = \"Popover.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\n\nimport { PopoverTriggerSlot } from \"../popover.slots\";\nimport type { PopoverTriggerProps } from \"../popover.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Trigger - The element that opens the popover when pressed\n *\n * React Aria's `DialogTrigger` wraps whatever is rendered here in a\n * `PressResponder`, which publishes the press handlers, `aria-expanded`,\n * `aria-controls` and the trigger ref through context. Nothing has to be\n * forwarded for that to work, so under `asChild` this component applies only\n * the `trigger` slot's styling and the child owns its own props.\n *\n * @supportsStyleProps\n */\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  if (props.asChild) {\n    const {\n      children,\n      ref,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      asChild: _asChild,\n      ...styleOnlyProps\n    } = props;\n    const [styleProps] = extractStyleProps(styleOnlyProps);\n\n    return (\n      <PopoverTriggerSlot ref={ref} asChild {...styleProps}>\n        {children}\n      </PopoverTriggerSlot>\n    );\n  }\n\n  // No pressable element supplied, so wrap the children in our own button.\n  const {\n    children,\n    ref,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    asChild: _asChild,\n    ...rest\n  } = props;\n  const [styleProps, restProps] = extractStyleProps(rest);\n\n  return (\n    <PopoverTriggerSlot asChild {...styleProps}>\n      <RaButton ref={ref} {...restProps}>\n        {children}\n      </RaButton>\n    </PopoverTriggerSlot>\n  );\n};\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n","import {\n  Dialog as RaDialog,\n  Popover as RaPopover,\n} from \"react-aria-components\";\n\nimport { PopoverContentSlot, PopoverDialogSlot } from \"../popover.slots\";\nimport type { PopoverContentProps } from \"../popover.types\";\nimport { usePopoverConfigContext } from \"./popover.context\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Content - The positioned overlay surface, with its own dialog element\n *\n * Renders two elements: the positioned surface (`RaPopover`, `content` slot),\n * which takes the style props the recipe targets, and the dialog inside it\n * (`RaDialog`, `dialog` slot), which takes everything else. The dialog is what\n * the trigger's `aria-controls` points at, and `RaPopover` rejects `id`, so\n * routing a consumer-supplied `id` to the dialog keeps that link intact.\n *\n * @supportsStyleProps\n */\nexport const PopoverContent = ({\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: PopoverContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Published by Popover.Root; absent without one, leaving React Aria's\n  // defaults. `role` belongs to the dialog, the rest to the surface.\n  const { role, ...overlayConfig } = usePopoverConfigContext() ?? {};\n\n  return (\n    <PopoverContentSlot {...styleProps} asChild>\n      <RaPopover ref={ref} {...overlayConfig}>\n        <PopoverDialogSlot asChild>\n          {/*\n            `role` is applied after the spread so Root stays the only source of\n            it. PopoverContentProps excludes the name, so a typed consumer\n            cannot reach this; an untyped one is dropped rather than allowed to\n            outrank the configuration Root published.\n          */}\n          <RaDialog\n            {...restProps}\n            role={role}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children}\n          </RaDialog>\n        </PopoverDialogSlot>\n      </RaPopover>\n    </PopoverContentSlot>\n  );\n};\n\nPopoverContent.displayName = \"Popover.Content\";\n","import { PopoverRoot, PopoverTrigger, PopoverContent } from \"./components\";\n\n/**\n * Popover\n * ============================================================\n * A positioned overlay for rich, interactive content anchored to a trigger.\n * Built on React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Reach for Popover when the content is interactive — a filter panel, a\n * settings form, a context-sensitive action list. Use `Tooltip` for simple\n * non-interactive hints, and `Dialog` when the flow should block the page.\n *\n * Focus is contained within the popover and an outside press dismisses it,\n * which is React Aria's default. `isNonModal` on `Popover.Root` lifts neither:\n * it stops React Aria marking the rest of the page `inert` and locking page\n * scroll, so assistive technology can reach the surrounding page. Read the React\n * Aria guidance before using it, since it affects the screen reader experience.\n *\n * @example\n * ```tsx\n * <Popover.Root>\n *   <Popover.Trigger>Filters</Popover.Trigger>\n *   <Popover.Content aria-label=\"Filters\">\n *     <Checkbox>Only active</Checkbox>\n *   </Popover.Content>\n * </Popover.Root>\n * ```\n *\n * @supportsStyleProps\n * @see https://nimbus-documentation.vercel.app/components/feedback/popover\n */\nexport const Popover = {\n  /**\n   * # Popover.Root\n   *\n   * Establishes the popover's open state and styling context, and must wrap\n   * both the trigger and the content.\n   *\n   * Renders no DOM element of its own, so it does not affect the layout around\n   * the trigger. Accepts `isOpen` / `defaultOpen` / `onOpenChange` for\n   * controlled and uncontrolled use, and is the compound's single configuration\n   * surface: placement, dismissal, animation, portal container and the dialog's\n   * `role` are all set here and reach `Popover.Content` through context.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Root defaultOpen>\n   *   <Popover.Trigger>Open</Popover.Trigger>\n   *   <Popover.Content aria-label=\"Details\">Content</Popover.Content>\n   * </Popover.Root>\n   * ```\n   */\n  Root: PopoverRoot,\n\n  /**\n   * # Popover.Trigger\n   *\n   * The element that opens the popover when pressed. Renders its own button by\n   * default; pass `asChild` to apply trigger behavior to your own pressable\n   * element instead of nesting one button inside another.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Trigger asChild>\n   *   <IconButton aria-label=\"Options\"><MoreVert /></IconButton>\n   * </Popover.Trigger>\n   * ```\n   */\n  Trigger: PopoverTrigger,\n\n  /**\n   * # Popover.Content\n   *\n   * The positioned overlay surface. Supplies its own dialog element, so no\n   * `Dialog` needs to be added by hand for the accessibility contract to hold.\n   *\n   * Give it an `aria-label` (or `aria-labelledby`) whenever the content has no\n   * visible heading. Pass a function child to dismiss the popover from within.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Content aria-label=\"Confirm\">\n   *   {({ close }) => (\n   *     <Stack gap=\"200\">\n   *       <Text>Discard your changes?</Text>\n   *       <Button onPress={close}>Cancel</Button>\n   *     </Stack>\n   *   )}\n   * </Popover.Content>\n   * ```\n   */\n  Content: PopoverContent,\n};\n"],"mappings":";;;;;;;AAUA,IAAM,EAAE,iBAAc,mBAAgBQ,EAAwB,EAC5D,KAAK,gBACP,CAAC,GAGYC,IAGTC,EAAmD,OAAO,MAAM,GAGvDC,IAGTC,EACF,UACA,SACF,GAGaC,IAGTD,EAAqD,OAAO,SAAS,GAG5DE,IAGTF,EAAoD,OAAO,QAAQ,GC3BjEG,IAAuBC,EAE3B,KAAA,CAAS,GAEEC,IAAwBF,EAAqB,UAQ7CG,UAAgCC,EAAWJ,CAAoB,GCN/DK,KAAe,MAA4B;CACtD,IAAM,EAAE,aAAU,WAAQ,gBAAa,iBAAc,GAAGC,MAAWC;CAEnE,OACE,kBAACb,GAAD;EAAiB,SAAA;EACf,UAAA,kBAACT,GAAD;GACU;GACK;GACC;GAEd,UAAA,kBAACiB,GAAD;IAAuB,OAAOI;IAAS;GAAgC,CAAA;EACxD,CAAA;CACF,CAAA;AAErB;AAEA,EAAY,cAAc;;;ACjB1B,IAAaG,KAAkB,MAA+B;CAC5D,IAAIF,EAAM,SAAS;EACjB,IAAM,EACJ,aACA,QAEA,SAASG,GACT,GAAGC,MACDJ,GACE,CAACK,KAAcpB,EAAkBmB,CAAc;EAErD,OACE,kBAACf,GAAD;GAAyB;GAAK,SAAA;GAAQ,GAAIgB;GACvC;EACiB,CAAA;CAExB;CAGA,IAAM,EACJ,aACA,QAEA,SAASF,GACT,GAAGG,MACDN,GACE,CAACK,GAAYE,KAAatB,EAAkBqB,CAAI;CAEtD,OACE,kBAACjB,GAAD;EAAoB,SAAA;EAAQ,GAAIgB;EAC9B,UAAA,kBAAC1B,GAAD;GAAe;GAAK,GAAI4B;GACrB;EACO,CAAA;CACQ,CAAA;AAExB;AAEA,EAAe,cAAc;;;ACjC7B,IAAaC,KAAkB,EAC7B,aACA,QACA,cAAcC,GACd,mBAAmBC,GACnB,GAAGV,QACsB;CACzB,IAAM,CAACK,GAAYE,KAAatB,EAAkBe,CAAK,GAIjD,EAAE,SAAM,GAAGW,MAAkBf,EAAwB,KAAK,CAAC;CAEjE,OACE,kBAACL,GAAD;EAAoB,GAAIc;EAAY,SAAA;EAClC,UAAA,kBAACzB,GAAD;GAAgB;GAAK,GAAI+B;GACvB,UAAA,kBAACnB,GAAD;IAAmB,SAAA;IAOjB,UAAA,kBAACX,GAAD;KACE,GAAI0B;KACE;KACN,cAAYE;KACZ,mBAAiBC;KAEhB;IACO,CAAA;GACO,CAAA;EACV,CAAA;CACO,CAAA;AAExB;AAEA,EAAe,cAAc;;;AC3B7B,IAAaE,IAAU;CAqBrB,MAAMd;CAgBN,SAASI;CAuBT,SAASM;AACX"}