@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

package/dist/chunks/tagBlock.component-a2gERgrx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagBlock.component-a2gERgrx.js","sources":["../../src/patterns/TagBlock/tagBlock.types.ts","../../src/patterns/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.components\";\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: 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}: 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) ||\n          tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-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],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\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=\"kibble-tag-block-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=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-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=\"kibble-tag-block-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=\"kibble-tag-block-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\n                    className=\"TagBlock__GroupTitle\"\n                    data-testid=\"kibble-tag-block-group-title\"\n                  >\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\n          className=\"TagBlock__Error\"\n          data-testid=\"kibble-tag-block-error\"\n          mt={2}\n          size=\"xs\"\n          as=\"p\"\n          variant=\"danger\"\n        >\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","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-CBa_saMP.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./vendor-D-x6W6ez.js"),a=require("./withTruncation-BskZBBVs.js"),i=require("./chakra-DmF8Cxqs.js"),t=({children:e,...r})=>s.jsxRuntimeExports.jsx(i.Text,{className:"Text","data-testid":"kibble-text",...r,children:e});t.displayName="Text";const n=a.withTruncation(t);exports.WrappedText=n;
-//# sourceMappingURL=text.component-CBa_saMP.js.map

package/dist/chunks/text.component-CBa_saMP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-CBa_saMP.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":"iIAgBMA,EAAO,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEzBC,EAAA,kBAAA,IAACC,QAAM,UAAU,OAAO,cAAY,cAAe,GAAGF,EACnD,SAAAD,EACH,EAIJD,EAAK,YAAc,OAEb,MAAAK,EAAcC,iBAAeN,CAAI"}

package/dist/chunks/text.component-XYjOAc2s.js

@@ -1,10 +0,0 @@
-import { x as a } from "./vendor-BBfll6i3.js";
-import { w as r } from "./withTruncation-C2xFKhgB.js";
-import { k as o } from "./chakra-BqBkjpvZ.js";
-const t = ({ children: e, ...s }) => /* @__PURE__ */ a.jsx(o, { className: "Text", "data-testid": "kibble-text", ...s, children: e });
-t.displayName = "Text";
-const p = r(t);
-export {
-  p as W
-};
-//# sourceMappingURL=text.component-XYjOAc2s.js.map

package/dist/chunks/text.component-XYjOAc2s.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-XYjOAc2s.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAgBA,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzBC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAY,eAAe,GAAGF,GACnD,UAAAD,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAK,IAAcC,EAAeN,CAAI;"}

package/dist/chunks/text.records-BK_JBYsT.js

@@ -1,16 +0,0 @@
-const x = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl"
-];
-export {
-  x as t
-};
-//# sourceMappingURL=text.records-BK_JBYsT.js.map

package/dist/chunks/text.records-BK_JBYsT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.records-BK_JBYsT.js","sources":["../../src/components/Text/text.records.ts"],"sourcesContent":["import { TextSize } from \"./text.types\";\n\nexport const textSizes: TextSize[] = [\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n  \"4xl\",\n  \"5xl\",\n  \"6xl\",\n];\n"],"names":["textSizes"],"mappings":"AAEO,MAAMA,IAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/chunks/text.records-CIL3bbY0.js

@@ -1,2 +0,0 @@
-"use strict";const x=["xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl"];exports.textSizes=x;
-//# sourceMappingURL=text.records-CIL3bbY0.js.map

package/dist/chunks/text.records-CIL3bbY0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.records-CIL3bbY0.js","sources":["../../src/components/Text/text.records.ts"],"sourcesContent":["import { TextSize } from \"./text.types\";\n\nexport const textSizes: TextSize[] = [\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n  \"4xl\",\n  \"5xl\",\n  \"6xl\",\n];\n"],"names":["textSizes"],"mappings":"aAEO,MAAMA,EAAwB,CACnC,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,KACF"}

package/dist/chunks/textInput.component-Bk7D4sbG.js

@@ -1,99 +0,0 @@
-import { x as t } from "./vendor-BBfll6i3.js";
-import C, { useMemo as _ } from "react";
-import { w as h } from "./withFormControl-B269FujS.js";
-import { B as b } from "./button.component-BtkAjIWe.js";
-import { C as g } from "./characterCounter.component-DhiMcztY.js";
-import { B as j, K as N, M as T } from "./chakra-BqBkjpvZ.js";
-const B = {
-  sm: "xs",
-  md: "sm",
-  lg: "md"
-}, w = h(
-  ({
-    charLimit: o = void 0,
-    clearable: r = !1,
-    disabled: n = !1,
-    inputRef: p,
-    invalid: u,
-    leftAddon: l,
-    leftElement: m,
-    onClear: a,
-    onContrast: d,
-    rightAddon: c,
-    rightElement: s,
-    size: i = "md",
-    value: e,
-    ...x
-  }) => {
-    const f = () => {
-      a && a(e || "");
-    };
-    r && e && !n && (s = /* @__PURE__ */ t.jsx(
-      b,
-      {
-        className: "TextInput__ClearButton",
-        "data-testid": "kibble-text-input-clear-button",
-        size: B[i],
-        variant: "ghostNeutral",
-        onClick: f,
-        iconName: "close"
-      }
-    ));
-    const I = _(
-      () => e?.toString()?.length || 0,
-      [e]
-    );
-    return /* @__PURE__ */ t.jsxs(j, { className: "TextInput__Wrapper", position: "relative", w: "100%", children: [
-      /* @__PURE__ */ t.jsx(
-        N,
-        {
-          className: "TextInput__InputGroup",
-          "data-testid": "kibble-text-input-group",
-          startElement: m,
-          startElementProps: {
-            color: "inherit",
-            _groupDisabled: { opacity: 0.6 }
-          },
-          endElement: s,
-          endElementProps: {
-            color: "inherit",
-            paddingInline: 1.5,
-            _groupDisabled: { opacity: 0.6 }
-          },
-          startAddon: l,
-          endAddon: c,
-          children: /* @__PURE__ */ t.jsx(
-            T,
-            {
-              "data-testid": "kibble-text-input",
-              className: "TextInput",
-              ref: p,
-              value: e,
-              size: i,
-              disabled: n,
-              ...u && { "aria-invalid": !0 },
-              variant: d ? "onContrast" : "default",
-              ...x
-            }
-          )
-        }
-      ),
-      !!o && /* @__PURE__ */ t.jsx(
-        g,
-        {
-          withLimit: !0,
-          limit: o,
-          currentCount: I
-        }
-      )
-    ] });
-  }
-), k = C.forwardRef(
-  (o, r) => /* @__PURE__ */ t.jsx(w, { inputRef: r, ...o })
-);
-k.displayName = "TextInput";
-export {
-  k as W,
-  B as c
-};
-//# sourceMappingURL=textInput.component-Bk7D4sbG.js.map

