@televet/kibble-ui 4.0.0-beta.29 → 4.0.0-beta.3

package/dist/withFormControl-C4JtVew9.js

@@ -0,0 +1,149 @@
+import { x as t } from "./vendor-XkLb814A.js";
+import { W as I } from "./text.component-Cv0VhMys.js";
+import { fontSizes as S } from "./theme/tokens/typography/index.es.js";
+import { I as T } from "./icon.component-BRUOlaEi.js";
+import { N as b, O as R, P as z, F as p, Q as E, U as W } from "./chakra-Cg-UT2Wv.js";
+const k = {
+  sm: 10,
+  md: 12,
+  lg: 14
+}, D = (a) => {
+  const m = ({
+    disabled: c = !1,
+    errorText: F = "Field is invalid",
+    formControlStyle: _,
+    helperText: x,
+    inlineField: s = !1,
+    invalid: r = !1,
+    invalidIconColor: g = "warning",
+    label: l,
+    labelPosition: i = "start",
+    labelStyle: j,
+    onContrast: o = !1,
+    readOnly: d = !1,
+    required: n = !1,
+    showRequiredElement: u = !1,
+    size: e = "md",
+    useInvalidIcon: N = !1,
+    useInvalidText: h = !0,
+    ...w
+  }) => {
+    const f = /* @__PURE__ */ t.jsxs(
+      b,
+      {
+        className: "FormControl__Label",
+        color: o ? "text.contrast" : "text",
+        fontSize: S[e],
+        ...j,
+        onClick: (C) => {
+          C.stopPropagation();
+        },
+        children: [
+          l,
+          u && /* @__PURE__ */ t.jsx(
+            R,
+            {
+              className: "FormControl__RequiredIndicator",
+              color: o ? "text.danger.contrast" : "text.danger",
+              ...!n && {
+                fallback: /* @__PURE__ */ t.jsxs(
+                  I,
+                  {
+                    variant: o ? "subtleOnContrast" : "subtle",
+                    fontSize: k[e],
+                    children: [
+                      " ",
+                      "(Optional)"
+                    ]
+                  }
+                )
+              }
+            }
+          )
+        ]
+      }
+    );
+    return /* @__PURE__ */ t.jsxs(
+      z,
+      {
+        className: "FormControl group",
+        disabled: c,
+        invalid: r,
+        readOnly: d,
+        required: n,
+        width: "auto",
+        ..._,
+        children: [
+          /* @__PURE__ */ t.jsxs(
+            p,
+            {
+              className: "FormControl__Container",
+              flexDirection: s ? "row" : "column",
+              w: s ? "max-content" : "100%",
+              gap: 2,
+              children: [
+                l && i === "start" && f,
+                /* @__PURE__ */ t.jsxs(
+                  p,
+                  {
+                    className: "FormControl__Content",
+                    alignItems: "center",
+                    gap: 2,
+                    w: s ? "max-content" : "100%",
+                    children: [
+                      /* @__PURE__ */ t.jsx(
+                        a,
+                        {
+                          disabled: c,
+                          invalid: r,
+                          onContrast: o,
+                          readOnly: d,
+                          required: n,
+                          size: e,
+                          ...w
+                        }
+                      ),
+                      N && r && /* @__PURE__ */ t.jsx(
+                        T,
+                        {
+                          className: "FormControl__InvalidIcon",
+                          name: "warningSign",
+                          variant: g,
+                          size: e
+                        }
+                      )
+                    ]
+                  }
+                ),
+                l && i === "end" && f
+              ]
+            }
+          ),
+          h && r && /* @__PURE__ */ t.jsx(
+            E,
+            {
+              className: "FormControl__ErrorText",
+              fontSize: "xs",
+              color: o ? "text.danger.contrast" : "text.danger",
+              children: F
+            }
+          ),
+          x && /* @__PURE__ */ t.jsx(
+            W,
+            {
+              className: "FormControl__HelperText",
+              fontSize: "xs",
+              color: o ? "text.subtle.contrast" : "text.subtle",
+              children: x
+            }
+          )
+        ]
+      }
+    );
+  };
+  return m.displayName = `withFormControl(${a.displayName || a.name}`, m;
+};
+export {
+  D as w
+};
+//# sourceMappingURL=withFormControl-C4JtVew9.js.map

