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

@commercetools/nimbus 3.0.0 → 3.2.0

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

Files changed (2425) hide show

package/dist/chunks/pagination-gHrrzE7d.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/chunks/password-input-C2o6Hi_C.esm.js ADDED Viewed

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

package/dist/chunks/password-input-C2o6Hi_C.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"password-input-C2o6Hi_C.esm.js","names":[],"sources":["../../src/components/password-input/intl/en.ts","../../src/components/password-input/intl/de.ts","../../src/components/password-input/intl/es.ts","../../src/components/password-input/intl/fr-FR.ts","../../src/components/password-input/intl/pt-BR.ts","../../src/components/password-input/password-input.messages.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Hide password`, show: `Show password` };\n","/**\n * Pre-compiled de messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Passwort ausblenden`, show: `Passwort anzeigen` };\n","/**\n * Pre-compiled es messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar contraseña`, show: `Mostrar contraseña` };\n","/**\n * Pre-compiled fr-FR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hide: `Masquer le mot de passe`,\n show: `Afficher le mot de passe`,\n};\n","/**\n * Pre-compiled pt-BR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar senha`, show: `Mostrar senha` };\n","/**\n * Pre-compiled localized messages for PasswordInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n type LocalizedString,\n type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport passwordInputMessages_en from \"./intl/en\";\nimport passwordInputMessages_de from \"./intl/de\";\nimport passwordInputMessages_es from \"./intl/es\";\nimport passwordInputMessages_fr from \"./intl/fr-FR\";\nimport passwordInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const passwordInputMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(passwordInputMessages_en),\n de: normalizeMessages(passwordInputMessages_de),\n es: normalizeMessages(passwordInputMessages_es),\n \"fr-FR\": normalizeMessages(passwordInputMessages_fr),\n \"pt-BR\": normalizeMessages(passwordInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PasswordInput component\n */\nexport type PasswordInputMessageKey = \"hide\" | \"show\";\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { passwordInputMessagesStrings } from \"./password-input.messages\";\n\n/**\n * # PasswordInput\n *\n * A password input is a text field that hides entered characters for secure password entry.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}\n */\nexport const PasswordInput = (props: PasswordInputProps) => {\n const { ref, size = \"md\", isDisabled } = props;\n\n const msg = useLocalizedStringFormatter(passwordInputMessagesStrings);\n const [showPassword, setShowPassword] = useState(false);\n\n const toggleVisibility = () => setShowPassword(!showPassword);\n\n const currentLabel = msg.format(showPassword ? \"hide\" : \"show\");\n\n return (\n <TextInput\n ref={ref}\n {...props}\n trailingElement={\n <Tooltip.Root>\n <IconButton\n size={size === \"md\" ? \"xs\" : \"2xs\"}\n variant=\"ghost\"\n colorPalette=\"primary\"\n aria-label={currentLabel}\n onPress={toggleVisibility}\n isDisabled={isDisabled}\n >\n {showPassword ? <VisibilityOff /> : <Visibility />}\n </IconButton>\n <Tooltip.Content>{currentLabel}</Tooltip.Content>\n </Tooltip.Root>\n }\n type={showPassword ? \"text\" : \"password\"}\n />\n );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"mappings":";;;;;;;;;AKuBA,IAAa,IAGT;CACF,IAAI,EAAkB;ELrBP,MAAM;EAAiB,MAAM;CKqBtB,CAAwB;CAC9C,IAAI,EAAkB;EJtBP,MAAM;EAAuB,MAAM;CIsB5B,CAAwB;CAC9C,IAAI,EAAkB;EHvBP,MAAM;EAAsB,MAAM;CGuB3B,CAAwB;CAC9C,SAAS,EAAkB;EFvB3B,MAAM;EACN,MAAM;CEsBqB,CAAwB;CACnD,SAAS,EAAkB;EDzBZ,MAAM;EAAiB,MAAM;CCyBjB,CAAwB;AACrD,GCjBa,KAAiB,MAA8B;CAC1D,IAAM,EAAE,QAAK,UAAO,MAAM,kBAAe,GAEnC,IAAM,EAA4B,CAA4B,GAC9D,CAAC,GAAc,KAAmB,EAAS,EAAK,GAEhD,UAAyB,EAAgB,CAAC,CAAY,GAEtD,IAAe,EAAI,OAAO,IAAe,SAAS,MAAM;CAE9D,OACE,kBAAC,GAAD;EACO;EACL,GAAI;EACJ,iBACE,kBAAC,EAAQ,MAAT,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,MAAM,MAAS,OAAO,OAAO;GAC7B,SAAQ;GACR,cAAa;GACb,cAAY;GACZ,SAAS;GACG;aAEI,EAAf,IAAgB,IAAoB,GAArB,CAAgB,CAAiB;EACvC,CAAA,GACZ,kBAAC,EAAQ,SAAT,EAAA,UAAkB,EAA8B,CAAA,CACpC,EAAA,CAAA;EAEhB,MAAM,IAAe,SAAS;CAC/B,CAAA;AAEL;AAEA,EAAc,cAAc"}

package/dist/chunks/password-input-V3cDyAaf.cjs ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"password-input-V3cDyAaf.cjs.js","names":[],"sources":["../../src/components/password-input/intl/en.ts","../../src/components/password-input/intl/de.ts","../../src/components/password-input/intl/es.ts","../../src/components/password-input/intl/fr-FR.ts","../../src/components/password-input/intl/pt-BR.ts","../../src/components/password-input/password-input.messages.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Hide password`, show: `Show password` };\n","/**\n * Pre-compiled de messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Passwort ausblenden`, show: `Passwort anzeigen` };\n","/**\n * Pre-compiled es messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar contraseña`, show: `Mostrar contraseña` };\n","/**\n * Pre-compiled fr-FR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hide: `Masquer le mot de passe`,\n show: `Afficher le mot de passe`,\n};\n","/**\n * Pre-compiled pt-BR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar senha`, show: `Mostrar senha` };\n","/**\n * Pre-compiled localized messages for PasswordInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n type LocalizedString,\n type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport passwordInputMessages_en from \"./intl/en\";\nimport passwordInputMessages_de from \"./intl/de\";\nimport passwordInputMessages_es from \"./intl/es\";\nimport passwordInputMessages_fr from \"./intl/fr-FR\";\nimport passwordInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const passwordInputMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(passwordInputMessages_en),\n de: normalizeMessages(passwordInputMessages_de),\n es: normalizeMessages(passwordInputMessages_es),\n \"fr-FR\": normalizeMessages(passwordInputMessages_fr),\n \"pt-BR\": normalizeMessages(passwordInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PasswordInput component\n */\nexport type PasswordInputMessageKey = \"hide\" | \"show\";\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { passwordInputMessagesStrings } from \"./password-input.messages\";\n\n/**\n * # PasswordInput\n *\n * A password input is a text field that hides entered characters for secure password entry.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}\n */\nexport const PasswordInput = (props: PasswordInputProps) => {\n const { ref, size = \"md\", isDisabled } = props;\n\n const msg = useLocalizedStringFormatter(passwordInputMessagesStrings);\n const [showPassword, setShowPassword] = useState(false);\n\n const toggleVisibility = () => setShowPassword(!showPassword);\n\n const currentLabel = msg.format(showPassword ? \"hide\" : \"show\");\n\n return (\n <TextInput\n ref={ref}\n {...props}\n trailingElement={\n <Tooltip.Root>\n <IconButton\n size={size === \"md\" ? \"xs\" : \"2xs\"}\n variant=\"ghost\"\n colorPalette=\"primary\"\n aria-label={currentLabel}\n onPress={toggleVisibility}\n isDisabled={isDisabled}\n >\n {showPassword ? <VisibilityOff /> : <Visibility />}\n </IconButton>\n <Tooltip.Content>{currentLabel}</Tooltip.Content>\n </Tooltip.Root>\n }\n type={showPassword ? \"text\" : \"password\"}\n />\n );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"mappings":"mRKuBA,IAAa,EAGT,CACF,GAAI,EAAA,EAAkB,CLrBP,KAAM,gBAAiB,KAAM,eKqBtB,CAAwB,EAC9C,GAAI,EAAA,EAAkB,CJtBP,KAAM,sBAAuB,KAAM,mBIsB5B,CAAwB,EAC9C,GAAI,EAAA,EAAkB,CHvBP,KAAM,qBAAsB,KAAM,oBGuB3B,CAAwB,EAC9C,QAAS,EAAA,EAAkB,CFvB3B,KAAM,0BACN,KAAM,0BEsBqB,CAAwB,EACnD,QAAS,EAAA,EAAkB,CDzBZ,KAAM,gBAAiB,KAAM,eCyBjB,CAAwB,CACrD,ECjBa,EAAiB,GAA8B,CAC1D,GAAM,CAAE,MAAK,OAAO,KAAM,cAAe,EAEnC,EAAM,EAAA,EAA4B,CAA4B,EAC9D,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,EAAK,EAEhD,MAAyB,EAAgB,CAAC,CAAY,EAEtD,EAAe,EAAI,OAAO,EAAe,OAAS,MAAM,EAE9D,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACO,MACL,GAAI,EACJ,iBACE,EAAA,EAAA,MAAC,EAAA,EAAQ,KAAT,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAM,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,aAAa,UACb,aAAY,EACZ,QAAS,EACG,sBAEX,GAAe,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAAI,EAAA,EAAA,KAAC,EAAA,WAAD,CAAa,CAAA,CACvC,CAAA,GACZ,EAAA,EAAA,KAAC,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-BzN_3jEi.esm.js ADDED Viewed

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

package/dist/chunks/password-input-field-BzN_3jEi.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/chunks/password-input-field-XfPuq47b.cjs ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"password-input-field-XfPuq47b.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,EAAE,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,MAAC,EAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAW,GAAa,WAN1B,EAQE,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,GAAI,EACE,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChB,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAE5D,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElB,IAAQ,EAAA,EAAA,KAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAmB,YAAc"}

package/dist/chunks/popover-DPUnwEvL.esm.js ADDED Viewed

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

package/dist/chunks/popover-DPUnwEvL.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/chunks/popover-YNJ3lRWA.cjs ADDED Viewed

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

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

@@ -0,0 +1 @@

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

package/dist/chunks/progress-bar-vrLe0Wzn.esm.js ADDED Viewed

@@ -0,0 +1,63 @@
+import { t as e } from "./useObjectRef-ClgudS2C.esm.js";
+import { n as t } from "./Label-Xh7702HT.esm.js";
+import { t as n } from "./ProgressBar-DHMdCYLc.esm.js";
+import { t as r } from "./box-CZyqYgLL.esm.js";
+import { t as i } from "./flex-BB3-rbwF.esm.js";
+import { t as a } from "./extract-style-props-4RoFSvGV.esm.js";
+import { t as o } from "./merge-refs-C1GcH9iY.esm.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 = e(o(s(null), p));
+	return /* @__PURE__ */ l(h, {
+		...A,
+		...M,
+		isDynamic: S,
+		isIndeterminate: C,
+		asChild: !0,
+		children: /* @__PURE__ */ l(n, {
+			ref: N,
+			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-vrLe0Wzn.esm.js.map

package/dist/chunks/progress-bar-vrLe0Wzn.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"progress-bar-vrLe0Wzn.esm.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,EAAO,kBAAkB;EAC7D;EACA;EACA,GAAG;CACL,CAAC,GACK,CAAC,KAAc,EAAkB,CAAc,GAG/C,IAAM,EAAa,EADR,EAAuB,IACL,GAAU,CAAY,CAAC;CAE1D,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACO;EACM;EACjB,SAAA;YAEA,kBAAC,GAAD;GACO;GACE;GACG;GACA;GACO;GACF;GACf,GAAI;cAEF,EAAE,eAAY,mBACd,kBAAA,GAAA,EAAA,UAAA;IACG,MAAW,aACV,kBAAC,GAAD,EAAA,UAAA;KACG,KACC,kBAAC,GAAD;MAAsB,SAAA;gBACpB,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;eACnC,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;eAC9B;IACmB,CAAA;GAExB,EAAA,CAAA;EAES,CAAA;CACI,CAAA;AAEzB;AAEA,EAAY,cAAc"}

package/dist/chunks/progress-bar-x54Gfzpo.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./useObjectRef-B_VeQHvx.cjs.js"),t=require("./Label-BUx4xalI.cjs.js"),n=require("./ProgressBar-L7nx92g2.cjs.js"),r=require("./box-B6vF0vdN.cjs.js"),i=require("./flex-D_rZ56ps.cjs.js"),a=require("./extract-style-props-CVl34XLj.cjs.js"),o=require("./merge-refs-DjTl2ATo.cjs.js");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=e.t(o.t((0,s.useRef)(null),d));return(0,c.jsx)(f,{...O,...A,isDynamic:b,isIndeterminate:x,asChild:!0,children:(0,c.jsx)(n.t,{ref:j,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 _}});
2	+ //# sourceMappingURL=progress-bar-x54Gfzpo.cjs.js.map

package/dist/chunks/progress-bar-x54Gfzpo.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"progress-bar-x54Gfzpo.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,EAAA,EAAA,yBAAwC,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,EAAA,EAAA,eADS,CAAE,IAAK,mBAAoB,CAClB,EAAO,kBAAkB,CAC7D,UACA,eACA,GAAG,CACL,CAAC,EACK,CAAC,GAAc,EAAA,EAAkB,CAAc,EAG/C,EAAM,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QADe,IACL,EAAU,CAAY,CAAC,EAE1D,OACE,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACJ,GAAI,EACO,YACM,kBACjB,QAAA,aAEA,EAAA,EAAA,KAAC,EAAA,EAAD,CACO,MACE,QACG,WACA,WACO,kBACF,gBACf,GAAI,YAEF,CAAE,aAAY,gBACd,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,IAAW,YACV,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACG,IACC,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAA,aACpB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAU,CAAe,CAAA,CACL,CAAA,GAExB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAK,SAAS,GAAK,CAAA,EAClB,GAAS,IACR,EAAA,EAAA,KAAC,EAAD,CAAA,SAAuB,CAAgC,CAAA,CAErD,CAAA,CAAA,EAGP,IAAW,UAAY,IACtB,EAAA,EAAA,KAAC,EAAD,CAAsB,WAAW,IAAI,QAAA,aACnC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAU,CAAe,CAAA,CACL,CAAA,GAGxB,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,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,KAAC,EAAD,CAAsB,WAAW,aAC9B,CACmB,CAAA,CAExB,CAAA,CAAA,CAES,CAAA,CACI,CAAA,CAEzB,EAEA,EAAY,YAAc"}

package/dist/chunks/public-page-layout-B5WuR4MJ.esm.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { t as e } from "./box-CZyqYgLL.esm.js";
+import { n as t, t as n } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as r } from "./flex-BB3-rbwF.esm.js";
+import { t as i } from "./heading-Bf0XwaRf.esm.js";
+import { t as a } from "./stack-D0obj5JC.esm.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#endregion
+//#region src/patterns/pages/public-page-layout/public-page-layout.messages.ts
+var c = {
+	en: n({ ariaLabel: "Public page" }),
+	de: n({ ariaLabel: "Öffentliche Seite" }),
+	es: n({ ariaLabel: "Página pública" }),
+	"fr-FR": n({ ariaLabel: "Page Public" }),
+	"pt-BR": n({ ariaLabel: "Página pública" })
+}, l = {
+	normal: "sm",
+	wide: "3xl"
+}, u = ({ children: n, logo: u, welcomeMessage: d, legalMessage: f, contentWidth: p = "normal", "aria-label": m, ...h }) => {
+	let g = t(c), _ = m ?? g.format("ariaLabel"), v = l[p];
+	return /* @__PURE__ */ o(r, {
+		as: "main",
+		"aria-label": _,
+		width: "100%",
+		minHeight: "100vh",
+		paddingY: "600",
+		justify: "center",
+		...h,
+		children: /* @__PURE__ */ s(a, {
+			gap: "600",
+			alignItems: "center",
+			width: "100%",
+			children: [
+				u != null && /* @__PURE__ */ o(r, {
+					"data-slot": "logo",
+					justify: "center",
+					children: u
+				}),
+				d != null && /* @__PURE__ */ o(i, {
+					"data-slot": "welcome-message",
+					as: "h2",
+					textAlign: "center",
+					children: d
+				}),
+				/* @__PURE__ */ s(a, {
+					gap: "600",
+					alignItems: "center",
+					width: "100%",
+					children: [/* @__PURE__ */ o(e, {
+						"data-slot": "content",
+						maxW: v,
+						width: "100%",
+						children: n
+					}), f != null && /* @__PURE__ */ o(e, {
+						"data-slot": "legal-message",
+						maxW: v,
+						textAlign: "center",
+						children: f
+					})]
+				})
+			]
+		})
+	});
+};
+u.displayName = "PublicPageLayout";
+//#endregion
+export { u as t };
+//# sourceMappingURL=public-page-layout-B5WuR4MJ.esm.js.map

package/dist/chunks/public-page-layout-B5WuR4MJ.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"public-page-layout-B5WuR4MJ.esm.js","names":[],"sources":["../../src/patterns/pages/public-page-layout/intl/en.ts","../../src/patterns/pages/public-page-layout/intl/de.ts","../../src/patterns/pages/public-page-layout/intl/es.ts","../../src/patterns/pages/public-page-layout/intl/fr-FR.ts","../../src/patterns/pages/public-page-layout/intl/pt-BR.ts","../../src/patterns/pages/public-page-layout/public-page-layout.messages.ts","../../src/patterns/pages/public-page-layout/public-page-layout.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Public page` };\n","/**\n * Pre-compiled de messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Öffentliche Seite` };\n","/**\n * Pre-compiled es messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Página pública` };\n","/**\n * Pre-compiled fr-FR messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Page Public` };\n","/**\n * Pre-compiled pt-BR messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Página pública` };\n","/**\n * Pre-compiled localized messages for PublicPageLayout 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 publicPageLayoutMessages_en from \"./intl/en\";\nimport publicPageLayoutMessages_de from \"./intl/de\";\nimport publicPageLayoutMessages_es from \"./intl/es\";\nimport publicPageLayoutMessages_fr from \"./intl/fr-FR\";\nimport publicPageLayoutMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const publicPageLayoutMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(publicPageLayoutMessages_en),\n de: normalizeMessages(publicPageLayoutMessages_de),\n es: normalizeMessages(publicPageLayoutMessages_es),\n \"fr-FR\": normalizeMessages(publicPageLayoutMessages_fr),\n \"pt-BR\": normalizeMessages(publicPageLayoutMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PublicPageLayout component\n */\nexport type PublicPageLayoutMessageKey = \"ariaLabel\";\n","import { Flex } from \"@/components/flex/flex\";\nimport { Heading } from \"@/components/heading/heading\";\nimport { Stack } from \"@/components/stack/stack\";\nimport { Box } from \"@/components/box/box\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { publicPageLayoutMessagesStrings } from \"./public-page-layout.messages\";\nimport type { PublicPageLayoutProps } from \"./public-page-layout.types\";\n\nconst contentMaxWidth = {\n normal: \"sm\",\n wide: \"3xl\",\n} as const;\n\n/**\n * # PublicPageLayout\n *\n * A pre-built, centered layout for public-facing pages (login, registration,\n * password reset). Provides slots for a brand logo, welcome heading, main\n * content, and legal footer.\n *\n * Replaces MC's `public-page-layout`. For layouts needing a different\n * structure, compose Flex and Stack directly (escape hatch).\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <PublicPageLayout\n * logo={<img src={logo} alt=\"Brand logo\" />}\n * welcomeMessage=\"Welcome to the Merchant Center\"\n * legalMessage={<Text>© 2026 commercetools</Text>}\n * >\n * <LoginForm />\n * </PublicPageLayout>\n * ```\n */\nexport const PublicPageLayout = ({\n children,\n logo,\n welcomeMessage,\n legalMessage,\n contentWidth = \"normal\",\n \"aria-label\": ariaLabel,\n ...styleProps\n}: PublicPageLayoutProps) => {\n const msg = useLocalizedStringFormatter(publicPageLayoutMessagesStrings);\n const resolvedAriaLabel = ariaLabel ?? msg.format(\"ariaLabel\");\n const maxW = contentMaxWidth[contentWidth];\n\n return (\n <Flex\n as=\"main\"\n aria-label={resolvedAriaLabel}\n width=\"100%\"\n minHeight=\"100vh\"\n paddingY=\"600\"\n justify=\"center\"\n {...styleProps}\n >\n <Stack gap=\"600\" alignItems=\"center\" width=\"100%\">\n {logo != null && (\n <Flex data-slot=\"logo\" justify=\"center\">\n {logo}\n </Flex>\n )}\n {welcomeMessage != null && (\n <Heading data-slot=\"welcome-message\" as=\"h2\" textAlign=\"center\">\n {welcomeMessage}\n </Heading>\n )}\n <Stack gap=\"600\" alignItems=\"center\" width=\"100%\">\n <Box data-slot=\"content\" maxW={maxW} width=\"100%\">\n {children}\n </Box>\n {legalMessage != null && (\n <Box data-slot=\"legal-message\" maxW={maxW} textAlign=\"center\">\n {legalMessage}\n </Box>\n )}\n </Stack>\n </Stack>\n </Flex>\n );\n};\n\nPublicPageLayout.displayName = \"PublicPageLayout\";\n"],"mappings":";;;;;;;;AKuBA,IAAa,IAGT;CACF,IAAI,EAAkB,ELrBP,WAAW,cKqBJ,CAA2B;CACjD,IAAI,EAAkB,EJtBP,WAAW,oBIsBJ,CAA2B;CACjD,IAAI,EAAkB,EHvBP,WAAW,iBGuBJ,CAA2B;CACjD,SAAS,EAAkB,EFxBZ,WAAW,cEwBC,CAA2B;CACtD,SAAS,EAAkB,EDzBZ,WAAW,iBCyBC,CAA2B;AACxD,GCxBM,IAAkB;CACtB,QAAQ;CACR,MAAM;AACR,GAyBa,KAAoB,EAC/B,aACA,SACA,mBACA,iBACA,kBAAe,UACf,cAAc,GACd,GAAG,QACwB;CAC3B,IAAM,IAAM,EAA4B,CAA+B,GACjE,IAAoB,KAAa,EAAI,OAAO,WAAW,GACvD,IAAO,EAAgB;CAE7B,OACE,kBAAC,GAAD;EACE,IAAG;EACH,cAAY;EACZ,OAAM;EACN,WAAU;EACV,UAAS;EACT,SAAQ;EACR,GAAI;YAEJ,kBAAC,GAAD;GAAO,KAAI;GAAM,YAAW;GAAS,OAAM;aAA3C;IACG,KAAQ,QACP,kBAAC,GAAD;KAAM,aAAU;KAAO,SAAQ;eAC5B;IACG,CAAA;IAEP,KAAkB,QACjB,kBAAC,GAAD;KAAS,aAAU;KAAkB,IAAG;KAAK,WAAU;eACpD;IACM,CAAA;IAEX,kBAAC,GAAD;KAAO,KAAI;KAAM,YAAW;KAAS,OAAM;eAA3C,CACE,kBAAC,GAAD;MAAK,aAAU;MAAgB;MAAM,OAAM;MACxC;KACE,CAAA,GACJ,KAAgB,QACf,kBAAC,GAAD;MAAK,aAAU;MAAsB;MAAM,WAAU;gBAClD;KACE,CAAA,CAEF;;GACF;;CACH,CAAA;AAEV;AAEA,EAAiB,cAAc"}

package/dist/chunks/public-page-layout-DK6-Xl7Z.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./box-B6vF0vdN.cjs.js"),t=require("./normalize-messages-BMIBfw4v.cjs.js"),n=require("./flex-D_rZ56ps.cjs.js"),r=require("./heading-BiA2hLSk.cjs.js"),i=require("./stack-MlK9aGs9.cjs.js");let a=require("react/jsx-runtime");var o={en:t.t({ariaLabel:`Public page`}),de:t.t({ariaLabel:`Öffentliche Seite`}),es:t.t({ariaLabel:`Página pública`}),"fr-FR":t.t({ariaLabel:`Page Public`}),"pt-BR":t.t({ariaLabel:`Página pública`})},s={normal:`sm`,wide:`3xl`},c=({children:c,logo:l,welcomeMessage:u,legalMessage:d,contentWidth:f=`normal`,"aria-label":p,...m})=>{let h=t.n(o),g=p??h.format(`ariaLabel`),_=s[f];return(0,a.jsx)(n.t,{as:`main`,"aria-label":g,width:`100%`,minHeight:`100vh`,paddingY:`600`,justify:`center`,...m,children:(0,a.jsxs)(i.t,{gap:`600`,alignItems:`center`,width:`100%`,children:[l!=null&&(0,a.jsx)(n.t,{"data-slot":`logo`,justify:`center`,children:l}),u!=null&&(0,a.jsx)(r.t,{"data-slot":`welcome-message`,as:`h2`,textAlign:`center`,children:u}),(0,a.jsxs)(i.t,{gap:`600`,alignItems:`center`,width:`100%`,children:[(0,a.jsx)(e.t,{"data-slot":`content`,maxW:_,width:`100%`,children:c}),d!=null&&(0,a.jsx)(e.t,{"data-slot":`legal-message`,maxW:_,textAlign:`center`,children:d})]})]})})};c.displayName=`PublicPageLayout`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
2	+ //# sourceMappingURL=public-page-layout-DK6-Xl7Z.cjs.js.map

package/dist/chunks/public-page-layout-DK6-Xl7Z.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"public-page-layout-DK6-Xl7Z.cjs.js","names":[],"sources":["../../src/patterns/pages/public-page-layout/intl/en.ts","../../src/patterns/pages/public-page-layout/intl/de.ts","../../src/patterns/pages/public-page-layout/intl/es.ts","../../src/patterns/pages/public-page-layout/intl/fr-FR.ts","../../src/patterns/pages/public-page-layout/intl/pt-BR.ts","../../src/patterns/pages/public-page-layout/public-page-layout.messages.ts","../../src/patterns/pages/public-page-layout/public-page-layout.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Public page` };\n","/**\n * Pre-compiled de messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Öffentliche Seite` };\n","/**\n * Pre-compiled es messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Página pública` };\n","/**\n * Pre-compiled fr-FR messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Page Public` };\n","/**\n * Pre-compiled pt-BR messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Página pública` };\n","/**\n * Pre-compiled localized messages for PublicPageLayout 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 publicPageLayoutMessages_en from \"./intl/en\";\nimport publicPageLayoutMessages_de from \"./intl/de\";\nimport publicPageLayoutMessages_es from \"./intl/es\";\nimport publicPageLayoutMessages_fr from \"./intl/fr-FR\";\nimport publicPageLayoutMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const publicPageLayoutMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(publicPageLayoutMessages_en),\n de: normalizeMessages(publicPageLayoutMessages_de),\n es: normalizeMessages(publicPageLayoutMessages_es),\n \"fr-FR\": normalizeMessages(publicPageLayoutMessages_fr),\n \"pt-BR\": normalizeMessages(publicPageLayoutMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PublicPageLayout component\n */\nexport type PublicPageLayoutMessageKey = \"ariaLabel\";\n","import { Flex } from \"@/components/flex/flex\";\nimport { Heading } from \"@/components/heading/heading\";\nimport { Stack } from \"@/components/stack/stack\";\nimport { Box } from \"@/components/box/box\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { publicPageLayoutMessagesStrings } from \"./public-page-layout.messages\";\nimport type { PublicPageLayoutProps } from \"./public-page-layout.types\";\n\nconst contentMaxWidth = {\n normal: \"sm\",\n wide: \"3xl\",\n} as const;\n\n/**\n * # PublicPageLayout\n *\n * A pre-built, centered layout for public-facing pages (login, registration,\n * password reset). Provides slots for a brand logo, welcome heading, main\n * content, and legal footer.\n *\n * Replaces MC's `public-page-layout`. For layouts needing a different\n * structure, compose Flex and Stack directly (escape hatch).\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <PublicPageLayout\n * logo={<img src={logo} alt=\"Brand logo\" />}\n * welcomeMessage=\"Welcome to the Merchant Center\"\n * legalMessage={<Text>© 2026 commercetools</Text>}\n * >\n * <LoginForm />\n * </PublicPageLayout>\n * ```\n */\nexport const PublicPageLayout = ({\n children,\n logo,\n welcomeMessage,\n legalMessage,\n contentWidth = \"normal\",\n \"aria-label\": ariaLabel,\n ...styleProps\n}: PublicPageLayoutProps) => {\n const msg = useLocalizedStringFormatter(publicPageLayoutMessagesStrings);\n const resolvedAriaLabel = ariaLabel ?? msg.format(\"ariaLabel\");\n const maxW = contentMaxWidth[contentWidth];\n\n return (\n <Flex\n as=\"main\"\n aria-label={resolvedAriaLabel}\n width=\"100%\"\n minHeight=\"100vh\"\n paddingY=\"600\"\n justify=\"center\"\n {...styleProps}\n >\n <Stack gap=\"600\" alignItems=\"center\" width=\"100%\">\n {logo != null && (\n <Flex data-slot=\"logo\" justify=\"center\">\n {logo}\n </Flex>\n )}\n {welcomeMessage != null && (\n <Heading data-slot=\"welcome-message\" as=\"h2\" textAlign=\"center\">\n {welcomeMessage}\n </Heading>\n )}\n <Stack gap=\"600\" alignItems=\"center\" width=\"100%\">\n <Box data-slot=\"content\" maxW={maxW} width=\"100%\">\n {children}\n </Box>\n {legalMessage != null && (\n <Box data-slot=\"legal-message\" maxW={maxW} textAlign=\"center\">\n {legalMessage}\n </Box>\n )}\n </Stack>\n </Stack>\n </Flex>\n );\n};\n\nPublicPageLayout.displayName = \"PublicPageLayout\";\n"],"mappings":"8OKuBA,IAAa,EAGT,CACF,GAAI,EAAA,EAAkB,CLrBP,UAAW,aKqBJ,CAA2B,EACjD,GAAI,EAAA,EAAkB,CJtBP,UAAW,mBIsBJ,CAA2B,EACjD,GAAI,EAAA,EAAkB,CHvBP,UAAW,gBGuBJ,CAA2B,EACjD,QAAS,EAAA,EAAkB,CFxBZ,UAAW,aEwBC,CAA2B,EACtD,QAAS,EAAA,EAAkB,CDzBZ,UAAW,gBCyBC,CAA2B,CACxD,ECxBM,EAAkB,CACtB,OAAQ,KACR,KAAM,KACR,EAyBa,GAAoB,CAC/B,WACA,OACA,iBACA,eACA,eAAe,SACf,aAAc,EACd,GAAG,KACwB,CAC3B,IAAM,EAAM,EAAA,EAA4B,CAA+B,EACjE,EAAoB,GAAa,EAAI,OAAO,WAAW,EACvD,EAAO,EAAgB,GAE7B,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,GAAG,OACH,aAAY,EACZ,MAAM,OACN,UAAU,QACV,SAAS,MACT,QAAQ,SACR,GAAI,YAEJ,EAAA,EAAA,MAAC,EAAA,EAAD,CAAO,IAAI,MAAM,WAAW,SAAS,MAAM,gBAA3C,CACG,GAAQ,OACP,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,YAAU,OAAO,QAAQ,kBAC5B,CACG,CAAA,EAEP,GAAkB,OACjB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAS,YAAU,kBAAkB,GAAG,KAAK,UAAU,kBACpD,CACM,CAAA,GAEX,EAAA,EAAA,MAAC,EAAA,EAAD,CAAO,IAAI,MAAM,WAAW,SAAS,MAAM,gBAA3C,EACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAK,YAAU,UAAgB,OAAM,MAAM,OACxC,UACE,CAAA,EACJ,GAAgB,OACf,EAAA,EAAA,KAAC,EAAA,EAAD,CAAK,YAAU,gBAAsB,OAAM,UAAU,kBAClD,CACE,CAAA,CAEF,GACF,GACH,CAAA,CAEV,EAEA,EAAiB,YAAc"}

