@televet/kibble-ui 5.0.1 → 5.0.2-beta.menu.1

package/dist/chunks/{tagBlock.component-Cor6eakc.js.map → tagBlock.component-0kUeaXlw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-Cor6eakc.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n  ['data-testid']: dataTestId = 'kibble-tag-block',\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-tag`}\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid={`${dataTestId}-button-container`}\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-clear-all-button`}\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid={`${dataTestId}-delete-button`}\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid={`${dataTestId}-tag-container`}\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","dataTestId","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}
+{"version":3,"file":"tagBlock.component-0kUeaXlw.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n  ['data-testid']: dataTestId = 'kibble-tag-block',\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-tag`}\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid={`${dataTestId}-button-container`}\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-clear-all-button`}\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid={`${dataTestId}-delete-button`}\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid={`${dataTestId}-tag-container`}\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","dataTestId","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/chunks/{tagBlock.component-BGEvRu81.js → tagBlock.component-CNqS6gR_.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),a=require("./index-BQRnVsAg.js"),h=require("./button.component-DjdgBXDC.js"),E=require("./heading.component-DMAQO_-m.js"),N=require("./menu.component-D4-4xRDj.js"),v=require("./spinner.component-DuW1_IWM.js"),q=require("./tag.component-C98Wf07v.js"),_=require("./text.component-CeioUl0G.js"),i=require("./flex-BOU6tYUd.js"),w=require("./h-stack-D4MnHHRc.js"),T=n=>n&&n.__esModule?n:{default:n},$=T(d);var c=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(c||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:p,tags:o,canBeDeleted:B=!1,onClearAll:k,onRemoveTag:u,onDelete:R,hasError:m=!1,errorText:C="This field contains an error",displayTagsInGroups:x,loading:j=!1,["data-testid"]:r="kibble-tag-block"})=>{const b=d.useCallback(s=>{u&&u(s,o)},[u,o]),f=$.default.useMemo(()=>{if(!x)return[];const s={};for(const t of o){const l=t.groupLabel||"-";s[l]||(s[l]=[]),s[l].push(t)}return Object.entries(s).map(([t,l])=>({groupLabel:t,tags:l}))},[o,x]),g=d.useCallback(s=>s.map(t=>{const l=t.label.includes(c.Inactive)||t.label.includes(c.Deleted);return e.jsxRuntimeExports.jsx(q.Tag,{className:"TagBlock__Tag","data-testid":`${r}-tag`,mr:1,mb:1,label:t.label,onClose:()=>b(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:l?"text.placeholder":"text",size:"md"},t.value)}),[b,r]);return e.jsxRuntimeExports.jsxs(a.Box,{className:"TagBlock","data-testid":r,position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:m?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:j?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(i.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${r}-button-container`,justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(w.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(_.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(N.Menu,{"data-testid":`${r}-menu`,...p,buttonProps:p?.buttonProps||y}),e.jsxRuntimeExports.jsx(h.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${r}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:k,disabled:o.length<=0,children:"Clear All"})]}),B&&e.jsxRuntimeExports.jsx(a.Box,{children:e.jsxRuntimeExports.jsx(h.Button,{className:"TagBlock__Button--Delete","data-testid":`${r}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:R,justifySelf:"flex-end"})})]}),!!o.length&&e.jsxRuntimeExports.jsx(i.Flex,{className:"TagBlock__TagContainer","data-testid":`${r}-tag-container`,mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:x&&f.length?e.jsxRuntimeExports.jsx(i.Flex,{direction:"column",children:f.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(a.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(a.Box,{className:"TagBlock__GroupTitle","data-testid":`${r}-group-title`,children:e.jsxRuntimeExports.jsx(E.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(i.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(o)}),j&&e.jsxRuntimeExports.jsx(v.Spinner,{fullScreen:!0}),m&&e.jsxRuntimeExports.jsx(_.WrappedText,{className:"TagBlock__Error","data-testid":`${r}-error`,mt:2,size:"xs",variant:"danger",children:C})]})};exports.TagBlock=D;exports.TagDisabledState=c;
-//# sourceMappingURL=tagBlock.component-BGEvRu81.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),a=require("./index-BQRnVsAg.js"),h=require("./button.component-DjdgBXDC.js"),E=require("./heading.component-DMAQO_-m.js"),N=require("./menu.component-DWJeIuGD.js"),v=require("./spinner.component-DuW1_IWM.js"),q=require("./tag.component-C98Wf07v.js"),_=require("./text.component-CeioUl0G.js"),i=require("./flex-BOU6tYUd.js"),w=require("./h-stack-D4MnHHRc.js"),T=n=>n&&n.__esModule?n:{default:n},$=T(d);var c=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(c||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:p,tags:o,canBeDeleted:B=!1,onClearAll:k,onRemoveTag:u,onDelete:R,hasError:m=!1,errorText:C="This field contains an error",displayTagsInGroups:x,loading:j=!1,["data-testid"]:r="kibble-tag-block"})=>{const b=d.useCallback(s=>{u&&u(s,o)},[u,o]),f=$.default.useMemo(()=>{if(!x)return[];const s={};for(const t of o){const l=t.groupLabel||"-";s[l]||(s[l]=[]),s[l].push(t)}return Object.entries(s).map(([t,l])=>({groupLabel:t,tags:l}))},[o,x]),g=d.useCallback(s=>s.map(t=>{const l=t.label.includes(c.Inactive)||t.label.includes(c.Deleted);return e.jsxRuntimeExports.jsx(q.Tag,{className:"TagBlock__Tag","data-testid":`${r}-tag`,mr:1,mb:1,label:t.label,onClose:()=>b(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:l?"text.placeholder":"text",size:"md"},t.value)}),[b,r]);return e.jsxRuntimeExports.jsxs(a.Box,{className:"TagBlock","data-testid":r,position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:m?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:j?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(i.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${r}-button-container`,justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(w.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(_.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(N.Menu,{"data-testid":`${r}-menu`,...p,buttonProps:p?.buttonProps||y}),e.jsxRuntimeExports.jsx(h.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${r}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:k,disabled:o.length<=0,children:"Clear All"})]}),B&&e.jsxRuntimeExports.jsx(a.Box,{children:e.jsxRuntimeExports.jsx(h.Button,{className:"TagBlock__Button--Delete","data-testid":`${r}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:R,justifySelf:"flex-end"})})]}),!!o.length&&e.jsxRuntimeExports.jsx(i.Flex,{className:"TagBlock__TagContainer","data-testid":`${r}-tag-container`,mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:x&&f.length?e.jsxRuntimeExports.jsx(i.Flex,{direction:"column",children:f.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(a.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(a.Box,{className:"TagBlock__GroupTitle","data-testid":`${r}-group-title`,children:e.jsxRuntimeExports.jsx(E.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(i.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(o)}),j&&e.jsxRuntimeExports.jsx(v.Spinner,{fullScreen:!0}),m&&e.jsxRuntimeExports.jsx(_.WrappedText,{className:"TagBlock__Error","data-testid":`${r}-error`,mt:2,size:"xs",variant:"danger",children:C})]})};exports.TagBlock=D;exports.TagDisabledState=c;
+//# sourceMappingURL=tagBlock.component-CNqS6gR_.js.map

package/dist/chunks/{tagBlock.component-BGEvRu81.js.map → tagBlock.component-CNqS6gR_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-BGEvRu81.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n  ['data-testid']: dataTestId = 'kibble-tag-block',\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-tag`}\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid={`${dataTestId}-button-container`}\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-clear-all-button`}\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid={`${dataTestId}-delete-button`}\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid={`${dataTestId}-tag-container`}\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","dataTestId","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}
+{"version":3,"file":"tagBlock.component-CNqS6gR_.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n  ['data-testid']: dataTestId = 'kibble-tag-block',\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-tag`}\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid={`${dataTestId}-button-container`}\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-clear-all-button`}\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid={`${dataTestId}-delete-button`}\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid={`${dataTestId}-tag-container`}\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","dataTestId","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/cjs/components/AvatarGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-CTBfGiSm.js");exports.AvatarGroup=r.AvatarGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-D2U1URML.js");exports.AvatarGroup=r.AvatarGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/ButtonGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-CowJsbr7.js");exports.ButtonGroup=t.ButtonGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-D1zl9wyM.js");exports.ButtonGroup=t.ButtonGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Calendar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/calendar.component-tOoK1NrU.js");exports.Calendar=e.Calendar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/calendar.component-CqcL9gQD.js");exports.Calendar=e.Calendar;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/ConversationCard/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-BrDGshOG.js");exports.ConversationCard=e.ConversationCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-OTLcFGND.js");exports.ConversationCard=e.ConversationCard;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/DatePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-C6cD1_HR.js"),t=require("../../../chunks/datePicker.provider-DgarjPPd.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-DDlH8JLD.js"),t=require("../../../chunks/datePicker.provider-Q_wJ5IPm.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/DateTimePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/dateTimePicker.component-REz9iX4S.js");exports.DateTimePicker=e.DateTimePicker;exports.DateTimePickerDefaultOptionValue=e.DateTimePickerDefaultOptionValue;exports.calendarViews=e.calendarViews;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/dateTimePicker.component-B-72OFcp.js");exports.DateTimePicker=e.DateTimePicker;exports.DateTimePickerDefaultOptionValue=e.DateTimePickerDefaultOptionValue;exports.calendarViews=e.calendarViews;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Menu/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/menu.component-D4-4xRDj.js");exports.Menu=e.Menu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/menu.component-DWJeIuGD.js");exports.Menu=e.Menu;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/RadioGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/radioGroup.types-C7A8mLMz.js");exports.RadioGroup=e.WrappedRadioGroup;exports.radioAlignments=e.radioAlignments;exports.radioTypes=e.radioTypes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/radioGroup.types-_TTBbP2R.js");exports.RadioGroup=e.WrappedRadioGroup;exports.radioAlignments=e.radioAlignments;exports.radioTypes=e.radioTypes;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/TagBlock/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/tagBlock.component-BGEvRu81.js");exports.TagBlock=e.TagBlock;exports.TagDisabledState=e.TagDisabledState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/tagBlock.component-CNqS6gR_.js");exports.TagBlock=e.TagBlock;exports.TagDisabledState=e.TagDisabledState;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/alert.types-BKSqs9qY.js"),v=require("../../chunks/avatar.component-B1HGlwVW.js"),c=require("../../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../../chunks/avatarGroup.component-CTBfGiSm.js"),g=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-3lHElsln.js"),b=require("../../chunks/buttonGroup.component-CowJsbr7.js"),y=require("../../chunks/calendar.component-tOoK1NrU.js"),P=require("../../chunks/card.component-BmBiYbMV.js"),C=require("../../chunks/card.types-MvkQTTZF.js"),k=require("../../chunks/characterCounter.component-CKDigkoD.js"),z=require("../../chunks/checkbox.component-CiA3Z1zR.js"),h=require("../../chunks/checkboxGroup.component-BGBd-roJ.js"),D=require("../../chunks/conversationCard.component-BrDGshOG.js"),I=require("../../chunks/datePicker.component-C6cD1_HR.js"),x=require("../../chunks/datePicker.provider-DgarjPPd.js"),o=require("../../chunks/dateTimePicker.component-REz9iX4S.js"),V=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),f=require("../../chunks/heading.component-DMAQO_-m.js"),A=require("../../chunks/icon.component-B1hr5lLa.js"),B=require("../../chunks/icon.types-2obj_NKG.js"),W=require("../../chunks/link.component-_YXG8MDq.js"),p=require("../../chunks/logo.types-88a31xCx.js"),G=require("../../chunks/menu.component-D4-4xRDj.js"),t=require("../../chunks/modal.types-74os4Bqi.js"),R=require("../../chunks/notificationCounter.component-DJpUXeXm.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),w=require("../../chunks/picture.component-BA2hgdZy.js"),d=require("../../chunks/pinInput.types-BCzsoF9r.js"),M=require("../../chunks/popover.component-BBp_5m8e.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-C7A8mLMz.js"),L=require("../../chunks/radiomark.component-YJNr68s7.js"),O=require("../../chunks/rating.component-BsuGbcxP.js"),N=require("../../chunks/ratingDots.component-CVjSZ9JJ.js"),F=require("../../chunks/select.component-CCNxMGvb.js"),H=require("../../chunks/sortableList.component-BlwtnxVj.js"),j=require("../../chunks/spinner.component-DuW1_IWM.js"),E=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-CcP-Vl9c.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),J=require("../../chunks/switch.component-CgzCLoTB.js"),a=require("../../chunks/tab.types-DwPEP_5N.js"),K=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-BGEvRu81.js"),Q=require("../../chunks/text.component-CeioUl0G.js"),U=require("../../chunks/textInput.component-C1vwy6pL.js"),X=require("../../chunks/textarea.component-D15hA9Jb.js"),S=require("../../chunks/timePicker.component-Cz2XxVL6.js"),Y=require("../../chunks/timeRange.component-tU_nCTmS.js"),Z=require("../../chunks/timestamp.component-DYZHgaas.js"),$=require("./Toast/index.cjs"),ee=require("../../chunks/tooltip.component-BkFDi5yK.js"),te=require("../../chunks/numberInput.component-DIABzNV6.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=v.Avatar;exports.avatarSizes=c.avatarSizes;exports.avatarVariants=c.avatarVariants;exports.AvatarGroup=T.AvatarGroup;exports.Button=g.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Calendar=y.Calendar;exports.Card=P.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=h.WrappedCheckboxGroup;exports.ConversationCard=D.ConversationCard;exports.DatePicker=I.DatePicker;exports.DateFormats=x.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=V.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=f.WrappedHeading;exports.Icon=A.Icon;exports.iconSizes=B.iconSizes;exports.Link=W.Link;exports.Logo=p.Logo;exports.logoTypes=p.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=w.Picture;exports.PinInput=d.WrappedPinInput;exports.pinInputTypes=d.pinInputTypes;exports.Popover=M.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=L.Radiomark;exports.Rating=O.WrappedRating;exports.RatingDots=N.WrappedRatingDots;exports.Select=F.WrappedSelect;exports.SortableList=H.SortableList;exports.Spinner=j.Spinner;exports.spinnerSizes=E.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=J.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=K.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=Q.WrappedText;exports.TextInput=U.WrappedTextInput;exports.Textarea=X.WrappedTextarea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=Y.TimeRange;exports.Timestamp=Z.Timestamp;exports.useToast=$.useToast;exports.Tooltip=ee.Tooltip;exports.NumberInput=te.WrappedNumberInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/alert.types-BKSqs9qY.js"),v=require("../../chunks/avatar.component-B1HGlwVW.js"),c=require("../../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../../chunks/avatarGroup.component-D2U1URML.js"),g=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-3lHElsln.js"),b=require("../../chunks/buttonGroup.component-D1zl9wyM.js"),y=require("../../chunks/calendar.component-CqcL9gQD.js"),P=require("../../chunks/card.component-BmBiYbMV.js"),C=require("../../chunks/card.types-MvkQTTZF.js"),k=require("../../chunks/characterCounter.component-CKDigkoD.js"),z=require("../../chunks/checkbox.component-CiA3Z1zR.js"),h=require("../../chunks/checkboxGroup.component-BGBd-roJ.js"),D=require("../../chunks/conversationCard.component-OTLcFGND.js"),I=require("../../chunks/datePicker.component-DDlH8JLD.js"),x=require("../../chunks/datePicker.provider-Q_wJ5IPm.js"),o=require("../../chunks/dateTimePicker.component-B-72OFcp.js"),V=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),f=require("../../chunks/heading.component-DMAQO_-m.js"),A=require("../../chunks/icon.component-B1hr5lLa.js"),B=require("../../chunks/icon.types-2obj_NKG.js"),W=require("../../chunks/link.component-_YXG8MDq.js"),p=require("../../chunks/logo.types-88a31xCx.js"),G=require("../../chunks/menu.component-DWJeIuGD.js"),t=require("../../chunks/modal.types-74os4Bqi.js"),R=require("../../chunks/notificationCounter.component-DJpUXeXm.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),w=require("../../chunks/picture.component-BA2hgdZy.js"),d=require("../../chunks/pinInput.types-BCzsoF9r.js"),M=require("../../chunks/popover.component-BBp_5m8e.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-_TTBbP2R.js"),L=require("../../chunks/radiomark.component-YJNr68s7.js"),O=require("../../chunks/rating.component-BsuGbcxP.js"),N=require("../../chunks/ratingDots.component-CVjSZ9JJ.js"),F=require("../../chunks/select.component-CCNxMGvb.js"),H=require("../../chunks/sortableList.component-BlwtnxVj.js"),j=require("../../chunks/spinner.component-DuW1_IWM.js"),E=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-CcP-Vl9c.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),J=require("../../chunks/switch.component-CgzCLoTB.js"),a=require("../../chunks/tab.types-DwPEP_5N.js"),K=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-CNqS6gR_.js"),Q=require("../../chunks/text.component-CeioUl0G.js"),U=require("../../chunks/textInput.component-C1vwy6pL.js"),X=require("../../chunks/textarea.component-D15hA9Jb.js"),S=require("../../chunks/timePicker.component-Cz2XxVL6.js"),Y=require("../../chunks/timeRange.component-tU_nCTmS.js"),Z=require("../../chunks/timestamp.component-DYZHgaas.js"),$=require("./Toast/index.cjs"),ee=require("../../chunks/tooltip.component-BkFDi5yK.js"),te=require("../../chunks/numberInput.component-DIABzNV6.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=v.Avatar;exports.avatarSizes=c.avatarSizes;exports.avatarVariants=c.avatarVariants;exports.AvatarGroup=T.AvatarGroup;exports.Button=g.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Calendar=y.Calendar;exports.Card=P.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=h.WrappedCheckboxGroup;exports.ConversationCard=D.ConversationCard;exports.DatePicker=I.DatePicker;exports.DateFormats=x.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=V.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=f.WrappedHeading;exports.Icon=A.Icon;exports.iconSizes=B.iconSizes;exports.Link=W.Link;exports.Logo=p.Logo;exports.logoTypes=p.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=w.Picture;exports.PinInput=d.WrappedPinInput;exports.pinInputTypes=d.pinInputTypes;exports.Popover=M.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=L.Radiomark;exports.Rating=O.WrappedRating;exports.RatingDots=N.WrappedRatingDots;exports.Select=F.WrappedSelect;exports.SortableList=H.SortableList;exports.Spinner=j.Spinner;exports.spinnerSizes=E.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=J.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=K.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=Q.WrappedText;exports.TextInput=U.WrappedTextInput;exports.Textarea=X.WrappedTextarea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=Y.TimeRange;exports.Timestamp=Z.Timestamp;exports.useToast=$.useToast;exports.Tooltip=ee.Tooltip;exports.NumberInput=te.WrappedNumberInput;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../chunks/alert.types-BKSqs9qY.js"),g=require("../chunks/avatar.component-B1HGlwVW.js"),u=require("../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../chunks/avatarGroup.component-CTBfGiSm.js"),h=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-3lHElsln.js"),S=require("../chunks/buttonGroup.component-CowJsbr7.js"),k=require("../chunks/calendar.component-tOoK1NrU.js"),C=require("../chunks/card.component-BmBiYbMV.js"),P=require("../chunks/card.types-MvkQTTZF.js"),D=require("../chunks/characterCounter.component-CKDigkoD.js"),z=require("../chunks/checkbox.component-CiA3Z1zR.js"),x=require("../chunks/checkboxGroup.component-BGBd-roJ.js"),M=require("../chunks/conversationCard.component-BrDGshOG.js"),V=require("../chunks/datePicker.component-C6cD1_HR.js"),f=require("../chunks/datePicker.provider-DgarjPPd.js"),r=require("../chunks/dateTimePicker.component-REz9iX4S.js"),I=require("../chunks/divider.component-BX3zyB7O.js"),n=require("../chunks/divider.types-DBNcs0IR.js"),w=require("../chunks/heading.component-DMAQO_-m.js"),B=require("../chunks/icon.component-B1hr5lLa.js"),A=require("../chunks/icon.types-2obj_NKG.js"),W=require("../chunks/link.component-_YXG8MDq.js"),d=require("../chunks/logo.types-88a31xCx.js"),G=require("../chunks/menu.component-D4-4xRDj.js"),t=require("../chunks/modal.types-74os4Bqi.js"),R=require("../chunks/notificationCounter.component-DJpUXeXm.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),L=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-BCzsoF9r.js"),O=require("../chunks/popover.component-BBp_5m8e.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-C7A8mLMz.js"),K=require("../chunks/radiomark.component-YJNr68s7.js"),N=require("../chunks/rating.component-BsuGbcxP.js"),F=require("../chunks/ratingDots.component-CVjSZ9JJ.js"),H=require("../chunks/select.component-CCNxMGvb.js"),j=require("../chunks/sortableList.component-BlwtnxVj.js"),E=require("../chunks/spinner.component-DuW1_IWM.js"),J=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-CcP-Vl9c.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),Q=require("../chunks/switch.component-CgzCLoTB.js"),s=require("../chunks/tab.types-DwPEP_5N.js"),U=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-BGEvRu81.js"),X=require("../chunks/text.component-CeioUl0G.js"),Y=require("../chunks/textInput.component-C1vwy6pL.js"),Z=require("../chunks/textarea.component-D15hA9Jb.js"),y=require("../chunks/timePicker.component-Cz2XxVL6.js"),$=require("../chunks/timeRange.component-tU_nCTmS.js"),ee=require("../chunks/timestamp.component-DYZHgaas.js"),te=require("./components/Toast/index.cjs"),oe=require("../chunks/tooltip.component-BkFDi5yK.js"),re=require("../chunks/numberInput.component-DIABzNV6.js"),ne=require("../chunks/withDarkMode-R08khTA6.js"),ie=require("../chunks/withLightMode-Crw8xtkD.js"),ae=require("./hooks/useBreakpoint/index.cjs"),se=require("./hooks/useColorMode/index.cjs"),ce=require("./hooks/useColorModeValue/index.cjs"),pe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),ue=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-DFwAy7tr.js");exports.Alert=p.Alert;exports.alertButtonPositions=p.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=u.avatarSizes;exports.avatarVariants=u.avatarVariants;exports.AvatarGroup=b.AvatarGroup;exports.Button=h.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=S.ButtonGroup;exports.Calendar=k.Calendar;exports.Card=C.Card;exports.cardSizes=P.cardSizes;exports.CharacterCounter=D.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=x.WrappedCheckboxGroup;exports.ConversationCard=M.ConversationCard;exports.DatePicker=V.DatePicker;exports.DateFormats=f.DateFormats;exports.DateTimePicker=r.DateTimePicker;exports.DateTimePickerDefaultOptionValue=r.DateTimePickerDefaultOptionValue;exports.calendarViews=r.calendarViews;exports.Divider=I.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=w.WrappedHeading;exports.Icon=B.Icon;exports.iconSizes=A.iconSizes;exports.Link=W.Link;exports.Logo=d.Logo;exports.logoTypes=d.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=L.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=O.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=K.Radiomark;exports.Rating=N.WrappedRating;exports.RatingDots=F.WrappedRatingDots;exports.Select=H.WrappedSelect;exports.SortableList=j.SortableList;exports.Spinner=E.Spinner;exports.spinnerSizes=J.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=Q.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=U.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=X.WrappedText;exports.TextInput=Y.WrappedTextInput;exports.Textarea=Z.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=$.TimeRange;exports.Timestamp=ee.Timestamp;exports.useToast=te.useToast;exports.Tooltip=oe.Tooltip;exports.NumberInput=re.WrappedNumberInput;exports.withDarkMode=ne.withDarkMode;exports.withLightMode=ie.withLightMode;exports.useBreakpoint=ae.useBreakpoint;exports.useColorMode=se.useColorMode;exports.useColorModeValue=ce.useColorModeValue;exports.useDeviceType=pe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=ue.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../chunks/alert.types-BKSqs9qY.js"),g=require("../chunks/avatar.component-B1HGlwVW.js"),u=require("../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../chunks/avatarGroup.component-D2U1URML.js"),h=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-3lHElsln.js"),S=require("../chunks/buttonGroup.component-D1zl9wyM.js"),k=require("../chunks/calendar.component-CqcL9gQD.js"),C=require("../chunks/card.component-BmBiYbMV.js"),P=require("../chunks/card.types-MvkQTTZF.js"),D=require("../chunks/characterCounter.component-CKDigkoD.js"),z=require("../chunks/checkbox.component-CiA3Z1zR.js"),x=require("../chunks/checkboxGroup.component-BGBd-roJ.js"),M=require("../chunks/conversationCard.component-OTLcFGND.js"),V=require("../chunks/datePicker.component-DDlH8JLD.js"),f=require("../chunks/datePicker.provider-Q_wJ5IPm.js"),r=require("../chunks/dateTimePicker.component-B-72OFcp.js"),I=require("../chunks/divider.component-BX3zyB7O.js"),n=require("../chunks/divider.types-DBNcs0IR.js"),w=require("../chunks/heading.component-DMAQO_-m.js"),B=require("../chunks/icon.component-B1hr5lLa.js"),A=require("../chunks/icon.types-2obj_NKG.js"),W=require("../chunks/link.component-_YXG8MDq.js"),d=require("../chunks/logo.types-88a31xCx.js"),G=require("../chunks/menu.component-DWJeIuGD.js"),t=require("../chunks/modal.types-74os4Bqi.js"),R=require("../chunks/notificationCounter.component-DJpUXeXm.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),L=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-BCzsoF9r.js"),O=require("../chunks/popover.component-BBp_5m8e.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-_TTBbP2R.js"),K=require("../chunks/radiomark.component-YJNr68s7.js"),N=require("../chunks/rating.component-BsuGbcxP.js"),F=require("../chunks/ratingDots.component-CVjSZ9JJ.js"),H=require("../chunks/select.component-CCNxMGvb.js"),j=require("../chunks/sortableList.component-BlwtnxVj.js"),E=require("../chunks/spinner.component-DuW1_IWM.js"),J=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-CcP-Vl9c.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),Q=require("../chunks/switch.component-CgzCLoTB.js"),s=require("../chunks/tab.types-DwPEP_5N.js"),U=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-CNqS6gR_.js"),X=require("../chunks/text.component-CeioUl0G.js"),Y=require("../chunks/textInput.component-C1vwy6pL.js"),Z=require("../chunks/textarea.component-D15hA9Jb.js"),y=require("../chunks/timePicker.component-Cz2XxVL6.js"),$=require("../chunks/timeRange.component-tU_nCTmS.js"),ee=require("../chunks/timestamp.component-DYZHgaas.js"),te=require("./components/Toast/index.cjs"),oe=require("../chunks/tooltip.component-BkFDi5yK.js"),re=require("../chunks/numberInput.component-DIABzNV6.js"),ne=require("../chunks/withDarkMode-R08khTA6.js"),ie=require("../chunks/withLightMode-Crw8xtkD.js"),ae=require("./hooks/useBreakpoint/index.cjs"),se=require("./hooks/useColorMode/index.cjs"),ce=require("./hooks/useColorModeValue/index.cjs"),pe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),ue=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-DFwAy7tr.js");exports.Alert=p.Alert;exports.alertButtonPositions=p.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=u.avatarSizes;exports.avatarVariants=u.avatarVariants;exports.AvatarGroup=b.AvatarGroup;exports.Button=h.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=S.ButtonGroup;exports.Calendar=k.Calendar;exports.Card=C.Card;exports.cardSizes=P.cardSizes;exports.CharacterCounter=D.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=x.WrappedCheckboxGroup;exports.ConversationCard=M.ConversationCard;exports.DatePicker=V.DatePicker;exports.DateFormats=f.DateFormats;exports.DateTimePicker=r.DateTimePicker;exports.DateTimePickerDefaultOptionValue=r.DateTimePickerDefaultOptionValue;exports.calendarViews=r.calendarViews;exports.Divider=I.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=w.WrappedHeading;exports.Icon=B.Icon;exports.iconSizes=A.iconSizes;exports.Link=W.Link;exports.Logo=d.Logo;exports.logoTypes=d.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=L.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=O.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=K.Radiomark;exports.Rating=N.WrappedRating;exports.RatingDots=F.WrappedRatingDots;exports.Select=H.WrappedSelect;exports.SortableList=j.SortableList;exports.Spinner=E.Spinner;exports.spinnerSizes=J.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=Q.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=U.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=X.WrappedText;exports.TextInput=Y.WrappedTextInput;exports.Textarea=Z.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=$.TimeRange;exports.Timestamp=ee.Timestamp;exports.useToast=te.useToast;exports.Tooltip=oe.Tooltip;exports.NumberInput=re.WrappedNumberInput;exports.withDarkMode=ne.withDarkMode;exports.withLightMode=ie.withLightMode;exports.useBreakpoint=ae.useBreakpoint;exports.useColorMode=se.useColorMode;exports.useColorModeValue=ce.useColorModeValue;exports.useDeviceType=pe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=ue.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
 //# sourceMappingURL=index.cjs.map