package/dist/withFormControl-C4JtVew9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormControl-C4JtVew9.js","sources":["../src/hocs/withFormControl/withFormControl.records.ts","../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["optionalTextSizeMap","withFormControl","Component","WithFormControl","disabled","errorText","formControlStyle","helperText","inlineField","invalid","invalidIconColor","label","labelPosition","labelStyle","onContrast","readOnly","required","showRequiredElement","size","useInvalidIcon","useInvalidText","props","labelComponent","jsxs","Field.Label","fontSizes","e","jsx","Field.RequiredIndicator","Text","Field.Root","Flex","Icon","Field.ErrorText","Field.HelperText"],"mappings":"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"}

package/dist/withFormControl-N3blGvBi.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-D-x6W6ez.cjs"),N=require("./text.component-CPfDFieu.cjs"),w=require("./theme/tokens/typography/index.cjs.js"),S=require("./icon.component-D0s3MOl7.cjs"),e=require("./chakra-BYidfDvC.cjs"),I={sm:10,md:12,lg:14},q=n=>{const c=({disabled:i=!1,errorText:j="Field is invalid",formControlStyle:F,helperText:m,inlineField:a=!1,invalid:r=!1,invalidIconColor:_="warning",label:l,labelPosition:p="start",labelStyle:f,onContrast:o=!1,readOnly:u=!1,required:x=!1,showRequiredElement:g=!1,size:s="md",useInvalidIcon:h=!1,useInvalidText:R=!0,...E})=>{const d=t.jsxRuntimeExports.jsxs(e.FieldLabel,{className:"FormControl__Label",color:o?"text.contrast":"text",fontSize:w.fontSizes[s],...f,onClick:C=>{C.stopPropagation()},children:[l,g&&t.jsxRuntimeExports.jsx(e.FieldRequiredIndicator,{className:"FormControl__RequiredIndicator",color:o?"text.danger.contrast":"text.danger",...!x&&{fallback:t.jsxRuntimeExports.jsxs(N.WrappedText,{variant:o?"subtleOnContrast":"subtle",fontSize:I[s],children:[" ","(Optional)"]})}})]});return t.jsxRuntimeExports.jsxs(e.FieldRoot,{className:"FormControl group",disabled:i,invalid:r,readOnly:u,required:x,width:"auto",...F,children:[t.jsxRuntimeExports.jsxs(e.Flex,{className:"FormControl__Container",flexDirection:a?"row":"column",w:a?"max-content":"100%",gap:2,children:[l&&p==="start"&&d,t.jsxRuntimeExports.jsxs(e.Flex,{className:"FormControl__Content",alignItems:"center",gap:2,w:a?"max-content":"100%",children:[t.jsxRuntimeExports.jsx(n,{disabled:i,invalid:r,onContrast:o,readOnly:u,required:x,size:s,...E}),h&&r&&t.jsxRuntimeExports.jsx(S.Icon,{className:"FormControl__InvalidIcon",name:"warningSign",variant:_,size:s})]}),l&&p==="end"&&d]}),R&&r&&t.jsxRuntimeExports.jsx(e.FieldErrorText,{className:"FormControl__ErrorText",fontSize:"xs",color:o?"text.danger.contrast":"text.danger",children:j}),m&&t.jsxRuntimeExports.jsx(e.FieldHelperText,{className:"FormControl__HelperText",fontSize:"xs",color:o?"text.subtle.contrast":"text.subtle",children:m})]})};return c.displayName=`withFormControl(${n.displayName||n.name}`,c};exports.withFormControl=q;
+//# sourceMappingURL=withFormControl-N3blGvBi.cjs.map

