@knkcs/anker 0.0.1 → 0.0.2

package/dist/chunk-GJTQLZ4O.js

@@ -0,0 +1,73 @@
+import { Button as Button$1, IconButton as IconButton$1, Badge } from '@chakra-ui/react';
+import { jsx } from 'react/jsx-runtime';
+import dayjs from 'dayjs';
+import calendarPlugin from 'dayjs/plugin/calendar.js';
+import relativeTime from 'dayjs/plugin/relativeTime.js';
+import utcPlugin from 'dayjs/plugin/utc.js';
+import { readableColor } from 'color2k';
+import { useMemo } from 'react';
+
+// src/atoms/button/button.tsx
+var Button = ({
+  ref,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      size: "md",
+      variant: "secondary",
+      ref,
+      ...props
+    }
+  );
+};
+Button.displayName = "Button";
+var IconButton = ({
+  ref,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(IconButton$1, { size: "md", variant: "ghost", ref, ...props });
+};
+IconButton.displayName = "IconButton";
+dayjs.extend(utcPlugin);
+dayjs.extend(relativeTime);
+dayjs.extend(calendarPlugin);
+function formatRelativeDateTime(date, baseDate = /* @__PURE__ */ new Date()) {
+  return dayjs(date).from(baseDate);
+}
+function formatRelativeToCurrentWeekDateTime(date, baseDate = /* @__PURE__ */ new Date()) {
+  const isToday = dayjs(date).isSame(baseDate, "day");
+  if (!isToday) {
+    return dayjs(date).calendar(baseDate, {
+      sameElse: "DD MMM YYYY"
+    });
+  }
+  return formatRelativeDateTime(date, baseDate);
+}
+var StatusBadge = (props) => {
+  const { label, color } = props;
+  const textColor = useMemo(() => {
+    try {
+      return readableColor(color);
+    } catch {
+      return "black";
+    }
+  }, [color]);
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      bg: color,
+      color: textColor,
+      rounded: "base",
+      px: 2,
+      marginInlineStart: 1,
+      children: label
+    }
+  );
+};
+StatusBadge.displayName = "StatusBadge";
+
+export { Button, IconButton, StatusBadge, formatRelativeDateTime, formatRelativeToCurrentWeekDateTime };
+//# sourceMappingURL=chunk-GJTQLZ4O.js.map
+//# sourceMappingURL=chunk-GJTQLZ4O.js.map