package/dist/esm/components/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { A as o } from "../../../chunks/avatarGroup.component-B-ZOhj7i.js";
+import { A as o } from "../../../chunks/avatarGroup.component-DSvRgDWo.js";
 export {
   o as AvatarGroup
 };

package/dist/esm/components/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { B as t } from "../../../chunks/buttonGroup.component-DUK2FgFn.js";
+import { B as t } from "../../../chunks/buttonGroup.component-BWZfUx2E.js";
 export {
   t as ButtonGroup
 };

package/dist/esm/components/Calendar/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../../chunks/calendar.component-CHIhplfO.js";
+import { C as e } from "../../../chunks/calendar.component-BTiJi3ZE.js";
 export {
   e as Calendar
 };

package/dist/esm/components/ConversationCard/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../../../chunks/conversationCard.component-CMdqD3yN.js";
+import { C as a } from "../../../chunks/conversationCard.component-o0x-PRyR.js";
 export {
   a as ConversationCard
 };

package/dist/esm/components/DatePicker/index.js

@@ -1,5 +1,5 @@
-import { D as e } from "../../../chunks/datePicker.component-eHU7IZgC.js";
-import { D as t } from "../../../chunks/datePicker.provider-BWHE-9FA.js";
+import { D as e } from "../../../chunks/datePicker.component-C9u3joo2.js";
+import { D as t } from "../../../chunks/datePicker.provider--9ovHuHv.js";
 export {
   t as DateFormats,
   e as DatePicker

package/dist/esm/components/DateTimePicker/index.js

@@ -1,4 +1,4 @@
-import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-Byjxg2lJ.js";
+import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-DklOdWT-.js";
 export {
   i as DateTimePicker,
   r as DateTimePickerDefaultOptionValue,

package/dist/esm/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as r } from "../../../chunks/menu.component-DwTen8Uv.js";
+import { M as r } from "../../../chunks/menu.component-Dd4ePEAs.js";
 export {
   r as Menu
 };

package/dist/esm/components/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { W as r, a as s, r as i } from "../../../chunks/radioGroup.types-DJ68ERdO.js";
+import { W as r, a as s, r as i } from "../../../chunks/radioGroup.types-C27z0u3-.js";
 export {
   r as RadioGroup,
   s as radioAlignments,

package/dist/esm/components/TagBlock/index.js

@@ -1,4 +1,4 @@
-import { T as o, a as s } from "../../../chunks/tagBlock.component-Cor6eakc.js";
+import { T as o, a as s } from "../../../chunks/tagBlock.component-0kUeaXlw.js";
 export {
   o as TagBlock,
   s as TagDisabledState

package/dist/esm/components/index.js

@@ -1,20 +1,20 @@
 import { A as r, a as t } from "../../chunks/alert.types-C_ygg7fh.js";
 import { A as s } from "../../chunks/avatar.component-C-365mx3.js";
 import { a as i, b as m } from "../../chunks/avatar.types-C6dZZjdi.js";
-import { A as f } from "../../chunks/avatarGroup.component-B-ZOhj7i.js";
+import { A as f } from "../../chunks/avatarGroup.component-DSvRgDWo.js";
 import { B as c } from "../../chunks/button.component-BO6oee_V.js";
 import { b as l, d as u, c as T, e as S, a as b } from "../../chunks/button.types-C9PpvmYR.js";
-import { B as C } from "../../chunks/buttonGroup.component-DUK2FgFn.js";
-import { C as g } from "../../chunks/calendar.component-CHIhplfO.js";
+import { B as C } from "../../chunks/buttonGroup.component-BWZfUx2E.js";
+import { C as g } from "../../chunks/calendar.component-BTiJi3ZE.js";
 import { C as W } from "../../chunks/card.component-B1AznjWF.js";
 import { c as k } from "../../chunks/card.types-Cixp7ouC.js";
 import { C as y } from "../../chunks/characterCounter.component-Ch3P3GqC.js";
 import { W as I } from "../../chunks/checkbox.component-DE35wBj-.js";
 import { W as h } from "../../chunks/checkboxGroup.component-CYwGlktu.js";
-import { C as R } from "../../chunks/conversationCard.component-CMdqD3yN.js";
-import { D as w } from "../../chunks/datePicker.component-eHU7IZgC.js";
-import { D as N } from "../../chunks/datePicker.provider-BWHE-9FA.js";
-import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-Byjxg2lJ.js";
+import { C as R } from "../../chunks/conversationCard.component-o0x-PRyR.js";
+import { D as w } from "../../chunks/datePicker.component-C9u3joo2.js";
+import { D as N } from "../../chunks/datePicker.provider--9ovHuHv.js";
+import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-DklOdWT-.js";
 import { D as E } from "../../chunks/divider.component-CFOh4Nw3.js";
 import { d as K, a as Q, b as U } from "../../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../../chunks/heading.component-7ikcgDco.js";
@@ -22,7 +22,7 @@ import { I as _ } from "../../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../../chunks/icon.types-DLbVfMjG.js";
 import { L as ro } from "../../chunks/link.component--URNKuK2.js";
 import { L as eo, l as so } from "../../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../../chunks/menu.component-DwTen8Uv.js";
+import { M as io } from "../../chunks/menu.component-Dd4ePEAs.js";
 import { M as no, c as fo, a as xo, b as co, m as lo } from "../../chunks/modal.types-B0rK6xJy.js";
 import { N as To } from "../../chunks/notificationCounter.component-BexkISUl.js";
 import { n as bo, a as vo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
@@ -30,7 +30,7 @@ import { P as Po } from "../../chunks/picture.component-DzdHIFN_.js";
 import { W as Do, p as Wo } from "../../chunks/pinInput.types-CcaAN6P2.js";
 import { P as ko } from "../../chunks/popover.component-DEOUdSu3.js";
 import { p as yo, b as Bo, a as Io } from "../../chunks/popover.types-CQJj3uOX.js";
-import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-DJ68ERdO.js";
+import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-C27z0u3-.js";
 import { R as wo } from "../../chunks/radiomark.component-D_7wT5VA.js";
 import { W as No } from "../../chunks/rating.component-ChzcvUl6.js";
 import { W as Fo } from "../../chunks/ratingDots.component-D9WQGVcj.js";
@@ -44,7 +44,7 @@ import { W as ra } from "../../chunks/switch.component-CpV7mnhR.js";
 import { T as ea, a as sa, t as pa } from "../../chunks/tab.types-DaJfFBvr.js";
 import { T as ma } from "../../chunks/tag.component-B7V76XfM.js";
 import { c as fa, t as xa } from "../../chunks/tag.types-B-pzEt1I.js";
-import { T as da, a as la } from "../../chunks/tagBlock.component-Cor6eakc.js";
+import { T as da, a as la } from "../../chunks/tagBlock.component-0kUeaXlw.js";
 import { W as Ta } from "../../chunks/text.component-CdTyTFds.js";
 import { W as ba } from "../../chunks/textInput.component-BC0Hi8R_.js";
 import { W as Ca } from "../../chunks/textarea.component-axjxiv82.js";

package/dist/esm/index.js

@@ -1,20 +1,20 @@
 import { A as a, a as e } from "../chunks/alert.types-C_ygg7fh.js";
 import { A as s } from "../chunks/avatar.component-C-365mx3.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-B-ZOhj7i.js";
+import { A as x } from "../chunks/avatarGroup.component-DSvRgDWo.js";
 import { B as c } from "../chunks/button.component-BO6oee_V.js";
 import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-C9PpvmYR.js";
-import { B as g } from "../chunks/buttonGroup.component-DUK2FgFn.js";
-import { C as D } from "../chunks/calendar.component-CHIhplfO.js";
+import { B as g } from "../chunks/buttonGroup.component-BWZfUx2E.js";
+import { C as D } from "../chunks/calendar.component-BTiJi3ZE.js";
 import { C as h } from "../chunks/card.component-B1AznjWF.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
 import { C as z } from "../chunks/characterCounter.component-Ch3P3GqC.js";
 import { W as V } from "../chunks/checkbox.component-DE35wBj-.js";
 import { W as B } from "../chunks/checkboxGroup.component-CYwGlktu.js";
-import { C as I } from "../chunks/conversationCard.component-CMdqD3yN.js";
-import { D as R } from "../chunks/datePicker.component-eHU7IZgC.js";
-import { D as K } from "../chunks/datePicker.provider-BWHE-9FA.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-Byjxg2lJ.js";
+import { C as I } from "../chunks/conversationCard.component-o0x-PRyR.js";
+import { D as R } from "../chunks/datePicker.component-C9u3joo2.js";
+import { D as K } from "../chunks/datePicker.provider--9ovHuHv.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-DklOdWT-.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../chunks/heading.component-7ikcgDco.js";
@@ -22,7 +22,7 @@ import { I as _ } from "../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../chunks/icon.types-DLbVfMjG.js";
 import { L as ao } from "../chunks/link.component--URNKuK2.js";
 import { L as to, l as so } from "../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../chunks/menu.component-DwTen8Uv.js";
+import { M as io } from "../chunks/menu.component-Dd4ePEAs.js";
 import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-B0rK6xJy.js";
 import { N as To } from "../chunks/notificationCounter.component-BexkISUl.js";
 import { n as bo, a as Co } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
@@ -30,7 +30,7 @@ import { P as vo } from "../chunks/picture.component-DzdHIFN_.js";
 import { W as Po, p as ho } from "../chunks/pinInput.types-CcaAN6P2.js";
 import { P as yo } from "../chunks/popover.component-DEOUdSu3.js";
 import { p as zo, b as Mo, a as Vo } from "../chunks/popover.types-CQJj3uOX.js";
-import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-DJ68ERdO.js";
+import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-C27z0u3-.js";
 import { R as Ro } from "../chunks/radiomark.component-D_7wT5VA.js";
 import { W as Ko } from "../chunks/rating.component-ChzcvUl6.js";
 import { W as Oo } from "../chunks/ratingDots.component-D9WQGVcj.js";
@@ -44,7 +44,7 @@ import { W as ar } from "../chunks/switch.component-CpV7mnhR.js";
 import { T as tr, a as sr, t as pr } from "../chunks/tab.types-DaJfFBvr.js";
 import { T as mr } from "../chunks/tag.component-B7V76XfM.js";
 import { c as xr, t as nr } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as lr, a as dr } from "../chunks/tagBlock.component-Cor6eakc.js";
+import { T as lr, a as dr } from "../chunks/tagBlock.component-0kUeaXlw.js";
 import { W as Tr } from "../chunks/text.component-CdTyTFds.js";
 import { W as br } from "../chunks/textInput.component-BC0Hi8R_.js";
 import { W as gr } from "../chunks/textarea.component-axjxiv82.js";

package/dist/types/components/Logo/logo.component.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { BoxProps } from '@chakra-ui/react/box';
 import { LogoType, LogoVariant } from './logo.types';
-export interface LogoProps extends Omit<BoxProps, 'color'> {
+export interface LogoProps extends BoxProps {
     /** Callback function for when the logo is clicked */
     onClick?: () => void;
     /**
@@ -10,7 +10,7 @@ export interface LogoProps extends Omit<BoxProps, 'color'> {
      */
     type?: LogoType;
     /**
-     * The color variant of the logo
+     * Color variant of the logo. If you want to use a custom color, the variant prop should be omitted and the color prop should be used instead.
      * @default default
      */
     variant?: LogoVariant;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "5.0.1",
+  "version": "5.0.2-beta.menu.1",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/chunks/menu.component-D4-4xRDj.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./index-BQRnVsAg.js"),H=require("./button.component-DjdgBXDC.js"),ie=require("./icon.component-B1hr5lLa.js"),K=require("./text.component-CeioUl0G.js"),ce=require("./tooltip.component-BkFDi5yK.js"),G=require("./flex-BOU6tYUd.js"),Ue=require("./textInput.component-C1vwy6pL.js"),Xe=require("./spinner.component-DuW1_IWM.js"),Ye=require("./usePortalContentRef-CTrvBQ7I.js"),E=require("./index-Ts8g8jZd.js"),Ze=require("./create-slot-recipe-context-HXE1VazG.js"),et=require("./icons-B6Nwr9di.js"),l=require("./use-locale-context-ym21RUxU.js"),se=require("./index-rSq6Bry6.js"),m=require("./index-CQURjLlA.js"),tt=require("./checkbox.component-CiA3Z1zR.js"),st=t=>t&&t.__esModule?t:{default:t},rt=st(i),[ae,j]=l.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),le=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});le.displayName="MenuArrow";const pe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});pe.displayName="MenuArrowTip";const[J,ft]=l.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[Q,xe]=l.createContext({name:"MenuItemPropsContext",hookName:"useMenuItemPropsContext",providerName:"<MenuItemPropsProvider />"}),de=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...s,type:"checkbox"},p=j(),c=m.mergeProps(p.getOptionItemProps(u),o),a=p.getOptionItemState(u);return e.jsxRuntimeExports.jsx(Q,{value:u,children:e.jsxRuntimeExports.jsx(J,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...c,ref:r})})})});de.displayName="MenuCheckboxItem";const me=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps(s.getContentProps(),o.getPresenceProps(),t);return o.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:l.composeRefs(o.ref,r)})});me.displayName="MenuContent";const je=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...o,ref:r})});je.displayName="MenuContextTrigger";const he=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});he.displayName="MenuIndicator";const ge=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=j(),p=m.mergeProps(u.getItemProps(s),o),c=u.getItemState(s);return i.useEffect(()=>u.addItemListener({id:c.id,onSelect:s.onSelect}),[c.id,s.onSelect]),e.jsxRuntimeExports.jsx(Q,{value:s,children:e.jsxRuntimeExports.jsx(J,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...p,ref:r})})})});ge.displayName="MenuItem";const[fe,Pe]=l.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),Re=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps(c),o);return e.jsxRuntimeExports.jsx(fe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});Re.displayName="MenuItemGroup";const Ce=i.forwardRef((t,r)=>{const s=j(),o=Pe(),u=m.mergeProps(s.getItemGroupLabelProps({htmlFor:o.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Ce.displayName="MenuItemGroupLabel";const Me=i.forwardRef((t,r)=>{const s=j(),o=xe(),u=m.mergeProps(s.getItemIndicatorProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Me.displayName="MenuItemIndicator";const ve=i.forwardRef((t,r)=>{const s=j(),o=xe(),u=m.mergeProps(s.getItemTextProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});ve.displayName="MenuItemText";const Ee=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getPositionerProps(),t);return E.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Ee.displayName="MenuPositioner";const Ie=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=j(),p=Pe(),c={...s,checked:p.value===s.value,type:"radio",onCheckedChange:()=>p.onValueChange?.({value:s.value})},a=m.mergeProps(u.getOptionItemProps(c),o),g=u.getOptionItemState(c);return e.jsxRuntimeExports.jsx(Q,{value:c,children:e.jsxRuntimeExports.jsx(J,{value:g,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})})});Ie.displayName="MenuRadioItem";const be=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id","onValueChange","value"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps({id:c.id}),o);return e.jsxRuntimeExports.jsx(fe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});be.displayName="MenuRadioItemGroup";const ke=t=>{const r=i.useRef(t),s=i.useRef(!1);i.useEffect(()=>{r.current=t}),i.useEffect(()=>{s.current!==!0&&(s.current=!0,r.current())},[])},nt=t=>{const r=i.useId(),{getRootNode:s}=l.useEnvironmentContext(),{dir:o}=l.useLocaleContext(),u={id:r,dir:o,getRootNode:s,...t},p=l.useMachine(se.machine,u);return{api:se.connect(p,l.normalizeProps),service:p}},[Se,we]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[Ne,ot]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),ut=t=>{const[r,s]=E.splitPresenceProps(t),[o,u]=l.createSplitProps()(s,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),p=j(),c=we(),{api:a,service:g}=nt(o),S=E.usePresence(m.mergeProps({present:a.open},r));ke(()=>{c&&p&&(p.setChild(g),a.setParent(c))});const w=i.useCallback(()=>p?.getTriggerItemProps(a),[a,p]);return e.jsxRuntimeExports.jsx(Ne,{value:w,children:e.jsxRuntimeExports.jsx(Se,{value:g,children:e.jsxRuntimeExports.jsx(ae,{value:a,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:S,...u})})})})},it=t=>{const r=j(),s=we(),[o,{value:u,children:p}]=E.splitPresenceProps(t),{api:c,service:a}=u,g=E.usePresence(m.mergeProps({present:c.open},o));ke(()=>{s&&r&&(r.setChild(a),c.setParent(s))});const S=i.useCallback(()=>r?.getTriggerItemProps(c),[c,r]);return e.jsxRuntimeExports.jsx(Ne,{value:S,children:e.jsxRuntimeExports.jsx(Se,{value:a,children:e.jsxRuntimeExports.jsx(ae,{value:c,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:g,children:p})})})})},ye=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.hr,{...o,ref:r})});ye.displayName="MenuSeparator";const _e=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps({...s.getTriggerProps(),"aria-controls":o.unmounted?void 0:s.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(l.ark.button,{...u,ref:r})});_e.displayName="MenuTrigger";const Ae=i.forwardRef((t,r)=>{const s=ot(),o=m.mergeProps(s?.()??{},t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Ae.displayName="MenuTriggerItem";const{withRootProvider:Te,withContext:h}=Ze.createSlotRecipeContext({key:"menu"});Te(it);const ct=Te(ut,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),at=h(_e,"trigger",{forwardAsChild:!0});h(je,"contextTrigger",{forwardAsChild:!0});const lt=h(Ee,"positioner",{forwardAsChild:!0});h(ye,"separator",{forwardAsChild:!0});const pt=h(me,"content",{forwardAsChild:!0}),xt=h(pe,"arrowTip",{forwardAsChild:!0});h(le,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(xt,{})}});h(he,"indicator",{forwardAsChild:!0});const dt=h(Re,"itemGroup",{forwardAsChild:!0}),mt=h(Ce,"itemGroupLabel",{forwardAsChild:!0}),re=h(ge,"item",{forwardAsChild:!0}),jt=h(Ae,"item",{forwardAsChild:!0});h(ve,"itemText",{forwardAsChild:!0});h("kbd","itemCommand");h(Me,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(et.CheckIcon,{boxSize:"4"})}});h(de,"item",{forwardAsChild:!0});h(be,"itemGroup",{forwardAsChild:!0});h(Ie,"item",{forwardAsChild:!0});const Ge=({hideCaret:t=!1,size:r="md",text:s,textProps:o,variant:u,onClick:p,["data-testid"]:c="kibble-menu-button",...a})=>e.jsxRuntimeExports.jsxs(H.Button,{className:"Menu__Button","data-testid":c,size:r,variant:u,...a,...!s&&t&&{paddingInline:0,paddingBlock:0},onClick:g=>{g.stopPropagation(),p?.(g)},children:[s&&e.jsxRuntimeExports.jsx(K.WrappedText,{className:"Menu__ButtonText","data-testid":`${c}-text`,fontWeight:"semibold",size:r,color:u?"inherit":o?.color||"text.contrast",truncated:!0,...o,children:s}),!t&&e.jsxRuntimeExports.jsx(G.Flex,{className:"Menu__ButtonCaret","data-testid":`${c}-caret`,children:e.jsxRuntimeExports.jsx(ie.Icon,{name:"chevronDown",size:r==="lg"?"sm":"xs"})})]}),ht=({tooltipProps:t,isMenuOpen:r,...s})=>{const[o,u]=i.useState(!1),p=i.useCallback(()=>{r||u(!0)},[r]),c=i.useCallback(()=>{r||u(!1)},[r]);return i.useEffect(()=>{r&&u(!1)},[r]),e.jsxRuntimeExports.jsx(ce.Tooltip,{label:s.text||"",open:o&&!r,...t,children:e.jsxRuntimeExports.jsx(y.Box,{onClick:a=>{a.preventDefault(),a.stopPropagation(),u(!1)},onMouseEnter:p,onMouseLeave:c,children:e.jsxRuntimeExports.jsx(Ge,{...s})})})},gt=({label:t,leftElement:r,onSelect:s,shouldTruncateText:o,type:u="default",variant:p,["data-testid"]:c="kibble-menu-item",...a})=>{const[g,S]=i.useState(!1),w=i.useCallback(()=>{s&&s(a.value)},[s,a.value]);if(u==="submenu"){const{valueText:b,listProps:C,portalled:f=!0,open:I,lazyMount:N=!0,unmountOnExit:M=!0}=a;return e.jsxRuntimeExports.jsx($e,{lazyMount:N,unmountOnExit:M,submenuTrigger:e.jsxRuntimeExports.jsxs(jt,{className:"Menu__Item--Submenu","data-testid":`${c}-submenu`,justifyContent:"space-between","aria-valuetext":b,position:"relative",onClick:()=>{I!==void 0&&s?s(a.value):S(!g)},children:[e.jsxRuntimeExports.jsx(V,{label:t,leftElement:r,shouldTruncateText:o,variant:p}),e.jsxRuntimeExports.jsx(ie.Icon,{name:"chevronRight",size:"sm"})]}),portalled:f,open:I!==void 0?I:g,listProps:C})}if(u==="checkbox"){const{checked:b,value:C,disabled:f,tooltipLabel:I,...N}=a;return e.jsxRuntimeExports.jsxs(re,{className:"Menu__Item--Checkbox","data-testid":`${c}-checkbox`,value:C,closeOnSelect:!1,onSelect:f?void 0:w,gap:3,disabled:f,...N,children:[e.jsxRuntimeExports.jsx(tt.WrappedCheckbox,{checked:!!b,disabled:f,size:"md",fullWidth:!1}),e.jsxRuntimeExports.jsx(V,{label:t,leftElement:r,shouldTruncateText:o,variant:p,tooltipLabel:I})]})}if(u==="default"){const{selected:b=!1,disabled:C,value:f,tooltipLabel:I,...N}=a;return e.jsxRuntimeExports.jsx(re,{className:"Menu__Item--Default","data-testid":`${c}-default`,value:f,onSelect:C?void 0:w,disabled:C,...b&&{bgColor:"background.secondaryAlpha.hover"},...N,children:e.jsxRuntimeExports.jsx(V,{label:t,leftElement:r,shouldTruncateText:o,variant:b?"info":p,tooltipLabel:I})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},V=({label:t,leftElement:r,shouldTruncateText:s,variant:o,tooltipLabel:u})=>{const p=e.jsxRuntimeExports.jsxs(G.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[r,typeof t=="string"?e.jsxRuntimeExports.jsx(K.WrappedText,{size:"sm",truncated:s,variant:o,children:t}):t]});return u?e.jsxRuntimeExports.jsx(ce.Tooltip,{label:u,children:p}):p},ne=({groupName:t,hasSelectedItems:r=!1,onToggle:s,["data-testid"]:o="kibble-menu-toggle-buttons"})=>{const u=!!t;return e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__ToggleButtons","data-testid":o,...u&&{textAlign:"right",w:"50%"},children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r?e.jsxRuntimeExports.jsx(ue,{hasSelectedItems:r,groupName:t,onToggle:s}):e.jsxRuntimeExports.jsx(oe,{groupName:t,onToggle:s})}):e.jsxRuntimeExports.jsxs(G.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(oe,{groupName:t,onToggle:s}),e.jsxRuntimeExports.jsx(ue,{hasSelectedItems:r,groupName:t,onToggle:s})]})})},oe=({groupName:t,onToggle:r})=>e.jsxRuntimeExports.jsx(H.Button,{variant:"ghost",size:"xs",onClick:()=>r({groupName:t,clear:!1}),children:"Select All"}),ue=({hasSelectedItems:t,groupName:r,onToggle:s})=>e.jsxRuntimeExports.jsx(H.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>s({groupName:r,clear:!0}),children:"Clear All"}),$e=({buttonProps:t,listProps:r,positionerProps:s,portalled:o=!1,submenuTrigger:u,lazyMount:p=!0,onOpenChange:c,["data-testid"]:a="kibble-menu",...g})=>{const{contentRef:S}=Ye.usePortalContentRef(),{canSelectAll:w,canSelectGroups:b,emptyState:C="No results found",groupSortOrder:f,loading:I,maxH:N="480px",menuItems:M=[],minW:Oe="240px",onSearch:k,onSelect:L,onSelectAll:U,searchable:q,searchPlaceholder:Be="Search...",shouldTruncateText:Le,...X}=r||{},[qe,Fe]=i.useState(!1),[F,z]=i.useState(""),[$,D]=i.useState(M),Y=i.useMemo(()=>{const n={};return $?.forEach(x=>{const d=x.groupLabel||"default",P=x.type==="checkbox"?"checkbox":"default";n[d]||(n[d]={}),n[d][P]||(n[d][P]=[]),n[d][P].push(x)}),n},[$]),Z=i.useMemo(()=>{const n=Object.entries(Y);return!f||f.length===0?n:n.sort(([x],[d])=>{const P=f.indexOf(x),R=f.indexOf(d);return P!==-1&&R!==-1?P-R:P!==-1?-1:R!==-1?1:0})},[Y,f]),_=i.useMemo(()=>M?.filter(n=>n.type==="checkbox")||[],[M]),W=i.useCallback(n=>_.some(x=>x.value===n&&x.checked),[_]),v=i.useMemo(()=>_.filter(n=>n.checked),[_]),ee=i.useCallback(({groupName:n,clear:x})=>{let d;const P=$.filter(R=>R.type==="checkbox"&&!R.disabled);if(n){const R=P.filter(O=>O.groupLabel===n);d=x?v.filter(O=>O.groupLabel!==n):[...new Set([...v,...R])]}else d=x?[]:P.map(R=>({...R,checked:!0}));console.log("newSelectedItems",d),U?.({allSelectedItems:d})},[U,$,v]),ze=i.useCallback(n=>{if(n.type==="checkbox"){const x=W(n.value)?v.filter(d=>d.value!==n.value):[...v,n];if(n.onSelect){n.onSelect(n.value);return}L?.({item:n,allSelectedItems:x});return}if(n.onSelect){n.onSelect(n.value);return}L?.({item:n,allSelectedItems:[n]})},[L,W,v]),te=i.useCallback((n,x)=>n===""||!n?x:x.filter(d=>!!(typeof d.label=="string"?d.label:d.valueText)?.toLowerCase().includes(n.toLowerCase())),[]),De=i.useCallback(n=>{console.log("e.target.value",n.target.value);const x=n.target.value;console.log("searchInput",x),z(x),k&&k(n)},[k]),We=i.useCallback(()=>{z(""),k&&k({target:{value:""}})},[k]),Ve=i.useCallback(n=>{Fe(n),n||(z(""),D(M)),c&&c({open:n,allSelectedItems:v})},[M,c,v]);return i.useEffect(()=>{D(k?M:te(F,M))},[F,k,te,M]),e.jsxRuntimeExports.jsxs(ct,{lazyMount:p,unmountOnExit:p,onOpenChange:n=>{Ve(n.open)},...g,children:[u||e.jsxRuntimeExports.jsx(at,{asChild:!0,className:"Menu__Trigger","data-testid":`${a}-trigger`,children:t?.showTooltip?e.jsxRuntimeExports.jsx(ht,{isMenuOpen:qe,...t}):e.jsxRuntimeExports.jsx(Ge,{...t})}),e.jsxRuntimeExports.jsx(E.Portal,{disabled:!o,container:S||void 0,children:e.jsxRuntimeExports.jsx(lt,{className:"Menu","data-testid":a,...s,children:e.jsxRuntimeExports.jsxs(pt,{className:"Menu__Content","data-testid":`${a}-content`,maxH:N,minW:Oe,...X,...q&&{pt:"0"},onClick:n=>{n.stopPropagation(),X?.onClick?.(n)},children:[q&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__SearchBarContainer","data-testid":`${a}-search-bar-container`,px:3,py:2,position:"sticky",top:0,bg:"background",zIndex:"docked",children:e.jsxRuntimeExports.jsx(Ue.WrappedTextInput,{className:"Menu__SearchBar","data-testid":`${a}-search-bar`,placeholder:Be,onChange:De,size:"sm",value:F,clearable:!0,onClear:We,onKeyDown:n=>{n.code==="Space"&&n.stopPropagation()}})}),w&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__CheckboxGroupHeader","data-testid":`${a}-checkbox-group-header`,px:3,mt:q?1:2,children:w&&!!_.length&&e.jsxRuntimeExports.jsx(ne,{onToggle:ee,hasSelectedItems:!!v.length})}),I&&e.jsxRuntimeExports.jsx(G.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Xe.Spinner,{fullScreen:!0})}),e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__List","data-testid":`${a}-list`,children:Z.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Z.map(([n,x])=>{const d=n==="default",P=Object.keys(x),R=d?rt.default.Fragment:dt,He=x.checkbox?.map(A=>A.value)?.some(A=>v.some(B=>B.value===A&&B.checked));return e.jsxRuntimeExports.jsxs(R,{children:[!d&&e.jsxRuntimeExports.jsx(mt,{children:e.jsxRuntimeExports.jsxs(G.Flex,{alignItems:"center",justifyContent:"space-between",children:[n,b&&P.includes("checkbox")&&e.jsxRuntimeExports.jsx(ne,{groupName:n,onToggle:ee,hasSelectedItems:He})]})}),Object.entries(x).map(([A,B])=>B.map((T,Ke)=>{const{groupLabel:Je,...Qe}=T;return e.jsxRuntimeExports.jsx(gt,{...Qe,shouldTruncateText:Le,...T.type==="checkbox"&&{checked:W(T.value)},"data-testid":`${a}-item-${T.label}`,onSelect:()=>ze(T)},`menu-item-${Je}-${A}-${Ke}`)}))]},n)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(y.Box,{p:3,children:typeof C=="string"?e.jsxRuntimeExports.jsx(y.Box,{textAlign:"center",children:e.jsxRuntimeExports.jsx(K.WrappedText,{size:"sm",variant:"subtle","data-testid":`${a}-empty-state`,children:C})}):C})})})]})})})]})};exports.Menu=$e;
-//# sourceMappingURL=menu.component-D4-4xRDj.js.map