@commercetools/nimbus 3.4.0 → 3.5.0

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

@@ -0,0 +1,235 @@
+import { t as e } from "./I18nProvider-BcYoienQ.es.js";
+import { t } from "./number-input-DigbGNpK.es.js";
+import { t as n } from "./select-CyA7Ka87.es.js";
+import { t as r } from "./icon-button-DjZvlfLQ.es.js";
+import { n as i, t as a } from "./normalize-messages-CLkiPWgQ.es.js";
+import { t as o } from "./flex-BB3-rbwF.es.js";
+import { t as s } from "./text-BcuZ1RxK.es.js";
+import { t as c } from "./stack-D0obj5JC.es.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-pfTOXEo1.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-pfTOXEo1.es.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":";;;;;;;;;;;;AA4EA,SAAgB,EAAc,EAC5B,eACA,aAAa,GACb,UAAU,IAAqB,IAC/B,iBACA,uBAC0C;CAE1C,IAAM,CAAC,GAAqB,KAA0B,EAAS,CAAC,GAC1D,CAAC,GAAkB,KAAuB,EAAS,CAAkB,GAGrE,IAAe,MAA0B,KAAA,GACzC,IAAc,IAChB,IACA,GACE,IAAW,KAAsB,GAGjC,IAAa,KAAK,IAAI,GAAG,KAAK,KAAK,IAAa,CAAQ,CAAC,GAGzD,IAAmB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAa,CAAU,CAAC,GAEhE,IAAY,KAAK,KAAK,IAAmB,KAAK,IAAW,GAAG,CAAU,GACtE,IAAU,KAAK,IAAI,IAAmB,GAAU,CAAU,GAE1D,IAAkB,IAAmB,GACrC,IAAc,IAAmB,GAGjC,IAAW,GACd,MAAiB;EAChB,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,GAAM,CAAU,CAAC;EAMtD,AAJK,KACH,EAAuB,CAAO,GAGhC,IAAe,CAAO;CACxB,GACA;EAAC;EAAY;EAAc;CAAY,CACzC,GAEM,IAAmB,QAAkB;EACzC,AAAI,KACF,EAAS,IAAmB,CAAC;CAEjC,GAAG;EAAC;EAAiB;EAAkB;CAAQ,CAAC,GAE1C,IAAe,QAAkB;EACrC,AAAI,KACF,EAAS,IAAmB,CAAC;CAEjC,GAAG;EAAC;EAAa;EAAkB;CAAQ,CAAC,GAEtC,IAAc,GACjB,MAAwB;EACvB,IAAM,IAAgB,KAAK,KAAK,IAAa,CAAW,GAClD,IAAU,KAAK,IAAI,GAAkB,CAAa;EAUxD,AARA,EAAoB,CAAW,GAE3B,CAAC,KAAgB,MAAY,KAC/B,EAAuB,CAAO,GAGhC,IAAmB,CAAW,GAE1B,MAAY,KACd,IAAe,CAAO;CAE1B,GACA;EAAC;EAAY;EAAkB;EAAc;EAAc;CAAgB,CAC7E;CAEA,OAAO,SACE;EACL;EACA,aAAa;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;AM/JA,IAAa,IAGT;CACF,IAAI,EAAkB;ELpBtB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAM,EAAK;EACb,MAAM;EACN,YAAY;CKYU,CAAqB;CAC3C,IAAI,EAAkB;EJrBtB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,OAAO,EAAK;EACd,MAAM;EACN,YAAY;CIaU,CAAqB;CAC3C,IAAI,EAAkB;EHtBtB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAM,EAAK;EACb,MAAM;EACN,YAAY;CGcU,CAAqB;CAC3C,SAAS,EAAkB;EFvB3B,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAM,EAAK;EACb,MAAM;EACN,YAAY;CEee,CAAqB;CAChD,SAAS,EAAkB;EDxB3B,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,eAAe,MACb,MAAM,EAAK;EACb,MAAM;EACN,YAAY;CCgBe,CAAqB;AAClD,GCRa,KAAc,MAA2B;CACpD,IAAM,EAAE,cAAW,EAAU,GACvB,IAAM,EAA4B,CAAyB,GAC3D,EACJ,eACA,gBACA,aACA,qBAAkB;EAAC;EAAI;EAAI;EAAI;CAAG,GAClC,iBACA,qBACA,cAAc,GACd,qBAAkB,IAClB,4BAAyB,OACvB,GAEE,IAAa,EAAc;EAC/B;EACA;EACA;EACA;EACA;CACF,CAAC,GAGK,IAAwB,QAE1B,EAAgB,KAAK,OAAU;EAC7B,IAAI,EAAK,SAAS;EAClB,MAAM,GAAG;CACX,EAAE,GACJ,CAAC,CAAe,CAClB;CASA,OACE,kBAAC,GAAD;EAAO,KAAI;EAAM,WAAW;GAAE,MAAM;GAAU,IAAI;EAAM;EAAG,OAAM;EAAjE,UAAA;GAEG,KACC,kBAAC,GAAD;IAAM,OAAM;IAAS,KAAI;IAAzB,UAAA,CACE,kBAAC,EAAO,MAAR;KACE,aAAa;KACb,aAAa,EAAW,SAAS,SAAS;KAC1C,oBAfoB,MAA0B;MACtD,IAAI,GAAK;OACP,IAAM,IAAc,SAAS,EAAI,SAAS,GAAG,EAAE;OAC/C,EAAW,YAAY,CAAW;MACpC;KACF;KAWU,cAAY,EAAI,OAAO,cAAc;KAErC,UAAA,kBAAC,EAAO,SAAR,EAAA,UACG,EAAsB,KAAK,MAC1B,kBAAC,EAAO,QAAR;MAA+B,IAAI,EAAO;MACvC,UAAA,EAAO;KACK,GAFK,EAAO,EAEZ,CAChB,EACa,CAAA;IACL,CAAA,GACb,kBAAC,GAAD;KAAM,OAAM;KAAc,UAAA,EAAI,OAAO,kBAAkB;IAAQ,CAAA,CAC3D;;GAER,kBAAC,GAAD,EAAM,UAAS,IAAK,CAAA;GAEpB,kBAAC,GAAD;IACE,OAAM;IACN,KAAI;IACJ,MAAK;IACL,cAAY,KAAa,EAAI,OAAO,YAAY;IAJlD,UAAA;KAME,kBAAC,GAAD;MACE,SAAS,EAAW;MACpB,YAAY,CAAC,EAAW;MACxB,SAAQ;MACR,cAAa;MACb,cAAY,EAAI,OAAO,kBAAkB;MAEzC,UAAA,kBAAC,GAAD,CAAc,CAAA;KACJ,CAAA;KAEZ,kBAAC,GAAD;MAAM,OAAM;MAAS,KAAI;MAAzB,UAAA;OACE,kBAAC,GAAD;QAAM,OAAM;QAAc,UAAA,EAAI,OAAO,MAAM;OAAQ,CAAA;OAClD,IACC,kBAAC,GAAD;QACE,OAAO,EAAW;QAClB,WAAW,MACT,EAAW,SAAS,KAAS,CAAC;QAEhC,UAAU;QACV,UAAU,EAAW;QACrB,MAAM;QACN,YAAY;QACZ,OAAM;QACN,cAAY,EAAI,OAAO,aAAa;QACpC,gBAAa;OACd,CAAA,IAED,kBAAC,GAAD;QAAM,YAAW;QAAW,OAAM;QAAa,gBAAa;QACzD,UAAA,EAAW;OACR,CAAA;OAER,kBAAC,GAAD;QAAM,OAAM;QACF,iBAAA;SAEN,IAAM,IAAsB,IAAI,KAAK,aAAa,CAAM,CAAC,CAAC,OACxD,EAAW,UACb;SAEA,OAAO,EAAI,OAAO,gBAAgB,EAChC,YAAY,EACd,CAAC;QACH,EAAA,CAAG;OACC,CAAA;MACF;;KAEN,kBAAC,GAAD;MACE,SAAS,EAAW;MACpB,YAAY,CAAC,EAAW;MACxB,SAAQ;MACR,cAAa;MACb,cAAY,EAAI,OAAO,cAAc;MAErC,UAAA,kBAAC,GAAD,CAAe,CAAA;KACL,CAAA;IACR;;EACD;;AAEX;AAGA,EAAW,cAAc"}