package/dist/chunk-GJTQLZ4O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/button/button.tsx","../src/atoms/button/icon-button.tsx","../src/atoms/datetime/utils/relative-date-time-utils.ts","../src/atoms/status-badge/status-badge.tsx"],"names":["ChakraButton","jsx","ChakraIconButton"],"mappings":";;;;;;;;;;AAIO,IAAM,SAAS,CAAC;AAAA,EACtB,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,KAA4D;AAC3D,EAAA,uBACC,GAAA;AAAA,IAACA,QAAA;AAAA,IAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAS,WAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACL;AAEF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;ACVd,IAAM,aAAa,CAAC;AAAA,EAC1B,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,KAAgE;AAC/D,EAAA,uBAAOC,IAACC,YAAA,EAAA,EAAiB,IAAA,EAAK,MAAK,OAAA,EAAQ,OAAA,EAAQ,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AACzE;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;ACRzB,KAAA,CAAM,OAAO,SAAS,CAAA;AACtB,KAAA,CAAM,OAAO,YAAY,CAAA;AACzB,KAAA,CAAM,OAAO,cAAc,CAAA;AAmBpB,SAAS,sBAAA,CACf,IAAA,EACA,QAAA,mBAAqB,IAAI,MAAK,EAC7B;AACD,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,CAAE,IAAA,CAAK,QAAQ,CAAA;AACjC;AAmBO,SAAS,mCAAA,CACf,IAAA,EACA,QAAA,mBAAqB,IAAI,MAAK,EAC7B;AACD,EAAA,MAAM,UAAU,KAAA,CAAM,IAAI,CAAA,CAAE,MAAA,CAAO,UAAU,KAAK,CAAA;AAElD,EAAA,IAAI,CAAC,OAAA,EAAS;AAGb,IAAA,OAAO,KAAA,CAAM,IAAI,CAAA,CAAE,QAAA,CAAS,QAAA,EAAU;AAAA,MACrC,QAAA,EAAU;AAAA,KACV,CAAA;AAAA,EACF;AAGA,EAAA,OAAO,sBAAA,CAAuB,MAAM,QAAQ,CAAA;AAC7C;ACtDO,IAAM,WAAA,GAA0C,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAM,GAAI,KAAA;AAEzB,EAAA,MAAM,SAAA,GAAY,QAAQ,MAAM;AAC/B,IAAA,IAAI;AACH,MAAA,OAAO,cAAc,KAAK,CAAA;AAAA,IAC3B,CAAA,CAAA,MAAQ;AACP,MAAA,OAAO,OAAA;AAAA,IACR;AAAA,EACD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACCD,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAQ,MAAA;AAAA,MACR,EAAA,EAAI,CAAA;AAAA,MACJ,iBAAA,EAAmB,CAAA;AAAA,MAElB,QAAA,EAAA;AAAA;AAAA,GACF;AAEF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-GJTQLZ4O.js","sourcesContent":["import { type ButtonProps, Button as ChakraButton } from \"@chakra-ui/react\";\n\nexport type { ButtonProps };\n\nexport const Button = ({\n\tref,\n\t...props\n}: ButtonProps & { ref?: React.Ref<HTMLButtonElement> }) => {\n\treturn (\n\t\t<ChakraButton\n\t\t\tsize=\"md\"\n\t\t\tvariant={\"secondary\" as ButtonProps[\"variant\"]}\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\nButton.displayName = \"Button\";\n","import {\n\tIconButton as ChakraIconButton,\n\ttype IconButtonProps,\n} from \"@chakra-ui/react\";\n\nexport type { IconButtonProps };\n\nexport const IconButton = ({\n\tref,\n\t...props\n}: IconButtonProps & { ref?: React.Ref<HTMLButtonElement> }) => {\n\treturn <ChakraIconButton size=\"md\" variant=\"ghost\" ref={ref} {...props} />;\n};\nIconButton.displayName = \"IconButton\";\n","import dayjs from \"dayjs\";\nimport calendarPlugin from \"dayjs/plugin/calendar.js\";\nimport relativeTime from \"dayjs/plugin/relativeTime.js\";\nimport utcPlugin from \"dayjs/plugin/utc.js\";\n\ndayjs.extend(utcPlugin);\ndayjs.extend(relativeTime);\ndayjs.extend(calendarPlugin);\n\nimport type { DateType } from \"../types\";\n\n/**\n * A function that will return a string with how far a given date is in the past or future,\n * using a baseDate as reference. If the baseDate is not passed, the function will use today as reference.\n *\n * @param date - the date to be formatted\n * @param baseDate - the date that should be used as a reference (default is \"today\")\n * @returns a relative date\n *\n * @example\n * // Considering today as 18.08.2021\n * formatRelativeDateTime('2021-08-17T15:45:00') // returns \"a day ago\"\n *\n * @example\n * formatRelativeDateTime('2021-08-17T15:45:00', '2021-08-16') // returns \"in a day\"\n */\nexport function formatRelativeDateTime(\n\tdate: DateType,\n\tbaseDate: DateType = new Date(),\n) {\n\treturn dayjs(date).from(baseDate);\n}\n\n/**\n * A function that formats a date relative to Today or to the `baseDate` if passed.\n * If the date is not today, it will return a string with \"Yesterday ...\", \"Tomorrow ...\", etc\n * If the date is not in the current week, it return a string with \"DD MMM YYYY\" format\n * If the date is today, it will return a string with \"... ago\" or \"in ...\"\n *\n * @param date - the date to be formatted\n * @param baseDate - the date that should be used as a reference (default is \"today\")\n * @returns a relative date\n *\n * @example\n * // Considering today as 18.08.2021\n * formatRelativeToCurrentWeekDateTime('2021-08-17T15:45:00') // returns \"Yesterday at 3:45 PM\"\n *\n * @example\n * formatRelativeToCurrentWeekDateTime('2021-08-17T15:45:00', '2021-08-16') // returns \"Tomorrow at 3:45 PM\"\n */\nexport function formatRelativeToCurrentWeekDateTime(\n\tdate: DateType,\n\tbaseDate: DateType = new Date(),\n) {\n\tconst isToday = dayjs(date).isSame(baseDate, \"day\");\n\n\tif (!isToday) {\n\t\t// if the date is not today, we display it with \"Yesterday\", \"Tomorrow\", etc.\n\t\t// and if the date is not in the current week then it will display \"17 Aug 2021\"\n\t\treturn dayjs(date).calendar(baseDate, {\n\t\t\tsameElse: \"DD MMM YYYY\",\n\t\t});\n\t}\n\n\t// returns \"... ago\"\n\treturn formatRelativeDateTime(date, baseDate);\n}\n","import { Badge } from \"@chakra-ui/react\";\nimport { readableColor } from \"color2k\";\nimport type React from \"react\";\nimport { useMemo } from \"react\";\n\nexport interface StatusBadgeProps {\n\t/** The display label for the badge */\n\tlabel: string;\n\t/** The background color for the badge (hex format, e.g. \"#ff0000\") */\n\tcolor: string;\n}\n\nexport const StatusBadge: React.FC<StatusBadgeProps> = (props) => {\n\tconst { label, color } = props;\n\n\tconst textColor = useMemo(() => {\n\t\ttry {\n\t\t\treturn readableColor(color);\n\t\t} catch {\n\t\t\treturn \"black\";\n\t\t}\n\t}, [color]);\n\n\treturn (\n\t\t<Badge\n\t\t\tbg={color}\n\t\t\tcolor={textColor}\n\t\t\trounded=\"base\"\n\t\t\tpx={2}\n\t\t\tmarginInlineStart={1}\n\t\t>\n\t\t\t{label}\n\t\t</Badge>\n\t);\n};\n\nStatusBadge.displayName = \"StatusBadge\";\n"]}

