@cssui/react 1.0.0 → 1.0.2

package/dist/adapter-react/components/toolbars/Toolbar.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { getToolbarItemClassNames, getToolbarClassNames } from '../../../components/toolbars/index.js';
+import 'react';
+import { useMergedState } from '../../hooks/useMergedState.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import IconComponent from '../icon/Icon.js';
+
+const ToolbarComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      position = "top",
+      type = "primary",
+      items = [],
+      value,
+      defaultValue,
+      className,
+      onChange,
+      ...restProps
+    } = props;
+    const [currentValue, setCurrentValue] = useMergedState(
+      defaultValue ?? items[0]?.value,
+      { value }
+    );
+    const handleSelect = (item, event) => {
+      if (item.disabled) return;
+      setCurrentValue(item.value);
+      onChange?.(item.value, item, event);
+    };
+    const isPrimary = type === "primary";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: getToolbarClassNames({ position, type, className }),
+        role: "toolbar",
+        ...restProps,
+        children: /* @__PURE__ */ jsx("div", { className: "css-toolbar__items", children: items.map((item) => {
+          const selected = item.value === currentValue;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": selected,
+              "aria-disabled": item.disabled,
+              className: getToolbarItemClassNames({ selected, disabled: item.disabled }),
+              onClick: (event) => handleSelect(item, event),
+              children: [
+                isPrimary && item.icon && /* @__PURE__ */ jsx("span", { className: "css-toolbar__item-icon", children: /* @__PURE__ */ jsx(IconComponent, { name: item.icon, size: 20 }) }),
+                isPrimary ? /* @__PURE__ */ jsx("span", { className: "css-toolbar__item-label", children: item.label }) : item.label
+              ]
+            },
+            item.value
+          );
+        }) })
+      }
+    );
+  })
+);
+ToolbarComponent.displayName = "CssToolbars";
+const Toolbars = withInstall(ToolbarComponent);
+
+export { Toolbars };
+//# sourceMappingURL=Toolbar.js.map

package/dist/adapter-react/components/toolbars/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../../../../adapter-react/components/toolbars/Toolbar.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport {\n  getToolbarClassNames,\n  getToolbarItemClassNames,\n  type ToolbarItem,\n  type ToolbarProps as BaseToolbarProps,\n} from '@cssui/components/toolbars'\nimport { useMergedState } from '../../hooks'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/toolbars/style.css'\n\nexport interface ToolbarProps extends Omit<BaseToolbarProps, 'value' | 'onChange'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string, item: ToolbarItem, event: MouseEvent<HTMLButtonElement>) => void\n}\n\nconst ToolbarComponent = createComponent(\n  forwardRef<HTMLDivElement, ToolbarProps>((props, ref) => {\n    const {\n      position = 'top',\n      type = 'primary',\n      items = [],\n      value,\n      defaultValue,\n      className,\n      onChange,\n      ...restProps\n    } = props\n\n    const [currentValue, setCurrentValue] = useMergedState<string | undefined>(\n      defaultValue ?? items[0]?.value,\n      { value }\n    )\n\n    const handleSelect = (item: ToolbarItem, event: MouseEvent<HTMLButtonElement>) => {\n      if (item.disabled) return\n      setCurrentValue(item.value)\n      onChange?.(item.value, item, event)\n    }\n\n    const isPrimary = type === 'primary'\n\n    return (\n      <div\n        ref={ref}\n        className={getToolbarClassNames({ position, type, className })}\n        role=\"toolbar\"\n        {...restProps}\n      >\n        <div className=\"css-toolbar__items\">\n          {items.map(item => {\n            const selected = item.value === currentValue\n\n            return (\n              <button\n                key={item.value}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={selected}\n                aria-disabled={item.disabled}\n                className={getToolbarItemClassNames({ selected, disabled: item.disabled })}\n                onClick={event => handleSelect(item, event)}\n              >\n                {isPrimary && item.icon && (\n                  <span className=\"css-toolbar__item-icon\">\n                    <Icon name={item.icon as any} size={20} />\n                  </span>\n                )}\n                {isPrimary ? (\n                  <span className=\"css-toolbar__item-label\">{item.label}</span>\n                ) : (\n                  item.label\n                )}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  })\n)\n\nToolbarComponent.displayName = 'CssToolbars'\n\nexport const Toolbars = withInstall(ToolbarComponent)\n\nexport default Toolbars\n"],"names":["Icon"],"mappings":";;;;;;;;;AAmBA,MAAM,gBAAA,GAAmB,eAAA;AAAA,EACvB,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACvD,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,KAAA;AAAA,MACX,IAAA,GAAO,SAAA;AAAA,MACP,QAAQ,EAAC;AAAA,MACT,KAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,cAAA;AAAA,MACtC,YAAA,IAAgB,KAAA,CAAM,CAAC,CAAA,EAAG,KAAA;AAAA,MAC1B,EAAE,KAAA;AAAM,KACV;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,IAAA,EAAmB,KAAA,KAAyC;AAChF,MAAA,IAAI,KAAK,QAAA,EAAU;AACnB,MAAA,eAAA,CAAgB,KAAK,KAAK,CAAA;AAC1B,MAAA,QAAA,GAAW,IAAA,CAAK,KAAA,EAAO,IAAA,EAAM,KAAK,CAAA;AAAA,IACpC,CAAA;AAEA,IAAA,MAAM,YAAY,IAAA,KAAS,SAAA;AAE3B,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,oBAAA,CAAqB,EAAE,QAAA,EAAU,IAAA,EAAM,WAAW,CAAA;AAAA,QAC7D,IAAA,EAAK,SAAA;AAAA,QACJ,GAAG,SAAA;AAAA,QAEJ,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACZ,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,IAAA,KAAQ;AACjB,UAAA,MAAM,QAAA,GAAW,KAAK,KAAA,KAAU,YAAA;AAEhC,UAAA,uBACE,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,QAAA;AAAA,cACL,IAAA,EAAK,KAAA;AAAA,cACL,eAAA,EAAe,QAAA;AAAA,cACf,iBAAe,IAAA,CAAK,QAAA;AAAA,cACpB,WAAW,wBAAA,CAAyB,EAAE,UAAU,QAAA,EAAU,IAAA,CAAK,UAAU,CAAA;AAAA,cACzE,OAAA,EAAS,CAAA,KAAA,KAAS,YAAA,CAAa,IAAA,EAAM,KAAK,CAAA;AAAA,cAEzC,QAAA,EAAA;AAAA,gBAAA,SAAA,IAAa,IAAA,CAAK,IAAA,oBACjB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EACd,QAAA,kBAAA,GAAA,CAACA,aAAA,EAAA,EAAK,IAAA,EAAM,IAAA,CAAK,IAAA,EAAa,IAAA,EAAM,IAAI,CAAA,EAC1C,CAAA;AAAA,gBAED,SAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,2BAA2B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,IAEtD,IAAA,CAAK;AAAA;AAAA,aAAA;AAAA,YAhBF,IAAA,CAAK;AAAA,WAkBZ;AAAA,QAEJ,CAAC,CAAA,EACH;AAAA;AAAA,KACF;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,gBAAA,CAAiB,WAAA,GAAc,aAAA;AAExB,MAAM,QAAA,GAAW,YAAY,gBAAgB;;;;"}

