@commercetools/nimbus 2.1.0 → 2.2.0

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-aj1F0182.es.js","sources":["../../src/components/pagination/hooks/use-pagination.ts","../../src/components/pagination/pagination.i18n.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 { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  pagination: {\n    id: \"Nimbus.Pagination.pagination\",\n    description: \"aria-label for the pagination navigation element\",\n    defaultMessage: \"Pagination\",\n  },\n  itemsPerPage: {\n    id: \"Nimbus.Pagination.itemsPerPage\",\n    description: \"aria-label for the items per page selector\",\n    defaultMessage: \"Items per page\",\n  },\n  itemsPerPageText: {\n    id: \"Nimbus.Pagination.itemsPerPageText\",\n    description: \"text label displayed next to the page size selector\",\n    defaultMessage: \"items per page\",\n  },\n  goToPreviousPage: {\n    id: \"Nimbus.Pagination.goToPreviousPage\",\n    description: \"aria-label for the previous page button\",\n    defaultMessage: \"Go to previous page\",\n  },\n  currentPage: {\n    id: \"Nimbus.Pagination.currentPage\",\n    description: \"aria-label for the current page input field\",\n    defaultMessage: \"Current page\",\n  },\n  page: {\n    id: \"Nimbus.Pagination.page\",\n    description: \"text label displayed before the page number\",\n    defaultMessage: \"Page\",\n  },\n  ofTotalPages: {\n    id: \"Nimbus.Pagination.ofTotalPages\",\n    description: \"text showing total pages count after current page input\",\n    defaultMessage: \"of {totalPages}\",\n  },\n  goToNextPage: {\n    id: \"Nimbus.Pagination.goToNextPage\",\n    description: \"aria-label for the next page button\",\n    defaultMessage: \"Go to next page\",\n  },\n});\n","import { useMemo } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport { ChevronLeft, ChevronRight } from \"@commercetools/nimbus-icons\";\nimport {\n  Flex,\n  IconButton,\n  NumberInput,\n  Select,\n  Stack,\n  Text,\n} from \"@/components\";\nimport { usePagination } from \"./hooks/use-pagination\";\nimport type { PaginationProps } from \"./pagination.types\";\nimport { messages } from \"./pagination.i18n\";\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 intl = useIntl();\n  const {\n    totalItems,\n    currentPage,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    onPageChange,\n    onPageSizeChange,\n    \"aria-label\": ariaLabel,\n    enablePageInput = true,\n    enablePageSizeSelector = true,\n  } = props;\n\n  const pagination = usePagination({\n    totalItems,\n    currentPage,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n  });\n\n  // Prepare page size options for select\n  const pageSizeSelectOptions = useMemo(\n    () =>\n      pageSizeOptions.map((size) => ({\n        id: size.toString(),\n        name: `${size}`,\n      })),\n    [pageSizeOptions]\n  );\n\n  const handlePageSizeChange = (key: React.Key | null) => {\n    if (key) {\n      const newPageSize = parseInt(key.toString(), 10);\n      pagination.setPageSize(newPageSize);\n    }\n  };\n\n  return (\n    <Stack gap=\"400\" direction={{ base: \"column\", sm: \"row\" }} align=\"center\">\n      {/* Page Size Selector */}\n      {enablePageSizeSelector && (\n        <Flex align=\"center\" gap=\"200\">\n          <Select.Root\n            isClearable={false}\n            selectedKey={pagination.pageSize.toString()}\n            onSelectionChange={handlePageSizeChange}\n            aria-label={intl.formatMessage(messages.itemsPerPage)}\n          >\n            <Select.Options>\n              {pageSizeSelectOptions.map((option) => (\n                <Select.Option key={option.id} id={option.id}>\n                  {option.name}\n                </Select.Option>\n              ))}\n            </Select.Options>\n          </Select.Root>\n          <Text color=\"neutral.12\">\n            {intl.formatMessage(messages.itemsPerPageText)}\n          </Text>\n        </Flex>\n      )}\n      <Flex flexGrow=\"1\" />\n      {/* Page Navigator */}\n      <Flex\n        align=\"center\"\n        gap=\"200\"\n        role=\"navigation\"\n        aria-label={ariaLabel ?? intl.formatMessage(messages.pagination)}\n      >\n        <IconButton\n          onClick={pagination.goToPreviousPage}\n          isDisabled={!pagination.hasPreviousPage}\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          aria-label={intl.formatMessage(messages.goToPreviousPage)}\n        >\n          <ChevronLeft />\n        </IconButton>\n\n        <Flex align=\"center\" gap=\"200\">\n          <Text color=\"neutral.12\">{intl.formatMessage(messages.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={intl.formatMessage(messages.currentPage)}\n              aria-current=\"page\"\n            />\n          ) : (\n            <Text fontWeight=\"semibold\" color=\"neutral.12\" aria-current=\"page\">\n              {pagination.currentPage}\n            </Text>\n          )}\n          <Text color=\"neutral.12\">\n            {intl.formatMessage(messages.ofTotalPages, {\n              totalPages: intl.formatNumber(pagination.totalPages),\n            })}\n          </Text>\n        </Flex>\n\n        <IconButton\n          onClick={pagination.goToNextPage}\n          isDisabled={!pagination.hasNextPage}\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          aria-label={intl.formatMessage(messages.goToNextPage)}\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n    </Stack>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nPagination.displayName = \"Pagination\";\n"],"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","messages","defineMessages","Pagination","props","intl","useIntl","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-BILx_1d0.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),h=require("react"),b=require("./text-input-D3KWm-NF.cjs.js"),a=require("@commercetools/nimbus-icons"),o=require("react-intl"),n=require("./tooltip-Bv-QlJ1O.cjs.js"),m=require("./icon-button-BUmqYcIF.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(b.TextInput,{ref:l,...i,trailingElement:s.jsxs(n.Tooltip.Root,{children:[s.jsx(m.IconButton,{size:u==="md"?"xs":"2xs",variant:"ghost",colorPalette:"primary","aria-label":t?r.formatMessage(e.hide):r.formatMessage(e.show),onPress:w,isDisabled:c,children:t?s.jsx(a.VisibilityOff,{}):s.jsx(a.Visibility,{})}),s.jsx(n.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-BILx_1d0.cjs.js.map

package/dist/chunks/password-input-BILx_1d0.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-BILx_1d0.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 const messages = 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            colorPalette=\"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,EAAWC,EAAAA,eAAe,CACrC,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,aAAa,UACb,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/password-input-DTPr52a3.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-DOTYCJyJ.es.js";
-import { VisibilityOff as h, Visibility as u } from "@commercetools/nimbus-icons";
-import { defineMessages as c, useIntl as b, FormattedMessage as g } from "react-intl";
-import { T as r } from "./tooltip-D3QrrizN.es.js";
-import { I as P } from "./icon-button-DgL7XNUZ.es.js";
-const t = /* @__PURE__ */ c({
-  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"
-  }
-}), I = (e) => {
-  const { ref: a, size: d = "md", isDisabled: n } = e, i = b(), [o, l] = w(!1), m = () => l(!o);
-  return /* @__PURE__ */ s(
-    f,
-    {
-      ref: a,
-      ...e,
-      trailingElement: /* @__PURE__ */ p(r.Root, { children: [
-        /* @__PURE__ */ s(
-          P,
-          {
-            size: d === "md" ? "xs" : "2xs",
-            variant: "ghost",
-            colorPalette: "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"
-    }
-  );
-};
-I.displayName = "PasswordInput";
-export {
-  I as P
-};
-//# sourceMappingURL=password-input-DTPr52a3.es.js.map

package/dist/chunks/password-input-DTPr52a3.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-DTPr52a3.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 const messages = 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            colorPalette=\"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":";;;;;;;AAEO,MAAMA,IAAW,gBAAAC,EAAe;AAAA,EACrC,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,cAAa;AAAA,YACb,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/popover-BAIwOPdC.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-DUbUCf4o.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-BAIwOPdC.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-BAIwOPdC.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/popover-DY7ASSCU.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("@chakra-ui/react"),n=require("./Dialog-Ye_7tQZU.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-DY7ASSCU.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-DY7ASSCU.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/range-calendar-BagHIF-Y.es.js

@@ -1,219 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { b as S, c as I, $ as P, d as N, e as F, f as G, g as H, h as Y, i as j } from "./Heading-D7Ut7eK3.es.js";
-import { createSlotRecipeContext as A } from "@chakra-ui/react";
-import { r as B } from "./index-BEgCT-l6.es.js";
-import { useRecipe as L } from "@chakra-ui/react/styled-system";
-import { e as z } from "./extract-style-props-DChosa6I.es.js";
-import { c as d, d as k } from "./useDateFormatter-886GJ5w1.es.js";
-import { useContext as u } from "react";
-import { $ as x } from "./Button-BjcDZ5eb.es.js";
-import { e as V, c as M } from "./utils-B6pV5ewr.es.js";
-import { $ } from "./Text-DOcU1ycg.es.js";
-import { defineMessages as K, useIntl as W } from "react-intl";
-import { $ as w } from "./context-DW7UvQ8z.es.js";
-import { KeyboardArrowLeft as C, KeyboardArrowRight as v } from "@commercetools/nimbus-icons";
-import { Flex as _ } from "@chakra-ui/react/flex";
-import { S as y } from "./stack-CoNreM7B.es.js";
-import { V as q } from "./visually-hidden-Dj5CT-u_.es.js";
-import { I as h } from "./icon-button-DgL7XNUZ.es.js";
-import { T as R } from "./text-CIb_VDvO.es.js";
-import { B as D } from "./box-DuBoAZvq.es.js";
-const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
-  key: "rangeCalendar"
-}), J = /* @__PURE__ */ E("div", "root"), O = /* @__PURE__ */ s("div", "header"), Q = /* @__PURE__ */ s("div", "grids"), U = /* @__PURE__ */ s("div", "monthTitle"), X = /* @__PURE__ */ s("table", "grid"), Z = /* @__PURE__ */ s("thead", "gridHeader"), ee = /* @__PURE__ */ s("th", "headerCell"), te = /* @__PURE__ */ s("tbody", "gridBody"), oe = /* @__PURE__ */ s("td", "bodyCell"), p = /* @__PURE__ */ K({
-  nextMonth: {
-    id: "Nimbus.RangeCalendar.nextMonth",
-    description: "aria-label for next month navigation button",
-    defaultMessage: "Next month"
-  },
-  previousMonth: {
-    id: "Nimbus.RangeCalendar.previousMonth",
-    description: "aria-label for previous month navigation button",
-    defaultMessage: "Previous month"
-  },
-  nextYear: {
-    id: "Nimbus.RangeCalendar.nextYear",
-    description: "aria-label for next year navigation button",
-    defaultMessage: "Next year"
-  },
-  previousYear: {
-    id: "Nimbus.RangeCalendar.previousYear",
-    description: "aria-label for previous year navigation button",
-    defaultMessage: "Previous year"
-  }
-}), ae = ({
-  children: i
-}) => {
-  const r = W(), { locale: t } = w(), a = u(x), n = u($), o = u(S), b = {
-    "next-month": {
-      onPress: () => o.focusNextSection(),
-      "aria-label": r.formatMessage(p.nextMonth)
-    },
-    "previous-month": {
-      onPress: () => o.focusPreviousSection(),
-      "aria-label": r.formatMessage(p.previousMonth)
-    },
-    "next-year": {
-      onPress: () => o.focusNextSection(!0),
-      "aria-label": r.formatMessage(p.nextYear)
-    },
-    "previous-year": {
-      onPress: () => o.focusPreviousSection(!0),
-      "aria-label": r.formatMessage(p.previousYear)
-    }
-  }, f = new Intl.DateTimeFormat(t, {
-    month: "long"
-  }).format(o.focusedDate.toDate(d())), g = [
-    new Intl.DateTimeFormat(t, {
-      month: "long"
-    }).format(o.visibleRange.start.toDate(d())),
-    new Intl.DateTimeFormat(t, {
-      month: "long"
-    }).format(o.visibleRange.end.toDate(d()))
-  ].join(" - "), m = new Intl.DateTimeFormat(t, {
-    year: "numeric"
-  }).format(o.focusedDate.toDate(d())), l = {
-    month: { children: f },
-    monthRange: { children: g },
-    year: { children: m }
-  };
-  return /* @__PURE__ */ e(
-    V,
-    {
-      values: [
-        [
-          x,
-          {
-            ...a,
-            slots: {
-              ...a && typeof a == "object" && "slots" in a ? a.slots : {},
-              ...b
-            }
-          }
-        ],
-        [
-          $,
-          {
-            ...n,
-            slots: {
-              ...n && typeof n == "object" && "slots" in n ? n.slots : {},
-              ...l
-            }
-          }
-        ]
-      ],
-      children: i
-    }
-  );
-}, re = () => {
-  const t = (M(P)?.visibleDuration?.months || 1) > 1;
-  return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(_, { children: [
-    /* @__PURE__ */ c(y, { direction: "row", alignItems: "center", children: [
-      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(I, {}) }),
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: t ? "previous" : "previous-month",
-          size: "xs",
-          variant: "ghost",
-          colorPalette: "primary",
-          children: /* @__PURE__ */ e(C, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        R,
-        {
-          textStyle: "sm",
-          fontWeight: "500",
-          color: "neutral.11",
-          width: t ? "4000" : "2000",
-          textAlign: "center",
-          "aria-hidden": "true",
-          slot: t ? "monthRange" : "month"
-        }
-      ),
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: t ? "next" : "next-month",
-          size: "xs",
-          variant: "ghost",
-          colorPalette: "primary",
-          children: /* @__PURE__ */ e(v, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(D, { flexGrow: "1" }),
-    /* @__PURE__ */ c(y, { direction: "row", alignItems: "center", children: [
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: "previous-year",
-          size: "xs",
-          variant: "ghost",
-          colorPalette: "primary",
-          children: /* @__PURE__ */ e(C, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        R,
-        {
-          textStyle: "sm",
-          fontWeight: "500",
-          color: "neutral.11",
-          width: "1400",
-          textAlign: "center",
-          "aria-hidden": "true",
-          slot: "year"
-        }
-      ),
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: "next-year",
-          size: "xs",
-          variant: "ghost",
-          colorPalette: "primary",
-          children: /* @__PURE__ */ e(v, {})
-        }
-      )
-    ] })
-  ] }) });
-}, ne = () => {
-  const { locale: i } = w(), r = M(P), t = u(S), a = r?.visibleDuration?.months || 1, n = k(d()), o = a > 1;
-  return /* @__PURE__ */ e(Q, { children: Array.from({ length: a }, (b, f) => {
-    const g = t.visibleRange.start.add({
-      months: f
-    }), m = new Intl.DateTimeFormat(i, {
-      month: "long"
-    }).format(g.toDate(d()));
-    return /* @__PURE__ */ c(
-      D,
-      {
-        width: a == 1 ? "full" : "auto",
-        children: [
-          o && /* @__PURE__ */ e(U, { children: m }),
-          /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ c(N, { offset: { months: f }, weekdayStyle: "short", children: [
-            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(F, { children: (l) => /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(G, { children: l }) }) }) }),
-            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(H, { children: (l) => {
-              const T = l.compare(n) === 0;
-              return /* @__PURE__ */ e(oe, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(Y, { date: l }) });
-            } }) })
-          ] }) })
-        ]
-      },
-      m
-    );
-  }) });
-}, se = (i) => {
-  const r = L({ recipe: B }), [t, a] = r.splitVariantProps(i), [n, o] = z(a);
-  return /* @__PURE__ */ e(J, { ...t, ...n, asChild: !0, children: /* @__PURE__ */ e(j, { ...o, children: /* @__PURE__ */ c(ae, { children: [
-    /* @__PURE__ */ e(re, {}),
-    /* @__PURE__ */ e(ne, {})
-  ] }) }) });
-};
-se.displayName = "RangeCalendar";
-export {
-  se as R
-};
-//# sourceMappingURL=range-calendar-BagHIF-Y.es.js.map

