@televet/kibble-ui 4.0.0-beta.18 → 4.0.0-beta.2

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

@@ -0,0 +1,71 @@
+import { x as a } from "./vendor-D56wCYP8.js";
+import { useMemo as A, createElement as d } from "react";
+import { A as r } from "./avatar.component-B9AMlLkB.js";
+import { A as h } from "./chakra-LFfg7ED-.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-Hgr3u3_1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroup.component-Hgr3u3_1.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/button.component-BwdIs2R9.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-BwdIs2R9.js","sources":["../../src/components/Button/button.component.tsx"],"sourcesContent":["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":["Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","camelCaseToLabel","CIconButton","jsxs","CButton","Fragment"],"mappings":"yPA8BaA,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,EAAQC,mBAAiBd,CAAQ,EAErC,OAAAW,EAAA,kBAAA,IAACI,EAAA,WAAA,CACC,UAAU,aACV,cAAY,qBACZ,IAAAR,EACA,aAAYM,EACZ,KAAAT,EACA,QAASK,EACR,GAAGH,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EAEjC,SAAAM,CAAA,CACH,CAAA,CAMJ,OAAAQ,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,SACV,cAAY,gBACZ,WAAW,WACX,IAAAV,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,IAAAO,EAAA,kBAAA,SAAA,EAAA,EAC3CnB,EACAS,GAAQP,IAAiB,QAAUO,EAASG,EAAA,kBAAA,IAAAO,EAAA,kBAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA,CAGN,EAEAtB,EAAO,YAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-SfKkS7VY.js","sources":["../../src/components/Button/button.component.tsx"],"sourcesContent":["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":["Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","camelCaseToLabel","CIconButton","jsxs","CButton","Fragment"],"mappings":";;;;;;AA8BO,MAAMA,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,IAAQC,EAAiBd,CAAQ;AAErC,aAAAW,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,KAAAR;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,WAAAQ,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,YAAW;AAAA,QACX,KAAAV;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,IAAAO,EAAA,UAAA,EAAA;AAAA,UAC3CnB;AAAA,UACAS,KAAQP,MAAiB,UAAUO,IAASG,gBAAAA,EAAA,IAAAO,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGN;AAEAtB,EAAO,cAAc;"}

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

@@ -0,0 +1,67 @@
+import { x as p } from "./vendor-D56wCYP8.js";
+import { useMemo as x } from "react";
+import { B } from "./button.component-SfKkS7VY.js";
+import { M as y } from "./menu.component-DvzXmK6W.js";
+import { u as j, l as R } from "./chakra-LFfg7ED-.js";
+const L = ({
+  attached: t = !0,
+  borderColor: i,
+  buttons: n,
+  menuProps: e,
+  onContrast: o = !1,
+  size: u = "md",
+  variant: r = "primary",
+  ...c
+}) => {
+  const l = x(
+    () => `${r}${o ? "OnContrast" : ""}`,
+    [o, r]
+  ), s = j({ key: "button" })({ variant: l })["@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, ...d }, f) => /* @__PURE__ */ p.jsx(
+          B,
+          {
+            size: u,
+            variant: r,
+            onContrast: o,
+            ...d,
+            ...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-C7RpJBBH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.component-C7RpJBBH.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-DQ_3MA-T.js

@@ -0,0 +1,2 @@
+"use strict";const u=require("./vendor-CsrlYH7V.js"),R=require("react"),j=require("./button.component-BwdIs2R9.js"),q=require("./menu.component-B2DOV9XA.js"),p=require("./chakra-CQVPsvk3.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-DQ_3MA-T.js.map

package/dist/chunks/buttonGroup.component-DQ_3MA-T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.component-DQ_3MA-T.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-0oud8Y01.js

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

package/dist/chunks/card.component-0oud8Y01.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component-0oud8Y01.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-Cnr6Zyop.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("./vendor-CsrlYH7V.js"),i=require("./chakra-CQVPsvk3.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-Cnr6Zyop.js.map

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

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