package/dist/withFormControl-N3blGvBi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormControl-N3blGvBi.cjs","sources":["../src/hocs/withFormControl/withFormControl.records.ts","../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["optionalTextSizeMap","withFormControl","Component","WithFormControl","disabled","errorText","formControlStyle","helperText","inlineField","invalid","invalidIconColor","label","labelPosition","labelStyle","onContrast","readOnly","required","showRequiredElement","size","useInvalidIcon","useInvalidText","props","labelComponent","jsxs","Field.Label","fontSizes","e","jsx","Field.RequiredIndicator","Text","Field.Root","Flex","Icon","Field.ErrorText","Field.HelperText"],"mappings":"mOAEaA,EAAuD,CAClE,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EC4BaC,EACXC,GACgB,CAChB,MAAMC,EAAkB,CAAC,CACvB,SAAAC,EAAW,GACX,UAAAC,EAAY,mBACZ,iBAAAC,EACA,WAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EAAU,GACV,iBAAAC,EAAmB,UACnB,MAAAC,EACA,cAAAC,EAAgB,QAChB,WAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,oBAAAC,EAAsB,GACtB,KAAAC,EAAO,KACP,eAAAC,EAAiB,GACjB,eAAAC,EAAiB,GACjB,GAAGC,CAAA,IAC0C,CAC7C,MAAMC,EACJC,EAAA,kBAAA,KAACC,EAAM,WAAN,CACC,UAAU,qBACV,MAAOV,EAAa,gBAAkB,OACtC,SAAUW,YAAUP,CAAI,EACvB,GAAGL,EACJ,QAAUa,GAAM,CACdA,EAAE,gBAAgB,CACpB,EAEC,SAAA,CAAAf,EACAM,GACCU,EAAA,kBAAA,IAACC,EAAM,uBAAN,CACC,UAAU,iCACV,MAAOd,EAAa,uBAAyB,cAC5C,GAAI,CAACE,GAAY,CAChB,SACEO,EAAA,kBAAA,KAACM,EAAA,YAAA,CACC,QAASf,EAAa,mBAAqB,SAC3C,SAAUd,EAAoBkB,CAAI,EAEjC,SAAA,CAAA,IAAI,YAAA,CAAA,CAAA,CAEP,CAEJ,CAAA,CACF,CAAA,CAEJ,EAIA,OAAAK,EAAA,kBAAA,KAACO,EAAM,UAAN,CACC,UAAU,oBACV,SAAA1B,EACA,QAAAK,EACA,SAAAM,EACA,SAAAC,EACA,MAAM,OACL,GAAGV,EAEJ,SAAA,CAAAiB,EAAA,kBAAA,KAACQ,EAAA,KAAA,CACC,UAAU,yBACV,cAAevB,EAAc,MAAQ,SACrC,EAAGA,EAAc,cAAgB,OACjC,IAAK,EAEJ,SAAA,CAAAG,GAASC,IAAkB,SAAWU,EACvCC,EAAA,kBAAA,KAACQ,EAAA,KAAA,CACC,UAAU,uBACV,WAAW,SACX,IAAK,EACL,EAAGvB,EAAc,cAAgB,OAEjC,SAAA,CAAAmB,EAAA,kBAAA,IAACzB,EAAA,CACC,SAAAE,EACA,QAAAK,EACA,WAAAK,EACA,SAAAC,EACA,SAAAC,EACA,KAAAE,EACC,GAAIG,CAAA,CACP,EACCF,GAAkBV,GACjBkB,EAAA,kBAAA,IAACK,EAAA,KAAA,CACC,UAAU,2BACV,KAAK,cACL,QAAStB,EACT,KAAAQ,CAAA,CAAA,CACF,CAAA,CAEJ,EACCP,GAASC,IAAkB,OAASU,CAAA,CAAA,CACvC,EACCF,GAAkBX,GACjBkB,EAAA,kBAAA,IAACM,EAAM,eAAN,CACC,UAAU,yBACV,SAAS,KACT,MAAOnB,EAAa,uBAAyB,cAE5C,SAAAT,CAAA,CACH,EAEDE,GACCoB,EAAA,kBAAA,IAACO,EAAM,gBAAN,CACC,UAAU,0BACV,SAAS,KACT,MAAOpB,EAAa,uBAAyB,cAE5C,SAAAP,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,EACA,OAAAJ,EAAgB,YAAc,mBAAmBD,EAAU,aAAeA,EAAU,IAAI,GAEjFC,CACT"}