package/dist/chunks/password-input-0hyeYnAu.es.js

@@ -0,0 +1,52 @@
+import { t as e } from "./tooltip-C7kTjQLh.es.js";
+import { t } from "./icon-button-DjZvlfLQ.es.js";
+import { n, t as r } from "./normalize-messages-CLkiPWgQ.es.js";
+import { t as i } from "./text-input-D8aPs2Ta.es.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-0hyeYnAu.es.js.map

package/dist/chunks/password-input-0hyeYnAu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-0hyeYnAu.es.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;GAEX,UAAe,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-BVEhzZhT.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-BVEhzZhT.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,EAAmB,EAAA,SAAA,CAAS,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,aAEX,SAAA,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-Bs1340M1.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-field-Bs1340M1.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,EAN1B,SAAA,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/password-input-field-DgBTGW95.es.js

@@ -0,0 +1,37 @@
+import { t as e } from "./field-errors-DA8VHV9z.es.js";
+import { t } from "./form-field-D0Xtey7J.es.js";
+import { t as n } from "./password-input-0hyeYnAu.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(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-DgBTGW95.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-field-DgBTGW95.es.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;EAN1B,UAAA;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/popover-CP5kslre.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-CP5kslre.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,0CAAgB,CAAA,CAAA,oBAAA,CAAoB,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"}

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

