@commercetools/nimbus 2.0.1-rc4 → 2.1.0

package/dist/chunks/openLink-CY66vjvW.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"openLink-CY66vjvW.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.31.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/openLink.mjs"],"sourcesContent":["import {focusWithoutScrolling as $7215afc6de606d6b$export$de79e2c695e052f3} from \"./focusWithoutScrolling.mjs\";\nimport {isMac as $c87311424ea30a05$export$9ac100e40613ea10, isWebKit as $c87311424ea30a05$export$78551043582a6a98, isFirefox as $c87311424ea30a05$export$b7d78993b74f766d, isIPad as $c87311424ea30a05$export$7bef049ce92e4224} from \"./platform.mjs\";\nimport $g3jFn$react, {createContext as $g3jFn$createContext, useMemo as $g3jFn$useMemo, useContext as $g3jFn$useContext} from \"react\";\n\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nconst $ea8dcbcb9ea1b556$var$RouterContext = /*#__PURE__*/ (0, $g3jFn$createContext)({\n    isNative: true,\n    open: $ea8dcbcb9ea1b556$var$openSyntheticLink,\n    useHref: (href)=>href\n});\nfunction $ea8dcbcb9ea1b556$export$323e4fc2fa4753fb(props) {\n    let { children: children, navigate: navigate, useHref: useHref } = props;\n    let ctx = (0, $g3jFn$useMemo)(()=>({\n            isNative: false,\n            open: (target, modifiers, href, routerOptions)=>{\n                $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link)=>{\n                    if ($ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers)) navigate(href, routerOptions);\n                    else $ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers);\n                });\n            },\n            useHref: useHref || ((href)=>href)\n        }), [\n        navigate,\n        useHref\n    ]);\n    return /*#__PURE__*/ (0, $g3jFn$react).createElement($ea8dcbcb9ea1b556$var$RouterContext.Provider, {\n        value: ctx\n    }, children);\n}\nfunction $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {\n    return (0, $g3jFn$useContext)($ea8dcbcb9ea1b556$var$RouterContext);\n}\nfunction $ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers) {\n    // Use getAttribute here instead of link.target. Firefox will default link.target to \"_parent\" when inside an iframe.\n    let target = link.getAttribute('target');\n    return (!target || target === '_self') && link.origin === location.origin && !link.hasAttribute('download') && !modifiers.metaKey && // open in new tab (mac)\n    !modifiers.ctrlKey && // open in new tab (windows)\n    !modifiers.altKey && // download\n    !modifiers.shiftKey;\n}\nfunction $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {\n    var _window_event_type, _window_event;\n    let { metaKey: metaKey, ctrlKey: ctrlKey, altKey: altKey, shiftKey: shiftKey } = modifiers;\n    // Firefox does not recognize keyboard events as a user action by default, and the popup blocker\n    // will prevent links with target=\"_blank\" from opening. However, it does allow the event if the\n    // Command/Control key is held, which opens the link in a background tab. This seems like the best we can do.\n    // See https://bugzilla.mozilla.org/show_bug.cgi?id=257870 and https://bugzilla.mozilla.org/show_bug.cgi?id=746640.\n    if ((0, $c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event === void 0 ? void 0 : (_window_event_type = _window_event.type) === null || _window_event_type === void 0 ? void 0 : _window_event_type.startsWith('key')) && target.target === '_blank') {\n        if ((0, $c87311424ea30a05$export$9ac100e40613ea10)()) metaKey = true;\n        else ctrlKey = true;\n    }\n    // WebKit does not support firing click events with modifier keys, but does support keyboard events.\n    // https://github.com/WebKit/WebKit/blob/c03d0ac6e6db178f90923a0a63080b5ca210d25f/Source/WebCore/html/HTMLAnchorElement.cpp#L184\n    let event = (0, $c87311424ea30a05$export$78551043582a6a98)() && (0, $c87311424ea30a05$export$9ac100e40613ea10)() && !(0, $c87311424ea30a05$export$7bef049ce92e4224)() && process.env.NODE_ENV !== 'test' ? new KeyboardEvent('keydown', {\n        keyIdentifier: 'Enter',\n        metaKey: metaKey,\n        ctrlKey: ctrlKey,\n        altKey: altKey,\n        shiftKey: shiftKey\n    }) : new MouseEvent('click', {\n        metaKey: metaKey,\n        ctrlKey: ctrlKey,\n        altKey: altKey,\n        shiftKey: shiftKey,\n        bubbles: true,\n        cancelable: true\n    });\n    $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = setOpening;\n    (0, $7215afc6de606d6b$export$de79e2c695e052f3)(target);\n    target.dispatchEvent(event);\n    $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;\n}\n// https://github.com/parcel-bundler/parcel/issues/8724\n$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;\nfunction $ea8dcbcb9ea1b556$var$getSyntheticLink(target, open) {\n    if (target instanceof HTMLAnchorElement) open(target);\n    else if (target.hasAttribute('data-href')) {\n        let link = document.createElement('a');\n        link.href = target.getAttribute('data-href');\n        if (target.hasAttribute('data-target')) link.target = target.getAttribute('data-target');\n        if (target.hasAttribute('data-rel')) link.rel = target.getAttribute('data-rel');\n        if (target.hasAttribute('data-download')) link.download = target.getAttribute('data-download');\n        if (target.hasAttribute('data-ping')) link.ping = target.getAttribute('data-ping');\n        if (target.hasAttribute('data-referrer-policy')) link.referrerPolicy = target.getAttribute('data-referrer-policy');\n        target.appendChild(link);\n        open(link);\n        target.removeChild(link);\n    }\n}\nfunction $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {\n    $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link)=>$ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers));\n}\nfunction $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {\n    let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();\n    var _props_href;\n    const href = router.useHref((_props_href = props.href) !== null && _props_href !== void 0 ? _props_href : '');\n    return {\n        'data-href': props.href ? href : undefined,\n        'data-target': props.target,\n        'data-rel': props.rel,\n        'data-download': props.download,\n        'data-ping': props.ping,\n        'data-referrer-policy': props.referrerPolicy\n    };\n}\nfunction $ea8dcbcb9ea1b556$export$51437d503373d223(props) {\n    return {\n        'data-href': props.href,\n        'data-target': props.target,\n        'data-rel': props.rel,\n        'data-download': props.download,\n        'data-ping': props.ping,\n        'data-referrer-policy': props.referrerPolicy\n    };\n}\nfunction $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {\n    let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();\n    var _props_href;\n    const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : '');\n    return {\n        href: (props === null || props === void 0 ? void 0 : props.href) ? href : undefined,\n        target: props === null || props === void 0 ? void 0 : props.target,\n        rel: props === null || props === void 0 ? void 0 : props.rel,\n        download: props === null || props === void 0 ? void 0 : props.download,\n        ping: props === null || props === void 0 ? void 0 : props.ping,\n        referrerPolicy: props === null || props === void 0 ? void 0 : props.referrerPolicy\n    };\n}\nfunction $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, href, routerOptions) {\n    // If a custom router is provided, prevent default and forward if this link should client navigate.\n    if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n    !e.isDefaultPrevented() && $ea8dcbcb9ea1b556$export$efa8c9099e530235(e.currentTarget, e) && href) {\n        e.preventDefault();\n        router.open(e.currentTarget, e, href, routerOptions);\n    }\n}\n\n\nexport {$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb as RouterProvider, $ea8dcbcb9ea1b556$export$efa8c9099e530235 as shouldClientNavigate, $ea8dcbcb9ea1b556$export$95185d699e05d4d7 as openLink, $ea8dcbcb9ea1b556$export$9a302a45f65d0572 as useRouter, $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 as useSyntheticLinkProps, $ea8dcbcb9ea1b556$export$51437d503373d223 as getSyntheticLinkProps, $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 as useLinkProps, $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f as handleLinkClick};\n//# sourceMappingURL=openLink.module.js.map\n"],"names":["$ea8dcbcb9ea1b556$var$RouterContext","$g3jFn$createContext","$ea8dcbcb9ea1b556$var$openSyntheticLink","href","$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb","props","children","navigate","useHref","ctx","$g3jFn$useMemo","target","modifiers","routerOptions","$ea8dcbcb9ea1b556$var$getSyntheticLink","link","$ea8dcbcb9ea1b556$export$efa8c9099e530235","$ea8dcbcb9ea1b556$export$95185d699e05d4d7","$g3jFn$react","$ea8dcbcb9ea1b556$export$9a302a45f65d0572","$g3jFn$useContext","setOpening","_window_event_type","_window_event","metaKey","ctrlKey","altKey","shiftKey","$c87311424ea30a05$export$b7d78993b74f766d","$c87311424ea30a05$export$9ac100e40613ea10","event","$c87311424ea30a05$export$78551043582a6a98","$c87311424ea30a05$export$7bef049ce92e4224","$7215afc6de606d6b$export$de79e2c695e052f3","open","$ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6","router","_props_href","$ea8dcbcb9ea1b556$export$7e924b3091a3bd18","$ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/pagination-BWdg8s6g.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),r=require("react"),N=require("@commercetools/nimbus-icons"),O=require("./stack-CIN13EDn.cjs.js"),j=require("@chakra-ui/react/flex"),T=require("./select-DMsU6bk9.cjs.js"),f=require("./text-CCW9kDT_.cjs.js"),w=require("./icon-button-vWPrT-bR.cjs.js"),R=require("./number-input-wMW-o4di.cjs.js");function y({totalItems:n,currentPage:x,pageSize:h=20,onPageChange:c,onPageSizeChange:g}){const[C,P]=r.useState(1),[v,M]=r.useState(h),s=x!==void 0,t=s?x:C,o=h??v,i=Math.max(1,Math.ceil(n/o)),e=Math.max(1,Math.min(t,i)),p=Math.min((e-1)*o+1,n),q=Math.min(e*o,n),d=e>1,m=e<i,l=r.useCallback(u=>{const S=Math.max(1,Math.min(u,i));s||P(S),c?.(S)},[i,s,c]),z=r.useCallback(()=>{d&&l(e-1)},[d,e,l]),k=r.useCallback(()=>{m&&l(e+1)},[m,e,l]),I=r.useCallback(u=>{const S=Math.ceil(n/u),b=Math.min(e,S);M(u),!s&&b!==e&&P(b),g?.(u),b!==e&&c?.(b)},[n,e,s,c,g]);return r.useMemo(()=>({totalItems:n,currentPage:e,pageSize:o,totalPages:i,startItem:p,endItem:q,hasPreviousPage:d,hasNextPage:m,goToPage:l,goToPreviousPage:z,goToNextPage:k,setPageSize:I}),[n,e,o,i,p,q,d,m,l,z,k,I])}const F=n=>{const{totalItems:x,currentPage:h,pageSize:c,pageSizeOptions:g=[10,20,50,100],onPageChange:C,onPageSizeChange:P,"aria-label":v="Pagination",enablePageInput:M=!0,enablePageSizeSelector:s=!0}=n,t=y({totalItems:x,currentPage:h,pageSize:c,onPageChange:C,onPageSizeChange:P}),o=r.useMemo(()=>g.map(e=>({id:e.toString(),name:`${e}`})),[g]),i=e=>{if(e){const p=parseInt(e.toString(),10);t.setPageSize(p)}};return a.jsxs(O.Stack,{gap:"400",direction:{base:"column",sm:"row"},align:"center",children:[s&&a.jsxs(j.Flex,{align:"center",gap:"200",children:[a.jsx(T.Select.Root,{isClearable:!1,selectedKey:t.pageSize.toString(),onSelectionChange:i,"aria-label":"Items per page",children:a.jsx(T.Select.Options,{children:o.map(e=>a.jsx(T.Select.Option,{id:e.id,children:e.name},e.id))})}),a.jsx(f.Text,{color:"neutral.12",children:"items per page"})]}),a.jsx(j.Flex,{flexGrow:"1"}),a.jsxs(j.Flex,{align:"center",gap:"200",role:"navigation","aria-label":v,children:[a.jsx(w.IconButton,{onClick:t.goToPreviousPage,isDisabled:!t.hasPreviousPage,variant:"ghost",tone:"primary","aria-label":"Go to previous page",children:a.jsx(N.ChevronLeft,{})}),a.jsxs(j.Flex,{align:"center",gap:"200",children:[a.jsx(f.Text,{color:"neutral.12",children:"Page"}),M?a.jsx(R.NumberInput,{value:t.currentPage,onChange:e=>t.goToPage(e||1),minValue:1,maxValue:t.totalPages,step:1,isDisabled:!1,width:"9ch","aria-label":"Current page","aria-current":"page"}):a.jsx(f.Text,{fontWeight:"semibold",color:"neutral.12","aria-current":"page",children:t.currentPage}),a.jsxs(f.Text,{color:"neutral.12",children:["of ",t.totalPages.toLocaleString()]})]}),a.jsx(w.IconButton,{onClick:t.goToNextPage,isDisabled:!t.hasNextPage,variant:"ghost",tone:"primary","aria-label":"Go to next page",children:a.jsx(N.ChevronRight,{})})]})]})};F.displayName="Pagination";exports.Pagination=F;
-//# sourceMappingURL=pagination-BWdg8s6g.cjs.js.map

package/dist/chunks/pagination-BWdg8s6g.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-BWdg8s6g.cjs.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport type PaginationState = {\n  /** Total number of items across all pages */\n  totalItems: number;\n  /** Current active page (1-based) */\n  currentPage: number;\n  /** Number of items displayed per page */\n  pageSize: number;\n  /** Total number of pages available */\n  totalPages: number;\n  /** Index of the first item on current page (1-based) */\n  startItem: number;\n  /** Index of the last item on current page (1-based) */\n  endItem: number;\n  /** Whether there is a previous page available */\n  hasPreviousPage: boolean;\n  /** Whether there is a next page available */\n  hasNextPage: boolean;\n};\n\nexport type UsePaginationProps = {\n  /** Total number of items to paginate */\n  totalItems: number;\n  /** Initial current page (1-based), defaults to 1 */\n  currentPage?: number;\n  /** Initial number of items per page, defaults to 10 */\n  pageSize?: number;\n  /** Callback fired when the current page changes */\n  onPageChange?: (page: number) => void;\n  /** Callback fired when the page size changes */\n  onPageSizeChange?: (pageSize: number) => void;\n};\n\nexport type UsePaginationReturn = PaginationState & {\n  /** Navigate to a specific page number (1-based) */\n  goToPage: (page: number) => void;\n  /** Navigate to the previous page, if available */\n  goToPreviousPage: () => void;\n  /** Navigate to the next page, if available */\n  goToNextPage: () => void;\n  /** Change the number of items displayed per page */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * # usePagination\n *\n * Custom hook that provides pagination state management and navigation controls.\n *\n * Supports both controlled and uncontrolled modes:\n * - Controlled: Parent component manages currentPage state via props and callbacks\n * - Uncontrolled: Hook manages internal currentPage state automatically\n *\n * @param props - Configuration object for pagination behavior\n * @param props.totalItems - Total number of items to paginate\n * @param props.currentPage - Current page number (controlled mode). If undefined, uses uncontrolled mode\n * @param props.pageSize - Number of items per page (defaults to 20)\n * @param props.onPageChange - Callback fired when page changes\n * @param props.onPageSizeChange - Callback fired when page size changes\n *\n * @returns Object containing pagination state and navigation functions:\n * - totalItems: Total number of items\n * - currentPage: Current active page number (1-based)\n * - pageSize: Number of items per page\n * - totalPages: Total number of pages\n * - startItem: First item number on current page\n * - endItem: Last item number on current page\n * - hasPreviousPage: Whether previous page exists\n * - hasNextPage: Whether next page exists\n * - goToPage: Function to navigate to specific page\n * - goToPreviousPage: Function to navigate to previous page\n * - goToNextPage: Function to navigate to next page\n * - setPageSize: Function to change page size\n *\n */\nexport function usePagination({\n  totalItems,\n  currentPage: controlledCurrentPage,\n  pageSize: controlledPageSize = 20,\n  onPageChange,\n  onPageSizeChange,\n}: UsePaginationProps): UsePaginationReturn {\n  // Internal state for uncontrolled mode\n  const [internalCurrentPage, setInternalCurrentPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(controlledPageSize);\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledCurrentPage !== undefined;\n  const currentPage = isControlled\n    ? controlledCurrentPage\n    : internalCurrentPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  // Calculate pagination values\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Ensure currentPage is within valid bounds\n  const validCurrentPage = Math.max(1, Math.min(currentPage, totalPages));\n\n  const startItem = Math.min((validCurrentPage - 1) * pageSize + 1, totalItems);\n  const endItem = Math.min(validCurrentPage * pageSize, totalItems);\n\n  const hasPreviousPage = validCurrentPage > 1;\n  const hasNextPage = validCurrentPage < totalPages;\n\n  // Page navigation functions\n  const goToPage = useCallback(\n    (page: number) => {\n      const newPage = Math.max(1, Math.min(page, totalPages));\n\n      if (!isControlled) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageChange?.(newPage);\n    },\n    [totalPages, isControlled, onPageChange]\n  );\n\n  const goToPreviousPage = useCallback(() => {\n    if (hasPreviousPage) {\n      goToPage(validCurrentPage - 1);\n    }\n  }, [hasPreviousPage, validCurrentPage, goToPage]);\n\n  const goToNextPage = useCallback(() => {\n    if (hasNextPage) {\n      goToPage(validCurrentPage + 1);\n    }\n  }, [hasNextPage, validCurrentPage, goToPage]);\n\n  const setPageSize = useCallback(\n    (newPageSize: number) => {\n      const newTotalPages = Math.ceil(totalItems / newPageSize);\n      const newPage = Math.min(validCurrentPage, newTotalPages);\n\n      setInternalPageSize(newPageSize);\n\n      if (!isControlled && newPage !== validCurrentPage) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageSizeChange?.(newPageSize);\n\n      if (newPage !== validCurrentPage) {\n        onPageChange?.(newPage);\n      }\n    },\n    [totalItems, validCurrentPage, isControlled, onPageChange, onPageSizeChange]\n  );\n\n  return useMemo(\n    () => ({\n      totalItems,\n      currentPage: validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    }),\n    [\n      totalItems,\n      validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    ]\n  );\n}\n","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/pagination-Bcq69Nv3.es.js

@@ -1,160 +0,0 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useState as y, useCallback as x, useMemo as G } from "react";
-import { ChevronLeft as L, ChevronRight as j } from "@commercetools/nimbus-icons";
-import { S as R } from "./stack-CoNreM7B.es.js";
-import { Flex as v } from "@chakra-ui/react/flex";
-import { S as N } from "./select-BmMhTBo-.es.js";
-import { T as C } from "./text-BgiP8ZB6.es.js";
-import { I as D } from "./icon-button-DQS2apw-.es.js";
-import { N as V } from "./number-input-CktMxOdZ.es.js";
-function B({
-  totalItems: n,
-  currentPage: m,
-  pageSize: h = 20,
-  onPageChange: s,
-  onPageSizeChange: g
-}) {
-  const [M, u] = y(1), [z, T] = y(h), r = m !== void 0, a = r ? m : M, o = h ?? z, i = Math.max(1, Math.ceil(n / o)), e = Math.max(1, Math.min(a, i)), P = Math.min((e - 1) * o + 1, n), w = Math.min(e * o, n), d = e > 1, f = e < i, l = x(
-    (c) => {
-      const S = Math.max(1, Math.min(c, i));
-      r || u(S), s?.(S);
-    },
-    [i, r, s]
-  ), I = x(() => {
-    d && l(e - 1);
-  }, [d, e, l]), O = x(() => {
-    f && l(e + 1);
-  }, [f, e, l]), k = x(
-    (c) => {
-      const S = Math.ceil(n / c), b = Math.min(e, S);
-      T(c), !r && b !== e && u(b), g?.(c), b !== e && s?.(b);
-    },
-    [n, e, r, s, g]
-  );
-  return G(
-    () => ({
-      totalItems: n,
-      currentPage: e,
-      pageSize: o,
-      totalPages: i,
-      startItem: P,
-      endItem: w,
-      hasPreviousPage: d,
-      hasNextPage: f,
-      goToPage: l,
-      goToPreviousPage: I,
-      goToNextPage: O,
-      setPageSize: k
-    }),
-    [
-      n,
-      e,
-      o,
-      i,
-      P,
-      w,
-      d,
-      f,
-      l,
-      I,
-      O,
-      k
-    ]
-  );
-}
-const F = (n) => {
-  const {
-    totalItems: m,
-    currentPage: h,
-    pageSize: s,
-    pageSizeOptions: g = [10, 20, 50, 100],
-    onPageChange: M,
-    onPageSizeChange: u,
-    "aria-label": z = "Pagination",
-    enablePageInput: T = !0,
-    enablePageSizeSelector: r = !0
-  } = n, a = B({
-    totalItems: m,
-    currentPage: h,
-    pageSize: s,
-    onPageChange: M,
-    onPageSizeChange: u
-  }), o = G(
-    () => g.map((e) => ({
-      id: e.toString(),
-      name: `${e}`
-    })),
-    [g]
-  ), i = (e) => {
-    if (e) {
-      const P = parseInt(e.toString(), 10);
-      a.setPageSize(P);
-    }
-  };
-  return /* @__PURE__ */ p(R, { gap: "400", direction: { base: "column", sm: "row" }, align: "center", children: [
-    r && /* @__PURE__ */ p(v, { align: "center", gap: "200", children: [
-      /* @__PURE__ */ t(
-        N.Root,
-        {
-          isClearable: !1,
-          selectedKey: a.pageSize.toString(),
-          onSelectionChange: i,
-          "aria-label": "Items per page",
-          children: /* @__PURE__ */ t(N.Options, { children: o.map((e) => /* @__PURE__ */ t(N.Option, { id: e.id, children: e.name }, e.id)) })
-        }
-      ),
-      /* @__PURE__ */ t(C, { color: "neutral.12", children: "items per page" })
-    ] }),
-    /* @__PURE__ */ t(v, { flexGrow: "1" }),
-    /* @__PURE__ */ p(v, { align: "center", gap: "200", role: "navigation", "aria-label": z, children: [
-      /* @__PURE__ */ t(
-        D,
-        {
-          onClick: a.goToPreviousPage,
-          isDisabled: !a.hasPreviousPage,
-          variant: "ghost",
-          tone: "primary",
-          "aria-label": "Go to previous page",
-          children: /* @__PURE__ */ t(L, {})
-        }
-      ),
-      /* @__PURE__ */ p(v, { align: "center", gap: "200", children: [
-        /* @__PURE__ */ t(C, { color: "neutral.12", children: "Page" }),
-        T ? /* @__PURE__ */ t(
-          V,
-          {
-            value: a.currentPage,
-            onChange: (e) => a.goToPage(e || 1),
-            minValue: 1,
-            maxValue: a.totalPages,
-            step: 1,
-            isDisabled: !1,
-            width: "9ch",
-            "aria-label": "Current page",
-            "aria-current": "page"
-          }
-        ) : /* @__PURE__ */ t(C, { fontWeight: "semibold", color: "neutral.12", "aria-current": "page", children: a.currentPage }),
-        /* @__PURE__ */ p(C, { color: "neutral.12", children: [
-          "of ",
-          a.totalPages.toLocaleString()
-        ] })
-      ] }),
-      /* @__PURE__ */ t(
-        D,
-        {
-          onClick: a.goToNextPage,
-          isDisabled: !a.hasNextPage,
-          variant: "ghost",
-          tone: "primary",
-          "aria-label": "Go to next page",
-          children: /* @__PURE__ */ t(j, {})
-        }
-      )
-    ] })
-  ] });
-};
-F.displayName = "Pagination";
-export {
-  F as P
-};
-//# sourceMappingURL=pagination-Bcq69Nv3.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-Bcq69Nv3.es.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\n\nexport type PaginationState = {\n  /** Total number of items across all pages */\n  totalItems: number;\n  /** Current active page (1-based) */\n  currentPage: number;\n  /** Number of items displayed per page */\n  pageSize: number;\n  /** Total number of pages available */\n  totalPages: number;\n  /** Index of the first item on current page (1-based) */\n  startItem: number;\n  /** Index of the last item on current page (1-based) */\n  endItem: number;\n  /** Whether there is a previous page available */\n  hasPreviousPage: boolean;\n  /** Whether there is a next page available */\n  hasNextPage: boolean;\n};\n\nexport type UsePaginationProps = {\n  /** Total number of items to paginate */\n  totalItems: number;\n  /** Initial current page (1-based), defaults to 1 */\n  currentPage?: number;\n  /** Initial number of items per page, defaults to 10 */\n  pageSize?: number;\n  /** Callback fired when the current page changes */\n  onPageChange?: (page: number) => void;\n  /** Callback fired when the page size changes */\n  onPageSizeChange?: (pageSize: number) => void;\n};\n\nexport type UsePaginationReturn = PaginationState & {\n  /** Navigate to a specific page number (1-based) */\n  goToPage: (page: number) => void;\n  /** Navigate to the previous page, if available */\n  goToPreviousPage: () => void;\n  /** Navigate to the next page, if available */\n  goToNextPage: () => void;\n  /** Change the number of items displayed per page */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * # usePagination\n *\n * Custom hook that provides pagination state management and navigation controls.\n *\n * Supports both controlled and uncontrolled modes:\n * - Controlled: Parent component manages currentPage state via props and callbacks\n * - Uncontrolled: Hook manages internal currentPage state automatically\n *\n * @param props - Configuration object for pagination behavior\n * @param props.totalItems - Total number of items to paginate\n * @param props.currentPage - Current page number (controlled mode). If undefined, uses uncontrolled mode\n * @param props.pageSize - Number of items per page (defaults to 20)\n * @param props.onPageChange - Callback fired when page changes\n * @param props.onPageSizeChange - Callback fired when page size changes\n *\n * @returns Object containing pagination state and navigation functions:\n * - totalItems: Total number of items\n * - currentPage: Current active page number (1-based)\n * - pageSize: Number of items per page\n * - totalPages: Total number of pages\n * - startItem: First item number on current page\n * - endItem: Last item number on current page\n * - hasPreviousPage: Whether previous page exists\n * - hasNextPage: Whether next page exists\n * - goToPage: Function to navigate to specific page\n * - goToPreviousPage: Function to navigate to previous page\n * - goToNextPage: Function to navigate to next page\n * - setPageSize: Function to change page size\n *\n */\nexport function usePagination({\n  totalItems,\n  currentPage: controlledCurrentPage,\n  pageSize: controlledPageSize = 20,\n  onPageChange,\n  onPageSizeChange,\n}: UsePaginationProps): UsePaginationReturn {\n  // Internal state for uncontrolled mode\n  const [internalCurrentPage, setInternalCurrentPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(controlledPageSize);\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledCurrentPage !== undefined;\n  const currentPage = isControlled\n    ? controlledCurrentPage\n    : internalCurrentPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  // Calculate pagination values\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Ensure currentPage is within valid bounds\n  const validCurrentPage = Math.max(1, Math.min(currentPage, totalPages));\n\n  const startItem = Math.min((validCurrentPage - 1) * pageSize + 1, totalItems);\n  const endItem = Math.min(validCurrentPage * pageSize, totalItems);\n\n  const hasPreviousPage = validCurrentPage > 1;\n  const hasNextPage = validCurrentPage < totalPages;\n\n  // Page navigation functions\n  const goToPage = useCallback(\n    (page: number) => {\n      const newPage = Math.max(1, Math.min(page, totalPages));\n\n      if (!isControlled) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageChange?.(newPage);\n    },\n    [totalPages, isControlled, onPageChange]\n  );\n\n  const goToPreviousPage = useCallback(() => {\n    if (hasPreviousPage) {\n      goToPage(validCurrentPage - 1);\n    }\n  }, [hasPreviousPage, validCurrentPage, goToPage]);\n\n  const goToNextPage = useCallback(() => {\n    if (hasNextPage) {\n      goToPage(validCurrentPage + 1);\n    }\n  }, [hasNextPage, validCurrentPage, goToPage]);\n\n  const setPageSize = useCallback(\n    (newPageSize: number) => {\n      const newTotalPages = Math.ceil(totalItems / newPageSize);\n      const newPage = Math.min(validCurrentPage, newTotalPages);\n\n      setInternalPageSize(newPageSize);\n\n      if (!isControlled && newPage !== validCurrentPage) {\n        setInternalCurrentPage(newPage);\n      }\n\n      onPageSizeChange?.(newPageSize);\n\n      if (newPage !== validCurrentPage) {\n        onPageChange?.(newPage);\n      }\n    },\n    [totalItems, validCurrentPage, isControlled, onPageChange, onPageSizeChange]\n  );\n\n  return useMemo(\n    () => ({\n      totalItems,\n      currentPage: validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    }),\n    [\n      totalItems,\n      validCurrentPage,\n      pageSize,\n      totalPages,\n      startItem,\n      endItem,\n      hasPreviousPage,\n      hasNextPage,\n      goToPage,\n      goToPreviousPage,\n      goToNextPage,\n      setPageSize,\n    ]\n  );\n}\n","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-6MO4I-2j.es.js

@@ -1,54 +0,0 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { T as f } from "./text-input-CSAODlCw.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-sgakxhiy.es.js";
-import { I } from "./icon-button-DQS2apw-.es.js";
-const t = /* @__PURE__ */ b({
-  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"
-  }
-}), P = (e) => {
-  const { ref: a, size: d = "md", isDisabled: n } = e, i = c(), [o, l] = w(!1), m = () => l(!o);
-  return /* @__PURE__ */ s(
-    f,
-    {
-      ref: a,
-      ...e,
-      trailingElement: /* @__PURE__ */ p(r.Root, { children: [
-        /* @__PURE__ */ s(
-          I,
-          {
-            size: d === "md" ? "xs" : "2xs",
-            variant: "ghost",
-            tone: "primary",
-            "aria-label": o ? i.formatMessage(t.hide) : i.formatMessage(t.show),
-            onPress: m,
-            isDisabled: n,
-            children: o ? /* @__PURE__ */ s(h, {}) : /* @__PURE__ */ s(u, {})
-          }
-        ),
-        /* @__PURE__ */ s(r.Content, { children: /* @__PURE__ */ s(
-          g,
-          {
-            ...o ? t.hide : t.show
-          }
-        ) })
-      ] }),
-      type: o ? "text" : "password"
-    }
-  );
-};
-P.displayName = "PasswordInput";
-export {
-  P
-};
-//# sourceMappingURL=password-input-6MO4I-2j.es.js.map