package/dist/withTruncation-Bg8jveCq.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("./vendor-D-x6W6ez.cjs"),e=require("react"),p=require("./tooltip.component-PUnlA81j.cjs"),T=require("./chakra-BYidfDvC.cjs"),h=o=>{const u=e.memo(o);function d({truncated:s=!1,noOfLines:m=1,children:c,tooltipProps:x,...f}){const[w,b]=e.useState(!1),t=e.useRef(null),n=e.useRef(null),a=e.useCallback(()=>{if(t.current){const r=t.current?.children[0].scrollHeight||0,l=t.current?.offsetHeight||0;b(r>l)}},[]);return e.useEffect(()=>{if(s&&t.current){let r;const l=()=>{window.clearTimeout(r),r=window.setTimeout(a,100)};return n.current=new ResizeObserver(()=>{l()}),n.current.observe(t.current),a(),()=>{window.clearTimeout(r),n.current&&n.current.disconnect()}}},[s,a]),s?i.jsxRuntimeExports.jsx(p.Tooltip,{...x,label:x?.label||c?.toLocaleString()||"",disabled:!w,"data-testid":"kibble-truncated-text-tooltip",children:i.jsxRuntimeExports.jsx(T.Box,{ref:t,display:"inline-block",position:"relative",className:"TruncatedText__Wrapper","data-testid":"kibble-truncated-text-wrapper",children:i.jsxRuntimeExports.jsx(u,{className:"TruncatedText__TextContent","data-testid":"kibble-truncated-text-content",...w&&{cursor:"pointer"},lineClamp:m,style:{textOverflow:"ellipsis",overflow:"hidden",wordWrap:"break-word",wordBreak:"break-word"},...f,children:c})})}):i.jsxRuntimeExports.jsx(u,{...f,children:c})}return d.displayName=`withTruncation(${o.displayName||o.name}`,e.memo(d)};exports.withTruncation=h;
+//# sourceMappingURL=withTruncation-Bg8jveCq.cjs.map

package/dist/withTruncation-Bg8jveCq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTruncation-Bg8jveCq.cjs","sources":["../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip\";\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, \"disabled\">;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight =\n          containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || \"\"}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            {...(isTextOverFlowing && { cursor: \"pointer\" })}\n            lineClamp={noOfLines}\n            style={{\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              wordWrap: \"break-word\",\n              wordBreak: \"break-word\",\n            }}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":"0JAkBaA,EACXC,GACgB,CACV,MAAAC,EAAoBC,OAAKF,CAAS,EAExC,SAASG,EAAe,CACtB,UAAAC,EAAY,GACZ,UAAAC,EAAY,EACZ,SAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EACsC,CACzC,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAkB,EAAK,EACnEC,EAAeC,SAAuB,IAAI,EAC1CC,EAAoBD,SAA8B,IAAI,EAEtDE,EAAgBC,EAAAA,YAAY,IAAM,CACtC,GAAIJ,EAAa,QAAS,CACxB,MAAMK,EACJL,EAAa,SAAS,SAAS,CAAC,EAAE,cAAgB,EAC9CM,EAAwBN,EAAa,SAAS,cAAgB,EACpEF,EAAqBO,EAAmBC,CAAqB,CAAA,CAEjE,EAAG,EAAE,EA2BL,OAzBAC,EAAAA,UAAU,IAAM,CACV,GAAAf,GAAaQ,EAAa,QAAS,CACjC,IAAAQ,EAEJ,MAAMC,EAAiB,IAAY,CACjC,OAAO,aAAaD,CAAS,EACjBA,EAAA,OAAO,WAAWL,EAAe,GAAG,CAClD,EAEkB,OAAAD,EAAA,QAAU,IAAI,eAAe,IAAM,CACpCO,EAAA,CAAA,CAChB,EAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,EACxCG,EAAA,EAEP,IAAY,CACjB,OAAO,aAAaK,CAAS,EACzBN,EAAkB,SACpBA,EAAkB,QAAQ,WAAW,CAEzC,CAAA,CACF,EACC,CAACV,EAAWW,CAAa,CAAC,EAExBX,EAKHkB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGhB,EACJ,MAAOA,GAAc,OAASD,GAAU,eAAoB,GAAA,GAC5D,SAAU,CAACG,EACX,cAAY,gCAEZ,SAAAa,EAAA,kBAAA,IAACE,EAAA,IAAA,CACC,IAAKZ,EACL,QAAQ,eACR,SAAS,WACT,UAAU,yBACV,cAAY,gCAEZ,SAAAU,EAAA,kBAAA,IAACrB,EAAA,CACC,UAAU,6BACV,cAAY,gCACX,GAAIQ,GAAqB,CAAE,OAAQ,SAAU,EAC9C,UAAWJ,EACX,MAAO,CACL,aAAc,WACd,SAAU,SACV,SAAU,aACV,UAAW,YACb,EACC,GAAIG,EAEJ,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CACF,EAjCQgB,EAAA,kBAAA,IAAArB,EAAA,CAAmB,GAAIO,EAAa,SAAAF,CAAS,CAAA,CAiCrD,CAIJ,OAAAH,EAAe,YAAc,kBAAkBH,EAAU,aAAeA,EAAU,IAAI,GAE/EE,EAAAA,KAAKC,CAAc,CAC5B"}

