@tosui/react 0.1.0 → 0.1.2

package/dist/components/Link/link.module.css.js

@@ -0,0 +1,16 @@
+const link = "_link_1xu5z_1";
+const underline = "_underline_1xu5z_17";
+const subtle = "_subtle_1xu5z_21";
+const styles = {
+  link,
+  "default": "_default_1xu5z_9",
+  underline,
+  subtle
+};
+export {
+  styles as default,
+  link,
+  subtle,
+  underline
+};
+//# sourceMappingURL=link.module.css.js.map

package/dist/components/Link/link.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/List/List.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import clsx from "clsx";
+import { Box } from "../Box/Box.js";
+import styles from "./list.module.css.js";
+function List({
+  as = "ul",
+  styleType,
+  spacing = 0,
+  className,
+  children
+}) {
+  const defaultStyleType = as === "ol" ? "decimal" : "none";
+  const actualStyleType = styleType ?? defaultStyleType;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      as,
+      display: "flex",
+      flexDirection: "column",
+      gap: spacing,
+      className: clsx(styles.list, styles[actualStyleType], className),
+      children
+    }
+  );
+}
+function ListItem({ className, children }) {
+  return /* @__PURE__ */ jsx(Box, { as: "li", display: "flex", alignItems: "center", className: clsx(styles.listItem, className), children });
+}
+function ListIcon({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "span",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      mr: 2,
+      color: "primary",
+      className: clsx(styles.listIcon, className),
+      children
+    }
+  );
+}
+export {
+  List,
+  ListIcon,
+  ListItem
+};
+//# sourceMappingURL=List.js.map

package/dist/components/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Box } from \"@/components/Box/Box\";\nimport styles from \"./list.module.css\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ListStyleType = \"none\" | \"disc\" | \"decimal\";\n\nexport type ListProps = {\n  /** List element type */\n  as?: \"ul\" | \"ol\";\n  /** List style type */\n  styleType?: ListStyleType;\n  /** Spacing between items (gap multiplier) */\n  spacing?: number;\n  /** Additional class name */\n  className?: string;\n  /** List items */\n  children?: ReactNode;\n};\n\nexport type ListItemProps = {\n  /** Additional class name */\n  className?: string;\n  /** Item content */\n  children?: ReactNode;\n};\n\nexport type ListIconProps = {\n  /** Additional class name */\n  className?: string;\n  /** Icon content */\n  children?: ReactNode;\n};\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * List - Semantic list container\n *\n * A list component supporting:\n * - Unordered (ul) or ordered (ol) lists\n * - Various list style types\n * - Configurable spacing between items\n */\nexport function List({\n  as = \"ul\",\n  styleType,\n  spacing = 0,\n  className,\n  children,\n}: ListProps) {\n  const defaultStyleType = as === \"ol\" ? \"decimal\" : \"none\";\n  const actualStyleType = styleType ?? defaultStyleType;\n\n  return (\n    <Box\n      as={as}\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap={spacing}\n      className={clsx(styles.list, styles[actualStyleType], className)}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * ListItem - Individual list item\n *\n * Use inside List for semantic list items.\n */\nexport function ListItem({ className, children }: ListItemProps) {\n  return (\n    <Box as=\"li\" display=\"flex\" alignItems=\"center\" className={clsx(styles.listItem, className)}>\n      {children}\n    </Box>\n  );\n}\n\n/**\n * ListIcon - Icon prefix for list items\n *\n * Use inside ListItem to add an icon before content.\n */\nexport function ListIcon({ className, children }: ListIconProps) {\n  return (\n    <Box\n      as=\"span\"\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexShrink={0}\n      mr={2}\n      color=\"primary\"\n      className={clsx(styles.listIcon, className)}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;AAkDO,SAAS,KAAK;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAAc;AACZ,QAAM,mBAAmB,OAAO,OAAO,YAAY;AACnD,QAAM,kBAAkB,aAAa;AAErC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,KAAK;AAAA,MACL,WAAW,KAAK,OAAO,MAAM,OAAO,eAAe,GAAG,SAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAAS,SAAS,EAAE,WAAW,YAA2B;AAC/D,SACE,oBAAC,KAAA,EAAI,IAAG,MAAK,SAAQ,QAAO,YAAW,UAAS,WAAW,KAAK,OAAO,UAAU,SAAS,GACvF,UACH;AAEJ;AAOO,SAAS,SAAS,EAAE,WAAW,YAA2B;AAC/D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,OAAM;AAAA,MACN,WAAW,KAAK,OAAO,UAAU,SAAS;AAAA,MAEzC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/List/list.module.css

