@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/{chunk-YZ2I7CDF.cjs → chunk-XXE5TQ7I.cjs}

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/components/Switch/Switch.tsx
-var Switch = ({
+var Switch = React__namespace.forwardRef(({
   checked,
   defaultChecked,
   onChange,
@@ -37,8 +37,9 @@ var Switch = ({
   checkedChildren,
   unCheckedChildren,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -57,7 +58,7 @@ var Switch = ({
     hasChildren && "with-children",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -79,8 +80,9 @@ var Switch = ({
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-label", children: label })
   ] });
-};
+});
+Switch.displayName = "Switch";
 
 exports.Switch = Switch;
-//# sourceMappingURL=chunk-YZ2I7CDF.cjs.map
-//# sourceMappingURL=chunk-YZ2I7CDF.cjs.map
+//# sourceMappingURL=chunk-XXE5TQ7I.cjs.map
+//# sourceMappingURL=chunk-XXE5TQ7I.cjs.map

package/dist/chunk-XXE5TQ7I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAM,MAAA,GAAeA,4BAA0C,CAAC;AAAA,EACrE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,EAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAAS,kBAAkB,KAAK,CAAA;AAChE,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,eAAe,OAAA,GAAU,KAAA;AAEvC,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,OAAO,CAAC,KAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,eAAA,IAAmB,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AACpE,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,QAAA;AAAA,IACA,KAAA,IAAS,IAAA;AAAA,IACT,SAAS,IAAA,IAAQ,IAAA;AAAA,IACjB,QAAA,IAAY,UAAA;AAAA,IACZ,WAAA,IAAe,eAAA;AAAA,IACf;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uCACG,OAAA,EAAA,EAAM,GAAA,EAAU,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACnC,QAAA,EAAA;AAAA,oBAAAC,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,KAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,EAAA;AAAA,QACA,SAAA,EAAU,cAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,oBACCA,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,4BACnDA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,iBAAA,EAAkB;AAAA,WAAA,EACxD,CAAA;AAAA,0BAEFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KACjC;AAAA,IACC,KAAA,oBAASA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAClD,CAAA;AAEJ,CAAC;AACD,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-XXE5TQ7I.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Switch.css\";\nimport * as React from \"react\";\n\nexport interface SwitchProps\n  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"onChange\" | \"children\" | \"id\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  size?: \"sm\" | \"md\";\n  /** Content rendered inside the track when checked (short text or icon). */\n  checkedChildren?: React.ReactNode;\n  /** Content rendered inside the track when unchecked. */\n  unCheckedChildren?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/**\n * `Switch` — on/off toggle. Controlled or uncontrolled.\n */\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(({\n  checked,\n  defaultChecked,\n  onChange,\n  disabled,\n  label,\n  size = \"md\",\n  checkedChildren,\n  unCheckedChildren,\n  className = \"\",\n  id,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const hasChildren = checkedChildren != null || unCheckedChildren != null;\n  const cls = [\n    \"switch\",\n    value && \"on\",\n    size !== \"md\" && size,\n    disabled && \"disabled\",\n    hasChildren && \"with-children\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label ref={ref} className={cls} {...rest}>\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"switch-track\"\n      >\n        {hasChildren && (\n          <span className=\"switch-inner\">\n            <span className=\"switch-inner-on\">{checkedChildren}</span>\n            <span className=\"switch-inner-off\">{unCheckedChildren}</span>\n          </span>\n        )}\n        <span className=\"switch-thumb\" />\n      </button>\n      {label && <span className=\"switch-label\">{label}</span>}\n    </label>\n  );\n});\nSwitch.displayName = \"Switch\";\n"]}

package/dist/chunk-XYGRVPUA.js

@@ -0,0 +1,140 @@
+import { useFloating } from './chunk-ANAQER3T.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Popover-DVGQGWX6.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var Popover = React.forwardRef(({
+  content,
+  title,
+  placement = "bottom",
+  trigger = "click",
+  arrow = false,
+  closable = false,
+  width,
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  children,
+  className = "",
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React.useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const show = isControlled ? open : inner;
+  const panelWidth = width === "auto" ? 160 : width ?? 240;
+  const {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement: resolved
+  } = useFloating({
+    open: show,
+    placement,
+    panelWidth,
+    panelHeight: 160,
+    alignCross: "center"
+  });
+  const set = React.useCallback((v) => {
+    if (!isControlled) setInner(v);
+    onOpenChange?.(v);
+  }, [isControlled, onOpenChange]);
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
+  React.useEffect(() => {
+    if (trigger !== "click" || !show) return;
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (floatingRef.current?.contains(t)) return;
+      set(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [show, trigger, set, triggerRef, floatingRef]);
+  const hoverTimeout = React.useRef();
+  const interact = trigger === "hover" ? {
+    onMouseEnter: () => {
+      window.clearTimeout(hoverTimeout.current);
+      set(true);
+    },
+    onMouseLeave: () => {
+      hoverTimeout.current = window.setTimeout(() => set(false), 100);
+    }
+  } : { onClick: () => set(!show) };
+  const panelHover = trigger === "hover" ? {
+    onMouseEnter: () => window.clearTimeout(hoverTimeout.current),
+    onMouseLeave: () => {
+      hoverTimeout.current = window.setTimeout(() => set(false), 100);
+    }
+  } : {};
+  const widthStyle = width === "auto" ? {} : { width: width ?? void 0, minWidth: width ? void 0 : 220 };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: setTriggerRef,
+        className: `popover-anchor ${className}`,
+        style: { display: "inline-flex", alignSelf: "flex-start" },
+        onClick: (e) => {
+          onClick?.(e);
+          if ("onClick" in interact) interact.onClick?.();
+        },
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          if ("onMouseEnter" in interact) interact.onMouseEnter?.();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          if ("onMouseLeave" in interact) interact.onMouseLeave?.();
+        },
+        ...rest,
+        children
+      }
+    ),
+    show && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: floatingRef,
+          className: `popover popover-${resolved}`,
+          style: { ...floatingStyle, ...widthStyle },
+          ...panelHover,
+          children: [
+            (title || closable) && /* @__PURE__ */ jsxs("div", { className: "popover-header", children: [
+              title && /* @__PURE__ */ jsx("div", { className: "popover-title", children: title }),
+              closable && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "popover-close",
+                  onClick: () => set(false),
+                  "aria-label": "Close",
+                  children: "\xD7"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "popover-body", children: content }),
+            arrow && /* @__PURE__ */ jsx("span", { className: `popover-arrow popover-arrow-${resolved}` })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+Popover.displayName = "Popover";
+
+export { Popover };
+//# sourceMappingURL=chunk-XYGRVPUA.js.map
+//# sourceMappingURL=chunk-XYGRVPUA.js.map

package/dist/chunk-XYGRVPUA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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","file":"chunk-XYGRVPUA.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Popover.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface PopoverProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"title\" | \"children\" | \"content\"> {\n  /** Popover body content. */\n  content: React.ReactNode;\n  /** Optional title rendered above content. */\n  title?: React.ReactNode;\n  /** Preferred placement relative to the trigger. */\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** How the popover is triggered. */\n  trigger?: \"click\" | \"hover\";\n  /** Show a small arrow pointing at the trigger. */\n  arrow?: boolean;\n  /** Show a close button in the header (click trigger only). */\n  closable?: boolean;\n  /** Panel width in px, or `\"auto\"` to fit content. */\n  width?: number | \"auto\";\n  /** Uncontrolled initial open state. */\n  defaultOpen?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Callback when visibility changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Trigger element. */\n  children: React.ReactElement;\n  className?: string;\n}\n\n/**\n * `Popover` — rich content bubble with optional title, arrow, and close button.\n *\n * @example\n * <Popover title=\"Confirm\" content={<p>Are you sure?</p>} arrow>\n *   <Button>Delete</Button>\n * </Popover>\n */\nexport const Popover = React.forwardRef<HTMLSpanElement, PopoverProps>(({\n  content,\n  title,\n  placement = \"bottom\",\n  trigger = \"click\",\n  arrow = false,\n  closable = false,\n  width,\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  children,\n  className = \"\",\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const show = isControlled ? open! : inner;\n\n  const panelWidth = width === \"auto\" ? 160 : (width ?? 240);\n\n  const {\n    triggerRef,\n    floatingRef,\n    floatingStyle,\n    placement: resolved,\n  } = useFloating<HTMLSpanElement, HTMLDivElement>({\n    open: show,\n    placement,\n    panelWidth,\n    panelHeight: 160,\n    alignCross: \"center\",\n  });\n\n  const set = React.useCallback((v: boolean) => {\n    if (!isControlled) setInner(v);\n    onOpenChange?.(v);\n  }, [isControlled, onOpenChange]);\n\n  const setTriggerRef = React.useCallback(\n    (node: HTMLSpanElement | null) => {\n      (triggerRef as React.MutableRefObject<HTMLSpanElement | null>).current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref, triggerRef]\n  );\n\n  React.useEffect(() => {\n    if (trigger !== \"click\" || !show) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (floatingRef.current?.contains(t)) return;\n      set(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n  }, [show, trigger, set, triggerRef, floatingRef]);\n\n  const hoverTimeout = React.useRef<number | undefined>();\n\n  const interact =\n    trigger === \"hover\"\n      ? {\n          onMouseEnter: () => {\n            window.clearTimeout(hoverTimeout.current);\n            set(true);\n          },\n          onMouseLeave: () => {\n            hoverTimeout.current = window.setTimeout(() => set(false), 100);\n          },\n        }\n      : { onClick: () => set(!show) };\n\n  const panelHover =\n    trigger === \"hover\"\n      ? {\n          onMouseEnter: () => window.clearTimeout(hoverTimeout.current),\n          onMouseLeave: () => {\n            hoverTimeout.current = window.setTimeout(() => set(false), 100);\n          },\n        }\n      : {};\n\n  const widthStyle = width === \"auto\" ? {} : { width: width ?? undefined, minWidth: width ? undefined : 220 };\n\n  return (\n    <>\n      <span\n        ref={setTriggerRef}\n        className={`popover-anchor ${className}`}\n        style={{ display: \"inline-flex\", alignSelf: \"flex-start\" }}\n        onClick={(e) => {\n          onClick?.(e);\n          if (\"onClick\" in interact) interact.onClick?.();\n        }}\n        onMouseEnter={(e) => {\n          onMouseEnter?.(e);\n          if (\"onMouseEnter\" in interact) interact.onMouseEnter?.();\n        }}\n        onMouseLeave={(e) => {\n          onMouseLeave?.(e);\n          if (\"onMouseLeave\" in interact) interact.onMouseLeave?.();\n        }}\n        {...rest}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <div\n            ref={floatingRef}\n            className={`popover popover-${resolved}`}\n            style={{ ...floatingStyle, ...widthStyle }}\n            {...panelHover}\n          >\n            {(title || closable) && (\n              <div className=\"popover-header\">\n                {title && <div className=\"popover-title\">{title}</div>}\n                {closable && (\n                  <button\n                    className=\"popover-close\"\n                    onClick={() => set(false)}\n                    aria-label=\"Close\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"popover-body\">{content}</div>\n            {arrow && <span className={`popover-arrow popover-arrow-${resolved}`} />}\n          </div>,\n          document.body\n        )}\n    </>\n  );\n});\nPopover.displayName = \"Popover\";\n"]}

package/dist/chunk-Y7BZMMAV.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./List-W5BW4D2P.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/List/List.tsx
+var List = React__namespace.forwardRef(({ items, dividers = true, className = "", style, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "ul",
+  {
+    ref,
+    className: `list ${dividers ? "with-dividers" : ""} ${className}`,
+    style: { listStyle: "none", margin: 0, ...style },
+    ...rest,
+    children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `list-item ${it.onClick ? "clickable" : ""}`, onClick: it.onClick, children: [
+      it.avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-avatar", children: it.avatar }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "list-item-meta", children: [
+        it.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-title", children: it.title }),
+        it.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-desc", children: it.description })
+      ] }),
+      it.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list-item-actions", children: it.actions })
+    ] }, it.key))
+  }
+));
+List.displayName = "List";
+
+exports.List = List;
+//# sourceMappingURL=chunk-Y7BZMMAV.cjs.map
+//# sourceMappingURL=chunk-Y7BZMMAV.cjs.map