package/dist/chunks/password-input-6MO4I-2j.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-6MO4I-2j.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-6SMjhXSO.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),h=require("react"),m=require("./text-input-DZdkCbdd.cjs.js"),n=require("@commercetools/nimbus-icons"),o=require("react-intl"),a=require("./tooltip-BPTOkK7W.cjs.js"),x=require("./icon-button-vWPrT-bR.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-6SMjhXSO.cjs.js.map

package/dist/chunks/password-input-6SMjhXSO.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-6SMjhXSO.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-CfEq5G5-.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("@chakra-ui/react"),n=require("./Dialog-XGXh4NXU.cjs.js"),{withContext:i}=c.createRecipeContext({key:"popover"}),p=i(n.$07b14b47974efb58$export$5b6b19405a83ff9d),e=o=>{const{children:t,...r}=o;return s.jsx(p,{...r,children:t})};e.displayName="Popover";exports.Popover=e;
-//# sourceMappingURL=popover-CfEq5G5-.cjs.js.map

package/dist/chunks/popover-CfEq5G5-.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-CfEq5G5-.cjs.js","sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { PopoverProps } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"popover\",\n});\n\nexport const PopoverRootSlot: SlotComponent<typeof RaPopover, PopoverProps> =\n  withContext<typeof RaPopover, PopoverProps>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":"sHAKM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,SACP,CAAC,EAEYC,EACXF,EAA4CG,2CAAS,ECA1CC,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/popover-DNaC7CwB.es.js

@@ -1,14 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createRecipeContext as p } from "@chakra-ui/react";
-import { $ as s } from "./Dialog-Qpq4hk89.es.js";
-const { withContext: n } = /* @__PURE__ */ p({
-  key: "popover"
-}), c = /* @__PURE__ */ n(s), i = (o) => {
-  const { children: t, ...e } = o;
-  return /* @__PURE__ */ r(c, { ...e, children: t });
-};
-i.displayName = "Popover";
-export {
-  i as P
-};
-//# sourceMappingURL=popover-DNaC7CwB.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-DNaC7CwB.es.js","sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { PopoverProps } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"popover\",\n});\n\nexport const PopoverRootSlot: SlotComponent<typeof RaPopover, PopoverProps> =\n  withContext<typeof RaPopover, PopoverProps>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = (props: PopoverProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":";;;AAKA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAEYC,IACX,gBAAAF,EAA4CG,CAAS,GCA1CC,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/progress-bar-Bhp7W6Eo.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),k=require("react"),d=require("./Label-BgrYyYXn.cjs.js"),w=require("./ProgressBar-C9Y3C7_B.cjs.js"),u=require("@chakra-ui/react"),C=require("@chakra-ui/react/styled-system"),V=require("./extractStyleProps-Dk3fpLyQ.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=C.useSlotRecipe({key:"progressBar"}),[n,q]=B.splitVariantProps({variant:m,colorPalette:$,...l}),[R]=V.extractStyleProps(q),S=k.useRef(null),v=F.$df56164dff5785e2$export$4338b53315abf666(u.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-Bhp7W6Eo.cjs.js.map

