@televet/kibble-ui 2.1.29-inform.3 → 2.1.29

package/build/{tag.types-0977a2f8.js → tag.types-f979ec63.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-e3ed2ec9.js"),a=require("./chakra-ui-system.esm-434904f8.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var g=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(g.displayName="TagLabel");var d=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(d.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var p=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(p.displayName="TagCloseIcon");var b=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(p,null))};a.__DEV__&&(b.displayName="TagCloseButton");const v={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="bold",size:u="md",variant:d,color:m,bg:p}=t,_=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:v[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:v[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,_,{size:u,variant:d,bg:p,color:m}),r,s.default.createElement(g,Object.assign({},y,{fontWeight:c}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${d}`}),s.default.createElement(b,{onClick:o})))},exports.closeButtonDisplays=["always","never","hover"],exports.tagSizes=["sm","md","lg"];
-//# sourceMappingURL=tag.types-0977a2f8.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-9c49b31b.js"),a=require("./chakra-ui-system.esm-c70df670.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var g=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(g.displayName="TagLabel");var d=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(d.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var p=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(p.displayName="TagCloseIcon");var b=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(p,null))};a.__DEV__&&(b.displayName="TagCloseButton");const v={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="bold",size:u="md",variant:d,color:m,bg:p}=t,_=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:v[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:v[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,_,{size:u,variant:d,bg:p,color:m}),r,s.default.createElement(g,Object.assign({},y,{fontWeight:c}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${d}`}),s.default.createElement(b,{onClick:o})))},exports.closeButtonDisplays=["always","never","hover"],exports.tagSizes=["sm","md","lg"];
+//# sourceMappingURL=tag.types-f979ec63.js.map