package/dist/chunks/textInput.component-Bk7D4sbG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.component-Bk7D4sbG.js","sources":["../../src/components/TextInput/textInput.records.ts","../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["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, { ForwardedRef, useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n} from \"@chakra-ui/react/input\";\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  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  onContrast?: boolean;\n  leftAddon?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  rightAddon?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  clearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  clearable?: boolean;\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\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    ...rest\n  }: TextInputProps): 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=\"kibble-text-input-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(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Box className=\"TextInput__Wrapper\" position=\"relative\" w=\"100%\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid=\"kibble-text-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=\"kibble-text-input\"\n            className=\"TextInput\"\n            ref={inputRef}\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            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = React.forwardRef(\n  (props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n    <TextInput inputRef={ref} {...props} />\n  ),\n);\n\nWrappedTextInput.displayName = \"TextInput\";\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","TextInput","withFormControl","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","rest","handleClear","jsx","Button","currentCharCount","useMemo","Box","InputGroup","CInput","CharacterCounter","WrappedTextInput","React","props","ref"],"mappings":";;;;;;AAGO,MAAMA,IAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCkCMC,IAAYC;AAAA,EAChB,CAAC;AAAA,IACC,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,GAAGC;AAAA,EAAA,MACoC;AACvC,UAAMC,IAAc,MAAY;AAC9B,MAAIP,KACFA,EAAQK,KAAS,EAAE;AAAA,IAEvB;AAEA,IAAIX,KAAeW,KAAS,CAACV,MAEzBQ,IAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,MAAMnB,EAAmBc,CAAuB;AAAA,QAChD,SAAQ;AAAA,QACR,SAASG;AAAA,QACT,UAAS;AAAA,MAAA;AAAA,IACX;AAIJ,UAAMG,IAAmBC;AAAA,MACvB,MAAMN,GAAO,YAAY,UAAU;AAAA,MACnC,CAACA,CAAK;AAAA,IACR;AAEA,kCACGO,GAAI,EAAA,WAAU,sBAAqB,UAAS,YAAW,GAAE,QACxD,UAAA;AAAA,MAAAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,cAAcd;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,UAAAM,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cACV,KAAKlB;AAAA,cACL,OAAAS;AAAA,cACA,MAAAD;AAAA,cACA,UAAAT;AAAA,cACC,GAAIE,KAAW,EAAE,gBAAgB,GAAK;AAAA,cACvC,SAASI,IAAa,eAAe;AAAA,cACpC,GAAGK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACF;AAAA,MACC,CAAC,CAACb,KACDe,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAOtB;AAAA,UACP,cAAciB;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,EAAA;AAGN,GAEMM,IAAmBC,EAAM;AAAA,EAC7B,CAACC,GAAuBC,MACtBX,gBAAAA,MAACjB,KAAU,UAAU4B,GAAM,GAAGD,EAAO,CAAA;AAEzC;AAEAF,EAAiB,cAAc;"}

package/dist/chunks/textInput.component-GSpfSqUc.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),p=require("react"),f=require("./withFormControl-Cy6Bwv0i.js"),E=require("./button.component-B0GkYzVz.js"),R=require("./characterCounter.component-BXxyn_IB.js"),o=require("./chakra-DmF8Cxqs.js"),c={sm:"xs",md:"sm",lg:"md"},T=f.withFormControl(({charLimit:n=void 0,clearable:r=!1,disabled:s=!1,inputRef:x,invalid:d,leftAddon:m,leftElement:h,onClear:i,onContrast:j,rightAddon:I,rightElement:a,size:u="md",value:e,...C})=>{const _=()=>{i&&i(e||"")};r&&e&&!s&&(a=t.jsxRuntimeExports.jsx(E.Button,{className:"TextInput__ClearButton","data-testid":"kibble-text-input-clear-button",size:c[u],variant:"ghostNeutral",onClick:_,iconName:"close"}));const b=p.useMemo(()=>e?.toString()?.length||0,[e]);return t.jsxRuntimeExports.jsxs(o.Box,{className:"TextInput__Wrapper",position:"relative",w:"100%",children:[t.jsxRuntimeExports.jsx(o.InputGroup,{className:"TextInput__InputGroup","data-testid":"kibble-text-input-group",startElement:h,startElementProps:{color:"inherit",_groupDisabled:{opacity:.6}},endElement:a,endElementProps:{color:"inherit",paddingInline:1.5,_groupDisabled:{opacity:.6}},startAddon:m,endAddon:I,children:t.jsxRuntimeExports.jsx(o.Input,{"data-testid":"kibble-text-input",className:"TextInput",ref:x,value:e,size:u,disabled:s,...d&&{"aria-invalid":!0},variant:j?"onContrast":"default",...C})}),!!n&&t.jsxRuntimeExports.jsx(R.CharacterCounter,{withLimit:!0,limit:n,currentCount:b})]})}),l=p.forwardRef((n,r)=>t.jsxRuntimeExports.jsx(T,{inputRef:r,...n}));l.displayName="TextInput";exports.WrappedTextInput=l;exports.closeButtonSizeMap=c;
-//# sourceMappingURL=textInput.component-GSpfSqUc.js.map