package/dist/adapter-react/components/toolbars/index.d.ts

@@ -0,0 +1,3 @@
+export { Toolbars, default } from './Toolbar';
+export type { ToolbarProps } from './Toolbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/toolbars/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toolbars/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}

package/dist/adapter-react/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import { type FC, type ReactNode } from 'react';
+import { type TooltipProps as BaseTooltipProps } from '../../../components/tooltip/index';
+import '../../../components/tooltip/style.css';
+export interface TooltipProps extends BaseTooltipProps {
+    children?: ReactNode;
+}
+export declare const Tooltip: import("../..").ComponentWithInstall<FC<TooltipProps>>;
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/adapter-react/components/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAEd,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACtC,MAAM,2BAA2B,CAAA;AAIlC,OAAO,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA0KD,eAAO,MAAM,OAAO,wDAAqB,CAAA;AACzC,eAAe,OAAO,CAAA"}

package/dist/adapter-react/components/tooltip/Tooltip.js

@@ -0,0 +1,141 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { getTooltipClassNames } from '../../../components/tooltip/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import IconComponent from '../icon/Icon.js';
+
+const GAP = 8;
+function calcPosition(placement, triggerRect, tooltipRect, rich) {
+  const gap = rich ? 12 : GAP;
+  let top = 0;
+  let left = 0;
+  switch (placement) {
+    case "top":
+      top = triggerRect.top - tooltipRect.height - gap;
+      left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
+      break;
+    case "bottom":
+      top = triggerRect.bottom + gap;
+      left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
+      break;
+    case "left":
+      top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
+      left = triggerRect.left - tooltipRect.width - gap;
+      break;
+    case "right":
+      top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
+      left = triggerRect.right + gap;
+      break;
+  }
+  const vpW = window.innerWidth;
+  const vpH = window.innerHeight;
+  if (left < 4) left = 4;
+  if (left + tooltipRect.width > vpW - 4) left = vpW - tooltipRect.width - 4;
+  if (top < 4) top = 4;
+  if (top + tooltipRect.height > vpH - 4) top = vpH - tooltipRect.height - 4;
+  return { top, left };
+}
+const TooltipComponent = (props) => {
+  const {
+    content,
+    title,
+    placement = "top",
+    visible: controlledVisible,
+    trigger = "hover",
+    showDelay = 100,
+    hideDelay = 100,
+    disabled = false,
+    maxWidth = 280,
+    rich = false,
+    className,
+    onClose,
+    children,
+    ...restProps
+  } = props;
+  const [innerVisible, setInnerVisible] = useState(false);
+  const isControlled = controlledVisible !== void 0;
+  const isVisible = isControlled ? controlledVisible : innerVisible;
+  const [pos, setPos] = useState({ top: 0, left: 0 });
+  const tooltipRef = useRef(null);
+  const triggerRef = useRef(null);
+  const showTimerRef = useRef();
+  const hideTimerRef = useRef();
+  const updatePosition = useCallback(() => {
+    if (!triggerRef.current || !tooltipRef.current) return;
+    const triggerRect = triggerRef.current.getBoundingClientRect();
+    const tooltipRect = tooltipRef.current.getBoundingClientRect();
+    setPos(calcPosition(placement, triggerRect, tooltipRect, rich));
+  }, [placement, rich]);
+  useLayoutEffect(() => {
+    if (isVisible) {
+      updatePosition();
+    }
+  }, [isVisible, updatePosition]);
+  useEffect(() => {
+    if (!isVisible) return;
+    const handleUpdate = () => updatePosition();
+    window.addEventListener("scroll", handleUpdate, true);
+    window.addEventListener("resize", handleUpdate);
+    return () => {
+      window.removeEventListener("scroll", handleUpdate, true);
+      window.removeEventListener("resize", handleUpdate);
+    };
+  }, [isVisible, updatePosition]);
+  const clearTimers = useCallback(() => {
+    if (showTimerRef.current) clearTimeout(showTimerRef.current);
+    if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+  }, []);
+  const show = useCallback(() => {
+    clearTimers();
+    showTimerRef.current = setTimeout(() => {
+      if (!isControlled) setInnerVisible(true);
+    }, showDelay);
+  }, [clearTimers, showDelay, isControlled]);
+  const hide = useCallback(() => {
+    clearTimers();
+    hideTimerRef.current = setTimeout(() => {
+      if (!isControlled) setInnerVisible(false);
+    }, hideDelay);
+  }, [clearTimers, hideDelay, isControlled]);
+  const handleClose = useCallback(() => {
+    if (!isControlled) setInnerVisible(false);
+    onClose?.();
+  }, [isControlled, onClose]);
+  useEffect(() => {
+    return () => clearTimers();
+  }, [clearTimers]);
+  const cls = getTooltipClassNames({ placement, rich, className });
+  const tooltipStyle = rich ? { maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth, ...pos } : { ...pos };
+  const tooltipContent = rich ? /* @__PURE__ */ jsx("div", { className: cls, ref: tooltipRef, style: tooltipStyle, ...restProps, children: /* @__PURE__ */ jsxs("div", { className: "css-tooltip__inner", children: [
+    /* @__PURE__ */ jsxs("div", { className: "css-tooltip__header", children: [
+      title && /* @__PURE__ */ jsx("span", { className: "css-tooltip__title", children: title }),
+      /* @__PURE__ */ jsx("button", { className: "css-tooltip__close", onClick: handleClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(IconComponent, { name: "Close", size: 16 }) })
+    ] }),
+    content && /* @__PURE__ */ jsx("div", { className: "css-tooltip__body", children: content })
+  ] }) }) : /* @__PURE__ */ jsxs("div", { className: cls, ref: tooltipRef, style: tooltipStyle, ...restProps, children: [
+    /* @__PURE__ */ jsx("div", { className: "css-tooltip__inner", children: content }),
+    /* @__PURE__ */ jsx("div", { className: "css-tooltip__arrow" })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: triggerRef,
+        style: { display: "inline-block" },
+        onMouseEnter: trigger === "hover" && !disabled ? show : void 0,
+        onMouseLeave: trigger === "hover" && !disabled ? hide : void 0,
+        onClick: trigger === "click" && !disabled ? () => isVisible ? hide() : show() : void 0,
+        children
+      }
+    ),
+    isVisible && createPortal(tooltipContent, document.body)
+  ] });
+};
+const TooltipWithInstall = withInstall(createComponent(TooltipComponent));
+TooltipWithInstall.displayName = "CssTooltip";
+const Tooltip = TooltipWithInstall;
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/adapter-react/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../adapter-react/components/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  getTooltipClassNames,\n  type TooltipProps as BaseTooltipProps,\n} from '@cssui/components/tooltip'\nimport { createComponent, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/tooltip/style.css'\n\nexport interface TooltipProps extends BaseTooltipProps {\n  children?: ReactNode\n}\n\nconst GAP = 8\n\nfunction calcPosition(\n  placement: 'top' | 'bottom' | 'left' | 'right',\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  rich?: boolean\n) {\n  const gap = rich ? 12 : GAP\n  let top = 0\n  let left = 0\n\n  switch (placement) {\n    case 'top':\n      top = triggerRect.top - tooltipRect.height - gap\n      left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2\n      break\n    case 'bottom':\n      top = triggerRect.bottom + gap\n      left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2\n      break\n    case 'left':\n      top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2\n      left = triggerRect.left - tooltipRect.width - gap\n      break\n    case 'right':\n      top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2\n      left = triggerRect.right + gap\n      break\n  }\n\n  // 视口边界检测\n  const vpW = window.innerWidth\n  const vpH = window.innerHeight\n  if (left < 4) left = 4\n  if (left + tooltipRect.width > vpW - 4) left = vpW - tooltipRect.width - 4\n  if (top < 4) top = 4\n  if (top + tooltipRect.height > vpH - 4) top = vpH - tooltipRect.height - 4\n\n  return { top, left }\n}\n\nconst TooltipComponent: FC<TooltipProps> = props => {\n  const {\n    content,\n    title,\n    placement = 'top',\n    visible: controlledVisible,\n    trigger = 'hover',\n    showDelay = 100,\n    hideDelay = 100,\n    disabled = false,\n    maxWidth = 280,\n    rich = false,\n    className,\n    onClose,\n    children,\n    ...restProps\n  } = props\n\n  const [innerVisible, setInnerVisible] = useState(false)\n  const isControlled = controlledVisible !== undefined\n  const isVisible = isControlled ? controlledVisible : innerVisible\n\n  const [pos, setPos] = useState<{ top: number; left: number }>({ top: 0, left: 0 })\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const showTimerRef = useRef<ReturnType<typeof setTimeout>>()\n  const hideTimerRef = useRef<ReturnType<typeof setTimeout>>()\n\n  const updatePosition = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) return\n    const triggerRect = triggerRef.current.getBoundingClientRect()\n    const tooltipRect = tooltipRef.current.getBoundingClientRect()\n    setPos(calcPosition(placement, triggerRect, tooltipRect, rich))\n  }, [placement, rich])\n\n  // 首次可见时计算位置\n  useLayoutEffect(() => {\n    if (isVisible) {\n      updatePosition()\n    }\n  }, [isVisible, updatePosition])\n\n  // 滚动和窗口 resize 时重新计算\n  useEffect(() => {\n    if (!isVisible) return\n    const handleUpdate = () => updatePosition()\n    window.addEventListener('scroll', handleUpdate, true)\n    window.addEventListener('resize', handleUpdate)\n    return () => {\n      window.removeEventListener('scroll', handleUpdate, true)\n      window.removeEventListener('resize', handleUpdate)\n    }\n  }, [isVisible, updatePosition])\n\n  const clearTimers = useCallback(() => {\n    if (showTimerRef.current) clearTimeout(showTimerRef.current)\n    if (hideTimerRef.current) clearTimeout(hideTimerRef.current)\n  }, [])\n\n  const show = useCallback(() => {\n    clearTimers()\n    showTimerRef.current = setTimeout(() => {\n      if (!isControlled) setInnerVisible(true)\n    }, showDelay)\n  }, [clearTimers, showDelay, isControlled])\n\n  const hide = useCallback(() => {\n    clearTimers()\n    hideTimerRef.current = setTimeout(() => {\n      if (!isControlled) setInnerVisible(false)\n    }, hideDelay)\n  }, [clearTimers, hideDelay, isControlled])\n\n  const handleClose = useCallback(() => {\n    if (!isControlled) setInnerVisible(false)\n    onClose?.()\n  }, [isControlled, onClose])\n\n  useEffect(() => {\n    return () => clearTimers()\n  }, [clearTimers])\n\n  const cls = getTooltipClassNames({ placement, rich, className })\n\n  const tooltipStyle: React.CSSProperties = rich\n    ? { maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth, ...pos }\n    : { ...pos }\n\n  const tooltipContent = rich ? (\n    <div className={cls} ref={tooltipRef} style={tooltipStyle} {...restProps}>\n      <div className=\"css-tooltip__inner\">\n        <div className=\"css-tooltip__header\">\n          {title && <span className=\"css-tooltip__title\">{title}</span>}\n          <button className=\"css-tooltip__close\" onClick={handleClose} aria-label=\"Close\">\n            <Icon name=\"Close\" size={16} />\n          </button>\n        </div>\n        {content && <div className=\"css-tooltip__body\">{content}</div>}\n      </div>\n    </div>\n  ) : (\n    <div className={cls} ref={tooltipRef} style={tooltipStyle} {...restProps}>\n      <div className=\"css-tooltip__inner\">{content}</div>\n      <div className=\"css-tooltip__arrow\" />\n    </div>\n  )\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        style={{ display: 'inline-block' }}\n        onMouseEnter={trigger === 'hover' && !disabled ? show : undefined}\n        onMouseLeave={trigger === 'hover' && !disabled ? hide : undefined}\n        onClick={trigger === 'click' && !disabled ? () => (isVisible ? hide() : show()) : undefined}\n      >\n        {children}\n      </div>\n      {isVisible && createPortal(tooltipContent, document.body)}\n    </>\n  )\n}\n\nconst TooltipWithInstall = withInstall(createComponent(TooltipComponent))\nTooltipWithInstall.displayName = 'CssTooltip'\n\nexport const Tooltip = TooltipWithInstall\nexport default Tooltip\n"],"names":["Icon"],"mappings":"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"}

package/dist/adapter-react/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, type TooltipProps } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA"}