@@ -0,0 +1,13 @@
+import { u as e } from "./Dialog-BzG3Frv3.es.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-CgyJRJsL.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-CgyJRJsL.es.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/progress-bar-DGkP1JHE.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_odk_Xk.cjs"),t=require("./Label-Cg1JXiu9.cjs"),n=require("./ProgressBar-BOzjeXeT.cjs"),r=require("./box-B6vF0vdN.cjs"),i=require("./flex-D_rZ56ps.cjs"),a=require("./extract-style-props-CD9rz9gF.cjs"),o=require("./merge-refs-DjTl2ATo.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("@chakra-ui/react/styled-system");var{withProvider:u,withContext:d}=(0,l.createSlotRecipeContext)({key:`nimbusProgressBar`}),f=u(`div`,`root`),p=d(`div`,`track`),m=d(`div`,`fill`),h=d(`span`,`label`),g=d(`span`,`value`),_=u=>{let{ref:d,value:_,minValue:v=0,maxValue:y=100,isDynamic:b=!0,isIndeterminate:x,label:S,formatOptions:C={style:`percent`},variant:w=`solid`,layout:T=`stacked`,colorPalette:E=`primary`,...D}=u,[O,k]=(0,l.useSlotRecipe)({key:`nimbusProgressBar`}).splitVariantProps({variant:w,colorPalette:E,...u}),[A]=a.t(k),j=(0,s.useRef)(null),M=e.t(o.t(j,d));return(0,c.jsx)(f,{...O,...A,isDynamic:b,isIndeterminate:x,asChild:!0,children:(0,c.jsx)(n.t,{ref:M,value:_,minValue:v,maxValue:y,isIndeterminate:x,formatOptions:C,...D,children:({percentage:e,valueText:n})=>(0,c.jsxs)(c.Fragment,{children:[T===`stacked`&&(0,c.jsxs)(i.t,{children:[S&&(0,c.jsx)(h,{asChild:!0,children:(0,c.jsx)(t.n,{children:S})}),(0,c.jsx)(r.t,{flexGrow:`1`}),S&&_&&(0,c.jsx)(g,{children:n})]}),T===`inline`&&S&&(0,c.jsx)(h,{lineHeight:`1`,asChild:!0,children:(0,c.jsx)(t.n,{children:S})}),(0,c.jsx)(p,{children:(0,c.jsx)(m,{style:{width:x?`40%`:`${e}%`},"data-indeterminate":x,"data-complete":!x&&e!==void 0&&e>=100})}),T===`inline`&&_&&(0,c.jsx)(g,{lineHeight:`1`,children:n})]})})})};_.displayName=`ProgressBar`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=progress-bar-DGkP1JHE.cjs.map

package/dist/chunks/progress-bar-DGkP1JHE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-DGkP1JHE.cjs.js","names":[],"sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusProgressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusProgressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"wYASA,GAAM,CAAE,eAAc,gBAAA,EAAgB,EAAA,wBAAA,CAAwB,CAC5D,IAAK,mBACP,CAAC,EAGY,EAAsB,EAGjC,MAAO,MAAM,EAGF,EAAuB,EAGlC,MAAO,OAAO,EAGH,EAAsB,EAGjC,MAAO,MAAM,EAGF,EAAuB,EAGlC,OAAQ,OAAO,EAGJ,EAAuB,EAGlC,OAAQ,OAAO,ECNJ,EAAe,GAA4B,CACtD,GAAM,CACJ,IAAK,EACL,QACA,WAAW,EACX,WAAW,IACX,YAAY,GACZ,kBACA,QACA,gBAAgB,CAAE,MAAO,SAAU,EACnC,UAAU,QACV,SAAS,UACT,eAAe,UACf,GAAG,GACD,EAGE,CAAC,EAAa,IAAA,EADL,EAAA,cAAA,CAAc,CAAE,IAAK,mBAAoB,CAClB,CAAA,CAAO,kBAAkB,CAC7D,UACA,eACA,GAAG,CACL,CAAC,EACK,CAAC,GAAc,EAAA,EAAkB,CAAc,EAE/C,GAAA,EAAW,EAAA,OAAA,CAAuB,IAAI,EACtC,EAAM,EAAA,EAAa,EAAA,EAAU,EAAU,CAAY,CAAC,EAE1D,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,GAAI,EACJ,GAAI,EACO,YACM,kBACjB,QAAA,GAEA,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACO,MACE,QACG,WACA,WACO,kBACF,gBACf,GAAI,EAEF,UAAA,CAAE,aAAY,gBACd,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACG,IAAW,YACV,EAAA,EAAA,KAAA,CAAC,EAAA,EAAD,CAAA,SAAA,CACG,IACC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,QAAA,GACpB,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAA,SAAU,CAAe,CAAA,CACL,CAAA,GAExB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,SAAS,GAAK,CAAA,EAClB,GAAS,IACR,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,SAAuB,CAAgC,CAAA,CAErD,CAAA,CAAA,EAGP,IAAW,UAAY,IACtB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,WAAW,IAAI,QAAA,GACnC,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAA,SAAU,CAAe,CAAA,CACL,CAAA,GAGxB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAO,CAAE,MAAO,EAAkB,MAAQ,GAAG,EAAW,EAAG,EAC3D,qBAAoB,EACpB,gBACE,CAAC,GACD,IAAe,IAAA,IACf,GAAc,GAEjB,CAAA,CACmB,CAAA,EAErB,IAAW,UAAY,IACtB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,WAAW,IAC9B,SAAA,CACmB,CAAA,CAExB,CAAA,CAAA,CAES,CAAA,CACI,CAAA,CAEzB,EAEA,EAAY,YAAc"}

