@televet/kibble-ui 4.0.0-beta.57 → 4.0.0-beta.59

package/dist/chunks/link.component-BEoeigC8.js

@@ -1,61 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as x } from "react";
-import { W as k } from "./text.component-BkYord5h.js";
-import { I as d } from "./icon.component-DGNCL1Yc.js";
-import { u as f } from "./useIconTextSizeMap-BK-pUrQv.js";
-import { c as j } from "./create-recipe-context-D7FewUR4.js";
-import { H as L } from "./h-stack-Ce6JSBK2.js";
-const { withContext: u } = j({
-  key: "link"
-}), z = u("a"), c = ({
-  variant: i,
-  ...r
-}) => /* @__PURE__ */ e.jsx(d, { variant: i || "interactive", ...r }), I = x(
-  (i, r) => {
-    const {
-      children: m,
-      external: p,
-      iconProps: n,
-      size: o = "md",
-      variant: t = "interactive",
-      ...l
-    } = i, a = f(o), s = n?.position || "start";
-    return /* @__PURE__ */ e.jsx(
-      z,
-      {
-        className: "Link",
-        "data-testid": "kibble-link",
-        variant: t,
-        display: "inline-block",
-        size: o,
-        ref: r,
-        ...p && { target: "_blank", rel: "noopener noreferrer" },
-        ...l,
-        children: /* @__PURE__ */ e.jsxs(L, { gap: 1, align: "center", children: [
-          n && s === "start" && /* @__PURE__ */ e.jsx(
-            c,
-            {
-              name: n.name,
-              variant: t,
-              size: a
-            }
-          ),
-          /* @__PURE__ */ e.jsx(k, { size: o, variant: t, children: m }),
-          n && s === "end" && /* @__PURE__ */ e.jsx(
-            c,
-            {
-              name: n.name,
-              variant: t,
-              size: a
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-I.displayName = "Link";
-export {
-  I as L
-};
-//# sourceMappingURL=link.component-BEoeigC8.js.map

package/dist/chunks/link.component-BEoeigC8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-BEoeigC8.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":";;;;;;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCEfG,IAAW,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,GAAGC;AACL,4BACUC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCQ/CH,IAAOK;AAAA,EAClB,CACEC,GACAC,MACsB;AAChB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAT,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDG,GACEM,IAAcC,EAAmBF,CAAI,GACrCG,IAAeJ,GAAW,YAAY;AAG1C,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAd;AAAA,QACA,SAAQ;AAAA,QACR,MAAAS;AAAA,QACA,KAAAJ;AAAA,QACC,GAAIE,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGN;AAAA,QAEJ,UAACc,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAAR,KAAaI,MAAiB,WAC7BC,gBAAAA,EAAA;AAAA,YAACd;AAAA,YAAA;AAAA,cACC,MAAMS,EAAU;AAAA,cAChB,SAAAR;AAAA,cACA,MAAMU;AAAA,YAAA;AAAA,UACR;AAAA,UAEDG,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,MAAAR,GAAY,SAAAT,GACf,UAAAM,EACH,CAAA;AAAA,UACCE,KAAaI,MAAiB,SAC7BC,gBAAAA,EAAA;AAAA,YAACd;AAAA,YAAA;AAAA,cACC,MAAMS,EAAU;AAAA,cAChB,SAAAR;AAAA,cACA,MAAMU;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAZ,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/link.component-BNWZ_bjl.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),k=require("./text.component-CfoAQOZD.js"),j=require("./icon.component-C0e0UGBw.js"),d=require("./useIconTextSizeMap-BXmABb54.js"),R=require("./create-recipe-context-sESms8Eo.js"),q=require("./h-stack-Bjx9hlJo.js"),{withContext:z}=R.createRecipeContext({key:"link"}),E=z("a"),a=({variant:i,...s})=>e.jsxRuntimeExports.jsx(j.Icon,{variant:i||"interactive",...s}),x=l.forwardRef((i,s)=>{const{children:p,external:u,iconProps:t,size:r="md",variant:n="interactive",...m}=i,o=d.useIconTextSizeMap(r),c=t?.position||"start";return e.jsxRuntimeExports.jsx(E,{className:"Link","data-testid":"kibble-link",variant:n,display:"inline-block",size:r,ref:s,...u&&{target:"_blank",rel:"noopener noreferrer"},...m,children:e.jsxRuntimeExports.jsxs(q.HStack,{gap:1,align:"center",children:[t&&c==="start"&&e.jsxRuntimeExports.jsx(a,{name:t.name,variant:n,size:o}),e.jsxRuntimeExports.jsx(k.WrappedText,{size:r,variant:n,children:p}),t&&c==="end"&&e.jsxRuntimeExports.jsx(a,{name:t.name,variant:n,size:o})]})})});x.displayName="Link";exports.Link=x;
-//# sourceMappingURL=link.component-BNWZ_bjl.js.map

package/dist/chunks/link.component-BNWZ_bjl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-BNWZ_bjl.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":"mSAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECEfG,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECQ/CH,EAAOK,EAAA,WAClB,CACEC,EACAC,IACsB,CAChB,KAAA,CACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAT,EAAU,cACV,GAAGC,CAAA,EACDG,EACEM,EAAcC,qBAAmBF,CAAI,EACrCG,EAAeJ,GAAW,UAAY,QAG1C,OAAAK,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAd,EACA,QAAQ,eACR,KAAAS,EACA,IAAAJ,EACC,GAAIE,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGN,EAEJ,SAACc,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAR,GAAaI,IAAiB,SAC7BC,EAAA,kBAAA,IAACd,EAAA,CACC,KAAMS,EAAU,KAChB,QAAAR,EACA,KAAMU,CAAA,CACR,EAEDG,EAAAA,kBAAAA,IAAAI,EAAAA,YAAA,CAAK,KAAAR,EAAY,QAAAT,EACf,SAAAM,CACH,CAAA,EACCE,GAAaI,IAAiB,OAC7BC,EAAA,kBAAA,IAACd,EAAA,CACC,KAAMS,EAAU,KAChB,QAAAR,EACA,KAAMU,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAZ,EAAK,YAAc","x_google_ignoreList":[0]}