package/dist/chunk-NJFF6S77.js

@@ -0,0 +1,108 @@
+import { Menu, Portal, AbsoluteCenter, Tooltip as Tooltip$1 } from '@chakra-ui/react';
+import { Check, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/primitives/menu.tsx
+var MenuContent = function MenuContent2({
+  ref,
+  ...props
+}) {
+  const { portalled = true, portalRef, ...rest } = props;
+  return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { ref, ...rest }) }) });
+};
+MenuContent.displayName = "MenuContent";
+var MenuArrow = function MenuArrow2({
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ jsx(Menu.ArrowTip, {}) });
+};
+MenuArrow.displayName = "MenuArrow";
+var MenuCheckboxItem = function MenuCheckboxItem2({
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Menu.CheckboxItem, { ps: "8", ref, ...props, children: [
+    /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", insetStart: "4", asChild: true, children: /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) }) }),
+    props.children
+  ] });
+};
+MenuCheckboxItem.displayName = "MenuCheckboxItem";
+var MenuRadioItem = function MenuRadioItem2({
+  ref,
+  ...props
+}) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Menu.RadioItem, { ps: "8", ref, ...rest, children: [
+    /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", insetStart: "4", asChild: true, children: /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) }) }),
+    /* @__PURE__ */ jsx(Menu.ItemText, { children })
+  ] });
+};
+MenuRadioItem.displayName = "MenuRadioItem";
+var MenuItemGroup = function MenuItemGroup2({
+  ref,
+  ...props
+}) {
+  const { title, children, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Menu.ItemGroup, { ref, ...rest, children: [
+    title && /* @__PURE__ */ jsx(Menu.ItemGroupLabel, { userSelect: "none", children: title }),
+    children
+  ] });
+};
+MenuItemGroup.displayName = "MenuItemGroup";
+var MenuTriggerItem = function MenuTriggerItem2({
+  ref,
+  ...props
+}) {
+  const { startIcon, children, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Menu.TriggerItem, { ref, ...rest, children: [
+    startIcon,
+    children,
+    /* @__PURE__ */ jsx(ChevronRight, {})
+  ] });
+};
+MenuTriggerItem.displayName = "MenuTriggerItem";
+var MenuRadioItemGroup = Menu.RadioItemGroup;
+MenuRadioItemGroup.displayName = "MenuRadioItemGroup";
+var MenuContextTrigger = Menu.ContextTrigger;
+MenuContextTrigger.displayName = "MenuContextTrigger";
+var MenuRoot = Menu.Root;
+MenuRoot.displayName = "MenuRoot";
+var MenuSeparator = Menu.Separator;
+MenuSeparator.displayName = "MenuSeparator";
+var MenuItem = Menu.Item;
+MenuItem.displayName = "MenuItem";
+var MenuItemText = Menu.ItemText;
+MenuItemText.displayName = "MenuItemText";
+var MenuItemCommand = Menu.ItemCommand;
+MenuItemCommand.displayName = "MenuItemCommand";
+var MenuTrigger = Menu.Trigger;
+MenuTrigger.displayName = "MenuTrigger";
+var Tooltip = function Tooltip2({
+  ref,
+  ...props
+}) {
+  const {
+    showArrow,
+    children,
+    disabled,
+    portalled = true,
+    content,
+    contentProps,
+    portalRef,
+    ...rest
+  } = props;
+  if (disabled) return children;
+  return /* @__PURE__ */ jsxs(Tooltip$1.Root, { ...rest, children: [
+    /* @__PURE__ */ jsx(Tooltip$1.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, { ref, ...contentProps, children: [
+      showArrow && /* @__PURE__ */ jsx(Tooltip$1.Arrow, { children: /* @__PURE__ */ jsx(Tooltip$1.ArrowTip, {}) }),
+      content
+    ] }) }) })
+  ] });
+};
+Tooltip.displayName = "Tooltip";
+
+export { MenuArrow, MenuCheckboxItem, MenuContent, MenuContextTrigger, MenuItem, MenuItemCommand, MenuItemGroup, MenuItemText, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, Tooltip };
+//# sourceMappingURL=chunk-NJFF6S77.js.map
+//# sourceMappingURL=chunk-NJFF6S77.js.map

