@televet/kibble-ui 5.0.2-beta.menu.3 → 5.0.2-beta.menu.5

package/dist/chunks/{tagBlock.component-C88f0ff4.js.map → tagBlock.component-6EiDFKRU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-C88f0ff4.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-6EiDFKRU.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-qIaw8BI-.js → tagBlock.component-Ctiv0q_l.js}

@@ -3,7 +3,7 @@ import v, { useCallback as g } from "react";
 import { B as s } from "./index-9BerxEcw.js";
 import { B as j } from "./button.component-BO6oee_V.js";
 import { W as w } from "./heading.component-7ikcgDco.js";
-import { M as W } from "./menu.component-DgJSzOB8.js";
+import { M as W } from "./menu.component-Di6p2OQm.js";
 import { S as $ } from "./spinner.component-B3dkvoO9.js";
 import { T as y } from "./tag.component-B7V76XfM.js";
 import { W as B } from "./text.component-CdTyTFds.js";
@@ -167,4 +167,4 @@ export {
   G as T,
   d as a
 };
-//# sourceMappingURL=tagBlock.component-qIaw8BI-.js.map
+//# sourceMappingURL=tagBlock.component-Ctiv0q_l.js.map

package/dist/chunks/{tagBlock.component-qIaw8BI-.js.map → tagBlock.component-Ctiv0q_l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-qIaw8BI-.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-Ctiv0q_l.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-DvpCFAzZ.js");exports.AvatarGroup=r.AvatarGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-CTzKVekY.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-CmdgeMRX.js");exports.ButtonGroup=t.ButtonGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-D5exJNjD.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-Dm6b_z9j.js");exports.Calendar=e.Calendar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/calendar.component-D4YWcalj.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-BIYLeiiS.js");exports.ConversationCard=e.ConversationCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-C7XCNUme.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-BgZaBVYt.js"),t=require("../../../chunks/datePicker.provider-BIYTNRtD.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-D1sEVtWA.js"),t=require("../../../chunks/datePicker.provider-CrxEuFVx.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-CEMqEKXq.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-D34ZBE5S.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-DXw7H-8j.js");exports.Menu=e.Menu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/menu.component-CUkHLGzY.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-3WDwvOcO.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-31031yF0.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-C88f0ff4.js");exports.TagBlock=e.TagBlock;exports.TagDisabledState=e.TagDisabledState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/tagBlock.component-6EiDFKRU.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-DvpCFAzZ.js"),g=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-3lHElsln.js"),b=require("../../chunks/buttonGroup.component-CmdgeMRX.js"),y=require("../../chunks/calendar.component-Dm6b_z9j.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-BIYLeiiS.js"),I=require("../../chunks/datePicker.component-BgZaBVYt.js"),x=require("../../chunks/datePicker.provider-BIYTNRtD.js"),o=require("../../chunks/dateTimePicker.component-CEMqEKXq.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-DXw7H-8j.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-3WDwvOcO.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-C88f0ff4.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-CTzKVekY.js"),g=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-3lHElsln.js"),b=require("../../chunks/buttonGroup.component-D5exJNjD.js"),y=require("../../chunks/calendar.component-D4YWcalj.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-C7XCNUme.js"),I=require("../../chunks/datePicker.component-D1sEVtWA.js"),x=require("../../chunks/datePicker.provider-CrxEuFVx.js"),o=require("../../chunks/dateTimePicker.component-D34ZBE5S.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-CUkHLGzY.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-31031yF0.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-6EiDFKRU.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-DvpCFAzZ.js"),h=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-3lHElsln.js"),S=require("../chunks/buttonGroup.component-CmdgeMRX.js"),k=require("../chunks/calendar.component-Dm6b_z9j.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-BIYLeiiS.js"),V=require("../chunks/datePicker.component-BgZaBVYt.js"),f=require("../chunks/datePicker.provider-BIYTNRtD.js"),r=require("../chunks/dateTimePicker.component-CEMqEKXq.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-DXw7H-8j.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-3WDwvOcO.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-C88f0ff4.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-CTzKVekY.js"),h=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-3lHElsln.js"),S=require("../chunks/buttonGroup.component-D5exJNjD.js"),k=require("../chunks/calendar.component-D4YWcalj.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-C7XCNUme.js"),V=require("../chunks/datePicker.component-D1sEVtWA.js"),f=require("../chunks/datePicker.provider-CrxEuFVx.js"),r=require("../chunks/dateTimePicker.component-D34ZBE5S.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-CUkHLGzY.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-31031yF0.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-6EiDFKRU.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-BpwmnR02.js";
+import { A as o } from "../../../chunks/avatarGroup.component-DkKPpSjz.js";
 export {
   o as AvatarGroup
 };

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { D as e } from "../../../chunks/datePicker.component-DzTQdhru.js";
-import { D as t } from "../../../chunks/datePicker.provider-D5C-lpgW.js";
+import { D as e } from "../../../chunks/datePicker.component-BVolIuLC.js";
+import { D as t } from "../../../chunks/datePicker.provider-D0UTCm7x.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-Bj_1PBnq.js";
+import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-C7yN5puI.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-DgJSzOB8.js";
+import { M as r } from "../../../chunks/menu.component-Di6p2OQm.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-DR0BEU8s.js";
+import { W as r, a as s, r as i } from "../../../chunks/radioGroup.types-C9sQfIhO.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-qIaw8BI-.js";
+import { T as o, a as s } from "../../../chunks/tagBlock.component-Ctiv0q_l.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-BpwmnR02.js";
+import { A as f } from "../../chunks/avatarGroup.component-DkKPpSjz.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-DJ7RLC9Y.js";
-import { C as g } from "../../chunks/calendar.component-BKYpZfH3.js";
+import { B as C } from "../../chunks/buttonGroup.component-C7qKrojm.js";
+import { C as g } from "../../chunks/calendar.component-CiZaNBUk.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-Yb7McOBu.js";
-import { D as w } from "../../chunks/datePicker.component-DzTQdhru.js";
-import { D as N } from "../../chunks/datePicker.provider-D5C-lpgW.js";
-import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-Bj_1PBnq.js";
+import { C as R } from "../../chunks/conversationCard.component-Bey5HuaR.js";
+import { D as w } from "../../chunks/datePicker.component-BVolIuLC.js";
+import { D as N } from "../../chunks/datePicker.provider-D0UTCm7x.js";
+import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-C7yN5puI.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-DgJSzOB8.js";
+import { M as io } from "../../chunks/menu.component-Di6p2OQm.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-DR0BEU8s.js";
+import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-C9sQfIhO.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-qIaw8BI-.js";
+import { T as da, a as la } from "../../chunks/tagBlock.component-Ctiv0q_l.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-BpwmnR02.js";
+import { A as x } from "../chunks/avatarGroup.component-DkKPpSjz.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-DJ7RLC9Y.js";
-import { C as D } from "../chunks/calendar.component-BKYpZfH3.js";
+import { B as g } from "../chunks/buttonGroup.component-C7qKrojm.js";
+import { C as D } from "../chunks/calendar.component-CiZaNBUk.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-Yb7McOBu.js";
-import { D as R } from "../chunks/datePicker.component-DzTQdhru.js";
-import { D as K } from "../chunks/datePicker.provider-D5C-lpgW.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-Bj_1PBnq.js";
+import { C as I } from "../chunks/conversationCard.component-Bey5HuaR.js";
+import { D as R } from "../chunks/datePicker.component-BVolIuLC.js";
+import { D as K } from "../chunks/datePicker.provider-D0UTCm7x.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-C7yN5puI.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-DgJSzOB8.js";
+import { M as io } from "../chunks/menu.component-Di6p2OQm.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-DR0BEU8s.js";
+import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-C9sQfIhO.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-qIaw8BI-.js";
+import { T as lr, a as dr } from "../chunks/tagBlock.component-Ctiv0q_l.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/package.json

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

package/dist/chunks/menu.component-DXw7H-8j.js

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