package/dist/chunk-Y7BZMMAV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/List.tsx"],"names":["React","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,IAAM,IAAA,GAAaA,gBAAA,CAAA,UAAA,CAAwC,CAAC,EAAE,KAAA,EAAO,QAAA,GAAW,IAAA,EAAM,SAAA,GAAY,EAAA,EAAI,KAAA,EAAO,GAAG,IAAA,IAAQ,GAAA,qBAC7HC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAW,CAAA,KAAA,EAAQ,QAAA,GAAW,eAAA,GAAkB,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,IAC/D,OAAO,EAAE,SAAA,EAAW,QAAQ,MAAA,EAAQ,CAAA,EAAG,GAAG,KAAA,EAAM;AAAA,IAC/C,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,EAAA,qCACT,IAAA,EAAA,EAAgB,SAAA,EAAW,CAAA,UAAA,EAAa,EAAA,CAAG,UAAU,WAAA,GAAc,EAAE,CAAA,CAAA,EAAI,OAAA,EAAS,GAAG,OAAA,EACnF,QAAA,EAAA;AAAA,MAAA,EAAA,CAAG,0BAAUA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EAAoB,aAAG,MAAA,EAAO,CAAA;AAAA,sBAC3DC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,EAAA,CAAG,yBAASD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EAAmB,aAAG,KAAA,EAAM,CAAA;AAAA,QACvD,GAAG,WAAA,oBAAeA,cAAA,CAAC,SAAI,SAAA,EAAU,gBAAA,EAAkB,aAAG,WAAA,EAAY;AAAA,OAAA,EACrE,CAAA;AAAA,MACC,GAAG,OAAA,oBAAWA,cAAA,CAAC,SAAI,SAAA,EAAU,mBAAA,EAAqB,aAAG,OAAA,EAAQ;AAAA,KAAA,EAAA,EANvD,EAAA,CAAG,GAOZ,CACD;AAAA;AACH,CACD;AACD,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-Y7BZMMAV.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./List.css\";\nimport * as React from \"react\";\n\nexport interface ListItem {\n  key: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  avatar?: React.ReactNode;\n  actions?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface ListProps\n  extends Omit<React.HTMLAttributes<HTMLUListElement>, \"children\"> {\n  items: ListItem[];\n  /** Show dividers between items. */\n  dividers?: boolean;\n  className?: string;\n}\n\n/** `List` — vertical list of rows. */\nexport const List = React.forwardRef<HTMLUListElement, ListProps>(({ items, dividers = true, className = \"\", style, ...rest }, ref) => (\n  <ul\n    ref={ref}\n    className={`list ${dividers ? \"with-dividers\" : \"\"} ${className}`}\n    style={{ listStyle: \"none\", margin: 0, ...style }}\n    {...rest}\n  >\n    {items.map((it) => (\n      <li key={it.key} className={`list-item ${it.onClick ? \"clickable\" : \"\"}`} onClick={it.onClick}>\n        {it.avatar && <div className=\"list-item-avatar\">{it.avatar}</div>}\n        <div className=\"list-item-meta\">\n          {it.title && <div className=\"list-item-title\">{it.title}</div>}\n          {it.description && <div className=\"list-item-desc\">{it.description}</div>}\n        </div>\n        {it.actions && <div className=\"list-item-actions\">{it.actions}</div>}\n      </li>\n    ))}\n  </ul>\n));\nList.displayName = \"List\";\n"]}