package/dist/chunk-NJFF6S77.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/menu.tsx","../src/primitives/tooltip.tsx"],"names":["MenuContent","ChakraMenu","MenuArrow","MenuCheckboxItem","MenuRadioItem","MenuItemGroup","MenuTriggerItem","Tooltip","jsxs","ChakraTooltip","jsx","Portal"],"mappings":"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","file":"chunk-NJFF6S77.js","sourcesContent":["\"use client\";\n\nimport { AbsoluteCenter, Menu as ChakraMenu, Portal } from \"@chakra-ui/react\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport type * as React from \"react\";\n\ninterface MenuContentProps extends ChakraMenu.ContentProps {\n\t/** Whether to render the menu content inside a portal. @default true */\n\tportalled?: boolean;\n\t/** Container ref for the portal. */\n\tportalRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const MenuContent = function MenuContent({\n\tref,\n\t...props\n}: MenuContentProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { portalled = true, portalRef, ...rest } = props;\n\treturn (\n\t\t<Portal disabled={!portalled} container={portalRef}>\n\t\t\t<ChakraMenu.Positioner>\n\t\t\t\t<ChakraMenu.Content ref={ref} {...rest} />\n\t\t\t</ChakraMenu.Positioner>\n\t\t</Portal>\n\t);\n};\nMenuContent.displayName = \"MenuContent\";\n\nexport const MenuArrow = function MenuArrow({\n\tref,\n\t...props\n}: ChakraMenu.ArrowProps & { ref?: React.Ref<HTMLDivElement> }) {\n\treturn (\n\t\t<ChakraMenu.Arrow ref={ref} {...props}>\n\t\t\t<ChakraMenu.ArrowTip />\n\t\t</ChakraMenu.Arrow>\n\t);\n};\nMenuArrow.displayName = \"MenuArrow\";\n\nexport const MenuCheckboxItem = function MenuCheckboxItem({\n\tref,\n\t...props\n}: ChakraMenu.CheckboxItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n\treturn (\n\t\t<ChakraMenu.CheckboxItem ps=\"8\" ref={ref} {...props}>\n\t\t\t<AbsoluteCenter axis=\"horizontal\" insetStart=\"4\" asChild>\n\t\t\t\t<ChakraMenu.ItemIndicator>\n\t\t\t\t\t<Check />\n\t\t\t\t</ChakraMenu.ItemIndicator>\n\t\t\t</AbsoluteCenter>\n\t\t\t{props.children}\n\t\t</ChakraMenu.CheckboxItem>\n\t);\n};\nMenuCheckboxItem.displayName = \"MenuCheckboxItem\";\n\nexport const MenuRadioItem = function MenuRadioItem({\n\tref,\n\t...props\n}: ChakraMenu.RadioItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { children, ...rest } = props;\n\treturn (\n\t\t<ChakraMenu.RadioItem ps=\"8\" ref={ref} {...rest}>\n\t\t\t<AbsoluteCenter axis=\"horizontal\" insetStart=\"4\" asChild>\n\t\t\t\t<ChakraMenu.ItemIndicator>\n\t\t\t\t\t<Check />\n\t\t\t\t</ChakraMenu.ItemIndicator>\n\t\t\t</AbsoluteCenter>\n\t\t\t<ChakraMenu.ItemText>{children}</ChakraMenu.ItemText>\n\t\t</ChakraMenu.RadioItem>\n\t);\n};\nMenuRadioItem.displayName = \"MenuRadioItem\";\n\nexport const MenuItemGroup = function MenuItemGroup({\n\tref,\n\t...props\n}: ChakraMenu.ItemGroupProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { title, children, ...rest } = props;\n\treturn (\n\t\t<ChakraMenu.ItemGroup ref={ref} {...rest}>\n\t\t\t{title && (\n\t\t\t\t<ChakraMenu.ItemGroupLabel userSelect=\"none\">\n\t\t\t\t\t{title}\n\t\t\t\t</ChakraMenu.ItemGroupLabel>\n\t\t\t)}\n\t\t\t{children}\n\t\t</ChakraMenu.ItemGroup>\n\t);\n};\nMenuItemGroup.displayName = \"MenuItemGroup\";\n\nexport interface MenuTriggerItemProps extends ChakraMenu.ItemProps {\n\t/** Icon rendered before the trigger item label. */\n\tstartIcon?: React.ReactNode;\n}\n\nexport const MenuTriggerItem = function MenuTriggerItem({\n\tref,\n\t...props\n}: MenuTriggerItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { startIcon, children, ...rest } = props;\n\treturn (\n\t\t<ChakraMenu.TriggerItem ref={ref} {...rest}>\n\t\t\t{startIcon}\n\t\t\t{children}\n\t\t\t<ChevronRight />\n\t\t</ChakraMenu.TriggerItem>\n\t);\n};\nMenuTriggerItem.displayName = \"MenuTriggerItem\";\n\nexport const MenuRadioItemGroup = ChakraMenu.RadioItemGroup;\nMenuRadioItemGroup.displayName = \"MenuRadioItemGroup\";\nexport const MenuContextTrigger = ChakraMenu.ContextTrigger;\nMenuContextTrigger.displayName = \"MenuContextTrigger\";\nexport const MenuRoot = ChakraMenu.Root;\nMenuRoot.displayName = \"MenuRoot\";\nexport const MenuSeparator = ChakraMenu.Separator;\nMenuSeparator.displayName = \"MenuSeparator\";\n\nexport const MenuItem = ChakraMenu.Item;\nMenuItem.displayName = \"MenuItem\";\nexport const MenuItemText = ChakraMenu.ItemText;\nMenuItemText.displayName = \"MenuItemText\";\nexport const MenuItemCommand = ChakraMenu.ItemCommand;\nMenuItemCommand.displayName = \"MenuItemCommand\";\nexport const MenuTrigger = ChakraMenu.Trigger;\nMenuTrigger.displayName = \"MenuTrigger\";\n","import { Tooltip as ChakraTooltip, Portal } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface TooltipProps extends ChakraTooltip.RootProps {\n\tshowArrow?: boolean;\n\tportalled?: boolean;\n\tportalRef?: React.RefObject<HTMLElement | null>;\n\tcontent: React.ReactNode;\n\tcontentProps?: ChakraTooltip.ContentProps;\n\tdisabled?: boolean;\n}\n\nexport const Tooltip = function Tooltip({\n\tref,\n\t...props\n}: TooltipProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst {\n\t\tshowArrow,\n\t\tchildren,\n\t\tdisabled,\n\t\tportalled = true,\n\t\tcontent,\n\t\tcontentProps,\n\t\tportalRef,\n\t\t...rest\n\t} = props;\n\n\tif (disabled) return children;\n\n\treturn (\n\t\t<ChakraTooltip.Root {...rest}>\n\t\t\t<ChakraTooltip.Trigger asChild>{children}</ChakraTooltip.Trigger>\n\t\t\t<Portal disabled={!portalled} container={portalRef}>\n\t\t\t\t<ChakraTooltip.Positioner>\n\t\t\t\t\t<ChakraTooltip.Content ref={ref} {...contentProps}>\n\t\t\t\t\t\t{showArrow && (\n\t\t\t\t\t\t\t<ChakraTooltip.Arrow>\n\t\t\t\t\t\t\t\t<ChakraTooltip.ArrowTip />\n\t\t\t\t\t\t\t</ChakraTooltip.Arrow>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</ChakraTooltip.Content>\n\t\t\t\t</ChakraTooltip.Positioner>\n\t\t\t</Portal>\n\t\t</ChakraTooltip.Root>\n\t);\n};\nTooltip.displayName = \"Tooltip\";\n"]}

