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

package/dist/button.types-DsLMGraz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.types-DsLMGraz.cjs","sources":["../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  \"primary\",\n  \"primaryOnContrast\",\n  \"primaryDestructive\",\n  \"primaryDestructiveOnContrast\",\n  \"secondary\",\n  \"secondaryOnContrast\",\n  \"secondaryDestructive\",\n  \"secondaryDestructiveOnContrast\",\n  \"secondarySubtle\",\n  \"secondarySubtleOnContrast\",\n  \"secondarySubtleDestructive\",\n  \"secondarySubtleDestructiveOnContrast\",\n  \"tertiary\",\n  \"tertiaryOnContrast\",\n  \"tertiaryDestructive\",\n  \"tertiaryDestructiveOnContrast\",\n  \"ghost\",\n  \"ghostOnContrast\",\n  \"ghostNeutral\",\n  \"ghostNeutralOnContrast\",\n  \"ghostDestructive\",\n  \"ghostDestructiveOnContrast\",\n  \"ai\",\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  \"primary\",\n  \"primaryDestructive\",\n  \"secondary\",\n  \"secondaryDestructive\",\n  \"secondarySubtle\",\n  \"secondarySubtleDestructive\",\n  \"tertiary\",\n  \"tertiaryDestructive\",\n  \"ghost\",\n  \"ghostNeutral\",\n  \"ghostDestructive\",\n  \"ai\",\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = [\"left\", \"right\"] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = [\"start\", \"end\"] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"aAAO,MAAMA,EAAuB,CAClC,UACA,oBACA,qBACA,+BACA,YACA,sBACA,uBACA,iCACA,kBACA,4BACA,6BACA,uCACA,WACA,qBACA,sBACA,gCACA,QACA,kBACA,eACA,yBACA,mBACA,6BACA,IACF,EAIaC,EAAiB,CAC5B,UACA,qBACA,YACA,uBACA,kBACA,6BACA,WACA,sBACA,QACA,eACA,mBACA,IACF,EAIaC,EAAc,CAAC,KAAM,KAAM,KAAM,IAAI,EAGrCC,EAAsB,CAAC,OAAQ,OAAO,EAGtCC,EAA0B,CAAC,QAAS,KAAK"}

package/dist/buttonGroup.component-DrTXKBWY.js

@@ -1,67 +0,0 @@
-import { x as p } from "./vendor-XkLb814A.js";
-import { useMemo as x } from "react";
-import { B } from "./button.component-Yun5FXQp.js";
-import { M as y } from "./menu.component-hR67cjuU.js";
-import { u as j, d as R } from "./chakra-Cg-UT2Wv.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-DrTXKBWY.js.map

package/dist/buttonGroup.component-DrTXKBWY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonGroup.component-DrTXKBWY.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/buttonGroup.component-Far7kI68.cjs

@@ -1,2 +0,0 @@
-"use strict";const u=require("./vendor-D-x6W6ez.cjs"),R=require("react"),j=require("./button.component-C_oCv5OX.cjs"),q=require("./menu.component-hoPm7-Ab.cjs"),p=require("./chakra-BYidfDvC.cjs"),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-Far7kI68.cjs.map

package/dist/buttonGroup.component-Far7kI68.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonGroup.component-Far7kI68.cjs","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":"oMAuBaA,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/card.component-D92x7EUe.js

@@ -1,51 +0,0 @@
-import { x as n } from "./vendor-XkLb814A.js";
-import { B as i } from "./chakra-Cg-UT2Wv.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-D92x7EUe.js.map

package/dist/card.component-D92x7EUe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.component-D92x7EUe.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/card.component-DM5qiLVC.cjs

@@ -1,2 +0,0 @@
-"use strict";const c=require("./vendor-D-x6W6ez.cjs"),i=require("./chakra-BYidfDvC.cjs"),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-DM5qiLVC.cjs.map

package/dist/card.component-DM5qiLVC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.component-DM5qiLVC.cjs","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":"yFAEaA,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"}