package/build/{tag.types-0977a2f8.js.map → tag.types-f979ec63.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tag.types-0977a2f8.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx","../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Tag\", props);\n  var ownProps = omitThemingProps(props);\n\n  var containerStyles = _extends({\n    display: \"inline-flex\",\n    verticalAlign: \"top\",\n    alignItems: \"center\",\n    maxWidth: \"100%\"\n  }, styles.container);\n\n  return /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, ownProps, {\n    __css: containerStyles\n  })));\n});\n\nif (__DEV__) {\n  Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref,\n    isTruncated: true\n  }, props, {\n    __css: styles.label\n  }));\n});\n\nif (__DEV__) {\n  TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginEnd: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginStart: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    verticalAlign: \"inherit\",\n    viewBox: \"0 0 512 512\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n  }));\n};\n\nif (__DEV__) {\n  TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n  var isDisabled = props.isDisabled,\n      children = props.children,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  var styles = useStyles();\n\n  var btnStyles = _extends({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    outline: \"0\"\n  }, styles.closeButton);\n\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({\n    \"aria-label\": \"close\"\n  }, rest, {\n    type: \"button\",\n    disabled: isDisabled,\n    __css: btnStyles\n  }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n  TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  fontWeight?: FontWeight;\n  variant?: Status;\n  color?: SemanticTypographyToken | string;\n  bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n  leftElement,\n  rightElement,\n  label,\n  closeButtonDisplay = 'never',\n  onClose,\n  fontWeight = 'bold',\n  size = 'md',\n  variant,\n  color,\n  bg,\n  ...rest\n}: TagProps): JSX.Element => {\n  const labelStyle = {\n    ...(!!leftElement && { ml: 1 }),\n    ...(!!rightElement && { mr: 1 }),\n  };\n\n  const tagStyle = {\n    ...(!!onClose && {\n      ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n      ...(closeButtonDisplay === 'hover' && {\n        role: 'group',\n        pos: 'relative' as const,\n      }),\n    }),\n  };\n\n  const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n  const closeButtonStyle = {\n    ...(closeButtonDisplay === 'hover' && {\n      display: 'none',\n      px: paddingRightBySize[size],\n      _groupHover: { display: 'flex' },\n      pos: 'absolute' as const,\n      right: 0,\n      bgColor: 'inherit',\n      color: 'inherit',\n      opacity: 0.899999,\n      borderRadius: 'md',\n    }),\n  };\n\n  return (\n    <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n      {leftElement}\n      <TagLabel {...labelStyle} fontWeight={fontWeight}>\n        {label}\n      </TagLabel>\n      {rightElement}\n      {showCloseButton && (\n        <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n          <TagCloseButton onClick={onClose} />\n        </Box>\n      )}\n    </CTag>\n  );\n};\n","import { Status } from 'shared/types';\n\nexport const tagSizes = ['sm', 'md', 'lg'] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = ['always', 'never', 'hover'] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}
+{"version":3,"file":"tag.types-f979ec63.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx","../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Tag\", props);\n  var ownProps = omitThemingProps(props);\n\n  var containerStyles = _extends({\n    display: \"inline-flex\",\n    verticalAlign: \"top\",\n    alignItems: \"center\",\n    maxWidth: \"100%\"\n  }, styles.container);\n\n  return /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, ownProps, {\n    __css: containerStyles\n  })));\n});\n\nif (__DEV__) {\n  Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref,\n    isTruncated: true\n  }, props, {\n    __css: styles.label\n  }));\n});\n\nif (__DEV__) {\n  TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginEnd: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginStart: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    verticalAlign: \"inherit\",\n    viewBox: \"0 0 512 512\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n  }));\n};\n\nif (__DEV__) {\n  TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n  var isDisabled = props.isDisabled,\n      children = props.children,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  var styles = useStyles();\n\n  var btnStyles = _extends({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    outline: \"0\"\n  }, styles.closeButton);\n\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({\n    \"aria-label\": \"close\"\n  }, rest, {\n    type: \"button\",\n    disabled: isDisabled,\n    __css: btnStyles\n  }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n  TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  fontWeight?: FontWeight;\n  variant?: Status;\n  color?: SemanticTypographyToken | string;\n  bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n  leftElement,\n  rightElement,\n  label,\n  closeButtonDisplay = 'never',\n  onClose,\n  fontWeight = 'bold',\n  size = 'md',\n  variant,\n  color,\n  bg,\n  ...rest\n}: TagProps): JSX.Element => {\n  const labelStyle = {\n    ...(!!leftElement && { ml: 1 }),\n    ...(!!rightElement && { mr: 1 }),\n  };\n\n  const tagStyle = {\n    ...(!!onClose && {\n      ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n      ...(closeButtonDisplay === 'hover' && {\n        role: 'group',\n        pos: 'relative' as const,\n      }),\n    }),\n  };\n\n  const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n  const closeButtonStyle = {\n    ...(closeButtonDisplay === 'hover' && {\n      display: 'none',\n      px: paddingRightBySize[size],\n      _groupHover: { display: 'flex' },\n      pos: 'absolute' as const,\n      right: 0,\n      bgColor: 'inherit',\n      color: 'inherit',\n      opacity: 0.899999,\n      borderRadius: 'md',\n    }),\n  };\n\n  return (\n    <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n      {leftElement}\n      <TagLabel {...labelStyle} fontWeight={fontWeight}>\n        {label}\n      </TagLabel>\n      {rightElement}\n      {showCloseButton && (\n        <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n          <TagCloseButton onClick={onClose} />\n        </Box>\n      )}\n    </CTag>\n  );\n};\n","import { Status } from 'shared/types';\n\nexport const tagSizes = ['sm', 'md', 'lg'] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = ['always', 'never', 'hover'] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}

package/build/{text.component-c65875e0.js → text.component-057889c3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./withTruncation-ea5d3dc4.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);const n=r=>{var{children:t,size:i="md",variant:n="default",color:c,as:u="span"}=r,o=e.__rest(r,["children","size","variant","color","as"]);return s.default.createElement(a.Text,Object.assign({variant:n,size:i,letterSpacing:".01em"},c&&{color:c},{as:u},o),t)};n.displayName="Text";const c=t.withTruncation(n);exports.WrappedText=c;
-//# sourceMappingURL=text.component-c65875e0.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./withTruncation-60a6b552.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);const n=r=>{var{children:t,size:i="md",variant:n="default",color:c,as:u="span"}=r,o=e.__rest(r,["children","size","variant","color","as"]);return s.default.createElement(a.Text,Object.assign({variant:n,size:i,letterSpacing:".01em"},c&&{color:c},{as:u},o),t)};n.displayName="Text";const c=t.withTruncation(n);exports.WrappedText=c;
+//# sourceMappingURL=text.component-057889c3.js.map

package/build/{text.component-c65875e0.js.map → text.component-057889c3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text.component-c65875e0.js","sources":["../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react';\nimport { SemanticTypographyToken } from 'theme/tokens';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { TextSize } from './text.types';\nimport { withTruncation, WithTruncationProps } from 'shared/hocs/withTruncation';\n\nexport interface KTextProps extends WithTruncationProps {\n  color?: SemanticTypographyToken | string;\n  size?: TextSize;\n  variant?: TypographyVariant;\n  children?: string | ReactNode;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, size = 'md', variant = 'default', color, as = 'span', ...rest }: TextProps): JSX.Element => {\n  return (\n    <CText variant={variant} size={size} letterSpacing=\".01em\" {...(color && { color })} as={as} {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = 'Text';\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","_a","children","size","variant","color","as","rest","__rest","React","createElement","CText","Object","assign","letterSpacing","displayName","WrappedText","withTruncation"],"mappings":"sPAgBA,MAAMA,EAAQC,QAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,QAAEA,EAAU,UAASC,MAAEA,EAAKC,GAAEA,EAAK,QAAML,EAAKM,EAAIC,EAAAA,OAAAP,EAAzE,4CACZ,OACEQ,EAAA,QAAAC,cAACC,EAAAA,KAAKC,OAAAC,OAAA,CAACT,QAASA,EAASD,KAAMA,EAAMW,cAAc,SAAaT,GAAS,CAAEA,MAAAA,GAAU,CAAAC,GAAIA,GAAQC,GAC9FL,IAKPF,EAAKe,YAAc,OAEnB,MAAMC,EAAcC,EAAcA,eAACjB"}
+{"version":3,"file":"text.component-057889c3.js","sources":["../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react';\nimport { SemanticTypographyToken } from 'theme/tokens';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { TextSize } from './text.types';\nimport { withTruncation, WithTruncationProps } from 'shared/hocs/withTruncation';\n\nexport interface KTextProps extends WithTruncationProps {\n  color?: SemanticTypographyToken | string;\n  size?: TextSize;\n  variant?: TypographyVariant;\n  children?: string | ReactNode;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, size = 'md', variant = 'default', color, as = 'span', ...rest }: TextProps): JSX.Element => {\n  return (\n    <CText variant={variant} size={size} letterSpacing=\".01em\" {...(color && { color })} as={as} {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = 'Text';\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","_a","children","size","variant","color","as","rest","__rest","React","createElement","CText","Object","assign","letterSpacing","displayName","WrappedText","withTruncation"],"mappings":"sPAgBA,MAAMA,EAAQC,QAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,QAAEA,EAAU,UAASC,MAAEA,EAAKC,GAAEA,EAAK,QAAML,EAAKM,EAAIC,EAAAA,OAAAP,EAAzE,4CACZ,OACEQ,EAAA,QAAAC,cAACC,EAAAA,KAAKC,OAAAC,OAAA,CAACT,QAASA,EAASD,KAAMA,EAAMW,cAAc,SAAaT,GAAS,CAAEA,MAAAA,GAAU,CAAAC,GAAIA,GAAQC,GAC9FL,IAKPF,EAAKe,YAAc,OAEnB,MAAMC,EAAcC,EAAcA,eAACjB"}

package/build/textInput.component-a83132c1.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-47cc4bf3.js"),n=require("./text.component-057889c3.js"),r=require("./button.component-8c8cd059.js"),l=require("./chakra-ui-input.esm-5fd07056.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},c=a.withFormControl((a=>{var{isClearable:s=!1,size:c="md",leftElement:m,rightElement:d,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:g}=a,v=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let b=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(d=u.default.createElement(r.Button,{size:o[c],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:c},m&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:m,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:b},v,{ref:p,value:h})),d&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:d})),!!g&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>g?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",g)))})),m=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));m.displayName="TextInput",exports.WrappedTextInput=m;
+//# sourceMappingURL=textInput.component-a83132c1.js.map

package/build/{textInput.component-e0281adf.js.map → textInput.component-a83132c1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-e0281adf.js","sources":["../src/components/TextInput/textInput.types.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from 'components/Button';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { forwardRef, ForwardedRef, ReactElement, useMemo } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n  Box,\n  HStack,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Text } from 'components/Text';\nimport { Button } from 'components/Button';\nimport { closeButtonSizeMap } from './textInput.types';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  isOnContrast?: boolean;\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: 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    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    charLimit = undefined,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = (\n        <Button size={closeButtonSizeMap[size]} variant=\"ghostNeutral\" onClick={handleClear} iconName=\"close\" />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Box className=\"TextInput__Container\" pos=\"relative\" w=\"100%\">\n        <InputGroup size={size}>\n          {leftElement && <InputLeftElement className=\"TextInput__LeftElement\" children={leftElement} h=\"100%\" />}\n          <CInput\n            className=\"TextInput__Input\"\n            data-testid=\"text-input-container\"\n            variant={_computedVariant}\n            {...rest}\n            ref={inputRef}\n            value={value}\n          />\n          {rightElement && <InputRightElement className=\"TextInput__RightElement\" children={rightElement} />}\n        </InputGroup>\n        {!!charLimit && (\n          <HStack\n            className=\"TextInput__CharCount\"\n            spacing={1}\n            bg=\"background.default\"\n            pos=\"absolute\"\n            right=\"0\"\n            bottom=\"-20px\"\n          >\n            <Text size=\"xs\" variant={currentCharCount > charLimit ? 'danger' : 'subtle'}>\n              {currentCharCount}\n            </Text>\n            <Text size=\"xs\" variant=\"subtle\">\n              / {charLimit}\n            </Text>\n          </HStack>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","sm","md","lg","TextInput","withFormControl","_a","isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit","rest","__rest","_computedVariant","handleClear","React","createElement","Button","variant","onClick","iconName","currentCharCount","useMemo","toString","length","Box","className","pos","w","InputGroup","InputLeftElement","children","h","CInput","ref","InputRightElement","HStack","spacing","bg","right","bottom","Text","WrappedTextInput","forwardRef","props","Object","assign","displayName"],"mappings":"4XAGO,MAAMA,EAA0D,CACrEC,GAAI,KACJC,GAAI,KACJC,GAAI,MCiCAC,EAAYC,EAAAA,iBACfC,IAAA,IAAAC,YACCA,GAAc,EAAKC,KACnBA,EAAO,KAAIC,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,EAAYC,UACZA,GAEeV,EADZW,EAAIC,EAAAA,OAAAZ,EAXR,6HAaC,IAAIa,EAAmBJ,EAAe,aAAe,UAErD,MAAMK,EAAc,KACdP,GACFA,EAAQC,GAAS,KAIjBP,GAAiBO,IACnBJ,EACEW,EAAA,QAAAC,cAACC,EAAMA,OAAA,CAACf,KAAMR,EAAmBQ,GAAOgB,QAAQ,eAAeC,QAASL,EAAaM,SAAS,WAIlG,MAAMC,EAAmBC,EAAOA,SAAC,KAAM,IAAAtB,EAAA,OAAmB,QAAnBA,EAAAQ,MAAAA,OAAK,EAALA,EAAOe,kBAAY,IAAAvB,OAAA,EAAAA,EAAAwB,SAAU,IAAG,CAAChB,IAExE,OACEO,EAAA,QAAAC,cAACS,EAAAA,IAAG,CAACC,UAAU,uBAAuBC,IAAI,WAAWC,EAAE,QACrDb,EAAAA,QAAAC,cAACa,EAAAA,WAAU,CAAC3B,KAAMA,GACfC,GAAeY,EAAA,QAAAC,cAACc,EAAAA,iBAAgB,CAACJ,UAAU,yBAAyBK,SAAU5B,EAAa6B,EAAE,SAC9FjB,UAACC,cAAAiB,EAAAA,qBACCP,UAAU,mBACE,cAAA,uBACZR,QAASL,GACLF,GACJuB,IAAK7B,EACLG,MAAOA,KAERJ,GAAgBW,EAAAA,QAAAC,cAACmB,oBAAiB,CAACT,UAAU,0BAA0BK,SAAU3B,OAEjFM,GACDK,UAACC,cAAAoB,EAAAA,OACC,CAAAV,UAAU,uBACVW,QAAS,EACTC,GAAG,qBACHX,IAAI,WACJY,MAAM,IACNC,OAAO,SAEPzB,EAAAA,QAACC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAASG,EAAmBX,EAAY,SAAW,UAChEW,GAEHN,EAAC,QAAAC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAAQ,eACnBR,QASXgC,EAAmBC,EAAUA,YAAC,CAACC,EAAuBV,IAC1DnB,EAAAA,QAACC,cAAAlB,EAAU+C,OAAAC,OAAA,CAAAzC,SAAU6B,GAASU,MAGhCF,EAAiBK,YAAc"}
+{"version":3,"file":"textInput.component-a83132c1.js","sources":["../src/components/TextInput/textInput.types.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from 'components/Button';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { forwardRef, ForwardedRef, ReactElement, useMemo } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n  Box,\n  HStack,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Text } from 'components/Text';\nimport { Button } from 'components/Button';\nimport { closeButtonSizeMap } from './textInput.types';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  isOnContrast?: boolean;\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: 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    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    charLimit = undefined,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = (\n        <Button size={closeButtonSizeMap[size]} variant=\"ghostNeutral\" onClick={handleClear} iconName=\"close\" />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Box className=\"TextInput__Container\" pos=\"relative\" w=\"100%\">\n        <InputGroup size={size}>\n          {leftElement && <InputLeftElement className=\"TextInput__LeftElement\" children={leftElement} h=\"100%\" />}\n          <CInput\n            className=\"TextInput__Input\"\n            data-testid=\"text-input-container\"\n            variant={_computedVariant}\n            {...rest}\n            ref={inputRef}\n            value={value}\n          />\n          {rightElement && <InputRightElement className=\"TextInput__RightElement\" children={rightElement} />}\n        </InputGroup>\n        {!!charLimit && (\n          <HStack\n            className=\"TextInput__CharCount\"\n            spacing={1}\n            bg=\"background.default\"\n            pos=\"absolute\"\n            right=\"0\"\n            bottom=\"-20px\"\n          >\n            <Text size=\"xs\" variant={currentCharCount > charLimit ? 'danger' : 'subtle'}>\n              {currentCharCount}\n            </Text>\n            <Text size=\"xs\" variant=\"subtle\">\n              / {charLimit}\n            </Text>\n          </HStack>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","sm","md","lg","TextInput","withFormControl","_a","isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit","rest","__rest","_computedVariant","handleClear","React","createElement","Button","variant","onClick","iconName","currentCharCount","useMemo","toString","length","Box","className","pos","w","InputGroup","InputLeftElement","children","h","CInput","ref","InputRightElement","HStack","spacing","bg","right","bottom","Text","WrappedTextInput","forwardRef","props","Object","assign","displayName"],"mappings":"4XAGO,MAAMA,EAA0D,CACrEC,GAAI,KACJC,GAAI,KACJC,GAAI,MCiCAC,EAAYC,EAAAA,iBACfC,IAAA,IAAAC,YACCA,GAAc,EAAKC,KACnBA,EAAO,KAAIC,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,EAAYC,UACZA,GAEeV,EADZW,EAAIC,EAAAA,OAAAZ,EAXR,6HAaC,IAAIa,EAAmBJ,EAAe,aAAe,UAErD,MAAMK,EAAc,KACdP,GACFA,EAAQC,GAAS,KAIjBP,GAAiBO,IACnBJ,EACEW,EAAA,QAAAC,cAACC,EAAMA,OAAA,CAACf,KAAMR,EAAmBQ,GAAOgB,QAAQ,eAAeC,QAASL,EAAaM,SAAS,WAIlG,MAAMC,EAAmBC,EAAOA,SAAC,KAAM,IAAAtB,EAAA,OAAmB,QAAnBA,EAAAQ,MAAAA,OAAK,EAALA,EAAOe,kBAAY,IAAAvB,OAAA,EAAAA,EAAAwB,SAAU,IAAG,CAAChB,IAExE,OACEO,EAAA,QAAAC,cAACS,EAAAA,IAAG,CAACC,UAAU,uBAAuBC,IAAI,WAAWC,EAAE,QACrDb,EAAAA,QAAAC,cAACa,EAAAA,WAAU,CAAC3B,KAAMA,GACfC,GAAeY,EAAA,QAAAC,cAACc,EAAAA,iBAAgB,CAACJ,UAAU,yBAAyBK,SAAU5B,EAAa6B,EAAE,SAC9FjB,UAACC,cAAAiB,EAAAA,qBACCP,UAAU,mBACE,cAAA,uBACZR,QAASL,GACLF,GACJuB,IAAK7B,EACLG,MAAOA,KAERJ,GAAgBW,EAAAA,QAAAC,cAACmB,oBAAiB,CAACT,UAAU,0BAA0BK,SAAU3B,OAEjFM,GACDK,UAACC,cAAAoB,EAAAA,OACC,CAAAV,UAAU,uBACVW,QAAS,EACTC,GAAG,qBACHX,IAAI,WACJY,MAAM,IACNC,OAAO,SAEPzB,EAAAA,QAACC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAASG,EAAmBX,EAAY,SAAW,UAChEW,GAEHN,EAAC,QAAAC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAAQ,eACnBR,QASXgC,EAAmBC,EAAUA,YAAC,CAACC,EAAuBV,IAC1DnB,EAAAA,QAACC,cAAAlB,EAAU+C,OAAAC,OAAA,CAAAzC,SAAU6B,GAASU,MAGhCF,EAAiBK,YAAc"}