package/dist/chunk-QU3FF5WI.js

@@ -0,0 +1,36 @@
+import { AvatarGroup as AvatarGroup$1, Avatar as Avatar$1, useRecipe, chakra, Spinner as Spinner$1 } from '@chakra-ui/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/primitives/avatar.tsx
+var Avatar = function Avatar2({
+  ref,
+  ...props
+}) {
+  const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Avatar$1.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(Avatar$1.Fallback, { name, children: icon || fallback }),
+    /* @__PURE__ */ jsx(Avatar$1.Image, { src, srcSet, loading }),
+    children
+  ] });
+};
+Avatar.displayName = "Avatar";
+var AvatarGroup = AvatarGroup$1;
+AvatarGroup.displayName = "AvatarGroup";
+var Prose = ({
+  ref,
+  size,
+  ...props
+}) => {
+  const recipe = useRecipe({ key: "prose" });
+  const styles = recipe({ size });
+  return /* @__PURE__ */ jsx(chakra.div, { ref, css: styles, ...props });
+};
+Prose.displayName = "Prose";
+var Spinner = (props) => {
+  return /* @__PURE__ */ jsx(Spinner$1, { ...props });
+};
+Spinner.displayName = "Spinner";
+
+export { Avatar, AvatarGroup, Prose, Spinner };
+//# sourceMappingURL=chunk-QU3FF5WI.js.map
+//# sourceMappingURL=chunk-QU3FF5WI.js.map