package/dist/chunks/progress-bar-DYHE-VSz.es.js

@@ -0,0 +1,63 @@
+import { t as e } from "./useObjectRef-CHgRzzQD.es.js";
+import { n as t } from "./Label-Hj8Xb5Cw.es.js";
+import { t as n } from "./ProgressBar-DoqKJnkt.es.js";
+import { t as r } from "./box-CZyqYgLL.es.js";
+import { t as i } from "./flex-BB3-rbwF.es.js";
+import { t as a } from "./extract-style-props-C2dRz9Jv.es.js";
+import { t as o } from "./merge-refs-C1GcH9iY.es.js";
+import { useRef as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createSlotRecipeContext as d, useSlotRecipe as f } from "@chakra-ui/react/styled-system";
+//#region src/components/progress-bar/progress-bar.slots.tsx
+var { withProvider: p, withContext: m } = d({ key: "nimbusProgressBar" }), h = p("div", "root"), g = m("div", "track"), _ = m("div", "fill"), v = m("span", "label"), y = m("span", "value"), b = (d) => {
+	let { ref: p, value: m, minValue: b = 0, maxValue: x = 100, isDynamic: S = !0, isIndeterminate: C, label: w, formatOptions: T = { style: "percent" }, variant: E = "solid", layout: D = "stacked", colorPalette: O = "primary", ...k } = d, [A, j] = f({ key: "nimbusProgressBar" }).splitVariantProps({
+		variant: E,
+		colorPalette: O,
+		...d
+	}), [M] = a(j), N = s(null), P = e(o(N, p));
+	return /* @__PURE__ */ l(h, {
+		...A,
+		...M,
+		isDynamic: S,
+		isIndeterminate: C,
+		asChild: !0,
+		children: /* @__PURE__ */ l(n, {
+			ref: P,
+			value: m,
+			minValue: b,
+			maxValue: x,
+			isIndeterminate: C,
+			formatOptions: T,
+			...k,
+			children: ({ percentage: e, valueText: n }) => /* @__PURE__ */ u(c, { children: [
+				D === "stacked" && /* @__PURE__ */ u(i, { children: [
+					w && /* @__PURE__ */ l(v, {
+						asChild: !0,
+						children: /* @__PURE__ */ l(t, { children: w })
+					}),
+					/* @__PURE__ */ l(r, { flexGrow: "1" }),
+					w && m && /* @__PURE__ */ l(y, { children: n })
+				] }),
+				D === "inline" && w && /* @__PURE__ */ l(v, {
+					lineHeight: "1",
+					asChild: !0,
+					children: /* @__PURE__ */ l(t, { children: w })
+				}),
+				/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, {
+					style: { width: C ? "40%" : `${e}%` },
+					"data-indeterminate": C,
+					"data-complete": !C && e !== void 0 && e >= 100
+				}) }),
+				D === "inline" && m && /* @__PURE__ */ l(y, {
+					lineHeight: "1",
+					children: n
+				})
+			] })
+		})
+	});
+};
+b.displayName = "ProgressBar";
+//#endregion
+export { b as t };
+
+//# sourceMappingURL=progress-bar-DYHE-VSz.es.js.map