package/dist/adapter-react/hooks/index.d.ts

@@ -0,0 +1,12 @@
+export * from './useControlled';
+export * from './useEvent';
+export * from './useMergedState';
+export declare function usePrevious<T>(value: T): T | undefined;
+export declare function useToggle(initialValue?: boolean): [boolean, () => void];
+export declare function useClickOutside(ref: React.RefObject<HTMLElement>, callback: () => void): void;
+export declare function useEscClose(isOpen: boolean, onClose: () => void): void;
+export declare function useMountedRef(): React.RefObject<boolean>;
+export declare function useClassName(base: string, ...conditions: (string | undefined | null | false)[]): string;
+export declare function splitProps<T extends Record<string, any>, K extends keyof T>(props: T, keys: K[]): readonly [Pick<T, K>, Omit<T, K>];
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAEhC,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAQtD;AAED,wBAAgB,SAAS,CAAC,YAAY,UAAQ,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAKrE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAW7F;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAetE;AAED,wBAAgB,aAAa,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAYxD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,UAE9F;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,qCAY/F;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAaxF"}

package/dist/adapter-react/hooks/index.js

@@ -0,0 +1,43 @@
+import { useEffect } from 'react';
+
+function useClickOutside(ref, callback) {
+  useEffect(() => {
+    const handleClick = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [ref, callback]);
+}
+function useEscClose(isOpen, onClose) {
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    const handleEsc = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleEsc);
+    return () => document.removeEventListener("keydown", handleEsc);
+  }, [isOpen, onClose]);
+}
+function mergeRefs(...refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+        return;
+      }
+      if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+export { mergeRefs, useClickOutside, useEscClose };
+//# sourceMappingURL=index.js.map

