@kollegioai/ui 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,487 +1,5 @@
-// src/Button.tsx
-import { Button as ChakraButton } from "@chakra-ui/react";
-import { forwardRef, useRef } from "react";
-import { jsxs } from "react/jsx-runtime";
-var VARIANT_STYLES = {
-  primary: {
-    bg: "backgroundPrimary",
-    color: "white",
-    border: "1px solid",
-    borderColor: "borderBrandOpacity30",
-    _hover: { bg: "backgroundPrimarySubtle" }
-  },
-  primaryStrong: {
-    bg: "contentPrimaryStrong",
-    color: "white",
-    border: "1px solid",
-    borderColor: "borderBrandOpacity30",
-    _hover: { bg: "backgroundPrimarySubtle" },
-    _active: { bg: "backgroundPrimarySubtle" }
-  },
-  accent: {
-    bg: "backgroundAIAccent",
-    color: "white",
-    border: "1px solid",
-    borderColor: "borderBrandOpacity30",
-    _hover: { bg: "backgroundAIAccent", opacity: 0.65 }
-  },
-  outline: {
-    bg: "white",
-    border: "1px solid",
-    borderColor: "borderBrand",
-    color: "contentPrimaryStrong",
-    _hover: { bg: "white", borderColor: "borderBrand" }
-  },
-  secondary: {
-    bg: "backgroundSuccessAccent",
-    color: "contentPrimaryStrong",
-    border: "1px solid",
-    borderColor: "borderBrandOpacity30",
-    _hover: { bg: "backgroundBase3" }
-  },
-  tertiary: {
-    display: "flex",
-    gap: "16px",
-    alignItems: "center",
-    border: "none",
-    background: "none",
-    padding: "unset",
-    color: "contentPrimarySubtle",
-    fontSize: "14px",
-    _hover: { border: "none", background: "none", textDecoration: "underline" }
-  },
-  light: {
-    color: "contentPrimary",
-    background: "white",
-    border: "1px solid",
-    borderColor: "borderSecondary",
-    _hover: { background: "gray.50", borderColor: "borderSecondary" }
-  },
-  ghost: {
-    bg: "transparent",
-    color: "contentPrimaryStrong",
-    border: "none",
-    boxShadow: "none",
-    _hover: { bg: "transparent" }
-  },
-  oauth: {
-    bg: "white",
-    color: "primaryDark",
-    border: "1px solid",
-    borderColor: "borderSecondary",
-    borderRadius: "8px",
-    _hover: { borderColor: "borderBrand" }
-  },
-  logOut: {
-    border: "1px solid",
-    borderRadius: "xl",
-    borderColor: "black",
-    color: "black",
-    bg: "backgroundBase2",
-    _hover: { bg: "#FFE6E4" }
-  }
-};
-var SIZE_STYLES = {
-  sm: {
-    h: "26px",
-    minH: "26px",
-    px: "10px",
-    fontSize: "12px",
-    lineHeight: "150%",
-    borderRadius: "6px"
-  },
-  md: {
-    h: "auto",
-    minH: "unset",
-    py: "8px",
-    px: "12px",
-    fontSize: "14px",
-    lineHeight: "140%",
-    borderRadius: "4px"
-  },
-  lg: {
-    h: "40px",
-    minH: "40px",
-    py: "12px",
-    px: "12px",
-    fontSize: "14px",
-    lineHeight: "140%",
-    borderRadius: "8px"
-  }
-};
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  buttonSize,
-  fullWidth,
-  isLoading,
-  leftIcon,
-  rightIcon,
-  children,
-  display,
-  alignItems,
-  gap,
-  flexShrink,
-  w,
-  width,
-  enableTouchEndClickFix = false,
-  disabled,
-  onClick,
-  onTouchEnd,
-  ...rest
-}, ref) {
-  const hasIcons = Boolean(leftIcon || rightIcon);
-  const didFireTouchRef = useRef(false);
-  const resolvedButtonSize = buttonSize ?? (variant === "oauth" ? void 0 : "md");
-  const handleTouchEnd = enableTouchEndClickFix ? (e) => {
-    onTouchEnd?.(e);
-    if (disabled) return;
-    e.preventDefault();
-    didFireTouchRef.current = true;
-    onClick?.(e);
-  } : onTouchEnd;
-  const handleClick = (e) => {
-    if (enableTouchEndClickFix && didFireTouchRef.current) {
-      didFireTouchRef.current = false;
-      return;
-    }
-    onClick?.(e);
-  };
-  return /* @__PURE__ */ jsxs(
-    ChakraButton,
-    {
-      ref,
-      type: "button",
-      variant: "solid",
-      loading: isLoading,
-      disabled,
-      onClick: handleClick,
-      onTouchEnd: handleTouchEnd,
-      display: display ?? (hasIcons ? "inline-flex" : void 0),
-      alignItems: alignItems ?? (hasIcons ? "center" : void 0),
-      gap: gap ?? (hasIcons ? "4px" : void 0),
-      flexShrink: flexShrink ?? 0,
-      w: w ?? width ?? (fullWidth ? "full" : void 0),
-      width: width ?? (fullWidth && w == null ? "full" : void 0),
-      ...VARIANT_STYLES[variant],
-      ...resolvedButtonSize ? SIZE_STYLES[resolvedButtonSize] : {},
-      ...rest,
-      children: [
-        leftIcon,
-        children,
-        rightIcon
-      ]
-    }
-  );
-});
-var Button_default = Button;
-
-// src/Tooltip.tsx
-import { Box, Link, Text, Tooltip as ChakraTooltip, Portal, VStack, useBreakpointValue } from "@chakra-ui/react";
-import * as React from "react";
-import ReactMarkdown from "react-markdown";
-import { Fragment, jsx, jsxs as jsxs2 } from "react/jsx-runtime";
-var TooltipPrimitive = React.forwardRef(function TooltipPrimitive2(props, ref) {
-  const {
-    showArrow,
-    hasArrow,
-    children,
-    disabled,
-    isDisabled,
-    portalled = true,
-    content,
-    label,
-    contentProps,
-    portalRef,
-    open,
-    isOpen,
-    placement,
-    offset,
-    closeOnClick,
-    fontSize,
-    width,
-    w,
-    bg,
-    color,
-    px,
-    py,
-    borderRadius,
-    boxShadow,
-    zIndex,
-    alignSelf,
-    openOnClick,
-    clickOpenDurationMs = 900,
-    fullWidthTrigger = false,
-    openDelay = 0,
-    closeDelay = 0,
-    ...rest
-  } = props;
-  const shouldOpenTooltipOnClick = typeof window !== "undefined" && (navigator.maxTouchPoints > 0 || window.matchMedia?.("(pointer: coarse)")?.matches === true || window.matchMedia?.("(hover: none)")?.matches === true);
-  const resolvedOpenOnClick = openOnClick ?? shouldOpenTooltipOnClick;
-  const [manualOpen, setManualOpen] = React.useState(false);
-  const manualOpenTimeoutRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  const contentRef = React.useRef(null);
-  const clearManualOpenTimeout = React.useCallback(() => {
-    if (manualOpenTimeoutRef.current !== null) {
-      window.clearTimeout(manualOpenTimeoutRef.current);
-      manualOpenTimeoutRef.current = null;
-    }
-  }, []);
-  React.useEffect(
-    () => () => {
-      clearManualOpenTimeout();
-    },
-    [clearManualOpenTimeout]
-  );
-  React.useEffect(() => {
-    if (!resolvedOpenOnClick || !manualOpen) return;
-    const onPointerDownCapture = (e) => {
-      const t = e.target;
-      if (!(t instanceof Node)) return;
-      if (triggerRef.current?.contains(t)) return;
-      if (contentRef.current?.contains(t)) return;
-      setManualOpen(false);
-      clearManualOpenTimeout();
-    };
-    document.addEventListener("pointerdown", onPointerDownCapture, true);
-    return () => document.removeEventListener("pointerdown", onPointerDownCapture, true);
-  }, [clearManualOpenTimeout, manualOpen, resolvedOpenOnClick]);
-  const isTooltipDisabled = disabled ?? isDisabled ?? false;
-  if (isTooltipDisabled) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const tooltipContent = content ?? label;
-  if (!tooltipContent) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const positioning = placement !== void 0 || offset !== void 0 ? {
-    ...rest.positioning ?? {},
-    ...placement !== void 0 ? { placement } : {},
-    ...offset !== void 0 ? { offset } : {}
-  } : rest.positioning;
-  const mergedContentProps = {
-    fontSize,
-    width,
-    w,
-    bg,
-    color,
-    px,
-    py,
-    borderRadius,
-    boxShadow,
-    zIndex,
-    alignSelf,
-    ...contentProps
-  };
-  const openTooltipOnClick = () => {
-    if (!resolvedOpenOnClick) {
-      return;
-    }
-    setManualOpen(true);
-    clearManualOpenTimeout();
-    manualOpenTimeoutRef.current = window.setTimeout(() => {
-      setManualOpen(false);
-      manualOpenTimeoutRef.current = null;
-    }, clickOpenDurationMs);
-  };
-  const triggerChild = /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref: triggerRef,
-      onClick: resolvedOpenOnClick ? openTooltipOnClick : void 0,
-      style: {
-        display: fullWidthTrigger ? "flex" : "inline-flex",
-        width: fullWidthTrigger ? "100%" : void 0,
-        alignItems: "center",
-        justifyContent: "center",
-        minWidth: resolvedOpenOnClick && !fullWidthTrigger ? 44 : void 0,
-        minHeight: resolvedOpenOnClick && !fullWidthTrigger ? 44 : void 0,
-        cursor: "pointer",
-        WebkitTapHighlightColor: "transparent",
-        color: "var(--chakra-colors-contentPrimaryStrong)"
-      },
-      children
-    }
-  );
-  const rootProps = {
-    ...rest,
-    open: isOpen ?? open ?? (manualOpen ? true : void 0),
-    openDelay,
-    closeDelay,
-    positioning,
-    ...closeOnClick === false ? { closeOnPointerDown: false } : {}
-  };
-  return /* @__PURE__ */ jsxs2(ChakraTooltip.Root, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(ChakraTooltip.Trigger, { asChild: true, children: triggerChild }),
-    /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraTooltip.Positioner, { children: /* @__PURE__ */ jsxs2(
-      ChakraTooltip.Content,
-      {
-        ref: (node) => {
-          contentRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-        },
-        ...mergedContentProps,
-        children: [
-          (showArrow || hasArrow) && /* @__PURE__ */ jsx(ChakraTooltip.Arrow, { children: /* @__PURE__ */ jsx(ChakraTooltip.ArrowTip, {}) }),
-          tooltipContent
-        ]
-      }
-    ) }) })
-  ] });
-});
-var Tooltip = ({ label, children, ...props }) => {
-  const isTouch = useBreakpointValue({ base: true, lg: false }) ?? true;
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive,
-    {
-      openOnClick: isTouch,
-      clickOpenDurationMs: isTouch ? 2500 : void 0,
-      content: label ? /* @__PURE__ */ jsx(VStack, { align: "start", gap: 2, maxW: "280px", children: /* @__PURE__ */ jsx(
-        ReactMarkdown,
-        {
-          components: {
-            p: ({ children: children2 }) => /* @__PURE__ */ jsx(Text, { color: "inherit", children: children2 }),
-            strong: ({ children: children2 }) => /* @__PURE__ */ jsx(Text, { color: "inherit", display: "block", asChild: true, children: /* @__PURE__ */ jsx("b", { children: children2 }) }),
-            ul: ({ children: children2 }) => /* @__PURE__ */ jsx(VStack, { as: "ul", align: "start", gap: 1, pl: 4, children: children2 }),
-            li: ({ children: children2 }) => /* @__PURE__ */ jsx(Text, { color: "inherit", as: "li", ml: 2, fontSize: "sm", lineHeight: "short", children: children2 }),
-            a: ({ href, children: children2 }) => /* @__PURE__ */ jsx(Link, { href: href ?? "#", target: "_blank", color: "blue.200", children: children2 })
-          },
-          children: label
-        }
-      ) }) : null,
-      ...props,
-      children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Box, { as: "span", display: "inline-block", cursor: "default", _hover: { cursor: "pointer" }, children }) })
-    }
-  );
-};
-
-// src/EllipsisMenu.tsx
-import { Box as Box2, Spinner, Text as Text2, VStack as VStack2 } from "@chakra-ui/react";
-import {
-  Children,
-  cloneElement,
-  isValidElement,
-  useEffect as useEffect2,
-  useRef as useRef3,
-  useState as useState2
-} from "react";
-import { jsx as jsx2, jsxs as jsxs3 } from "react/jsx-runtime";
-var DotsVerticalIcon = ({ size = 20 }) => /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx2(
-  "path",
-  {
-    d: "M10 10.833a.833.833 0 100-1.666.833.833 0 000 1.666zM10 5a.833.833 0 100-1.667A.833.833 0 0010 5zM10 16.667A.833.833 0 1010 15a.833.833 0 000 1.667z",
-    stroke: "currentColor",
-    strokeWidth: "1.667",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var EllipsisMenu = ({ children }) => {
-  const [showDropdown, setShowDropdown] = useState2(false);
-  const menuRef = useRef3(null);
-  useEffect2(() => {
-    const handleClickOutside = (event) => {
-      if (menuRef.current && !menuRef.current.contains(event.target)) {
-        setShowDropdown(false);
-      }
-    };
-    if (showDropdown) {
-      document.addEventListener("mousedown", handleClickOutside);
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [showDropdown]);
-  return /* @__PURE__ */ jsxs3(Box2, { position: "relative", ref: menuRef, children: [
-    /* @__PURE__ */ jsx2(
-      Box2,
-      {
-        padding: "2px",
-        tabIndex: 0,
-        color: "contentPrimaryStrong",
-        onKeyDown: (e) => {
-          e.stopPropagation();
-        },
-        onClick: (event) => {
-          event.stopPropagation();
-          setShowDropdown(true);
-        },
-        children: /* @__PURE__ */ jsx2(DotsVerticalIcon, {})
-      }
-    ),
-    showDropdown && /* @__PURE__ */ jsx2(
-      VStack2,
-      {
-        position: "absolute",
-        right: "10px",
-        top: "5px",
-        bg: "white",
-        rounded: "8px",
-        border: "1px solid",
-        borderColor: "borderSecondary",
-        zIndex: "10",
-        boxShadow: "0px 4px 4px rgba(0, 0, 0, 0.05)",
-        width: "216px",
-        gap: 0,
-        overflow: "scroll",
-        css: {
-          "&::-webkit-scrollbar": { display: "none" },
-          scrollbarWidth: "none",
-          msOverflowStyle: "none"
-        },
-        children: Children.map(children, (child) => {
-          if (!isValidElement(child)) {
-            return child;
-          }
-          const originalOnClick = child.props.onClick;
-          const handleClick = () => {
-            setShowDropdown(false);
-            if (typeof originalOnClick === "function") {
-              originalOnClick();
-            }
-          };
-          return cloneElement(child, {
-            onClick: handleClick
-          });
-        })
-      }
-    )
-  ] });
-};
-var EllipsisMenuOption = ({
-  text,
-  onClick,
-  color = "contentPrimaryStrong",
-  loading = false
-}) => {
-  return /* @__PURE__ */ jsxs3(Box2, { display: "flex", justifyContent: "space-between", width: "100%", _hover: { background: "backgroundBase1" }, children: [
-    /* @__PURE__ */ jsx2(
-      Text2,
-      {
-        tabIndex: 0,
-        fontSize: "14px",
-        color: loading ? "contentPrimarySubtle" : color,
-        cursor: loading ? "not-allowed" : "pointer",
-        width: "full",
-        onClick,
-        textAlign: "start",
-        px: 2,
-        py: 1.5,
-        children: text
-      }
-    ),
-    loading && /* @__PURE__ */ jsx2(Spinner, { size: "sm", color: "contentPrimarySubtle", alignSelf: "center", mr: 2 })
-  ] });
-};
-export {
-  Button,
-  EllipsisMenu,
-  EllipsisMenuOption,
-  Button_default as KollegioButton,
-  Tooltip,
-  TooltipPrimitive
-};
+export { Button, Button_default as KollegioButton } from './chunk-RYGUHPYX.mjs';
+export { EllipsisMenu, EllipsisMenuOption } from './chunk-XVEIQDTK.mjs';
+export { Tooltip, TooltipPrimitive } from './chunk-RFUSESWB.mjs';
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Button.tsx","../src/Tooltip.tsx","../src/EllipsisMenu.tsx"],"sourcesContent":["import { Button as ChakraButton, type ButtonProps } from '@chakra-ui/react';\nimport { forwardRef, useRef, type MouseEvent, type ReactNode } from 'react';\n\n/**\n * Variant set merged from both product apps:\n * - client-src: primary, primaryStrong, accent, outline, secondary, ghost, oauth, logOut\n * - counsellor: tertiary, light (its \"secondary\" mapped to `outline`)\n *\n * Components reference kollegio token NAMES (e.g. `backgroundPrimary`). The consuming\n * app's Chakra `createSystem` must include the @kollegioai/tokens colors.\n */\nexport type KollegioButtonVariant =\n  | 'primary'\n  | 'primaryStrong'\n  | 'accent'\n  | 'outline'\n  | 'secondary'\n  | 'tertiary'\n  | 'light'\n  | 'ghost'\n  | 'oauth'\n  | 'logOut';\n\nexport type KollegioButtonSize = 'sm' | 'md' | 'lg';\n\nconst VARIANT_STYLES: Record<KollegioButtonVariant, ButtonProps> = {\n  primary: {\n    bg: 'backgroundPrimary',\n    color: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundPrimarySubtle' },\n  },\n  primaryStrong: {\n    bg: 'contentPrimaryStrong',\n    color: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundPrimarySubtle' },\n    _active: { bg: 'backgroundPrimarySubtle' },\n  },\n  accent: {\n    bg: 'backgroundAIAccent',\n    color: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundAIAccent', opacity: 0.65 },\n  },\n  outline: {\n    bg: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrand',\n    color: 'contentPrimaryStrong',\n    _hover: { bg: 'white', borderColor: 'borderBrand' },\n  },\n  secondary: {\n    bg: 'backgroundSuccessAccent',\n    color: 'contentPrimaryStrong',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundBase3' },\n  },\n  tertiary: {\n    display: 'flex',\n    gap: '16px',\n    alignItems: 'center',\n    border: 'none',\n    background: 'none',\n    padding: 'unset',\n    color: 'contentPrimarySubtle',\n    fontSize: '14px',\n    _hover: { border: 'none', background: 'none', textDecoration: 'underline' },\n  },\n  light: {\n    color: 'contentPrimary',\n    background: 'white',\n    border: '1px solid',\n    borderColor: 'borderSecondary',\n    _hover: { background: 'gray.50', borderColor: 'borderSecondary' },\n  },\n  ghost: {\n    bg: 'transparent',\n    color: 'contentPrimaryStrong',\n    border: 'none',\n    boxShadow: 'none',\n    _hover: { bg: 'transparent' },\n  },\n  oauth: {\n    bg: 'white',\n    color: 'primaryDark',\n    border: '1px solid',\n    borderColor: 'borderSecondary',\n    borderRadius: '8px',\n    _hover: { borderColor: 'borderBrand' },\n  },\n  logOut: {\n    border: '1px solid',\n    borderRadius: 'xl',\n    borderColor: 'black',\n    color: 'black',\n    bg: 'backgroundBase2',\n    _hover: { bg: '#FFE6E4' },\n  },\n};\n\nconst SIZE_STYLES: Record<KollegioButtonSize, ButtonProps> = {\n  sm: {\n    h: '26px',\n    minH: '26px',\n    px: '10px',\n    fontSize: '12px',\n    lineHeight: '150%',\n    borderRadius: '6px',\n  },\n  md: {\n    h: 'auto',\n    minH: 'unset',\n    py: '8px',\n    px: '12px',\n    fontSize: '14px',\n    lineHeight: '140%',\n    borderRadius: '4px',\n  },\n  lg: {\n    h: '40px',\n    minH: '40px',\n    py: '12px',\n    px: '12px',\n    fontSize: '14px',\n    lineHeight: '140%',\n    borderRadius: '8px',\n  },\n};\n\nexport type KollegioButtonProps = Omit<ButtonProps, 'variant'> & {\n  variant?: KollegioButtonVariant;\n  /** Kollegio sizing preset — not Chakra's `size` prop. */\n  buttonSize?: KollegioButtonSize;\n  fullWidth?: boolean;\n  isLoading?: boolean;\n  leftIcon?: ReactNode;\n  rightIcon?: ReactNode;\n  /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */\n  enableTouchEndClickFix?: boolean;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, KollegioButtonProps>(function Button(\n  {\n    variant = 'primary',\n    buttonSize,\n    fullWidth,\n    isLoading,\n    leftIcon,\n    rightIcon,\n    children,\n    display,\n    alignItems,\n    gap,\n    flexShrink,\n    w,\n    width,\n    enableTouchEndClickFix = false,\n    disabled,\n    onClick,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) {\n  const hasIcons = Boolean(leftIcon || rightIcon);\n  const didFireTouchRef = useRef(false);\n  const resolvedButtonSize = buttonSize ?? (variant === 'oauth' ? undefined : 'md');\n\n  const handleTouchEnd: ButtonProps['onTouchEnd'] = enableTouchEndClickFix\n    ? (e) => {\n        onTouchEnd?.(e);\n        if (disabled) return;\n        e.preventDefault();\n        didFireTouchRef.current = true;\n        onClick?.(e as unknown as MouseEvent<HTMLButtonElement>);\n      }\n    : onTouchEnd;\n\n  const handleClick: ButtonProps['onClick'] = (e) => {\n    if (enableTouchEndClickFix && didFireTouchRef.current) {\n      didFireTouchRef.current = false;\n      return;\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <ChakraButton\n      ref={ref}\n      type=\"button\"\n      variant=\"solid\"\n      loading={isLoading}\n      disabled={disabled}\n      onClick={handleClick}\n      onTouchEnd={handleTouchEnd}\n      display={display ?? (hasIcons ? 'inline-flex' : undefined)}\n      alignItems={alignItems ?? (hasIcons ? 'center' : undefined)}\n      gap={gap ?? (hasIcons ? '4px' : undefined)}\n      flexShrink={flexShrink ?? 0}\n      w={w ?? width ?? (fullWidth ? 'full' : undefined)}\n      width={width ?? (fullWidth && w == null ? 'full' : undefined)}\n      {...VARIANT_STYLES[variant]}\n      {...(resolvedButtonSize ? SIZE_STYLES[resolvedButtonSize] : {})}\n      {...rest}\n    >\n      {leftIcon}\n      {children}\n      {rightIcon}\n    </ChakraButton>\n  );\n});\n\nexport default Button;\n","import { Box, Link, Text, Tooltip as ChakraTooltip, Portal, VStack, useBreakpointValue } from '@chakra-ui/react';\nimport * as React from 'react';\nimport ReactMarkdown from 'react-markdown';\n\ntype TooltipPositioning = NonNullable<ChakraTooltip.RootProps['positioning']>;\ntype TooltipPlacement = TooltipPositioning['placement'];\ntype TooltipOffset = TooltipPositioning['offset'];\n\nexport interface TooltipProps extends Omit<ChakraTooltip.RootProps, 'children' | 'open'> {\n  children: React.ReactNode;\n  showArrow?: boolean;\n  hasArrow?: boolean;\n  portalled?: boolean;\n  portalRef?: React.RefObject<HTMLElement | null>;\n  content?: React.ReactNode;\n  label?: React.ReactNode;\n  contentProps?: ChakraTooltip.ContentProps;\n  disabled?: boolean;\n  isDisabled?: boolean;\n  open?: boolean;\n  isOpen?: boolean;\n  placement?: TooltipPlacement;\n  offset?: TooltipOffset;\n  closeOnClick?: boolean;\n  fontSize?: ChakraTooltip.ContentProps['fontSize'];\n  width?: ChakraTooltip.ContentProps['width'];\n  w?: ChakraTooltip.ContentProps['w'];\n  bg?: ChakraTooltip.ContentProps['bg'];\n  color?: ChakraTooltip.ContentProps['color'];\n  px?: ChakraTooltip.ContentProps['px'];\n  py?: ChakraTooltip.ContentProps['py'];\n  borderRadius?: ChakraTooltip.ContentProps['borderRadius'];\n  boxShadow?: ChakraTooltip.ContentProps['boxShadow'];\n  zIndex?: ChakraTooltip.ContentProps['zIndex'];\n  alignSelf?: ChakraTooltip.ContentProps['alignSelf'];\n  openOnClick?: boolean;\n  clickOpenDurationMs?: number;\n  fullWidthTrigger?: boolean;\n}\n\n/** Low-level Chakra v3 tooltip primitive. Prefer `Tooltip` (the markdown wrapper) for app usage. */\nexport const TooltipPrimitive = React.forwardRef<HTMLDivElement, TooltipProps>(function TooltipPrimitive(\n  props,\n  ref,\n) {\n  const {\n    showArrow,\n    hasArrow,\n    children,\n    disabled,\n    isDisabled,\n    portalled = true,\n    content,\n    label,\n    contentProps,\n    portalRef,\n    open,\n    isOpen,\n    placement,\n    offset,\n    closeOnClick,\n    fontSize,\n    width,\n    w,\n    bg,\n    color,\n    px,\n    py,\n    borderRadius,\n    boxShadow,\n    zIndex,\n    alignSelf,\n    openOnClick,\n    clickOpenDurationMs = 900,\n    fullWidthTrigger = false,\n    openDelay = 0,\n    closeDelay = 0,\n    ...rest\n  } = props;\n\n  // Tap-to-open when hover is unreliable (phones, many tablets). iOS can still report `(hover: hover)`,\n  // so rely on maxTouchPoints / coarse pointer — not hover alone.\n  const shouldOpenTooltipOnClick =\n    typeof window !== 'undefined' &&\n    (navigator.maxTouchPoints > 0 ||\n      window.matchMedia?.('(pointer: coarse)')?.matches === true ||\n      window.matchMedia?.('(hover: none)')?.matches === true);\n  const resolvedOpenOnClick = openOnClick ?? shouldOpenTooltipOnClick;\n\n  const [manualOpen, setManualOpen] = React.useState(false);\n  const manualOpenTimeoutRef = React.useRef<number | null>(null);\n  const triggerRef = React.useRef<HTMLSpanElement | null>(null);\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n\n  const clearManualOpenTimeout = React.useCallback(() => {\n    if (manualOpenTimeoutRef.current !== null) {\n      window.clearTimeout(manualOpenTimeoutRef.current);\n      manualOpenTimeoutRef.current = null;\n    }\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      clearManualOpenTimeout();\n    },\n    [clearManualOpenTimeout],\n  );\n\n  // When opened via tap/click, close on any outside click/tap.\n  React.useEffect(() => {\n    if (!resolvedOpenOnClick || !manualOpen) return;\n\n    const onPointerDownCapture = (e: PointerEvent) => {\n      const t = e.target;\n      if (!(t instanceof Node)) return;\n      if (triggerRef.current?.contains(t)) return;\n      if (contentRef.current?.contains(t)) return;\n      setManualOpen(false);\n      clearManualOpenTimeout();\n    };\n\n    document.addEventListener('pointerdown', onPointerDownCapture, true);\n    return () => document.removeEventListener('pointerdown', onPointerDownCapture, true);\n  }, [clearManualOpenTimeout, manualOpen, resolvedOpenOnClick]);\n\n  const isTooltipDisabled = disabled ?? isDisabled ?? false;\n  if (isTooltipDisabled) {\n    return <>{children}</>;\n  }\n\n  const tooltipContent = content ?? label;\n  if (!tooltipContent) {\n    return <>{children}</>;\n  }\n\n  const positioning =\n    placement !== undefined || offset !== undefined\n      ? {\n          ...(rest.positioning ?? {}),\n          ...(placement !== undefined ? { placement } : {}),\n          ...(offset !== undefined ? { offset } : {}),\n        }\n      : rest.positioning;\n\n  const mergedContentProps: ChakraTooltip.ContentProps = {\n    fontSize,\n    width,\n    w,\n    bg,\n    color,\n    px,\n    py,\n    borderRadius,\n    boxShadow,\n    zIndex,\n    alignSelf,\n    ...contentProps,\n  };\n\n  const openTooltipOnClick = () => {\n    if (!resolvedOpenOnClick) {\n      return;\n    }\n    setManualOpen(true);\n    clearManualOpenTimeout();\n    manualOpenTimeoutRef.current = window.setTimeout(() => {\n      setManualOpen(false);\n      manualOpenTimeoutRef.current = null;\n    }, clickOpenDurationMs);\n  };\n\n  const triggerChild = (\n    <span\n      ref={triggerRef}\n      onClick={resolvedOpenOnClick ? openTooltipOnClick : undefined}\n      style={{\n        display: fullWidthTrigger ? 'flex' : 'inline-flex',\n        width: fullWidthTrigger ? '100%' : undefined,\n        alignItems: 'center',\n        justifyContent: 'center',\n        minWidth: resolvedOpenOnClick && !fullWidthTrigger ? 44 : undefined,\n        minHeight: resolvedOpenOnClick && !fullWidthTrigger ? 44 : undefined,\n        cursor: 'pointer',\n        WebkitTapHighlightColor: 'transparent',\n        color: 'var(--chakra-colors-contentPrimaryStrong)',\n      }}\n    >\n      {children}\n    </span>\n  );\n\n  const rootProps: ChakraTooltip.RootProps = {\n    ...rest,\n    open: isOpen ?? open ?? (manualOpen ? true : undefined),\n    openDelay,\n    closeDelay,\n    positioning,\n    ...(closeOnClick === false ? { closeOnPointerDown: false } : {}),\n  };\n\n  return (\n    <ChakraTooltip.Root {...rootProps}>\n      <ChakraTooltip.Trigger asChild>{triggerChild}</ChakraTooltip.Trigger>\n      <Portal disabled={!portalled} container={portalRef}>\n        <ChakraTooltip.Positioner>\n          <ChakraTooltip.Content\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === 'function') ref(node);\n              else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n            }}\n            {...mergedContentProps}\n          >\n            {(showArrow || hasArrow) && (\n              <ChakraTooltip.Arrow>\n                <ChakraTooltip.ArrowTip />\n              </ChakraTooltip.Arrow>\n            )}\n            {tooltipContent}\n          </ChakraTooltip.Content>\n        </ChakraTooltip.Positioner>\n      </Portal>\n    </ChakraTooltip.Root>\n  );\n});\n\ninterface KollegioTooltipProps extends Omit<TooltipProps, 'content' | 'children'> {\n  label?: string;\n  children: React.ReactNode;\n}\n\n/** Brand tooltip: renders markdown `label`, tap-to-open on touch devices. */\nexport const Tooltip = ({ label, children, ...props }: KollegioTooltipProps) => {\n  // On touch devices there is no hover; enable tap-to-open.\n  const isTouch = useBreakpointValue({ base: true, lg: false }) ?? true;\n  return (\n    <TooltipPrimitive\n      openOnClick={isTouch}\n      // Give users time to read on mobile before auto-closing.\n      clickOpenDurationMs={isTouch ? 2500 : undefined}\n      content={\n        label ? (\n          <VStack align=\"start\" gap={2} maxW=\"280px\">\n            <ReactMarkdown\n              components={{\n                p: ({ children }) => <Text color={'inherit'}>{children}</Text>,\n                strong: ({ children }) => (\n                  <Text color={'inherit'} display=\"block\" asChild>\n                    <b>{children}</b>\n                  </Text>\n                ),\n                ul: ({ children }) => (\n                  <VStack as=\"ul\" align=\"start\" gap={1} pl={4}>\n                    {children}\n                  </VStack>\n                ),\n                li: ({ children }) => (\n                  <Text color={'inherit'} as=\"li\" ml={2} fontSize=\"sm\" lineHeight=\"short\">\n                    {children}\n                  </Text>\n                ),\n                a: ({ href, children }) => (\n                  <Link href={href ?? '#'} target=\"_blank\" color=\"blue.200\">\n                    {children}\n                  </Link>\n                ),\n              }}\n            >\n              {label}\n            </ReactMarkdown>\n          </VStack>\n        ) : null\n      }\n      {...props}\n    >\n      <span>\n        <Box as=\"span\" display=\"inline-block\" cursor=\"default\" _hover={{ cursor: 'pointer' }}>\n          {children}\n        </Box>\n      </span>\n    </TooltipPrimitive>\n  );\n};\n\nexport default Tooltip;\n","import { Box, Spinner, Text, VStack } from '@chakra-ui/react';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nconst DotsVerticalIcon = ({ size = 20 }: { size?: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 10.833a.833.833 0 100-1.666.833.833 0 000 1.666zM10 5a.833.833 0 100-1.667A.833.833 0 0010 5zM10 16.667A.833.833 0 1010 15a.833.833 0 000 1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.667\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\ninterface EllipsisMenuProps {\n  children: ReactNode;\n}\n\ninterface EllipsisMenuOptionProps {\n  text: string;\n  onClick: () => void;\n  color?: string;\n  loading?: boolean;\n}\n\nexport const EllipsisMenu = ({ children }: EllipsisMenuProps) => {\n  const [showDropdown, setShowDropdown] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setShowDropdown(false);\n      }\n    };\n\n    if (showDropdown) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [showDropdown]);\n\n  return (\n    <Box position={'relative'} ref={menuRef}>\n      <Box\n        padding={'2px'}\n        tabIndex={0}\n        color=\"contentPrimaryStrong\"\n        onKeyDown={(e) => {\n          e.stopPropagation();\n        }}\n        onClick={(event) => {\n          event.stopPropagation(); // Prevents parent click event\n          setShowDropdown(true);\n        }}\n      >\n        <DotsVerticalIcon />\n      </Box>\n      {showDropdown && (\n        <VStack\n          position=\"absolute\"\n          right=\"10px\"\n          top=\"5px\"\n          bg=\"white\"\n          rounded=\"8px\"\n          border=\"1px solid\"\n          borderColor={'borderSecondary'}\n          zIndex=\"10\"\n          boxShadow=\"0px 4px 4px rgba(0, 0, 0, 0.05)\"\n          width={'216px'}\n          gap={0}\n          overflow={'scroll'}\n          css={{\n            '&::-webkit-scrollbar': { display: 'none' },\n            scrollbarWidth: 'none',\n            msOverflowStyle: 'none',\n          }}\n        >\n          {Children.map(children, (child) => {\n            if (!isValidElement(child)) {\n              return child;\n            }\n\n            const originalOnClick = (child.props as { onClick?: () => void }).onClick;\n\n            const handleClick = () => {\n              setShowDropdown(false);\n              if (typeof originalOnClick === 'function') {\n                originalOnClick();\n              }\n            };\n\n            return cloneElement(child as ReactElement<{ onClick?: () => void }>, {\n              onClick: handleClick,\n            });\n          })}\n        </VStack>\n      )}\n    </Box>\n  );\n};\n\nexport const EllipsisMenuOption = ({\n  text,\n  onClick,\n  color = 'contentPrimaryStrong',\n  loading = false,\n}: EllipsisMenuOptionProps) => {\n  return (\n    <Box display={'flex'} justifyContent={'space-between'} width={'100%'} _hover={{ background: 'backgroundBase1' }}>\n      <Text\n        tabIndex={0}\n        fontSize=\"14px\"\n        color={loading ? 'contentPrimarySubtle' : color}\n        cursor={loading ? 'not-allowed' : 'pointer'}\n        width={'full'}\n        onClick={onClick}\n        textAlign={'start'}\n        px={2}\n        py={1.5}\n      >\n        {text}\n      </Text>\n      {loading && <Spinner size=\"sm\" color=\"contentPrimarySubtle\" alignSelf=\"center\" mr={2} />}\n    </Box>\n  );\n};\n\nexport default EllipsisMenu;\n"],"mappings":";AAAA,SAAS,UAAU,oBAAsC;AACzD,SAAS,YAAY,cAA+C;AA+LhE;AAvKJ,IAAM,iBAA6D;AAAA,EACjE,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ,EAAE,IAAI,0BAA0B;AAAA,EAC1C;AAAA,EACA,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ,EAAE,IAAI,0BAA0B;AAAA,IACxC,SAAS,EAAE,IAAI,0BAA0B;AAAA,EAC3C;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ,EAAE,IAAI,sBAAsB,SAAS,KAAK;AAAA,EACpD;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,OAAO;AAAA,IACP,QAAQ,EAAE,IAAI,SAAS,aAAa,cAAc;AAAA,EACpD;AAAA,EACA,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ,EAAE,IAAI,kBAAkB;AAAA,EAClC;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ,EAAE,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB,YAAY;AAAA,EAC5E;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ,EAAE,YAAY,WAAW,aAAa,kBAAkB;AAAA,EAClE;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,QAAQ,EAAE,IAAI,cAAc;AAAA,EAC9B;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,QAAQ,EAAE,aAAa,cAAc;AAAA,EACvC;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,QAAQ,EAAE,IAAI,UAAU;AAAA,EAC1B;AACF;AAEA,IAAM,cAAuD;AAAA,EAC3D,IAAI;AAAA,IACF,GAAG;AAAA,IACH,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACF,GAAG;AAAA,IACH,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACF,GAAG;AAAA,IACH,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AACF;AAcO,IAAM,SAAS,WAAmD,SAASA,QAChF;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,WAAW,QAAQ,YAAY,SAAS;AAC9C,QAAM,kBAAkB,OAAO,KAAK;AACpC,QAAM,qBAAqB,eAAe,YAAY,UAAU,SAAY;AAE5E,QAAM,iBAA4C,yBAC9C,CAAC,MAAM;AACL,iBAAa,CAAC;AACd,QAAI,SAAU;AACd,MAAE,eAAe;AACjB,oBAAgB,UAAU;AAC1B,cAAU,CAA6C;AAAA,EACzD,IACA;AAEJ,QAAM,cAAsC,CAAC,MAAM;AACjD,QAAI,0BAA0B,gBAAgB,SAAS;AACrD,sBAAgB,UAAU;AAC1B;AAAA,IACF;AACA,cAAU,CAAC;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,SAAS,YAAY,WAAW,gBAAgB;AAAA,MAChD,YAAY,eAAe,WAAW,WAAW;AAAA,MACjD,KAAK,QAAQ,WAAW,QAAQ;AAAA,MAChC,YAAY,cAAc;AAAA,MAC1B,GAAG,KAAK,UAAU,YAAY,SAAS;AAAA,MACvC,OAAO,UAAU,aAAa,KAAK,OAAO,SAAS;AAAA,MAClD,GAAG,eAAe,OAAO;AAAA,MACzB,GAAI,qBAAqB,YAAY,kBAAkB,IAAI,CAAC;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ;;;ACzNf,SAAS,KAAK,MAAM,MAAM,WAAW,eAAe,QAAQ,QAAQ,0BAA0B;AAC9F,YAAY,WAAW;AACvB,OAAO,mBAAmB;AA6Hf,wBA8ED,QAAAC,aA9EC;AAtFJ,IAAM,mBAAyB,iBAAyC,SAASC,kBACtF,OACA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,GAAG;AAAA,EACL,IAAI;AAIJ,QAAM,2BACJ,OAAO,WAAW,gBACjB,UAAU,iBAAiB,KAC1B,OAAO,aAAa,mBAAmB,GAAG,YAAY,QACtD,OAAO,aAAa,eAAe,GAAG,YAAY;AACtD,QAAM,sBAAsB,eAAe;AAE3C,QAAM,CAAC,YAAY,aAAa,IAAU,eAAS,KAAK;AACxD,QAAM,uBAA6B,aAAsB,IAAI;AAC7D,QAAM,aAAmB,aAA+B,IAAI;AAC5D,QAAM,aAAmB,aAA8B,IAAI;AAE3D,QAAM,yBAA+B,kBAAY,MAAM;AACrD,QAAI,qBAAqB,YAAY,MAAM;AACzC,aAAO,aAAa,qBAAqB,OAAO;AAChD,2BAAqB,UAAU;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,EAAM;AAAA,IACJ,MAAM,MAAM;AACV,6BAAuB;AAAA,IACzB;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAGA,EAAM,gBAAU,MAAM;AACpB,QAAI,CAAC,uBAAuB,CAAC,WAAY;AAEzC,UAAM,uBAAuB,CAAC,MAAoB;AAChD,YAAM,IAAI,EAAE;AACZ,UAAI,EAAE,aAAa,MAAO;AAC1B,UAAI,WAAW,SAAS,SAAS,CAAC,EAAG;AACrC,UAAI,WAAW,SAAS,SAAS,CAAC,EAAG;AACrC,oBAAc,KAAK;AACnB,6BAAuB;AAAA,IACzB;AAEA,aAAS,iBAAiB,eAAe,sBAAsB,IAAI;AACnE,WAAO,MAAM,SAAS,oBAAoB,eAAe,sBAAsB,IAAI;AAAA,EACrF,GAAG,CAAC,wBAAwB,YAAY,mBAAmB,CAAC;AAE5D,QAAM,oBAAoB,YAAY,cAAc;AACpD,MAAI,mBAAmB;AACrB,WAAO,gCAAG,UAAS;AAAA,EACrB;AAEA,QAAM,iBAAiB,WAAW;AAClC,MAAI,CAAC,gBAAgB;AACnB,WAAO,gCAAG,UAAS;AAAA,EACrB;AAEA,QAAM,cACJ,cAAc,UAAa,WAAW,SAClC;AAAA,IACE,GAAI,KAAK,eAAe,CAAC;AAAA,IACzB,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/C,GAAI,WAAW,SAAY,EAAE,OAAO,IAAI,CAAC;AAAA,EAC3C,IACA,KAAK;AAEX,QAAM,qBAAiD;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC,qBAAqB;AACxB;AAAA,IACF;AACA,kBAAc,IAAI;AAClB,2BAAuB;AACvB,yBAAqB,UAAU,OAAO,WAAW,MAAM;AACrD,oBAAc,KAAK;AACnB,2BAAqB,UAAU;AAAA,IACjC,GAAG,mBAAmB;AAAA,EACxB;AAEA,QAAM,eACJ;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,SAAS,sBAAsB,qBAAqB;AAAA,MACpD,OAAO;AAAA,QACL,SAAS,mBAAmB,SAAS;AAAA,QACrC,OAAO,mBAAmB,SAAS;AAAA,QACnC,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU,uBAAuB,CAAC,mBAAmB,KAAK;AAAA,QAC1D,WAAW,uBAAuB,CAAC,mBAAmB,KAAK;AAAA,QAC3D,QAAQ;AAAA,QACR,yBAAyB;AAAA,QACzB,OAAO;AAAA,MACT;AAAA,MAEC;AAAA;AAAA,EACH;AAGF,QAAM,YAAqC;AAAA,IACzC,GAAG;AAAA,IACH,MAAM,UAAU,SAAS,aAAa,OAAO;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,iBAAiB,QAAQ,EAAE,oBAAoB,MAAM,IAAI,CAAC;AAAA,EAChE;AAEA,SACE,gBAAAD,MAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,SAAd,EAAsB,SAAO,MAAE,wBAAa;AAAA,IAC7C,oBAAC,UAAO,UAAU,CAAC,WAAW,WAAW,WACvC,8BAAC,cAAc,YAAd,EACC,0BAAAA;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,KAAK,CAAC,SAAS;AACb,qBAAW,UAAU;AACrB,cAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,mBAC9B,IAAK,CAAC,IAAsD,UAAU;AAAA,QACjF;AAAA,QACC,GAAG;AAAA,QAEF;AAAA,wBAAa,aACb,oBAAC,cAAc,OAAd,EACC,8BAAC,cAAc,UAAd,EAAuB,GAC1B;AAAA,UAED;AAAA;AAAA;AAAA,IACH,GACF,GACF;AAAA,KACF;AAEJ,CAAC;AAQM,IAAM,UAAU,CAAC,EAAE,OAAO,UAAU,GAAG,MAAM,MAA4B;AAE9E,QAAM,UAAU,mBAAmB,EAAE,MAAM,MAAM,IAAI,MAAM,CAAC,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MAEb,qBAAqB,UAAU,OAAO;AAAA,MACtC,SACE,QACE,oBAAC,UAAO,OAAM,SAAQ,KAAK,GAAG,MAAK,SACjC;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,YACV,GAAG,CAAC,EAAE,UAAAE,UAAS,MAAM,oBAAC,QAAK,OAAO,WAAY,UAAAA,WAAS;AAAA,YACvD,QAAQ,CAAC,EAAE,UAAAA,UAAS,MAClB,oBAAC,QAAK,OAAO,WAAW,SAAQ,SAAQ,SAAO,MAC7C,8BAAC,OAAG,UAAAA,WAAS,GACf;AAAA,YAEF,IAAI,CAAC,EAAE,UAAAA,UAAS,MACd,oBAAC,UAAO,IAAG,MAAK,OAAM,SAAQ,KAAK,GAAG,IAAI,GACvC,UAAAA,WACH;AAAA,YAEF,IAAI,CAAC,EAAE,UAAAA,UAAS,MACd,oBAAC,QAAK,OAAO,WAAW,IAAG,MAAK,IAAI,GAAG,UAAS,MAAK,YAAW,SAC7D,UAAAA,WACH;AAAA,YAEF,GAAG,CAAC,EAAE,MAAM,UAAAA,UAAS,MACnB,oBAAC,QAAK,MAAM,QAAQ,KAAK,QAAO,UAAS,OAAM,YAC5C,UAAAA,WACH;AAAA,UAEJ;AAAA,UAEC;AAAA;AAAA,MACH,GACF,IACE;AAAA,MAEL,GAAG;AAAA,MAEJ,8BAAC,UACC,8BAAC,OAAI,IAAG,QAAO,SAAQ,gBAAe,QAAO,WAAU,QAAQ,EAAE,QAAQ,UAAU,GAChF,UACH,GACF;AAAA;AAAA,EACF;AAEJ;;;AC1RA,SAAS,OAAAC,MAAK,SAAS,QAAAC,OAAM,UAAAC,eAAc;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,OAGK;AAIH,gBAAAC,MA4CA,QAAAC,aA5CA;AAFJ,IAAM,mBAAmB,CAAC,EAAE,OAAO,GAAG,MACpC,gBAAAD,KAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,MAAK,QAAO,OAAM,8BACpE,0BAAAA;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA;AACjB,GACF;AAcK,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAID,UAAS,KAAK;AACtD,QAAM,UAAUD,QAAuB,IAAI;AAE3C,EAAAD,WAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UAAI,QAAQ,WAAW,CAAC,QAAQ,QAAQ,SAAS,MAAM,MAAc,GAAG;AACtE,wBAAgB,KAAK;AAAA,MACvB;AAAA,IACF;AAEA,QAAI,cAAc;AAChB,eAAS,iBAAiB,aAAa,kBAAkB;AAAA,IAC3D,OAAO;AACL,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAEA,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE,gBAAAI,MAACP,MAAA,EAAI,UAAU,YAAY,KAAK,SAC9B;AAAA,oBAAAM;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAM;AAAA,QACN,WAAW,CAAC,MAAM;AAChB,YAAE,gBAAgB;AAAA,QACpB;AAAA,QACA,SAAS,CAAC,UAAU;AAClB,gBAAM,gBAAgB;AACtB,0BAAgB,IAAI;AAAA,QACtB;AAAA,QAEA,0BAAAM,KAAC,oBAAiB;AAAA;AAAA,IACpB;AAAA,IACC,gBACC,gBAAAA;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAO;AAAA,QACP,WAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,UACH,wBAAwB,EAAE,SAAS,OAAO;AAAA,UAC1C,gBAAgB;AAAA,UAChB,iBAAiB;AAAA,QACnB;AAAA,QAEC,mBAAS,IAAI,UAAU,CAAC,UAAU;AACjC,cAAI,CAAC,eAAe,KAAK,GAAG;AAC1B,mBAAO;AAAA,UACT;AAEA,gBAAM,kBAAmB,MAAM,MAAmC;AAElE,gBAAM,cAAc,MAAM;AACxB,4BAAgB,KAAK;AACrB,gBAAI,OAAO,oBAAoB,YAAY;AACzC,8BAAgB;AAAA,YAClB;AAAA,UACF;AAEA,iBAAO,aAAa,OAAiD;AAAA,YACnE,SAAS;AAAA,UACX,CAAC;AAAA,QACH,CAAC;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEO,IAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AACZ,MAA+B;AAC7B,SACE,gBAAAK,MAACP,MAAA,EAAI,SAAS,QAAQ,gBAAgB,iBAAiB,OAAO,QAAQ,QAAQ,EAAE,YAAY,kBAAkB,GAC5G;AAAA,oBAAAM;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,UAAS;AAAA,QACT,OAAO,UAAU,yBAAyB;AAAA,QAC1C,QAAQ,UAAU,gBAAgB;AAAA,QAClC,OAAO;AAAA,QACP;AAAA,QACA,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,IACC,WAAW,gBAAAK,KAAC,WAAQ,MAAK,MAAK,OAAM,wBAAuB,WAAU,UAAS,IAAI,GAAG;AAAA,KACxF;AAEJ;","names":["Button","jsxs","TooltipPrimitive","children","Box","Text","VStack","useEffect","useRef","useState","jsx","jsxs"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kollegioai/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Kollegio shared React components (Chakra UI v3)",
   "repository": {
     "type": "git",
@@ -9,16 +9,33 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
+    },
+    "./Button": {
+      "types": "./dist/Button.d.ts",
+      "import": "./dist/Button.mjs",
+      "require": "./dist/Button.js"
+    },
+    "./Tooltip": {
+      "types": "./dist/Tooltip.d.ts",
+      "import": "./dist/Tooltip.mjs",
+      "require": "./dist/Tooltip.js"
+    },
+    "./EllipsisMenu": {
+      "types": "./dist/EllipsisMenu.d.ts",
+      "import": "./dist/EllipsisMenu.mjs",
+      "require": "./dist/EllipsisMenu.js"
     }
   },
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch"
+    "dev": "tsup --watch",
+    "prepare": "tsup"
   },
   "files": [
     "dist"