@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/conversationCard.component-CMdqD3yN.js

@@ -0,0 +1,331 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { useState as H } from "react";
+import { B as f } from "./index-9BerxEcw.js";
+import { C as S } from "./card.component-B1AznjWF.js";
+import { T as B } from "./timestamp.component-DBmc7D23.js";
+import { N as W } from "./notificationCounter.component-BexkISUl.js";
+import { I as g } from "./icon.component-PV_nHBId.js";
+import { W as F } from "./heading.component-7ikcgDco.js";
+import { W as _ } from "./text.component-CdTyTFds.js";
+import { A as O } from "./avatar.component-C-365mx3.js";
+import { T as z } from "./tooltip.component-C_NS-AoH.js";
+import { F as h } from "./flex-CX-8gE9T.js";
+import { H as v } from "./h-stack-8q5nAOg0.js";
+import { V as R } from "./v-stack-BKftVfdJ.js";
+import { B as y } from "./button.component-BO6oee_V.js";
+import { M } from "./menu.component-DwTen8Uv.js";
+import { T } from "./tag.component-B7V76XfM.js";
+import { W as A, a as D } from "./wrap-Cu5ZEseD.js";
+const E = ({
+  avatars: e,
+  max: a = 1,
+  onAvatarGroupClick: n,
+  tooltipLabel: s,
+  ["data-testid"]: i = "kibble-conversation-card-avatar-group"
+}) => /* @__PURE__ */ t.jsx(z, { label: s || "", disabled: !s?.length, children: /* @__PURE__ */ t.jsx(
+  h,
+  {
+    className: "ConversationCard__AvatarGroup",
+    "data-testid": i,
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    children: a && e.length > a ? /* @__PURE__ */ t.jsx(
+      O,
+      {
+        onClick: (r) => {
+          r.stopPropagation(), n && n(r);
+        },
+        cursor: "pointer",
+        name: e.length.toString(),
+        showTooltip: !1
+      }
+    ) : /* @__PURE__ */ t.jsx(t.Fragment, { children: e.map((r) => r) })
+  }
+) }), w = ({
+  avatarGroupProps: e,
+  timestampProps: a,
+  isHoveringCard: n,
+  isCardPinned: s,
+  title: i,
+  showNotificationIndicator: r,
+  subtitle: l,
+  ["data-testid"]: o = "kibble-conversation-card-header"
+}) => /* @__PURE__ */ t.jsxs(v, { className: "ConversationCard__Header", "data-testid": o, justify: "space-between", align: "flex-start", children: [
+  /* @__PURE__ */ t.jsxs(v, { className: "ConversationCard__Header--Left", "data-testid": `${o}-left`, cursor: "pointer", children: [
+    e && /* @__PURE__ */ t.jsx(E, { ...e, tooltipLabel: e?.tooltipLabel || i }),
+    /* @__PURE__ */ t.jsxs(
+      R,
+      {
+        className: "ConversationCard__HeaderText",
+        "data-testid": `${o}-text`,
+        justify: "center",
+        align: "left",
+        gap: "0",
+        children: [
+          /* @__PURE__ */ t.jsx(
+            F,
+            {
+              className: "ConversationCard__HeaderText--Title",
+              "data-testid": `${o}-title`,
+              size: "sm",
+              truncated: !0,
+              children: i
+            }
+          ),
+          l && /* @__PURE__ */ t.jsx(
+            _,
+            {
+              className: "ConversationCard__HeaderText--Subtitle",
+              "data-testid": `${o}-subtitle`,
+              size: "sm",
+              variant: "subtle",
+              truncated: !0,
+              children: l
+            }
+          )
+        ]
+      }
+    )
+  ] }),
+  /* @__PURE__ */ t.jsxs(
+    v,
+    {
+      className: "ConversationCard__Header--Right",
+      "data-testid": `${o}-right`,
+      visibility: n ? "hidden" : "visible",
+      align: "center",
+      gap: 1,
+      children: [
+        /* @__PURE__ */ t.jsx(B, { ...a }),
+        r && /* @__PURE__ */ t.jsx(
+          f,
+          {
+            as: "span",
+            className: "ConversationCard__HeaderNotificationCounter",
+            "data-testid": `${o}-unread-indicator`,
+            children: /* @__PURE__ */ t.jsx(W, { size: "xs" })
+          }
+        ),
+        s && /* @__PURE__ */ t.jsx(h, { "data-testid": `${o}-pinned-icon`, children: /* @__PURE__ */ t.jsx(g, { size: "md", variant: "info", name: "pin" }) })
+      ]
+    }
+  )
+] }), L = ({
+  overlayProps: e,
+  pinProps: a,
+  headerMenuProps: n,
+  isHovering: s,
+  setIsHovering: i,
+  ["data-testid"]: r = "kibble-conversation-card-buttons"
+}) => {
+  const { isOpenInOverlay: l, onOpenInOverlay: o, ["data-testid"]: m } = e || {}, { isPinned: d, onTogglePin: c, ["data-testid"]: u } = a || {}, { listProps: x, ["data-testid"]: C } = n || {}, p = d ? "pinCancel" : "pin";
+  return /* @__PURE__ */ t.jsxs(v, { className: "ConversationCard__Menu", "data-testid": r, gap: 1, children: [
+    e && /* @__PURE__ */ t.jsx(
+      y,
+      {
+        className: "ConversationCard__OverlayButton",
+        "data-testid": m || `${r}-overlay-button`,
+        variant: "secondarySubtle",
+        borderRadius: "sm",
+        ...l && { active: !0 },
+        onClick: () => {
+          o && o(), s && i(!1);
+        },
+        iconName: "popup",
+        size: "sm"
+      }
+    ),
+    a && /* @__PURE__ */ t.jsx(
+      y,
+      {
+        className: "ConversationCard__PinButton",
+        "data-testid": u || `${r}-pin-button`,
+        variant: d ? "secondarySubtleDestructive" : "secondarySubtle",
+        borderRadius: "sm",
+        onClick: () => {
+          c && c(!d), s && i(!1);
+        },
+        iconName: p,
+        size: "sm"
+      }
+    ),
+    n && /* @__PURE__ */ t.jsx(
+      M,
+      {
+        buttonProps: n.buttonProps || {
+          variant: "secondarySubtle",
+          size: "sm",
+          borderRadius: "sm",
+          iconName: "dotsVertical",
+          hideCaret: !0,
+          padding: 0
+        },
+        closeOnSelect: !1,
+        lazyMount: !0,
+        "data-testid": C || `${r}-menu`,
+        ...n,
+        listProps: {
+          ...x,
+          menuItems: [
+            ...a ? [
+              {
+                label: `${d ? "Unpin" : "Pin"} Conversation`,
+                value: "PinConversation",
+                variant: d ? "danger" : "default",
+                leftElement: /* @__PURE__ */ t.jsx(g, { size: "md", variant: d ? "danger" : "default", name: p }),
+                onSelect: () => {
+                  c && c(!d);
+                }
+              }
+            ] : [],
+            ...x?.menuItems || []
+          ]
+        }
+      }
+    )
+  ] });
+}, V = ({
+  tags: e,
+  ["data-testid"]: a = "kibble-conversation-card-tags"
+}) => /* @__PURE__ */ t.jsx(f, { className: "ConversationCard__Tags", mt: 3, "data-testid": a, children: /* @__PURE__ */ t.jsx(A, { gap: 2, children: e.map((n) => {
+  const { tooltipContent: s, ...i } = n;
+  let r = /* @__PURE__ */ t.jsx(T, { ...i, size: "sm", textTransform: "capitalize" });
+  return s && (r = /* @__PURE__ */ t.jsx(z, { label: s, placement: "top", children: /* @__PURE__ */ t.jsx(f, { children: r }) })), /* @__PURE__ */ t.jsx(D, { children: r }, n.label);
+}) }) }), P = ({
+  iconProps: e,
+  content: a,
+  contentProps: n,
+  ["data-testid"]: s = "kibble-conversation-card-footer"
+}) => {
+  const i = typeof a == "string" ? /* @__PURE__ */ t.jsx(
+    _,
+    {
+      className: "ConversationCard__FooterMessage",
+      "data-testid": `${s}-message`,
+      size: "sm",
+      variant: "subtle",
+      ...n,
+      ...e && { ml: 1 },
+      children: a
+    }
+  ) : a;
+  return /* @__PURE__ */ t.jsxs(h, { className: "ConversationCard__Footer", "data-testid": s, mt: 3, alignItems: "center", children: [
+    e && /* @__PURE__ */ t.jsx(g, { size: "sm", variant: "subtle", ...e }),
+    i
+  ] });
+}, U = ({
+  contentMenu: e,
+  content: a,
+  contentProps: n,
+  ["data-testid"]: s = "kibble-conversation-card-content"
+}) => {
+  const i = typeof a == "string" ? /* @__PURE__ */ t.jsx(
+    _,
+    {
+      className: "ConversationCard__Content",
+      "data-testid": `${s}-content`,
+      truncated: !0,
+      size: "sm",
+      ...n,
+      children: a
+    }
+  ) : a;
+  return /* @__PURE__ */ t.jsxs(
+    v,
+    {
+      className: "ConversationCard__ContentContainer",
+      "data-testid": `${s}-container`,
+      mt: 3,
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [
+        i,
+        e && /* @__PURE__ */ t.jsx(f, { className: "ConversationCard__ContentMenu", "data-testid": `${s}-menu`, ml: "auto", children: e })
+      ]
+    }
+  );
+}, lt = ({
+  allowHoverActions: e = !0,
+  avatarGroupProps: a,
+  content: n,
+  contentProps: s,
+  contentMenu: i,
+  footerProps: r,
+  headerMenuProps: l,
+  headerProps: o,
+  active: m,
+  onClick: d,
+  overlayProps: c,
+  pinProps: u,
+  shouldPreservePosition: x = !1,
+  showNotificationIndicator: C,
+  tags: p,
+  ["data-testid"]: N = "kibble-conversation-card"
+}) => {
+  const { isPinned: $ } = u || {}, [b, j] = H(!1);
+  return /* @__PURE__ */ t.jsxs(
+    S,
+    {
+      className: "ConversationCard",
+      id: "conversation-card-item",
+      "data-testid": N,
+      interactive: !0,
+      active: m,
+      size: "sm",
+      fullWidth: !0,
+      onClick: () => {
+        d && d();
+      },
+      bg: C || m || b ? "background.default" : "background.subtle",
+      onMouseEnter: () => {
+        e && j(!0);
+      },
+      onMouseLeave: () => j(!1),
+      pos: "relative",
+      css: { overflowAnchor: x ? "auto" : "none" },
+      children: [
+        b && /* @__PURE__ */ t.jsx(
+          f,
+          {
+            className: "ConversationCard__Button--Container",
+            "data-testid": `${N}-button-container`,
+            pos: "absolute",
+            top: 2,
+            zIndex: "banner",
+            right: 2,
+            bg: "background",
+            borderRadius: "md",
+            onClick: (k) => k.stopPropagation(),
+            children: /* @__PURE__ */ t.jsx(
+              L,
+              {
+                overlayProps: c,
+                pinProps: u,
+                headerMenuProps: l,
+                isHovering: b,
+                setIsHovering: j
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          w,
+          {
+            avatarGroupProps: a,
+            isHoveringCard: b,
+            isCardPinned: $,
+            showNotificationIndicator: C,
+            ...o
+          }
+        ),
+        /* @__PURE__ */ t.jsx(U, { content: n, contentProps: s, contentMenu: i }),
+        !!p?.length && /* @__PURE__ */ t.jsx(V, { tags: p }),
+        r && /* @__PURE__ */ t.jsx(P, { ...r })
+      ]
+    }
+  );
+};
+export {
+  lt as C
+};
+//# sourceMappingURL=conversationCard.component-CMdqD3yN.js.map

package/dist/chunks/conversationCard.component-CMdqD3yN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversationCard.component-CMdqD3yN.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Avatar } from 'components/Avatar/avatar.component';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\n\nexport interface ConversationCardAvatarGroupProps {\n  /** Avatars to display in the group. */\n  avatars: React.ReactNode[];\n  /** Maximum number of avatars to display.\n   * @default 1\n   */\n  max?: number;\n  /** Callback function to be called when the avatar group is clicked. */\n  onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  /** Label for the tooltip. */\n  tooltipLabel?: string;\n  /** Data test id for the avatar group.\n   * @default kibble-conversation-card-avatar-group\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n  avatars,\n  max = 1,\n  onAvatarGroupClick,\n  tooltipLabel,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-avatar-group',\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n  return (\n    <Tooltip label={tooltipLabel || ''} disabled={!tooltipLabel?.length}>\n      <Flex\n        className=\"ConversationCard__AvatarGroup\"\n        data-testid={dataTestId}\n        alignItems=\"flex-start\"\n        justifyContent=\"flex-start\"\n      >\n        {max && avatars.length > max ? (\n          <Avatar\n            onClick={(e): void => {\n              e.stopPropagation();\n              if (onAvatarGroupClick) {\n                onAvatarGroupClick(e);\n              }\n            }}\n            cursor=\"pointer\"\n            name={avatars.length.toString()}\n            showTooltip={false}\n          />\n        ) : (\n          <>{avatars.map((avatar) => avatar)}</>\n        )}\n      </Flex>\n    </Tooltip>\n  );\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack, VStack } from '@chakra-ui/react/stack';\nimport { Timestamp, TimestampProps } from 'components/Timestamp/timestamp.component';\nimport { NotificationCounter } from 'components/NotificationCounter/notificationCounter.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Text } from 'components/Text/text.component';\nimport {\n  ConversationCardAvatarGroup,\n  ConversationCardAvatarGroupProps,\n} from '../ConversationCardAvatarGroup/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardHeaderProps {\n  /** Props for the avatar group. */\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  /** If true, the notification indicator will be displayed. */\n  showNotificationIndicator?: boolean;\n  /** Determines if the card is pinned. */\n  isCardPinned?: boolean;\n  /** Determines if the card is being hovered. */\n  isHoveringCard?: boolean;\n  /** Subtitle of the card. */\n  subtitle?: string;\n  /** Props for the timestamp. */\n  timestampProps: TimestampProps;\n  /** Title of the card. */\n  title: string;\n  /** Data test id for the header.\n   * @default kibble-conversation-card-header\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardHeader = ({\n  avatarGroupProps,\n  timestampProps,\n  isHoveringCard,\n  isCardPinned,\n  title,\n  showNotificationIndicator,\n  subtitle,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-header',\n}: ConversationCardHeaderProps): React.JSX.Element => {\n  return (\n    <HStack className=\"ConversationCard__Header\" data-testid={dataTestId} justify=\"space-between\" align=\"flex-start\">\n      <HStack className=\"ConversationCard__Header--Left\" data-testid={`${dataTestId}-left`} cursor=\"pointer\">\n        {avatarGroupProps && (\n          <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n        )}\n        <VStack\n          className=\"ConversationCard__HeaderText\"\n          data-testid={`${dataTestId}-text`}\n          justify=\"center\"\n          align=\"left\"\n          gap=\"0\"\n        >\n          <Heading\n            className=\"ConversationCard__HeaderText--Title\"\n            data-testid={`${dataTestId}-title`}\n            size=\"sm\"\n            truncated\n          >\n            {title}\n          </Heading>\n          {subtitle && (\n            <Text\n              className=\"ConversationCard__HeaderText--Subtitle\"\n              data-testid={`${dataTestId}-subtitle`}\n              size=\"sm\"\n              variant=\"subtle\"\n              truncated\n            >\n              {subtitle}\n            </Text>\n          )}\n        </VStack>\n      </HStack>\n      <HStack\n        className=\"ConversationCard__Header--Right\"\n        data-testid={`${dataTestId}-right`}\n        visibility={isHoveringCard ? 'hidden' : 'visible'}\n        align=\"center\"\n        gap={1}\n      >\n        <Timestamp {...timestampProps} />\n        {showNotificationIndicator && (\n          <Box\n            as=\"span\"\n            className=\"ConversationCard__HeaderNotificationCounter\"\n            data-testid={`${dataTestId}-unread-indicator`}\n          >\n            <NotificationCounter size=\"xs\" />\n          </Box>\n        )}\n        {isCardPinned && (\n          <Flex data-testid={`${dataTestId}-pinned-icon`}>\n            <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n          </Flex>\n        )}\n      </HStack>\n    </HStack>\n  );\n};\n","import React from 'react';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Menu, MenuProps, MenuItemProps } from 'components/Menu';\n\nexport interface ConversationCardOverlayProps {\n  /** Determines if the conversation is open in an overlay. */\n  isOpenInOverlay?: boolean;\n  /** Callback function to be called when the conversation is opened in an overlay. */\n  onOpenInOverlay: () => void;\n  /** Data test id for the overlay button. */\n  'data-testid'?: string;\n}\n\nexport interface ConversationCardPinProps {\n  /** Determines if the conversation is pinned. */\n  isPinned?: boolean;\n  /** Callback function to called when the conversation is pinned. */\n  onTogglePin: (isPinned: boolean) => void;\n  /** Data test id for the pin button. */\n  'data-testid'?: string;\n}\n\nexport interface ConversationCardButtonsProps {\n  /** Props for the overlay button. */\n  overlayProps?: ConversationCardOverlayProps;\n  /** Props for the pin button. */\n  pinProps?: ConversationCardPinProps;\n  /** Props for the header Menu. */\n  headerMenuProps?: MenuProps;\n  /** Data test id for the buttons.\n   * @default kibble-conversation-card-buttons\n   */\n  'data-testid'?: string;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n  /** Determines if the conversation is being hovered.\n   * @internal\n   */\n  isHovering: boolean;\n  /** Callback function to set the hover state.\n   * @internal\n   */\n  setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n  overlayProps,\n  pinProps,\n  headerMenuProps,\n  isHovering,\n  setIsHovering,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-buttons',\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n  const { isOpenInOverlay, onOpenInOverlay, ['data-testid']: overlayDataTestId } = overlayProps || {};\n  const { isPinned, onTogglePin, ['data-testid']: pinDataTestId } = pinProps || {};\n  const { listProps, ['data-testid']: headerMenuDataTestId } = headerMenuProps || {};\n  const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n  return (\n    <HStack className=\"ConversationCard__Menu\" data-testid={dataTestId} gap={1}>\n      {overlayProps && (\n        <Button\n          className=\"ConversationCard__OverlayButton\"\n          data-testid={overlayDataTestId ? overlayDataTestId : `${dataTestId}-overlay-button`}\n          variant=\"secondarySubtle\"\n          borderRadius=\"sm\"\n          {...(isOpenInOverlay && { active: true })}\n          onClick={(): void => {\n            if (onOpenInOverlay) {\n              onOpenInOverlay();\n            }\n\n            if (isHovering) {\n              setIsHovering(false);\n            }\n          }}\n          iconName=\"popup\"\n          size=\"sm\"\n        />\n      )}\n      {pinProps && (\n        <Button\n          className=\"ConversationCard__PinButton\"\n          data-testid={pinDataTestId ? pinDataTestId : `${dataTestId}-pin-button`}\n          variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n          borderRadius=\"sm\"\n          onClick={(): void => {\n            if (onTogglePin) {\n              onTogglePin(!isPinned);\n            }\n\n            if (isHovering) {\n              setIsHovering(false);\n            }\n          }}\n          iconName={pinIconName}\n          size=\"sm\"\n        />\n      )}\n      {headerMenuProps && (\n        <Menu\n          buttonProps={\n            headerMenuProps.buttonProps || {\n              variant: 'secondarySubtle',\n              size: 'sm',\n              borderRadius: 'sm',\n              iconName: 'dotsVertical',\n              hideCaret: true,\n              padding: 0,\n            }\n          }\n          closeOnSelect={false}\n          lazyMount\n          data-testid={headerMenuDataTestId ? headerMenuDataTestId : `${dataTestId}-menu`}\n          {...headerMenuProps}\n          listProps={{\n            ...listProps,\n            menuItems: [\n              ...(pinProps\n                ? [\n                    {\n                      label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n                      value: 'PinConversation',\n                      variant: isPinned ? 'danger' : 'default',\n                      leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\n                      onSelect: (): void => {\n                        if (onTogglePin) {\n                          onTogglePin(!isPinned);\n                        }\n                      },\n                    } as MenuItemProps,\n                  ]\n                : []),\n              ...(listProps?.menuItems || []),\n            ],\n          }}\n        />\n      )}\n    </HStack>\n  );\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Wrap, WrapItem } from '@chakra-ui/react/wrap';\nimport { Tag, TagProps } from 'components/Tag/tag.component';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\n\nexport type ConversationCardTag = TagProps & {\n  /** Content to display in the tooltip. */\n  tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n  /** Tags to display in the ConversationCard. */\n  tags: ConversationCardTag[];\n  /** Data test id for the tags.\n   * @default kibble-conversation-card-tags\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardTags = ({\n  tags,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-tags',\n}: ConversationCardTagsProps): React.JSX.Element => {\n  return (\n    <Box className=\"ConversationCard__Tags\" mt={3} data-testid={dataTestId}>\n      <Wrap gap={2}>\n        {tags.map((tag) => {\n          const { tooltipContent, ...rest } = tag;\n          let tagElement = <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />;\n\n          if (tooltipContent) {\n            tagElement = (\n              <Tooltip label={tooltipContent} placement=\"top\">\n                <Box>{tagElement}</Box>\n              </Tooltip>\n            );\n          }\n\n          return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n        })}\n      </Wrap>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\n\nexport interface ConversationCardFooterProps {\n  /** Props for the Icon component. */\n  iconProps?: IconProps;\n  /** Content of the footer. */\n  content: React.ReactNode;\n  /** Props to customize the content styling. */\n  contentProps?: Omit<TextProps, 'children'>;\n  /** Data test id for the footer.\n   * @default kibble-conversation-card-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardFooter = ({\n  iconProps,\n  content,\n  contentProps,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-footer',\n}: ConversationCardFooterProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__FooterMessage\"\n        data-testid={`${dataTestId}-message`}\n        size=\"sm\"\n        variant=\"subtle\"\n        {...contentProps}\n        {...(iconProps && { ml: 1 })}\n      >\n        {content}\n      </Text>\n    ) : (\n      content\n    );\n  return (\n    <Flex className=\"ConversationCard__Footer\" data-testid={dataTestId} mt={3} alignItems=\"center\">\n      {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n      {_content}\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Text, TextProps } from 'components/Text/text.component';\n\nexport interface ConversationCardContentProps {\n  /** Content of the card. */\n  content?: React.ReactNode;\n  /** Props to customize the content styling. */\n  contentProps?: Omit<TextProps, 'children'>;\n  /** Optional Menu for the card. */\n  contentMenu?: React.ReactNode;\n  /** Data test id for the content.\n   * @default kibble-conversation-card-content\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardContent = ({\n  contentMenu,\n  content,\n  contentProps,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-content',\n}: ConversationCardContentProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__Content\"\n        data-testid={`${dataTestId}-content`}\n        truncated\n        size=\"sm\"\n        {...contentProps}\n      >\n        {content}\n      </Text>\n    ) : (\n      content\n    );\n\n  return (\n    <HStack\n      className=\"ConversationCard__ContentContainer\"\n      data-testid={`${dataTestId}-container`}\n      mt={3}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {_content}\n      {contentMenu && (\n        <Box className=\"ConversationCard__ContentMenu\" data-testid={`${dataTestId}-menu`} ml=\"auto\">\n          {contentMenu}\n        </Box>\n      )}\n    </HStack>\n  );\n};\n","import React, { useState } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Card } from 'components/Card/card.component';\nimport { MenuProps } from 'components/Menu/menu.component';\nimport {\n  ConversationCardHeader,\n  ConversationCardHeaderProps,\n} from './components/ConversationCardHeader/conversationCardHeader.component';\nimport {\n  ConversationCardButtons,\n  ConversationCardOverlayProps,\n  ConversationCardPinProps,\n} from './components/ConversationCardButtons/conversationCardButtons.component';\nimport {\n  ConversationCardTag,\n  ConversationCardTags,\n} from './components/ConversationCardTags/conversationCardTags.component';\nimport {\n  ConversationCardFooter,\n  ConversationCardFooterProps,\n} from './components/ConversationCardFooter/conversationCardFooter.component';\nimport {\n  ConversationCardContent,\n  ConversationCardContentProps,\n} from './components/ConversationCardContent/conversationCardContent.component';\nimport { ConversationCardAvatarGroupProps } from './components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n  /**\n   * Used to enable hover actions on the ConversationCard.\n   * @default true\n   */\n  allowHoverActions?: boolean;\n  /** Props for the `AvatarGroup` component. */\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  /** Props for the ConversationCard footer. */\n  footerProps?: ConversationCardFooterProps;\n  /** Props for the Menu component. See the `Menu` for more details. This component provides a default menu button if none is provided. If menuProps and pinProps are passed together, the component automatically adds a menuItem to control the pinned state. */\n  headerMenuProps?: MenuProps;\n  /** Props for the ConversationCard header. */\n  headerProps: ConversationCardHeaderProps;\n  /**\n   * Used to set the active state of the ConversationCard.\n   * @default false\n   */\n  active?: boolean;\n  /** Callback function for clicking the ConversationCard. */\n  onClick?: () => void;\n  /** Props to show and configure the conversation overlay button. If not passed, the overlay button won't be shown. */\n  overlayProps?: ConversationCardOverlayProps;\n  /** Props for the pin functionality. If not passed, pin functionality won't be shown. */\n  pinProps?: ConversationCardPinProps;\n  /**\n   * Used to preserve the position of the ConversationCard in a list with infinite scrolling.\n   * @default false\n   */\n  shouldPreservePosition?: boolean;\n  /**\n   * Used to show the unread messages indicator.\n   * @default false\n   */\n  showNotificationIndicator?: boolean;\n  /** The tags to be displayed in the ConversationCard. See the `Tag` for more information. Additionally, you can pass in a tooltipContent to customize what is shown in the tooltip. */\n  tags?: ConversationCardTag[];\n  /** Data test id for the conversation card.\n   * @default kibble-conversation-card\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCard = ({\n  allowHoverActions = true,\n  avatarGroupProps,\n  content,\n  contentProps,\n  contentMenu,\n  footerProps,\n  headerMenuProps,\n  headerProps,\n  active,\n  onClick,\n  overlayProps,\n  pinProps,\n  shouldPreservePosition = false,\n  showNotificationIndicator,\n  tags,\n  ['data-testid']: dataTestId = 'kibble-conversation-card',\n}: ConversationCardProps): React.JSX.Element => {\n  const { isPinned } = pinProps || {};\n  const [isHovering, setIsHovering] = useState(false);\n\n  return (\n    <Card\n      className=\"ConversationCard\"\n      id=\"conversation-card-item\"\n      data-testid={dataTestId}\n      interactive\n      active={active}\n      size=\"sm\"\n      fullWidth\n      onClick={(): void => {\n        if (onClick) {\n          onClick();\n        }\n      }}\n      bg={showNotificationIndicator || active || isHovering ? 'background.default' : 'background.subtle'}\n      onMouseEnter={(): void => {\n        if (allowHoverActions) {\n          setIsHovering(true);\n        }\n      }}\n      onMouseLeave={(): void => setIsHovering(false)}\n      pos=\"relative\"\n      css={{ overflowAnchor: shouldPreservePosition ? 'auto' : 'none' }}\n    >\n      {isHovering && (\n        <Box\n          className=\"ConversationCard__Button--Container\"\n          data-testid={`${dataTestId}-button-container`}\n          pos=\"absolute\"\n          top={2}\n          zIndex=\"banner\"\n          right={2}\n          bg=\"background\"\n          borderRadius=\"md\"\n          onClick={(e): void => e.stopPropagation()}\n        >\n          <ConversationCardButtons\n            overlayProps={overlayProps}\n            pinProps={pinProps}\n            headerMenuProps={headerMenuProps}\n            isHovering={isHovering}\n            setIsHovering={setIsHovering}\n          />\n        </Box>\n      )}\n      <ConversationCardHeader\n        avatarGroupProps={avatarGroupProps}\n        isHoveringCard={isHovering}\n        isCardPinned={isPinned}\n        showNotificationIndicator={showNotificationIndicator}\n        {...headerProps}\n      />\n      <ConversationCardContent content={content} contentProps={contentProps} contentMenu={contentMenu} />\n      {!!tags?.length && <ConversationCardTags tags={tags} />}\n      {footerProps && <ConversationCardFooter {...footerProps} />}\n    </Card>\n  );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","dataTestId","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","overlayDataTestId","isPinned","onTogglePin","pinDataTestId","listProps","headerMenuDataTestId","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}

package/dist/chunks/{create-recipe-context-CrEKmpj8.js → create-recipe-context-DfQ-MTih.js}

@@ -1,14 +1,14 @@
 import { j as h } from "./jsx-runtime-C5mzlN2N.js";
 import { useMemo as P, forwardRef as v } from "react";
-import { c as S } from "./provider-ClCAdPxy.js";
-import { c as j, m as k, a as w } from "./factory-BQshv7_b.js";
-import { a as E } from "./empty-BU2EAux9.js";
+import { c as E } from "./provider-ClCAdPxy.js";
+import { c as S, m as j, a as k } from "./factory-BQshv7_b.js";
+import { E as w } from "./empty-DNH84khx.js";
 import { u as g } from "./use-recipe-d63ABaZ3.js";
 const M = (r) => r.charAt(0).toUpperCase() + r.slice(1);
 function L(r) {
   const { key: i, recipe: m } = r, l = M(
     i || m.className || "Component"
-  ), [u, f] = S({
+  ), [u, f] = E({
     strict: !1,
     name: `${l}PropsContext`,
     providerName: `${l}PropsContext`
@@ -22,15 +22,15 @@ function L(r) {
       [e, t]
     );
     return {
-      styles: c ? E : e(o),
+      styles: c ? w : e(o),
       className: e.className,
       props: p
     };
   }
   const y = (s, c) => {
-    const t = j(s, {}, c), e = v((o, p) => {
+    const t = S(s, {}, c), e = v((o, p) => {
       const a = f(), n = P(
-        () => k(a, o),
+        () => j(a, o),
         [o, a]
       ), { styles: N, className: d, props: R } = x(n);
       return /* @__PURE__ */ h.jsx(
@@ -39,7 +39,7 @@ function L(r) {
           ...R,
           ref: p,
           css: [N, n.css],
-          className: w(d, n.className)
+          className: k(d, n.className)
         }
       );
     });
@@ -59,4 +59,4 @@ function L(r) {
 export {
   L as c
 };
-//# sourceMappingURL=create-recipe-context-CrEKmpj8.js.map
+//# sourceMappingURL=create-recipe-context-DfQ-MTih.js.map

package/dist/chunks/{create-recipe-context-CrEKmpj8.js.map → create-recipe-context-DfQ-MTih.js.map}

@@ -1 +1 @@
-{"version":3,"file":"create-recipe-context-CrEKmpj8.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/styled-system/create-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { useMemo, forwardRef } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useRecipe } from './use-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nfunction createRecipeContext(options) {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const recipe = useRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(restProps),\n      [recipe, restProps]\n    );\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    return {\n      styles,\n      className: recipe.className,\n      props: otherProps\n    };\n  }\n  const withContext = (Component, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(propsContext, inProps),\n        [inProps, propsContext]\n      );\n      const { styles, className, props: localProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...localProps,\n          ref,\n          css: [styles, props.css],\n          className: cx(className, props.className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  function withPropsProvider() {\n    return PropsProvider;\n  }\n  return {\n    withContext,\n    PropsProvider,\n    withPropsProvider,\n    usePropsContext,\n    useRecipeResult\n  };\n}\n\nexport { createRecipeContext };\n"],"names":["upperFirst","str","createRecipeContext","options","recipeKey","recipeConfig","contextName","PropsProvider","usePropsContext","createContext","useRecipeResult","props","unstyled","restProps","recipe","useRecipe","variantProps","otherProps","useMemo","EMPTY_STYLES","withContext","Component","options2","SuperComponent","chakra","StyledComponent","forwardRef","inProps","ref","propsContext","mergeProps","styles","className","localProps","jsx","cx","withPropsProvider"],"mappings":";;;;;;AAWA,MAAMA,IAAa,CAACC,MAAQA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AACrE,SAASC,EAAoBC,GAAS;AACpC,QAAM,EAAE,KAAKC,GAAW,QAAQC,EAAc,IAAGF,GAC3CG,IAAcN;AAAA,IAClBI,KAAaC,EAAa,aAAa;AAAA,EACxC,GACK,CAACE,GAAeC,CAAe,IAAIC,EAAc;AAAA,IACrD,QAAQ;AAAA,IACR,MAAM,GAAGH,CAAW;AAAA,IACpB,cAAc,GAAGA,CAAW;AAAA,EAChC,CAAG;AACD,WAASI,EAAgBC,GAAO;AAC9B,UAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKF,GAC7BG,IAASC,EAAU;AAAA,MACvB,KAAKX;AAAA,MACL,QAAQS,EAAU,UAAUR;AAAA,IAClC,CAAK,GACK,CAACW,GAAcC,CAAU,IAAIC;AAAA,MACjC,MAAMJ,EAAO,kBAAkBD,CAAS;AAAA,MACxC,CAACC,GAAQD,CAAS;AAAA,IACnB;AAED,WAAO;AAAA,MACL,QAFaD,IAAWO,IAAeL,EAAOE,CAAY;AAAA,MAG1D,WAAWF,EAAO;AAAA,MAClB,OAAOG;AAAA,IACR;AAAA,EACL;AACE,QAAMG,IAAc,CAACC,GAAWC,MAAa;AAC3C,UAAMC,IAAiBC,EAAOH,GAAW,CAAA,GAAIC,CAAQ,GAC/CG,IAAkBC,EAAW,CAACC,GAASC,MAAQ;AACnD,YAAMC,IAAerB,EAAiB,GAChCG,IAAQO;AAAA,QACZ,MAAMY,EAAWD,GAAcF,CAAO;AAAA,QACtC,CAACA,GAASE,CAAY;AAAA,MACvB,GACK,EAAE,QAAAE,GAAQ,WAAAC,GAAW,OAAOC,EAAY,IAAGvB,EAAgBC,CAAK;AACtE,aAAuBuB,gBAAAA,EAAG;AAAA,QACxBX;AAAA,QACA;AAAA,UACE,GAAGU;AAAA,UACH,KAAAL;AAAA,UACA,KAAK,CAACG,GAAQpB,EAAM,GAAG;AAAA,UACvB,WAAWwB,EAAGH,GAAWrB,EAAM,SAAS;AAAA,QAClD;AAAA,MACO;AAAA,IACP,CAAK;AACD,WAAAc,EAAgB,cAAcJ,EAAU,eAAeA,EAAU,MAC1DI;AAAA,EACR;AACD,WAASW,IAAoB;AAC3B,WAAO7B;AAAA,EACX;AACE,SAAO;AAAA,IACL,aAAAa;AAAA,IACA,eAAAb;AAAA,IACA,mBAAA6B;AAAA,IACA,iBAAA5B;AAAA,IACA,iBAAAE;AAAA,EACD;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"create-recipe-context-DfQ-MTih.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/styled-system/create-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { useMemo, forwardRef } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useRecipe } from './use-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nfunction createRecipeContext(options) {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const recipe = useRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(restProps),\n      [recipe, restProps]\n    );\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    return {\n      styles,\n      className: recipe.className,\n      props: otherProps\n    };\n  }\n  const withContext = (Component, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(propsContext, inProps),\n        [inProps, propsContext]\n      );\n      const { styles, className, props: localProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...localProps,\n          ref,\n          css: [styles, props.css],\n          className: cx(className, props.className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  function withPropsProvider() {\n    return PropsProvider;\n  }\n  return {\n    withContext,\n    PropsProvider,\n    withPropsProvider,\n    usePropsContext,\n    useRecipeResult\n  };\n}\n\nexport { createRecipeContext };\n"],"names":["upperFirst","str","createRecipeContext","options","recipeKey","recipeConfig","contextName","PropsProvider","usePropsContext","createContext","useRecipeResult","props","unstyled","restProps","recipe","useRecipe","variantProps","otherProps","useMemo","EMPTY_STYLES","withContext","Component","options2","SuperComponent","chakra","StyledComponent","forwardRef","inProps","ref","propsContext","mergeProps","styles","className","localProps","jsx","cx","withPropsProvider"],"mappings":";;;;;;AAWA,MAAMA,IAAa,CAACC,MAAQA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AACrE,SAASC,EAAoBC,GAAS;AACpC,QAAM,EAAE,KAAKC,GAAW,QAAQC,EAAc,IAAGF,GAC3CG,IAAcN;AAAA,IAClBI,KAAaC,EAAa,aAAa;AAAA,EACxC,GACK,CAACE,GAAeC,CAAe,IAAIC,EAAc;AAAA,IACrD,QAAQ;AAAA,IACR,MAAM,GAAGH,CAAW;AAAA,IACpB,cAAc,GAAGA,CAAW;AAAA,EAChC,CAAG;AACD,WAASI,EAAgBC,GAAO;AAC9B,UAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKF,GAC7BG,IAASC,EAAU;AAAA,MACvB,KAAKX;AAAA,MACL,QAAQS,EAAU,UAAUR;AAAA,IAClC,CAAK,GACK,CAACW,GAAcC,CAAU,IAAIC;AAAA,MACjC,MAAMJ,EAAO,kBAAkBD,CAAS;AAAA,MACxC,CAACC,GAAQD,CAAS;AAAA,IACnB;AAED,WAAO;AAAA,MACL,QAFaD,IAAWO,IAAeL,EAAOE,CAAY;AAAA,MAG1D,WAAWF,EAAO;AAAA,MAClB,OAAOG;AAAA,IACR;AAAA,EACL;AACE,QAAMG,IAAc,CAACC,GAAWC,MAAa;AAC3C,UAAMC,IAAiBC,EAAOH,GAAW,CAAA,GAAIC,CAAQ,GAC/CG,IAAkBC,EAAW,CAACC,GAASC,MAAQ;AACnD,YAAMC,IAAerB,EAAiB,GAChCG,IAAQO;AAAA,QACZ,MAAMY,EAAWD,GAAcF,CAAO;AAAA,QACtC,CAACA,GAASE,CAAY;AAAA,MACvB,GACK,EAAE,QAAAE,GAAQ,WAAAC,GAAW,OAAOC,EAAY,IAAGvB,EAAgBC,CAAK;AACtE,aAAuBuB,gBAAAA,EAAG;AAAA,QACxBX;AAAA,QACA;AAAA,UACE,GAAGU;AAAA,UACH,KAAAL;AAAA,UACA,KAAK,CAACG,GAAQpB,EAAM,GAAG;AAAA,UACvB,WAAWwB,EAAGH,GAAWrB,EAAM,SAAS;AAAA,QAClD;AAAA,MACO;AAAA,IACP,CAAK;AACD,WAAAc,EAAgB,cAAcJ,EAAU,eAAeA,EAAU,MAC1DI;AAAA,EACR;AACD,WAASW,IAAoB;AAC3B,WAAO7B;AAAA,EACX;AACE,SAAO;AAAA,IACL,aAAAa;AAAA,IACA,eAAAb;AAAA,IACA,mBAAA6B;AAAA,IACA,iBAAA5B;AAAA,IACA,iBAAAE;AAAA,EACD;AACH;","x_google_ignoreList":[0]}

package/dist/chunks/create-slot-recipe-context-D_FXDJGp.js

@@ -0,0 +1,104 @@
+import { j as p } from "./jsx-runtime-C5mzlN2N.js";
+import { useMemo as f, forwardRef as g } from "react";
+import { u as Y, c as v } from "./provider-ClCAdPxy.js";
+import { c as k, a as M, m as E } from "./factory-BQshv7_b.js";
+import { a as _ } from "./empty-DNH84khx.js";
+function A(l) {
+  const { key: i, recipe: d } = l, s = Y();
+  return f(() => {
+    const y = d || (i != null ? s.getSlotRecipe(i) : {});
+    return s.sva(structuredClone(y));
+  }, [i, d, s]);
+}
+const F = (l) => l.charAt(0).toUpperCase() + l.slice(1), G = (l) => {
+  const { key: i, recipe: d } = l, s = F(
+    i || d.className || "Component"
+  ), [y, R] = v({
+    name: `${s}StylesContext`,
+    errorMessage: `use${s}Styles returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `
+  }), [P, j] = v({
+    name: `${s}ClassNameContext`,
+    errorMessage: `use${s}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `,
+    strict: !1
+  }), [T, S] = v({
+    strict: !1,
+    name: `${s}PropsContext`,
+    providerName: `${s}PropsContext`,
+    defaultValue: {}
+  });
+  function h(e) {
+    const { unstyled: o, ...r } = e, t = A({
+      key: i,
+      recipe: r.recipe || d
+    }), [a, n] = f(
+      () => t.splitVariantProps(r),
+      [r, t]
+    );
+    return {
+      styles: f(
+        () => o ? _ : t(a),
+        [o, a, t]
+      ),
+      classNames: t.classNameMap,
+      props: n
+    };
+  }
+  function L(e, o = {}) {
+    const { defaultProps: r } = o, t = (a) => {
+      const n = S(), c = f(
+        () => E(r, n, a),
+        [n, a]
+      ), { styles: m, classNames: N, props: u } = h(c);
+      return /* @__PURE__ */ p.jsx(y, { value: m, children: /* @__PURE__ */ p.jsx(P, { value: N, children: /* @__PURE__ */ p.jsx(e, { ...u }) }) });
+    };
+    return t.displayName = e.displayName || e.name, t;
+  }
+  return {
+    StylesProvider: y,
+    ClassNamesProvider: P,
+    PropsProvider: T,
+    usePropsContext: S,
+    useRecipeResult: h,
+    withProvider: (e, o, r) => {
+      const { defaultProps: t, ...a } = r ?? {}, n = k(e, {}, a), c = g((m, N) => {
+        const u = S(), x = f(
+          () => E(t ?? {}, u, m),
+          [u, m]
+        ), { styles: C, props: O, classNames: w } = h(x), V = w[o], $ = /* @__PURE__ */ p.jsx(y, { value: C, children: /* @__PURE__ */ p.jsx(P, { value: w, children: /* @__PURE__ */ p.jsx(
+          n,
+          {
+            ref: N,
+            ...O,
+            css: [C[o], x.css],
+            className: M(x.className, V)
+          }
+        ) }) });
+        return r?.wrapElement?.($, x) ?? $;
+      });
+      return c.displayName = e.displayName || e.name, c;
+    },
+    withContext: (e, o, r) => {
+      const t = k(e, {}, r), a = g((n, c) => {
+        const { unstyled: m, ...N } = n, u = R(), C = j()?.[o];
+        return /* @__PURE__ */ p.jsx(
+          t,
+          {
+            ...N,
+            css: [!m && o ? u[o] : void 0, n.css],
+            ref: c,
+            className: M(n.className, C)
+          }
+        );
+      });
+      return a.displayName = e.displayName || e.name, a;
+    },
+    withRootProvider: L,
+    useStyles: R,
+    useClassNames: j
+  };
+};
+export {
+  G as c,
+  A as u
+};
+//# sourceMappingURL=create-slot-recipe-context-D_FXDJGp.js.map

package/dist/chunks/create-slot-recipe-context-D_FXDJGp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-slot-recipe-context-D_FXDJGp.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/styled-system/use-slot-recipe.js","../../node_modules/@chakra-ui/react/dist/esm/styled-system/create-slot-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { useMemo } from 'react';\nimport { useChakraContext } from './provider.js';\n\nfunction useSlotRecipe(options) {\n  const { key, recipe: recipeProp } = options;\n  const sys = useChakraContext();\n  return useMemo(() => {\n    const recipe = recipeProp || (key != null ? sys.getSlotRecipe(key) : {});\n    return sys.sva(structuredClone(recipe));\n  }, [key, recipeProp, sys]);\n}\n\nexport { useSlotRecipe };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_SLOT_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useSlotRecipe } from './use-slot-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nconst createSlotRecipeContext = (options) => {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [StylesProvider, useStyles] = createContext({\n    name: `${contextName}StylesContext`,\n    errorMessage: `use${contextName}Styles returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `\n  });\n  const [ClassNamesProvider, useClassNames] = createContext({\n    name: `${contextName}ClassNameContext`,\n    errorMessage: `use${contextName}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `,\n    strict: false\n  });\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`,\n    defaultValue: {}\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const slotRecipe = useSlotRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => slotRecipe.splitVariantProps(restProps),\n      [restProps, slotRecipe]\n    );\n    const styles = useMemo(\n      () => unstyled ? EMPTY_SLOT_STYLES : slotRecipe(variantProps),\n      [unstyled, variantProps, slotRecipe]\n    );\n    return {\n      styles,\n      classNames: slotRecipe.classNameMap,\n      props: otherProps\n    };\n  }\n  function withRootProvider(Component, options2 = {}) {\n    const { defaultProps } = options2;\n    const StyledComponent = (inProps) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, classNames, props: rootProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...rootProps }) }) });\n    };\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  }\n  const withProvider = (Component, slot, options2) => {\n    const { defaultProps, ...restOptions } = options2 ?? {};\n    const SuperComponent = chakra(Component, {}, restOptions);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps ?? {}, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, props: rootProps, classNames } = useRecipeResult(props);\n      const className = classNames[slot];\n      const element = /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ref,\n          ...rootProps,\n          css: [styles[slot], props.css],\n          className: cx(props.className, className)\n        }\n      ) }) });\n      return options2?.wrapElement?.(element, props) ?? element;\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  const withContext = (Component, slot, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((props, ref) => {\n      const { unstyled, ...restProps } = props;\n      const styles = useStyles();\n      const classNames = useClassNames();\n      const className = classNames?.[slot];\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...restProps,\n          css: [!unstyled && slot ? styles[slot] : void 0, props.css],\n          ref,\n          className: cx(props.className, className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  return {\n    StylesProvider,\n    ClassNamesProvider,\n    PropsProvider,\n    usePropsContext,\n    useRecipeResult,\n    withProvider,\n    withContext,\n    withRootProvider,\n    useStyles,\n    useClassNames\n  };\n};\n\nexport { createSlotRecipeContext };\n"],"names":["useSlotRecipe","options","key","recipeProp","sys","useChakraContext","useMemo","recipe","upperFirst","str","createSlotRecipeContext","recipeKey","recipeConfig","contextName","StylesProvider","useStyles","createContext","ClassNamesProvider","useClassNames","PropsProvider","usePropsContext","useRecipeResult","props","unstyled","restProps","slotRecipe","variantProps","otherProps","EMPTY_SLOT_STYLES","withRootProvider","Component","options2","defaultProps","StyledComponent","inProps","propsContext","mergeProps","styles","classNames","rootProps","jsx","slot","restOptions","SuperComponent","chakra","forwardRef","ref","className","element","cx"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/chunks/create-slot-recipe-context-HXE1VazG.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),S=require("./provider-NDo8kOkE.js"),d=require("./factory-a2SJjEvR.js"),L=require("./empty-B5_AO6Pg.js");function g(u){const{key:l,recipe:y}=u,s=S.useChakraContext();return p.useMemo(()=>{const N=y||(l!=null?s.getSlotRecipe(l):{});return s.sva(structuredClone(N))},[l,y,s])}const O=u=>u.charAt(0).toUpperCase()+u.slice(1),V=u=>{const{key:l,recipe:y}=u,s=O(l||y.className||"Component"),[N,v]=S.createContext({name:`${s}StylesContext`,errorMessage:`use${s}Styles returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `}),[f,w]=S.createContext({name:`${s}ClassNameContext`,errorMessage:`use${s}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `,strict:!1}),[$,h]=S.createContext({strict:!1,name:`${s}PropsContext`,providerName:`${s}PropsContext`,defaultValue:{}});function j(e){const{unstyled:o,...r}=e,t=g({key:l,recipe:r.recipe||y}),[n,c]=p.useMemo(()=>t.splitVariantProps(r),[r,t]);return{styles:p.useMemo(()=>o?L.EMPTY_SLOT_STYLES:t(n),[o,n,t]),classNames:t.classNameMap,props:c}}function k(e,o={}){const{defaultProps:r}=o,t=n=>{const c=h(),a=p.useMemo(()=>d.mergeProps(r,c,n),[c,n]),{styles:m,classNames:C,props:x}=j(a);return i.jsxRuntimeExports.jsx(N,{value:m,children:i.jsxRuntimeExports.jsx(f,{value:C,children:i.jsxRuntimeExports.jsx(e,{...x})})})};return t.displayName=e.displayName||e.name,t}return{StylesProvider:N,ClassNamesProvider:f,PropsProvider:$,usePropsContext:h,useRecipeResult:j,withProvider:(e,o,r)=>{const{defaultProps:t,...n}=r??{},c=d.chakra(e,{},n),a=p.forwardRef((m,C)=>{const x=h(),R=p.useMemo(()=>d.mergeProps(t??{},x,m),[x,m]),{styles:P,props:q,classNames:E}=j(R),T=E[o],M=i.jsxRuntimeExports.jsx(N,{value:P,children:i.jsxRuntimeExports.jsx(f,{value:E,children:i.jsxRuntimeExports.jsx(c,{ref:C,...q,css:[P[o],R.css],className:d.cx(R.className,T)})})});return r?.wrapElement?.(M,R)??M});return a.displayName=e.displayName||e.name,a},withContext:(e,o,r)=>{const t=d.chakra(e,{},r),n=p.forwardRef((c,a)=>{const{unstyled:m,...C}=c,x=v(),P=w()?.[o];return i.jsxRuntimeExports.jsx(t,{...C,css:[!m&&o?x[o]:void 0,c.css],ref:a,className:d.cx(c.className,P)})});return n.displayName=e.displayName||e.name,n},withRootProvider:k,useStyles:v,useClassNames:w}};exports.createSlotRecipeContext=V;exports.useSlotRecipe=g;
+//# sourceMappingURL=create-slot-recipe-context-HXE1VazG.js.map

package/dist/chunks/create-slot-recipe-context-HXE1VazG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-slot-recipe-context-HXE1VazG.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/styled-system/use-slot-recipe.js","../../node_modules/@chakra-ui/react/dist/esm/styled-system/create-slot-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { useMemo } from 'react';\nimport { useChakraContext } from './provider.js';\n\nfunction useSlotRecipe(options) {\n  const { key, recipe: recipeProp } = options;\n  const sys = useChakraContext();\n  return useMemo(() => {\n    const recipe = recipeProp || (key != null ? sys.getSlotRecipe(key) : {});\n    return sys.sva(structuredClone(recipe));\n  }, [key, recipeProp, sys]);\n}\n\nexport { useSlotRecipe };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_SLOT_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useSlotRecipe } from './use-slot-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nconst createSlotRecipeContext = (options) => {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [StylesProvider, useStyles] = createContext({\n    name: `${contextName}StylesContext`,\n    errorMessage: `use${contextName}Styles returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `\n  });\n  const [ClassNamesProvider, useClassNames] = createContext({\n    name: `${contextName}ClassNameContext`,\n    errorMessage: `use${contextName}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `,\n    strict: false\n  });\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`,\n    defaultValue: {}\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const slotRecipe = useSlotRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => slotRecipe.splitVariantProps(restProps),\n      [restProps, slotRecipe]\n    );\n    const styles = useMemo(\n      () => unstyled ? EMPTY_SLOT_STYLES : slotRecipe(variantProps),\n      [unstyled, variantProps, slotRecipe]\n    );\n    return {\n      styles,\n      classNames: slotRecipe.classNameMap,\n      props: otherProps\n    };\n  }\n  function withRootProvider(Component, options2 = {}) {\n    const { defaultProps } = options2;\n    const StyledComponent = (inProps) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, classNames, props: rootProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...rootProps }) }) });\n    };\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  }\n  const withProvider = (Component, slot, options2) => {\n    const { defaultProps, ...restOptions } = options2 ?? {};\n    const SuperComponent = chakra(Component, {}, restOptions);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps ?? {}, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, props: rootProps, classNames } = useRecipeResult(props);\n      const className = classNames[slot];\n      const element = /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ref,\n          ...rootProps,\n          css: [styles[slot], props.css],\n          className: cx(props.className, className)\n        }\n      ) }) });\n      return options2?.wrapElement?.(element, props) ?? element;\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  const withContext = (Component, slot, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((props, ref) => {\n      const { unstyled, ...restProps } = props;\n      const styles = useStyles();\n      const classNames = useClassNames();\n      const className = classNames?.[slot];\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...restProps,\n          css: [!unstyled && slot ? styles[slot] : void 0, props.css],\n          ref,\n          className: cx(props.className, className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  return {\n    StylesProvider,\n    ClassNamesProvider,\n    PropsProvider,\n    usePropsContext,\n    useRecipeResult,\n    withProvider,\n    withContext,\n    withRootProvider,\n    useStyles,\n    useClassNames\n  };\n};\n\nexport { createSlotRecipeContext };\n"],"names":["useSlotRecipe","options","key","recipeProp","sys","useChakraContext","useMemo","recipe","upperFirst","str","createSlotRecipeContext","recipeKey","recipeConfig","contextName","StylesProvider","useStyles","createContext","ClassNamesProvider","useClassNames","PropsProvider","usePropsContext","useRecipeResult","props","unstyled","restProps","slotRecipe","variantProps","otherProps","EMPTY_SLOT_STYLES","withRootProvider","Component","options2","defaultProps","StyledComponent","inProps","propsContext","mergeProps","styles","classNames","rootProps","jsx","slot","restOptions","SuperComponent","chakra","forwardRef","ref","className","element","cx"],"mappings":"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","x_google_ignoreList":[0,1]}