package/dist/chunks/range-calendar-BagHIF-Y.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-calendar-BagHIF-Y.es.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/range-calendar.i18n.ts","../../src/components/range-calendar/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  RangeCalendarRootSlotProps,\n  RangeCalendarHeaderSlotProps,\n  RangeCalendarGridsSlotProps,\n  RangeCalendarMonthTitleSlotProps,\n  RangeCalendarGridSlotProps,\n  RangeCalendarGridHeaderSlotProps,\n  RangeCalendarHeaderCellSlotProps,\n  RangeCalendarGridBodySlotProps,\n  RangeCalendarCellSlotProps,\n} from \"./range-calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport const RangeCalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n> = withProvider<HTMLDivElement, RangeCalendarRootSlotProps>(\"div\", \"root\");\n\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const RangeCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.RangeCalendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.RangeCalendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.RangeCalendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.RangeCalendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\n    defaultMessage: \"Previous year\",\n  },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  RangeCalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../range-calendar.i18n\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(RangeCalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": intl.formatMessage(messages.nextMonth),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": intl.formatMessage(messages.previousMonth),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": intl.formatMessage(messages.nextYear),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": intl.formatMessage(messages.previousYear),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  RangeCalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { RangeCalendarHeaderSlot } from \"../range-calendar.slots\";\n\n/**\n * RangeCalendarHeader - Header component for the RangeCalendar\n *\n * Displays navigation controls for month and year selection with proper\n * internationalization and accessibility support.\n */\nexport const RangeCalendarHeader = () => {\n  const rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n\n  // Needed to decide whether to show a single month or a range\n  const visibleDurationMonths =\n    rangeCalendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <RangeCalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  RangeCalendarContext,\n  RangeCalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { Box } from \"@/components\";\n\nimport {\n  RangeCalendarCellSlot,\n  RangeCalendarGridBodySlot,\n  RangeCalendarGridHeaderSlot,\n  RangeCalendarGridsSlot,\n  RangeCalendarGridSlot,\n  RangeCalendarHeaderCellSlot,\n  RangeCalendarMonthTitleSlot,\n} from \"../range-calendar.slots\";\n\n/**\n * RangeCalendarGrids - Grid container component for the RangeCalendar\n *\n * Renders calendar grids for one or more months with proper date cells,\n * weekday headers, and internationalization support.\n */\nexport const RangeCalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(RangeCalendarContext);\n\n  const calendarState = useContext(RangeCalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <RangeCalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <RangeCalendarMonthTitleSlot>\n                {monthName}\n              </RangeCalendarMonthTitleSlot>\n            )}\n            <RangeCalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <RangeCalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <RangeCalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </RangeCalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </RangeCalendarGridHeaderSlot>\n                <RangeCalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <RangeCalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </RangeCalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </RangeCalendarGridBodySlot>\n              </RaCalendarGrid>\n            </RangeCalendarGridSlot>\n          </Box>\n        );\n      })}\n    </RangeCalendarGridsSlot>\n  );\n};\n","import type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport {\n  RangeCalendarCustomContext,\n  RangeCalendarHeader,\n  RangeCalendarGrids,\n} from \"./components\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * RangeCalendar\n * ============================================================\n * Calendar component that displays a grid of days in one or more months\n * and allows users to select a range of dates. Built with React Aria\n * Components for accessibility and WCAG 2.1 AA compliance.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/rangecalendar}\n *\n * @supportsStylePropsx\n */\nexport const RangeCalendar = (props: RangeCalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: rangeCalendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <RangeCalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRangeCalendar {...otherProps}>\n        <RangeCalendarCustomContext>\n          <RangeCalendarHeader />\n          <RangeCalendarGrids />\n        </RangeCalendarCustomContext>\n      </RaRangeCalendar>\n    </RangeCalendarRootSlot>\n  );\n};\n\nRangeCalendar.displayName = \"RangeCalendar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","messages","defineMessages","RangeCalendarCustomContext","children","intl","useIntl","locale","useLocale","buttonContext","useContext","ButtonContext","textContext","TextContext","calendarState","RangeCalendarStateContext","buttonSlots","monthLabel","getLocalTimeZone","monthRangeLabel","yearLabel","textSlots","jsx","Provider","RangeCalendarHeader","showRangeLabel","useSlottedContext","RangeCalendarContext","jsxs","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","Box","RangeCalendarGrids","context","visibleMonthsCount","todayDate","today","showMonthTitles","_","index","gridDate","monthName","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"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"}