package/dist/{chunk-FFZLSY2N.js → chunk-YRAQRENN.js}

@@ -1,18 +1,23 @@
-import { useFloating } from './chunk-V2DIQ3RH.js';
+import { useFloating } from './chunk-ANAQER3T.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Tooltip-ST24GY4S.css';
+import './Tooltip-DMKUPC24.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var Tooltip = ({
+var Tooltip = React.forwardRef(({
   content,
   placement = "top",
   children,
   delay = 250,
-  disabled
-}) => {
+  disabled,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) => {
   const [show, setShow] = React.useState(false);
   const t = React.useRef();
   const open = () => {
@@ -31,16 +36,37 @@ var Tooltip = ({
     panelHeight: 32,
     alignCross: "center"
   });
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "span",
       {
-        ref: triggerRef,
+        ref: setTriggerRef,
         className: "tip-anchor",
-        onMouseEnter: open,
-        onMouseLeave: close,
-        onFocus: open,
-        onBlur: close,
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          open();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          close();
+        },
+        onFocus: (e) => {
+          onFocus?.(e);
+          open();
+        },
+        onBlur: (e) => {
+          onBlur?.(e);
+          close();
+        },
+        ...rest,
         children
       }
     ),
@@ -49,8 +75,9 @@ var Tooltip = ({
       document.body
     )
   ] });