package/dist/chunks/textInput.component-GSpfSqUc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.component-GSpfSqUc.js","sources":["../../src/components/TextInput/textInput.records.ts","../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["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, { ForwardedRef, useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n} from \"@chakra-ui/react/input\";\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  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  onContrast?: boolean;\n  leftAddon?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  rightAddon?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  clearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  clearable?: boolean;\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\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    ...rest\n  }: TextInputProps): 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=\"kibble-text-input-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(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Box className=\"TextInput__Wrapper\" position=\"relative\" w=\"100%\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid=\"kibble-text-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=\"kibble-text-input\"\n            className=\"TextInput\"\n            ref={inputRef}\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            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = React.forwardRef(\n  (props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n    <TextInput inputRef={ref} {...props} />\n  ),\n);\n\nWrappedTextInput.displayName = \"TextInput\";\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","TextInput","withFormControl","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","rest","handleClear","jsx","Button","currentCharCount","useMemo","Box","InputGroup","CInput","CharacterCounter","WrappedTextInput","React","props","ref"],"mappings":"uPAGaA,EAA0D,CACrE,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECkCMC,EAAYC,EAAA,gBAChB,CAAC,CACC,UAAAC,EAAY,OACZ,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,GAAGC,CAAA,IACoC,CACvC,MAAMC,EAAc,IAAY,CAC1BP,GACFA,EAAQK,GAAS,EAAE,CAEvB,EAEIX,GAAeW,GAAS,CAACV,IAEzBQ,EAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,yBACV,cAAY,iCACZ,KAAMnB,EAAmBc,CAAuB,EAChD,QAAQ,eACR,QAASG,EACT,SAAS,OAAA,CACX,GAIJ,MAAMG,EAAmBC,EAAA,QACvB,IAAMN,GAAO,YAAY,QAAU,EACnC,CAACA,CAAK,CACR,EAEA,gCACGO,MAAI,CAAA,UAAU,qBAAqB,SAAS,WAAW,EAAE,OACxD,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,UAAU,wBACV,cAAY,0BACZ,aAAcd,EACd,kBAAmB,CACjB,MAAO,UACP,eAAgB,CAAE,QAAS,EAAI,CACjC,EACA,WAAYI,EACZ,gBAAiB,CACf,MAAO,UACP,cAAe,IACf,eAAgB,CAAE,QAAS,EAAI,CACjC,EACA,WAAYL,EACZ,SAAUI,EAEV,SAAAM,EAAA,kBAAA,IAACM,EAAA,MAAA,CACC,cAAY,oBACZ,UAAU,YACV,IAAKlB,EACL,MAAAS,EACA,KAAAD,EACA,SAAAT,EACC,GAAIE,GAAW,CAAE,eAAgB,EAAK,EACvC,QAASI,EAAa,aAAe,UACpC,GAAGK,CAAA,CAAA,CACN,CACF,EACC,CAAC,CAACb,GACDe,EAAA,kBAAA,IAACO,EAAA,iBAAA,CACC,UAAW,GACX,MAAOtB,EACP,aAAciB,CAAA,CAAA,CAChB,EAEJ,CAAA,CAGN,EAEMM,EAAmBC,EAAM,WAC7B,CAACC,EAAuBC,IACtBX,wBAACjB,GAAU,SAAU4B,EAAM,GAAGD,CAAO,CAAA,CAEzC,EAEAF,EAAiB,YAAc"}

package/dist/chunks/textarea.component-B8U8KcND.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),o=require("react"),d=require("./withFormControl-Cy6Bwv0i.js"),l=require("./characterCounter.component-BXxyn_IB.js"),n=require("./chakra-DmF8Cxqs.js"),C=d.withFormControl(({charLimit:e=void 0,invalid:r,onContrast:i,resize:x="none",textareaRef:c,value:a,...u})=>{const p=i?"onContrast":"default",m=o.useMemo(()=>a?.toString()?.length||0,[a]);return t.jsxRuntimeExports.jsxs(n.Flex,{className:"Textarea__Wrapper",position:"relative",w:"100%",children:[t.jsxRuntimeExports.jsx(n.Textarea,{className:"Textarea","data-testid":"kibble-textarea",resize:x,variant:p,value:a,...r&&{"aria-invalid":!0},...u,ref:c}),!!e&&t.jsxRuntimeExports.jsx(l.CharacterCounter,{withLimit:!0,limit:e,currentCount:m})]})}),s=o.forwardRef((e,r)=>t.jsxRuntimeExports.jsx(C,{textareaRef:r,...e}));s.displayName="Textarea";exports.WrappedTextArea=s;
-//# sourceMappingURL=textarea.component-B8U8KcND.js.map

package/dist/chunks/textarea.component-B8U8KcND.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.component-B8U8KcND.js","sources":["../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport {\n  Textarea as CTextarea,\n  TextareaProps as CTextareaProps,\n} from \"@chakra-ui/react/textarea\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} 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  charLimit?: number;\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({\n    charLimit = undefined,\n    invalid,\n    onContrast,\n    resize = \"none\",\n    textareaRef,\n    value,\n    ...rest\n  }: TextareaProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Flex className=\"Textarea__Wrapper\" position=\"relative\" w=\"100%\">\n        <CTextarea\n          className=\"Textarea\"\n          data-testid=\"kibble-textarea\"\n          resize={resize}\n          variant={_computedVariant}\n          value={value}\n          {...(invalid && { \"aria-invalid\": true })}\n          {...rest}\n          ref={textareaRef}\n        />\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nconst WrappedTextArea = React.forwardRef(\n  (props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n    <Textarea textareaRef={ref} {...props} />\n  ),\n);\n\nWrappedTextArea.displayName = \"Textarea\";\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","charLimit","invalid","onContrast","resize","textareaRef","value","rest","_computedVariant","currentCharCount","useMemo","Flex","jsx","CTextarea","CharacterCounter","WrappedTextArea","React","props","ref"],"mappings":"2MAmBMA,EAAWC,EAAA,gBACf,CAAC,CACC,UAAAC,EAAY,OACZ,QAAAC,EACA,WAAAC,EACA,OAAAC,EAAS,OACT,YAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,IACmC,CAChC,MAAAC,EAAmBL,EAAa,aAAe,UAE/CM,EAAmBC,EAAA,QACvB,IAAMJ,GAAO,YAAY,QAAU,EACnC,CAACA,CAAK,CACR,EAEA,gCACGK,OAAK,CAAA,UAAU,oBAAoB,SAAS,WAAW,EAAE,OACxD,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,SAAA,CACC,UAAU,WACV,cAAY,kBACZ,OAAAT,EACA,QAASI,EACT,MAAAF,EACC,GAAIJ,GAAW,CAAE,eAAgB,EAAK,EACtC,GAAGK,EACJ,IAAKF,CAAA,CACP,EACC,CAAC,CAACJ,GACDW,EAAA,kBAAA,IAACE,EAAA,iBAAA,CACC,UAAW,GACX,MAAOb,EACP,aAAcQ,CAAA,CAAA,CAChB,EAEJ,CAAA,CAGN,EAEMM,EAAkBC,EAAM,WAC5B,CAACC,EAAsBC,IACrBN,wBAACb,GAAS,YAAamB,EAAM,GAAGD,CAAO,CAAA,CAE3C,EAEAF,EAAgB,YAAc"}