@@ -0,0 +1,45 @@
+._list_3tn6m_1 {
+  margin: 0;
+  padding: 0;
+}
+
+._none_3tn6m_6 {
+  list-style-type: none;
+}
+
+/* Disc bullets via ::before */
+._disc_3tn6m_11 {
+  list-style-type: none;
+}
+
+._disc_3tn6m_11 > ._listItem_3tn6m_15::before {
+  content: "\2022";
+  flex-shrink: 0;
+  width: 1.25em;
+  text-align: center;
+}
+
+/* Decimal numbers via CSS counter */
+._decimal_3tn6m_23 {
+  list-style-type: none;
+  counter-reset: list-counter;
+}
+
+._decimal_3tn6m_23 > ._listItem_3tn6m_15 {
+  counter-increment: list-counter;
+}
+
+._decimal_3tn6m_23 > ._listItem_3tn6m_15::before {
+  content: counter(list-counter) ".";
+  flex-shrink: 0;
+  width: 1.5em;
+}
+
+._listItem_3tn6m_15 {
+  margin: 0;
+}
+
+._listIcon_3tn6m_42 {
+  width: 1.25em;
+  height: 1.25em;
+}

package/dist/components/List/list.module.css.js

@@ -0,0 +1,24 @@
+const list = "_list_3tn6m_1";
+const none = "_none_3tn6m_6";
+const disc = "_disc_3tn6m_11";
+const listItem = "_listItem_3tn6m_15";
+const decimal = "_decimal_3tn6m_23";
+const listIcon = "_listIcon_3tn6m_42";
+const styles = {
+  list,
+  none,
+  disc,
+  listItem,
+  decimal,
+  listIcon
+};
+export {
+  decimal,
+  styles as default,
+  disc,
+  list,
+  listIcon,
+  listItem,
+  none
+};
+//# sourceMappingURL=list.module.css.js.map

package/dist/components/List/list.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAyB/D,MAAM,MAAM,SAAS,GAAG;IACtB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG;IAChE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,gBAAgB,EACxB,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,2CAsDX;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAe3E;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,aAAa,kDAyB9D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,2CAgCf"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAyB/D,MAAM,MAAM,SAAS,GAAG;IACtB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG;IAChE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,gBAAgB,EACxB,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,2CAsDX;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAe3E;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,aAAa,kDAyB9D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,2CAgCf"}