-};
+});
+Tooltip.displayName = "Tooltip";
 
 export { Tooltip };
-//# sourceMappingURL=chunk-FFZLSY2N.js.map
-//# sourceMappingURL=chunk-FFZLSY2N.js.map
+//# sourceMappingURL=chunk-YRAQRENN.js.map
+//# sourceMappingURL=chunk-YRAQRENN.js.map

package/dist/chunk-YRAQRENN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;AAiBO,IAAM,OAAA,GAAgB,iBAA0C,CAAC;AAAA,EACtE,OAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,QAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,IAAU,KAAA,CAAA,MAAA,EAA2B;AAE3C,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,CAAA,CAAE,UAAU,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,KAAK,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,SAAA,EAAW,QAAA,KAAa,WAAA,CAA6B;AAAA,IACtF,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,UAAA,EAAY,GAAA;AAAA,IACZ,WAAA,EAAa,EAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,MAAM,aAAA,GAAsB,KAAA,CAAA,WAAA;AAAA,IAC1B,CAAC,IAAA,KAAiC;AAChC,MAAC,WAA8D,OAAA,GAAU,IAAA;AACzE,MAAA,IAAI,OAAO,GAAA,KAAQ,UAAA,EAAY,GAAA,CAAI,IAAI,CAAA;AAAA,WAAA,IAC9B,GAAA,MAAS,OAAA,GAAU,IAAA;AAAA,IAC9B,CAAA;AAAA,IACA,CAAC,KAAK,UAAU;AAAA,GAClB;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,aAAA;AAAA,QACL,SAAA,EAAU,YAAA;AAAA,QACV,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,UAAA,YAAA,GAAe,CAAC,CAAA;AAChB,UAAA,IAAA,EAAK;AAAA,QACP,CAAA;AAAA,QACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,UAAA,YAAA,GAAe,CAAC,CAAA;AAChB,UAAA,KAAA,EAAM;AAAA,QACR,CAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,OAAA,GAAU,CAAC,CAAA;AACX,UAAA,IAAA,EAAK;AAAA,QACP,CAAA;AAAA,QACA,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,UAAA,MAAA,GAAS,CAAC,CAAA;AACV,UAAA,KAAA,EAAM;AAAA,QACR,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,IACC,IAAA,IAAQ,OAAO,QAAA,KAAa,WAAA,IAC3B,YAAA;AAAA,sBACE,GAAA,CAAC,UAAK,SAAA,EAAW,CAAA,IAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,KAAA,EAAO,eACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ,CAAC;AACD,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-YRAQRENN.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tooltip.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface TooltipProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\" | \"content\"> {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  children: React.ReactElement;\n  delay?: number;\n  disabled?: boolean;\n}\n\n/** `Tooltip` — hover/focus text bubble. */\nexport const Tooltip = React.forwardRef<HTMLSpanElement, TooltipProps>(({\n  content,\n  placement = \"top\",\n  children,\n  delay = 250,\n  disabled,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...rest\n}, ref) => {\n  const [show, setShow] = React.useState(false);\n  const t = React.useRef<number | undefined>();\n\n  const open = () => {\n    if (disabled) return;\n    window.clearTimeout(t.current);\n    t.current = window.setTimeout(() => setShow(true), delay);\n  };\n  const close = () => {\n    window.clearTimeout(t.current);\n    setShow(false);\n  };\n\n  const { triggerRef, floatingStyle, placement: resolved } = useFloating<HTMLSpanElement>({\n    open: show,\n    placement,\n    panelWidth: 160,\n    panelHeight: 32,\n    alignCross: \"center\",\n  });\n\n  const setTriggerRef = React.useCallback(\n    (node: HTMLSpanElement | null) => {\n      (triggerRef as React.MutableRefObject<HTMLSpanElement | null>).current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref, triggerRef]\n  );\n\n  return (\n    <>\n      <span\n        ref={setTriggerRef}\n        className=\"tip-anchor\"\n        onMouseEnter={(e) => {\n          onMouseEnter?.(e);\n          open();\n        }}\n        onMouseLeave={(e) => {\n          onMouseLeave?.(e);\n          close();\n        }}\n        onFocus={(e) => {\n          onFocus?.(e);\n          open();\n        }}\n        onBlur={(e) => {\n          onBlur?.(e);\n          close();\n        }}\n        {...rest}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <span className={`tip ${resolved}`} style={floatingStyle}>\n            {content}\n          </span>,\n          document.body\n        )}\n    </>\n  );\n});\nTooltip.displayName = \"Tooltip\";\n"]}