package/dist/chunks/textarea.component-CT8iVuNX.js

@@ -1,51 +0,0 @@
-import { x as r } from "./vendor-BBfll6i3.js";
-import p, { useMemo as c } from "react";
-import { w as d } from "./withFormControl-B269FujS.js";
-import { C as f } from "./characterCounter.component-DhiMcztY.js";
-import { F as l, T as u } from "./chakra-BqBkjpvZ.js";
-const C = d(
-  ({
-    charLimit: t = void 0,
-    invalid: e,
-    onContrast: o,
-    resize: s = "none",
-    textareaRef: i,
-    value: a,
-    ...n
-  }) => {
-    const m = o ? "onContrast" : "default", x = c(
-      () => a?.toString()?.length || 0,
-      [a]
-    );
-    return /* @__PURE__ */ r.jsxs(l, { className: "Textarea__Wrapper", position: "relative", w: "100%", children: [
-      /* @__PURE__ */ r.jsx(
-        u,
-        {
-          className: "Textarea",
-          "data-testid": "kibble-textarea",
-          resize: s,
-          variant: m,
-          value: a,
-          ...e && { "aria-invalid": !0 },
-          ...n,
-          ref: i
-        }
-      ),
-      !!t && /* @__PURE__ */ r.jsx(
-        f,
-        {
-          withLimit: !0,
-          limit: t,
-          currentCount: x
-        }
-      )
-    ] });
-  }
-), T = p.forwardRef(
-  (t, e) => /* @__PURE__ */ r.jsx(C, { textareaRef: e, ...t })
-);
-T.displayName = "Textarea";
-export {
-  T as W
-};
-//# sourceMappingURL=textarea.component-CT8iVuNX.js.map

package/dist/chunks/textarea.component-CT8iVuNX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.component-CT8iVuNX.js","sources":["../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport {\n  Textarea as CTextarea,\n  TextareaProps as CTextareaProps,\n} from \"@chakra-ui/react/textarea\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} 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  charLimit?: number;\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({\n    charLimit = undefined,\n    invalid,\n    onContrast,\n    resize = \"none\",\n    textareaRef,\n    value,\n    ...rest\n  }: TextareaProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Flex className=\"Textarea__Wrapper\" position=\"relative\" w=\"100%\">\n        <CTextarea\n          className=\"Textarea\"\n          data-testid=\"kibble-textarea\"\n          resize={resize}\n          variant={_computedVariant}\n          value={value}\n          {...(invalid && { \"aria-invalid\": true })}\n          {...rest}\n          ref={textareaRef}\n        />\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nconst WrappedTextArea = React.forwardRef(\n  (props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n    <Textarea textareaRef={ref} {...props} />\n  ),\n);\n\nWrappedTextArea.displayName = \"Textarea\";\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","charLimit","invalid","onContrast","resize","textareaRef","value","rest","_computedVariant","currentCharCount","useMemo","Flex","jsx","CTextarea","CharacterCounter","WrappedTextArea","React","props","ref"],"mappings":";;;;;AAmBA,MAAMA,IAAWC;AAAA,EACf,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACmC;AAChC,UAAAC,IAAmBL,IAAa,eAAe,WAE/CM,IAAmBC;AAAA,MACvB,MAAMJ,GAAO,YAAY,UAAU;AAAA,MACnC,CAACA,CAAK;AAAA,IACR;AAEA,kCACGK,GAAK,EAAA,WAAU,qBAAoB,UAAS,YAAW,GAAE,QACxD,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,QAAAT;AAAA,UACA,SAASI;AAAA,UACT,OAAAF;AAAA,UACC,GAAIJ,KAAW,EAAE,gBAAgB,GAAK;AAAA,UACtC,GAAGK;AAAA,UACJ,KAAKF;AAAA,QAAA;AAAA,MACP;AAAA,MACC,CAAC,CAACJ,KACDW,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAOb;AAAA,UACP,cAAcQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,EAAA;AAGN,GAEMM,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAsBC,MACrBN,gBAAAA,MAACb,KAAS,aAAamB,GAAM,GAAGD,EAAO,CAAA;AAE3C;AAEAF,EAAgB,cAAc;"}

