@televet/kibble-ui 4.0.0-beta.8 → 4.0.0-beta.81

package/dist/chunks/avatarGroup.component-D-U0aMDv.js

@@ -1,71 +0,0 @@
-import { x as a } from "./vendor-BBfll6i3.js";
-import { useMemo as A, createElement as d } from "react";
-import { A as r } from "./avatar.component-DzvE2D-d.js";
-import { A as h } from "./chakra-BqBkjpvZ.js";
-const R = ({
-  addButtonTooltipText: m,
-  avatars: t,
-  max: n = 3,
-  onAdd: s,
-  onRemove: p,
-  showAddButton: l = !0,
-  showRemoveAvatarButton: i = !1,
-  size: o = "md",
-  variant: c = "default",
-  ...u
-}) => {
-  const f = A(
-    () => t.map((e) => e.name).join(", "),
-    [t]
-  ), g = o === "xs" || o === "sm" ? -1 : -2;
-  return /* @__PURE__ */ a.jsxs(
-    h,
-    {
-      className: "AvatarGroup",
-      "data-testid": "kibble-avatar-group",
-      gap: 0,
-      spaceX: g,
-      stacking: "first-on-top",
-      size: o,
-      ...u,
-      children: [
-        t.length > n ? /* @__PURE__ */ a.jsx(
-          r,
-          {
-            name: `${t.length}`,
-            size: o,
-            variant: "contrast",
-            showRemoveButton: !1,
-            tooltipProps: { label: f }
-          }
-        ) : t.map((e, x) => /* @__PURE__ */ d(
-          r,
-          {
-            ...e,
-            key: e.name,
-            size: o,
-            variant: c || e.variant,
-            showRemoveButton: i,
-            onRemove: () => p?.(x)
-          }
-        )),
-        l && /* @__PURE__ */ a.jsx(
-          r,
-          {
-            variant: "dashed",
-            iconName: "plus",
-            onClick: s,
-            ...!!m && {
-              tooltipProps: { label: m }
-            },
-            size: o
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  R as A
-};
-//# sourceMappingURL=avatarGroup.component-D-U0aMDv.js.map

package/dist/chunks/avatarGroup.component-D-U0aMDv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarGroup.component-D-U0aMDv.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} from \"@chakra-ui/react/avatar\";\nimport { Avatar, AvatarProps } from \"components/Avatar/avatar.component\";\nimport { AvatarSize, AvatarVariant } from \"components/Avatar/avatar.types\";\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  max?: number;\n  onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onRemove?: (index: number) => void;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n  variant?: AvatarVariant;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  max = 3,\n  onAdd,\n  onRemove,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = \"md\",\n  variant = \"default\",\n  ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n  const mergedNames = useMemo(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\n  const spacing = size === \"xs\" || size === \"sm\" ? -1 : -2;\n\n  return (\n    <CAvatarGroup\n      className=\"AvatarGroup\"\n      data-testid=\"kibble-avatar-group\"\n      gap={0}\n      spaceX={spacing}\n      stacking=\"first-on-top\"\n      size={size}\n      {...rest}\n    >\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\n          showRemoveButton={false}\n          tooltipProps={{ label: mergedNames }}\n        />\n      ) : (\n        avatars.map((avatar, index) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            variant={variant || avatar.variant}\n            showRemoveButton={showRemoveAvatarButton}\n            onRemove={() => onRemove?.(index)}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          variant=\"dashed\"\n          iconName=\"plus\"\n          onClick={onAdd}\n          {...(!!addButtonTooltipText && {\n            tooltipProps: { label: addButtonTooltipText },\n          })}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["AvatarGroup","addButtonTooltipText","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","rest","mergedNames","useMemo","avatar","spacing","jsxs","CAvatarGroup","jsx","Avatar","index","createElement"],"mappings":";;;;AAoBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC;AAAA,IAClB,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI;AAAA,IACpD,CAACX,CAAO;AAAA,EACV,GACMY,IAAUN,MAAS,QAAQA,MAAS,OAAO,KAAK;AAGpD,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,QAAQF;AAAA,MACR,UAAS;AAAA,MACT,MAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAR,EAAQ,SAASC,IAChBc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM,GAAGhB,EAAQ,MAAM;AAAA,YACvB,MAAAM;AAAA,YACA,SAAQ;AAAA,YACR,kBAAkB;AAAA,YAClB,cAAc,EAAE,OAAOG,EAAY;AAAA,UAAA;AAAA,QAGrC,IAAAT,EAAQ,IAAI,CAACW,GAAQM,MACnB,gBAAAC;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAL;AAAA,YACA,SAASC,KAAWI,EAAO;AAAA,YAC3B,kBAAkBN;AAAA,YAClB,UAAU,MAAMF,IAAWc,CAAK;AAAA,UAAA;AAAA,QAAA,CAEnC;AAAA,QAEFb,KACCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,SAASd;AAAA,YACR,GAAI,CAAC,CAACH,KAAwB;AAAA,cAC7B,cAAc,EAAE,OAAOA,EAAqB;AAAA,YAC9C;AAAA,YACA,MAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/avatarGroup.component-DES1ekL9.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("./vendor-D-x6W6ez.js"),s=require("react"),a=require("./avatar.component-Coq-0l7p.js"),h=require("./chakra-DmF8Cxqs.js"),j=({addButtonTooltipText:n,avatars:t,max:c=3,onAdd:m,onRemove:p,showAddButton:u=!0,showRemoveAvatarButton:i=!1,size:e="md",variant:l="default",...v})=>{const x=s.useMemo(()=>t.map(o=>o.name).join(", "),[t]),d=e==="xs"||e==="sm"?-1:-2;return r.jsxRuntimeExports.jsxs(h.AvatarGroup,{className:"AvatarGroup","data-testid":"kibble-avatar-group",gap:0,spaceX:d,stacking:"first-on-top",size:e,...v,children:[t.length>c?r.jsxRuntimeExports.jsx(a.Avatar,{name:`${t.length}`,size:e,variant:"contrast",showRemoveButton:!1,tooltipProps:{label:x}}):t.map((o,g)=>s.createElement(a.Avatar,{...o,key:o.name,size:e,variant:l||o.variant,showRemoveButton:i,onRemove:()=>p?.(g)})),u&&r.jsxRuntimeExports.jsx(a.Avatar,{variant:"dashed",iconName:"plus",onClick:m,...!!n&&{tooltipProps:{label:n}},size:e})]})};exports.AvatarGroup=j;
-//# sourceMappingURL=avatarGroup.component-DES1ekL9.js.map

package/dist/chunks/avatarGroup.component-DES1ekL9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarGroup.component-DES1ekL9.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} from \"@chakra-ui/react/avatar\";\nimport { Avatar, AvatarProps } from \"components/Avatar/avatar.component\";\nimport { AvatarSize, AvatarVariant } from \"components/Avatar/avatar.types\";\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  max?: number;\n  onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onRemove?: (index: number) => void;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n  variant?: AvatarVariant;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  max = 3,\n  onAdd,\n  onRemove,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = \"md\",\n  variant = \"default\",\n  ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n  const mergedNames = useMemo(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\n  const spacing = size === \"xs\" || size === \"sm\" ? -1 : -2;\n\n  return (\n    <CAvatarGroup\n      className=\"AvatarGroup\"\n      data-testid=\"kibble-avatar-group\"\n      gap={0}\n      spaceX={spacing}\n      stacking=\"first-on-top\"\n      size={size}\n      {...rest}\n    >\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\n          showRemoveButton={false}\n          tooltipProps={{ label: mergedNames }}\n        />\n      ) : (\n        avatars.map((avatar, index) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            variant={variant || avatar.variant}\n            showRemoveButton={showRemoveAvatarButton}\n            onRemove={() => onRemove?.(index)}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          variant=\"dashed\"\n          iconName=\"plus\"\n          onClick={onAdd}\n          {...(!!addButtonTooltipText && {\n            tooltipProps: { label: addButtonTooltipText },\n          })}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["AvatarGroup","addButtonTooltipText","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","rest","mergedNames","useMemo","avatar","spacing","jsxs","CAvatarGroup","jsx","Avatar","index","createElement"],"mappings":"sJAoBaA,EAAc,CAAC,CAC1B,qBAAAC,EACA,QAAAC,EACA,IAAAC,EAAM,EACN,MAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,GACzB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAcC,EAAA,QAClB,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EACpD,CAACX,CAAO,CACV,EACMY,EAAUN,IAAS,MAAQA,IAAS,KAAO,GAAK,GAGpD,OAAAO,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,IAAK,EACL,OAAQF,EACR,SAAS,eACT,KAAAN,EACC,GAAGE,EAEH,SAAA,CAAAR,EAAQ,OAASC,EAChBc,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAM,GAAGhB,EAAQ,MAAM,GACvB,KAAAM,EACA,QAAQ,WACR,iBAAkB,GAClB,aAAc,CAAE,MAAOG,CAAY,CAAA,CAGrC,EAAAT,EAAQ,IAAI,CAACW,EAAQM,IACnBC,EAAA,cAACF,EAAA,OAAA,CACE,GAAGL,EACJ,IAAKA,EAAO,KACZ,KAAAL,EACA,QAASC,GAAWI,EAAO,QAC3B,iBAAkBN,EAClB,SAAU,IAAMF,IAAWc,CAAK,CAAA,CAAA,CAEnC,EAEFb,GACCW,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAQ,SACR,SAAS,OACT,QAASd,EACR,GAAI,CAAC,CAACH,GAAwB,CAC7B,aAAc,CAAE,MAAOA,CAAqB,CAC9C,EACA,KAAAO,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ"}

package/dist/chunks/button.component-BiW8RE1U.js

@@ -1,67 +0,0 @@
-import { x as t } from "./vendor-BBfll6i3.js";
-import { forwardRef as f, useMemo as x } from "react";
-import { I as b } from "./icon.component-B-BWWGO3.js";
-import { I as B, x as g } from "./chakra-BqBkjpvZ.js";
-const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCase()), I = f(
-  ({
-    active: s,
-    children: o,
-    iconName: r,
-    iconPosition: n = "left",
-    fullWidth: m = !1,
-    onContrast: l = !1,
-    size: e = "md",
-    variant: i = "primary",
-    ...p
-  }, c) => {
-    let a;
-    const u = x(
-      () => `${i}${l ? "OnContrast" : ""}`,
-      [l, i]
-    );
-    if (r && (a = /* @__PURE__ */ t.jsx(b, { size: e, name: r }), !o)) {
-      const d = j(r);
-      return /* @__PURE__ */ t.jsx(
-        B,
-        {
-          className: "IconButton",
-          "data-testid": "kibble-icon-button",
-          ref: c,
-          "aria-label": d,
-          size: e,
-          variant: u,
-          ...p,
-          ...m && { width: "100%" },
-          children: a
-        }
-      );
-    }
-    return /* @__PURE__ */ t.jsxs(
-      g,
-      {
-        className: "Button",
-        "data-testid": "kibble-button",
-        fontWeight: "semibold",
-        ref: c,
-        size: e,
-        variant: u,
-        ...s && { "data-active": !0 },
-        ...p,
-        ...m && { width: "100%" },
-        ...!!r && {
-          gap: e === "xs" || e === "sm" ? 1 : 2
-        },
-        children: [
-          a && n === "left" ? a : /* @__PURE__ */ t.jsx(t.Fragment, {}),
-          o,
-          a && n === "right" ? a : /* @__PURE__ */ t.jsx(t.Fragment, {})
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Button";
-export {
-  I as B
-};
-//# sourceMappingURL=button.component-BiW8RE1U.js.map

package/dist/chunks/button.component-BiW8RE1U.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component-BiW8RE1U.js","sources":["../../src/shared/utils/strings.ts","../../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, \" $1\").replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords =\n    /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== \":\" &&\n        array[index + 1] !== \":\" &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== \"-\" ||\n          (array[index - 1] === \"-\" && array[index + 1] === \"-\"))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === \":\" && array[index + 2] !== \"\") {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) =>\n        match.toUpperCase(),\n      );\n    })\n    .join(\"\");\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport {\n  Button as CButton,\n  ButtonProps as CButtonProps,\n  IconButton as CIconButton,\n} from \"@chakra-ui/react/button\";\nimport { IconName } from \"components/Icon/icon.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonIconPosition,\n  ButtonSize,\n  ButtonSpinnerPlacement,\n  ButtonVariant,\n} from \"./button.types\";\nimport { camelCaseToLabel } from \"shared/utils/strings\";\nimport { Icon } from \"components/Icon\";\n\nexport interface KButtonProps {\n  active?: boolean;\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  fullWidth?: boolean;\n  size?: ButtonSize;\n  spinnerPlacement?: ButtonSpinnerPlacement;\n  onContrast?: boolean;\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & CButtonProps;\n\nexport const Button = forwardRef(\n  (\n    {\n      active,\n      children,\n      iconName,\n      iconPosition = \"left\",\n      fullWidth = false,\n      onContrast = false,\n      size = \"md\",\n      variant = \"primary\",\n      ...rest\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): React.JSX.Element => {\n    let icon;\n    const computedVariant = useMemo(\n      () =>\n        `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n      [onContrast, variant],\n    );\n\n    if (iconName) {\n      icon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            className=\"IconButton\"\n            data-testid=\"kibble-icon-button\"\n            ref={ref}\n            aria-label={label}\n            size={size}\n            variant={computedVariant}\n            {...rest}\n            {...(fullWidth && { width: \"100%\" })}\n          >\n            {icon}\n          </CIconButton>\n        );\n      }\n    }\n\n    return (\n      <CButton\n        className=\"Button\"\n        data-testid=\"kibble-button\"\n        fontWeight=\"semibold\"\n        ref={ref}\n        size={size}\n        variant={computedVariant}\n        {...(active && { \"data-active\": true })}\n        {...rest}\n        {...(fullWidth && { width: \"100%\" })}\n        {...(!!iconName && {\n          gap: size === \"xs\" || size === \"sm\" ? 1 : 2,\n        })}\n      >\n        {icon && iconPosition === \"left\" ? icon : <></>}\n        {children}\n        {icon && iconPosition === \"right\" ? icon : <></>}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["camelCaseToLabel","c","Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","CIconButton","jsxs","CButton","Fragment"],"mappings":";;;;AAAO,MAAMA,IAAmB,CAAC,MAC/B,EAAE,QAAQ,YAAY,KAAK,EAAE,QAAQ,OAAO,CAACC,MAAMA,EAAE,aAAa,GC6BvDC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,KAELC,MACsB;AAClB,QAAAC;AACJ,UAAMC,IAAkBC;AAAA,MACtB,MACE,GAAGL,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,MAC7C,CAACA,GAAYE,CAAO;AAAA,IACtB;AAEA,QAAIL,MACFQ,IAAQG,gBAAAA,EAAA,IAAAC,GAAA,EAAK,MAAAR,GAAY,MAAMJ,GAAU,GAErC,CAACD,IAAU;AACP,YAAAc,IAAQnB,EAAiBM,CAAQ;AAErC,aAAAW,gBAAAA,EAAA;AAAA,QAACG;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,KAAAP;AAAA,UACA,cAAYM;AAAA,UACZ,MAAAT;AAAA,UACA,SAASK;AAAA,UACR,GAAGH;AAAA,UACH,GAAIJ,KAAa,EAAE,OAAO,OAAO;AAAA,UAEjC,UAAAM;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAMJ,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,YAAW;AAAA,QACX,KAAAT;AAAA,QACA,MAAAH;AAAA,QACA,SAASK;AAAA,QACR,GAAIX,KAAU,EAAE,eAAe,GAAK;AAAA,QACpC,GAAGQ;AAAA,QACH,GAAIJ,KAAa,EAAE,OAAO,OAAO;AAAA,QACjC,GAAI,CAAC,CAACF,KAAY;AAAA,UACjB,KAAKI,MAAS,QAAQA,MAAS,OAAO,IAAI;AAAA,QAC5C;AAAA,QAEC,UAAA;AAAA,UAAQI,KAAAP,MAAiB,SAASO,IAASG,gBAAAA,EAAA,IAAAM,EAAA,UAAA,EAAA;AAAA,UAC3ClB;AAAA,UACAS,KAAQP,MAAiB,UAAUO,IAASG,gBAAAA,EAAA,IAAAM,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGN;AAEArB,EAAO,cAAc;"}

package/dist/chunks/button.component-Dufh_y5v.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),p=require("react"),R=require("./icon.component-Bmtf4XKw.js"),d=require("./chakra-DmF8Cxqs.js"),f=r=>r.replace(/([A-Z])/g," $1").replace(/^\w/,n=>n.toUpperCase()),j=p.forwardRef(({active:r,children:n,iconName:a,iconPosition:o="left",fullWidth:u=!1,onContrast:c=!1,size:s="md",variant:i="primary",...x},l)=>{let e;const m=p.useMemo(()=>`${i}${c?"OnContrast":""}`,[c,i]);if(a&&(e=t.jsxRuntimeExports.jsx(R.Icon,{size:s,name:a}),!n)){const b=f(a);return t.jsxRuntimeExports.jsx(d.IconButton,{className:"IconButton","data-testid":"kibble-icon-button",ref:l,"aria-label":b,size:s,variant:m,...x,...u&&{width:"100%"},children:e})}return t.jsxRuntimeExports.jsxs(d.Button,{className:"Button","data-testid":"kibble-button",fontWeight:"semibold",ref:l,size:s,variant:m,...r&&{"data-active":!0},...x,...u&&{width:"100%"},...!!a&&{gap:s==="xs"||s==="sm"?1:2},children:[e&&o==="left"?e:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),n,e&&o==="right"?e:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})]})});j.displayName="Button";exports.Button=j;
-//# sourceMappingURL=button.component-Dufh_y5v.js.map

package/dist/chunks/button.component-Dufh_y5v.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component-Dufh_y5v.js","sources":["../../src/shared/utils/strings.ts","../../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, \" $1\").replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords =\n    /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== \":\" &&\n        array[index + 1] !== \":\" &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== \"-\" ||\n          (array[index - 1] === \"-\" && array[index + 1] === \"-\"))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === \":\" && array[index + 2] !== \"\") {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) =>\n        match.toUpperCase(),\n      );\n    })\n    .join(\"\");\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport {\n  Button as CButton,\n  ButtonProps as CButtonProps,\n  IconButton as CIconButton,\n} from \"@chakra-ui/react/button\";\nimport { IconName } from \"components/Icon/icon.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonIconPosition,\n  ButtonSize,\n  ButtonSpinnerPlacement,\n  ButtonVariant,\n} from \"./button.types\";\nimport { camelCaseToLabel } from \"shared/utils/strings\";\nimport { Icon } from \"components/Icon\";\n\nexport interface KButtonProps {\n  active?: boolean;\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  fullWidth?: boolean;\n  size?: ButtonSize;\n  spinnerPlacement?: ButtonSpinnerPlacement;\n  onContrast?: boolean;\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & CButtonProps;\n\nexport const Button = forwardRef(\n  (\n    {\n      active,\n      children,\n      iconName,\n      iconPosition = \"left\",\n      fullWidth = false,\n      onContrast = false,\n      size = \"md\",\n      variant = \"primary\",\n      ...rest\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): React.JSX.Element => {\n    let icon;\n    const computedVariant = useMemo(\n      () =>\n        `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n      [onContrast, variant],\n    );\n\n    if (iconName) {\n      icon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            className=\"IconButton\"\n            data-testid=\"kibble-icon-button\"\n            ref={ref}\n            aria-label={label}\n            size={size}\n            variant={computedVariant}\n            {...rest}\n            {...(fullWidth && { width: \"100%\" })}\n          >\n            {icon}\n          </CIconButton>\n        );\n      }\n    }\n\n    return (\n      <CButton\n        className=\"Button\"\n        data-testid=\"kibble-button\"\n        fontWeight=\"semibold\"\n        ref={ref}\n        size={size}\n        variant={computedVariant}\n        {...(active && { \"data-active\": true })}\n        {...rest}\n        {...(fullWidth && { width: \"100%\" })}\n        {...(!!iconName && {\n          gap: size === \"xs\" || size === \"sm\" ? 1 : 2,\n        })}\n      >\n        {icon && iconPosition === \"left\" ? icon : <></>}\n        {children}\n        {icon && iconPosition === \"right\" ? icon : <></>}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["camelCaseToLabel","s","c","Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","CIconButton","jsxs","CButton","Fragment"],"mappings":"oJAAaA,EAAoBC,GAC/BA,EAAE,QAAQ,WAAY,KAAK,EAAE,QAAQ,MAAQC,GAAMA,EAAE,aAAa,EC6BvDC,EAASC,EAAA,WACpB,CACE,CACE,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,OACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,GAELC,IACsB,CAClB,IAAAC,EACJ,MAAMC,EAAkBC,EAAA,QACtB,IACE,GAAGL,CAAO,GAAGF,EAAa,aAAe,EAAE,GAC7C,CAACA,EAAYE,CAAO,CACtB,EAEA,GAAIL,IACFQ,EAAQG,EAAA,kBAAA,IAAAC,EAAA,KAAA,CAAK,KAAAR,EAAY,KAAMJ,EAAU,EAErC,CAACD,GAAU,CACP,MAAAc,EAAQpB,EAAiBO,CAAQ,EAErC,OAAAW,EAAA,kBAAA,IAACG,EAAA,WAAA,CACC,UAAU,aACV,cAAY,qBACZ,IAAAP,EACA,aAAYM,EACZ,KAAAT,EACA,QAASK,EACR,GAAGH,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EAEjC,SAAAM,CAAA,CACH,CAAA,CAMJ,OAAAO,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,SACV,cAAY,gBACZ,WAAW,WACX,IAAAT,EACA,KAAAH,EACA,QAASK,EACR,GAAIX,GAAU,CAAE,cAAe,EAAK,EACpC,GAAGQ,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EACjC,GAAI,CAAC,CAACF,GAAY,CACjB,IAAKI,IAAS,MAAQA,IAAS,KAAO,EAAI,CAC5C,EAEC,SAAA,CAAQI,GAAAP,IAAiB,OAASO,EAASG,EAAA,kBAAA,IAAAM,EAAA,kBAAA,SAAA,EAAA,EAC3ClB,EACAS,GAAQP,IAAiB,QAAUO,EAASG,EAAA,kBAAA,IAAAM,EAAA,kBAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA,CAGN,EAEArB,EAAO,YAAc"}

package/dist/chunks/buttonGroup.component-DcCHtB7Q.js

@@ -1,67 +0,0 @@
-import { x as p } from "./vendor-BBfll6i3.js";
-import { useMemo as x } from "react";
-import { B } from "./button.component-BiW8RE1U.js";
-import { M as y } from "./menu.component-CR9SH_jk.js";
-import { u as j, d as R } from "./chakra-BqBkjpvZ.js";
-const L = ({
-  attached: t = !0,
-  borderColor: i,
-  buttons: n,
-  menuProps: e,
-  onContrast: o = !1,
-  size: u = "md",
-  variant: r = "primary",
-  ...c
-}) => {
-  const d = x(
-    () => `${r}${o ? "OnContrast" : ""}`,
-    [o, r]
-  ), s = j({ key: "button" })({ variant: d })["@layer recipes"], a = s?.borderColor !== "var(--chakra-colors-transparent)" ? s?.borderColor : s?.color, m = {
-    borderWidth: "1px",
-    borderColor: i || a
-  };
-  return /* @__PURE__ */ p.jsxs(
-    R,
-    {
-      className: "ButtonGroup",
-      "data-testid": "kibble-button-group",
-      attached: t,
-      ...c,
-      children: [
-        n.map(({ key: b, ...l }, f) => /* @__PURE__ */ p.jsx(
-          B,
-          {
-            size: u,
-            variant: r,
-            onContrast: o,
-            ...l,
-            ...t && m
-          },
-          b || f
-        )),
-        e && /* @__PURE__ */ p.jsx(
-          y,
-          {
-            positioning: { placement: "bottom" },
-            ...e,
-            buttonProps: {
-              ...e.buttonProps,
-              size: u,
-              variant: r,
-              onContrast: o,
-              ...t && {
-                ...m,
-                borderTopLeftRadius: 0,
-                borderBottomLeftRadius: 0
-              }
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  L as B
-};
-//# sourceMappingURL=buttonGroup.component-DcCHtB7Q.js.map

package/dist/chunks/buttonGroup.component-DcCHtB7Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonGroup.component-DcCHtB7Q.js","sources":["../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","useMemo","styles","useRecipe","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","jsx","Button","Menu"],"mappings":";;;;;AAuBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAkBC;AAAA,IACtB,MAAM,GAAGH,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMI,IADSC,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASH,EAAgB,CAAC,EAAE,gBAAgB,GAC9DI,IACJF,GAAQ,gBAAgB,qCACpBA,GAAQ,cACRA,GAAQ,OAERG,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaZ,KAAeW;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAAf;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAc,GAAK,GAAGT,EAAAA,GAAQU,MAC9BC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,MAAAd;AAAA,YACA,SAAAC;AAAA,YACA,YAAAF;AAAA,YACC,GAAGG;AAAAA,YACH,GAAIP,KAAYa;AAAA,UAAA;AAAA,UALZG,KAAOC;AAAA,QAAA,CAOf;AAAA,QACAd,KACCe,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,aAAa,EAAE,WAAW,SAAS;AAAA,YAClC,GAAGjB;AAAA,YACJ,aAAa;AAAA,cACX,GAAGA,EAAU;AAAA,cACb,MAAAE;AAAA,cACA,SAAAC;AAAA,cACA,YAAAF;AAAA,cACA,GAAIJ,KAAY;AAAA,gBACd,GAAGa;AAAA,gBACH,qBAAqB;AAAA,gBACrB,wBAAwB;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/buttonGroup.component-sM0NngWF.js

@@ -1,2 +0,0 @@
-"use strict";const u=require("./vendor-D-x6W6ez.js"),R=require("react"),j=require("./button.component-Dufh_y5v.js"),q=require("./menu.component-BEj878EN.js"),p=require("./chakra-DmF8Cxqs.js"),y=({attached:r=!0,borderColor:i,buttons:b,menuProps:e,onContrast:o=!1,size:n="md",variant:t="primary",...d})=>{const l=R.useMemo(()=>`${t}${o?"OnContrast":""}`,[o,t]),s=p.useRecipe({key:"button"})({variant:l})["@layer recipes"],m=s?.borderColor!=="var(--chakra-colors-transparent)"?s?.borderColor:s?.color,c={borderWidth:"1px",borderColor:i||m};return u.jsxRuntimeExports.jsxs(p.ButtonGroup,{className:"ButtonGroup","data-testid":"kibble-button-group",attached:r,...d,children:[b.map(({key:a,...x},B)=>u.jsxRuntimeExports.jsx(j.Button,{size:n,variant:t,onContrast:o,...x,...r&&c},a||B)),e&&u.jsxRuntimeExports.jsx(q.Menu,{positioning:{placement:"bottom"},...e,buttonProps:{...e.buttonProps,size:n,variant:t,onContrast:o,...r&&{...c,borderTopLeftRadius:0,borderBottomLeftRadius:0}}})]})};exports.ButtonGroup=y;
-//# sourceMappingURL=buttonGroup.component-sM0NngWF.js.map

package/dist/chunks/buttonGroup.component-sM0NngWF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonGroup.component-sM0NngWF.js","sources":["../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","useMemo","styles","useRecipe","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","jsx","Button","Menu"],"mappings":"gMAuBaA,EAAc,CAAC,CAC1B,SAAAC,EAAW,GACX,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAkBC,EAAA,QACtB,IAAM,GAAGH,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,CAACA,EAAYE,CAAO,CACtB,EAEMI,EADSC,EAAA,UAAU,CAAE,IAAK,SAAU,EACpB,CAAE,QAASH,CAAgB,CAAC,EAAE,gBAAgB,EAC9DI,EACJF,GAAQ,cAAgB,mCACpBA,GAAQ,YACRA,GAAQ,MAERG,EAAkC,CACtC,YAAa,MACb,YAAaZ,GAAeW,CAC9B,EAGE,OAAAE,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,SAAAf,EACC,GAAGO,EAEH,SAAA,CAAAL,EAAQ,IAAI,CAAC,CAAE,IAAAc,EAAK,GAAGT,CAAAA,EAAQU,IAC9BC,EAAA,kBAAA,IAACC,EAAA,OAAA,CAEC,KAAAd,EACA,QAAAC,EACA,WAAAF,EACC,GAAGG,EACH,GAAIP,GAAYa,CAAA,EALZG,GAAOC,CAAA,CAOf,EACAd,GACCe,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,YAAa,CAAE,UAAW,QAAS,EAClC,GAAGjB,EACJ,YAAa,CACX,GAAGA,EAAU,YACb,KAAAE,EACA,QAAAC,EACA,WAAAF,EACA,GAAIJ,GAAY,CACd,GAAGa,EACH,oBAAqB,EACrB,uBAAwB,CAAA,CAC1B,CACF,CAAA,CACF,CAAA,CAEJ,CAEJ"}

package/dist/chunks/card.component-HX-4Y0j7.js

@@ -1,51 +0,0 @@
-import { x as n } from "./vendor-BBfll6i3.js";
-import { B as i } from "./chakra-BqBkjpvZ.js";
-const l = {
-  lg: 7,
-  md: 5,
-  sm: 3,
-  xs: 2
-}, x = ({
-  active: a = !1,
-  fullWidth: e = !1,
-  interactive: o = !1,
-  invalid: d = !1,
-  onContrast: r = !1,
-  size: s = "md",
-  children: t,
-  ...b
-}) => /* @__PURE__ */ n.jsx(
-  i,
-  {
-    className: "Card",
-    "data-testid": "kibble-card",
-    bg: r ? "background.contrast" : "background",
-    p: l[s],
-    border: "1px",
-    borderColor: r ? "border.contrast" : "border",
-    borderRadius: "lg",
-    ...d && { "aria-invalid": !0 },
-    ...o && {
-      borderColor: {
-        base: `${a ? "transparent" : r ? "border.contrast" : "border"}`,
-        _invalid: `${r ? "border.danger.contrast" : "border.danger"}`
-      },
-      boxShadow: {
-        base: `${a ? r ? "active.contrast" : "active" : "none"}`,
-        ...!a && {
-          _hover: r ? "hover.contrast" : "hover"
-        }
-      },
-      cursor: "pointer",
-      transition: ".1s all ease-in-out"
-    },
-    ...!e && { maxW: "max-content" },
-    ...b,
-    children: t
-  }
-);
-export {
-  x as C,
-  l as a
-};
-//# sourceMappingURL=card.component-HX-4Y0j7.js.map

package/dist/chunks/card.component-HX-4Y0j7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.component-HX-4Y0j7.js","sources":["../../src/components/Card/card.records.ts","../../src/components/Card/card.component.tsx"],"sourcesContent":["import { CardSize } from \"./card.types\";\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n  xs: 2,\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { CardSize } from \"./card.types\";\nimport { CardPaddingMap } from \"./card.records\";\n\nexport interface BaseCardProps {\n  fullWidth?: boolean;\n  onContrast?: boolean;\n  size?: CardSize;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  active?: never;\n  invalid?: never;\n  interactive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  active?: boolean;\n  invalid?: boolean;\n  interactive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n  active = false,\n  fullWidth = false,\n  interactive = false,\n  invalid = false,\n  onContrast = false,\n  size = \"md\",\n  children,\n  ...rest\n}: CardProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Card\"\n      data-testid=\"kibble-card\"\n      bg={onContrast ? \"background.contrast\" : \"background\"}\n      p={CardPaddingMap[size]}\n      border=\"1px\"\n      borderColor={onContrast ? \"border.contrast\" : \"border\"}\n      borderRadius=\"lg\"\n      {...(invalid && { \"aria-invalid\": true })}\n      {...(interactive && {\n        borderColor: {\n          base: `${active ? \"transparent\" : onContrast ? \"border.contrast\" : \"border\"}`,\n          _invalid: `${onContrast ? \"border.danger.contrast\" : \"border.danger\"}`,\n        },\n        boxShadow: {\n          base: `${active ? (onContrast ? \"active.contrast\" : \"active\") : \"none\"}`,\n          ...(!active && {\n            _hover: onContrast ? \"hover.contrast\" : \"hover\",\n          }),\n        },\n        cursor: \"pointer\",\n        transition: \".1s all ease-in-out\",\n      })}\n      {...(!fullWidth && { maxW: \"max-content\" })}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","Card","active","fullWidth","interactive","invalid","onContrast","size","children","rest","jsx","Box"],"mappings":";;AAEO,MAAMA,IAA2C;AAAA,EACtD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCoBaC,IAAO,CAAC;AAAA,EACnB,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,IAAIL,IAAa,wBAAwB;AAAA,IACzC,GAAGN,EAAeO,CAAI;AAAA,IACtB,QAAO;AAAA,IACP,aAAaD,IAAa,oBAAoB;AAAA,IAC9C,cAAa;AAAA,IACZ,GAAID,KAAW,EAAE,gBAAgB,GAAK;AAAA,IACtC,GAAID,KAAe;AAAA,MAClB,aAAa;AAAA,QACX,MAAM,GAAGF,IAAS,gBAAgBI,IAAa,oBAAoB,QAAQ;AAAA,QAC3E,UAAU,GAAGA,IAAa,2BAA2B,eAAe;AAAA,MACtE;AAAA,MACA,WAAW;AAAA,QACT,MAAM,GAAGJ,IAAUI,IAAa,oBAAoB,WAAY,MAAM;AAAA,QACtE,GAAI,CAACJ,KAAU;AAAA,UACb,QAAQI,IAAa,mBAAmB;AAAA,QAAA;AAAA,MAE5C;AAAA,MACA,QAAQ;AAAA,MACR,YAAY;AAAA,IACd;AAAA,IACC,GAAI,CAACH,KAAa,EAAE,MAAM,cAAc;AAAA,IACxC,GAAGM;AAAA,IAEH,UAAAD;AAAA,EAAA;AACH;"}

package/dist/chunks/card.component-ZIoJIWVV.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("./vendor-D-x6W6ez.js"),i=require("./chakra-DmF8Cxqs.js"),e={lg:7,md:5,sm:3,xs:2},l=({active:a=!1,fullWidth:d=!1,interactive:o=!1,invalid:s=!1,onContrast:r=!1,size:t="md",children:n,...b})=>c.jsxRuntimeExports.jsx(i.Box,{className:"Card","data-testid":"kibble-card",bg:r?"background.contrast":"background",p:e[t],border:"1px",borderColor:r?"border.contrast":"border",borderRadius:"lg",...s&&{"aria-invalid":!0},...o&&{borderColor:{base:`${a?"transparent":r?"border.contrast":"border"}`,_invalid:`${r?"border.danger.contrast":"border.danger"}`},boxShadow:{base:`${a?r?"active.contrast":"active":"none"}`,...!a&&{_hover:r?"hover.contrast":"hover"}},cursor:"pointer",transition:".1s all ease-in-out"},...!d&&{maxW:"max-content"},...b,children:n});exports.Card=l;exports.CardPaddingMap=e;
-//# sourceMappingURL=card.component-ZIoJIWVV.js.map

package/dist/chunks/card.component-ZIoJIWVV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.component-ZIoJIWVV.js","sources":["../../src/components/Card/card.records.ts","../../src/components/Card/card.component.tsx"],"sourcesContent":["import { CardSize } from \"./card.types\";\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n  xs: 2,\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { CardSize } from \"./card.types\";\nimport { CardPaddingMap } from \"./card.records\";\n\nexport interface BaseCardProps {\n  fullWidth?: boolean;\n  onContrast?: boolean;\n  size?: CardSize;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  active?: never;\n  invalid?: never;\n  interactive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  active?: boolean;\n  invalid?: boolean;\n  interactive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n  active = false,\n  fullWidth = false,\n  interactive = false,\n  invalid = false,\n  onContrast = false,\n  size = \"md\",\n  children,\n  ...rest\n}: CardProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Card\"\n      data-testid=\"kibble-card\"\n      bg={onContrast ? \"background.contrast\" : \"background\"}\n      p={CardPaddingMap[size]}\n      border=\"1px\"\n      borderColor={onContrast ? \"border.contrast\" : \"border\"}\n      borderRadius=\"lg\"\n      {...(invalid && { \"aria-invalid\": true })}\n      {...(interactive && {\n        borderColor: {\n          base: `${active ? \"transparent\" : onContrast ? \"border.contrast\" : \"border\"}`,\n          _invalid: `${onContrast ? \"border.danger.contrast\" : \"border.danger\"}`,\n        },\n        boxShadow: {\n          base: `${active ? (onContrast ? \"active.contrast\" : \"active\") : \"none\"}`,\n          ...(!active && {\n            _hover: onContrast ? \"hover.contrast\" : \"hover\",\n          }),\n        },\n        cursor: \"pointer\",\n        transition: \".1s all ease-in-out\",\n      })}\n      {...(!fullWidth && { maxW: \"max-content\" })}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","Card","active","fullWidth","interactive","invalid","onContrast","size","children","rest","jsx","Box"],"mappings":"uFAEaA,EAA2C,CACtD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,ECoBaC,EAAO,CAAC,CACnB,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACZ,GAAIL,EAAa,sBAAwB,aACzC,EAAGN,EAAeO,CAAI,EACtB,OAAO,MACP,YAAaD,EAAa,kBAAoB,SAC9C,aAAa,KACZ,GAAID,GAAW,CAAE,eAAgB,EAAK,EACtC,GAAID,GAAe,CAClB,YAAa,CACX,KAAM,GAAGF,EAAS,cAAgBI,EAAa,kBAAoB,QAAQ,GAC3E,SAAU,GAAGA,EAAa,yBAA2B,eAAe,EACtE,EACA,UAAW,CACT,KAAM,GAAGJ,EAAUI,EAAa,kBAAoB,SAAY,MAAM,GACtE,GAAI,CAACJ,GAAU,CACb,OAAQI,EAAa,iBAAmB,OAAA,CAE5C,EACA,OAAQ,UACR,WAAY,qBACd,EACC,GAAI,CAACH,GAAa,CAAE,KAAM,aAAc,EACxC,GAAGM,EAEH,SAAAD,CAAA,CACH"}