package/dist/withTruncation-CHdM4Tu5.js

@@ -0,0 +1,74 @@
+import { x as n } from "./vendor-XkLb814A.js";
+import { memo as w, useState as T, useRef as x, useCallback as h, useEffect as k } from "react";
+import { T as v } from "./tooltip.component-CAQe8kQT.js";
+import { B as g } from "./chakra-Cg-UT2Wv.js";
+const H = (i) => {
+  const l = w(i);
+  function u({
+    truncated: o = !1,
+    noOfLines: b = 1,
+    children: s,
+    tooltipProps: d,
+    ...f
+  }) {
+    const [m, p] = T(!1), e = x(null), r = x(null), a = h(() => {
+      if (e.current) {
+        const t = e.current?.children[0].scrollHeight || 0, c = e.current?.offsetHeight || 0;
+        p(t > c);
+      }
+    }, []);
+    return k(() => {
+      if (o && e.current) {
+        let t;
+        const c = () => {
+          window.clearTimeout(t), t = window.setTimeout(a, 100);
+        };
+        return r.current = new ResizeObserver(() => {
+          c();
+        }), r.current.observe(e.current), a(), () => {
+          window.clearTimeout(t), r.current && r.current.disconnect();
+        };
+      }
+    }, [o, a]), o ? /* @__PURE__ */ n.jsx(
+      v,
+      {
+        ...d,
+        label: d?.label || s?.toLocaleString() || "",
+        disabled: !m,
+        "data-testid": "kibble-truncated-text-tooltip",
+        children: /* @__PURE__ */ n.jsx(
+          g,
+          {
+            ref: e,
+            display: "inline-block",
+            position: "relative",
+            className: "TruncatedText__Wrapper",
+            "data-testid": "kibble-truncated-text-wrapper",
+            children: /* @__PURE__ */ n.jsx(
+              l,
+              {
+                className: "TruncatedText__TextContent",
+                "data-testid": "kibble-truncated-text-content",
+                ...m && { cursor: "pointer" },
+                lineClamp: b,
+                style: {
+                  textOverflow: "ellipsis",
+                  overflow: "hidden",
+                  wordWrap: "break-word",
+                  wordBreak: "break-word"
+                },
+                ...f,
+                children: s
+              }
+            )
+          }
+        )
+      }
+    ) : /* @__PURE__ */ n.jsx(l, { ...f, children: s });
+  }
+  return u.displayName = `withTruncation(${i.displayName || i.name}`, w(u);
+};
+export {
+  H as w
+};
+//# sourceMappingURL=withTruncation-CHdM4Tu5.js.map