package/dist/chunks/timePicker.component-Dw_FjiQX.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./vendor-D-x6W6ez.js"),t=require("react"),$=require("./textInput.component-GSpfSqUc.js"),L=require("./popover.component-DdC0CY7-.js"),W=require("./icon.component-DtX9HDyk.js"),Y=require("./useIconTextSizeMap-BXmABb54.js"),F=require("./date-Du64Exix.js"),i=require("./chakra-DmF8Cxqs.js"),G=i.defineRecipe({base:{borderRadius:"4px",cursor:"pointer",fontSize:"sm",px:3,py:1,textAlign:"center"},variants:{selected:{true:{background:"background.secondary",color:"text.contrast",_hover:{background:"background.secondary.hover"}},false:{background:"background",color:"text.subtle",_hover:{background:"background.secondaryAlpha.hover"}}}},defaultVariants:{selected:!1}}),J=({value:s,innerRef:l,onClick:u,selected:p})=>{const M=i.useRecipe({recipe:G})({selected:p}),m=t.useCallback(r=>{const d=r.currentTarget.textContent||"";u(d)},[u]);return n.jsxRuntimeExports.jsx(i.Box,{className:"TimePicker__Option","data-testid":"kibble-timepicker-option",ref:l,onClick:m,css:M,children:s})},A=i.defineSlotRecipe({slots:["trigger","container","list"],base:{trigger:{width:"100%"},container:{display:"flex",gap:1.5,height:"186px",overflow:"hidden"},list:{display:"flex",flexDirection:"column",gap:1,overflowY:"auto","&::webkit-scrollbar":{display:"none"}}}}),C=({options:s,optionType:l,selectedValue:u,onClick:p,open:k=!1})=>{const m=i.useSlotRecipe({recipe:A})(),r=t.useRef(null),d=t.useRef(null);return t.useEffect(()=>{k&&d.current&&r.current&&(d.current.scrollTop=r.current?.offsetTop-d.current?.offsetTop)},[k]),n.jsxRuntimeExports.jsx(i.Box,{className:"TimePicker__List","data-testid":`kibble-timepicker-${l}-list`,css:m.list,children:s.map(c=>n.jsxRuntimeExports.jsx(J,{innerRef:c===u?r:null,value:c,selected:c===u,onClick:p,"data-testid":c},`${l}-option-${c}`))})};var a=(s=>(s.AM="AM",s.PM="PM",s))(a||{});const K=({initialTime:s,inputProps:l,minuteInterval:u=5,onTimeChange:p,placement:k="bottom"})=>{const m=i.useSlotRecipe({recipe:A})(),[r,d]=t.useState(!1),[c,E]=t.useState(s),[b,R]=t.useState(),[x,j]=t.useState(),[g,S]=t.useState(),O=t.useMemo(()=>c?F.format(c,"h:mm aa"):"",[c]),y=e=>{const o=e.toString();return o.length===1?`0${o}`:o},N=t.useMemo(()=>[12,1,2,3,4,5,6,7,8,9,10,11].map(e=>e.toString()),[]),q=t.useMemo(()=>{const e=[];for(let o=0;o<60;o+=u)e.push(o);return e.map(y)},[u]),w=[a.AM,a.PM],f=t.useCallback((e,o,h)=>{const T=e||"12",V=o||"00",P=h||"AM";let _=0;e||R("12"),o||j("00"),h||S("AM"),P===a.PM&&Number(T)<12&&(_=12),P===a.AM&&Number(T)===12&&(_=-12);const B=Number(T)+_,D=new Date().setHours(B,Number(V),0,0),v=new Date(D);E(v),p&&p(v)},[p]),H=t.useCallback(e=>{R(e),f(e,x,g)},[f,g,x]),z=t.useCallback(e=>{j(e),f(b,e,g)},[f,b,g]),I=t.useCallback(e=>{S(e),f(b,x,e)},[f,b,x]);return t.useEffect(()=>{if(s){const e=new Date(s),h=e.getHours()%12||12;E(s),R(h.toString()),j(e.getMinutes().toString()),S(e.getHours()>11?a.PM:a.AM)}},[s]),n.jsxRuntimeExports.jsx(L.Popover,{open:r,onOpenChange:({open:e})=>d(e),anchor:n.jsxRuntimeExports.jsx(i.Box,{className:"TimePicker__Trigger","data-testid":"kibble-timepicker-trigger",css:m.trigger,children:n.jsxRuntimeExports.jsx($.WrappedTextInput,{placeholder:"12:00 AM",rightElement:n.jsxRuntimeExports.jsx(W.Icon,{size:Y.useIconTextSizeMap(l?.size||"md"),name:"clock"}),value:O,readOnly:!0,cursor:"pointer",...l,...r&&{"data-focus":"true"}})}),contentProps:{w:"max-content"},variant:"default",placement:k,children:n.jsxRuntimeExports.jsxs(i.Box,{className:"TimePicker__Container","data-testid":"kibble-timepicker-container",css:m.container,children:[n.jsxRuntimeExports.jsx(C,{options:N,optionType:"hour",selectedValue:b,onClick:H,open:r}),n.jsxRuntimeExports.jsx(C,{options:q,optionType:"minute",selectedValue:x?y(x):void 0,onClick:z,open:r}),n.jsxRuntimeExports.jsx(C,{options:w,optionType:"meridiem",selectedValue:g,onClick:I,open:r})]})})};exports.Meridiem=a;exports.TimePicker=K;
-//# sourceMappingURL=timePicker.component-Dw_FjiQX.js.map

package/dist/chunks/timeRange.component-B3OvVyo_.js

@@ -1,17 +0,0 @@
-import { x as e } from "./vendor-BBfll6i3.js";
-import { T as s } from "./timePicker.component--ABdI3GF.js";
-import { F as t, B as x } from "./chakra-BqBkjpvZ.js";
-const c = ({
-  endTimePickerProps: r,
-  separator: i,
-  startTimePickerProps: a,
-  ...m
-}) => /* @__PURE__ */ e.jsxs(t, { className: "TimeRange", "data-testid": "kibble-time-range", ...m, children: [
-  /* @__PURE__ */ e.jsx(s, { ...a }),
-  /* @__PURE__ */ e.jsx(x, { alignSelf: "center", mx: 1, children: i || "-" }),
-  /* @__PURE__ */ e.jsx(s, { ...r })
-] });
-export {
-  c as T
-};
-//# sourceMappingURL=timeRange.component-B3OvVyo_.js.map

package/dist/chunks/timeRange.component-RLisXhuw.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),i=require("./timePicker.component-Dw_FjiQX.js"),r=require("./chakra-DmF8Cxqs.js"),c=({endTimePickerProps:s,separator:t,startTimePickerProps:n,...x})=>e.jsxRuntimeExports.jsxs(r.Flex,{className:"TimeRange","data-testid":"kibble-time-range",...x,children:[e.jsxRuntimeExports.jsx(i.TimePicker,{...n}),e.jsxRuntimeExports.jsx(r.Box,{alignSelf:"center",mx:1,children:t||"-"}),e.jsxRuntimeExports.jsx(i.TimePicker,{...s})]});exports.TimeRange=c;
-//# sourceMappingURL=timeRange.component-RLisXhuw.js.map