package/dist/components/Menu/Menu.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useRef, useEffect, useContext } from "react";
+import clsx from "clsx";
+import { Box } from "../Box/Box.js";
+import { Button } from "../Button/Button.js";
+import styles from "./menu.module.css.js";
+const MenuContext = createContext(null);
+function useMenuContext() {
+  const context = useContext(MenuContext);
+  if (!context) throw new Error("Menu components must be used within Menu");
+  return context;
+}
+function Menu({
+  isOpen: controlledIsOpen,
+  onOpen,
+  onClose,
+  className,
+  children
+}) {
+  const [internalIsOpen, setInternalIsOpen] = useState(false);
+  const isControlled = controlledIsOpen !== void 0;
+  const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
+  const buttonRef = useRef(null);
+  const setOpen = (open) => {
+    if (!isControlled) {
+      setInternalIsOpen(open);
+    }
+    if (open) {
+      onOpen?.();
+    } else {
+      onClose?.();
+    }
+  };
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleClick = (e) => {
+      if (buttonRef.current?.contains(e.target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("click", handleClick);
+    return () => document.removeEventListener("click", handleClick);
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen]);
+  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: { isOpen, setIsOpen: setOpen, buttonRef }, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      position: "relative",
+      display: "inline-block",
+      className: clsx(styles.menu, className),
+      children
+    }
+  ) });
+}
+function MenuButton({ children, className, ...rest }) {
+  const { isOpen, setIsOpen, buttonRef } = useMenuContext();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref: buttonRef,
+      "aria-haspopup": "menu",
+      "aria-expanded": isOpen,
+      onClick: () => setIsOpen(!isOpen),
+      className,
+      ...rest,
+      children
+    }
+  );
+}
+function MenuList({ className, children }) {
+  const { isOpen } = useMenuContext();
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      role: "menu",
+      position: "absolute",
+      top: "100%",
+      left: 0,
+      mt: 1,
+      py: 1,
+      minW: "160px",
+      bg: "surface",
+      border: "thin",
+      borderColor: "border",
+      rounded: "md",
+      shadow: "md",
+      zIndex: "dropdown",
+      className: clsx(styles.menuList, className),
+      children
+    }
+  );
+}
+function MenuItem({
+  onClick,
+  disabled = false,
+  className,
+  children
+}) {
+  const { setIsOpen } = useMenuContext();
+  const handleClick = () => {
+    if (disabled) return;
+    onClick?.();
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "button",
+      type: "button",
+      role: "menuitem",
+      onClick: handleClick,
+      disabled,
+      display: "flex",
+      alignItems: "center",
+      w: "100%",
+      py: 2,
+      px: 3,
+      fontSize: "sm",
+      color: disabled ? "foreground-muted" : "foreground",
+      bg: "transparent",
+      border: "none",
+      cursor: disabled ? "not-allowed" : "pointer",
+      textAlign: "left",
+      className: clsx(styles.menuItem, disabled && styles.disabled, className),
+      children
+    }
+  );
+}
+export {
+  Menu,
+  MenuButton,
+  MenuItem,
+  MenuList
+};
+//# sourceMappingURL=Menu.js.map