package/dist/withTruncation-CHdM4Tu5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTruncation-CHdM4Tu5.js","sources":["../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip\";\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, \"disabled\">;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight =\n          containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || \"\"}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            {...(isTextOverFlowing && { cursor: \"pointer\" })}\n            lineClamp={noOfLines}\n            style={{\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              wordWrap: \"break-word\",\n              wordBreak: \"break-word\",\n            }}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":";;;;AAkBa,MAAAA,IAAiB,CAC5BC,MACgB;AACV,QAAAC,IAAoBC,EAAKF,CAAS;AAExC,WAASG,EAAe;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACsC;AACzC,UAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAkB,EAAK,GACnEC,IAAeC,EAAuB,IAAI,GAC1CC,IAAoBD,EAA8B,IAAI,GAEtDE,IAAgBC,EAAY,MAAM;AACtC,UAAIJ,EAAa,SAAS;AACxB,cAAMK,IACJL,EAAa,SAAS,SAAS,CAAC,EAAE,gBAAgB,GAC9CM,IAAwBN,EAAa,SAAS,gBAAgB;AACpE,QAAAF,EAAqBO,IAAmBC,CAAqB;AAAA,MAAA;AAAA,IAEjE,GAAG,EAAE;AA2BL,WAzBAC,EAAU,MAAM;AACV,UAAAf,KAAaQ,EAAa,SAAS;AACjC,YAAAQ;AAEJ,cAAMC,IAAiB,MAAY;AACjC,iBAAO,aAAaD,CAAS,GACjBA,IAAA,OAAO,WAAWL,GAAe,GAAG;AAAA,QAClD;AAEkB,eAAAD,EAAA,UAAU,IAAI,eAAe,MAAM;AACpC,UAAAO,EAAA;AAAA,QAAA,CAChB,GAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,GACxCG,EAAA,GAEP,MAAY;AACjB,iBAAO,aAAaK,CAAS,GACzBN,EAAkB,WACpBA,EAAkB,QAAQ,WAAW;AAAA,QAEzC;AAAA,MAAA;AAAA,IACF,GACC,CAACV,GAAWW,CAAa,CAAC,GAExBX,IAKHkB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACJ,OAAOA,GAAc,SAASD,GAAU,eAAoB,KAAA;AAAA,QAC5D,UAAU,CAACG;AAAA,QACX,eAAY;AAAA,QAEZ,UAAAa,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAU,gBAAAA,EAAA;AAAA,cAACrB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBACX,GAAIQ,KAAqB,EAAE,QAAQ,UAAU;AAAA,gBAC9C,WAAWJ;AAAA,gBACX,OAAO;AAAA,kBACL,cAAc;AAAA,kBACd,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb;AAAA,gBACC,GAAIG;AAAA,gBAEJ,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IACF,IAjCQgB,gBAAAA,EAAA,IAAArB,GAAA,EAAmB,GAAIO,GAAa,UAAAF,EAAS,CAAA;AAAA,EAiCrD;AAIJ,SAAAH,EAAe,cAAc,kBAAkBH,EAAU,eAAeA,EAAU,IAAI,IAE/EE,EAAKC,CAAc;AAC5B;"}

package/package.json

@@ -1,130 +1,45 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.29",
+  "version": "4.0.0-beta.3",
   "type": "module",
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
-  "bin": {
-    "kibble-generate-theme": "./dist/esm/cli/generate-theme-types.js",
-    "kibble-postinstall": "./dist/esm/cli/postinstall.js"
-  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "dist/esm/cli"
+    "dist"
   ],
-  "sideEffects": false,
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/cjs/index.cjs"
-      }
-    },
-    "./theme": {
-      "import": {
-        "types": "./dist/types/theme/index.d.ts",
-        "default": "./dist/esm/theme/index.js"
-      },
-      "require": {
-        "types": "./dist/types/theme/index.d.ts",
-        "default": "./dist/cjs/theme/index.cjs"
-      }
-    },
-    "./theme/*": {
-      "import": {
-        "types": "./dist/types/theme/*.d.ts",
-        "default": "./dist/esm/theme/*.js"
-      },
-      "require": {
-        "types": "./dist/types/theme/*.d.ts",
-        "default": "./dist/cjs/theme/*.cjs"
-      }
-    },
-    "./chakra": {
-      "import": {
-        "types": "./dist/types/chakra/index.d.ts",
-        "default": "./dist/esm/chakra/index.js"
-      },
-      "require": {
-        "types": "./dist/types/chakra/index.d.ts",
-        "default": "./dist/cjs/chakra/index.cjs"
-      }
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
     },
     "./*": {
-      "import": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/esm/components/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/cjs/components/*/index.cjs"
-      }
-    },
-    "./components/*": {
-      "import": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/esm/components/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/cjs/components/*/index.cjs"
-      }
+      "import": "./dist/*.es.js",
+      "require": "./dist/*.cjs.js"
     },