package/dist/chunks/radio-input-6W0nx5iA.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./SSRProvider-z3ddXNrm.cjs.js"),t=require("./utils-F6cW7ajh.cjs.js"),n=require("./mergeProps-CiOPEjJs.cjs.js"),r=require("./useFocusable-C3WI18Kj.cjs.js"),i=require("./useObjectRef-B_VeQHvx.cjs.js"),a=require("./I18nProvider-ChvyDHT0.cjs.js"),o=require("./filterDOMProps-DnOwsDRm.cjs.js"),s=require("./usePress-DtaoTo7M.cjs.js"),c=require("./FocusScope-F_MRHvRx.cjs.js"),l=require("./useFormValidationState-DKLfndVx.cjs.js"),u=require("./useSlot-CjycLOWb.cjs.js"),d=require("./useField-04OWsUUE.cjs.js"),f=require("./useFocusWithin-CawnmVM8.cjs.js"),p=require("./useControlledState-CvFKqlKF.cjs.js"),m=require("./VisuallyHidden-AGyNNjry.cjs.js"),h=require("./useFocusRing-BjpUESSi.cjs.js"),g=require("./useHover-BwdOjvC_.cjs.js"),_=require("./utils-yFMw0myV.cjs.js"),v=require("./Label-BUx4xalI.cjs.js"),y=require("./Text-BxnTJ58S.cjs.js"),b=require("./Form-DzFDRpHC.cjs.js"),x=require("./SelectionIndicator-DNzzSPPr.cjs.js"),S=require("./theme-COAfGfIg.cjs.js"),C=require("./extract-style-props-CVl34XLj.cjs.js");let w=require("react");w=e.i(w,1);let T=require("react/jsx-runtime"),E=require("@commercetools/nimbus-icons"),D=require("@chakra-ui/react/styled-system");var O=new WeakMap;function k(e,t,i){let{value:a,children:c,"aria-label":d,"aria-labelledby":f,onPressStart:p,onPressEnd:m,onPressChange:h,onPress:g,onPressUp:_,onClick:v}=e,y=e.isDisabled\|\|t.isDisabled;c==null&&!(d!=null\|\|f!=null)&&process.env.NODE_ENV!==`production`&&console.warn(`If you do not provide children, you must specify an aria-label for accessibility`);let b=t.selectedValue===a,x=e=>{e.stopPropagation(),t.setSelectedValue(a)},{pressProps:S,isPressed:C}=s.t({onPressStart:p,onPressEnd:m,onPressChange:h,onPress:g,onPressUp:_,onClick:v,isDisabled:y}),{pressProps:T,isPressed:E}=s.t({onPressStart:p,onPressEnd:m,onPressChange:h,onPressUp:_,onClick:v,isDisabled:y,onPress(e){g?.(e),t.setSelectedValue(a),i.current?.focus()}}),{focusableProps:D}=r.n(n.t(e,{onFocus:()=>t.setLastFocusedValue(a)}),i),k=n.t(S,D),A=o.t(e,{labelable:!0}),j=-1;t.selectedValue==null?(t.lastFocusedValue===a\|\|t.lastFocusedValue==null)&&(j=0):t.selectedValue===a&&(j=0),y&&(j=void 0);let{name:M,form:N,descriptionId:P,errorMessageId:F,validationBehavior:I}=O.get(t);l.s(i,t.defaultSelectedValue,t.setSelectedValue),l.o({validationBehavior:I},t,i);let L=u.t();return{labelProps:n.t(T,(0,w.useMemo)(()=>({onClick:e=>e.preventDefault(),onMouseDown:e=>e.preventDefault()}),[])),inputProps:n.t(A,{...k,type:`radio`,name:M,form:N,tabIndex:j,disabled:y,required:t.isRequired&&I===`native`,checked:b,value:a,onChange:x,"aria-describedby":[e[`aria-describedby`],L.id,t.isInvalid?F:null,P].filter(Boolean).join(` `)\|\|void 0}),descriptionProps:L,isDisabled:y,isSelected:b,isPressed:C\|\|E}}function A(e,r){let{name:i,form:s,isReadOnly:l,isRequired:u,isDisabled:p,orientation:m=`vertical`,validationBehavior:h=`aria`}=e,{direction:g}=a.t(),{isInvalid:_,validationErrors:v,validationDetails:y}=r.displayValidation,{labelProps:b,fieldProps:x,descriptionProps:S,errorMessageProps:C}=d.t({...e,labelElementType:`span`,isInvalid:r.isInvalid,errorMessage:e.errorMessage\|\|v}),w=o.t(e,{labelable:!0}),{focusWithinProps:T}=f.t({onBlurWithin(t){e.onBlur?.(t),r.selectedValue\|\|r.setLastFocusedValue(null)},onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange}),E=e=>{let n;switch(e.key){case`ArrowRight`:n=g===`rtl`&&m!==`vertical`?`prev`:`next`;break;case`ArrowLeft`:n=g===`rtl`&&m!==`vertical`?`next`:`prev`;break;case`ArrowDown`:n=`next`;break;case`ArrowUp`:n=`prev`;break;default:return}e.preventDefault();let i=c.r(e.currentTarget,{from:t.d(e),accept:e=>e instanceof t.m(e).HTMLInputElement&&e.type===`radio`}),a;n===`next`?(a=i.nextNode(),a\|\|=(i.currentNode=e.currentTarget,i.firstChild())):(a=i.previousNode(),a\|\|=(i.currentNode=e.currentTarget,i.lastChild())),a&&(a.focus(),r.setSelectedValue(a.value))},D=n.i(i);return O.set(r,{name:D,form:s,descriptionId:S.id,errorMessageId:C.id,validationBehavior:h}),{radioGroupProps:n.t(w,{role:`radiogroup`,onKeyDown:E,"aria-invalid":r.isInvalid\|\|void 0,"aria-errormessage":e[`aria-errormessage`],"aria-readonly":l\|\|void 0,"aria-required":u\|\|void 0,"aria-disabled":p\|\|void 0,"aria-orientation":m,...x,...T}),labelProps:b,descriptionProps:S,errorMessageProps:C,isInvalid:_,validationErrors:v,validationDetails:y}}var j=Math.round(Math.random()*1e10),M=0;function N(e){let t=(0,w.useMemo)(()=>e.name\|\|`radio-group-${j}-${++M}`,[e.name]),[n,r]=p.t(e.value,e.defaultValue??null,e.onChange),[i]=(0,w.useState)(n),[a,o]=(0,w.useState)(null),s=l.a({...e,value:n}),c=t=>{!e.isReadOnly&&!e.isDisabled&&(r(t),s.commitValidation())},u=s.displayValidation.isInvalid;return{...s,name:t,selectedValue:n,defaultSelectedValue:e.value===void 0?e.defaultValue??null:i,setSelectedValue:c,lastFocusedValue:a,setLastFocusedValue:o,isDisabled:e.isDisabled\|\|!1,isReadOnly:e.isReadOnly\|\|!1,isRequired:e.isRequired\|\|!1,validationState:e.validationState\|\|(u?`invalid`:null),isInvalid:u}}var P=(0,w.createContext)(null),F=(0,w.createContext)(null),I=(0,w.createContext)(null),L=(0,w.forwardRef)(function(e,t){[e,t]=_.n(e,t,P);let{validationBehavior:r}=_.c(b.t)\|\|{},i=e.validationBehavior??r??`native`,a=N({...e,validationBehavior:i}),[s,c]=_.i(!e[`aria-label`]&&!e[`aria-labelledby`]),{radioGroupProps:l,labelProps:u,descriptionProps:d,errorMessageProps:f,...p}=A({...e,label:c,validationBehavior:i},a),m=_.r({...e,values:{orientation:e.orientation\|\|`vertical`,isDisabled:a.isDisabled,isReadOnly:a.isReadOnly,isRequired:a.isRequired,isInvalid:a.isInvalid,state:a},defaultClassName:`react-aria-RadioGroup`}),h=o.t(e,{global:!0});return w.default.createElement(_.o.div,{...n.t(h,m,l),ref:t,slot:e.slot\|\|void 0,"data-orientation":e.orientation\|\|`vertical`,"data-invalid":a.isInvalid\|\|void 0,"data-disabled":a.isDisabled\|\|void 0,"data-readonly":a.isReadOnly\|\|void 0,"data-required":a.isRequired\|\|void 0},w.default.createElement(_.t,{values:[[I,a],[v.t,{...u,ref:s,elementType:`span`}],[y.t,{slots:{description:d,errorMessage:f}}],[b.n,p]]},w.default.createElement(x.n,null,m.children)))}),R=(0,w.forwardRef)(function(e,t){let{inputRef:r=null,...a}=e;[e,t]=_.n(a,t,F);let o=w.default.useContext(I),s=i.t((0,w.useMemo)(()=>n.n(r,e.inputRef===void 0?null:e.inputRef),[r,e.inputRef])),c=k({..._.s(e),children:typeof e.children==`function`?!0:e.children},o,s);return w.default.createElement(z.Provider,{value:{...c,inputRef:s,defaultClassName:`react-aria-Radio`}},w.default.createElement(B,{...e,ref:t}))}),z=(0,w.createContext)(null),B=(0,w.forwardRef)(function(e,t){let{labelProps:r,inputProps:i,isSelected:a,isDisabled:s,isPressed:c,defaultClassName:l,inputRef:u}=(0,w.useContext)(z),d=w.default.useContext(I),{isFocused:f,isFocusVisible:p,focusProps:v}=h.t(),y=s\|\|d.isReadOnly,{hoverProps:b,isHovered:x}=g.t({...e,isDisabled:y}),S=_.r({...e,defaultClassName:l,values:{isSelected:a,isPressed:c,isHovered:x,isFocused:f,isFocusVisible:p,isDisabled:s,isReadOnly:d.isReadOnly,isInvalid:d.isInvalid,isRequired:d.isRequired}}),C=o.t(e,{global:!0});return delete C.id,delete C.onClick,w.default.createElement(_.o.label,{...n.t(C,r,b,S),ref:t,"data-selected":a\|\|void 0,"data-pressed":c\|\|void 0,"data-hovered":x\|\|void 0,"data-focused":f\|\|void 0,"data-focus-visible":p\|\|void 0,"data-disabled":s\|\|void 0,"data-readonly":d.isReadOnly\|\|void 0,"data-invalid":d.isInvalid\|\|void 0,"data-required":d.isRequired\|\|void 0},w.default.createElement(m.t,{elementType:`span`},w.default.createElement(`input`,{...n.t(i,v),ref:u})),S.children)}),{withProvider:V,withContext:H}=(0,D.createSlotRecipeContext)({key:`nimbusRadioInput`}),U=V(`div`,`root`),W=H(`span`,`option`),G=e=>{let[t,n]=(0,D.useSlotRecipe)({recipe:S.y}).splitVariantProps(e),[r,i]=C.t(n);return(0,T.jsx)(U,{...t,...r,asChild:!0,children:(0,T.jsx)(L,{...i,children:e.children})})};G.displayName=`RadioInput.Root`;var K=({children:e,value:t,...i})=>{let[a,o]=C.t(i),{isFocused:s,focusProps:c}=h.t(),l=(0,w.useRef)(null),{focusableProps:u}=r.n({excludeFromTabOrder:!0},l);return(0,T.jsx)(W,{...a,...n.t(c,u),"data-focus":s\|\|void 0,asChild:!0,children:(0,T.jsx)(R,{value:t,...o,ref:l,children:t=>{let n=typeof e==`function`?e({...t}):e;return(0,T.jsxs)(T.Fragment,{children:[t.isSelected?(0,T.jsx)(E.RadioButtonChecked,{}):(0,T.jsx)(E.RadioButtonUnchecked,{}),n]})}})})};K.displayName=`RadioInput.Option`;var q={Root:G,Option:K};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return q}});
2	+ //# sourceMappingURL=radio-input-6W0nx5iA.cjs.js.map