package/dist/chunks/timestamp.component-CuqY4euh.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./vendor-D-x6W6ez.js"),a=require("react"),p=require("./text.component-CBa_saMP.js"),u=require("./tooltip.component-qWFa28S5.js"),o=require("./date-Du64Exix.js"),x=({date:e,timeFormat:t="h:mma",dateFormat:s="M/d/yy",shouldTodayDisplayTimeOnly:r=!0,tooltipLabel:i,textProps:c})=>{const m=a.useMemo(()=>o.format(e,o.isToday(e)&&r?t:s),[e,s,r,t]);return n.jsxRuntimeExports.jsx(u.Tooltip,{disabled:!i,label:i||"",children:n.jsxRuntimeExports.jsx(p.WrappedText,{className:"Timestamp","data-testid":"kibble-timestamp",variant:"subtle",size:"xs",textTransform:"lowercase",...c,children:m})})};exports.Timestamp=x;
-//# sourceMappingURL=timestamp.component-CuqY4euh.js.map

package/dist/chunks/timestamp.component-CuqY4euh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timestamp.component-CuqY4euh.js","sources":["../../src/patterns/Timestamp/timestamp.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\nimport format from \"date-fns/format\";\nimport isToday from \"date-fns/isToday\";\n\nexport interface TimestampProps {\n  date: Date;\n  timeFormat?: string;\n  dateFormat?: string;\n  shouldTodayDisplayTimeOnly?: boolean;\n  tooltipLabel?: string;\n  textProps?: Omit<TextProps, \"children\">;\n}\n\nexport const Timestamp = ({\n  date,\n  timeFormat = \"h:mma\",\n  dateFormat = \"M/d/yy\",\n  shouldTodayDisplayTimeOnly = true,\n  tooltipLabel,\n  textProps,\n}: TimestampProps): React.JSX.Element => {\n  const stamp = useMemo(\n    () =>\n      format(\n        date,\n        isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat,\n      ),\n    [date, dateFormat, shouldTodayDisplayTimeOnly, timeFormat],\n  );\n\n  return (\n    <Tooltip disabled={!tooltipLabel} label={tooltipLabel || \"\"}>\n      <Text\n        className=\"Timestamp\"\n        data-testid=\"kibble-timestamp\"\n        variant=\"subtle\"\n        size=\"xs\"\n        textTransform=\"lowercase\"\n        {...textProps}\n      >\n        {stamp}\n      </Text>\n    </Tooltip>\n  );\n};\n"],"names":["Timestamp","date","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","useMemo","format","isToday","Tooltip","jsx","Text"],"mappings":"+LAeaA,EAAY,CAAC,CAAA,KACxBC,EACA,WAAAC,EAAa,QACb,WAAAC,EAAa,SACb,2BAAAC,EAA6B,GAC7B,aAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,MAAMC,EAAQC,EAAA,QACZ,IACEC,EAAA,OACER,EACAS,EAAAA,QAAQT,CAAI,GAAKG,EAA6BF,EAAaC,CAC7D,EACF,CAACF,EAAME,EAAYC,EAA4BF,CAAU,CAC3D,EAEA,+BACGS,UAAQ,CAAA,SAAU,CAACN,EAAc,MAAOA,GAAgB,GACvD,SAAAO,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,UAAU,YACV,cAAY,mBACZ,QAAQ,SACR,KAAK,KACL,cAAc,YACb,GAAGP,EAEH,SAAAC,CAAA,CAAA,EAEL,CAEJ"}

package/dist/chunks/timestamp.component-D764INLm.js

@@ -1,37 +0,0 @@
-import { x as a } from "./vendor-BBfll6i3.js";
-import { useMemo as p } from "react";
-import { W as x } from "./text.component-XYjOAc2s.js";
-import { T as f } from "./tooltip.component-C3v2m2T2.js";
-import { f as n, i as c } from "./date-1NFv48Qu.js";
-const j = ({
-  date: s,
-  timeFormat: r = "h:mma",
-  dateFormat: m = "M/d/yy",
-  shouldTodayDisplayTimeOnly: t = !0,
-  tooltipLabel: e,
-  textProps: i
-}) => {
-  const o = p(
-    () => n(
-      s,
-      c(s) && t ? r : m
-    ),
-    [s, m, t, r]
-  );
-  return /* @__PURE__ */ a.jsx(f, { disabled: !e, label: e || "", children: /* @__PURE__ */ a.jsx(
-    x,
-    {
-      className: "Timestamp",
-      "data-testid": "kibble-timestamp",
-      variant: "subtle",
-      size: "xs",
-      textTransform: "lowercase",
-      ...i,
-      children: o
-    }
-  ) });
-};
-export {
-  j as T
-};
-//# sourceMappingURL=timestamp.component-D764INLm.js.map

package/dist/chunks/timestamp.component-D764INLm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timestamp.component-D764INLm.js","sources":["../../src/patterns/Timestamp/timestamp.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\nimport format from \"date-fns/format\";\nimport isToday from \"date-fns/isToday\";\n\nexport interface TimestampProps {\n  date: Date;\n  timeFormat?: string;\n  dateFormat?: string;\n  shouldTodayDisplayTimeOnly?: boolean;\n  tooltipLabel?: string;\n  textProps?: Omit<TextProps, \"children\">;\n}\n\nexport const Timestamp = ({\n  date,\n  timeFormat = \"h:mma\",\n  dateFormat = \"M/d/yy\",\n  shouldTodayDisplayTimeOnly = true,\n  tooltipLabel,\n  textProps,\n}: TimestampProps): React.JSX.Element => {\n  const stamp = useMemo(\n    () =>\n      format(\n        date,\n        isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat,\n      ),\n    [date, dateFormat, shouldTodayDisplayTimeOnly, timeFormat],\n  );\n\n  return (\n    <Tooltip disabled={!tooltipLabel} label={tooltipLabel || \"\"}>\n      <Text\n        className=\"Timestamp\"\n        data-testid=\"kibble-timestamp\"\n        variant=\"subtle\"\n        size=\"xs\"\n        textTransform=\"lowercase\"\n        {...textProps}\n      >\n        {stamp}\n      </Text>\n    </Tooltip>\n  );\n};\n"],"names":["Timestamp","date","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","useMemo","format","isToday","Tooltip","jsx","Text"],"mappings":";;;;;AAeO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,4BAAAC,IAA6B;AAAA,EAC7B,cAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAMC,IAAQC;AAAA,IACZ,MACEC;AAAA,MACER;AAAA,MACAS,EAAQT,CAAI,KAAKG,IAA6BF,IAAaC;AAAA,IAC7D;AAAA,IACF,CAACF,GAAME,GAAYC,GAA4BF,CAAU;AAAA,EAC3D;AAEA,+BACGS,GAAQ,EAAA,UAAU,CAACN,GAAc,OAAOA,KAAgB,IACvD,UAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAc;AAAA,MACb,GAAGP;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/chunks/tooltip.component-C3v2m2T2.js

