@kollegioai/ui 0.1.0 → 0.1.1

package/dist/chunk-RYGUHPYX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button.tsx"],"names":["Button","ChakraButton"],"mappings":"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","file":"chunk-RYGUHPYX.mjs","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"]}

package/dist/chunk-XVEIQDTK.mjs

@@ -0,0 +1,119 @@
+import { Box, VStack, Text, Spinner } from '@chakra-ui/react';
+import { useState, useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/EllipsisMenu.tsx
+var DotsVerticalIcon = ({ size = 20 }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "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] = useState(false);
+  const menuRef = useRef(null);
+  useEffect(() => {
+    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__ */ jsxs(Box, { position: "relative", ref: menuRef, children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        padding: "2px",
+        tabIndex: 0,
+        color: "contentPrimaryStrong",
+        onKeyDown: (e) => {
+          e.stopPropagation();
+        },
+        onClick: (event) => {
+          event.stopPropagation();
+          setShowDropdown(true);
+        },
+        children: /* @__PURE__ */ jsx(DotsVerticalIcon, {})
+      }
+    ),
+    showDropdown && /* @__PURE__ */ jsx(
+      VStack,
+      {
+        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__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", width: "100%", _hover: { background: "backgroundBase1" }, children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        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__ */ jsx(Spinner, { size: "sm", color: "contentPrimarySubtle", alignSelf: "center", mr: 2 })
+  ] });
+};
+var EllipsisMenu_default = EllipsisMenu;
+
+export { EllipsisMenu, EllipsisMenuOption, EllipsisMenu_default };
+//# sourceMappingURL=chunk-XVEIQDTK.mjs.map
+//# sourceMappingURL=chunk-XVEIQDTK.mjs.map

package/dist/chunk-XVEIQDTK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/EllipsisMenu.tsx"],"names":[],"mappings":"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","file":"chunk-XVEIQDTK.mjs","sourcesContent":["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"]}

package/dist/index.d.mts

@@ -1,94 +1,6 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { ButtonProps, Tooltip as Tooltip$1 } from '@chakra-ui/react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Variant set merged from both product apps:
- * - client-src: primary, primaryStrong, accent, outline, secondary, ghost, oauth, logOut
- * - counsellor: tertiary, light (its "secondary" mapped to `outline`)
- *
- * Components reference kollegio token NAMES (e.g. `backgroundPrimary`). The consuming
- * app's Chakra `createSystem` must include the @kollegioai/tokens colors.
- */
-type KollegioButtonVariant = 'primary' | 'primaryStrong' | 'accent' | 'outline' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'oauth' | 'logOut';
-type KollegioButtonSize = 'sm' | 'md' | 'lg';
-type KollegioButtonProps = Omit<ButtonProps, 'variant'> & {
-    variant?: KollegioButtonVariant;
-    /** Kollegio sizing preset — not Chakra's `size` prop. */
-    buttonSize?: KollegioButtonSize;
-    fullWidth?: boolean;
-    isLoading?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
-    enableTouchEndClickFix?: boolean;
-};
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
-    variant?: KollegioButtonVariant;
-    /** Kollegio sizing preset — not Chakra's `size` prop. */
-    buttonSize?: KollegioButtonSize;
-    fullWidth?: boolean;
-    isLoading?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
-    enableTouchEndClickFix?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-
-type TooltipPositioning = NonNullable<Tooltip$1.RootProps['positioning']>;
-type TooltipPlacement = TooltipPositioning['placement'];
-type TooltipOffset = TooltipPositioning['offset'];
-interface TooltipProps extends Omit<Tooltip$1.RootProps, 'children' | 'open'> {
-    children: React.ReactNode;
-    showArrow?: boolean;
-    hasArrow?: boolean;
-    portalled?: boolean;
-    portalRef?: React.RefObject<HTMLElement | null>;
-    content?: React.ReactNode;
-    label?: React.ReactNode;
-    contentProps?: Tooltip$1.ContentProps;
-    disabled?: boolean;
-    isDisabled?: boolean;
-    open?: boolean;
-    isOpen?: boolean;
-    placement?: TooltipPlacement;
-    offset?: TooltipOffset;
-    closeOnClick?: boolean;
-    fontSize?: Tooltip$1.ContentProps['fontSize'];
-    width?: Tooltip$1.ContentProps['width'];
-    w?: Tooltip$1.ContentProps['w'];
-    bg?: Tooltip$1.ContentProps['bg'];
-    color?: Tooltip$1.ContentProps['color'];
-    px?: Tooltip$1.ContentProps['px'];
-    py?: Tooltip$1.ContentProps['py'];
-    borderRadius?: Tooltip$1.ContentProps['borderRadius'];
-    boxShadow?: Tooltip$1.ContentProps['boxShadow'];
-    zIndex?: Tooltip$1.ContentProps['zIndex'];
-    alignSelf?: Tooltip$1.ContentProps['alignSelf'];
-    openOnClick?: boolean;
-    clickOpenDurationMs?: number;
-    fullWidthTrigger?: boolean;
-}
-/** Low-level Chakra v3 tooltip primitive. Prefer `Tooltip` (the markdown wrapper) for app usage. */
-declare const TooltipPrimitive: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
-interface KollegioTooltipProps extends Omit<TooltipProps, 'content' | 'children'> {
-    label?: string;
-    children: React.ReactNode;
-}
-/** Brand tooltip: renders markdown `label`, tap-to-open on touch devices. */
-declare const Tooltip: ({ label, children, ...props }: KollegioTooltipProps) => react_jsx_runtime.JSX.Element;
-
-interface EllipsisMenuProps {
-    children: ReactNode;
-}
-interface EllipsisMenuOptionProps {
-    text: string;
-    onClick: () => void;
-    color?: string;
-    loading?: boolean;
-}
-declare const EllipsisMenu: ({ children }: EllipsisMenuProps) => react_jsx_runtime.JSX.Element;
-declare const EllipsisMenuOption: ({ text, onClick, color, loading, }: EllipsisMenuOptionProps) => react_jsx_runtime.JSX.Element;
-
-export { Button, EllipsisMenu, EllipsisMenuOption, Button as KollegioButton, type KollegioButtonProps, type KollegioButtonSize, type KollegioButtonVariant, Tooltip, TooltipPrimitive, type TooltipProps };
+export { default as Button, default as KollegioButton, KollegioButtonProps, KollegioButtonSize, KollegioButtonVariant } from './Button.mjs';
+export { default as Tooltip, TooltipPrimitive, TooltipProps } from './Tooltip.mjs';
+export { default as EllipsisMenu, EllipsisMenuOption } from './EllipsisMenu.mjs';
+import 'react';
+import '@chakra-ui/react';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,94 +1,6 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { ButtonProps, Tooltip as Tooltip$1 } from '@chakra-ui/react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Variant set merged from both product apps:
- * - client-src: primary, primaryStrong, accent, outline, secondary, ghost, oauth, logOut
- * - counsellor: tertiary, light (its "secondary" mapped to `outline`)
- *
- * Components reference kollegio token NAMES (e.g. `backgroundPrimary`). The consuming
- * app's Chakra `createSystem` must include the @kollegioai/tokens colors.
- */
-type KollegioButtonVariant = 'primary' | 'primaryStrong' | 'accent' | 'outline' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'oauth' | 'logOut';
-type KollegioButtonSize = 'sm' | 'md' | 'lg';
-type KollegioButtonProps = Omit<ButtonProps, 'variant'> & {
-    variant?: KollegioButtonVariant;
-    /** Kollegio sizing preset — not Chakra's `size` prop. */
-    buttonSize?: KollegioButtonSize;
-    fullWidth?: boolean;
-    isLoading?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
-    enableTouchEndClickFix?: boolean;
-};
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
-    variant?: KollegioButtonVariant;
-    /** Kollegio sizing preset — not Chakra's `size` prop. */
-    buttonSize?: KollegioButtonSize;
-    fullWidth?: boolean;
-    isLoading?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
-    enableTouchEndClickFix?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-
-type TooltipPositioning = NonNullable<Tooltip$1.RootProps['positioning']>;
-type TooltipPlacement = TooltipPositioning['placement'];
-type TooltipOffset = TooltipPositioning['offset'];
-interface TooltipProps extends Omit<Tooltip$1.RootProps, 'children' | 'open'> {
-    children: React.ReactNode;
-    showArrow?: boolean;
-    hasArrow?: boolean;
-    portalled?: boolean;
-    portalRef?: React.RefObject<HTMLElement | null>;
-    content?: React.ReactNode;
-    label?: React.ReactNode;
-    contentProps?: Tooltip$1.ContentProps;
-    disabled?: boolean;
-    isDisabled?: boolean;
-    open?: boolean;
-    isOpen?: boolean;
-    placement?: TooltipPlacement;
-    offset?: TooltipOffset;
-    closeOnClick?: boolean;
-    fontSize?: Tooltip$1.ContentProps['fontSize'];
-    width?: Tooltip$1.ContentProps['width'];
-    w?: Tooltip$1.ContentProps['w'];
-    bg?: Tooltip$1.ContentProps['bg'];
-    color?: Tooltip$1.ContentProps['color'];
-    px?: Tooltip$1.ContentProps['px'];
-    py?: Tooltip$1.ContentProps['py'];
-    borderRadius?: Tooltip$1.ContentProps['borderRadius'];
-    boxShadow?: Tooltip$1.ContentProps['boxShadow'];
-    zIndex?: Tooltip$1.ContentProps['zIndex'];
-    alignSelf?: Tooltip$1.ContentProps['alignSelf'];
-    openOnClick?: boolean;
-    clickOpenDurationMs?: number;
-    fullWidthTrigger?: boolean;
-}
-/** Low-level Chakra v3 tooltip primitive. Prefer `Tooltip` (the markdown wrapper) for app usage. */
-declare const TooltipPrimitive: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
-interface KollegioTooltipProps extends Omit<TooltipProps, 'content' | 'children'> {
-    label?: string;
-    children: React.ReactNode;
-}
-/** Brand tooltip: renders markdown `label`, tap-to-open on touch devices. */
-declare const Tooltip: ({ label, children, ...props }: KollegioTooltipProps) => react_jsx_runtime.JSX.Element;
-
-interface EllipsisMenuProps {
-    children: ReactNode;
-}
-interface EllipsisMenuOptionProps {
-    text: string;
-    onClick: () => void;
-    color?: string;
-    loading?: boolean;
-}
-declare const EllipsisMenu: ({ children }: EllipsisMenuProps) => react_jsx_runtime.JSX.Element;
-declare const EllipsisMenuOption: ({ text, onClick, color, loading, }: EllipsisMenuOptionProps) => react_jsx_runtime.JSX.Element;
-
-export { Button, EllipsisMenu, EllipsisMenuOption, Button as KollegioButton, type KollegioButtonProps, type KollegioButtonSize, type KollegioButtonVariant, Tooltip, TooltipPrimitive, type TooltipProps };
+export { default as Button, default as KollegioButton, KollegioButtonProps, KollegioButtonSize, KollegioButtonVariant } from './Button.js';
+export { default as Tooltip, TooltipPrimitive, TooltipProps } from './Tooltip.js';
+export { default as EllipsisMenu, EllipsisMenuOption } from './EllipsisMenu.js';
+import 'react';
+import '@chakra-ui/react';
+import 'react/jsx-runtime';