@televet/kibble-ui 5.0.13-steve.0 → 5.0.14

package/dist/chunks/{tagBlock.component-BKYJDU4L.js.map → tagBlock.component-DjbevH0J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-BKYJDU4L.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-DjbevH0J.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/{text.component-IjomJyJY.js → text.component-DhuUgP3j.js}

@@ -1,6 +1,6 @@
 import { j as o } from "./jsx-runtime-C5mzlN2N.js";
 import { c as r } from "./create-recipe-context-DfQ-MTih.js";
-import { w as x } from "./withTruncation-CqDQUSVU.js";
+import { w as x } from "./withTruncation-B2GhwmHG.js";
 const { withContext: i } = r({
   key: "text"
 }), n = i("p"), t = ({ children: e, ["data-testid"]: s = "kibble-text", ...a }) => /* @__PURE__ */ o.jsx(n, { className: "Text", "data-testid": s, ...a, children: e });
@@ -9,4 +9,4 @@ const d = x(t);
 export {
   d as W
 };
-//# sourceMappingURL=text.component-IjomJyJY.js.map
+//# sourceMappingURL=text.component-DhuUgP3j.js.map

package/dist/chunks/{text.component-IjomJyJY.js.map → text.component-DhuUgP3j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text.component-IjomJyJY.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/text/index.js","../../src/components/Text/text.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import React from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react/text';\nimport { withTruncation, WithTruncationProps } from 'hocs/withTruncation';\nimport { TextSize } from './text.types';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\n\nexport interface TextProps extends WithTruncationProps, Omit<CTextProps, 'truncate'> {\n  /**\n   * Size of the text.\n   * @default md\n   */\n  size?: ConditionalValue<TextSize>;\n  /**\n   * Color variant of the text.\n   * @default default\n   */\n  variant?: TypographyVariant;\n  /**\n   * Data test id for the text.\n   * @default kibble-text\n   */\n  'data-testid'?: string;\n}\n\nconst Text = ({ children, ['data-testid']: dataTestId = 'kibble-text', ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid={dataTestId} {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = 'Text';\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["withContext","createRecipeContext","Text","children","dataTestId","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCkBtBE,IAAO,CAAC,EAAE,UAAAC,GAAU,CAAC,gBAAgBC,IAAa,eAAe,GAAGC,QAEtEC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAaH,GAAa,GAAGC,GAClD,UAAAF,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAM,IAAcC,EAAeP,CAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"text.component-DhuUgP3j.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/text/index.js","../../src/components/Text/text.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import React from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react/text';\nimport { withTruncation, WithTruncationProps } from 'hocs/withTruncation';\nimport { TextSize } from './text.types';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\n\nexport interface TextProps extends WithTruncationProps, Omit<CTextProps, 'truncate'> {\n  /**\n   * Size of the text.\n   * @default md\n   */\n  size?: ConditionalValue<TextSize>;\n  /**\n   * Color variant of the text.\n   * @default default\n   */\n  variant?: TypographyVariant;\n  /**\n   * Data test id for the text.\n   * @default kibble-text\n   */\n  'data-testid'?: string;\n}\n\nconst Text = ({ children, ['data-testid']: dataTestId = 'kibble-text', ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid={dataTestId} {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = 'Text';\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["withContext","createRecipeContext","Text","children","dataTestId","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCkBtBE,IAAO,CAAC,EAAE,UAAAC,GAAU,CAAC,gBAAgBC,IAAa,eAAe,GAAGC,QAEtEC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAaH,GAAa,GAAGC,GAClD,UAAAF,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAM,IAAcC,EAAeP,CAAI;","x_google_ignoreList":[0]}

package/dist/chunks/{textInput.component-BMy6cEdV.js → textInput.component-C7kdQ8hF.js}

@@ -1,14 +1,14 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import j, { forwardRef as N, useMemo as w } from "react";
-import { w as F } from "./withFormControl-lDkIqkED.js";
+import { w as F } from "./withFormControl-08PrhcOk.js";
 import { B as y } from "./button.component-BO6oee_V.js";
-import { C as P } from "./characterCounter.component-CoMqt04J.js";
+import { C as P } from "./characterCounter.component-DI_FQNUR.js";
 import { F as R } from "./flex-CX-8gE9T.js";
 import { I as b } from "./input-group-CFelIL63.js";
 import { c as k } from "./create-recipe-context-DfQ-MTih.js";
-import { d as B } from "./use-locale-context-Bw4Gg9Z0.js";
-import { u as E } from "./use-field-context-DrC9mrDd.js";
-import { a6 as T } from "./index-fHSGm2nC.js";
+import { d as B } from "./use-locale-context-DmcfCmf9.js";
+import { u as E } from "./use-field-context-BoqOeObh.js";
+import { a6 as T } from "./index-BcafYtXX.js";
 const u = N((r, s) => {
   const o = E(), a = T(o?.getInputProps(), r);
   return /* @__PURE__ */ t.jsx(B.input, { ...a, ref: s });
@@ -105,4 +105,4 @@ const O = F(l);
 export {
   O as W
 };
-//# sourceMappingURL=textInput.component-BMy6cEdV.js.map
+//# sourceMappingURL=textInput.component-C7kdQ8hF.js.map

package/dist/chunks/{textInput.component-BMy6cEdV.js.map → textInput.component-C7kdQ8hF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-BMy6cEdV.js","sources":["../../node_modules/@ark-ui/react/dist/components/field/field-input.js","../../node_modules/@chakra-ui/react/dist/esm/components/input/input.js","../../src/components/TextInput/textInput.records.ts","../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldInput = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getInputProps(), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nFieldInput.displayName = \"FieldInput\";\n\nexport { FieldInput };\n","\"use strict\";\n\"use client\";\nimport { Field } from '@ark-ui/react/field';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"input\"\n});\nconst Input = withContext(Field.Input);\nconst InputPropsProvider = PropsProvider;\n\nexport { Input, InputPropsProvider };\n","import { ButtonSize } from 'components/Button/button.types';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { useMemo } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Input as CInput, InputProps as CInputProps } from '@chakra-ui/react/input';\nimport { InputGroup } from '@chakra-ui/react/input-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Button } from 'components/Button/button.component';\nimport { CharacterCounter } from 'components/CharacterCounter/characterCounter.component';\nimport { closeButtonSizeMap } from './textInput.records';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  /** The maximum number of characters that can be entered into the input. */\n  charLimit?: number;\n  /** Ref to the input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /** Left addon element. */\n  leftAddon?: React.ReactNode;\n  /** Left element inside the input. */\n  leftElement?: React.ReactNode;\n  /**\n   * If true, the input will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Right addon element. */\n  rightAddon?: React.ReactNode;\n  /** Right element inside the input. */\n  rightElement?: React.ReactNode;\n  /** The size of the input. */\n  size?: FormControlSize;\n  /**\n   * Data test id for the text input.\n   * @default kibble-text-input\n   */\n  'data-testid'?: string;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  /**\n   * If true, the input will have a button to clear out the field.\n   * @default false\n   */\n  clearable?: never;\n  /** Callback function when the clear button is clicked. */\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  /**\n   * If true, the input will have a button to clear out the field.\n   * @default false\n   */\n  clearable?: boolean;\n  /** Callback function when the clear button is clicked. */\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      charLimit = undefined,\n      clearable = false,\n      disabled = false,\n      inputRef,\n      invalid,\n      leftAddon,\n      leftElement,\n      onClear,\n      onContrast,\n      rightAddon,\n      rightElement,\n      size = 'md',\n      value,\n      ['data-testid']: dataTestId = 'kibble-text-input',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (clearable && !!value && !disabled) {\n      rightElement = (\n        <Button\n          className=\"TextInput__ClearButton\"\n          data-testid={`${dataTestId}-clear-button`}\n          size={closeButtonSizeMap[size as FormControlSize]}\n          variant=\"ghostNeutral\"\n          onClick={handleClear}\n          iconName=\"close\"\n        />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Flex className=\"TextInput__Wrapper\" w=\"100%\" flexDirection=\"column\" gap={1} alignItems=\"flex-end\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid={`${dataTestId}-input-group`}\n          startElement={leftElement}\n          startElementProps={{\n            color: 'inherit',\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          endElement={rightElement}\n          endElementProps={{\n            color: 'inherit',\n            paddingInline: 1.5,\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          startAddon={leftAddon}\n          endAddon={rightAddon}\n        >\n          <CInput\n            data-testid={dataTestId}\n            className=\"TextInput\"\n            ref={inputRef || ref}\n            value={value}\n            size={size}\n            disabled={disabled}\n            {...(invalid && { 'aria-invalid': true })}\n            variant={onContrast ? 'onContrast' : 'default'}\n            {...rest}\n          />\n        </InputGroup>\n        {!!charLimit && (\n          <CharacterCounter\n            data-testid={`${dataTestId}-character-counter`}\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\nconst WrappedTextInput = withFormControl<TextInputProps>(TextInput);\n\nexport { WrappedTextInput as TextInput };\n"],"names":["FieldInput","forwardRef","props","ref","field","useFieldContext","mergedProps","mergeProps","jsx","ark","withContext","createRecipeContext","Input","Field.Input","closeButtonSizeMap","TextInput","React","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","dataTestId","rest","handleClear","Button","currentCharCount","useMemo","jsxs","Flex","InputGroup","CInput","CharacterCounter","WrappedTextInput","withFormControl"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAaC,EAAW,CAACC,GAAOC,MAAQ;AAC5C,QAAMC,IAAQC,EAAiB,GACzBC,IAAcC,EAAWH,GAAO,cAAa,GAAIF,CAAK;AAC5D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC/D,CAAC;AACDH,EAAW,cAAc;ACPzB,MAAM,EAAE,aAAAU,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAQF,EAAYG,CAAW,GCLxBC,IAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCwDMC,IAAYC,EAAM;AAAA,EACtB,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,GAAGC;AAAA,KAEL5B,MACsB;AACtB,UAAM6B,IAAc,MAAY;AAC9B,MAAIR,KACFA,EAAQK,KAAS,EAAE;AAAA,IAEvB;AAEA,IAAIX,KAAeW,KAAS,CAACV,MAEzBQ,IAAAnB,gBAAAA,EAAA;AAAA,MAACyB;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAGH,CAAU;AAAA,QAC1B,MAAMhB,EAAmBc,CAAuB;AAAA,QAChD,SAAQ;AAAA,QACR,SAASI;AAAA,QACT,UAAS;AAAA,MAAA;AAAA,IACX;AAIE,UAAAE,IAAmBC,EAAQ,MAAMN,GAAO,YAAY,UAAU,GAAG,CAACA,CAAK,CAAC;AAG5E,WAAAO,gBAAAA,EAAA,KAACC,GAAK,EAAA,WAAU,sBAAqB,GAAE,QAAO,eAAc,UAAS,KAAK,GAAG,YAAW,YACtF,UAAA;AAAA,MAAA7B,gBAAAA,EAAA;AAAA,QAAC8B;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAa,GAAGR,CAAU;AAAA,UAC1B,cAAcP;AAAA,UACd,mBAAmB;AAAA,YACjB,OAAO;AAAA,YACP,gBAAgB,EAAE,SAAS,IAAI;AAAA,UACjC;AAAA,UACA,YAAYI;AAAA,UACZ,iBAAiB;AAAA,YACf,OAAO;AAAA,YACP,eAAe;AAAA,YACf,gBAAgB,EAAE,SAAS,IAAI;AAAA,UACjC;AAAA,UACA,YAAYL;AAAA,UACZ,UAAUI;AAAA,UAEV,UAAAlB,gBAAAA,EAAA;AAAA,YAAC+B;AAAAA,YAAA;AAAA,cACC,eAAaT;AAAA,cACb,WAAU;AAAA,cACV,KAAKV,KAAYjB;AAAA,cACjB,OAAA0B;AAAA,cACA,MAAAD;AAAA,cACA,UAAAT;AAAA,cACC,GAAIE,KAAW,EAAE,gBAAgB,GAAK;AAAA,cACvC,SAASI,IAAa,eAAe;AAAA,cACpC,GAAGM;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACF;AAAA,MACC,CAAC,CAACd,KACDT,gBAAAA,EAAA;AAAA,QAACgC;AAAA,QAAA;AAAA,UACC,eAAa,GAAGV,CAAU;AAAA,UAC1B,WAAW;AAAA,UACX,OAAOb;AAAA,UACP,cAAciB;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,EAAA;AAGN;AAEAnB,EAAU,cAAc;AAClB,MAAA0B,IAAmBC,EAAgC3B,CAAS;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"textInput.component-C7kdQ8hF.js","sources":["../../node_modules/@ark-ui/react/dist/components/field/field-input.js","../../node_modules/@chakra-ui/react/dist/esm/components/input/input.js","../../src/components/TextInput/textInput.records.ts","../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldInput = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getInputProps(), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nFieldInput.displayName = \"FieldInput\";\n\nexport { FieldInput };\n","\"use strict\";\n\"use client\";\nimport { Field } from '@ark-ui/react/field';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"input\"\n});\nconst Input = withContext(Field.Input);\nconst InputPropsProvider = PropsProvider;\n\nexport { Input, InputPropsProvider };\n","import { ButtonSize } from 'components/Button/button.types';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { useMemo } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Input as CInput, InputProps as CInputProps } from '@chakra-ui/react/input';\nimport { InputGroup } from '@chakra-ui/react/input-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Button } from 'components/Button/button.component';\nimport { CharacterCounter } from 'components/CharacterCounter/characterCounter.component';\nimport { closeButtonSizeMap } from './textInput.records';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  /** The maximum number of characters that can be entered into the input. */\n  charLimit?: number;\n  /** Ref to the input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /** Left addon element. */\n  leftAddon?: React.ReactNode;\n  /** Left element inside the input. */\n  leftElement?: React.ReactNode;\n  /**\n   * If true, the input will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Right addon element. */\n  rightAddon?: React.ReactNode;\n  /** Right element inside the input. */\n  rightElement?: React.ReactNode;\n  /** The size of the input. */\n  size?: FormControlSize;\n  /**\n   * Data test id for the text input.\n   * @default kibble-text-input\n   */\n  'data-testid'?: string;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  /**\n   * If true, the input will have a button to clear out the field.\n   * @default false\n   */\n  clearable?: never;\n  /** Callback function when the clear button is clicked. */\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  /**\n   * If true, the input will have a button to clear out the field.\n   * @default false\n   */\n  clearable?: boolean;\n  /** Callback function when the clear button is clicked. */\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      charLimit = undefined,\n      clearable = false,\n      disabled = false,\n      inputRef,\n      invalid,\n      leftAddon,\n      leftElement,\n      onClear,\n      onContrast,\n      rightAddon,\n      rightElement,\n      size = 'md',\n      value,\n      ['data-testid']: dataTestId = 'kibble-text-input',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (clearable && !!value && !disabled) {\n      rightElement = (\n        <Button\n          className=\"TextInput__ClearButton\"\n          data-testid={`${dataTestId}-clear-button`}\n          size={closeButtonSizeMap[size as FormControlSize]}\n          variant=\"ghostNeutral\"\n          onClick={handleClear}\n          iconName=\"close\"\n        />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Flex className=\"TextInput__Wrapper\" w=\"100%\" flexDirection=\"column\" gap={1} alignItems=\"flex-end\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid={`${dataTestId}-input-group`}\n          startElement={leftElement}\n          startElementProps={{\n            color: 'inherit',\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          endElement={rightElement}\n          endElementProps={{\n            color: 'inherit',\n            paddingInline: 1.5,\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          startAddon={leftAddon}\n          endAddon={rightAddon}\n        >\n          <CInput\n            data-testid={dataTestId}\n            className=\"TextInput\"\n            ref={inputRef || ref}\n            value={value}\n            size={size}\n            disabled={disabled}\n            {...(invalid && { 'aria-invalid': true })}\n            variant={onContrast ? 'onContrast' : 'default'}\n            {...rest}\n          />\n        </InputGroup>\n        {!!charLimit && (\n          <CharacterCounter\n            data-testid={`${dataTestId}-character-counter`}\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\nconst WrappedTextInput = withFormControl<TextInputProps>(TextInput);\n\nexport { WrappedTextInput as TextInput };\n"],"names":["FieldInput","forwardRef","props","ref","field","useFieldContext","mergedProps","mergeProps","jsx","ark","withContext","createRecipeContext","Input","Field.Input","closeButtonSizeMap","TextInput","React","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","dataTestId","rest","handleClear","Button","currentCharCount","useMemo","jsxs","Flex","InputGroup","CInput","CharacterCounter","WrappedTextInput","withFormControl"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAaC,EAAW,CAACC,GAAOC,MAAQ;AAC5C,QAAMC,IAAQC,EAAiB,GACzBC,IAAcC,EAAWH,GAAO,cAAa,GAAIF,CAAK;AAC5D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC/D,CAAC;AACDH,EAAW,cAAc;ACPzB,MAAM,EAAE,aAAAU,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAQF,EAAYG,CAAW,GCLxBC,IAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCwDMC,IAAYC,EAAM;AAAA,EACtB,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,GAAGC;AAAA,KAEL5B,MACsB;AACtB,UAAM6B,IAAc,MAAY;AAC9B,MAAIR,KACFA,EAAQK,KAAS,EAAE;AAAA,IAEvB;AAEA,IAAIX,KAAeW,KAAS,CAACV,MAEzBQ,IAAAnB,gBAAAA,EAAA;AAAA,MAACyB;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAGH,CAAU;AAAA,QAC1B,MAAMhB,EAAmBc,CAAuB;AAAA,QAChD,SAAQ;AAAA,QACR,SAASI;AAAA,QACT,UAAS;AAAA,MAAA;AAAA,IACX;AAIE,UAAAE,IAAmBC,EAAQ,MAAMN,GAAO,YAAY,UAAU,GAAG,CAACA,CAAK,CAAC;AAG5E,WAAAO,gBAAAA,EAAA,KAACC,GAAK,EAAA,WAAU,sBAAqB,GAAE,QAAO,eAAc,UAAS,KAAK,GAAG,YAAW,YACtF,UAAA;AAAA,MAAA7B,gBAAAA,EAAA;AAAA,QAAC8B;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAa,GAAGR,CAAU;AAAA,UAC1B,cAAcP;AAAA,UACd,mBAAmB;AAAA,YACjB,OAAO;AAAA,YACP,gBAAgB,EAAE,SAAS,IAAI;AAAA,UACjC;AAAA,UACA,YAAYI;AAAA,UACZ,iBAAiB;AAAA,YACf,OAAO;AAAA,YACP,eAAe;AAAA,YACf,gBAAgB,EAAE,SAAS,IAAI;AAAA,UACjC;AAAA,UACA,YAAYL;AAAA,UACZ,UAAUI;AAAA,UAEV,UAAAlB,gBAAAA,EAAA;AAAA,YAAC+B;AAAAA,YAAA;AAAA,cACC,eAAaT;AAAA,cACb,WAAU;AAAA,cACV,KAAKV,KAAYjB;AAAA,cACjB,OAAA0B;AAAA,cACA,MAAAD;AAAA,cACA,UAAAT;AAAA,cACC,GAAIE,KAAW,EAAE,gBAAgB,GAAK;AAAA,cACvC,SAASI,IAAa,eAAe;AAAA,cACpC,GAAGM;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACF;AAAA,MACC,CAAC,CAACd,KACDT,gBAAAA,EAAA;AAAA,QAACgC;AAAA,QAAA;AAAA,UACC,eAAa,GAAGV,CAAU;AAAA,UAC1B,WAAW;AAAA,UACX,OAAOb;AAAA,UACP,cAAciB;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,EAAA;AAGN;AAEAnB,EAAU,cAAc;AAClB,MAAA0B,IAAmBC,EAAgC3B,CAAS;","x_google_ignoreList":[0,1]}

package/dist/chunks/{textarea.component-ChN0RGoe.js → textarea.component-W9VBnd4-.js}

@@ -1,13 +1,13 @@
 import { j as m } from "./jsx-runtime-C5mzlN2N.js";
 import l, { forwardRef as x, useRef as g, useEffect as h, useMemo as v } from "react";
-import { w } from "./withFormControl-lDkIqkED.js";
-import { C as b } from "./characterCounter.component-CoMqt04J.js";
+import { w } from "./withFormControl-08PrhcOk.js";
+import { C as b } from "./characterCounter.component-DI_FQNUR.js";
 import { F as y } from "./flex-CX-8gE9T.js";
 import { c as F } from "./create-recipe-context-DfQ-MTih.js";
-import { z as C, L as T, M as j, a6 as O } from "./index-fHSGm2nC.js";
-import { d as R, e as z } from "./use-locale-context-Bw4Gg9Z0.js";
-import { u as E } from "./use-field-context-DrC9mrDd.js";
-var P = (e) => {
+import { B as C, V as T, W as j, a6 as O } from "./index-BcafYtXX.js";
+import { d as R, e as E } from "./use-locale-context-DmcfCmf9.js";
+import { u as P } from "./use-field-context-BoqOeObh.js";
+var z = (e) => {
   if (!e) return;
   const t = C(e), o = T(e), i = j(e), r = () => {
     requestAnimationFrame(() => {
@@ -34,20 +34,20 @@ var P = (e) => {
   };
 };
 const p = x((e, t) => {
-  const { autoresize: o, ...i } = e, r = g(null), a = E(), s = O(
+  const { autoresize: o, ...i } = e, r = g(null), a = P(), s = O(
     a?.getTextareaProps(),
     { style: { resize: o ? "none" : void 0 } },
     i
   );
   return h(() => {
     if (o)
-      return P(r.current);
-  }, [o]), /* @__PURE__ */ m.jsx(R.textarea, { ...s, ref: z(t, r) });
+      return z(r.current);
+  }, [o]), /* @__PURE__ */ m.jsx(R.textarea, { ...s, ref: E(t, r) });
 });
 p.displayName = "FieldTextarea";
 const { withContext: H } = F({
   key: "textarea"
-}), L = H(
+}), W = H(
   p
 ), f = l.forwardRef(
   ({
@@ -63,7 +63,7 @@ const { withContext: H } = F({
     const n = o ? "onContrast" : "default", u = v(() => a?.toString()?.length || 0, [a]);
     return /* @__PURE__ */ m.jsxs(y, { className: "Textarea__Wrapper", flexDirection: "column", w: "100%", gap: 1, alignItems: "flex-end", children: [
       /* @__PURE__ */ m.jsx(
-        L,
+        W,
         {
           className: "Textarea",
           "data-testid": s,
@@ -93,4 +93,4 @@ const q = w(f);
 export {
   q as W
 };
-//# sourceMappingURL=textarea.component-ChN0RGoe.js.map
+//# sourceMappingURL=textarea.component-W9VBnd4-.js.map

package/dist/chunks/{textarea.component-ChN0RGoe.js.map → textarea.component-W9VBnd4-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-ChN0RGoe.js","sources":["../../node_modules/@zag-js/auto-resize/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/field/field-textarea.js","../../node_modules/@chakra-ui/react/dist/esm/components/textarea/textarea.js","../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import { getDocument, getWindow, getComputedStyle } from '@zag-js/dom-query';\n\n// src/autoresize-input.ts\nfunction getVisualStyles(node) {\n  if (!node) return;\n  const style = getComputedStyle(node);\n  return \"box-sizing:\" + style.boxSizing + \";border-left:\" + style.borderLeftWidth + \" solid red;border-right:\" + style.borderRightWidth + \" solid red;font-family:\" + style.fontFamily + \";font-feature-settings:\" + style.fontFeatureSettings + \";font-kerning:\" + style.fontKerning + \";font-size:\" + style.fontSize + \";font-stretch:\" + style.fontStretch + \";font-style:\" + style.fontStyle + \";font-variant:\" + style.fontVariant + \";font-variant-caps:\" + style.fontVariantCaps + \";font-variant-ligatures:\" + style.fontVariantLigatures + \";font-variant-numeric:\" + style.fontVariantNumeric + \";font-weight:\" + style.fontWeight + \";letter-spacing:\" + style.letterSpacing + \";margin-left:\" + style.marginLeft + \";margin-right:\" + style.marginRight + \";padding-left:\" + style.paddingLeft + \";padding-right:\" + style.paddingRight + \";text-indent:\" + style.textIndent + \";text-transform:\" + style.textTransform;\n}\n\n// src/autoresize-input.ts\nfunction createGhostElement(doc) {\n  var el = doc.createElement(\"div\");\n  el.id = \"ghost\";\n  el.style.cssText = \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\";\n  doc.body.appendChild(el);\n  return el;\n}\nfunction autoResizeInput(input) {\n  if (!input) return;\n  const doc = getDocument(input);\n  const win = getWindow(input);\n  const ghost = createGhostElement(doc);\n  const cssText = getVisualStyles(input);\n  if (cssText) ghost.style.cssText += cssText;\n  function resize() {\n    win.requestAnimationFrame(() => {\n      ghost.innerHTML = input.value;\n      const rect = win.getComputedStyle(ghost);\n      input?.style.setProperty(\"width\", rect.width);\n    });\n  }\n  resize();\n  input?.addEventListener(\"input\", resize);\n  input?.addEventListener(\"change\", resize);\n  return () => {\n    doc.body.removeChild(ghost);\n    input?.removeEventListener(\"input\", resize);\n    input?.removeEventListener(\"change\", resize);\n  };\n}\nvar autoresizeTextarea = (el) => {\n  if (!el) return;\n  const style = getComputedStyle(el);\n  const win = getWindow(el);\n  const doc = getDocument(el);\n  const resize = () => {\n    requestAnimationFrame(() => {\n      el.style.height = \"auto\";\n      let newHeight;\n      if (style.boxSizing === \"content-box\") {\n        newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));\n      } else {\n        newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);\n      }\n      if (style.maxHeight !== \"none\" && newHeight > parseFloat(style.maxHeight)) {\n        if (style.overflowY === \"hidden\") {\n          el.style.overflowY = \"scroll\";\n        }\n        newHeight = parseFloat(style.maxHeight);\n      } else if (style.overflowY !== \"hidden\") {\n        el.style.overflowY = \"hidden\";\n      }\n      el.style.height = `${newHeight}px`;\n    });\n  };\n  el.addEventListener(\"input\", resize);\n  el.form?.addEventListener(\"reset\", resize);\n  const elementPrototype = Object.getPrototypeOf(el);\n  const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, \"value\");\n  Object.defineProperty(el, \"value\", {\n    ...descriptor,\n    set() {\n      descriptor?.set?.apply(this, arguments);\n      resize();\n    }\n  });\n  const resizeObserver = new win.ResizeObserver(() => {\n    requestAnimationFrame(() => resize());\n  });\n  resizeObserver.observe(el);\n  const attrObserver = new win.MutationObserver(() => resize());\n  attrObserver.observe(el, { attributes: true, attributeFilter: [\"rows\", \"placeholder\"] });\n  doc.fonts?.addEventListener(\"loadingdone\", resize);\n  return () => {\n    el.removeEventListener(\"input\", resize);\n    el.form?.removeEventListener(\"reset\", resize);\n    doc.fonts?.removeEventListener(\"loadingdone\", resize);\n    resizeObserver.disconnect();\n    attrObserver.disconnect();\n  };\n};\n\nexport { autoResizeInput, autoresizeTextarea };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { autoresizeTextarea } from '@zag-js/auto-resize';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useRef, useEffect } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldTextarea = forwardRef((props, ref) => {\n  const { autoresize, ...textareaProps } = props;\n  const textareaRef = useRef(null);\n  const field = useFieldContext();\n  const mergedProps = mergeProps(\n    field?.getTextareaProps(),\n    { style: { resize: autoresize ? \"none\" : void 0 } },\n    textareaProps\n  );\n  useEffect(() => {\n    if (!autoresize) return;\n    return autoresizeTextarea(textareaRef.current);\n  }, [autoresize]);\n  return /* @__PURE__ */ jsx(ark.textarea, { ...mergedProps, ref: composeRefs(ref, textareaRef) });\n});\nFieldTextarea.displayName = \"FieldTextarea\";\n\nexport { FieldTextarea };\n","\"use strict\";\n\"use client\";\nimport { Field } from '@ark-ui/react/field';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"textarea\"\n});\nconst Textarea = withContext(\n  Field.Textarea\n);\nconst TextareaPropsProvider = PropsProvider;\n\nexport { Textarea, TextareaPropsProvider };\n","import React, { useMemo } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react/textarea';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { CharacterCounter } from 'components/CharacterCounter/characterCounter.component';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  /** The maximum number of characters that can be entered into the textarea. */\n  charLimit?: number;\n  /** Ref to the textarea element. */\n  textareaRef?: React.Ref<HTMLTextAreaElement | null>;\n  /** Placeholder text for the textarea. */\n  placeholder?: string;\n  /**\n   * The size of the textarea.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Data test id for the textarea.\n   * @default kibble-textarea\n   */\n  'data-testid'?: string;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      charLimit = undefined,\n      invalid,\n      onContrast,\n      resize = 'none',\n      textareaRef,\n      value,\n      ['data-testid']: dataTestId = 'kibble-textarea',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Flex className=\"Textarea__Wrapper\" flexDirection=\"column\" w=\"100%\" gap={1} alignItems=\"flex-end\">\n        <CTextarea\n          className=\"Textarea\"\n          data-testid={dataTestId}\n          ref={textareaRef || ref}\n          resize={resize}\n          variant={_computedVariant}\n          value={value}\n          {...(invalid && { 'aria-invalid': true })}\n          minH=\"140px\"\n          {...rest}\n        />\n        {!!charLimit && (\n          <CharacterCounter\n            data-testid={`${dataTestId}-character-counter`}\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\nconst WrappedTextarea = withFormControl<TextareaProps>(Textarea);\n\nexport { WrappedTextarea as Textarea };\n"],"names":["autoresizeTextarea","el","style","getComputedStyle","win","getWindow","doc","getDocument","resize","newHeight","elementPrototype","descriptor","resizeObserver","attrObserver","FieldTextarea","forwardRef","props","ref","autoresize","textareaProps","textareaRef","useRef","field","useFieldContext","mergedProps","mergeProps","useEffect","jsx","ark","composeRefs","withContext","createRecipeContext","Textarea","Field.Textarea","React","charLimit","invalid","onContrast","value","dataTestId","rest","_computedVariant","currentCharCount","useMemo","jsxs","Flex","CTextarea","CharacterCounter","WrappedTextarea","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"textarea.component-W9VBnd4-.js","sources":["../../node_modules/@zag-js/auto-resize/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/field/field-textarea.js","../../node_modules/@chakra-ui/react/dist/esm/components/textarea/textarea.js","../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import { getDocument, getWindow, getComputedStyle } from '@zag-js/dom-query';\n\n// src/autoresize-input.ts\nfunction getVisualStyles(node) {\n  if (!node) return;\n  const style = getComputedStyle(node);\n  return \"box-sizing:\" + style.boxSizing + \";border-left:\" + style.borderLeftWidth + \" solid red;border-right:\" + style.borderRightWidth + \" solid red;font-family:\" + style.fontFamily + \";font-feature-settings:\" + style.fontFeatureSettings + \";font-kerning:\" + style.fontKerning + \";font-size:\" + style.fontSize + \";font-stretch:\" + style.fontStretch + \";font-style:\" + style.fontStyle + \";font-variant:\" + style.fontVariant + \";font-variant-caps:\" + style.fontVariantCaps + \";font-variant-ligatures:\" + style.fontVariantLigatures + \";font-variant-numeric:\" + style.fontVariantNumeric + \";font-weight:\" + style.fontWeight + \";letter-spacing:\" + style.letterSpacing + \";margin-left:\" + style.marginLeft + \";margin-right:\" + style.marginRight + \";padding-left:\" + style.paddingLeft + \";padding-right:\" + style.paddingRight + \";text-indent:\" + style.textIndent + \";text-transform:\" + style.textTransform;\n}\n\n// src/autoresize-input.ts\nfunction createGhostElement(doc) {\n  var el = doc.createElement(\"div\");\n  el.id = \"ghost\";\n  el.style.cssText = \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\";\n  doc.body.appendChild(el);\n  return el;\n}\nfunction autoResizeInput(input) {\n  if (!input) return;\n  const doc = getDocument(input);\n  const win = getWindow(input);\n  const ghost = createGhostElement(doc);\n  const cssText = getVisualStyles(input);\n  if (cssText) ghost.style.cssText += cssText;\n  function resize() {\n    win.requestAnimationFrame(() => {\n      ghost.innerHTML = input.value;\n      const rect = win.getComputedStyle(ghost);\n      input?.style.setProperty(\"width\", rect.width);\n    });\n  }\n  resize();\n  input?.addEventListener(\"input\", resize);\n  input?.addEventListener(\"change\", resize);\n  return () => {\n    doc.body.removeChild(ghost);\n    input?.removeEventListener(\"input\", resize);\n    input?.removeEventListener(\"change\", resize);\n  };\n}\nvar autoresizeTextarea = (el) => {\n  if (!el) return;\n  const style = getComputedStyle(el);\n  const win = getWindow(el);\n  const doc = getDocument(el);\n  const resize = () => {\n    requestAnimationFrame(() => {\n      el.style.height = \"auto\";\n      let newHeight;\n      if (style.boxSizing === \"content-box\") {\n        newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));\n      } else {\n        newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);\n      }\n      if (style.maxHeight !== \"none\" && newHeight > parseFloat(style.maxHeight)) {\n        if (style.overflowY === \"hidden\") {\n          el.style.overflowY = \"scroll\";\n        }\n        newHeight = parseFloat(style.maxHeight);\n      } else if (style.overflowY !== \"hidden\") {\n        el.style.overflowY = \"hidden\";\n      }\n      el.style.height = `${newHeight}px`;\n    });\n  };\n  el.addEventListener(\"input\", resize);\n  el.form?.addEventListener(\"reset\", resize);\n  const elementPrototype = Object.getPrototypeOf(el);\n  const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, \"value\");\n  Object.defineProperty(el, \"value\", {\n    ...descriptor,\n    set() {\n      descriptor?.set?.apply(this, arguments);\n      resize();\n    }\n  });\n  const resizeObserver = new win.ResizeObserver(() => {\n    requestAnimationFrame(() => resize());\n  });\n  resizeObserver.observe(el);\n  const attrObserver = new win.MutationObserver(() => resize());\n  attrObserver.observe(el, { attributes: true, attributeFilter: [\"rows\", \"placeholder\"] });\n  doc.fonts?.addEventListener(\"loadingdone\", resize);\n  return () => {\n    el.removeEventListener(\"input\", resize);\n    el.form?.removeEventListener(\"reset\", resize);\n    doc.fonts?.removeEventListener(\"loadingdone\", resize);\n    resizeObserver.disconnect();\n    attrObserver.disconnect();\n  };\n};\n\nexport { autoResizeInput, autoresizeTextarea };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { autoresizeTextarea } from '@zag-js/auto-resize';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useRef, useEffect } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldTextarea = forwardRef((props, ref) => {\n  const { autoresize, ...textareaProps } = props;\n  const textareaRef = useRef(null);\n  const field = useFieldContext();\n  const mergedProps = mergeProps(\n    field?.getTextareaProps(),\n    { style: { resize: autoresize ? \"none\" : void 0 } },\n    textareaProps\n  );\n  useEffect(() => {\n    if (!autoresize) return;\n    return autoresizeTextarea(textareaRef.current);\n  }, [autoresize]);\n  return /* @__PURE__ */ jsx(ark.textarea, { ...mergedProps, ref: composeRefs(ref, textareaRef) });\n});\nFieldTextarea.displayName = \"FieldTextarea\";\n\nexport { FieldTextarea };\n","\"use strict\";\n\"use client\";\nimport { Field } from '@ark-ui/react/field';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"textarea\"\n});\nconst Textarea = withContext(\n  Field.Textarea\n);\nconst TextareaPropsProvider = PropsProvider;\n\nexport { Textarea, TextareaPropsProvider };\n","import React, { useMemo } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react/textarea';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { CharacterCounter } from 'components/CharacterCounter/characterCounter.component';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  /** The maximum number of characters that can be entered into the textarea. */\n  charLimit?: number;\n  /** Ref to the textarea element. */\n  textareaRef?: React.Ref<HTMLTextAreaElement | null>;\n  /** Placeholder text for the textarea. */\n  placeholder?: string;\n  /**\n   * The size of the textarea.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Data test id for the textarea.\n   * @default kibble-textarea\n   */\n  'data-testid'?: string;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      charLimit = undefined,\n      invalid,\n      onContrast,\n      resize = 'none',\n      textareaRef,\n      value,\n      ['data-testid']: dataTestId = 'kibble-textarea',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Flex className=\"Textarea__Wrapper\" flexDirection=\"column\" w=\"100%\" gap={1} alignItems=\"flex-end\">\n        <CTextarea\n          className=\"Textarea\"\n          data-testid={dataTestId}\n          ref={textareaRef || ref}\n          resize={resize}\n          variant={_computedVariant}\n          value={value}\n          {...(invalid && { 'aria-invalid': true })}\n          minH=\"140px\"\n          {...rest}\n        />\n        {!!charLimit && (\n          <CharacterCounter\n            data-testid={`${dataTestId}-character-counter`}\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\nconst WrappedTextarea = withFormControl<TextareaProps>(Textarea);\n\nexport { WrappedTextarea as Textarea };\n"],"names":["autoresizeTextarea","el","style","getComputedStyle","win","getWindow","doc","getDocument","resize","newHeight","elementPrototype","descriptor","resizeObserver","attrObserver","FieldTextarea","forwardRef","props","ref","autoresize","textareaProps","textareaRef","useRef","field","useFieldContext","mergedProps","mergeProps","useEffect","jsx","ark","composeRefs","withContext","createRecipeContext","Textarea","Field.Textarea","React","charLimit","invalid","onContrast","value","dataTestId","rest","_computedVariant","currentCharCount","useMemo","jsxs","Flex","CTextarea","CharacterCounter","WrappedTextarea","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2]}