package/dist/{chunk-IJA26LRY.cjs → chunk-YVSZLQTQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYFBHVTKN_cjs = require('./chunk-YFBHVTKN.cjs');
+var chunkWFFWVQK4_cjs = require('./chunk-WFFWVQK4.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./CommandPalette-T45DBMPY.css');
@@ -42,7 +42,7 @@ var DEFAULT_FILTER = (item, q) => {
   }
   return i === needle.length;
 };
-var CommandPalette = ({
+var CommandPalette = React__namespace.forwardRef(({
   open,
   onOpenChange,
   items,
@@ -51,12 +51,16 @@ var CommandPalette = ({
   emptyText = "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
   resetOnOpen = true,
   footer,
-  className = ""
-}) => {
+  className = "",
+  onMouseDown,
+  ...rest
+}, ref) => {
   const [query, setQuery] = React__namespace.useState("");
   const [active, setActive] = React__namespace.useState(0);
   const inputRef = React__namespace.useRef(null);
   const listRef = React__namespace.useRef(null);
+  const panelRef = React__namespace.useRef(null);
+  React__namespace.useImperativeHandle(ref, () => panelRef.current, []);
   const filtered = React__namespace.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);
   const grouped = React__namespace.useMemo(() => {
     const order = [];
@@ -133,14 +137,19 @@ var CommandPalette = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: `cmdp-overlay ${className}`, onMouseDown: close, role: "presentation", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
+        ref: panelRef,
         className: "cmdp-panel",
-        onMouseDown: (e) => e.stopPropagation(),
+        onMouseDown: (e) => {
+          onMouseDown?.(e);
+          e.stopPropagation();
+        },
         role: "dialog",
         "aria-modal": true,
         "aria-label": "\u547D\u4EE4\u9762\u677F",
+        ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYFBHVTKN_cjs.Input,
+            chunkWFFWVQK4_cjs.Input,
             {
               ref: inputRef,
               size: "lg",
@@ -202,8 +211,9 @@ var CommandPalette = ({
     ) }),
     document.body
   );
-};
+});
+CommandPalette.displayName = "CommandPalette";
 
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=chunk-IJA26LRY.cjs.map
-//# sourceMappingURL=chunk-IJA26LRY.cjs.map
+//# sourceMappingURL=chunk-YVSZLQTQ.cjs.map
+//# sourceMappingURL=chunk-YVSZLQTQ.cjs.map

package/dist/chunk-YVSZLQTQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommandPalette/CommandPalette.tsx"],"names":["React","ReactDOM","jsx","jsxs","Input","Fragment"],"mappings":"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","file":"chunk-YVSZLQTQ.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./CommandPalette.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Input } from \"../Input\";\n\nexport interface CommandItem {\n  key: string;\n  /** Displayed label; also matched against the search query by default. */\n  label: string;\n  /** Optional secondary line — e.g. \"Open recent\". */\n  description?: React.ReactNode;\n  /** Leading icon. */\n  icon?: React.ReactNode;\n  /** Right-aligned shortcut hint, e.g. `\"⌘P\"`. */\n  shortcut?: React.ReactNode;\n  /** Extra search terms beyond `label`. */\n  keywords?: string[];\n  /** Group heading. Items sharing a `group` appear under one heading. */\n  group?: string;\n  /** Ignored by default filter — still shown. */\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface CommandPaletteProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n  items: CommandItem[];\n  placeholder?: string;\n  /** Custom matcher. Return true to keep the item. */\n  filter?: (item: CommandItem, query: string) => boolean;\n  /** Shown when no item matches the query. */\n  emptyText?: React.ReactNode;\n  /** Reset the query to empty whenever the palette opens. Default true. */\n  resetOnOpen?: boolean;\n  /** Footer node. Pass `null` to hide. */\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_FILTER = (item: CommandItem, q: string) => {\n  if (!q) return true;\n  const hay = [item.label, ...(item.keywords ?? [])].join(\" \").toLowerCase();\n  const needle = q.toLowerCase();\n  // Simple subsequence match — each char of needle appears in order in haystack.\n  let i = 0;\n  for (const ch of hay) {\n    if (ch === needle[i]) i++;\n    if (i === needle.length) return true;\n  }\n  return i === needle.length;\n};\n\n/**\n * `CommandPalette` — ⌘K-style action launcher. Search + grouped items +\n * keyboard nav. Rendered into `document.body`.\n *\n * The parent controls `open` via state — wire `Cmd/Ctrl+K` to toggle.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = React.useState(false);\n * React.useEffect(() => {\n *   const h = (e: KeyboardEvent) => {\n *     if ((e.metaKey || e.ctrlKey) && e.key === \"k\") { e.preventDefault(); setOpen(o => !o); }\n *   };\n *   window.addEventListener(\"keydown\", h);\n *   return () => window.removeEventListener(\"keydown\", h);\n * }, []);\n *\n * <CommandPalette\n *   open={open}\n *   onOpenChange={setOpen}\n *   items={[\n *     { key: \"new\", label: \"新建文件\", icon: <Icon name=\"plus\" size={14} />, group: \"文件\", shortcut: \"⌘N\", onSelect: () => {} },\n *     ...\n *   ]}\n * />\n * ```\n */\nexport const CommandPalette = React.forwardRef<HTMLDivElement, CommandPaletteProps>(({\n  open,\n  onOpenChange,\n  items,\n  placeholder = \"搜索命令…\",\n  filter = DEFAULT_FILTER,\n  emptyText = \"暂无匹配结果\",\n  resetOnOpen = true,\n  footer,\n  className = \"\",\n  onMouseDown,\n  ...rest\n}, ref) => {\n  const [query, setQuery] = React.useState(\"\");\n  const [active, setActive] = React.useState(0);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  React.useImperativeHandle(ref, () => panelRef.current as HTMLDivElement, []);\n\n  const filtered = React.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);\n\n  // Group items preserving the original order of first occurrence.\n  const grouped = React.useMemo(() => {\n    const order: string[] = [];\n    const map = new Map<string, CommandItem[]>();\n    for (const it of filtered) {\n      const g = it.group ?? \"\";\n      if (!map.has(g)) { map.set(g, []); order.push(g); }\n      map.get(g)!.push(it);\n    }\n    return order.map((g) => ({ group: g, items: map.get(g)! }));\n  }, [filtered]);\n\n  const close = React.useCallback(() => onOpenChange?.(false), [onOpenChange]);\n\n  // Reset & focus on open.\n  React.useEffect(() => {\n    if (!open) return;\n    if (resetOnOpen) setQuery(\"\");\n    setActive(0);\n    const id = requestAnimationFrame(() => inputRef.current?.focus());\n    return () => cancelAnimationFrame(id);\n  }, [open, resetOnOpen]);\n\n  // Clamp active when the filtered list shrinks.\n  React.useEffect(() => {\n    setActive((a) => (filtered.length === 0 ? 0 : Math.min(a, filtered.length - 1)));\n  }, [filtered.length]);\n\n  // Scroll active item into view.\n  React.useEffect(() => {\n    const el = listRef.current?.querySelector<HTMLElement>(`[data-cmd-idx=\"${active}\"]`);\n    el?.scrollIntoView({ block: \"nearest\" });\n  }, [active, filtered]);\n\n  const pick = (it: CommandItem) => {\n    if (it.disabled) return;\n    it.onSelect?.();\n    close();\n  };\n\n  const onKey = (e: React.KeyboardEvent) => {\n    if (e.key === \"Escape\") { e.preventDefault(); close(); return; }\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setActive((a) => {\n        if (filtered.length === 0) return 0;\n        for (let n = 1; n <= filtered.length; n++) {\n          const i = (a + n) % filtered.length;\n          if (!filtered[i].disabled) return i;\n        }\n        return a;\n      });\n    }\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      setActive((a) => {\n        if (filtered.length === 0) return 0;\n        for (let n = 1; n <= filtered.length; n++) {\n          const i = (a - n + filtered.length) % filtered.length;\n          if (!filtered[i].disabled) return i;\n        }\n        return a;\n      });\n    }\n    if (e.key === \"Enter\") {\n      const it = filtered[active];\n      if (it) { e.preventDefault(); pick(it); }\n    }\n  };\n\n  if (typeof document === \"undefined\" || !open) return null;\n\n  // Build a flat index map so rendered list items know their position in `filtered`.\n  let flatIdx = -1;\n\n  return ReactDOM.createPortal(\n    <div className={`cmdp-overlay ${className}`} onMouseDown={close} role=\"presentation\">\n      <div\n        ref={panelRef}\n        className=\"cmdp-panel\"\n        onMouseDown={(e) => {\n          onMouseDown?.(e);\n          e.stopPropagation();\n        }}\n        role=\"dialog\"\n        aria-modal\n        aria-label=\"命令面板\"\n        {...rest}\n      >\n        <div className=\"cmdp-search\">\n          <Input\n            ref={inputRef}\n            size=\"lg\"\n            leadingIcon=\"search\"\n            placeholder={placeholder}\n            value={query}\n            onChange={(v) => setQuery(v)}\n            onKeyDown={onKey}\n            suffix={<span className=\"cmdp-kbd\">esc</span>}\n          />\n        </div>\n\n        <div ref={listRef} className=\"cmdp-list\" role=\"listbox\">\n          {grouped.length === 0 ? (\n            <div className=\"cmdp-empty\">{emptyText}</div>\n          ) : (\n            grouped.map(({ group, items: gItems }) => (\n              <div key={group || \"_\"} className=\"cmdp-group\">\n                {group && <div className=\"cmdp-group-head\">{group}</div>}\n                {gItems.map((it) => {\n                  flatIdx += 1;\n                  const i = flatIdx;\n                  const isActive = i === active;\n                  return (\n                    <button\n                      key={it.key}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isActive}\n                      data-cmd-idx={i}\n                      disabled={it.disabled}\n                      className={`cmdp-item ${isActive ? \"active\" : \"\"}`}\n                      onMouseEnter={() => setActive(i)}\n                      onClick={() => pick(it)}\n                    >\n                      <span className=\"cmdp-icon\">{it.icon}</span>\n                      <span className=\"cmdp-labels\">\n                        <span className=\"cmdp-label\">{it.label}</span>\n                        {it.description && <span className=\"cmdp-desc\">{it.description}</span>}\n                      </span>\n                      {it.shortcut && <span className=\"cmdp-shortcut\">{it.shortcut}</span>}\n                    </button>\n                  );\n                })}\n              </div>\n            ))\n          )}\n        </div>\n\n        {footer === null ? null : (\n          <div className=\"cmdp-footer\">\n            {footer ?? (\n              <>\n                <span><span className=\"cmdp-kbd\">↑</span><span className=\"cmdp-kbd\">↓</span> 切换</span>\n                <span><span className=\"cmdp-kbd\">⏎</span> 执行</span>\n                <span><span className=\"cmdp-kbd\">esc</span> 关闭</span>\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n});\nCommandPalette.displayName = \"CommandPalette\";\n"]}