package/dist/chunk-QU3FF5WI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/avatar.tsx","../src/primitives/prose.tsx","../src/primitives/spinner.tsx"],"names":["Avatar","ChakraAvatar","ChakraAvatarGroup","jsx","ChakraSpinner"],"mappings":";;;;AAuBO,IAAM,MAAA,GAAS,SAASA,OAAAA,CAAO;AAAA,EACrC,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAAsD;AACrD,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,OAAA,EAAS,MAAM,QAAA,EAAU,QAAA,EAAU,GAAG,IAAA,EAAK,GACrE,KAAA;AACD,EAAA,4BACEC,QAAA,CAAa,IAAA,EAAb,EAAkB,GAAA,EAAW,GAAG,IAAA,EAChC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAACA,QAAA,CAAa,QAAA,EAAb,EAAsB,IAAA,EACrB,kBAAQ,QAAA,EACV,CAAA;AAAA,wBACCA,QAAA,CAAa,KAAA,EAAb,EAAmB,GAAA,EAAU,QAAgB,OAAA,EAAkB,CAAA;AAAA,IAC/D;AAAA,GAAA,EACF,CAAA;AAEF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAEd,IAAM,WAAA,GAAcC;AAC3B,WAAA,CAAY,WAAA,GAAc,aAAA;ACnCnB,IAAM,QAAQ,CAAC;AAAA,EACrB,GAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACJ,CAAA,KAAwD;AACvD,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,EAAE,GAAA,EAAK,SAAS,CAAA;AACzC,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,EAAE,IAAA,EAAM,CAAA;AAC9B,EAAA,uBAAOC,IAAC,MAAA,CAAO,GAAA,EAAP,EAAW,GAAA,EAAU,GAAA,EAAK,MAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AACtD;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;ACRb,IAAM,OAAA,GAAkC,CAAC,KAAA,KAAU;AACzD,EAAA,uBAAOA,GAAAA,CAACC,SAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AAClC;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-QU3FF5WI.js","sourcesContent":["import {\n\tAvatar as ChakraAvatar,\n\tAvatarGroup as ChakraAvatarGroup,\n} from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\ntype ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;\n\nexport interface AvatarProps extends ChakraAvatar.RootProps {\n\t/** Display name used to generate initials for the fallback. */\n\tname?: string;\n\t/** Image source URL. */\n\tsrc?: string;\n\t/** Image srcSet attribute for responsive images. */\n\tsrcSet?: string;\n\t/** Image loading strategy. */\n\tloading?: ImageProps[\"loading\"];\n\t/** Custom icon element shown as fallback. */\n\ticon?: React.ReactElement;\n\t/** Custom fallback content when no image or icon is provided. */\n\tfallback?: React.ReactNode;\n}\n\nexport const Avatar = function Avatar({\n\tref,\n\t...props\n}: AvatarProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { name, src, srcSet, loading, icon, fallback, children, ...rest } =\n\t\tprops;\n\treturn (\n\t\t<ChakraAvatar.Root ref={ref} {...rest}>\n\t\t\t<ChakraAvatar.Fallback name={name}>\n\t\t\t\t{icon || fallback}\n\t\t\t</ChakraAvatar.Fallback>\n\t\t\t<ChakraAvatar.Image src={src} srcSet={srcSet} loading={loading} />\n\t\t\t{children}\n\t\t</ChakraAvatar.Root>\n\t);\n};\nAvatar.displayName = \"Avatar\";\n\nexport const AvatarGroup = ChakraAvatarGroup;\nAvatarGroup.displayName = \"AvatarGroup\";\n","import { chakra, type HTMLChakraProps, useRecipe } from \"@chakra-ui/react\";\nimport type React from \"react\";\n\nexport interface ProseProps extends HTMLChakraProps<\"div\"> {\n\tsize?: \"md\" | \"lg\";\n}\n\nexport const Prose = ({\n\tref,\n\tsize,\n\t...props\n}: ProseProps & { ref?: React.Ref<HTMLDivElement> }) => {\n\tconst recipe = useRecipe({ key: \"prose\" });\n\tconst styles = recipe({ size });\n\treturn <chakra.div ref={ref} css={styles} {...props} />;\n};\nProse.displayName = \"Prose\";\n","import {\n\tSpinner as ChakraSpinner,\n\ttype SpinnerProps as ChakraSpinnerProps,\n} from \"@chakra-ui/react\";\nimport type React from \"react\";\n\nexport type SpinnerProps = ChakraSpinnerProps;\n\nexport const Spinner: React.FC<SpinnerProps> = (props) => {\n\treturn <ChakraSpinner {...props} />;\n};\nSpinner.displayName = \"Spinner\";\n"]}