package/dist/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { Box } from \"@/components/Box/Box\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport styles from \"./menu.module.css\";\n\n// ============================================================================\n// Context\n// ============================================================================\n\ntype MenuContextValue = {\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  buttonRef: React.RefObject<HTMLButtonElement | null>;\n};\n\nconst MenuContext = createContext<MenuContextValue | null>(null);\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext);\n  if (!context) throw new Error(\"Menu components must be used within Menu\");\n  return context;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type MenuProps = {\n  /** Controlled open state */\n  isOpen?: boolean;\n  /** Callback when menu opens */\n  onOpen?: () => void;\n  /** Callback when menu closes */\n  onClose?: () => void;\n  /** Additional class name */\n  className?: string;\n  /** Menu components */\n  children?: ReactNode;\n};\n\nexport type MenuButtonProps = Omit<ButtonProps<\"button\">, \"as\"> & {\n  /** Button content */\n  children?: ReactNode;\n};\n\nexport type MenuListProps = {\n  /** Additional class name */\n  className?: string;\n  /** Menu items */\n  children?: ReactNode;\n};\n\nexport type MenuItemProps = {\n  /** Click handler */\n  onClick?: () => void;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Item content */\n  children?: ReactNode;\n};\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Menu - Dropdown menu container\n *\n * Provides context for MenuButton, MenuList, and MenuItem.\n * Handles open/close state and click-outside behavior.\n * Supports controlled mode via isOpen/onOpen/onClose.\n */\nexport function Menu({\n  isOpen: controlledIsOpen,\n  onOpen,\n  onClose,\n  className,\n  children,\n}: MenuProps) {\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const isControlled = controlledIsOpen !== undefined;\n  const isOpen = isControlled ? controlledIsOpen : internalIsOpen;\n\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const setOpen = (open: boolean) => {\n    if (!isControlled) {\n      setInternalIsOpen(open);\n    }\n    if (open) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  };\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClick = (e: MouseEvent) => {\n      if (buttonRef.current?.contains(e.target as Node)) return;\n      setOpen(false);\n    };\n\n    document.addEventListener(\"click\", handleClick);\n    return () => document.removeEventListener(\"click\", handleClick);\n  }, [isOpen]);\n\n  // Close on Escape\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [isOpen]);\n\n  return (\n    <MenuContext.Provider value={{ isOpen, setIsOpen: setOpen, buttonRef }}>\n      <Box\n        position=\"relative\"\n        display=\"inline-block\"\n        className={clsx(styles.menu, className)}\n      >\n        {children}\n      </Box>\n    </MenuContext.Provider>\n  );\n}\n\n/**\n * MenuButton - Trigger button for the menu\n *\n * Renders as a Button component with dropdown indicators.\n */\nexport function MenuButton({ children, className, ...rest }: MenuButtonProps) {\n  const { isOpen, setIsOpen, buttonRef } = useMenuContext();\n\n  return (\n    <Button\n      ref={buttonRef}\n      aria-haspopup=\"menu\"\n      aria-expanded={isOpen}\n      onClick={() => setIsOpen(!isOpen)}\n      className={className}\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n}\n\n/**\n * MenuList - Dropdown container for menu items\n *\n * Only renders when menu is open.\n */\nexport function MenuList({ className, children }: MenuListProps) {\n  const { isOpen } = useMenuContext();\n\n  if (!isOpen) return null;\n\n  return (\n    <Box\n      role=\"menu\"\n      position=\"absolute\"\n      top=\"100%\"\n      left={0}\n      mt={1}\n      py={1}\n      minW=\"160px\"\n      bg=\"surface\"\n      border=\"thin\"\n      borderColor=\"border\"\n      rounded=\"md\"\n      shadow=\"md\"\n      zIndex=\"dropdown\"\n      className={clsx(styles.menuList, className)}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * MenuItem - Individual menu item\n *\n * Closes the menu when clicked (unless disabled).\n */\nexport function MenuItem({\n  onClick,\n  disabled = false,\n  className,\n  children,\n}: MenuItemProps) {\n  const { setIsOpen } = useMenuContext();\n\n  const handleClick = () => {\n    if (disabled) return;\n    onClick?.();\n    setIsOpen(false);\n  };\n\n  return (\n    <Box\n      as=\"button\"\n      type=\"button\"\n      role=\"menuitem\"\n      onClick={handleClick}\n      disabled={disabled}\n      display=\"flex\"\n      alignItems=\"center\"\n      w=\"100%\"\n      py={2}\n      px={3}\n      fontSize=\"sm\"\n      color={disabled ? \"foreground-muted\" : \"foreground\"}\n      bg=\"transparent\"\n      border=\"none\"\n      cursor={disabled ? \"not-allowed\" : \"pointer\"}\n      textAlign=\"left\"\n      className={clsx(styles.menuItem, disabled && styles.disabled, className)}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Menu/menu.module.css

@@ -0,0 +1,24 @@
+._menu_ezbl0_1 {
+  /* Container */
+}
+
+._menuList_ezbl0_5 {
+  /* Dropdown */
+}
+
+._menuItem_ezbl0_9 {
+  transition: background-color 0.15s ease;
+}
+
+._menuItem_ezbl0_9:hover:not(:disabled) {
+  background-color: var(--t-color-surface-hover, rgba(0, 0, 0, 0.05));
+}
+
+._menuItem_ezbl0_9:focus {
+  outline: none;
+  background-color: var(--t-color-surface-hover, rgba(0, 0, 0, 0.05));
+}
+
+._menuItem_ezbl0_9._disabled_ezbl0_22 {
+  opacity: 0.5;
+}

package/dist/components/Menu/menu.module.css.js

@@ -0,0 +1,18 @@
+const menu = "_menu_ezbl0_1";
+const menuList = "_menuList_ezbl0_5";
+const menuItem = "_menuItem_ezbl0_9";
+const disabled = "_disabled_ezbl0_22";
+const styles = {
+  menu,
+  menuList,
+  menuItem,
+  disabled
+};
+export {
+  styles as default,
+  disabled,
+  menu,
+  menuItem,
+  menuList
+};
+//# sourceMappingURL=menu.module.css.js.map