package/build/{textarea.component-93e858d2.js → textarea.component-70c48acd.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-f63a4db4.js"),a=require("./chakra-ui-textarea.esm-d82076ec.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const d=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:d},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
-//# sourceMappingURL=textarea.component-93e858d2.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-47cc4bf3.js"),a=require("./chakra-ui-textarea.esm-23fad4cd.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const f=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:f},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
+//# sourceMappingURL=textarea.component-70c48acd.js.map

package/build/{textarea.component-93e858d2.js.map → textarea.component-70c48acd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-93e858d2.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}
+{"version":3,"file":"textarea.component-70c48acd.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}

package/build/theme/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../theme.provider-37642fcb.js");require("react"),require("../chakra-ui-react.esm-3e9f61da.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../chakra-ui-theme.esm-23420bf9.js"),require("../zIndeces-10b89ae1.js"),require("../borders.config-90d19902.js"),require("../color.record-134d7650.js"),require("../shadows.config-9e24e611.js"),require("../menu.config-14739188.js"),require("../inheritsLoose-490721fe.js"),exports.KibbleThemeProvider=e.KibbleThemeProvider,exports.theme=e.theme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../theme.provider-58ebd63f.js");require("react"),require("../chakra-ui-react.esm-f4206977.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-theme.esm-d6d72df5.js"),require("../zIndeces-10b89ae1.js"),require("../borders.config-90d19902.js"),require("../color.record-134d7650.js"),require("../shadows.config-9e24e611.js"),require("../menu.config-14739188.js"),require("../inheritsLoose-490721fe.js"),exports.KibbleThemeProvider=e.KibbleThemeProvider,exports.theme=e.theme;
 //# sourceMappingURL=index.js.map

