@televet/kibble-ui 4.0.0-beta.9 → 4.0.0-beta.91

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversationCard.component-DCpGDLwc.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: React.ReactNode[];\n  max?: number;\n  onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n  avatars,\n  max = 1,\n  onAvatarGroupClick,\n  tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n  return (\n    <Tooltip label={tooltipLabel || ''} disabled={!tooltipLabel?.length}>\n      <Flex className=\"ConversationCard__AvatarGroup\" alignItems=\"flex-start\" justifyContent=\"flex-start\">\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  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  showNotificationIndicator?: boolean;\n  isCardPinned?: boolean;\n  isHoveringCard?: boolean;\n  subtitle?: string;\n  timestampProps: TimestampProps;\n  title: string;\n}\n\nexport const ConversationCardHeader = ({\n  avatarGroupProps,\n  timestampProps,\n  isHoveringCard,\n  isCardPinned,\n  title,\n  showNotificationIndicator,\n  subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n  return (\n    <HStack\n      className=\"ConversationCard__Header\"\n      data-testid=\"kibble-conversation-card-header\"\n      justify=\"space-between\"\n      align=\"flex-start\"\n    >\n      <HStack\n        className=\"ConversationCard__Header--Left\"\n        data-testid=\"kibble-conversation-card-header-left\"\n        cursor=\"pointer\"\n      >\n        {avatarGroupProps && (\n          <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n        )}\n        <VStack\n          className=\"ConversationCard__HeaderText\"\n          data-testid=\"kibble-conversation-card-header-text\"\n          justify=\"center\"\n          align=\"left\"\n          gap=\"0\"\n        >\n          <Heading\n            className=\"ConversationCard__HeaderText--Title\"\n            data-testid=\"kibble-conversation-card-header-title\"\n            size=\"sm\"\n            truncated\n          >\n            {title}\n          </Heading>\n          {subtitle && (\n            <Text\n              className=\"ConversationCard__HeaderText--Subtitle\"\n              data-testid=\"kibble-conversation-card-header-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=\"kibble-conversation-card-header-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=\"conversation-card-unread-indicator\"\n          >\n            <NotificationCounter size=\"xs\" />\n          </Box>\n        )}\n        {isCardPinned && (\n          <Flex data-testid=\"conversation-card-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  isOpenInOverlay?: boolean;\n  onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n  isPinned?: boolean;\n  onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n  overlayProps?: ConversationCardOverlayProps;\n  pinProps?: ConversationCardPinProps;\n  headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n  isHovering: boolean;\n  setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n  overlayProps,\n  pinProps,\n  headerMenuProps,\n  isHovering,\n  setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n  const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n  const { isPinned, onTogglePin } = pinProps || {};\n  const { listProps } = headerMenuProps || {};\n  const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n  return (\n    <HStack className=\"ConversationCard__Menu\" data-testid=\"kibble-conversation-card-menu\" gap={1}>\n      {overlayProps && (\n        <Button\n          className=\"ConversationCard__OverlayButton\"\n          data-testid=\"conversation-card-overlay-icon-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=\"conversation-card-pin-toggle-icon-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          {...headerMenuProps}\n          listProps={{\n            ...listProps,\n            menuItems: [\n              ...(pinProps\n                ? [\n                    {\n                      'data-testid': 'conversation-card-pin-toggle-dropdown-button',\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  tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n  tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({ tags }: ConversationCardTagsProps): React.JSX.Element => {\n  return (\n    <Box className=\"ConversationCard__Tags\" mt={3}>\n      <Wrap gap=\"6px\">\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  iconProps?: IconProps;\n  content: React.ReactNode;\n  contentProps?: Omit<TextProps, 'children'>;\n}\n\nexport const ConversationCardFooter = ({\n  iconProps,\n  content,\n  contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__FooterMessage\"\n        data-testid=\"kibble-conversation-card-footer-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=\"kibble-conversation-card-footer\" 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?: React.ReactNode;\n  contentProps?: Omit<TextProps, 'children'>;\n  contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n  contentMenu,\n  content,\n  contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__Content\"\n        data-testid=\"kibble-conversation-card-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=\"kibble-conversation-card-content-container\"\n      mt={3}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {_content}\n      {contentMenu && (\n        <Box className=\"ConversationCard__ContentMenu\" data-testid=\"kibble-conversation-card-content-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  allowHoverActions?: boolean;\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  footerProps?: ConversationCardFooterProps;\n  headerMenuProps?: MenuProps;\n  headerProps: ConversationCardHeaderProps;\n  active?: boolean;\n  onClick?: () => void;\n  overlayProps?: ConversationCardOverlayProps;\n  pinProps?: ConversationCardPinProps;\n  shouldPreservePosition?: boolean;\n  showNotificationIndicator?: boolean;\n  tags?: ConversationCardTag[];\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}: 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=\"kibble-conversation-card\"\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.alphaContrast.pressed'}\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__Menu--Container\"\n          data-testid=\"kibble-conversation-card-menu-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","jsx","Tooltip","Flex","Avatar","e","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","isPinned","onTogglePin","listProps","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-D7FewUR4.js

@@ -0,0 +1,62 @@
+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-Ctbv0Ozn.js";
+import { a as E } from "./empty-BU2EAux9.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({
+    strict: !1,
+    name: `${l}PropsContext`,
+    providerName: `${l}PropsContext`
+  });
+  function x(s) {
+    const { unstyled: c, ...t } = s, e = g({
+      key: i,
+      recipe: t.recipe || m
+    }), [o, p] = P(
+      () => e.splitVariantProps(t),
+      [e, t]
+    );
+    return {
+      styles: c ? E : e(o),
+      className: e.className,
+      props: p
+    };
+  }
+  const y = (s, c) => {
+    const t = j(s, {}, c), e = v((o, p) => {
+      const a = f(), n = P(
+        () => k(a, o),
+        [o, a]
+      ), { styles: N, className: d, props: R } = x(n);
+      return /* @__PURE__ */ h.jsx(
+        t,
+        {
+          ...R,
+          ref: p,
+          css: [N, n.css],
+          className: w(d, n.className)
+        }
+      );
+    });
+    return e.displayName = s.displayName || s.name, e;
+  };
+  function C() {
+    return u;
+  }
+  return {
+    withContext: y,
+    PropsProvider: u,
+    withPropsProvider: C,
+    usePropsContext: f,
+    useRecipeResult: x
+  };
+}
+export {
+  L as c
+};
+//# sourceMappingURL=create-recipe-context-D7FewUR4.js.map