@@ -1,70 +0,0 @@
-import { x as o, bP as c } from "./vendor-BBfll6i3.js";
-import { forwardRef as m } from "react";
-import { l as x, m as T, n as b, o as g, p as f, q as j } from "./chakra-BqBkjpvZ.js";
-const h = m(
-  (e, s) => {
-    const {
-      children: t,
-      disabled: l = !1,
-      openDelay: r = 350,
-      placement: a = "top",
-      positioning: i,
-      portalled: p = !0,
-      label: n,
-      ...d
-    } = e;
-    return t ? l ? t : /* @__PURE__ */ o.jsxs(
-      x,
-      {
-        positioning: {
-          ...i,
-          placement: i?.placement || a
-        },
-        openDelay: r,
-        ...d,
-        children: [
-          /* @__PURE__ */ o.jsx(
-            T,
-            {
-              className: "Tooltip__Trigger",
-              "data-testid": "kibble-tooltip-trigger",
-              display: "inline-block",
-              asChild: !0,
-              children: t
-            }
-          ),
-          /* @__PURE__ */ o.jsx(c, { disabled: !p, children: /* @__PURE__ */ o.jsx(b, { className: "Tooltip", "data-testid": "kibble-tooltip", children: /* @__PURE__ */ o.jsxs(
-            g,
-            {
-              className: "Tooltip__Content",
-              "data-testid": "kibble-tooltip-content",
-              ref: s,
-              fontSize: "sm",
-              p: 2,
-              color: "text.contrast",
-              css: { "--tooltip-bg": "colors.background.overlay.contrast" },
-              zIndex: "tooltipExtra",
-              children: [
-                /* @__PURE__ */ o.jsx(
-                  f,
-                  {
-                    className: "Tooltip__Arrow",
-                    "data-testid": "kibble-tooltip-arrow",
-                    css: { "--arrow-size": "10px" },
-                    children: /* @__PURE__ */ o.jsx(j, {})
-                  }
-                ),
-                n
-              ]
-            }
-          ) }) })
-        ]
-      }
-    ) : /* @__PURE__ */ o.jsx(o.Fragment, {});
-  }
-);
-h.displayName = "Tooltip";
-export {
-  h as T
-};
-//# sourceMappingURL=tooltip.component-C3v2m2T2.js.map

package/dist/chunks/tooltip.component-C3v2m2T2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.component-C3v2m2T2.js","sources":["../../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Tooltip as CTooltip } from \"@chakra-ui/react/tooltip\";\nimport { Placement } from \"shared/types/placement\";\n\nexport interface TooltipProps extends CTooltip.RootProps {\n  label: string;\n  placement?: Placement;\n  portalled?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      children,\n      disabled = false,\n      openDelay = 350,\n      placement = \"top\",\n      positioning,\n      portalled = true,\n      label,\n      ...rest\n    } = props;\n\n    if (!children) return <></>;\n    if (disabled) return children;\n\n    return (\n      <CTooltip.Root\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        openDelay={openDelay}\n        {...rest}\n      >\n        <CTooltip.Trigger\n          className=\"Tooltip__Trigger\"\n          data-testid=\"kibble-tooltip-trigger\"\n          display=\"inline-block\"\n          asChild\n        >\n          {children}\n        </CTooltip.Trigger>\n        <Portal disabled={!portalled}>\n          <CTooltip.Positioner className=\"Tooltip\" data-testid=\"kibble-tooltip\">\n            <CTooltip.Content\n              className=\"Tooltip__Content\"\n              data-testid=\"kibble-tooltip-content\"\n              ref={ref}\n              fontSize=\"sm\"\n              p={2}\n              color=\"text.contrast\"\n              css={{ \"--tooltip-bg\": \"colors.background.overlay.contrast\" }}\n              zIndex=\"tooltipExtra\"\n            >\n              <CTooltip.Arrow\n                className=\"Tooltip__Arrow\"\n                data-testid=\"kibble-tooltip-arrow\"\n                css={{ \"--arrow-size\": \"10px\" }}\n              >\n                <CTooltip.ArrowTip />\n              </CTooltip.Arrow>\n              {label}\n            </CTooltip.Content>\n          </CTooltip.Positioner>\n        </Portal>\n      </CTooltip.Root>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"names":["Tooltip","forwardRef","props","ref","children","disabled","openDelay","placement","positioning","portalled","label","rest","jsxs","CTooltip.Root","jsx","CTooltip.Trigger","Portal","CTooltip.Positioner","CTooltip.Content","CTooltip.Arrow","CTooltip.ArrowTip","Fragment"],"mappings":";;;AAWO,MAAMA,IAAUC;AAAA,EACrB,CAACC,GAAOC,MAAyB;AACzB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,MACX,WAAAC,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,aAAAC;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,OAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDT;AAEA,WAACE,IACDC,IAAiBD,IAGnBQ,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,GAAGL;AAAA,UACH,WAAWA,GAAa,aAAaD;AAAA,QACvC;AAAA,QACA,WAAAD;AAAA,QACC,GAAGK;AAAA,QAEJ,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,SAAO;AAAA,cAEN,UAAAX;AAAA,YAAA;AAAA,UACH;AAAA,UACCU,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,UAAU,CAACP,GACjB,UAAAK,gBAAAA,EAAAA,IAACG,GAAA,EAAoB,WAAU,WAAU,eAAY,kBACnD,UAAAL,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,KAAAf;AAAA,cACA,UAAS;AAAA,cACT,GAAG;AAAA,cACH,OAAM;AAAA,cACN,KAAK,EAAE,gBAAgB,qCAAqC;AAAA,cAC5D,QAAO;AAAA,cAEP,UAAA;AAAA,gBAAAW,gBAAAA,EAAA;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBACZ,KAAK,EAAE,gBAAgB,OAAO;AAAA,oBAE9B,UAAAL,gBAAAA,EAAAA,IAACM,GAAA,CAAkB,CAAA;AAAA,kBAAA;AAAA,gBACrB;AAAA,gBACCV;AAAA,cAAA;AAAA,YAAA;AAAA,aAEL,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,IA3CsBI,gBAAAA,MAAAO,EAAAA,UAAA,CAAA,CAAA;AAAA,EA2CtB;AAGN;AAEArB,EAAQ,cAAc;"}