package/dist/{chunk-OZVPJWXO.cjs → chunk-ZA36BJIY.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
+var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Tooltip-ST24GY4S.css');
+require('./Tooltip-DMKUPC24.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -28,13 +28,18 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Tooltip = ({
+var Tooltip = React__namespace.forwardRef(({
   content,
   placement = "top",
   children,
   delay = 250,
-  disabled
-}) => {
+  disabled,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) => {
   const [show, setShow] = React__namespace.useState(false);
   const t = React__namespace.useRef();
   const open = () => {
@@ -46,23 +51,44 @@ var Tooltip = ({
     window.clearTimeout(t.current);
     setShow(false);
   };
-  const { triggerRef, floatingStyle, placement: resolved } = chunkRZ2E3XEU_cjs.useFloating({
+  const { triggerRef, floatingStyle, placement: resolved } = chunk3XIDJEYR_cjs.useFloating({
     open: show,
     placement,
     panelWidth: 160,
     panelHeight: 32,
     alignCross: "center"
   });
+  const setTriggerRef = React__namespace.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        ref: triggerRef,
+        ref: setTriggerRef,
         className: "tip-anchor",
-        onMouseEnter: open,
-        onMouseLeave: close,
-        onFocus: open,
-        onBlur: close,
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          open();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          close();
+        },
+        onFocus: (e) => {
+          onFocus?.(e);
+          open();
+        },
+        onBlur: (e) => {
+          onBlur?.(e);
+          close();
+        },
+        ...rest,
         children
       }
     ),
@@ -71,8 +97,9 @@ var Tooltip = ({
       document.body
     )
   ] });
-};
+});
+Tooltip.displayName = "Tooltip";
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=chunk-OZVPJWXO.cjs.map
-//# sourceMappingURL=chunk-OZVPJWXO.cjs.map
+//# sourceMappingURL=chunk-ZA36BJIY.cjs.map
+//# sourceMappingURL=chunk-ZA36BJIY.cjs.map