package/dist/chunks/create-recipe-context-D7FewUR4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-recipe-context-D7FewUR4.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-recipe-context-sESms8Eo.js

@@ -0,0 +1,2 @@
+"use strict";const h=require("./jsx-runtime-BjDatQAs.js"),a=require("react"),v=require("./provider-NDo8kOkE.js"),u=require("./factory-D6tdBUPG.js"),S=require("./empty-B5_AO6Pg.js"),j=require("./use-recipe-DaPWl_pL.js"),k=r=>r.charAt(0).toUpperCase()+r.slice(1);function w(r){const{key:l,recipe:m}=r,x=k(l||m.className||"Component"),[P,y]=v.createContext({strict:!1,name:`${x}PropsContext`,providerName:`${x}PropsContext`});function C(s){const{unstyled:c,...t}=s,e=j.useRecipe({key:l,recipe:t.recipe||m}),[o,n]=a.useMemo(()=>e.splitVariantProps(t),[e,t]);return{styles:c?S.EMPTY_STYLES:e(o),className:e.className,props:n}}const N=(s,c)=>{const t=u.chakra(s,{},c),e=a.forwardRef((o,n)=>{const p=y(),i=a.useMemo(()=>u.mergeProps(p,o),[o,p]),{styles:d,className:f,props:q}=C(i);return h.jsxRuntimeExports.jsx(t,{...q,ref:n,css:[d,i.css],className:u.cx(f,i.className)})});return e.displayName=s.displayName||s.name,e};function R(){return P}return{withContext:N,PropsProvider:P,withPropsProvider:R,usePropsContext:y,useRecipeResult:C}}exports.createRecipeContext=w;
+//# sourceMappingURL=create-recipe-context-sESms8Eo.js.map