-    "./hocs/*": {
-      "import": {
-        "types": "./dist/types/hocs/*/index.d.ts",
-        "default": "./dist/esm/hocs/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/hocs/*/index.d.ts",
-        "default": "./dist/cjs/hocs/*/index.cjs"
-      }
-    },
-    "./hooks/*": {
-      "import": {
-        "types": "./dist/types/hooks/*/index.d.ts",
-        "default": "./dist/esm/hooks/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/hooks/*/index.d.ts",
-        "default": "./dist/cjs/hooks/*/index.cjs"
-      }
-    },
-    "./shared/*": {
-      "import": {
-        "types": "./dist/types/shared/*/index.d.ts",
-        "default": "./dist/esm/shared/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/shared/*/index.d.ts",
-        "default": "./dist/cjs/shared/*/index.cjs"
-      }
-    },
-    "./package.json": "./package.json"
+    "./**": {
+      "import": "./dist/**/index.es.js",
+      "require": "./dist/**/index.cjs.js"
+    }
   },
   "scripts": {
-    "build": "npm run generate:theme && npm run generate:icons && npm run generate:logos && npm run build:documentation && tsc -b && tsc -p tsconfig.cli.json && vite build && chmod +x ./dist/esm/cli/*.js",
+    "build": "npm run generate:theme && npm run generate:icons && npm run build:documentation && tsc -b && vite build",
     "build:documentation": "storybook build -o docs --quiet",
-    "build-storybook": "npm run generate:icons && npm run generate:logos && storybook build",
+    "build-storybook": "npm run generate:icons && storybook build",
     "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
     "create:component": "npx plop component",
-    "deploy": "gh-pages -d dist",
+    "deploy": "gh-pages -d build",
     "format": "npx prettier --write --parser typescript '**/*.{ts,tsx}'",
     "generate:icons": "npx rimraf src/components/Icon/generated && npx @svgr/cli src/assets/icons --config-file svgr.config.mjs",
-    "generate:logos": "npx rimraf src/components/Logo/generated && npx @svgr/cli src/assets/logos --config-file svgr-logo.config.mjs",
     "generate:theme": "npx @chakra-ui/cli typegen ./src/theme/theme.config.ts",
     "lint": "eslint --fix ./src/",
     "predeploy": "npm run build",
     "prepare": "husky",
     "publishBeta": "npm run build && npm publish --tag beta",
-    "start": "npm run generate:icons & npm run generate:logos & npm run theme:watch & storybook dev -p 6006",
-    "test-storybook": "npm run generate:icons && npm run generate:logos && vitest --project=storybook",
+    "start": "npm run generate:icons & npm run theme:watch & storybook dev -p 6006",
+    "test-storybook": "test-storybook",
+    "test:watch": "test-storybook --watch",
     "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
   },
   "lint-staged": {
@@ -139,43 +54,44 @@
     ]
   },
   "devDependencies": {
-    "@chakra-ui/cli": "^3.19.2",
-    "@chromatic-com/storybook": "^4.0.0-next.16",
+    "@chakra-ui/cli": "^3.14.2",
+    "@chromatic-com/storybook": "^3.2.6",
     "@eslint/js": "^9.21.0",
-    "@storybook/addon-a11y": "^9.0.1",
-    "@storybook/addon-docs": "^9.0.1",
-    "@storybook/addon-onboarding": "^9.0.1",
-    "@storybook/addon-themes": "^9.0.1",
-    "@storybook/addon-vitest": "^9.0.1",
-    "@storybook/react-vite": "^9.0.1",
+    "@storybook/addon-a11y": "^8.6.11",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-docs": "^8.6.11",
+    "@storybook/addon-essentials": "^8.6.11",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.11",
+    "@storybook/addon-themes": "^8.6.11",
+    "@storybook/blocks": "^8.6.11",
+    "@storybook/react": "^8.6.11",
+    "@storybook/react-vite": "^8.6.11",
+    "@storybook/test": "^8.6.11",
     "@storybook/test-runner": "^0.22.0",
     "@televet/prettier-config": "^1.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.10",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.1.4",
-    "@vitest/coverage-v8": "^3.1.4",
     "chromatic": "^11.27.0",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.1",
+    "eslint-plugin-storybook": "^0.12.0",
     "gh-pages": "^6.3.0",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.5.0",
-    "playwright": "^1.52.0",
     "plop": "^4.0.1",
     "prettier": "^3.5.3",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^9.0.1",
+    "storybook": "^8.6.11",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.4"
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
     "date-fns": "^4.1.0",
@@ -183,15 +99,12 @@
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.19.2",
+    "@chakra-ui/react": "^3.14.2",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@emotion/react": "^11.14.0",
     "next-themes": "^0.4.6"
-  },
-  "overrides": {
-    "storybook": "$storybook"
   }
 }