package/dist/adapter-react/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../adapter-react/hooks/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { cn } from '@cssui/utils'\r\n\r\nexport * from './useControlled'\r\nexport * from './useEvent'\r\nexport * from './useMergedState'\r\n\r\nexport function usePrevious<T>(value: T): T | undefined {\r\n  const ref = useRef<T>()\r\n\r\n  useEffect(() => {\r\n    ref.current = value\r\n  }, [value])\r\n\r\n  return ref.current\r\n}\r\n\r\nexport function useToggle(initialValue = false): [boolean, () => void] {\r\n  const [value, setValue] = useState(initialValue)\r\n  const toggle = useCallback(() => setValue(current => !current), [])\r\n\r\n  return [value, toggle]\r\n}\r\n\r\nexport function useClickOutside(ref: React.RefObject<HTMLElement>, callback: () => void): void {\r\n  useEffect(() => {\r\n    const handleClick = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        callback()\r\n      }\r\n    }\r\n\r\n    document.addEventListener('mousedown', handleClick)\r\n    return () => document.removeEventListener('mousedown', handleClick)\r\n  }, [ref, callback])\r\n}\r\n\r\nexport function useEscClose(isOpen: boolean, onClose: () => void): void {\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      return\r\n    }\r\n\r\n    const handleEsc = (event: KeyboardEvent) => {\r\n      if (event.key === 'Escape') {\r\n        onClose()\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleEsc)\r\n    return () => document.removeEventListener('keydown', handleEsc)\r\n  }, [isOpen, onClose])\r\n}\r\n\r\nexport function useMountedRef(): React.RefObject<boolean> {\r\n  const mountedRef = useRef<boolean>(true)\r\n\r\n  useEffect(() => {\r\n    mountedRef.current = true\r\n\r\n    return () => {\r\n      mountedRef.current = false\r\n    }\r\n  }, [])\r\n\r\n  return mountedRef\r\n}\r\n\r\nexport function useClassName(base: string, ...conditions: (string | undefined | null | false)[]) {\r\n  return cn(base, ...conditions)\r\n}\r\n\r\nexport function splitProps<T extends Record<string, any>, K extends keyof T>(props: T, keys: K[]) {\r\n  const picked = {} as Pick<T, K>\r\n  const omitted = { ...props } as T\r\n\r\n  keys.forEach(key => {\r\n    if (key in props) {\r\n      picked[key] = props[key]\r\n      delete omitted[key]\r\n    }\r\n  })\r\n\r\n  return [picked, omitted as Omit<T, K>] as const\r\n}\r\n\r\nexport function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T> {\r\n  return value => {\r\n    refs.forEach(ref => {\r\n      if (typeof ref === 'function') {\r\n        ref(value)\r\n        return\r\n      }\r\n\r\n      if (ref != null) {\r\n        ;(ref as React.MutableRefObject<T | null>).current = value\r\n      }\r\n    })\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAwBO,SAAS,eAAA,CAAgB,KAAmC,QAAA,EAA4B;AAC7F,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AACzC,MAAA,IAAI,GAAA,CAAI,WAAW,CAAC,GAAA,CAAI,QAAQ,QAAA,CAAS,KAAA,CAAM,MAAc,CAAA,EAAG;AAC9D,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAClD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,WAAW,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,GAAA,EAAK,QAAQ,CAAC,CAAA;AACpB;AAEO,SAAS,WAAA,CAAY,QAAiB,OAAA,EAA2B;AACtE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,MAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,QAAA,OAAA,EAAQ;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,SAAS,CAAA;AAAA,EAChE,CAAA,EAAG,CAAC,MAAA,EAAQ,OAAO,CAAC,CAAA;AACtB;AAkCO,SAAS,aAAgB,IAAA,EAA0D;AACxF,EAAA,OAAO,CAAA,KAAA,KAAS;AACd,IAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,MAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,QAAA,GAAA,CAAI,KAAK,CAAA;AACT,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,OAAO,IAAA,EAAM;AACd,QAAC,IAAyC,OAAA,GAAU,KAAA;AAAA,MACvD;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAA;AACF;;;;"}

package/dist/adapter-react/hooks/useControlled.d.ts

@@ -0,0 +1,7 @@
+export interface UseControlledOptions<T> {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+}
+export declare function useControlled<T>(options: UseControlledOptions<T>): readonly [T | undefined, (nextValue: T) => void];
+//# sourceMappingURL=useControlled.d.ts.map

package/dist/adapter-react/hooks/useControlled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlled.d.ts","sourceRoot":"","sources":["../../hooks/useControlled.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;CAC9B;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,wCAOjD,CAAC,WAWhB"}

package/dist/adapter-react/hooks/useControlled.js

@@ -0,0 +1,21 @@
+import { useState, useCallback } from 'react';
+
+function useControlled(options) {
+  const { value, defaultValue, onChange } = options;
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  const controlled = value !== void 0;
+  const mergedValue = controlled ? value : innerValue;
+  const setValue = useCallback(
+    (nextValue) => {
+      if (!controlled) {
+        setInnerValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [controlled, onChange]
+  );
+  return [mergedValue, setValue];
+}
+
+export { useControlled };
+//# sourceMappingURL=useControlled.js.map

package/dist/adapter-react/hooks/useControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlled.js","sources":["../../../../adapter-react/hooks/useControlled.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport interface UseControlledOptions<T> {\n  value?: T\n  defaultValue?: T\n  onChange?: (value: T) => void\n}\n\nexport function useControlled<T>(options: UseControlledOptions<T>) {\n  const { value, defaultValue, onChange } = options\n  const [innerValue, setInnerValue] = useState<T | undefined>(defaultValue)\n  const controlled = value !== undefined\n  const mergedValue = controlled ? value : innerValue\n\n  const setValue = useCallback(\n    (nextValue: T) => {\n      if (!controlled) {\n        setInnerValue(nextValue)\n      }\n\n      onChange?.(nextValue)\n    },\n    [controlled, onChange]\n  )\n\n  return [mergedValue, setValue] as const\n}\n"],"names":[],"mappings":";;AAQO,SAAS,cAAiB,OAAA,EAAkC;AACjE,EAAA,MAAM,EAAE,KAAA,EAAO,YAAA,EAAc,QAAA,EAAS,GAAI,OAAA;AAC1C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAwB,YAAY,CAAA;AACxE,EAAA,MAAM,aAAa,KAAA,KAAU,MAAA;AAC7B,EAAA,MAAM,WAAA,GAAc,aAAa,KAAA,GAAQ,UAAA;AAEzC,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,SAAA,KAAiB;AAChB,MAAA,IAAI,CAAC,UAAA,EAAY;AACf,QAAA,aAAA,CAAc,SAAS,CAAA;AAAA,MACzB;AAEA,MAAA,QAAA,GAAW,SAAS,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,GACvB;AAEA,EAAA,OAAO,CAAC,aAAa,QAAQ,CAAA;AAC/B;;;;"}

package/dist/adapter-react/hooks/useEvent.d.ts

@@ -0,0 +1,2 @@
+export declare function useEvent<T extends (...args: any[]) => any>(handler?: T): (...args: Parameters<T>) => any;
+//# sourceMappingURL=useEvent.d.ts.map

package/dist/adapter-react/hooks/useEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvent.d.ts","sourceRoot":"","sources":["../../hooks/useEvent.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,aAOxC,UAAU,CAAC,CAAC,CAAC,SAG3C"}

package/dist/adapter-react/hooks/useMergedState.d.ts

@@ -0,0 +1,4 @@
+export declare function useMergedState<T>(defaultStateValue: T, options?: {
+    value?: T;
+}): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
+//# sourceMappingURL=useMergedState.d.ts.map

package/dist/adapter-react/hooks/useMergedState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedState.d.ts","sourceRoot":"","sources":["../../hooks/useMergedState.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,6EAW9E"}

package/dist/adapter-react/hooks/useMergedState.js

@@ -0,0 +1,15 @@
+import { useState, useEffect } from 'react';
+
+function useMergedState(defaultStateValue, options) {
+  const [innerValue, setInnerValue] = useState(defaultStateValue);
+  const mergedValue = options?.value ?? innerValue;
+  useEffect(() => {
+    if (options && "value" in options && options.value !== void 0) {
+      setInnerValue(options.value);
+    }
+  }, [options]);
+  return [mergedValue, setInnerValue];
+}
+
+export { useMergedState };
+//# sourceMappingURL=useMergedState.js.map

package/dist/adapter-react/hooks/useMergedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedState.js","sources":["../../../../adapter-react/hooks/useMergedState.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport function useMergedState<T>(defaultStateValue: T, options?: { value?: T }) {\n  const [innerValue, setInnerValue] = useState(defaultStateValue)\n  const mergedValue = options?.value ?? innerValue\n\n  useEffect(() => {\n    if (options && 'value' in options && options.value !== undefined) {\n      setInnerValue(options.value)\n    }\n  }, [options])\n\n  return [mergedValue, setInnerValue] as const\n}\n"],"names":[],"mappings":";;AAEO,SAAS,cAAA,CAAkB,mBAAsB,OAAA,EAAyB;AAC/E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,iBAAiB,CAAA;AAC9D,EAAA,MAAM,WAAA,GAAc,SAAS,KAAA,IAAS,UAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAA,IAAW,OAAA,IAAW,OAAA,IAAW,OAAA,CAAQ,UAAU,MAAA,EAAW;AAChE,MAAA,aAAA,CAAc,QAAQ,KAAK,CAAA;AAAA,IAC7B;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,CAAC,aAAa,aAAa,CAAA;AACpC;;;;"}

package/dist/adapter-react/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 周生生 UI 组件包
+ * 导出所有框架无关的组件
+ */
+export * from './runtime';
+export * from './hooks';
+export * from './style';
+export * from './types';
+export * from './components/button';
+export * from './components/input';
+export * from './components/checkbox';
+export * from './components/radio';
+export * from './components/switch';
+export * from './components/divider';
+export * from './components/modal';
+export * from './components/toast';
+export * from './components/icon';
+export * from './components/slider';
+export * from './components/tabs';
+export * from './components/breadcrumb';
+export * from './components/carousel';
+export * from './components/float-button';
+export * from './components/nav-menu';
+export * from './components/sidebar';
+export * from './components/input-number';
+export * from './components/tooltip';
+export * from './components/select';
+export * from './components/steps';
+export * from './components/toolbars';
+export * from './components/input-bar';
+export * from './components/date-picker';
+export * from './components/time-picker';
+export * from './components/pagination';
+export * from './components/table';
+export * from './components/form';
+export * from './components/grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

package/dist/adapter-react/runtime/createComponent.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentType } from 'react';
+export declare function createComponent<T extends ComponentType<any>>(component: T): T;
+//# sourceMappingURL=createComponent.d.ts.map

package/dist/adapter-react/runtime/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../runtime/createComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,wBAAgB,eAAe,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,KAEzE"}

package/dist/adapter-react/runtime/createComponent.js

@@ -0,0 +1,6 @@
+function createComponent(component) {
+  return component;
+}
+
+export { createComponent };
+//# sourceMappingURL=createComponent.js.map

package/dist/adapter-react/runtime/createComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.js","sources":["../../../../adapter-react/runtime/createComponent.ts"],"sourcesContent":["import type { ComponentType } from 'react'\n\nexport function createComponent<T extends ComponentType<any>>(component: T) {\n  return component\n}\n"],"names":[],"mappings":"AAEO,SAAS,gBAA8C,SAAA,EAAc;AAC1E,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/adapter-react/runtime/createProps.d.ts

@@ -0,0 +1,2 @@
+export declare function createProps<T extends Record<string, unknown>>(props: T): T;
+//# sourceMappingURL=createProps.d.ts.map

package/dist/adapter-react/runtime/createProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createProps.d.ts","sourceRoot":"","sources":["../../runtime/createProps.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,KAEtE"}

package/dist/adapter-react/runtime/forwardRef.d.ts

@@ -0,0 +1,3 @@
+import { forwardRef as reactForwardRef } from 'react';
+export declare const forwardRef: typeof reactForwardRef;
+//# sourceMappingURL=forwardRef.d.ts.map

package/dist/adapter-react/runtime/forwardRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardRef.d.ts","sourceRoot":"","sources":["../../runtime/forwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,UAAU,wBAAkB,CAAA"}

package/dist/adapter-react/runtime/forwardRef.js

@@ -0,0 +1,6 @@
+import { forwardRef as forwardRef$1 } from 'react';
+
+const forwardRef = forwardRef$1;
+
+export { forwardRef };
+//# sourceMappingURL=forwardRef.js.map

package/dist/adapter-react/runtime/forwardRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardRef.js","sources":["../../../../adapter-react/runtime/forwardRef.ts"],"sourcesContent":["import { forwardRef as reactForwardRef } from 'react'\n\nexport const forwardRef = reactForwardRef\n"],"names":["reactForwardRef"],"mappings":";;AAEO,MAAM,UAAA,GAAaA;;;;"}

package/dist/adapter-react/runtime/index.d.ts

@@ -0,0 +1,5 @@
+export * from './createComponent';
+export * from './createProps';
+export * from './withInstall';
+export * from './forwardRef';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../runtime/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}

package/dist/adapter-react/runtime/withInstall.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentWithInstall } from '../types';
+export declare function withInstall<T>(component: T): ComponentWithInstall<T>;
+//# sourceMappingURL=withInstall.d.ts.map

package/dist/adapter-react/runtime/withInstall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withInstall.d.ts","sourceRoot":"","sources":["../../runtime/withInstall.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpD,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GACrB,oBAAoB,CAAC,CAAC,CAAC,CAC5C"}

package/dist/adapter-react/runtime/withInstall.js

@@ -0,0 +1,6 @@
+function withInstall(component) {
+  return component;
+}
+
+export { withInstall };
+//# sourceMappingURL=withInstall.js.map

package/dist/adapter-react/runtime/withInstall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withInstall.js","sources":["../../../../adapter-react/runtime/withInstall.ts"],"sourcesContent":["import type { ComponentWithInstall } from '../types'\n\nexport function withInstall<T>(component: T) {\n  return component as ComponentWithInstall<T>\n}\n"],"names":[],"mappings":"AAEO,SAAS,YAAe,SAAA,EAAc;AAC3C,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/adapter-react/style/index.d.ts

@@ -0,0 +1,2 @@
+export * from './injectStyle';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../style/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/adapter-react/style/injectStyle.d.ts

@@ -0,0 +1,2 @@
+export declare function injectStyle(id: string, cssText: string): void;
+//# sourceMappingURL=injectStyle.d.ts.map

package/dist/adapter-react/style/injectStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectStyle.d.ts","sourceRoot":"","sources":["../../style/injectStyle.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAUtD"}

package/dist/adapter-react/types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentType } from 'react';
+export type ComponentWithInstall<T> = T & {
+    install?: () => void;
+};
+export type AdapterComponent<P = Record<string, never>> = ComponentType<P>;
+//# sourceMappingURL=types.d.ts.map

package/dist/adapter-react/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA"}

package/dist/breadcrumb/index.d.ts

@@ -1,3 +1,3 @@
-export { Breadcrumb } from '@cssui/adapter-react';
-export type { BreadcrumbProps } from '@cssui/adapter-react';
+export { Breadcrumb } from '../adapter-react/index';
+export type { BreadcrumbProps } from '../adapter-react/index';
 //# sourceMappingURL=index.d.ts.map