package/dist/chunk-ZA36BJIY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","useFloating","jsxs","Fragment","jsx","createPortal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,IAAM,OAAA,GAAgBA,4BAA0C,CAAC;AAAA,EACtE,OAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,QAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,IAAUA,gBAAA,CAAA,MAAA,EAA2B;AAE3C,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,CAAA,CAAE,UAAU,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,KAAK,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,SAAA,EAAW,QAAA,KAAaC,6BAAA,CAA6B;AAAA,IACtF,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,UAAA,EAAY,GAAA;AAAA,IACZ,WAAA,EAAa,EAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,MAAM,aAAA,GAAsBD,gBAAA,CAAA,WAAA;AAAA,IAC1B,CAAC,IAAA,KAAiC;AAChC,MAAC,WAA8D,OAAA,GAAU,IAAA;AACzE,MAAA,IAAI,OAAO,GAAA,KAAQ,UAAA,EAAY,GAAA,CAAI,IAAI,CAAA;AAAA,WAAA,IAC9B,GAAA,MAAS,OAAA,GAAU,IAAA;AAAA,IAC9B,CAAA;AAAA,IACA,CAAC,KAAK,UAAU;AAAA,GAClB;AAEA,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,aAAA;AAAA,QACL,SAAA,EAAU,YAAA;AAAA,QACV,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,UAAA,YAAA,GAAe,CAAC,CAAA;AAChB,UAAA,IAAA,EAAK;AAAA,QACP,CAAA;AAAA,QACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,UAAA,YAAA,GAAe,CAAC,CAAA;AAChB,UAAA,KAAA,EAAM;AAAA,QACR,CAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,OAAA,GAAU,CAAC,CAAA;AACX,UAAA,IAAA,EAAK;AAAA,QACP,CAAA;AAAA,QACA,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,UAAA,MAAA,GAAS,CAAC,CAAA;AACV,UAAA,KAAA,EAAM;AAAA,QACR,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,IACC,IAAA,IAAQ,OAAO,QAAA,KAAa,WAAA,IAC3BC,qBAAA;AAAA,sBACED,cAAA,CAAC,UAAK,SAAA,EAAW,CAAA,IAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,KAAA,EAAO,eACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ,CAAC;AACD,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-ZA36BJIY.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tooltip.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface TooltipProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\" | \"content\"> {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  children: React.ReactElement;\n  delay?: number;\n  disabled?: boolean;\n}\n\n/** `Tooltip` — hover/focus text bubble. */\nexport const Tooltip = React.forwardRef<HTMLSpanElement, TooltipProps>(({\n  content,\n  placement = \"top\",\n  children,\n  delay = 250,\n  disabled,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...rest\n}, ref) => {\n  const [show, setShow] = React.useState(false);\n  const t = React.useRef<number | undefined>();\n\n  const open = () => {\n    if (disabled) return;\n    window.clearTimeout(t.current);\n    t.current = window.setTimeout(() => setShow(true), delay);\n  };\n  const close = () => {\n    window.clearTimeout(t.current);\n    setShow(false);\n  };\n\n  const { triggerRef, floatingStyle, placement: resolved } = useFloating<HTMLSpanElement>({\n    open: show,\n    placement,\n    panelWidth: 160,\n    panelHeight: 32,\n    alignCross: \"center\",\n  });\n\n  const setTriggerRef = React.useCallback(\n    (node: HTMLSpanElement | null) => {\n      (triggerRef as React.MutableRefObject<HTMLSpanElement | null>).current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref, triggerRef]\n  );\n\n  return (\n    <>\n      <span\n        ref={setTriggerRef}\n        className=\"tip-anchor\"\n        onMouseEnter={(e) => {\n          onMouseEnter?.(e);\n          open();\n        }}\n        onMouseLeave={(e) => {\n          onMouseLeave?.(e);\n          close();\n        }}\n        onFocus={(e) => {\n          onFocus?.(e);\n          open();\n        }}\n        onBlur={(e) => {\n          onBlur?.(e);\n          close();\n        }}\n        {...rest}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <span className={`tip ${resolved}`} style={floatingStyle}>\n            {content}\n          </span>,\n          document.body\n        )}\n    </>\n  );\n});\nTooltip.displayName = \"Tooltip\";\n"]}