package/build/theme/theme.provider.d.ts

@@ -1,469 +1,5 @@
 import { ReactNode } from 'react';
-import { Theme } from '@chakra-ui/react';
 import 'focus-visible/dist/focus-visible';
-export declare const KibbleThemeProvider: ({ children, theme }: {
+export declare const KibbleThemeProvider: ({ children }: {
     children: ReactNode;
-    theme?: {
-        components: typeof import("@chakra-ui/theme/dist/declarations/src/components");
-        styles: import("@chakra-ui/theme-tools").Styles;
-        config: import("@chakra-ui/react").ThemeConfig;
-        sizes: {
-            container: {
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            max: string;
-            min: string;
-            full: string;
-            "3xs": string;
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-            "7xl": string;
-            "8xl": string;
-            px: string;
-            0.5: string;
-            1: string;
-            1.5: string;
-            2: string;
-            2.5: string;
-            3: string;
-            3.5: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            12: string;
-            14: string;
-            16: string;
-            20: string;
-            24: string;
-            28: string;
-            32: string;
-            36: string;
-            40: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-        };
-        shadows: {
-            xs: string;
-            sm: string;
-            base: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            outline: string;
-            inner: string;
-            none: string;
-            "dark-lg": string;
-        };
-        space: {
-            px: string;
-            0.5: string;
-            1: string;
-            1.5: string;
-            2: string;
-            2.5: string;
-            3: string;
-            3.5: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            12: string;
-            14: string;
-            16: string;
-            20: string;
-            24: string;
-            28: string;
-            32: string;
-            36: string;
-            40: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-        };
-        borders: {
-            none: number;
-            "1px": string;
-            "2px": string;
-            "4px": string;
-            "8px": string;
-        };
-        transition: {
-            property: {
-                common: string;
-                colors: string;
-                dimensions: string;
-                position: string;
-                background: string;
-            };
-            easing: {
-                "ease-in": string;
-                "ease-out": string;
-                "ease-in-out": string;
-            };
-            duration: {
-                "ultra-fast": string;
-                faster: string;
-                fast: string;
-                normal: string;
-                slow: string;
-                slower: string;
-                "ultra-slow": string;
-            };
-        };
-        letterSpacings: {
-            tighter: string;
-            tight: string;
-            normal: string;
-            wide: string;
-            wider: string;
-            widest: string;
-        };
-        lineHeights: {
-            normal: string;
-            none: number;
-            shorter: number;
-            short: number;
-            base: number;
-            tall: number;
-            taller: string;
-            "3": string;
-            "4": string;
-            "5": string;
-            "6": string;
-            "7": string;
-            "8": string;
-            "9": string;
-            "10": string;
-        };
-        fontWeights: {
-            hairline: number;
-            thin: number;
-            light: number;
-            normal: number;
-            medium: number;
-            semibold: number;
-            bold: number;
-            extrabold: number;
-            black: number;
-        };
-        fonts: {
-            heading: string;
-            body: string;
-            mono: string;
-        };
-        fontSizes: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-            "7xl": string;
-            "8xl": string;
-            "9xl": string;
-        };
-        breakpoints: import("@chakra-ui/theme-tools").Breakpoints<{
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-        }>;
-        zIndices: {
-            hide: number;
-            auto: string;
-            base: number;
-            docked: number;
-            dropdown: number;
-            sticky: number;
-            banner: number;
-            overlay: number;
-            modal: number;
-            popover: number;
-            skipLink: number;
-            toast: number;
-            tooltip: number;
-        };
-        radii: {
-            none: string;
-            sm: string;
-            base: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            full: string;
-        };
-        blur: {
-            none: number;
-            sm: string;
-            base: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-        };
-        colors: {
-            transparent: string;
-            current: string;
-            black: string;
-            white: string;
-            whiteAlpha: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            blackAlpha: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            gray: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            red: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            orange: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            yellow: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            green: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            teal: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            blue: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            cyan: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            purple: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            pink: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            linkedin: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            facebook: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            messenger: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            whatsapp: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            twitter: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            telegram: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-        };
-        direction: "ltr";
-    } | undefined;
 }) => JSX.Element;