package/dist/chunks/IconLogo-B-ak4O7O.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("./vendor-D9kXrowz.js"),t=require("react"),x=({color:o="currentColor",height:e="100%",width:n="100%",title:s,titleId:r},l)=>c.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 200 71",height:e,width:n,ref:l,"aria-labelledby":r,children:[s?c.jsxRuntimeExports.jsx("title",{id:r,children:s}):null,c.jsxRuntimeExports.jsx("path",{fill:o,d:"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566"})]}),i=t.forwardRef(x),w=({color:o="currentColor",height:e="100%",width:n="100%",title:s,titleId:r},l)=>c.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 59 60",height:e,width:n,ref:l,"aria-labelledby":r,children:[s?c.jsxRuntimeExports.jsx("title",{id:r,children:s}):null,c.jsxRuntimeExports.jsx("path",{fill:o,d:"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49"})]}),a=t.forwardRef(w);exports.ForwardRef=i;exports.ForwardRef$1=a;
-//# sourceMappingURL=IconLogo-B-ak4O7O.js.map

package/dist/chunks/IconLogo-B-ak4O7O.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconLogo-B-ak4O7O.js","sources":["../../src/components/Logo/generated/FullLogo.tsx","../../src/components/Logo/generated/IconLogo.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgFullLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 200 71\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgFullLogo);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgIconLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 59 60\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgIconLogo);\nexport default ForwardRef;\n"],"names":["SvgFullLogo","color","height","width","title","titleId","ref","jsxs","jsx","ForwardRef","forwardRef","SvgIconLogo"],"mappings":"wEASMA,EAAc,CAClB,CACE,MAAAC,EAAQ,eACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,MAAAC,EACA,QAAAC,CACF,EACAC,IAEAC,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,aACR,OAAAL,EACA,MAAAC,EACA,IAAAG,EACA,kBAAiBD,EAEhB,SAAA,CAAAD,EAASI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,GAAIH,EAAU,UAAM,CAAA,EAAW,KAC/CG,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMP,EACN,EAAE,wsEAAA,CAAA,CACJ,CAAA,CACF,EAEIQ,EAAaC,aAAWV,CAAW,EC1BnCW,EAAc,CAClB,CACE,MAAAV,EAAQ,eACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,MAAAC,EACA,QAAAC,CACF,EACAC,IAEAC,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,OAAAL,EACA,MAAAC,EACA,IAAAG,EACA,kBAAiBD,EAEhB,SAAA,CAAAD,EAASI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,GAAIH,EAAU,UAAM,CAAA,EAAW,KAC/CG,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMP,EACN,EAAE,g+BAAA,CAAA,CACJ,CAAA,CACF,EAEIQ,EAAaC,aAAWC,CAAW"}

package/dist/chunks/IconLogo-DZ_H_-Hf.js

@@ -1,62 +0,0 @@
-import { x as c } from "./vendor-Dap5yPke.js";
-import { forwardRef as a } from "react";
-const i = ({
-  color: l = "currentColor",
-  height: r = "100%",
-  width: n = "100%",
-  title: o,
-  titleId: s
-}, e) => /* @__PURE__ */ c.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 200 71",
-    height: r,
-    width: n,
-    ref: e,
-    "aria-labelledby": s,
-    children: [
-      o ? /* @__PURE__ */ c.jsx("title", { id: s, children: o }) : null,
-      /* @__PURE__ */ c.jsx(
-        "path",
-        {
-          fill: l,
-          d: "M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566"
-        }
-      )
-    ]
-  }
-), M = a(i), x = ({
-  color: l = "currentColor",
-  height: r = "100%",
-  width: n = "100%",
-  title: o,
-  titleId: s
-}, e) => /* @__PURE__ */ c.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 59 60",
-    height: r,
-    width: n,
-    ref: e,
-    "aria-labelledby": s,
-    children: [
-      o ? /* @__PURE__ */ c.jsx("title", { id: s, children: o }) : null,
-      /* @__PURE__ */ c.jsx(
-        "path",
-        {
-          fill: l,
-          d: "M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49"
-        }
-      )
-    ]
-  }
-), d = a(x);
-export {
-  M as F,
-  d as a
-};
-//# sourceMappingURL=IconLogo-DZ_H_-Hf.js.map