package/dist/chunks/create-recipe-context-sESms8Eo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-recipe-context-sESms8Eo.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":"2NAWMA,EAAcC,GAAQA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,MAAM,CAAC,EACrE,SAASC,EAAoBC,EAAS,CACpC,KAAM,CAAE,IAAKC,EAAW,OAAQC,CAAc,EAAGF,EAC3CG,EAAcN,EAClBI,GAAaC,EAAa,WAAa,WACxC,EACK,CAACE,EAAeC,CAAe,EAAIC,gBAAc,CACrD,OAAQ,GACR,KAAM,GAAGH,CAAW,eACpB,aAAc,GAAGA,CAAW,cAChC,CAAG,EACD,SAASI,EAAgBC,EAAO,CAC9B,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAS,EAAKF,EAC7BG,EAASC,EAAAA,UAAU,CACvB,IAAKX,EACL,OAAQS,EAAU,QAAUR,CAClC,CAAK,EACK,CAACW,EAAcC,CAAU,EAAIC,EAAO,QACxC,IAAMJ,EAAO,kBAAkBD,CAAS,EACxC,CAACC,EAAQD,CAAS,CACnB,EAED,MAAO,CACL,OAFaD,EAAWO,eAAeL,EAAOE,CAAY,EAG1D,UAAWF,EAAO,UAClB,MAAOG,CACR,CACL,CACE,MAAMG,EAAc,CAACC,EAAWC,IAAa,CAC3C,MAAMC,EAAiBC,EAAM,OAACH,EAAW,CAAA,EAAIC,CAAQ,EAC/CG,EAAkBC,EAAAA,WAAW,CAACC,EAASC,IAAQ,CACnD,MAAMC,EAAerB,EAAiB,EAChCG,EAAQO,EAAO,QACnB,IAAMY,EAAU,WAACD,EAAcF,CAAO,EACtC,CAACA,EAASE,CAAY,CACvB,EACK,CAAE,OAAAE,EAAQ,UAAAC,EAAW,MAAOC,CAAY,EAAGvB,EAAgBC,CAAK,EACtE,OAAuBuB,EAAG,kBAAA,IACxBX,EACA,CACE,GAAGU,EACH,IAAAL,EACA,IAAK,CAACG,EAAQpB,EAAM,GAAG,EACvB,UAAWwB,EAAE,GAACH,EAAWrB,EAAM,SAAS,CAClD,CACO,CACP,CAAK,EACD,OAAAc,EAAgB,YAAcJ,EAAU,aAAeA,EAAU,KAC1DI,CACR,EACD,SAASW,GAAoB,CAC3B,OAAO7B,CACX,CACE,MAAO,CACL,YAAAa,EACA,cAAAb,EACA,kBAAA6B,EACA,gBAAA5B,EACA,gBAAAE,CACD,CACH","x_google_ignoreList":[0]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-slot-recipe-context-BJmsuxih.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/styled-system/create-slot-recipe-context.js"],"sourcesContent":["\"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 styles = useStyles();\n      const classNames = useClassNames();\n      const className = classNames?.[slot];\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...props,\n          css: [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":["upperFirst","str","createSlotRecipeContext","options","recipeKey","recipeConfig","contextName","StylesProvider","useStyles","createContext","ClassNamesProvider","useClassNames","PropsProvider","usePropsContext","useRecipeResult","props","unstyled","restProps","slotRecipe","useSlotRecipe","variantProps","otherProps","useMemo","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]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-slot-recipe-context-IwVIgtBt.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/styled-system/create-slot-recipe-context.js"],"sourcesContent":["\"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 styles = useStyles();\n      const classNames = useClassNames();\n      const className = classNames?.[slot];\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...props,\n          css: [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":["upperFirst","str","createSlotRecipeContext","options","recipeKey","recipeConfig","contextName","StylesProvider","useStyles","createContext","ClassNamesProvider","useClassNames","PropsProvider","usePropsContext","useRecipeResult","props","unstyled","restProps","slotRecipe","useSlotRecipe","variantProps","otherProps","useMemo","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]}