package/dist/chunks/progress-bar-DYHE-VSz.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-DYHE-VSz.es.js","names":[],"sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusProgressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusProgressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":";;;;;;;;;;;AASA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,oBACP,CAAC,GAGY,IAAsB,EAGjC,OAAO,MAAM,GAGF,IAAuB,EAGlC,OAAO,OAAO,GAGH,IAAsB,EAGjC,OAAO,MAAM,GAGF,IAAuB,EAGlC,QAAQ,OAAO,GAGJ,IAAuB,EAGlC,QAAQ,OAAO,GCNJ,KAAe,MAA4B;CACtD,IAAM,EACJ,KAAK,GACL,UACA,cAAW,GACX,cAAW,KACX,eAAY,IACZ,oBACA,UACA,mBAAgB,EAAE,OAAO,UAAU,GACnC,aAAU,SACV,YAAS,WACT,kBAAe,WACf,GAAG,MACD,GAGE,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,oBAAoB,CAClB,CAAA,CAAO,kBAAkB;EAC7D;EACA;EACA,GAAG;CACL,CAAC,GACK,CAAC,KAAc,EAAkB,CAAc,GAE/C,IAAW,EAAuB,IAAI,GACtC,IAAM,EAAa,EAAU,GAAU,CAAY,CAAC;CAE1D,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACO;EACM;EACjB,SAAA;EAEA,UAAA,kBAAC,GAAD;GACO;GACE;GACG;GACA;GACO;GACF;GACf,GAAI;GAEF,WAAA,EAAE,eAAY,mBACd,kBAAA,GAAA,EAAA,UAAA;IACG,MAAW,aACV,kBAAC,GAAD,EAAA,UAAA;KACG,KACC,kBAAC,GAAD;MAAsB,SAAA;MACpB,UAAA,kBAAC,GAAD,EAAA,UAAU,EAAe,CAAA;KACL,CAAA;KAExB,kBAAC,GAAD,EAAK,UAAS,IAAK,CAAA;KAClB,KAAS,KACR,kBAAC,GAAD,EAAA,UAAuB,EAAgC,CAAA;IAErD,EAAA,CAAA;IAGP,MAAW,YAAY,KACtB,kBAAC,GAAD;KAAsB,YAAW;KAAI,SAAA;KACnC,UAAA,kBAAC,GAAD,EAAA,UAAU,EAAe,CAAA;IACL,CAAA;IAGxB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,OAAO,EAAE,OAAO,IAAkB,QAAQ,GAAG,EAAW,GAAG;KAC3D,sBAAoB;KACpB,iBACE,CAAC,KACD,MAAe,KAAA,KACf,KAAc;IAEjB,CAAA,EACmB,CAAA;IAErB,MAAW,YAAY,KACtB,kBAAC,GAAD;KAAsB,YAAW;KAC9B,UAAA;IACmB,CAAA;GAExB,EAAA,CAAA;EAES,CAAA;CACI,CAAA;AAEzB;AAEA,EAAY,cAAc"}