package/dist/chunks/radio-input-6W0nx5iA.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"radio-input-6W0nx5iA.cjs.js","names":["$d27d541f9569d26d$export$45712eceda6fad21","$d1116acdf220c2da$export$4c014de7c8940b4c","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$8e9d2fae0ecb9001$export$457c3d6518dd4c6f","$3274bf1495747a7b$export$5add1d006293d136","$860f7da480e22816$export$b8473d3665f3a75a","$4c14b02d5228be26$export$ed2feabec4a533f4","$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7","$191c9b6d48a0a4e2$export$294aa081a6c6f55d","$8e9d2fae0ecb9001$export$457c3d6518dd4c6f","$2c9edc598a03d523$export$420e68273165f4ec","$535772f9d2c1f38d$export$2d6ec8fc375ceafa","$23f2114a1b82827e$export$e58f029f0fbfdb29","$d447af545b77c9f1$export$f21a1ffae260145a","$390e54f620492c70$export$f680877a34711e37","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$3e6197669829fe11$export$40bfa8c7b0832715","$fd2148440a13ec26$export$fc1a364ae1f3ff10","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","$64B8K$useRadioGroupState","$7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8","$64B8K$useRadioGroup","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$64B8K$filterDOMProps","$64B8K$react","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$64B8K$mergeProps","$7230ffa83bc0c2cf$export$2881499e37b75b9a","$43a3b93638fe5db9$export$75b6ee27786ba447","$efe09c6d1c304b50$export$9afb8bc826b033ea","$1f3c3b1a70cec653$export$ff05c3ac10437e03","$792f28e438b9ad5f$export$758399f318e6385a","$64B8K$useObjectRef","$64B8K$mergeRefs","$64B8K$useRadio","$7230ffa83bc0c2cf$export$ef03459518577ad4","$64B8K$useFocusRing","$64B8K$useHover","$64B8K$VisuallyHidden"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/radio/utils.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/radio/useRadio.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/radio/useRadioGroup.mjs","../../../../node_modules/.pnpm/react-stately@3.47.0_react@19.2.0/node_modules/react-stately/dist/private/radio/useRadioGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/RadioGroup.mjs","../../src/components/radio-input/radio-input.slots.tsx","../../src/components/radio-input/components/radio-input.root.tsx","../../src/components/radio-input/components/radio-input.option.tsx","../../src/components/radio-input/radio-input.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $640b6b92b30fd41a$export$37b65e5b5444d35c = new WeakMap();\n\n\nexport {$640b6b92b30fd41a$export$37b65e5b5444d35c as radioGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {filterDOMProps as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f} from \"../utils/filterDOMProps.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {radioGroupData as $640b6b92b30fd41a$export$37b65e5b5444d35c} from \"./utils.mjs\";\nimport {useFocusable as $d1116acdf220c2da$export$4c014de7c8940b4c} from \"../interactions/useFocusable.mjs\";\nimport {useFormReset as $3274bf1495747a7b$export$5add1d006293d136} from \"../utils/useFormReset.mjs\";\nimport {useFormValidation as $860f7da480e22816$export$b8473d3665f3a75a} from \"../form/useFormValidation.mjs\";\nimport {usePress as $d27d541f9569d26d$export$45712eceda6fad21} from \"../interactions/usePress.mjs\";\nimport {useSlotId2 as $4c14b02d5228be26$export$ed2feabec4a533f4} from \"../utils/useSlot.mjs\";\nimport {useMemo as $jgf8P$useMemo} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\nfunction $405627c100c5b965$export$37b0961d2f4751e2(props, state, ref) {\n let { value: value, children: children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressChange: onPressChange, onPress: onPress, onPressUp: onPressUp, onClick: onClick } = props;\n const isDisabled = props.isDisabled || state.isDisabled;\n let hasChildren = children != null;\n let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;\n if (!hasChildren && !hasAriaLabel && process.env.NODE_ENV !== 'production') console.warn('If you do not provide children, you must specify an aria-label for accessibility');\n let checked = state.selectedValue === value;\n let onChange = (e)=>{\n e.stopPropagation();\n state.setSelectedValue(value);\n };\n // Handle press state for keyboard interactions and cases where labelProps is not used.\n let { pressProps: pressProps, isPressed: isPressed } = (0, $d27d541f9569d26d$export$45712eceda6fad21)({\n onPressStart: onPressStart,\n onPressEnd: onPressEnd,\n onPressChange: onPressChange,\n onPress: onPress,\n onPressUp: onPressUp,\n onClick: onClick,\n isDisabled: isDisabled\n });\n // Handle press state on the label.\n let { pressProps: labelProps, isPressed: isLabelPressed } = (0, $d27d541f9569d26d$export$45712eceda6fad21)({\n onPressStart: onPressStart,\n onPressEnd: onPressEnd,\n onPressChange: onPressChange,\n onPressUp: onPressUp,\n onClick: onClick,\n isDisabled: isDisabled,\n onPress (e) {\n onPress?.(e);\n state.setSelectedValue(value);\n ref.current?.focus();\n }\n });\n let { focusableProps: focusableProps } = (0, $d1116acdf220c2da$export$4c014de7c8940b4c)((0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(props, {\n onFocus: ()=>state.setLastFocusedValue(value)\n }), ref);\n let interactions = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(pressProps, focusableProps);\n let domProps = (0, $8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props, {\n labelable: true\n });\n let tabIndex = -1;\n if (state.selectedValue != null) {\n if (state.selectedValue === value) tabIndex = 0;\n } else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0;\n if (isDisabled) tabIndex = undefined;\n let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $640b6b92b30fd41a$export$37b65e5b5444d35c).get(state);\n (0, $3274bf1495747a7b$export$5add1d006293d136)(ref, state.defaultSelectedValue, state.setSelectedValue);\n (0, $860f7da480e22816$export$b8473d3665f3a75a)({\n validationBehavior: validationBehavior\n }, state, ref);\n let descriptionProps = (0, $4c14b02d5228be26$export$ed2feabec4a533f4)();\n return {\n labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $jgf8P$useMemo)(()=>({\n onClick: (e)=>e.preventDefault(),\n // Prevent label from being focused when mouse down on it.\n // Note, this does not prevent the input from being focused in the `click` event.\n onMouseDown: (e)=>e.preventDefault()\n }), [])),\n inputProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(domProps, {\n ...interactions,\n type: 'radio',\n name: name,\n form: form,\n tabIndex: tabIndex,\n disabled: isDisabled,\n required: state.isRequired && validationBehavior === 'native',\n checked: checked,\n value: value,\n onChange: onChange,\n 'aria-describedby': [\n props['aria-describedby'],\n descriptionProps.id,\n state.isInvalid ? errorMessageId : null,\n descriptionId\n ].filter(Boolean).join(' ') || undefined\n }),\n descriptionProps: descriptionProps,\n isDisabled: isDisabled,\n isSelected: checked,\n isPressed: isPressed || isLabelPressed\n };\n}\n\n\nexport {$405627c100c5b965$export$37b0961d2f4751e2 as useRadio};\n//# sourceMappingURL=useRadio.mjs.map\n","import {filterDOMProps as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f} from \"../utils/filterDOMProps.mjs\";\nimport {getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29} from \"../utils/shadowdom/DOMFunctions.mjs\";\nimport {getFocusableTreeWalker as $535772f9d2c1f38d$export$2d6ec8fc375ceafa} from \"../focus/FocusScope.mjs\";\nimport {getOwnerWindow as $d447af545b77c9f1$export$f21a1ffae260145a} from \"../utils/domHelpers.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {radioGroupData as $640b6b92b30fd41a$export$37b65e5b5444d35c} from \"./utils.mjs\";\nimport {useField as $191c9b6d48a0a4e2$export$294aa081a6c6f55d} from \"../label/useField.mjs\";\nimport {useFocusWithin as $2c9edc598a03d523$export$420e68273165f4ec} from \"../interactions/useFocusWithin.mjs\";\nimport {useId as $390e54f620492c70$export$f680877a34711e37} from \"../utils/useId.mjs\";\nimport {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from \"../i18n/I18nProvider.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nfunction $eecdee08e0d8a75f$export$62b9571f283ff5c2(props, state) {\n let { name: name, form: form, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;\n let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();\n let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;\n let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $191c9b6d48a0a4e2$export$294aa081a6c6f55d)({\n ...props,\n // Radio group is not an HTML input element so it\n // shouldn't be labeled by a <label> element.\n labelElementType: 'span',\n isInvalid: state.isInvalid,\n errorMessage: props.errorMessage || validationErrors\n });\n let domProps = (0, $8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props, {\n labelable: true\n });\n // When the radio group loses focus, reset the focusable radio to null if\n // there is no selection. This allows tabbing into the group from either\n // direction to go to the first or last radio.\n let { focusWithinProps: focusWithinProps } = (0, $2c9edc598a03d523$export$420e68273165f4ec)({\n onBlurWithin (e) {\n props.onBlur?.(e);\n if (!state.selectedValue) state.setLastFocusedValue(null);\n },\n onFocusWithin: props.onFocus,\n onFocusWithinChange: props.onFocusChange\n });\n let onKeyDown = (e)=>{\n let nextDir;\n switch(e.key){\n case 'ArrowRight':\n if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'prev';\n else nextDir = 'next';\n break;\n case 'ArrowLeft':\n if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'next';\n else nextDir = 'prev';\n break;\n case 'ArrowDown':\n nextDir = 'next';\n break;\n case 'ArrowUp':\n nextDir = 'prev';\n break;\n default:\n return;\n }\n e.preventDefault();\n let walker = (0, $535772f9d2c1f38d$export$2d6ec8fc375ceafa)(e.currentTarget, {\n from: (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e),\n accept: (node)=>node instanceof (0, $d447af545b77c9f1$export$f21a1ffae260145a)(node).HTMLInputElement && node.type === 'radio'\n });\n let nextElem;\n if (nextDir === 'next') {\n nextElem = walker.nextNode();\n if (!nextElem) {\n walker.currentNode = e.currentTarget;\n nextElem = walker.firstChild();\n }\n } else {\n nextElem = walker.previousNode();\n if (!nextElem) {\n walker.currentNode = e.currentTarget;\n nextElem = walker.lastChild();\n }\n }\n if (nextElem) {\n // Call focus on nextElem so that keyboard navigation scrolls the radio into view\n nextElem.focus();\n state.setSelectedValue(nextElem.value);\n }\n };\n let groupName = (0, $390e54f620492c70$export$f680877a34711e37)(name);\n (0, $640b6b92b30fd41a$export$37b65e5b5444d35c).set(state, {\n name: groupName,\n form: form,\n descriptionId: descriptionProps.id,\n errorMessageId: errorMessageProps.id,\n validationBehavior: validationBehavior\n });\n return {\n radioGroupProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(domProps, {\n // https://www.w3.org/TR/wai-aria-1.2/#radiogroup\n role: 'radiogroup',\n onKeyDown: onKeyDown,\n 'aria-invalid': state.isInvalid || undefined,\n 'aria-errormessage': props['aria-errormessage'],\n 'aria-readonly': isReadOnly || undefined,\n 'aria-required': isRequired || undefined,\n 'aria-disabled': isDisabled || undefined,\n 'aria-orientation': orientation,\n ...fieldProps,\n ...focusWithinProps\n }),\n labelProps: labelProps,\n descriptionProps: descriptionProps,\n errorMessageProps: errorMessageProps,\n isInvalid: isInvalid,\n validationErrors: validationErrors,\n validationDetails: validationDetails\n };\n}\n\n\nexport {$eecdee08e0d8a75f$export$62b9571f283ff5c2 as useRadioGroup};\n//# sourceMappingURL=useRadioGroup.mjs.map\n","import {useFormValidationState as $fd2148440a13ec26$export$fc1a364ae1f3ff10} from \"../form/useFormValidationState.mjs\";\nimport {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from \"../utils/useControlledState.mjs\";\nimport {useMemo as $6Hs9a$useMemo, useState as $6Hs9a$useState} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nlet $384704861d32dbed$var$instance = Math.round(Math.random() * 10000000000);\nlet $384704861d32dbed$var$i = 0;\nfunction $384704861d32dbed$export$bca9d026f8e704eb(props) {\n // Preserved here for backward compatibility. React Aria now generates the name instead of stately.\n let name = (0, $6Hs9a$useMemo)(()=>props.name || `radio-group-${$384704861d32dbed$var$instance}-${++$384704861d32dbed$var$i}`, [\n props.name\n ]);\n let [selectedValue, setSelected] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)(props.value, props.defaultValue ?? null, props.onChange);\n let [initialValue] = (0, $6Hs9a$useState)(selectedValue);\n let [lastFocusedValue, setLastFocusedValue] = (0, $6Hs9a$useState)(null);\n let validation = (0, $fd2148440a13ec26$export$fc1a364ae1f3ff10)({\n ...props,\n value: selectedValue\n });\n let setSelectedValue = (value)=>{\n if (!props.isReadOnly && !props.isDisabled) {\n setSelected(value);\n validation.commitValidation();\n }\n };\n let isInvalid = validation.displayValidation.isInvalid;\n return {\n ...validation,\n name: name,\n selectedValue: selectedValue,\n defaultSelectedValue: props.value !== undefined ? initialValue : props.defaultValue ?? null,\n setSelectedValue: setSelectedValue,\n lastFocusedValue: lastFocusedValue,\n setLastFocusedValue: setLastFocusedValue,\n isDisabled: props.isDisabled || false,\n isReadOnly: props.isReadOnly || false,\n isRequired: props.isRequired || false,\n validationState: props.validationState || (isInvalid ? 'invalid' : null),\n isInvalid: isInvalid\n };\n}\n\n\nexport {$384704861d32dbed$export$bca9d026f8e704eb as useRadioGroupState};\n//# sourceMappingURL=useRadioGroupState.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {SelectionIndicatorContext as $91fe5e721c7f36c1$export$c9549807523555e0} from \"./SelectionIndicator.mjs\";\nimport {SharedElementTransition as $792f28e438b9ad5f$export$758399f318e6385a} from \"./SharedElementTransition.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useRadioGroup as $64B8K$useRadioGroup, useRadio as $64B8K$useRadio} from \"react-aria/useRadioGroup\";\nimport {filterDOMProps as $64B8K$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $64B8K$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $64B8K$mergeRefs} from \"react-aria/mergeRefs\";\nimport {useRadioGroupState as $64B8K$useRadioGroupState} from \"react-stately/useRadioGroupState\";\nimport $64B8K$react, {createContext as $64B8K$createContext, forwardRef as $64B8K$forwardRef, useMemo as $64B8K$useMemo, useContext as $64B8K$useContext} from \"react\";\nimport {useFocusRing as $64B8K$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $64B8K$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $64B8K$useObjectRef} from \"react-aria/useObjectRef\";\nimport {VisuallyHidden as $64B8K$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $fe21c36db05242bb$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $64B8K$createContext)(null);\nconst $fe21c36db05242bb$export$b118023277d4a5c3 = /*#__PURE__*/ (0, $64B8K$createContext)(null);\nconst $fe21c36db05242bb$export$29c6814b341e632b = /*#__PURE__*/ (0, $64B8K$createContext)(null);\nconst $fe21c36db05242bb$export$29d84393af70866c = /*#__PURE__*/ (0, $64B8K$createContext)(null);\nconst $fe21c36db05242bb$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $64B8K$forwardRef)(function RadioGroup(props, ref) {\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $fe21c36db05242bb$export$a79eda4ff50e30b6);\n let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n let state = (0, $64B8K$useRadioGroupState)({\n ...props,\n validationBehavior: validationBehavior\n });\n let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $64B8K$useRadioGroup)({\n ...props,\n label: label,\n validationBehavior: validationBehavior\n }, state);\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n values: {\n orientation: props.orientation || 'vertical',\n isDisabled: state.isDisabled,\n isReadOnly: state.isReadOnly,\n isRequired: state.isRequired,\n isInvalid: state.isInvalid,\n state: state\n },\n defaultClassName: 'react-aria-RadioGroup'\n });\n let DOMProps = (0, $64B8K$filterDOMProps)(props, {\n global: true\n });\n return /*#__PURE__*/ (0, $64B8K$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n ...(0, $64B8K$mergeProps)(DOMProps, renderProps, radioGroupProps),\n ref: ref,\n slot: props.slot || undefined,\n \"data-orientation\": props.orientation || 'vertical',\n \"data-invalid\": state.isInvalid || undefined,\n \"data-disabled\": state.isDisabled || undefined,\n \"data-readonly\": state.isReadOnly || undefined,\n \"data-required\": state.isRequired || undefined\n }, /*#__PURE__*/ (0, $64B8K$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n values: [\n [\n $fe21c36db05242bb$export$29d84393af70866c,\n state\n ],\n [\n (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n {\n ...labelProps,\n ref: labelRef,\n elementType: 'span'\n }\n ],\n [\n (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorMessageProps\n }\n }\n ],\n [\n (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n validation\n ]\n ]\n }, /*#__PURE__*/ (0, $64B8K$react).createElement((0, $792f28e438b9ad5f$export$758399f318e6385a), null, renderProps.children)));\n});\nconst $fe21c36db05242bb$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $64B8K$forwardRef)(function Radio(props, ref) {\n let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $fe21c36db05242bb$export$b118023277d4a5c3);\n let state = (0, $64B8K$react).useContext($fe21c36db05242bb$export$29d84393af70866c);\n let inputRef = (0, $64B8K$useObjectRef)((0, $64B8K$useMemo)(()=>(0, $64B8K$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n userProvidedInputRef,\n props.inputRef\n ]));\n let aria = (0, $64B8K$useRadio)({\n ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n // ReactNode type doesn't allow function children.\n children: typeof props.children === 'function' ? true : props.children\n }, state, inputRef);\n return /*#__PURE__*/ (0, $64B8K$react).createElement($fe21c36db05242bb$var$InternalRadioContext.Provider, {\n value: {\n ...aria,\n inputRef: inputRef,\n defaultClassName: 'react-aria-Radio'\n }\n }, /*#__PURE__*/ (0, $64B8K$react).createElement($fe21c36db05242bb$export$f4422ae58352e179, {\n ...props,\n ref: ref\n }));\n});\nconst $fe21c36db05242bb$var$InternalRadioContext = /*#__PURE__*/ (0, $64B8K$createContext)(null);\nconst $fe21c36db05242bb$export$4aaf0c609b3e241e = /*#__PURE__*/ (0, $64B8K$forwardRef)(function RadioField(props, ref) {\n let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $fe21c36db05242bb$export$29c6814b341e632b);\n let state = (0, $64B8K$react).useContext($fe21c36db05242bb$export$29d84393af70866c);\n let inputRef = (0, $64B8K$useObjectRef)((0, $64B8K$useMemo)(()=>(0, $64B8K$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n userProvidedInputRef,\n props.inputRef\n ]));\n let aria = (0, $64B8K$useRadio)({\n ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n // ReactNode type doesn't allow function children.\n children: typeof props.children === 'function' ? true : props.children\n }, state, inputRef);\n let { descriptionProps: descriptionProps, isSelected: isSelected, isDisabled: isDisabled } = aria;\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-RadioField',\n values: {\n isSelected: isSelected,\n isDisabled: isDisabled,\n isReadOnly: state.isReadOnly,\n isInvalid: state.isInvalid,\n isRequired: state.isRequired\n }\n });\n let DOMProps = (0, $64B8K$filterDOMProps)(props, {\n global: true\n });\n delete DOMProps.id;\n delete DOMProps.onClick;\n return /*#__PURE__*/ (0, $64B8K$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n ...(0, $64B8K$mergeProps)(DOMProps, renderProps),\n ref: ref,\n \"data-selected\": isSelected || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-readonly\": state.isReadOnly || undefined,\n \"data-invalid\": state.isInvalid || undefined,\n \"data-required\": state.isRequired || undefined\n }, /*#__PURE__*/ (0, $64B8K$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n values: [\n [\n (0, $91fe5e721c7f36c1$export$c9549807523555e0),\n {\n isSelected: isSelected\n }\n ],\n [\n $fe21c36db05242bb$var$InternalRadioContext,\n {\n ...aria,\n inputRef: inputRef,\n defaultClassName: 'react-aria-RadioButton'\n }\n ],\n [\n (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n {\n slots: {\n description: descriptionProps\n }\n }\n ]\n ]\n }, renderProps.children));\n});\nconst $fe21c36db05242bb$export$f4422ae58352e179 = /*#__PURE__*/ (0, $64B8K$forwardRef)(function RadioButton(props, ref) {\n let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressed, defaultClassName: defaultClassName, inputRef: inputRef } = (0, $64B8K$useContext)($fe21c36db05242bb$var$InternalRadioContext);\n let state = (0, $64B8K$react).useContext($fe21c36db05242bb$export$29d84393af70866c);\n let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $64B8K$useFocusRing)();\n let interactionDisabled = isDisabled || state.isReadOnly;\n let { hoverProps: hoverProps, isHovered: isHovered } = (0, $64B8K$useHover)({\n ...props,\n isDisabled: interactionDisabled\n });\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: defaultClassName,\n values: {\n isSelected: isSelected,\n isPressed: isPressed,\n isHovered: isHovered,\n isFocused: isFocused,\n isFocusVisible: isFocusVisible,\n isDisabled: isDisabled,\n isReadOnly: state.isReadOnly,\n isInvalid: state.isInvalid,\n isRequired: state.isRequired\n }\n });\n let DOMProps = (0, $64B8K$filterDOMProps)(props, {\n global: true\n });\n delete DOMProps.id;\n delete DOMProps.onClick;\n return /*#__PURE__*/ (0, $64B8K$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n ...(0, $64B8K$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n ref: ref,\n \"data-selected\": isSelected || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-hovered\": isHovered || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-readonly\": state.isReadOnly || undefined,\n \"data-invalid\": state.isInvalid || undefined,\n \"data-required\": state.isRequired || undefined\n }, /*#__PURE__*/ (0, $64B8K$react).createElement((0, $64B8K$VisuallyHidden), {\n elementType: \"span\"\n }, /*#__PURE__*/ (0, $64B8K$react).createElement(\"input\", {\n ...(0, $64B8K$mergeProps)(inputProps, focusProps),\n ref: inputRef\n })), renderProps.children);\n});\n\n\nexport {$fe21c36db05242bb$export$a79eda4ff50e30b6 as RadioGroupContext, $fe21c36db05242bb$export$b118023277d4a5c3 as RadioContext, $fe21c36db05242bb$export$29c6814b341e632b as RadioFieldContext, $fe21c36db05242bb$export$29d84393af70866c as RadioGroupStateContext, $fe21c36db05242bb$export$a98f0dcb43a68a25 as RadioGroup, $fe21c36db05242bb$export$d7b12c4107be0d61 as Radio, $fe21c36db05242bb$export$f4422ae58352e179 as RadioButton, $fe21c36db05242bb$export$4aaf0c609b3e241e as RadioField};\n//# sourceMappingURL=RadioGroup.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n RadioInputOptionSlotProps,\n RadioInputRootSlotProps,\n} from \"./radio-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusRadioInput\",\n});\n\nexport const RadioInputRootSlot = withProvider<\n HTMLDivElement,\n RadioInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const RadioInputOptionSlot = withContext<\n HTMLSpanElement,\n RadioInputOptionSlotProps\n>(\"span\", \"option\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { radioInputSlotRecipe } from \"../radio-input.recipe\";\nimport { RadioGroup as RaRadioGroup } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { RadioInputRootProps } from \"../radio-input.types\";\nimport { RadioInputRootSlot } from \"../radio-input.slots\";\n\n/**\n * # RadioInput.Root\n *\n * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.\n *\n * @supportsStyleProps\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/radio-input}\n */\nexport const RadioInputRoot = (props: RadioInputRootProps) => {\n const recipe = useSlotRecipe({ recipe: radioInputSlotRecipe });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n const [styleProps, restProps] = extractStyleProps(restRecipeProps);\n\n return (\n <RadioInputRootSlot {...recipeProps} {...styleProps} asChild>\n <RaRadioGroup {...restProps}>{props.children}</RaRadioGroup>\n </RadioInputRootSlot>\n );\n};\n\nRadioInputRoot.displayName = \"RadioInput.Root\";\n","import { useRef } from \"react\";\nimport { Radio as RaRadio } from \"react-aria-components\";\nimport {\n RadioButtonChecked,\n RadioButtonUnchecked,\n} from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { RadioInputOptionProps } from \"../radio-input.types\";\nimport { RadioInputOptionSlot } from \"../radio-input.slots\";\nimport { useFocusRing, useFocusable, mergeProps } from \"react-aria\";\n\n/**\n * # RadioInput.Option\n *\n * An individual radio option within a RadioInput group that can be selected.\n * Provides visual feedback for selection state and supports keyboard interaction.\n *\n * @supportsStyleProps\n */\nexport const RadioInputOption = ({\n children,\n value,\n ...rest\n}: RadioInputOptionProps) => {\n const [styleProps, restProps] = extractStyleProps(rest);\n const { isFocused, focusProps } = useFocusRing();\n\n // Enable tooltip trigger support: reads from FocusableContext (set by Tooltip.Root)\n // to apply hover/focus handlers to the visible label element. No-op outside tooltips.\n const optionRef = useRef<HTMLLabelElement>(null);\n const { focusableProps } = useFocusable(\n { excludeFromTabOrder: true },\n optionRef\n );\n\n return (\n <RadioInputOptionSlot\n {...styleProps}\n {...mergeProps(focusProps, focusableProps)}\n data-focus={isFocused || undefined}\n asChild\n >\n <RaRadio value={value} {...restProps} ref={optionRef}>\n {(renderProps) => {\n const content =\n typeof children === \"function\"\n ? children({\n ...renderProps,\n })\n : children;\n return (\n <>\n {renderProps.isSelected ? (\n <RadioButtonChecked />\n ) : (\n <RadioButtonUnchecked />\n )}\n {content}\n </>\n );\n }}\n </RaRadio>\n </RadioInputOptionSlot>\n );\n};\n\nRadioInputOption.displayName = \"RadioInput.Option\";\n","import { RadioInputRoot, RadioInputOption } from \"./components\";\n\nexport const RadioInput = {\n /**\n * # RadioInput.Root\n *\n * The root container for a radio input group that manages the selection state and provides context for radio options.\n * Handles keyboard navigation, accessibility attributes, and mutually exclusive selection behavior.\n *\n * @example\n * ```tsx\n * <RadioInput.Root name=\"selection\" defaultValue=\"option1\">\n * <RadioInput.Option value=\"option1\">First Choice</RadioInput.Option>\n * <RadioInput.Option value=\"option2\">Second Choice</RadioInput.Option>\n * </RadioInput.Root>\n * ```\n */\n Root: RadioInputRoot,\n\n /**\n * # RadioInput.Option\n *\n * An individual radio option within a RadioInput group that can be selected.\n * Provides visual feedback for selection state and supports keyboard interaction.\n *\n * @example\n * ```tsx\n * <RadioInput.Root name=\"choice\">\n * <RadioInput.Option value=\"yes\">Yes</RadioInput.Option>\n * <RadioInput.Option value=\"no\">No</RadioInput.Option>\n * </RadioInput.Root>\n * ```\n */\n Option: RadioInputOption,\n};\n"],"x_google_ignoreList":[0,1,2,3,4],"mappings":"iqCAUI,IAAM,EAA4C,IAAI,QCmB1D,SAAS,EAA0C,EAAO,EAAO,EAAK,CAClE,GAAI,CAAS,QAAiB,WAAU,aAAc,EAAW,kBAAmB,EAA8B,eAA0B,aAA2B,gBAAwB,UAAoB,YAAoB,WAAY,EAC7O,EAAa,EAAM,YAAc,EAAM,WAC3B,GAAY,MAEV,EADD,GAAa,MAAQ,GAAkB,OAAA,QAAA,IAAA,WACI,cAAc,QAAQ,KAAK,kFAAkF,EAC3K,IAAI,EAAU,EAAM,gBAAkB,EAClC,EAAY,GAAI,CAChB,EAAE,gBAAgB,EAClB,EAAM,iBAAiB,CAAK,CAChC,EAEI,CAAc,aAAuB,aAAkBA,EAAAA,EAA2C,CACpF,eACF,aACG,gBACN,UACE,YACF,UACG,YAChB,CAAC,EAEG,CAAE,WAAY,EAAY,UAAW,GAAuBA,EAAAA,EAA2C,CACzF,eACF,aACG,gBACJ,YACF,UACG,aACZ,QAAS,EAAG,CACR,IAAU,CAAC,EACX,EAAM,iBAAiB,CAAK,EAC5B,EAAI,SAAS,MAAM,CACvB,CACJ,CAAC,EACG,CAAkB,kBAAuBC,EAAAA,EAA+CC,EAAAA,EAA2C,EAAO,CAC1I,YAAa,EAAM,oBAAoB,CAAK,CAChD,CAAC,EAAG,CAAG,EACH,EAAmBA,EAAAA,EAA2C,EAAY,CAAc,EACxF,EAAeC,EAAAA,EAA2C,EAAO,CACjE,UAAW,EACf,CAAC,EACG,EAAW,GACX,EAAM,eAAiB,MAEhB,EAAM,mBAAqB,GAAS,EAAM,kBAAoB,QAAM,EAAW,GADlF,EAAM,gBAAkB,IAAO,EAAW,GAE9C,IAAY,EAAW,IAAA,IAC3B,GAAI,CAAQ,OAAY,OAAqB,gBAA+B,iBAAoC,sBAA2B,EAA2C,IAAI,CAAK,EAC/L,EAAIC,EAA2C,EAAK,EAAM,qBAAsB,EAAM,gBAAgB,EACtG,EAAIC,EAA2C,CACvB,oBACxB,EAAG,EAAO,CAAG,EACb,IAAI,EAAuBC,EAAAA,EAA2C,EACtE,MAAO,CACH,WAAgBJ,EAAAA,EAA2C,GAAA,EAAA,EAAA,cAAqC,CACxF,QAAU,GAAI,EAAE,eAAe,EAG/B,YAAc,GAAI,EAAE,eAAe,CACvC,GAAI,CAAC,CAAC,CAAC,EACX,WAAgBA,EAAAA,EAA2C,EAAU,CACjE,GAAG,EACH,KAAM,QACA,OACA,OACI,WACV,SAAU,EACV,SAAU,EAAM,YAAc,IAAuB,SAC5C,UACF,QACG,WACV,mBAAoB,CAChB,EAAM,oBACN,EAAiB,GACjB,EAAM,UAAY,EAAiB,KACnC,CACJ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,IAAA,EACnC,CAAC,EACiB,mBACN,aACZ,WAAY,EACZ,UAAW,GAAa,CAC5B,CACJ,CCjFA,SAAS,EAA0C,EAAO,EAAO,CAC7D,GAAI,CAAQ,OAAY,OAAkB,aAAwB,aAAwB,aAAyB,cAAc,WAAgC,qBAAqB,QAAW,EAC7L,CAAa,aAAkBK,EAAAA,EAA2C,EAC1E,CAAa,YAA6B,mBAAqC,qBAAsB,EAAM,kBAC3G,CAAc,aAAwB,aAA8B,mBAAqC,qBAA0BC,EAAAA,EAA2C,CAC9K,GAAG,EAGH,iBAAkB,OAClB,UAAW,EAAM,UACjB,aAAc,EAAM,cAAgB,CACxC,CAAC,EACG,EAAeC,EAAAA,EAA2C,EAAO,CACjE,UAAW,EACf,CAAC,EAIG,CAAoB,oBAAyBC,EAAAA,EAA2C,CACxF,aAAc,EAAG,CACb,EAAM,SAAS,CAAC,EACX,EAAM,eAAe,EAAM,oBAAoB,IAAI,CAC5D,EACA,cAAe,EAAM,QACrB,oBAAqB,EAAM,aAC/B,CAAC,EACG,EAAa,GAAI,CACjB,IAAI,EACJ,OAAO,EAAE,IAAT,CACI,IAAK,aACD,AACK,EADD,IAAc,OAAS,IAAgB,WAAsB,OAClD,OACf,MACJ,IAAK,YACD,AACK,EADD,IAAc,OAAS,IAAgB,WAAsB,OAClD,OACf,MACJ,IAAK,YACD,EAAU,OACV,MACJ,IAAK,UACD,EAAU,OACV,MACJ,QACI,MACR,CACA,EAAE,eAAe,EACjB,IAAI,EAAaC,EAAAA,EAA2C,EAAE,cAAe,CACzE,KAAUC,EAAAA,EAA2C,CAAC,EACtD,OAAS,GAAO,aAAoBC,EAAAA,EAA2C,CAAI,EAAE,kBAAoB,EAAK,OAAS,OAC3H,CAAC,EACG,EACA,IAAY,QACZ,EAAW,EAAO,SAAS,EAC3B,AAEI,KADA,EAAO,YAAc,EAAE,cACZ,EAAO,WAAW,KAGjC,EAAW,EAAO,aAAa,EAC/B,AAEI,KADA,EAAO,YAAc,EAAE,cACZ,EAAO,UAAU,IAGhC,IAEA,EAAS,MAAM,EACf,EAAM,iBAAiB,EAAS,KAAK,EAE7C,EACI,EAAgBC,EAAAA,EAA2C,CAAI,EAQnE,OAPA,EAA+C,IAAI,EAAO,CACtD,KAAM,EACA,OACN,cAAe,EAAiB,GAChC,eAAgB,EAAkB,GACd,oBACxB,CAAC,EACM,CACH,gBAAqBC,EAAAA,EAA2C,EAAU,CAEtE,KAAM,aACK,YACX,eAAgB,EAAM,WAAa,IAAA,GACnC,oBAAqB,EAAM,qBAC3B,gBAAiB,GAAc,IAAA,GAC/B,gBAAiB,GAAc,IAAA,GAC/B,gBAAiB,GAAc,IAAA,GAC/B,mBAAoB,EACpB,GAAG,EACH,GAAG,CACP,CAAC,EACW,aACM,mBACC,oBACR,YACO,mBACC,mBACvB,CACJ,CClHA,IAAI,EAAiC,KAAK,MAAM,KAAK,OAAO,EAAI,IAAW,EACvE,EAA0B,EAC9B,SAAS,EAA0C,EAAO,CAEtD,IAAI,GAAA,EAAA,EAAA,aAA+B,EAAM,MAAQ,eAAe,EAA+B,GAAG,EAAE,IAA2B,CAC3H,EAAM,IACV,CAAC,EACG,CAAC,EAAe,GAAmBC,EAAAA,EAA2C,EAAM,MAAO,EAAM,cAAgB,KAAM,EAAM,QAAQ,EACrI,CAAC,IAAA,EAAA,EAAA,UAAqC,CAAa,EACnD,CAAC,EAAkB,IAAA,EAAA,EAAA,UAA4C,IAAI,EACnE,EAAiBC,EAAAA,EAA2C,CAC5D,GAAG,EACH,MAAO,CACX,CAAC,EACG,EAAoB,GAAQ,CACxB,CAAC,EAAM,YAAc,CAAC,EAAM,aAC5B,EAAY,CAAK,EACjB,EAAW,iBAAiB,EAEpC,EACI,EAAY,EAAW,kBAAkB,UAC7C,MAAO,CACH,GAAG,EACG,OACS,gBACf,qBAAsB,EAAM,QAAU,IAAA,GAA2B,EAAM,cAAgB,KAArC,EAChC,mBACA,mBACG,sBACrB,WAAY,EAAM,YAAc,GAChC,WAAY,EAAM,YAAc,GAChC,WAAY,EAAM,YAAc,GAChC,gBAAiB,EAAM,kBAAoB,EAAY,UAAY,MACxD,WACf,CACJ,CCPA,IAAM,GAA0D,EAAA,EAAA,eAA0B,IAAI,EACxF,GAA0D,EAAA,EAAA,eAA0B,IAAI,EAExF,GAA0D,EAAA,EAAA,eAA0B,IAAI,EACxF,GAA0D,EAAA,EAAA,YAAuB,SAAoB,EAAO,EAAK,CACnH,CAAC,EAAO,GAAWC,EAAAA,EAA2C,EAAO,EAAK,CAAyC,EACnH,GAAI,CAAE,mBAAoB,GAA+BC,EAAAA,EAA+CC,EAAAA,CAA0C,GAAK,CAAC,EACpJ,EAAqB,EAAM,oBAAsB,GAA0B,SAC3E,EAAYC,EAA2B,CACvC,GAAG,EACiB,oBACxB,CAAC,EACG,CAAC,EAAU,GAAaC,EAAAA,EAA2C,CAAC,EAAM,eAAiB,CAAC,EAAM,kBAAkB,EACpH,CAAmB,kBAA6B,aAA8B,mBAAqC,oBAAmB,GAAG,GAAmBC,EAAsB,CAClL,GAAG,EACI,QACa,oBACxB,EAAG,CAAK,EACJ,EAAkBC,EAAAA,EAAyC,CAC3D,GAAG,EACH,OAAQ,CACJ,YAAa,EAAM,aAAe,WAClC,WAAY,EAAM,WAClB,WAAY,EAAM,WAClB,WAAY,EAAM,WAClB,UAAW,EAAM,UACV,OACX,EACA,iBAAkB,uBACtB,CAAC,EACG,EAAeC,EAAAA,EAAuB,EAAO,CAC7C,OAAQ,EACZ,CAAC,EACD,OAAyBC,EAAAA,QAAc,cAAkBC,EAAAA,EAA2C,IAAK,CACrG,GAAOC,EAAAA,EAAmB,EAAU,EAAa,CAAe,EAC3D,MACL,KAAM,EAAM,MAAQ,IAAA,GACpB,mBAAoB,EAAM,aAAe,WACzC,eAAgB,EAAM,WAAa,IAAA,GACnC,gBAAiB,EAAM,YAAc,IAAA,GACrC,gBAAiB,EAAM,YAAc,IAAA,GACrC,gBAAiB,EAAM,YAAc,IAAA,EACzC,EAAqBF,EAAAA,QAAc,cAAkBG,EAAAA,EAA4C,CAC7F,OAAQ,CACJ,CACI,EACA,CACJ,EACA,CACQC,EAAAA,EACJ,CACI,GAAG,EACH,IAAK,EACL,YAAa,MACjB,CACJ,EACA,CACQC,EAAAA,EACJ,CACI,MAAO,CACH,YAAa,EACb,aAAc,CAClB,CACJ,CACJ,EACA,CACQC,EAAAA,EACJ,CACJ,CACJ,CACJ,EAAqBN,EAAAA,QAAc,cAAkBO,EAAAA,EAA4C,KAAM,EAAY,QAAQ,CAAC,CAAC,CACjI,CAAC,EACK,GAA0D,EAAA,EAAA,YAAuB,SAAe,EAAO,EAAK,CAC9G,GAAI,CAAE,SAAU,EAAuB,KAAM,GAAG,GAAe,EAC/D,CAAC,EAAO,GAAWf,EAAAA,EAA2C,EAAY,EAAK,CAAyC,EACxH,IAAI,EAAYQ,EAAAA,QAAc,WAAW,CAAyC,EAC9E,EAAeQ,EAAAA,GAAAA,EAAAA,EAAAA,aAAiDC,EAAAA,EAAkB,EAAsB,EAAM,WAAa,IAAA,GAA6B,KAAjB,EAAM,QAAe,EAAG,CAC/J,EACA,EAAM,QACV,CAAC,CAAC,EACE,EAAWC,EAAiB,CAC5B,GAAOC,EAAAA,EAA2C,CAAK,EAEvD,SAAU,OAAO,EAAM,UAAa,WAAa,GAAO,EAAM,QAClE,EAAG,EAAO,CAAQ,EAClB,OAAyBX,EAAAA,QAAc,cAAc,EAA2C,SAAU,CACtG,MAAO,CACH,GAAG,EACO,WACV,iBAAkB,kBACtB,CACJ,EAAqBA,EAAAA,QAAc,cAAc,EAA2C,CACxF,GAAG,EACE,KACT,CAAC,CAAC,CACN,CAAC,EACK,GAA2D,EAAA,EAAA,eAA0B,IAAI,EAkEzF,GAA0D,EAAA,EAAA,YAAuB,SAAqB,EAAO,EAAK,CACpH,GAAI,CAAc,aAAwB,aAAwB,aAAwB,aAAuB,YAA6B,mBAA4B,aAAA,EAAA,EAAA,YAAoC,CAA0C,EACpP,EAAYA,EAAAA,QAAc,WAAW,CAAyC,EAC9E,CAAa,YAA2B,iBAA4B,cAAmBY,EAAAA,EAAqB,EAC5G,EAAsB,GAAc,EAAM,WAC1C,CAAc,aAAuB,aAAkBC,EAAAA,EAAiB,CACxE,GAAG,EACH,WAAY,CAChB,CAAC,EACG,EAAkBf,EAAAA,EAAyC,CAC3D,GAAG,EACe,mBAClB,OAAQ,CACQ,aACD,YACA,YACA,YACK,iBACJ,aACZ,WAAY,EAAM,WAClB,UAAW,EAAM,UACjB,WAAY,EAAM,UACtB,CACJ,CAAC,EACG,EAAeC,EAAAA,EAAuB,EAAO,CAC7C,OAAQ,EACZ,CAAC,EAGD,OAFA,OAAO,EAAS,GAChB,OAAO,EAAS,QACSC,EAAAA,QAAc,cAAkBC,EAAAA,EAA2C,MAAO,CACvG,GAAOC,EAAAA,EAAmB,EAAU,EAAY,EAAY,CAAW,EAClE,MACL,gBAAiB,GAAc,IAAA,GAC/B,eAAgB,GAAa,IAAA,GAC7B,eAAgB,GAAa,IAAA,GAC7B,eAAgB,GAAa,IAAA,GAC7B,qBAAsB,GAAkB,IAAA,GACxC,gBAAiB,GAAc,IAAA,GAC/B,gBAAiB,EAAM,YAAc,IAAA,GACrC,eAAgB,EAAM,WAAa,IAAA,GACnC,gBAAiB,EAAM,YAAc,IAAA,EACzC,EAAqBF,EAAAA,QAAc,cAAkBc,EAAAA,EAAwB,CACzE,YAAa,MACjB,EAAqBd,EAAAA,QAAc,cAAc,QAAS,CACtD,GAAOE,EAAAA,EAAmB,EAAY,CAAU,EAChD,IAAK,CACT,CAAC,CAAC,EAAG,EAAY,QAAQ,CAC7B,CAAC,ECxPK,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,kBACP,CAAC,EAEY,EAAqB,EAGhC,MAAO,MAAM,EAEF,EAAuB,EAGlC,OAAQ,QAAQ,ECHL,EAAkB,GAA+B,CAE5D,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,OAAQ,EAAA,CAAqB,CACrB,EAAO,kBAAkB,CAAK,EAC/D,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAe,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,EAAa,GAAI,EAAY,QAAA,aACnD,EAAA,EAAA,KAAC,EAAD,CAAc,GAAI,WAAY,EAAM,QAAuB,CAAA,CACzC,CAAA,CAExB,EAEA,EAAe,YAAc,kBCR7B,IAAa,GAAoB,CAC/B,WACA,QACA,GAAG,KACwB,CAC3B,GAAM,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAI,EAChD,CAAE,YAAW,cAAe,EAAA,EAAa,EAIzC,GAAA,EAAA,EAAA,QAAqC,IAAI,EACzC,CAAE,kBAAmB,EAAA,EACzB,CAAE,oBAAqB,EAAK,EAC5B,CACF,EAEA,OACE,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACJ,GAAI,EAAA,EAAW,EAAY,CAAc,EACzC,aAAY,GAAa,IAAA,GACzB,QAAA,aAEA,EAAA,EAAA,KAAC,EAAD,CAAgB,QAAO,GAAI,EAAW,IAAK,WACvC,GAAgB,CAChB,IAAM,EACJ,OAAO,GAAa,WAChB,EAAS,CACP,GAAG,CACL,CAAC,EACD,EACN,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAY,YACX,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,GAErB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAuB,CAAA,EAExB,CACD,CAAA,CAAA,CAEN,CACO,CAAA,CACW,CAAA,CAE1B,EAEA,EAAiB,YAAc,oBChE/B,IAAa,EAAa,CAexB,KAAM,EAgBN,OAAQ,CACV"}