npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.69 → 4.0.0-beta.7 - Mend

@televet/kibble-ui 4.0.0-beta.69 → 4.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (969) hide show

package/dist/chunks/avatar.component-BnOmYhL2.js DELETED Viewed

@@ -1,420 +0,0 @@
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import H, { forwardRef as c, useId as V, useMemo as f, useCallback as W, useState as $ } from "react";
-import { T as G } from "./tooltip.component-OLohVRIH.js";
-import { I as v } from "./icon.component-DGNCL1Yc.js";
-import { F as C } from "./float-DYLtz2A6.js";
-import { b as E } from "./config-DlTdf-Yt.js";
-import { u as Z } from "./use-recipe-d63ABaZ3.js";
-import { F as L } from "./flex-smlF8uQG.js";
-import { B as O } from "./box-Ck9I7FYv.js";
-import { c as k, a as T } from "./factory-Ctbv0Ozn.js";
-import { c as X } from "./create-slot-recipe-context-BJmsuxih.js";
-import { u as Y } from "./use-slot-recipe-DhtQ1j_5.js";
-import { G as q } from "./group-DPCVolOl.js";
-import { c as D, f as m, i as J, j as K, k as Q, n as U, a as A } from "./use-locale-context-D-agiW5E.js";
-import { m as aa, c as ta } from "./index-Co91SHhW.js";
-import { Y as x } from "./index-CYk-7wwG.js";
-const [j, w] = D({
-  name: "AvatarContext",
-  hookName: "useAvatarContext",
-  providerName: "<AvatarProvider />"
-}), P = c((e, a) => {
-  const r = w(), t = x(r.getFallbackProps(), e);
-  return /* @__PURE__ */ s.jsx(m.span, { ...t, ref: a });
-});
-P.displayName = "AvatarFallback";
-const I = c((e, a) => {
-  const r = w(), t = x(r.getImageProps(), e);
-  return /* @__PURE__ */ s.jsx(m.img, { ...t, ref: a });
-});
-I.displayName = "AvatarImage";
-const ea = (e) => {
-  const a = V(), { getRootNode: r } = J(), { dir: t } = K(), o = {
-    id: a,
-    dir: t,
-    getRootNode: r,
-    ...e
-  }, n = Q(aa, o);
-  return ta(n, U);
-}, R = c((e, a) => {
-  const [r, t] = A()(e, ["id", "ids", "onStatusChange"]), o = ea(r), n = x(o.getRootProps(), t);
-  return /* @__PURE__ */ s.jsx(j, { value: o, children: /* @__PURE__ */ s.jsx(m.div, { ...n, ref: a }) });
-});
-R.displayName = "AvatarRoot";
-const S = c((e, a) => {
-  const [{ value: r }, t] = A()(e, ["value"]), o = x(r.getRootProps(), t);
-  return /* @__PURE__ */ s.jsx(j, { value: r, children: /* @__PURE__ */ s.jsx(m.div, { ...o, ref: a }) });
-});
-S.displayName = "AvatarRootProvider";
-const {
-  withProvider: y,
-  withContext: ra,
-  useStyles: sa,
-  useClassNames: oa,
-  PropsProvider: na
-} = X({ key: "avatar" });
-y(S, "root", { forwardAsChild: !0 });
-const ca = y(
-  R,
-  "root",
-  { forwardAsChild: !0 }
-), la = k(P, {}, { forwardAsChild: !0 });
-function ia(e) {
-  return e.children || e.asChild ? e.children : e.name ? da(e.name) : /* @__PURE__ */ s.jsx(xa, {});
-}
-function da(e) {
-  const a = e.trim().split(" "), r = a[0] != null ? a[0] : "", t = a.length > 1 ? a[a.length - 1] : "";
-  return r && t ? `${r.charAt(0)}${t.charAt(0)}` : r.charAt(0);
-}
-const ua = c(
-  function(a, r) {
-    const t = sa(), o = oa(), { name: n, ...i } = a;
-    return /* @__PURE__ */ s.jsx(
-      la,
-      {
-        ref: r,
-        ...i,
-        className: T(a.className, o.fallback),
-        css: [t.fallback, a.css],
-        children: ia(a)
-      }
-    );
-  }
-), ma = ra(
-  I,
-  "image",
-  {
-    forwardAsChild: !0,
-    defaultProps: {
-      draggable: "false",
-      referrerPolicy: "no-referrer"
-    }
-  }
-), xa = c(
-  function(a, r) {
-    return /* @__PURE__ */ s.jsx(
-      k.svg,
-      {
-        stroke: "currentColor",
-        fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 24 24",
-        height: "1.2em",
-        width: "1.2em",
-        ref: r,
-        ...a,
-        children: /* @__PURE__ */ s.jsx("path", { d: "M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" })
-      }
-    );
-  }
-), Va = c(
-  function(a, r) {
-    const t = Y({ key: "avatar" }), [o, n] = f(
-      () => t.splitVariantProps(a),
-      [a, t]
-    );
-    return /* @__PURE__ */ s.jsx(na, { value: o, children: /* @__PURE__ */ s.jsx(q, { gap: "0", spaceX: "-3", ref: r, ...n }) });
-  }
-), ga = ({
-  avatarSize: e,
-  onRemove: a,
-  isBeingHovered: r,
-  setIsBeingHovered: t
-}) => {
-  const o = W(
-    (n) => {
-      n.stopPropagation(), a && a(n);
-    },
-    [a]
-  );
-  return /* @__PURE__ */ s.jsx(
-    C,
-    {
-      className: "Avatar__RemoveButton",
-      "data-testid": "kibble-avatar-remove-button",
-      backgroundColor: "background",
-      borderRadius: "full",
-      cursor: "pointer",
-      display: "none",
-      h: 4,
-      onClick: o,
-      onMouseEnter: () => t(!0),
-      onMouseLeave: () => t(!1),
-      w: 4,
-      zIndex: "tooltip",
-      offset: e === "xl" ? 2 : 0.5,
-      _groupHover: {
-        display: "flex"
-      },
-      children: /* @__PURE__ */ s.jsx(
-        v,
-        {
-          variant: "default",
-          name: "closeCircleSolid",
-          size: r ? "sm" : "xs"
-        }
-      )
-    }
-  );
-}, B = ({
-  currentSize: e,
-  larger: a = !0,
-  delta: r = 1
-}) => {
-  let t;
-  switch (e) {
-    case "xs":
-      t = a ? "sm" : "xs";
-      break;
-    case "sm":
-      t = a ? "md" : "xs";
-      break;
-    case "md":
-      t = a ? "lg" : "sm";
-      break;
-    case "lg":
-      t = a ? "xl" : "md";
-      break;
-    case "xl":
-      t = a ? "2xl" : "lg";
-      break;
-    case "2xl":
-      t = a ? "2xl" : "xl";
-      break;
-    default:
-      t = e;
-      break;
-  }
-  return r > 1 && (t = B({
-    currentSize: t,
-    larger: a,
-    delta: r - 1
-  })), t;
-}, fa = {
-  info: {
-    bgColor: "background.info"
-  },
-  default: {
-    bgColor: "background.subtle.less"
-  },
-  error: {
-    bgColor: "background.danger"
-  },
-  success: {
-    bgColor: "background.success"
-  },
-  warning: {
-    bgColor: "background.warning"
-  }
-}, va = {
-  xs: {
-    boxSize: "10px"
-  },
-  sm: {
-    boxSize: "18px"
-  },
-  md: {
-    boxSize: "18px"
-  },
-  lg: {
-    boxSize: "18px"
-  },
-  xl: {
-    borderWidth: "2px",
-    boxSize: "24px"
-  }
-}, ba = E({
-  base: {
-    alignItems: "center",
-    borderColor: "border.strong.contrast",
-    borderRadius: "full",
-    borderWidth: "1px",
-    justifyContent: "center"
-  },
-  variants: {
-    size: va,
-    status: fa,
-    withIcon: {
-      true: {},
-      false: {}
-    }
-  },
-  defaultVariants: {
-    status: "info"
-  },
-  compoundVariants: [
-    {
-      withIcon: !1,
-      status: "info",
-      css: {
-        bgColor: "background.secondary"
-      }
-    },
-    {
-      withIcon: !1,
-      status: "default",
-      css: {
-        bgColor: "background.contrast"
-      }
-    },
-    {
-      withIcon: !1,
-      status: "error",
-      css: {
-        bgColor: "background.destructive"
-      }
-    },
-    {
-      withIcon: !1,
-      status: "success",
-      css: {
-        bgColor: "background.success.contrast"
-      }
-    },
-    {
-      withIcon: !1,
-      status: "warning",
-      css: {
-        bgColor: "background.warning.contrast"
-      }
-    },
-    {
-      withIcon: !1,
-      size: ["sm", "md", "lg"],
-      css: {
-        boxSize: "12px"
-      }
-    },
-    {
-      withIcon: !1,
-      size: "xl",
-      css: {
-        borderWidth: "2px",
-        boxSize: "16px"
-      }
-    }
-  ]
-}), pa = {
-  xs: 0.5,
-  sm: 0.5,
-  md: 0.5,
-  lg: 0.5,
-  xl: 2
-}, ha = {
-  xs: 0.5,
-  sm: 0.5,
-  md: 1,
-  lg: 1,
-  xl: 2
-}, Ca = ({
-  avatarSize: e = "md",
-  iconName: a,
-  position: r = "bottom-end",
-  status: t = "info",
-  ...o
-}) => {
-  const i = Z({ recipe: ba })({ status: t, size: e, withIcon: !!a }), d = f(
-    () => e === "xs" || !a,
-    [a, e]
-  ), g = f(
-    () => d ? ha : pa,
-    [d]
-  );
-  return /* @__PURE__ */ s.jsx(
-    C,
-    {
-      className: "Avatar__BadgeWrapper",
-      "data-testid": "kibble-avatar-badge-wrapper",
-      offset: g[e],
-      placement: r,
-      children: /* @__PURE__ */ s.jsx(
-        L,
-        {
-          className: "Avatar__Badge",
-          "data-testid": "kibble-avatar-badge",
-          css: i,
-          ...o,
-          children: !d && a && /* @__PURE__ */ s.jsx(
-            v,
-            {
-              name: a,
-              variant: t !== "error" ? t : "danger",
-              size: e === "xl" ? "sm" : "xs"
-            }
-          )
-        }
-      )
-    }
-  );
-}, Wa = ({
-  badgeProps: e,
-  hideBorder: a,
-  iconName: r,
-  name: t = "",
-  onClick: o,
-  onRemove: n,
-  showBadge: i,
-  showRemoveButton: d,
-  showTooltip: g = !0,
-  size: l = "md",
-  src: b,
-  tooltipProps: u,
-  variant: z = "default",
-  webpSrc: p,
-  ...N
-}) => {
-  const [h, F] = $(!1), _ = g && !h ? ({ children: M }) => /* @__PURE__ */ s.jsx(
-    G,
-    {
-      "data-testid": "kibble-avatar-tooltip",
-      ...u,
-      label: u?.label || t,
-      disabled: !t && !u?.label,
-      placement: u?.placement || "bottom",
-      children: /* @__PURE__ */ s.jsx(O, { children: M })
-    }
-  ) : H.Fragment;
-  return /* @__PURE__ */ s.jsx(_, { children: /* @__PURE__ */ s.jsxs(
-    ca,
-    {
-      className: "Avatar group",
-      "data-testid": "kibble-avatar",
-      variant: z,
-      size: l,
-      interactive: !!o,
-      hideBorder: a,
-      onClick: o,
-      ...N,
-      children: [
-        /* @__PURE__ */ s.jsx(ua, { name: t, children: r && /* @__PURE__ */ s.jsx(
-          v,
-          {
-            name: r,
-            mt: "-1px",
-            size: l === "lg" ? "lg" : B({
-              currentSize: l,
-              larger: !0,
-              delta: 1
-            })
-          }
-        ) }),
-        i && /* @__PURE__ */ s.jsx(Ca, { avatarSize: l, ...e }),
-        (p || b) && /* @__PURE__ */ s.jsx(ma, { src: b, srcSet: p }),
-        d && l !== "xs" && /* @__PURE__ */ s.jsx(
-          ga,
-          {
-            avatarSize: l,
-            onRemove: n,
-            isBeingHovered: h,
-            setIsBeingHovered: F
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  Wa as A,
-  Va as a
-};
-//# sourceMappingURL=avatar.component-BnOmYhL2.js.map

package/dist/chunks/avatar.component-BnOmYhL2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"avatar.component-BnOmYhL2.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, {\n useCallback,\n MouseEvent,\n Dispatch,\n SetStateAction,\n} from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface AvatarRemoveButtonProps {\n onRemove?: React.MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n isBeingHovered,\n setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (onRemove) {\n onRemove(e);\n }\n },\n [onRemove],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid=\"kibble-avatar-remove-button\"\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === \"xl\" ? 2 : 0.5}\n _groupHover={{\n display: \"flex\",\n }}\n >\n <Icon\n variant=\"default\"\n name=\"closeCircleSolid\"\n size={isBeingHovered ? \"sm\" : \"xs\"}\n />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { IconSize } from \"components/Icon/icon.types\";\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({\n currentSize,\n larger = true,\n delta = 1,\n}: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case \"xs\":\n nextSize = larger ? \"sm\" : \"xs\";\n break;\n case \"sm\":\n nextSize = larger ? \"md\" : \"xs\";\n break;\n case \"md\":\n nextSize = larger ? \"lg\" : \"sm\";\n break;\n case \"lg\":\n nextSize = larger ? \"xl\" : \"md\";\n break;\n case \"xl\":\n nextSize = larger ? \"2xl\" : \"lg\";\n break;\n case \"2xl\":\n nextSize = larger ? \"2xl\" : \"xl\";\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import {\n defineRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { Status } from \"shared/types/status\";\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: \"background.info\",\n },\n default: {\n bgColor: \"background.subtle.less\",\n },\n error: {\n bgColor: \"background.danger\",\n },\n success: {\n bgColor: \"background.success\",\n },\n warning: {\n bgColor: \"background.warning\",\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: \"10px\",\n },\n sm: {\n boxSize: \"18px\",\n },\n md: {\n boxSize: \"18px\",\n },\n lg: {\n boxSize: \"18px\",\n },\n xl: {\n borderWidth: \"2px\",\n boxSize: \"24px\",\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: \"center\",\n borderColor: \"border.strong.contrast\",\n borderRadius: \"full\",\n borderWidth: \"1px\",\n justifyContent: \"center\",\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: \"info\",\n },\n compoundVariants: [\n {\n withIcon: false,\n status: \"info\",\n css: {\n bgColor: \"background.secondary\",\n },\n },\n {\n withIcon: false,\n status: \"default\",\n css: {\n bgColor: \"background.contrast\",\n },\n },\n {\n withIcon: false,\n status: \"error\",\n css: {\n bgColor: \"background.destructive\",\n },\n },\n {\n withIcon: false,\n status: \"success\",\n css: {\n bgColor: \"background.success.contrast\",\n },\n },\n {\n withIcon: false,\n status: \"warning\",\n css: {\n bgColor: \"background.warning.contrast\",\n },\n },\n {\n withIcon: false,\n size: [\"sm\", \"md\", \"lg\"],\n css: {\n boxSize: \"12px\",\n },\n },\n {\n withIcon: false,\n size: \"xl\",\n css: {\n borderWidth: \"2px\",\n boxSize: \"16px\",\n },\n },\n ],\n});\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon, IconName } from \"components/Icon\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { ConditionalValue, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { AvatarBadgePosition } from \"./avatarBadge.types\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { avatarBadgeRecipe } from \"./avatarBadge.recipe\";\nimport { Status } from \"shared/types/status\";\nimport { badgeOffsetMap, iconBadgeOffsetMap } from \"./avatarBadge.records\";\n\nexport interface AvatarBadgeProps extends FlexProps {\n iconName?: IconName;\n position?: ConditionalValue<AvatarBadgePosition>;\n status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = \"md\",\n iconName,\n position = \"bottom-end\",\n status = \"info\",\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(\n () => avatarSize === \"xs\" || !iconName,\n [iconName, avatarSize],\n );\n const offsetRecord = useMemo(\n () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n [useSmallBadge],\n );\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid=\"kibble-avatar-badge-wrapper\"\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex\n className=\"Avatar__Badge\"\n data-testid=\"kibble-avatar-badge\"\n css={styles}\n {...rest}\n >\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={\n status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n }\n size={avatarSize === \"xl\" ? \"sm\" : \"xs\"}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import React, { useState } from \"react\";\nimport { Avatar as CAvatar } from \"@chakra-ui/react/avatar\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip/tooltip.component\";\nimport { Icon, IconName } from \"components/Icon\";\nimport AvatarRemoveButton from \"./components/AvatarRemoveButton/avatarRemoveButton.component\";\nimport { AvatarSize, AvatarVariant } from \"./avatar.types\";\nimport { getNextIconSize } from \"shared/utils/sizes\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n AvatarBadge,\n AvatarBadgeProps,\n} from \"./components/AvatarBadge/avatarBadge.component\";\n\nexport interface AvatarProps extends CAvatar.RootProps {\n badgeProps?: AvatarBadgeProps;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipProps?: TooltipProps;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport const Avatar = ({\n badgeProps,\n hideBorder,\n iconName,\n name = \"\",\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = \"md\",\n src,\n tooltipProps,\n variant = \"default\",\n webpSrc,\n ...rest\n}: AvatarProps): React.JSX.Element => {\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const AvatarWrapper: React.FC<AvatarProps> =\n showTooltip && !isHoveringRemoveButton\n ? ({ children }): React.JSX.Element => {\n return (\n <Tooltip\n data-testid=\"kibble-avatar-tooltip\"\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || \"bottom\"}\n >\n <Box>{children}</Box>\n </Tooltip>\n );\n }\n : React.Fragment;\n\n return (\n <AvatarWrapper>\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid=\"kibble-avatar\"\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === \"lg\"\n ? \"lg\"\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n {showRemoveButton && size !== \"xs\" && (\n <AvatarRemoveButton\n avatarSize={size}\n onRemove={onRemove}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n </CAvatar.Root>\n </AvatarWrapper>\n );\n};\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/avatar.component-CbtJE4RJ.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const a=require("./jsx-runtime-BjDatQAs.js"),n=require("react"),N=require("./tooltip.component-B4S3qwsH.js"),g=require("./icon.component-C0e0UGBw.js"),h=require("./float-OQXnYWBw.js"),M=require("./config-BFcXpdZo.js"),F=require("./use-recipe-DaPWl_pL.js"),H=require("./flex-D14H6HbP.js"),V=require("./box-Baq7UBls.js"),f=require("./factory-D6tdBUPG.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),$=require("./use-slot-recipe-8liupslO.js"),G=require("./group-Cv7AQw1b.js"),i=require("./use-locale-context-BdqHZ8L8.js"),j=require("./index-BYf7SZUC.js"),m=require("./index-CZ42b9rT.js"),L=r=>r&&r.__esModule?r:{default:r},Z=L(n),[C,k]=i.createContext({name:"AvatarContext",hookName:"useAvatarContext",providerName:"<AvatarProvider />"}),A=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getFallbackProps(),r);return a.jsxRuntimeExports.jsx(i.ark.span,{...t,ref:e})});A.displayName="AvatarFallback";const w=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getImageProps(),r);return a.jsxRuntimeExports.jsx(i.ark.img,{...t,ref:e})});w.displayName="AvatarImage";const O=r=>{const e=n.useId(),{getRootNode:s}=i.useEnvironmentContext(),{dir:t}=i.useLocaleContext(),o={id:e,dir:t,getRootNode:s,...r},c=i.useMachine(j.machine,o);return j.connect(c,i.normalizeProps)},E=n.forwardRef((r,e)=>{const[s,t]=i.createSplitProps()(r,["id","ids","onStatusChange"]),o=O(s),c=m.mergeProps(o.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:o,children:a.jsxRuntimeExports.jsx(i.ark.div,{...c,ref:e})})});E.displayName="AvatarRoot";const P=n.forwardRef((r,e)=>{const[{value:s},t]=i.createSplitProps()(r,["value"]),o=m.mergeProps(s.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:s,children:a.jsxRuntimeExports.jsx(i.ark.div,{...o,ref:e})})});P.displayName="AvatarRootProvider";const{withProvider:S,withContext:D,useStyles:T,useClassNames:X,PropsProvider:J}=W.createSlotRecipeContext({key:"avatar"});S(P,"root",{forwardAsChild:!0});const K=S(E,"root",{forwardAsChild:!0}),Q=f.chakra(A,{},{forwardAsChild:!0});function U(r){return r.children\|\|r.asChild?r.children:r.name?Y(r.name):a.jsxRuntimeExports.jsx(re,{})}function Y(r){const e=r.trim().split(" "),s=e[0]!=null?e[0]:"",t=e.length>1?e[e.length-1]:"";return s&&t?`${s.charAt(0)}${t.charAt(0)}`:s.charAt(0)}const ee=n.forwardRef(function(e,s){const t=T(),o=X(),{name:c,...u}=e;return a.jsxRuntimeExports.jsx(Q,{ref:s,...u,className:f.cx(e.className,o.fallback),css:[t.fallback,e.css],children:U(e)})}),te=D(w,"image",{forwardAsChild:!0,defaultProps:{draggable:"false",referrerPolicy:"no-referrer"}}),re=n.forwardRef(function(e,s){return a.jsxRuntimeExports.jsx(f.chakra.svg,{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1.2em",width:"1.2em",ref:s,...e,children:a.jsxRuntimeExports.jsx("path",{d:"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"})})}),se=n.forwardRef(function(e,s){const t=$.useSlotRecipe({key:"avatar"}),[o,c]=n.useMemo(()=>t.splitVariantProps(e),[e,t]);return a.jsxRuntimeExports.jsx(J,{value:o,children:a.jsxRuntimeExports.jsx(G.Group,{gap:"0",spaceX:"-3",ref:s,...c})})}),ae=({avatarSize:r,onRemove:e,isBeingHovered:s,setIsBeingHovered:t})=>{const o=n.useCallback(c=>{c.stopPropagation(),e&&e(c)},[e]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:o,onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),w:4,zIndex:"tooltip",offset:r==="xl"?2:.5,_groupHover:{display:"flex"},children:a.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:s?"sm":"xs"})})},I=({currentSize:r,larger:e=!0,delta:s=1})=>{let t;switch(r){case"xs":t=e?"sm":"xs";break;case"sm":t=e?"md":"xs";break;case"md":t=e?"lg":"sm";break;case"lg":t=e?"xl":"md";break;case"xl":t=e?"2xl":"lg";break;case"2xl":t=e?"2xl":"xl";break;default:t=r;break}return s>1&&(t=I({currentSize:t,larger:e,delta:s-1})),t},oe={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},ne={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},ce=M.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:ne,status:oe,withIcon:{true:{},false:{}}},defaultVariants:{status:"info"},compoundVariants:[{withIcon:!1,status:"info",css:{bgColor:"background.secondary"}},{withIcon:!1,status:"default",css:{bgColor:"background.contrast"}},{withIcon:!1,status:"error",css:{bgColor:"background.destructive"}},{withIcon:!1,status:"success",css:{bgColor:"background.success.contrast"}},{withIcon:!1,status:"warning",css:{bgColor:"background.warning.contrast"}},{withIcon:!1,size:["sm","md","lg"],css:{boxSize:"12px"}},{withIcon:!1,size:"xl",css:{borderWidth:"2px",boxSize:"16px"}}]}),ie={xs:.5,sm:.5,md:.5,lg:.5,xl:2},le={xs:.5,sm:.5,md:1,lg:1,xl:2},ue=({avatarSize:r="md",iconName:e,position:s="bottom-end",status:t="info",...o})=>{const u=F.useRecipe({recipe:ce})({status:t,size:r,withIcon:!!e}),d=n.useMemo(()=>r==="xs"\|\|!e,[e,r]),p=n.useMemo(()=>d?le:ie,[d]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:p[r],placement:s,children:a.jsxRuntimeExports.jsx(H.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:u,...o,children:!d&&e&&a.jsxRuntimeExports.jsx(g.Icon,{name:e,variant:t!=="error"?t:"danger",size:r==="xl"?"sm":"xs"})})})},de=({badgeProps:r,hideBorder:e,iconName:s,name:t="",onClick:o,onRemove:c,showBadge:u,showRemoveButton:d,showTooltip:p=!0,size:l="md",src:v,tooltipProps:x,variant:y="default",webpSrc:b,...q})=>{const[R,B]=n.useState(!1),_=p&&!R?({children:z})=>a.jsxRuntimeExports.jsx(N.Tooltip,{"data-testid":"kibble-avatar-tooltip",...x,label:x?.label\|\|t,disabled:!t&&!x?.label,placement:x?.placement\|\|"bottom",children:a.jsxRuntimeExports.jsx(V.Box,{children:z})}):Z.default.Fragment;return a.jsxRuntimeExports.jsx(_,{children:a.jsxRuntimeExports.jsxs(K,{className:"Avatar group","data-testid":"kibble-avatar",variant:y,size:l,interactive:!!o,hideBorder:e,onClick:o,...q,children:[a.jsxRuntimeExports.jsx(ee,{name:t,children:s&&a.jsxRuntimeExports.jsx(g.Icon,{name:s,mt:"-1px",size:l==="lg"?"lg":I({currentSize:l,larger:!0,delta:1})})}),u&&a.jsxRuntimeExports.jsx(ue,{avatarSize:l,...r}),(b\|\|v)&&a.jsxRuntimeExports.jsx(te,{src:v,srcSet:b}),d&&l!=="xs"&&a.jsxRuntimeExports.jsx(ae,{avatarSize:l,onRemove:c,isBeingHovered:R,setIsBeingHovered:B})]})})};exports.Avatar=de;exports.AvatarGroup=se;
2	- //# sourceMappingURL=avatar.component-CbtJE4RJ.js.map

package/dist/chunks/avatar.component-CbtJE4RJ.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"avatar.component-CbtJE4RJ.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, {\n useCallback,\n MouseEvent,\n Dispatch,\n SetStateAction,\n} from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface AvatarRemoveButtonProps {\n onRemove?: React.MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n isBeingHovered,\n setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (onRemove) {\n onRemove(e);\n }\n },\n [onRemove],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid=\"kibble-avatar-remove-button\"\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === \"xl\" ? 2 : 0.5}\n _groupHover={{\n display: \"flex\",\n }}\n >\n <Icon\n variant=\"default\"\n name=\"closeCircleSolid\"\n size={isBeingHovered ? \"sm\" : \"xs\"}\n />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { IconSize } from \"components/Icon/icon.types\";\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({\n currentSize,\n larger = true,\n delta = 1,\n}: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case \"xs\":\n nextSize = larger ? \"sm\" : \"xs\";\n break;\n case \"sm\":\n nextSize = larger ? \"md\" : \"xs\";\n break;\n case \"md\":\n nextSize = larger ? \"lg\" : \"sm\";\n break;\n case \"lg\":\n nextSize = larger ? \"xl\" : \"md\";\n break;\n case \"xl\":\n nextSize = larger ? \"2xl\" : \"lg\";\n break;\n case \"2xl\":\n nextSize = larger ? \"2xl\" : \"xl\";\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import {\n defineRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { Status } from \"shared/types/status\";\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: \"background.info\",\n },\n default: {\n bgColor: \"background.subtle.less\",\n },\n error: {\n bgColor: \"background.danger\",\n },\n success: {\n bgColor: \"background.success\",\n },\n warning: {\n bgColor: \"background.warning\",\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: \"10px\",\n },\n sm: {\n boxSize: \"18px\",\n },\n md: {\n boxSize: \"18px\",\n },\n lg: {\n boxSize: \"18px\",\n },\n xl: {\n borderWidth: \"2px\",\n boxSize: \"24px\",\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: \"center\",\n borderColor: \"border.strong.contrast\",\n borderRadius: \"full\",\n borderWidth: \"1px\",\n justifyContent: \"center\",\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: \"info\",\n },\n compoundVariants: [\n {\n withIcon: false,\n status: \"info\",\n css: {\n bgColor: \"background.secondary\",\n },\n },\n {\n withIcon: false,\n status: \"default\",\n css: {\n bgColor: \"background.contrast\",\n },\n },\n {\n withIcon: false,\n status: \"error\",\n css: {\n bgColor: \"background.destructive\",\n },\n },\n {\n withIcon: false,\n status: \"success\",\n css: {\n bgColor: \"background.success.contrast\",\n },\n },\n {\n withIcon: false,\n status: \"warning\",\n css: {\n bgColor: \"background.warning.contrast\",\n },\n },\n {\n withIcon: false,\n size: [\"sm\", \"md\", \"lg\"],\n css: {\n boxSize: \"12px\",\n },\n },\n {\n withIcon: false,\n size: \"xl\",\n css: {\n borderWidth: \"2px\",\n boxSize: \"16px\",\n },\n },\n ],\n});\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon, IconName } from \"components/Icon\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { ConditionalValue, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { AvatarBadgePosition } from \"./avatarBadge.types\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { avatarBadgeRecipe } from \"./avatarBadge.recipe\";\nimport { Status } from \"shared/types/status\";\nimport { badgeOffsetMap, iconBadgeOffsetMap } from \"./avatarBadge.records\";\n\nexport interface AvatarBadgeProps extends FlexProps {\n iconName?: IconName;\n position?: ConditionalValue<AvatarBadgePosition>;\n status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = \"md\",\n iconName,\n position = \"bottom-end\",\n status = \"info\",\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(\n () => avatarSize === \"xs\" || !iconName,\n [iconName, avatarSize],\n );\n const offsetRecord = useMemo(\n () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n [useSmallBadge],\n );\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid=\"kibble-avatar-badge-wrapper\"\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex\n className=\"Avatar__Badge\"\n data-testid=\"kibble-avatar-badge\"\n css={styles}\n {...rest}\n >\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={\n status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n }\n size={avatarSize === \"xl\" ? \"sm\" : \"xs\"}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import React, { useState } from \"react\";\nimport { Avatar as CAvatar } from \"@chakra-ui/react/avatar\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip/tooltip.component\";\nimport { Icon, IconName } from \"components/Icon\";\nimport AvatarRemoveButton from \"./components/AvatarRemoveButton/avatarRemoveButton.component\";\nimport { AvatarSize, AvatarVariant } from \"./avatar.types\";\nimport { getNextIconSize } from \"shared/utils/sizes\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n AvatarBadge,\n AvatarBadgeProps,\n} from \"./components/AvatarBadge/avatarBadge.component\";\n\nexport interface AvatarProps extends CAvatar.RootProps {\n badgeProps?: AvatarBadgeProps;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipProps?: TooltipProps;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport const Avatar = ({\n badgeProps,\n hideBorder,\n iconName,\n name = \"\",\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = \"md\",\n src,\n tooltipProps,\n variant = \"default\",\n webpSrc,\n ...rest\n}: AvatarProps): React.JSX.Element => {\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const AvatarWrapper: React.FC<AvatarProps> =\n showTooltip && !isHoveringRemoveButton\n ? ({ children }): React.JSX.Element => {\n return (\n <Tooltip\n data-testid=\"kibble-avatar-tooltip\"\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || \"bottom\"}\n >\n <Box>{children}</Box>\n </Tooltip>\n );\n }\n : React.Fragment;\n\n return (\n <AvatarWrapper>\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid=\"kibble-avatar\"\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === \"lg\"\n ? \"lg\"\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n {showRemoveButton && size !== \"xs\" && (\n <AvatarRemoveButton\n avatarSize={size}\n onRemove={onRemove}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n </CAvatar.Root>\n </AvatarWrapper>\n );\n};\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/avatarGroup.component-D4lmT752.js DELETED Viewed

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

package/dist/chunks/box-Baq7UBls.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const a=require("./factory-D6tdBUPG.js"),o=a.chakra("div");o.displayName="Box";exports.Box=o;
2	- //# sourceMappingURL=box-Baq7UBls.js.map

package/dist/chunks/box-Baq7UBls.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"box-Baq7UBls.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/box.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"names":["Box","chakra"],"mappings":"sDAIMA,EAAMC,EAAM,OAAC,KAAK,EACxBD,EAAI,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/box-Ck9I7FYv.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { c as a } from "./factory-Ctbv0Ozn.js";
-const o = a("div");
-o.displayName = "Box";
-export {
-  o as B
-};
-//# sourceMappingURL=box-Ck9I7FYv.js.map

package/dist/chunks/box-Ck9I7FYv.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"box-Ck9I7FYv.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/box.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"names":["Box","chakra"],"mappings":";AAIK,MAACA,IAAMC,EAAO,KAAK;AACxBD,EAAI,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/button.component-BpF3MzbZ.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"button.component-BpF3MzbZ.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 ButtonProps extends CButtonProps {\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 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,GC2BvDC,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-Dd9AfGox.js DELETED Viewed

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