package/dist/chunks/tooltip.component-qWFa28S5.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),m=require("react"),o=require("./chakra-DmF8Cxqs.js"),s=m.forwardRef((r,l)=>{const{children:e,disabled:n=!1,openDelay:a=350,placement:p="top",positioning:i,portalled:c=!0,label:x,...d}=r;return e?n?e:t.jsxRuntimeExports.jsxs(o.TooltipRoot,{positioning:{...i,placement:i?.placement||p},openDelay:a,...d,children:[t.jsxRuntimeExports.jsx(o.TooltipTrigger,{className:"Tooltip__Trigger","data-testid":"kibble-tooltip-trigger",display:"inline-block",asChild:!0,children:e}),t.jsxRuntimeExports.jsx(t.Portal,{disabled:!c,children:t.jsxRuntimeExports.jsx(o.TooltipPositioner,{className:"Tooltip","data-testid":"kibble-tooltip",children:t.jsxRuntimeExports.jsxs(o.TooltipContent,{className:"Tooltip__Content","data-testid":"kibble-tooltip-content",ref:l,fontSize:"sm",p:2,color:"text.contrast",css:{"--tooltip-bg":"colors.background.overlay.contrast"},zIndex:"tooltipExtra",children:[t.jsxRuntimeExports.jsx(o.TooltipArrow,{className:"Tooltip__Arrow","data-testid":"kibble-tooltip-arrow",css:{"--arrow-size":"10px"},children:t.jsxRuntimeExports.jsx(o.TooltipArrowTip,{})}),x]})})})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})});s.displayName="Tooltip";exports.Tooltip=s;
-//# sourceMappingURL=tooltip.component-qWFa28S5.js.map

package/dist/chunks/tooltip.component-qWFa28S5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.component-qWFa28S5.js","sources":["../../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Tooltip as CTooltip } from \"@chakra-ui/react/tooltip\";\nimport { Placement } from \"shared/types/placement\";\n\nexport interface TooltipProps extends CTooltip.RootProps {\n  label: string;\n  placement?: Placement;\n  portalled?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      children,\n      disabled = false,\n      openDelay = 350,\n      placement = \"top\",\n      positioning,\n      portalled = true,\n      label,\n      ...rest\n    } = props;\n\n    if (!children) return <></>;\n    if (disabled) return children;\n\n    return (\n      <CTooltip.Root\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        openDelay={openDelay}\n        {...rest}\n      >\n        <CTooltip.Trigger\n          className=\"Tooltip__Trigger\"\n          data-testid=\"kibble-tooltip-trigger\"\n          display=\"inline-block\"\n          asChild\n        >\n          {children}\n        </CTooltip.Trigger>\n        <Portal disabled={!portalled}>\n          <CTooltip.Positioner className=\"Tooltip\" data-testid=\"kibble-tooltip\">\n            <CTooltip.Content\n              className=\"Tooltip__Content\"\n              data-testid=\"kibble-tooltip-content\"\n              ref={ref}\n              fontSize=\"sm\"\n              p={2}\n              color=\"text.contrast\"\n              css={{ \"--tooltip-bg\": \"colors.background.overlay.contrast\" }}\n              zIndex=\"tooltipExtra\"\n            >\n              <CTooltip.Arrow\n                className=\"Tooltip__Arrow\"\n                data-testid=\"kibble-tooltip-arrow\"\n                css={{ \"--arrow-size\": \"10px\" }}\n              >\n                <CTooltip.ArrowTip />\n              </CTooltip.Arrow>\n              {label}\n            </CTooltip.Content>\n          </CTooltip.Positioner>\n        </Portal>\n      </CTooltip.Root>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"names":["Tooltip","forwardRef","props","ref","children","disabled","openDelay","placement","positioning","portalled","label","rest","jsxs","CTooltip.Root","jsx","CTooltip.Trigger","Portal","CTooltip.Positioner","CTooltip.Content","CTooltip.Arrow","CTooltip.ArrowTip","Fragment"],"mappings":"0GAWaA,EAAUC,EAAA,WACrB,CAACC,EAAOC,IAAyB,CACzB,KAAA,CACJ,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,IACZ,UAAAC,EAAY,MACZ,YAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CAAA,EACDT,EAEA,OAACE,EACDC,EAAiBD,EAGnBQ,EAAA,kBAAA,KAACC,EAAS,YAAT,CACC,YAAa,CACX,GAAGL,EACH,UAAWA,GAAa,WAAaD,CACvC,EACA,UAAAD,EACC,GAAGK,EAEJ,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAS,eAAT,CACC,UAAU,mBACV,cAAY,yBACZ,QAAQ,eACR,QAAO,GAEN,SAAAX,CAAA,CACH,EACCU,EAAAA,kBAAAA,IAAAE,EAAAA,OAAA,CAAO,SAAU,CAACP,EACjB,SAAAK,EAAAA,kBAAAA,IAACG,EAAAA,kBAAA,CAAoB,UAAU,UAAU,cAAY,iBACnD,SAAAL,EAAA,kBAAA,KAACM,EAAS,eAAT,CACC,UAAU,mBACV,cAAY,yBACZ,IAAAf,EACA,SAAS,KACT,EAAG,EACH,MAAM,gBACN,IAAK,CAAE,eAAgB,oCAAqC,EAC5D,OAAO,eAEP,SAAA,CAAAW,EAAA,kBAAA,IAACK,EAAS,aAAT,CACC,UAAU,iBACV,cAAY,uBACZ,IAAK,CAAE,eAAgB,MAAO,EAE9B,SAAAL,EAAAA,kBAAAA,IAACM,EAAAA,gBAAA,CAAkB,CAAA,CAAA,CACrB,EACCV,CAAA,CAAA,GAEL,CACF,CAAA,CAAA,CAAA,CACF,EA3CsBI,wBAAAO,EAAAA,kBAAAA,SAAA,CAAA,CAAA,CA2CtB,CAGN,EAEArB,EAAQ,YAAc"}