@commercetools/nimbus 0.0.0-canary-20251001152303 → 0.0.0-canary-20251006121034

package/dist/chunks/{pagination-BOCer9DU.es.js.map → pagination-CiGXK9Nx.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pagination-BOCer9DU.es.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport interface 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 interface 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 interface UsePaginationReturn extends 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","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\";\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 {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel = \"Pagination\",\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=\"Items per page\"\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\">items per page</Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex align=\"center\" gap=\"200\" role=\"navigation\" aria-label={ariaLabel}>\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to previous page\"\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">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=\"Current page\"\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            of {pagination.totalPages.toLocaleString()}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to next page\"\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"names":["usePagination","totalItems","controlledCurrentPage","controlledPageSize","onPageChange","onPageSizeChange","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","page","newPage","goToPreviousPage","goToNextPage","setPageSize","newPageSize","newTotalPages","useMemo","Pagination","props","pageSizeOptions","ariaLabel","enablePageInput","enablePageSizeSelector","pagination","pageSizeSelectOptions","size","handlePageSizeChange","key","jsxs","Stack","Flex","jsx","Select","option","Text","IconButton","ChevronLeft","NumberInput","value","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"pagination-CiGXK9Nx.es.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport interface 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 interface 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 interface UsePaginationReturn extends 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","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\";\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 {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel = \"Pagination\",\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=\"Items per page\"\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\">items per page</Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex align=\"center\" gap=\"200\" role=\"navigation\" aria-label={ariaLabel}>\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to previous page\"\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">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=\"Current page\"\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            of {pagination.totalPages.toLocaleString()}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          tone=\"primary\"\n          aria-label=\"Go to next page\"\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"names":["usePagination","totalItems","controlledCurrentPage","controlledPageSize","onPageChange","onPageSizeChange","internalCurrentPage","setInternalCurrentPage","useState","internalPageSize","setInternalPageSize","isControlled","currentPage","pageSize","totalPages","validCurrentPage","startItem","endItem","hasPreviousPage","hasNextPage","goToPage","useCallback","page","newPage","goToPreviousPage","goToNextPage","setPageSize","newPageSize","newTotalPages","useMemo","Pagination","props","pageSizeOptions","ariaLabel","enablePageInput","enablePageSizeSelector","pagination","pageSizeSelectOptions","size","handlePageSizeChange","key","jsxs","Stack","Flex","jsx","Select","option","Text","IconButton","ChevronLeft","NumberInput","value","ChevronRight"],"mappings":"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"}

package/dist/chunks/{password-input-Brdfp_j8.es.js → password-input-BPXjJmT0.es.js}

@@ -1,10 +1,10 @@
 import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import { useState as w } from "react";
-import { T as f } from "./text-input-iDHRgozX.es.js";
+import { T as f } from "./text-input-DnnGLiDh.es.js";
 import { VisibilityOff as h, Visibility as u } from "@commercetools/nimbus-icons";
 import { defineMessages as b, useIntl as c, FormattedMessage as g } from "react-intl";
-import { b as r } from "./tooltip-B8OD-6ed.es.js";
-import { I } from "./icon-button-CctfLs8I.es.js";
+import { b as r } from "./tooltip-DizSCM3_.es.js";
+import { I } from "./icon-button-Cbuscfqi.es.js";
 const t = /* @__PURE__ */ b({
   hide: {
     id: "Nimbus.PasswordInput.hide",
@@ -51,4 +51,4 @@ P.displayName = "PasswordInput";
 export {
   P
 };
-//# sourceMappingURL=password-input-Brdfp_j8.es.js.map
+//# sourceMappingURL=password-input-BPXjJmT0.es.js.map

package/dist/chunks/{password-input-Brdfp_j8.es.js.map → password-input-BPXjJmT0.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"password-input-Brdfp_j8.es.js","sources":["../../src/components/password-input/password-input.i18n.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  hide: {\n    id: \"Nimbus.PasswordInput.hide\",\n    description: \"aria-label & tooltip for hide password button\",\n    defaultMessage: \"Hide password\",\n  },\n  show: {\n    id: \"Nimbus.PasswordInput.show\",\n    description: \"aria-label & tooltip for show password button\",\n    defaultMessage: \"Show password\",\n  },\n});\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { FormattedMessage, useIntl } from \"react-intl\";\nimport messages from \"./password-input.i18n\";\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 intl = useIntl();\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\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            tone=\"primary\"\n            aria-label={\n              showPassword\n                ? intl.formatMessage(messages.hide)\n                : intl.formatMessage(messages.show)\n            }\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>\n            <FormattedMessage\n              {...(showPassword ? messages.hide : messages.show)}\n            />\n          </Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"names":["messages","defineMessages","PasswordInput","props","ref","size","isDisabled","intl","useIntl","showPassword","setShowPassword","useState","toggleVisibility","jsx","TextInput","jsxs","Tooltip","IconButton","VisibilityOff","Visibility","FormattedMessage"],"mappings":";;;;;;;AAEA,MAAAA,IAAe,gBAAAC,EAAe;AAAA,EAC5B,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCEYC,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,KAAAC,GAAK,MAAAC,IAAO,MAAM,YAAAC,MAAeH,GAEnCI,IAAOC,EAAA,GACP,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAmB,MAAMF,EAAgB,CAACD,CAAY;AAE5D,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACC,GAAGD;AAAA,MACJ,iBACE,gBAAAY,EAACC,EAAQ,MAAR,EACC,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMZ,MAAS,OAAO,OAAO;AAAA,YAC7B,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cACEI,IACIF,EAAK,cAAcP,EAAS,IAAI,IAChCO,EAAK,cAAcP,EAAS,IAAI;AAAA,YAEtC,SAASY;AAAA,YACT,YAAAN;AAAA,YAEC,UAAAG,IAAe,gBAAAI,EAACK,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAElD,gBAAAN,EAACG,EAAQ,SAAR,EACC,UAAA,gBAAAH;AAAA,UAACO;AAAA,UAAA;AAAA,YACE,GAAIX,IAAeT,EAAS,OAAOA,EAAS;AAAA,UAAA;AAAA,QAAA,EAC/C,CACF;AAAA,MAAA,GACF;AAAA,MAEF,MAAMS,IAAe,SAAS;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAP,EAAc,cAAc;"}
+{"version":3,"file":"password-input-BPXjJmT0.es.js","sources":["../../src/components/password-input/password-input.i18n.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  hide: {\n    id: \"Nimbus.PasswordInput.hide\",\n    description: \"aria-label & tooltip for hide password button\",\n    defaultMessage: \"Hide password\",\n  },\n  show: {\n    id: \"Nimbus.PasswordInput.show\",\n    description: \"aria-label & tooltip for show password button\",\n    defaultMessage: \"Show password\",\n  },\n});\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { FormattedMessage, useIntl } from \"react-intl\";\nimport messages from \"./password-input.i18n\";\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 intl = useIntl();\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\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            tone=\"primary\"\n            aria-label={\n              showPassword\n                ? intl.formatMessage(messages.hide)\n                : intl.formatMessage(messages.show)\n            }\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>\n            <FormattedMessage\n              {...(showPassword ? messages.hide : messages.show)}\n            />\n          </Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"names":["messages","defineMessages","PasswordInput","props","ref","size","isDisabled","intl","useIntl","showPassword","setShowPassword","useState","toggleVisibility","jsx","TextInput","jsxs","Tooltip","IconButton","VisibilityOff","Visibility","FormattedMessage"],"mappings":";;;;;;;AAEA,MAAAA,IAAe,gBAAAC,EAAe;AAAA,EAC5B,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCEYC,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,KAAAC,GAAK,MAAAC,IAAO,MAAM,YAAAC,MAAeH,GAEnCI,IAAOC,EAAA,GACP,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAmB,MAAMF,EAAgB,CAACD,CAAY;AAE5D,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACC,GAAGD;AAAA,MACJ,iBACE,gBAAAY,EAACC,EAAQ,MAAR,EACC,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMZ,MAAS,OAAO,OAAO;AAAA,YAC7B,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cACEI,IACIF,EAAK,cAAcP,EAAS,IAAI,IAChCO,EAAK,cAAcP,EAAS,IAAI;AAAA,YAEtC,SAASY;AAAA,YACT,YAAAN;AAAA,YAEC,UAAAG,IAAe,gBAAAI,EAACK,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAElD,gBAAAN,EAACG,EAAQ,SAAR,EACC,UAAA,gBAAAH;AAAA,UAACO;AAAA,UAAA;AAAA,YACE,GAAIX,IAAeT,EAAS,OAAOA,EAAS;AAAA,UAAA;AAAA,QAAA,EAC/C,CACF;AAAA,MAAA,GACF;AAAA,MAEF,MAAMS,IAAe,SAAS;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAP,EAAc,cAAc;"}

package/dist/chunks/{password-input-B-YRh6bw.cjs.js → password-input-SzoKF46U.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),h=require("react"),m=require("./text-input-CaBBSE9c.cjs.js"),n=require("@commercetools/nimbus-icons"),o=require("react-intl"),a=require("./tooltip-g8-hEdZp.cjs.js"),x=require("./icon-button-BeIGRIFN.cjs.js"),e=o.defineMessages({hide:{id:"Nimbus.PasswordInput.hide",description:"aria-label & tooltip for hide password button",defaultMessage:"Hide password"},show:{id:"Nimbus.PasswordInput.show",description:"aria-label & tooltip for show password button",defaultMessage:"Show password"}}),d=i=>{const{ref:l,size:u="md",isDisabled:c}=i,r=o.useIntl(),[t,p]=h.useState(!1),w=()=>p(!t);return s.jsx(m.TextInput,{ref:l,...i,trailingElement:s.jsxs(a.Tooltip.Root,{children:[s.jsx(x.IconButton,{size:u==="md"?"xs":"2xs",variant:"ghost",tone:"primary","aria-label":t?r.formatMessage(e.hide):r.formatMessage(e.show),onPress:w,isDisabled:c,children:t?s.jsx(n.VisibilityOff,{}):s.jsx(n.Visibility,{})}),s.jsx(a.Tooltip.Content,{children:s.jsx(o.FormattedMessage,{...t?e.hide:e.show})})]}),type:t?"text":"password"})};d.displayName="PasswordInput";exports.PasswordInput=d;
-//# sourceMappingURL=password-input-B-YRh6bw.cjs.js.map
+"use strict";const s=require("react/jsx-runtime"),h=require("react"),m=require("./text-input-Cou0PlND.cjs.js"),n=require("@commercetools/nimbus-icons"),o=require("react-intl"),a=require("./tooltip-g8-hEdZp.cjs.js"),x=require("./icon-button-D31vHiXo.cjs.js"),e=o.defineMessages({hide:{id:"Nimbus.PasswordInput.hide",description:"aria-label & tooltip for hide password button",defaultMessage:"Hide password"},show:{id:"Nimbus.PasswordInput.show",description:"aria-label & tooltip for show password button",defaultMessage:"Show password"}}),d=i=>{const{ref:l,size:u="md",isDisabled:c}=i,r=o.useIntl(),[t,p]=h.useState(!1),w=()=>p(!t);return s.jsx(m.TextInput,{ref:l,...i,trailingElement:s.jsxs(a.Tooltip.Root,{children:[s.jsx(x.IconButton,{size:u==="md"?"xs":"2xs",variant:"ghost",tone:"primary","aria-label":t?r.formatMessage(e.hide):r.formatMessage(e.show),onPress:w,isDisabled:c,children:t?s.jsx(n.VisibilityOff,{}):s.jsx(n.Visibility,{})}),s.jsx(a.Tooltip.Content,{children:s.jsx(o.FormattedMessage,{...t?e.hide:e.show})})]}),type:t?"text":"password"})};d.displayName="PasswordInput";exports.PasswordInput=d;
+//# sourceMappingURL=password-input-SzoKF46U.cjs.js.map

package/dist/chunks/{password-input-B-YRh6bw.cjs.js.map → password-input-SzoKF46U.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"password-input-B-YRh6bw.cjs.js","sources":["../../src/components/password-input/password-input.i18n.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  hide: {\n    id: \"Nimbus.PasswordInput.hide\",\n    description: \"aria-label & tooltip for hide password button\",\n    defaultMessage: \"Hide password\",\n  },\n  show: {\n    id: \"Nimbus.PasswordInput.show\",\n    description: \"aria-label & tooltip for show password button\",\n    defaultMessage: \"Show password\",\n  },\n});\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { FormattedMessage, useIntl } from \"react-intl\";\nimport messages from \"./password-input.i18n\";\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 intl = useIntl();\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\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            tone=\"primary\"\n            aria-label={\n              showPassword\n                ? intl.formatMessage(messages.hide)\n                : intl.formatMessage(messages.show)\n            }\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>\n            <FormattedMessage\n              {...(showPassword ? messages.hide : messages.show)}\n            />\n          </Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"names":["messages","defineMessages","PasswordInput","props","ref","size","isDisabled","intl","useIntl","showPassword","setShowPassword","useState","toggleVisibility","jsx","TextInput","jsxs","Tooltip","IconButton","VisibilityOff","Visibility","FormattedMessage"],"mappings":"kQAEAA,EAAeC,iBAAe,CAC5B,KAAM,CACJ,GAAI,4BACJ,YAAa,gDACb,eAAgB,eAAA,EAElB,KAAM,CACJ,GAAI,4BACJ,YAAa,gDACb,eAAgB,eAAA,CAEpB,CAAC,ECEYC,EAAiBC,GAA8B,CAC1D,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAO,KAAM,WAAAC,GAAeH,EAEnCI,EAAOC,EAAAA,QAAA,EACP,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEhDC,EAAmB,IAAMF,EAAgB,CAACD,CAAY,EAE5D,OACEI,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAV,EACC,GAAGD,EACJ,gBACEY,EAAAA,KAACC,EAAAA,QAAQ,KAAR,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,WAAA,CACC,KAAMZ,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,KAAK,UACL,aACEI,EACIF,EAAK,cAAcP,EAAS,IAAI,EAChCO,EAAK,cAAcP,EAAS,IAAI,EAEtC,QAASY,EACT,WAAAN,EAEC,SAAAG,EAAeI,MAACK,EAAAA,cAAA,CAAA,CAAc,QAAMC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAElDN,EAAAA,IAACG,EAAAA,QAAQ,QAAR,CACC,SAAAH,EAAAA,IAACO,EAAAA,iBAAA,CACE,GAAIX,EAAeT,EAAS,KAAOA,EAAS,IAAA,CAAA,CAC/C,CACF,CAAA,EACF,EAEF,KAAMS,EAAe,OAAS,UAAA,CAAA,CAGpC,EAEAP,EAAc,YAAc"}
+{"version":3,"file":"password-input-SzoKF46U.cjs.js","sources":["../../src/components/password-input/password-input.i18n.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  hide: {\n    id: \"Nimbus.PasswordInput.hide\",\n    description: \"aria-label & tooltip for hide password button\",\n    defaultMessage: \"Hide password\",\n  },\n  show: {\n    id: \"Nimbus.PasswordInput.show\",\n    description: \"aria-label & tooltip for show password button\",\n    defaultMessage: \"Show password\",\n  },\n});\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { FormattedMessage, useIntl } from \"react-intl\";\nimport messages from \"./password-input.i18n\";\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 intl = useIntl();\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\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            tone=\"primary\"\n            aria-label={\n              showPassword\n                ? intl.formatMessage(messages.hide)\n                : intl.formatMessage(messages.show)\n            }\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>\n            <FormattedMessage\n              {...(showPassword ? messages.hide : messages.show)}\n            />\n          </Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"names":["messages","defineMessages","PasswordInput","props","ref","size","isDisabled","intl","useIntl","showPassword","setShowPassword","useState","toggleVisibility","jsx","TextInput","jsxs","Tooltip","IconButton","VisibilityOff","Visibility","FormattedMessage"],"mappings":"kQAEAA,EAAeC,iBAAe,CAC5B,KAAM,CACJ,GAAI,4BACJ,YAAa,gDACb,eAAgB,eAAA,EAElB,KAAM,CACJ,GAAI,4BACJ,YAAa,gDACb,eAAgB,eAAA,CAEpB,CAAC,ECEYC,EAAiBC,GAA8B,CAC1D,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAO,KAAM,WAAAC,GAAeH,EAEnCI,EAAOC,EAAAA,QAAA,EACP,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEhDC,EAAmB,IAAMF,EAAgB,CAACD,CAAY,EAE5D,OACEI,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAV,EACC,GAAGD,EACJ,gBACEY,EAAAA,KAACC,EAAAA,QAAQ,KAAR,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,WAAA,CACC,KAAMZ,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,KAAK,UACL,aACEI,EACIF,EAAK,cAAcP,EAAS,IAAI,EAChCO,EAAK,cAAcP,EAAS,IAAI,EAEtC,QAASY,EACT,WAAAN,EAEC,SAAAG,EAAeI,MAACK,EAAAA,cAAA,CAAA,CAAc,QAAMC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAElDN,EAAAA,IAACG,EAAAA,QAAQ,QAAR,CACC,SAAAH,EAAAA,IAACO,EAAAA,iBAAA,CACE,GAAIX,EAAeT,EAAS,KAAOA,EAAS,IAAA,CAAA,CAC/C,CACF,CAAA,EACF,EAEF,KAAMS,EAAe,OAAS,UAAA,CAAA,CAGpC,EAEAP,EAAc,YAAc"}

package/dist/chunks/{popover-diWkZ07x.es.js → popover-CbT_ZnVZ.es.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { defineRecipe as p, createRecipeContext as i } from "@chakra-ui/react/styled-system";
-import { $ as s } from "./Dialog-SvkYfu5i.es.js";
+import { $ as s } from "./Dialog-BES3uitF.es.js";
 const n = /* @__PURE__ */ p({
   // Unique class name prefix for the component
   className: "nimbus-popover",
@@ -24,4 +24,4 @@ b.displayName = "Popover";
 export {
   b as P
 };
-//# sourceMappingURL=popover-diWkZ07x.es.js.map
+//# sourceMappingURL=popover-CbT_ZnVZ.es.js.map

package/dist/chunks/{popover-diWkZ07x.es.js.map → popover-CbT_ZnVZ.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-diWkZ07x.es.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import {\n  createRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps } from \"./popover.types\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverRecipe,\n});\n\nexport interface PopoverRecipeProps\n  extends RecipeVariantProps<typeof popoverRecipe>,\n    UnstyledProp {}\n\nexport type PopoverSlotProps = HTMLChakraProps<\"div\", PopoverRecipeProps>;\nexport const PopoverRootSlot = withContext<HTMLDivElement, PopoverProps>(\n  RaPopover\n);\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 = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":";;;AAKO,MAAMA,IAAgB,gBAAAC,EAAa;AAAA;AAAA,EAExC,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,CAAC,GCNK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQH;AACV,CAAC,GAOYI,IAAkB,gBAAAF;AAAA,EAC7BG;AACF,GCXaC,IAAU,CAACC,MAAwB;AAC9C,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,SAAO,gBAAAG,EAACN,GAAA,EAAiB,GAAGK,GAAO,UAAAD,EAAA,CAAS;AAC9C;AAEAF,EAAQ,cAAc;"}
+{"version":3,"file":"popover-CbT_ZnVZ.es.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import {\n  createRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps } from \"./popover.types\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverRecipe,\n});\n\nexport interface PopoverRecipeProps\n  extends RecipeVariantProps<typeof popoverRecipe>,\n    UnstyledProp {}\n\nexport type PopoverSlotProps = HTMLChakraProps<\"div\", PopoverRecipeProps>;\nexport const PopoverRootSlot = withContext<HTMLDivElement, PopoverProps>(\n  RaPopover\n);\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 = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":";;;AAKO,MAAMA,IAAgB,gBAAAC,EAAa;AAAA;AAAA,EAExC,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,CAAC,GCNK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQH;AACV,CAAC,GAOYI,IAAkB,gBAAAF;AAAA,EAC7BG;AACF,GCXaC,IAAU,CAACC,MAAwB;AAC9C,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,SAAO,gBAAAG,EAACN,GAAA,EAAiB,GAAGK,GAAO,UAAAD,EAAA,CAAS;AAC9C;AAEAF,EAAQ,cAAc;"}

package/dist/chunks/{popover-QYDVIaQN.cjs.js → popover-CsS8xrcN.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),e=require("@chakra-ui/react/styled-system"),n=require("./Dialog-BhqTE75I.cjs.js"),c=e.defineRecipe({className:"nimbus-popover",base:{bg:"white",borderRadius:"200",boxShadow:"5",padding:"400",zIndex:1}}),{withContext:p}=e.createRecipeContext({recipe:c}),a=p(n.$07b14b47974efb58$export$5b6b19405a83ff9d),o=t=>{const{children:r,...s}=t;return i.jsx(a,{...s,children:r})};o.displayName="Popover";exports.Popover=o;
-//# sourceMappingURL=popover-QYDVIaQN.cjs.js.map
+"use strict";const i=require("react/jsx-runtime"),e=require("@chakra-ui/react/styled-system"),n=require("./Dialog-BjViQ1kS.cjs.js"),c=e.defineRecipe({className:"nimbus-popover",base:{bg:"white",borderRadius:"200",boxShadow:"5",padding:"400",zIndex:1}}),{withContext:p}=e.createRecipeContext({recipe:c}),a=p(n.$07b14b47974efb58$export$5b6b19405a83ff9d),o=t=>{const{children:r,...s}=t;return i.jsx(a,{...s,children:r})};o.displayName="Popover";exports.Popover=o;
+//# sourceMappingURL=popover-CsS8xrcN.cjs.js.map

package/dist/chunks/{popover-QYDVIaQN.cjs.js.map → popover-CsS8xrcN.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-QYDVIaQN.cjs.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import {\n  createRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps } from \"./popover.types\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverRecipe,\n});\n\nexport interface PopoverRecipeProps\n  extends RecipeVariantProps<typeof popoverRecipe>,\n    UnstyledProp {}\n\nexport type PopoverSlotProps = HTMLChakraProps<\"div\", PopoverRecipeProps>;\nexport const PopoverRootSlot = withContext<HTMLDivElement, PopoverProps>(\n  RaPopover\n);\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 = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":"oIAKaA,EAAgBC,EAAAA,aAAa,CAExC,UAAW,iBAEX,KAAM,CACJ,GAAI,QACJ,aAAc,MACd,UAAW,IACX,QAAS,MACT,OAAQ,CAAA,CAEZ,CAAC,ECNK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQH,CACV,CAAC,EAOYI,EAAkBF,EAC7BG,EAAAA,yCACF,ECXaC,EAAWC,GAAwB,CAC9C,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EAE9B,OAAOG,EAAAA,IAACN,EAAA,CAAiB,GAAGK,EAAO,SAAAD,CAAA,CAAS,CAC9C,EAEAF,EAAQ,YAAc"}
+{"version":3,"file":"popover-CsS8xrcN.cjs.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import {\n  createRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps } from \"./popover.types\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverRecipe,\n});\n\nexport interface PopoverRecipeProps\n  extends RecipeVariantProps<typeof popoverRecipe>,\n    UnstyledProp {}\n\nexport type PopoverSlotProps = HTMLChakraProps<\"div\", PopoverRecipeProps>;\nexport const PopoverRootSlot = withContext<HTMLDivElement, PopoverProps>(\n  RaPopover\n);\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 = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":"oIAKaA,EAAgBC,EAAAA,aAAa,CAExC,UAAW,iBAEX,KAAM,CACJ,GAAI,QACJ,aAAc,MACd,UAAW,IACX,QAAS,MACT,OAAQ,CAAA,CAEZ,CAAC,ECNK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQH,CACV,CAAC,EAOYI,EAAkBF,EAC7BG,EAAAA,yCACF,ECXaC,EAAWC,GAAwB,CAC9C,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EAE9B,OAAOG,EAAAA,IAACN,EAAA,CAAiB,GAAGK,EAAO,SAAAD,CAAA,CAAS,CAC9C,EAEAF,EAAQ,YAAc"}

package/dist/chunks/{progress-bar-hYGJlvcE.es.js → progress-bar-6kijUYy7.es.js}

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as d, Fragment as w } from "react/jsx-runtime";
 import { useRef as C } from "react";
-import { a as m } from "./Label-DJtK5B3m.es.js";
-import { a as V } from "./ProgressBar-BTjAZZI-.es.js";
+import { a as m } from "./Label-Bnr234yV.es.js";
+import { a as V } from "./ProgressBar-8CLctnNS.es.js";
 import { mergeRefs as F } from "@chakra-ui/react";
 import { createSlotRecipeContext as j, useSlotRecipe as H } from "@chakra-ui/react/styled-system";
-import { e as D } from "./extractStyleProps-DjVNA871.es.js";
+import { e as D } from "./extractStyleProps-X2q7HF5R.es.js";
 import { $ as G } from "./useObjectRef-CaJ5pgjX.es.js";
 import { Flex as I } from "@chakra-ui/react/flex";
 import { B as L } from "./box-DuBoAZvq.es.js";
@@ -74,4 +74,4 @@ A.displayName = "ProgressBar";
 export {
   A as P
 };
-//# sourceMappingURL=progress-bar-hYGJlvcE.es.js.map
+//# sourceMappingURL=progress-bar-6kijUYy7.es.js.map

package/dist/chunks/{progress-bar-hYGJlvcE.es.js.map → progress-bar-6kijUYy7.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-bar-hYGJlvcE.es.js","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  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\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 { mergeRefs } from \"@chakra-ui/react\";\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\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\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: \"progressBar\" });\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      {...recipeProps}\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"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":";;;;;;;;;;AA8BA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAKFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAKHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAIFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAKJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GCjCJO,IAAc,CAACC,MAA4B;AACtD,QAAM;AAAA,IACJ,KAAKC;AAAA,IACL,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,EAAE,OAAO,UAAA;AAAA,IACzB,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAASC,EAAc,EAAE,KAAK,eAAe,GAC7C,CAACC,GAAaC,CAAc,IAAIH,EAAO,kBAAkB;AAAA,IAC7D,SAAAJ;AAAA,IACA,cAAAE;AAAA,IACA,GAAGX;AAAA,EAAA,CACJ,GACK,CAACiB,CAAU,IAAIC,EAAkBF,CAAc,GAE/CG,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUlB,CAAY,CAAC;AAE1D,SACE,gBAAAuB;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACE,GAAGqB;AAAA,MACH,GAAGE;AAAA,MACH,GAAGF;AAAA,MACJ,WAAAV;AAAA,MACA,iBAAAC;AAAA,MACA,SAAO;AAAA,MAEP,UAAA,gBAAAkB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAAJ;AAAA,UACA,OAAAnB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,eAAAE;AAAA,UACC,GAAGI;AAAA,UAEH,UAAA,CAAC,EAAE,YAAAc,GAAY,WAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAnB,MAAW,+BACToB,GAAA,EACE,UAAA;AAAA,cAAAvB,uBACEV,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA2B,EAACO,GAAA,EAAS,aAAM,EAAA,CAClB;AAAA,cAEF,gBAAAP,EAACQ,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,cACjBzB,KAASL,KACR,gBAAAsB,EAAC1B,GAAA,EAAsB,UAAA6B,EAAA,CAAU;AAAA,YAAA,GAErC;AAAA,YAGDjB,MAAW,YAAYH,KACtB,gBAAAiB,EAAC3B,GAAA,EAAqB,YAAW,KAAI,SAAO,IAC1C,UAAA,gBAAA2B,EAACO,GAAA,EAAS,UAAAxB,EAAA,CAAM,GAClB;AAAA,8BAGDZ,GAAA,EACC,UAAA,gBAAA6B;AAAA,cAAC5B;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAOU,IAAkB,QAAQ,GAAGoB,CAAU,IAAA;AAAA,gBACvD,sBAAoBpB;AAAA,gBACpB,iBACE,CAACA,KACDoB,MAAe,UACfA,KAAc;AAAA,cAAA;AAAA,YAAA,GAGpB;AAAA,YAEChB,MAAW,YAAYR,uBACrBJ,GAAA,EAAqB,YAAW,KAC9B,UAAA6B,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA5B,EAAY,cAAc;"}
+{"version":3,"file":"progress-bar-6kijUYy7.es.js","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  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\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 { mergeRefs } from \"@chakra-ui/react\";\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\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\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: \"progressBar\" });\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      {...recipeProps}\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"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":";;;;;;;;;;AA8BA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAKFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAKHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAIFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAKJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GCjCJO,IAAc,CAACC,MAA4B;AACtD,QAAM;AAAA,IACJ,KAAKC;AAAA,IACL,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,EAAE,OAAO,UAAA;AAAA,IACzB,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAASC,EAAc,EAAE,KAAK,eAAe,GAC7C,CAACC,GAAaC,CAAc,IAAIH,EAAO,kBAAkB;AAAA,IAC7D,SAAAJ;AAAA,IACA,cAAAE;AAAA,IACA,GAAGX;AAAA,EAAA,CACJ,GACK,CAACiB,CAAU,IAAIC,EAAkBF,CAAc,GAE/CG,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUlB,CAAY,CAAC;AAE1D,SACE,gBAAAuB;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACE,GAAGqB;AAAA,MACH,GAAGE;AAAA,MACH,GAAGF;AAAA,MACJ,WAAAV;AAAA,MACA,iBAAAC;AAAA,MACA,SAAO;AAAA,MAEP,UAAA,gBAAAkB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAAJ;AAAA,UACA,OAAAnB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,eAAAE;AAAA,UACC,GAAGI;AAAA,UAEH,UAAA,CAAC,EAAE,YAAAc,GAAY,WAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAnB,MAAW,+BACToB,GAAA,EACE,UAAA;AAAA,cAAAvB,uBACEV,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA2B,EAACO,GAAA,EAAS,aAAM,EAAA,CAClB;AAAA,cAEF,gBAAAP,EAACQ,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,cACjBzB,KAASL,KACR,gBAAAsB,EAAC1B,GAAA,EAAsB,UAAA6B,EAAA,CAAU;AAAA,YAAA,GAErC;AAAA,YAGDjB,MAAW,YAAYH,KACtB,gBAAAiB,EAAC3B,GAAA,EAAqB,YAAW,KAAI,SAAO,IAC1C,UAAA,gBAAA2B,EAACO,GAAA,EAAS,UAAAxB,EAAA,CAAM,GAClB;AAAA,8BAGDZ,GAAA,EACC,UAAA,gBAAA6B;AAAA,cAAC5B;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAOU,IAAkB,QAAQ,GAAGoB,CAAU,IAAA;AAAA,gBACvD,sBAAoBpB;AAAA,gBACpB,iBACE,CAACA,KACDoB,MAAe,UACfA,KAAc;AAAA,cAAA;AAAA,YAAA,GAGpB;AAAA,YAEChB,MAAW,YAAYR,uBACrBJ,GAAA,EAAqB,YAAW,KAC9B,UAAA6B,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA5B,EAAY,cAAc;"}

package/dist/chunks/{progress-bar-m6NsCg7W.cjs.js → progress-bar-CZWi2j-A.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),k=require("react"),d=require("./Label-BgrYyYXn.cjs.js"),w=require("./ProgressBar-BA3sLh1k.cjs.js"),C=require("@chakra-ui/react"),u=require("@chakra-ui/react/styled-system"),V=require("./extractStyleProps-Q5HTdHwJ.cjs.js"),F=require("./useObjectRef-dXOJdONs.cjs.js"),H=require("@chakra-ui/react/flex"),L=require("./box-CWni3A32.cjs.js"),{withProvider:O,withContext:t}=u.createSlotRecipeContext({key:"progressBar"}),D=O("div","root"),G=t("div","track"),I=t("div","fill"),x=t("span","label"),f=t("span","value"),p=l=>{const{ref:h,value:o,minValue:b=0,maxValue:P=100,isDynamic:j=!0,isIndeterminate:r,label:s,formatOptions:g={style:"percent"},variant:m="solid",layout:i="stacked",colorPalette:$="primary",...y}=l,B=u.useSlotRecipe({key:"progressBar"}),[n,q]=B.splitVariantProps({variant:m,colorPalette:$,...l}),[R]=V.extractStyleProps(q),S=k.useRef(null),v=F.$df56164dff5785e2$export$4338b53315abf666(C.mergeRefs(S,h));return e.jsx(D,{...n,...R,...n,isDynamic:j,isIndeterminate:r,asChild:!0,children:e.jsx(w.$0393f8ab869a0f1a$export$c17561cb55d4db30,{ref:v,value:o,minValue:b,maxValue:P,isIndeterminate:r,formatOptions:g,...y,children:({percentage:a,valueText:c})=>e.jsxs(e.Fragment,{children:[i==="stacked"&&e.jsxs(H.Flex,{children:[s&&e.jsx(x,{asChild:!0,children:e.jsx(d.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(L.Box,{flexGrow:"1"}),s&&o&&e.jsx(f,{children:c})]}),i==="inline"&&s&&e.jsx(x,{lineHeight:"1",asChild:!0,children:e.jsx(d.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(G,{children:e.jsx(I,{style:{width:r?"40%":`${a}%`},"data-indeterminate":r,"data-complete":!r&&a!==void 0&&a>=100})}),i==="inline"&&o&&e.jsx(f,{lineHeight:"1",children:c})]})})})};p.displayName="ProgressBar";exports.ProgressBar=p;
-//# sourceMappingURL=progress-bar-m6NsCg7W.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),k=require("react"),d=require("./Label-BgrYyYXn.cjs.js"),w=require("./ProgressBar-C9Y3C7_B.cjs.js"),C=require("@chakra-ui/react"),u=require("@chakra-ui/react/styled-system"),V=require("./extractStyleProps-Y0FOIaxn.cjs.js"),F=require("./useObjectRef-dXOJdONs.cjs.js"),H=require("@chakra-ui/react/flex"),L=require("./box-CWni3A32.cjs.js"),{withProvider:O,withContext:t}=u.createSlotRecipeContext({key:"progressBar"}),D=O("div","root"),G=t("div","track"),I=t("div","fill"),x=t("span","label"),f=t("span","value"),p=l=>{const{ref:h,value:o,minValue:b=0,maxValue:P=100,isDynamic:j=!0,isIndeterminate:r,label:s,formatOptions:g={style:"percent"},variant:m="solid",layout:i="stacked",colorPalette:$="primary",...y}=l,B=u.useSlotRecipe({key:"progressBar"}),[n,q]=B.splitVariantProps({variant:m,colorPalette:$,...l}),[R]=V.extractStyleProps(q),S=k.useRef(null),v=F.$df56164dff5785e2$export$4338b53315abf666(C.mergeRefs(S,h));return e.jsx(D,{...n,...R,...n,isDynamic:j,isIndeterminate:r,asChild:!0,children:e.jsx(w.$0393f8ab869a0f1a$export$c17561cb55d4db30,{ref:v,value:o,minValue:b,maxValue:P,isIndeterminate:r,formatOptions:g,...y,children:({percentage:a,valueText:c})=>e.jsxs(e.Fragment,{children:[i==="stacked"&&e.jsxs(H.Flex,{children:[s&&e.jsx(x,{asChild:!0,children:e.jsx(d.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(L.Box,{flexGrow:"1"}),s&&o&&e.jsx(f,{children:c})]}),i==="inline"&&s&&e.jsx(x,{lineHeight:"1",asChild:!0,children:e.jsx(d.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(G,{children:e.jsx(I,{style:{width:r?"40%":`${a}%`},"data-indeterminate":r,"data-complete":!r&&a!==void 0&&a>=100})}),i==="inline"&&o&&e.jsx(f,{lineHeight:"1",children:c})]})})})};p.displayName="ProgressBar";exports.ProgressBar=p;
+//# sourceMappingURL=progress-bar-CZWi2j-A.cjs.js.map

package/dist/chunks/{progress-bar-m6NsCg7W.cjs.js.map → progress-bar-CZWi2j-A.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-bar-m6NsCg7W.cjs.js","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  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\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 { mergeRefs } from \"@chakra-ui/react\";\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\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\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: \"progressBar\" });\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      {...recipeProps}\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"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":"kYA8BM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAKFI,EAAuBH,EAGlC,MAAO,OAAO,EAKHI,EAAsBJ,EAGjC,MAAO,MAAM,EAIFK,EAAuBL,EAGlC,OAAQ,OAAO,EAKJM,EAAuBN,EAGlC,OAAQ,OAAO,ECjCJO,EAAeC,GAA4B,CACtD,KAAM,CACJ,IAAKC,EACL,MAAAC,EACA,SAAAC,EAAW,EACX,SAAAC,EAAW,IACX,UAAAC,EAAY,GACZ,gBAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAE,MAAO,SAAA,EACzB,QAAAC,EAAU,QACV,OAAAC,EAAS,UACT,aAAAC,EAAe,UACf,GAAGC,CAAA,EACDZ,EAEEa,EAASC,EAAAA,cAAc,CAAE,IAAK,cAAe,EAC7C,CAACC,EAAaC,CAAc,EAAIH,EAAO,kBAAkB,CAC7D,QAAAJ,EACA,aAAAE,EACA,GAAGX,CAAA,CACJ,EACK,CAACiB,CAAU,EAAIC,EAAAA,kBAAkBF,CAAc,EAE/CG,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUlB,CAAY,CAAC,EAE1D,OACEuB,EAAAA,IAAC9B,EAAA,CACE,GAAGqB,EACH,GAAGE,EACH,GAAGF,EACJ,UAAAV,EACA,gBAAAC,EACA,QAAO,GAEP,SAAAkB,EAAAA,IAACC,EAAAA,0CAAA,CACC,IAAAJ,EACA,MAAAnB,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAE,EACA,cAAAE,EACC,GAAGI,EAEH,SAAA,CAAC,CAAE,WAAAc,EAAY,UAAAC,CAAA,IACdC,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,IAAW,kBACToB,EAAAA,KAAA,CACE,SAAA,CAAAvB,SACEV,EAAA,CAAqB,QAAO,GAC3B,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,WAAM,CAAA,CAClB,EAEFP,EAAAA,IAACQ,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EACjBzB,GAASL,GACRsB,EAAAA,IAAC1B,EAAA,CAAsB,SAAA6B,CAAA,CAAU,CAAA,EAErC,EAGDjB,IAAW,UAAYH,GACtBiB,EAAAA,IAAC3B,EAAA,CAAqB,WAAW,IAAI,QAAO,GAC1C,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,SAAAxB,CAAA,CAAM,EAClB,QAGDZ,EAAA,CACC,SAAA6B,EAAAA,IAAC5B,EAAA,CACC,MAAO,CAAE,MAAOU,EAAkB,MAAQ,GAAGoB,CAAU,GAAA,EACvD,qBAAoBpB,EACpB,gBACE,CAACA,GACDoB,IAAe,QACfA,GAAc,GAAA,CAAA,EAGpB,EAEChB,IAAW,UAAYR,SACrBJ,EAAA,CAAqB,WAAW,IAC9B,SAAA6B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAGN,EAEA5B,EAAY,YAAc"}
+{"version":3,"file":"progress-bar-CZWi2j-A.cjs.js","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  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\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 { mergeRefs } from \"@chakra-ui/react\";\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\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\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: \"progressBar\" });\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      {...recipeProps}\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"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":"kYA8BM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAKFI,EAAuBH,EAGlC,MAAO,OAAO,EAKHI,EAAsBJ,EAGjC,MAAO,MAAM,EAIFK,EAAuBL,EAGlC,OAAQ,OAAO,EAKJM,EAAuBN,EAGlC,OAAQ,OAAO,ECjCJO,EAAeC,GAA4B,CACtD,KAAM,CACJ,IAAKC,EACL,MAAAC,EACA,SAAAC,EAAW,EACX,SAAAC,EAAW,IACX,UAAAC,EAAY,GACZ,gBAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAE,MAAO,SAAA,EACzB,QAAAC,EAAU,QACV,OAAAC,EAAS,UACT,aAAAC,EAAe,UACf,GAAGC,CAAA,EACDZ,EAEEa,EAASC,EAAAA,cAAc,CAAE,IAAK,cAAe,EAC7C,CAACC,EAAaC,CAAc,EAAIH,EAAO,kBAAkB,CAC7D,QAAAJ,EACA,aAAAE,EACA,GAAGX,CAAA,CACJ,EACK,CAACiB,CAAU,EAAIC,EAAAA,kBAAkBF,CAAc,EAE/CG,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUlB,CAAY,CAAC,EAE1D,OACEuB,EAAAA,IAAC9B,EAAA,CACE,GAAGqB,EACH,GAAGE,EACH,GAAGF,EACJ,UAAAV,EACA,gBAAAC,EACA,QAAO,GAEP,SAAAkB,EAAAA,IAACC,EAAAA,0CAAA,CACC,IAAAJ,EACA,MAAAnB,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAE,EACA,cAAAE,EACC,GAAGI,EAEH,SAAA,CAAC,CAAE,WAAAc,EAAY,UAAAC,CAAA,IACdC,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,IAAW,kBACToB,EAAAA,KAAA,CACE,SAAA,CAAAvB,SACEV,EAAA,CAAqB,QAAO,GAC3B,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,WAAM,CAAA,CAClB,EAEFP,EAAAA,IAACQ,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EACjBzB,GAASL,GACRsB,EAAAA,IAAC1B,EAAA,CAAsB,SAAA6B,CAAA,CAAU,CAAA,EAErC,EAGDjB,IAAW,UAAYH,GACtBiB,EAAAA,IAAC3B,EAAA,CAAqB,WAAW,IAAI,QAAO,GAC1C,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,SAAAxB,CAAA,CAAM,EAClB,QAGDZ,EAAA,CACC,SAAA6B,EAAAA,IAAC5B,EAAA,CACC,MAAO,CAAE,MAAOU,EAAkB,MAAQ,GAAGoB,CAAU,GAAA,EACvD,qBAAoBpB,EACpB,gBACE,CAACA,GACDoB,IAAe,QACfA,GAAc,GAAA,CAAA,EAGpB,EAEChB,IAAW,UAAYR,SACrBJ,EAAA,CAAqB,WAAW,IAC9B,SAAA6B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAGN,EAEA5B,EAAY,YAAc"}

package/dist/chunks/{radio-input-CVk4E1vl.cjs.js → radio-input-BQnglpND.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const I=require("react/jsx-runtime"),L=require("@chakra-ui/react/styled-system"),z=require("./index-SuWPp512.cjs.js"),h=require("./utils-BHdR5Nww.cjs.js"),J=require("./FieldError-DyGFfqST.cjs.js"),Q=require("./Form-BuOomA4T.cjs.js"),X=require("./Label-BgrYyYXn.cjs.js"),Y=require("./Text-BWSfeB9p.cjs.js"),m=require("./mergeProps-BA5Cwf5w.cjs.js"),F=require("./filterDOMProps-WUskt27c.cjs.js"),Z=require("./useObjectRef-dXOJdONs.cjs.js"),l=require("react"),ee=require("./useFormReset--wPlnEOl.cjs.js"),w=require("./usePress-BrVCtBty.cjs.js"),ae=require("./useFocusable-DCgmQxS1.cjs.js"),N=require("./useFormValidation-BEaCuNx1.cjs.js"),ie=require("./utils-BGHwK7fd.cjs.js"),de=require("./FocusScope-DPn5XtSy.cjs.js"),re=require("./useFocusWithin-BDSWp3rw.cjs.js"),te=require("./useField-DmqO9k7a.cjs.js"),oe=require("./context-OoV8SSWX.cjs.js"),j=require("./useFocusRing-CzFer4bD.cjs.js"),se=require("./useHover-CiP9jMFy.cjs.js"),le=require("./VisuallyHidden-Bv_AJXZ7.cjs.js"),ne=require("./useControlledState-D0L6S_5r.cjs.js"),T=require("./extractStyleProps-Q5HTdHwJ.cjs.js"),_=require("@commercetools/nimbus-icons"),W=new WeakMap;function ce(a,e,d){let{value:r,children:o,"aria-label":t,"aria-labelledby":u,onPressStart:i,onPressEnd:n,onPressChange:$,onPress:s,onPressUp:c,onClick:p}=a;const b=a.isDisabled||e.isDisabled;let V=o!=null,x=t!=null||u!=null;!V&&!x&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let R=e.selectedValue===r,S=C=>{C.stopPropagation(),e.setSelectedValue(r)},{pressProps:D,isPressed:g}=w.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:i,onPressEnd:n,onPressChange:$,onPress:s,onPressUp:c,onClick:p,isDisabled:b}),{pressProps:O,isPressed:P}=w.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:i,onPressEnd:n,onPressChange:$,onPressUp:c,onClick:p,isDisabled:b,onPress(C){var M;s?.(C),e.setSelectedValue(r),(M=d.current)===null||M===void 0||M.focus()}}),{focusableProps:f}=ae.$f645667febf57a63$export$4c014de7c8940b4c(m.$3ef42575df84b30b$export$9d1611c77c2fe928(a,{onFocus:()=>e.setLastFocusedValue(r)}),d),y=m.$3ef42575df84b30b$export$9d1611c77c2fe928(D,f),v=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),q=-1;e.selectedValue!=null?e.selectedValue===r&&(q=0):(e.lastFocusedValue===r||e.lastFocusedValue==null)&&(q=0),b&&(q=void 0);let{name:U,form:A,descriptionId:G,errorMessageId:K,validationBehavior:E}=W.get(e);return ee.$99facab73266f662$export$5add1d006293d136(d,e.defaultSelectedValue,e.setSelectedValue),N.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:E},e,d),{labelProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(O,{onClick:C=>C.preventDefault()}),inputProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(v,{...y,type:"radio",name:U,form:A,tabIndex:q,disabled:b,required:e.isRequired&&E==="native",checked:R,value:r,onChange:S,"aria-describedby":[a["aria-describedby"],e.isInvalid?K:null,G].filter(Boolean).join(" ")||void 0}),isDisabled:b,isSelected:R,isPressed:g||P}}function ue(a,e){let{name:d,form:r,isReadOnly:o,isRequired:t,isDisabled:u,orientation:i="vertical",validationBehavior:n="aria"}=a,{direction:$}=oe.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),{isInvalid:s,validationErrors:c,validationDetails:p}=e.displayValidation,{labelProps:b,fieldProps:V,descriptionProps:x,errorMessageProps:R}=te.$2baaea4c71418dea$export$294aa081a6c6f55d({...a,labelElementType:"span",isInvalid:e.isInvalid,errorMessage:a.errorMessage||c}),S=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),{focusWithinProps:D}=re.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin(P){var f;(f=a.onBlur)===null||f===void 0||f.call(a,P),e.selectedValue||e.setLastFocusedValue(null)},onFocusWithin:a.onFocus,onFocusWithinChange:a.onFocusChange}),g=P=>{let f;switch(P.key){case"ArrowRight":$==="rtl"&&i!=="vertical"?f="prev":f="next";break;case"ArrowLeft":$==="rtl"&&i!=="vertical"?f="next":f="prev";break;case"ArrowDown":f="next";break;case"ArrowUp":f="prev";break;default:return}P.preventDefault();let y=de.$9bf71ea28793e738$export$2d6ec8fc375ceafa(P.currentTarget,{from:P.target,accept:q=>q instanceof ie.$431fbd86ca7dc216$export$f21a1ffae260145a(q).HTMLInputElement&&q.type==="radio"}),v;f==="next"?(v=y.nextNode(),v||(y.currentNode=P.currentTarget,v=y.firstChild())):(v=y.previousNode(),v||(y.currentNode=P.currentTarget,v=y.lastChild())),v&&(v.focus(),e.setSelectedValue(v.value))},O=m.$bdb11010cef70236$export$f680877a34711e37(d);return W.set(e,{name:O,form:r,descriptionId:x.id,errorMessageId:R.id,validationBehavior:n}),{radioGroupProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(S,{role:"radiogroup",onKeyDown:g,"aria-invalid":e.isInvalid||void 0,"aria-errormessage":a["aria-errormessage"],"aria-readonly":o||void 0,"aria-required":t||void 0,"aria-disabled":u||void 0,"aria-orientation":i,...V,...D}),labelProps:b,descriptionProps:x,errorMessageProps:R,isInvalid:s,validationErrors:c,validationDetails:p}}let fe=Math.round(Math.random()*1e10),$e=0;function be(a){let e=l.useMemo(()=>a.name||`radio-group-${fe}-${++$e}`,[a.name]);var d;let[r,o]=ne.$458b0a5536c1a7cf$export$40bfa8c7b0832715(a.value,(d=a.defaultValue)!==null&&d!==void 0?d:null,a.onChange),[t]=l.useState(r),[u,i]=l.useState(null),n=N.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...a,value:r}),$=p=>{!a.isReadOnly&&!a.isDisabled&&(o(p),n.commitValidation())},s=n.displayValidation.isInvalid;var c;return{...n,name:e,selectedValue:r,defaultSelectedValue:a.value!==void 0?t:(c=a.defaultValue)!==null&&c!==void 0?c:null,setSelectedValue:$,lastFocusedValue:u,setLastFocusedValue:i,isDisabled:a.isDisabled||!1,isReadOnly:a.isReadOnly||!1,isRequired:a.isRequired||!1,validationState:a.validationState||(s?"invalid":null),isInvalid:s}}const pe=l.createContext(null),ve=l.createContext(null),H=l.createContext(null),Pe=l.forwardRef(function(e,d){[e,d]=h.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,pe);let{validationBehavior:r}=h.$64fa3d84918910a7$export$fabf2dc03a41866e(Q.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var o,t;let u=(t=(o=e.validationBehavior)!==null&&o!==void 0?o:r)!==null&&t!==void 0?t:"native",i=be({...e,validationBehavior:u}),[n,$]=h.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{radioGroupProps:s,labelProps:c,descriptionProps:p,errorMessageProps:b,...V}=ue({...e,label:$,validationBehavior:u},i),x=h.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{orientation:e.orientation||"vertical",isDisabled:i.isDisabled,isReadOnly:i.isReadOnly,isRequired:i.isRequired,isInvalid:i.isInvalid,state:i},defaultClassName:"react-aria-RadioGroup"}),R=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return l.createElement("div",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(R,x,s),ref:d,slot:e.slot||void 0,"data-orientation":e.orientation||"vertical","data-invalid":i.isInvalid||void 0,"data-disabled":i.isDisabled||void 0,"data-readonly":i.isReadOnly||void 0,"data-required":i.isRequired||void 0},l.createElement(h.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[H,i],[X.$01b77f81d0f07f68$export$75b6ee27786ba447,{...c,ref:n,elementType:"span"}],[Y.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:p,errorMessage:b}}],[J.$ee014567cb39d3f0$export$ff05c3ac10437e03,V]]},x.children))}),xe=l.forwardRef(function(e,d){let{inputRef:r=null,...o}=e;[e,d]=h.$64fa3d84918910a7$export$29f1550f4b0d4415(o,d,ve);let t=l.useContext(H),u=Z.$df56164dff5785e2$export$4338b53315abf666(l.useMemo(()=>h.$5dc95899b306f630$export$c9058316764c140e(r,e.inputRef!==void 0?e.inputRef:null),[r,e.inputRef])),{labelProps:i,inputProps:n,isSelected:$,isDisabled:s,isPressed:c}=ce({...h.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children},t,u),{isFocused:p,isFocusVisible:b,focusProps:V}=j.$f7dceffc5ad7768b$export$4e328f61c538687f(),x=s||t.isReadOnly,{hoverProps:R,isHovered:S}=se.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:x}),D=h.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Radio",values:{isSelected:$,isPressed:c,isHovered:S,isFocused:p,isFocusVisible:b,isDisabled:s,isReadOnly:t.isReadOnly,isInvalid:t.isInvalid,isRequired:t.isRequired}}),g=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete g.id,delete g.onClick,l.createElement("label",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(g,i,R,D),ref:d,"data-selected":$||void 0,"data-pressed":c||void 0,"data-hovered":S||void 0,"data-focused":p||void 0,"data-focus-visible":b||void 0,"data-disabled":s||void 0,"data-readonly":t.isReadOnly||void 0,"data-invalid":t.isInvalid||void 0,"data-required":t.isRequired||void 0},l.createElement(le.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},l.createElement("input",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(n,V),ref:u})),D.children)}),{withProvider:Re,withContext:he}=L.createSlotRecipeContext({key:"radioInput"}),me=Re("div","root"),ye=he("span","option"),B=a=>{const e=L.useSlotRecipe({recipe:z.radioInputSlotRecipe}),[d,r]=e.splitVariantProps(a),[o,t]=T.extractStyleProps(r);return I.jsx(me,{...d,...o,asChild:!0,children:I.jsx(Pe,{...t,children:a.children})})};B.displayName="RadioInputRoot";const k=({children:a,value:e,...d})=>{const[r,o]=T.extractStyleProps(d),{isFocused:t,focusProps:u}=j.$f7dceffc5ad7768b$export$4e328f61c538687f();return I.jsx(ye,{...r,...u,"data-focus":t||void 0,asChild:!0,children:I.jsx(xe,{value:e,...o,children:i=>{const n=typeof a=="function"?a({...i}):a;return I.jsxs(I.Fragment,{children:[i.isSelected?I.jsx(_.RadioButtonChecked,{}):I.jsx(_.RadioButtonUnchecked,{}),n]})}})})};k.displayName="RadioInputOption";const qe={Root:B,Option:k};exports.RadioInput=qe;exports.RadioInputOption=k;exports.RadioInputRoot=B;
-//# sourceMappingURL=radio-input-CVk4E1vl.cjs.js.map
+"use strict";const I=require("react/jsx-runtime"),L=require("@chakra-ui/react/styled-system"),z=require("./index-BER2ZcrK.cjs.js"),h=require("./utils-BHdR5Nww.cjs.js"),J=require("./FieldError-DyGFfqST.cjs.js"),Q=require("./Form-BuOomA4T.cjs.js"),X=require("./Label-BgrYyYXn.cjs.js"),Y=require("./Text-BWSfeB9p.cjs.js"),m=require("./mergeProps-BA5Cwf5w.cjs.js"),F=require("./filterDOMProps-WUskt27c.cjs.js"),Z=require("./useObjectRef-dXOJdONs.cjs.js"),l=require("react"),ee=require("./useFormReset--wPlnEOl.cjs.js"),w=require("./usePress-BrVCtBty.cjs.js"),ae=require("./useFocusable-DCgmQxS1.cjs.js"),N=require("./useFormValidation-BEaCuNx1.cjs.js"),ie=require("./utils-BGHwK7fd.cjs.js"),de=require("./FocusScope-DPn5XtSy.cjs.js"),re=require("./useFocusWithin-BDSWp3rw.cjs.js"),te=require("./useField-C_piDZ9g.cjs.js"),oe=require("./context-OoV8SSWX.cjs.js"),j=require("./useFocusRing-CzFer4bD.cjs.js"),se=require("./useHover-CiP9jMFy.cjs.js"),le=require("./VisuallyHidden-Bv_AJXZ7.cjs.js"),ne=require("./useControlledState-D0L6S_5r.cjs.js"),T=require("./extractStyleProps-Y0FOIaxn.cjs.js"),_=require("@commercetools/nimbus-icons"),W=new WeakMap;function ce(a,e,d){let{value:r,children:o,"aria-label":t,"aria-labelledby":u,onPressStart:i,onPressEnd:n,onPressChange:$,onPress:s,onPressUp:c,onClick:p}=a;const b=a.isDisabled||e.isDisabled;let V=o!=null,x=t!=null||u!=null;!V&&!x&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let R=e.selectedValue===r,S=C=>{C.stopPropagation(),e.setSelectedValue(r)},{pressProps:D,isPressed:g}=w.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:i,onPressEnd:n,onPressChange:$,onPress:s,onPressUp:c,onClick:p,isDisabled:b}),{pressProps:O,isPressed:P}=w.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:i,onPressEnd:n,onPressChange:$,onPressUp:c,onClick:p,isDisabled:b,onPress(C){var M;s?.(C),e.setSelectedValue(r),(M=d.current)===null||M===void 0||M.focus()}}),{focusableProps:f}=ae.$f645667febf57a63$export$4c014de7c8940b4c(m.$3ef42575df84b30b$export$9d1611c77c2fe928(a,{onFocus:()=>e.setLastFocusedValue(r)}),d),y=m.$3ef42575df84b30b$export$9d1611c77c2fe928(D,f),v=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),q=-1;e.selectedValue!=null?e.selectedValue===r&&(q=0):(e.lastFocusedValue===r||e.lastFocusedValue==null)&&(q=0),b&&(q=void 0);let{name:U,form:A,descriptionId:G,errorMessageId:K,validationBehavior:E}=W.get(e);return ee.$99facab73266f662$export$5add1d006293d136(d,e.defaultSelectedValue,e.setSelectedValue),N.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:E},e,d),{labelProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(O,{onClick:C=>C.preventDefault()}),inputProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(v,{...y,type:"radio",name:U,form:A,tabIndex:q,disabled:b,required:e.isRequired&&E==="native",checked:R,value:r,onChange:S,"aria-describedby":[a["aria-describedby"],e.isInvalid?K:null,G].filter(Boolean).join(" ")||void 0}),isDisabled:b,isSelected:R,isPressed:g||P}}function ue(a,e){let{name:d,form:r,isReadOnly:o,isRequired:t,isDisabled:u,orientation:i="vertical",validationBehavior:n="aria"}=a,{direction:$}=oe.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),{isInvalid:s,validationErrors:c,validationDetails:p}=e.displayValidation,{labelProps:b,fieldProps:V,descriptionProps:x,errorMessageProps:R}=te.$2baaea4c71418dea$export$294aa081a6c6f55d({...a,labelElementType:"span",isInvalid:e.isInvalid,errorMessage:a.errorMessage||c}),S=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),{focusWithinProps:D}=re.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin(P){var f;(f=a.onBlur)===null||f===void 0||f.call(a,P),e.selectedValue||e.setLastFocusedValue(null)},onFocusWithin:a.onFocus,onFocusWithinChange:a.onFocusChange}),g=P=>{let f;switch(P.key){case"ArrowRight":$==="rtl"&&i!=="vertical"?f="prev":f="next";break;case"ArrowLeft":$==="rtl"&&i!=="vertical"?f="next":f="prev";break;case"ArrowDown":f="next";break;case"ArrowUp":f="prev";break;default:return}P.preventDefault();let y=de.$9bf71ea28793e738$export$2d6ec8fc375ceafa(P.currentTarget,{from:P.target,accept:q=>q instanceof ie.$431fbd86ca7dc216$export$f21a1ffae260145a(q).HTMLInputElement&&q.type==="radio"}),v;f==="next"?(v=y.nextNode(),v||(y.currentNode=P.currentTarget,v=y.firstChild())):(v=y.previousNode(),v||(y.currentNode=P.currentTarget,v=y.lastChild())),v&&(v.focus(),e.setSelectedValue(v.value))},O=m.$bdb11010cef70236$export$f680877a34711e37(d);return W.set(e,{name:O,form:r,descriptionId:x.id,errorMessageId:R.id,validationBehavior:n}),{radioGroupProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928(S,{role:"radiogroup",onKeyDown:g,"aria-invalid":e.isInvalid||void 0,"aria-errormessage":a["aria-errormessage"],"aria-readonly":o||void 0,"aria-required":t||void 0,"aria-disabled":u||void 0,"aria-orientation":i,...V,...D}),labelProps:b,descriptionProps:x,errorMessageProps:R,isInvalid:s,validationErrors:c,validationDetails:p}}let fe=Math.round(Math.random()*1e10),$e=0;function be(a){let e=l.useMemo(()=>a.name||`radio-group-${fe}-${++$e}`,[a.name]);var d;let[r,o]=ne.$458b0a5536c1a7cf$export$40bfa8c7b0832715(a.value,(d=a.defaultValue)!==null&&d!==void 0?d:null,a.onChange),[t]=l.useState(r),[u,i]=l.useState(null),n=N.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...a,value:r}),$=p=>{!a.isReadOnly&&!a.isDisabled&&(o(p),n.commitValidation())},s=n.displayValidation.isInvalid;var c;return{...n,name:e,selectedValue:r,defaultSelectedValue:a.value!==void 0?t:(c=a.defaultValue)!==null&&c!==void 0?c:null,setSelectedValue:$,lastFocusedValue:u,setLastFocusedValue:i,isDisabled:a.isDisabled||!1,isReadOnly:a.isReadOnly||!1,isRequired:a.isRequired||!1,validationState:a.validationState||(s?"invalid":null),isInvalid:s}}const pe=l.createContext(null),ve=l.createContext(null),H=l.createContext(null),Pe=l.forwardRef(function(e,d){[e,d]=h.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,pe);let{validationBehavior:r}=h.$64fa3d84918910a7$export$fabf2dc03a41866e(Q.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var o,t;let u=(t=(o=e.validationBehavior)!==null&&o!==void 0?o:r)!==null&&t!==void 0?t:"native",i=be({...e,validationBehavior:u}),[n,$]=h.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{radioGroupProps:s,labelProps:c,descriptionProps:p,errorMessageProps:b,...V}=ue({...e,label:$,validationBehavior:u},i),x=h.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{orientation:e.orientation||"vertical",isDisabled:i.isDisabled,isReadOnly:i.isReadOnly,isRequired:i.isRequired,isInvalid:i.isInvalid,state:i},defaultClassName:"react-aria-RadioGroup"}),R=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return l.createElement("div",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(R,x,s),ref:d,slot:e.slot||void 0,"data-orientation":e.orientation||"vertical","data-invalid":i.isInvalid||void 0,"data-disabled":i.isDisabled||void 0,"data-readonly":i.isReadOnly||void 0,"data-required":i.isRequired||void 0},l.createElement(h.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[H,i],[X.$01b77f81d0f07f68$export$75b6ee27786ba447,{...c,ref:n,elementType:"span"}],[Y.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:p,errorMessage:b}}],[J.$ee014567cb39d3f0$export$ff05c3ac10437e03,V]]},x.children))}),xe=l.forwardRef(function(e,d){let{inputRef:r=null,...o}=e;[e,d]=h.$64fa3d84918910a7$export$29f1550f4b0d4415(o,d,ve);let t=l.useContext(H),u=Z.$df56164dff5785e2$export$4338b53315abf666(l.useMemo(()=>h.$5dc95899b306f630$export$c9058316764c140e(r,e.inputRef!==void 0?e.inputRef:null),[r,e.inputRef])),{labelProps:i,inputProps:n,isSelected:$,isDisabled:s,isPressed:c}=ce({...h.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children},t,u),{isFocused:p,isFocusVisible:b,focusProps:V}=j.$f7dceffc5ad7768b$export$4e328f61c538687f(),x=s||t.isReadOnly,{hoverProps:R,isHovered:S}=se.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:x}),D=h.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Radio",values:{isSelected:$,isPressed:c,isHovered:S,isFocused:p,isFocusVisible:b,isDisabled:s,isReadOnly:t.isReadOnly,isInvalid:t.isInvalid,isRequired:t.isRequired}}),g=F.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete g.id,delete g.onClick,l.createElement("label",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(g,i,R,D),ref:d,"data-selected":$||void 0,"data-pressed":c||void 0,"data-hovered":S||void 0,"data-focused":p||void 0,"data-focus-visible":b||void 0,"data-disabled":s||void 0,"data-readonly":t.isReadOnly||void 0,"data-invalid":t.isInvalid||void 0,"data-required":t.isRequired||void 0},l.createElement(le.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},l.createElement("input",{...m.$3ef42575df84b30b$export$9d1611c77c2fe928(n,V),ref:u})),D.children)}),{withProvider:Re,withContext:he}=L.createSlotRecipeContext({key:"radioInput"}),me=Re("div","root"),ye=he("span","option"),B=a=>{const e=L.useSlotRecipe({recipe:z.radioInputSlotRecipe}),[d,r]=e.splitVariantProps(a),[o,t]=T.extractStyleProps(r);return I.jsx(me,{...d,...o,asChild:!0,children:I.jsx(Pe,{...t,children:a.children})})};B.displayName="RadioInputRoot";const k=({children:a,value:e,...d})=>{const[r,o]=T.extractStyleProps(d),{isFocused:t,focusProps:u}=j.$f7dceffc5ad7768b$export$4e328f61c538687f();return I.jsx(ye,{...r,...u,"data-focus":t||void 0,asChild:!0,children:I.jsx(xe,{value:e,...o,children:i=>{const n=typeof a=="function"?a({...i}):a;return I.jsxs(I.Fragment,{children:[i.isSelected?I.jsx(_.RadioButtonChecked,{}):I.jsx(_.RadioButtonUnchecked,{}),n]})}})})};k.displayName="RadioInputOption";const qe={Root:B,Option:k};exports.RadioInput=qe;exports.RadioInputOption=k;exports.RadioInputRoot=B;
+//# sourceMappingURL=radio-input-BQnglpND.cjs.js.map