package/dist/chunks/progress-bar-Bhp7W6Eo.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-bar-Bhp7W6Eo.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\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types.tsx\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { 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":"kYASM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAGFI,EAAuBH,EAGlC,MAAO,OAAO,EAGHI,EAAsBJ,EAGjC,MAAO,MAAM,EAGFK,EAAuBL,EAGlC,OAAQ,OAAO,EAGJM,EAAuBN,EAGlC,OAAQ,OAAO,ECLJO,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/progress-bar-DwuOjOcH.es.js

@@ -1,77 +0,0 @@
-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-qcXzazih.es.js";
-import { a as V } from "./ProgressBar-dYIUhB6B.es.js";
-import { createSlotRecipeContext as F, mergeRefs as j } from "@chakra-ui/react";
-import { useSlotRecipe as H } from "@chakra-ui/react/styled-system";
-import { e as D } from "./extractStyleProps-DYXEhLtq.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";
-const { withProvider: N, withContext: t } = /* @__PURE__ */ F({
-  key: "progressBar"
-}), O = /* @__PURE__ */ N("div", "root"), q = /* @__PURE__ */ t("div", "track"), z = /* @__PURE__ */ t("div", "fill"), f = /* @__PURE__ */ t("span", "label"), p = /* @__PURE__ */ t("span", "value"), A = (l) => {
-  const {
-    ref: h,
-    value: s,
-    minValue: P = 0,
-    maxValue: u = 100,
-    isDynamic: g = !0,
-    isIndeterminate: e,
-    label: o,
-    formatOptions: x = { style: "percent" },
-    variant: b = "solid",
-    layout: i = "stacked",
-    colorPalette: B = "primary",
-    ...$
-  } = l, y = H({ key: "progressBar" }), [n, S] = y.splitVariantProps({
-    variant: b,
-    colorPalette: B,
-    ...l
-  }), [v] = D(S), R = C(null), k = G(j(R, h));
-  return /* @__PURE__ */ r(
-    O,
-    {
-      ...n,
-      ...v,
-      ...n,
-      isDynamic: g,
-      isIndeterminate: e,
-      asChild: !0,
-      children: /* @__PURE__ */ r(
-        V,
-        {
-          ref: k,
-          value: s,
-          minValue: P,
-          maxValue: u,
-          isIndeterminate: e,
-          formatOptions: x,
-          ...$,
-          children: ({ percentage: a, valueText: c }) => /* @__PURE__ */ d(w, { children: [
-            i === "stacked" && /* @__PURE__ */ d(I, { children: [
-              o && /* @__PURE__ */ r(f, { asChild: !0, children: /* @__PURE__ */ r(m, { children: o }) }),
-              /* @__PURE__ */ r(L, { flexGrow: "1" }),
-              o && s && /* @__PURE__ */ r(p, { children: c })
-            ] }),
-            i === "inline" && o && /* @__PURE__ */ r(f, { lineHeight: "1", asChild: !0, children: /* @__PURE__ */ r(m, { children: o }) }),
-            /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(
-              z,
-              {
-                style: { width: e ? "40%" : `${a}%` },
-                "data-indeterminate": e,
-                "data-complete": !e && a !== void 0 && a >= 100
-              }
-            ) }),
-            i === "inline" && s && /* @__PURE__ */ r(p, { lineHeight: "1", children: c })
-          ] })
-        }
-      )
-    }
-  );
-};
-A.displayName = "ProgressBar";
-export {
-  A as P
-};
-//# sourceMappingURL=progress-bar-DwuOjOcH.es.js.map

package/dist/chunks/progress-bar-DwuOjOcH.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-bar-DwuOjOcH.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\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types.tsx\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { 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":";;;;;;;;;;AASA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAGFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAGHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAGFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAGJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GCLJO,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;"}