package/dist/{chunk-47Z4NIU4.js → chunk-ZHCQEJ2Z.js}

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Splitter/Splitter.tsx
-var Splitter = ({
+var Splitter = React.forwardRef(({
   direction = "horizontal",
   defaultSize = 240,
   size,
@@ -16,8 +16,9 @@ var Splitter = ({
   step = 16,
   children,
   className = "",
-  handleClassName = ""
-}) => {
+  handleClassName = "",
+  ...rest
+}, ref) => {
   const isControlled = size !== void 0;
   const [inner, setInner] = React.useState(defaultSize);
   const current = isControlled ? size : inner;
@@ -88,8 +89,13 @@ var Splitter = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: containerRef,
+      ref: (node) => {
+        containerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
       className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
+      ...rest,
       children: [
         /* @__PURE__ */ jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
         /* @__PURE__ */ jsx(
@@ -111,8 +117,9 @@ var Splitter = ({
       ]
     }
   );
-};
+});
+Splitter.displayName = "Splitter";
 
 export { Splitter };
-//# sourceMappingURL=chunk-47Z4NIU4.js.map
-//# sourceMappingURL=chunk-47Z4NIU4.js.map
+//# sourceMappingURL=chunk-ZHCQEJ2Z.js.map
+//# sourceMappingURL=chunk-ZHCQEJ2Z.js.map