package/dist/components/Menu/menu.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAUvE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG;IACvB,4BAA4B;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAkBF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,IAAW,EACX,mBAA0B,EAC1B,UAAiB,EACjB,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,sCA2EZ;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAYpE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAMhE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAepE"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAUvE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG;IACvB,4BAA4B;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAkBF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,IAAW,EACX,mBAA0B,EAC1B,UAAiB,EACjB,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,sCA2EZ;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAYpE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAMhE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAepE"}

package/dist/components/Modal/Modal.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback } from "react";
+import { createPortal } from "react-dom";
+import clsx from "clsx";
+import { Box } from "../Box/Box.js";
+import styles from "./modal.module.css.js";
+const sizeConfig = {
+  sm: "400px",
+  md: "500px",
+  lg: "700px",
+  xl: "900px",
+  full: "100%"
+};
+function Modal({
+  isOpen,
+  onClose,
+  size = "md",
+  closeOnOverlayClick = true,
+  closeOnEsc = true,
+  className,
+  children
+}) {
+  const modalRef = useRef(null);
+  const previousFocusRef = useRef(null);
+  useEffect(() => {
+    if (isOpen) {
+      previousFocusRef.current = document.activeElement;
+      modalRef.current?.focus();
+    } else if (previousFocusRef.current) {
+      previousFocusRef.current.focus();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen || !closeOnEsc) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, closeOnEsc, onClose]);
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen]);
+  const handleOverlayClick = useCallback(
+    (e) => {
+      if (closeOnOverlayClick && e.target === e.currentTarget) {
+        onClose();
+      }
+    },
+    [closeOnOverlayClick, onClose]
+  );
+  if (!isOpen) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: clsx(styles.overlay, className),
+        onClick: handleOverlayClick,
+        role: "dialog",
+        "aria-modal": "true",
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            ref: modalRef,
+            tabIndex: -1,
+            bg: "surface",
+            rounded: size === "full" ? "none" : "lg",
+            shadow: "lg",
+            maxH: size === "full" ? "100vh" : "90vh",
+            overflow: "auto",
+            className: styles.modal,
+            style: {
+              width: sizeConfig[size],
+              maxWidth: size === "full" ? "100%" : "calc(100% - 2rem)"
+            },
+            children
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function ModalHeader({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      px: 6,
+      py: 4,
+      borderBottom: "thin",
+      borderColor: "border",
+      className: clsx(styles.header, className),
+      children
+    }
+  );
+}
+function ModalBody({ className, children }) {
+  return /* @__PURE__ */ jsx(Box, { px: 6, py: 4, className: clsx(styles.body, className), children });
+}
+function ModalFooter({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      px: 6,
+      py: 4,
+      borderTop: "thin",
+      borderColor: "border",
+      display: "flex",
+      justifyContent: "end",
+      gap: 2,
+      className: clsx(styles.footer, className),
+      children
+    }
+  );
+}
+export {
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useEffect, useRef, useCallback } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport clsx from \"clsx\";\nimport { Box } from \"@/components/Box/Box\";\nimport styles from \"./modal.module.css\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type ModalProps = {\n  /** Whether modal is open */\n  isOpen: boolean;\n  /** Callback when modal should close */\n  onClose: () => void;\n  /** Modal size */\n  size?: ModalSize;\n  /** Close on backdrop click */\n  closeOnOverlayClick?: boolean;\n  /** Close on Escape key */\n  closeOnEsc?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Modal content */\n  children?: ReactNode;\n};\n\nexport type ModalHeaderProps = {\n  /** Additional class name */\n  className?: string;\n  /** Header content */\n  children?: ReactNode;\n};\n\nexport type ModalBodyProps = {\n  /** Additional class name */\n  className?: string;\n  /** Body content */\n  children?: ReactNode;\n};\n\nexport type ModalFooterProps = {\n  /** Additional class name */\n  className?: string;\n  /** Footer content */\n  children?: ReactNode;\n};\n\n// ============================================================================\n// Size configuration\n// ============================================================================\n\nconst sizeConfig = {\n  sm: \"400px\",\n  md: \"500px\",\n  lg: \"700px\",\n  xl: \"900px\",\n  full: \"100%\",\n} as const;\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Modal - Dialog overlay component\n *\n * A modal dialog that:\n * - Renders via portal to document.body\n * - Traps focus when open\n * - Prevents body scroll when open\n * - Closes on backdrop click and Escape key\n * - Returns focus after closing\n */\nexport function Modal({\n  isOpen,\n  onClose,\n  size = \"md\",\n  closeOnOverlayClick = true,\n  closeOnEsc = true,\n  className,\n  children,\n}: ModalProps) {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n\n  // Store previous focus and focus modal when open\n  useEffect(() => {\n    if (isOpen) {\n      previousFocusRef.current = document.activeElement as HTMLElement;\n      modalRef.current?.focus();\n    } else if (previousFocusRef.current) {\n      previousFocusRef.current.focus();\n    }\n  }, [isOpen]);\n\n  // Handle Escape key\n  useEffect(() => {\n    if (!isOpen || !closeOnEsc) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [isOpen, closeOnEsc, onClose]);\n\n  // Prevent body scroll when modal is open\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = \"hidden\";\n    } else {\n      document.body.style.overflow = \"\";\n    }\n    return () => {\n      document.body.style.overflow = \"\";\n    };\n  }, [isOpen]);\n\n  const handleOverlayClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnOverlayClick, onClose]\n  );\n\n  if (!isOpen) return null;\n\n  return createPortal(\n    <Box\n      className={clsx(styles.overlay, className)}\n      onClick={handleOverlayClick}\n      role=\"dialog\"\n      aria-modal=\"true\"\n    >\n      <Box\n        ref={modalRef}\n        tabIndex={-1}\n        bg=\"surface\"\n        rounded={size === \"full\" ? \"none\" : \"lg\"}\n        shadow=\"lg\"\n        maxH={size === \"full\" ? \"100vh\" : \"90vh\"}\n        overflow=\"auto\"\n        className={styles.modal}\n        style={{\n          width: sizeConfig[size],\n          maxWidth: size === \"full\" ? \"100%\" : \"calc(100% - 2rem)\",\n        }}\n      >\n        {children}\n      </Box>\n    </Box>,\n    document.body\n  );\n}\n\n/**\n * ModalHeader - Header section for modal\n */\nexport function ModalHeader({ className, children }: ModalHeaderProps) {\n  return (\n    <Box\n      px={6}\n      py={4}\n      borderBottom=\"thin\"\n      borderColor=\"border\"\n      className={clsx(styles.header, className)}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * ModalBody - Body section for modal\n */\nexport function ModalBody({ className, children }: ModalBodyProps) {\n  return (\n    <Box px={6} py={4} className={clsx(styles.body, className)}>\n      {children}\n    </Box>\n  );\n}\n\n/**\n * ModalFooter - Footer section for modal\n */\nexport function ModalFooter({ className, children }: ModalFooterProps) {\n  return (\n    <Box\n      px={6}\n      py={4}\n      borderTop=\"thin\"\n      borderColor=\"border\"\n      display=\"flex\"\n      justifyContent=\"end\"\n      gap={2}\n      className={clsx(styles.footer, className)}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Modal/modal.module.css

@@ -0,0 +1,26 @@
+._overlay_196fp_1 {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: var(--t-z-index-modal);
+  padding: 1rem;
+}
+
+._modal_196fp_12 {
+  outline: none;
+}
+
+._header_196fp_16 {
+  /* Header styles */
+}
+
+._body_196fp_20 {
+  /* Body styles */
+}
+
+._footer_196fp_24 {
+  /* Footer styles */
+}

package/dist/components/Modal/modal.module.css.js

@@ -0,0 +1,21 @@
+const overlay = "_overlay_196fp_1";
+const modal = "_modal_196fp_12";
+const header = "_header_196fp_16";
+const body = "_body_196fp_20";
+const footer = "_footer_196fp_24";
+const styles = {
+  overlay,
+  modal,
+  header,
+  body,
+  footer
+};
+export {
+  body,
+  styles as default,
+  footer,
+  header,
+  modal,
+  overlay
+};
+//# sourceMappingURL=modal.module.css.js.map

package/dist/components/Modal/modal.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}