@choice-ui/react 1.9.7 → 1.9.9

package/dist/components/button/dist/index.d.ts

@@ -1,15 +1,22 @@
 import { HTMLProps } from 'react';
+import { TooltipProps } from '../../tooltip/src';
 import * as react from 'react';
 
-interface ButtonProps extends Omit<HTMLProps<HTMLButtonElement | HTMLAnchorElement>, "size" | "as"> {
+interface ButtonProps extends Omit<HTMLProps<HTMLButtonElement>, "size"> {
     active?: boolean;
-    as?: React.ElementType;
     asChild?: boolean;
     className?: string;
     focused?: boolean;
     loading?: boolean;
     readOnly?: boolean;
+    /**
+     * @default "default"
+     */
     size?: "default" | "large";
+    tooltip?: TooltipProps;
+    /**
+     * @default "primary"
+     */
     variant?: "primary" | "secondary" | "solid" | "destructive" | "secondary-destruct" | "inverse" | "success" | "link" | "link-danger" | "ghost" | "dark" | "reset";
 }
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;

package/dist/components/button/dist/index.js

@@ -1,9 +1,10 @@
-import { Slot } from "../../slot/dist/index.js";
 import { LoaderCircle } from "@choiceform/icons-react";
-import { forwardRef, useMemo, isValidElement, cloneElement } from "react";
+import { Slot } from "../../slot/dist/index.js";
+import { Tooltip } from "../../tooltip/dist/index.js";
+import { forwardRef, isValidElement, cloneElement, useMemo } from "react";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { tcv, tcx } from "../../../shared/utils/tcx/tcx.js";
 import { isMultiElement } from "../../../shared/utils/assertion.js";
+import { tcv, tcx } from "../../../shared/utils/tcx/tcx.js";
 var buttonTv = tcv({
   slots: {
     button: [
@@ -74,10 +75,6 @@ var buttonTv = tcv({
     focused: {
       true: "",
       false: ""
-    },
-    multiElement: {
-      true: "",
-      false: ""
     }
   },
   compoundVariants: [
@@ -126,15 +123,10 @@ var buttonTv = tcv({
       variant: ["link", "link-danger", "ghost"],
       disabled: true,
       class: {
-        button: ["text-disabled-foreground pointer-events-none"]
-      }
-    },
-    {
-      variant: ["link", "link-danger", "ghost"],
-      disabled: true,
-      multiElement: true,
-      class: {
-        button: ["border-default-boundary"]
+        button: [
+          "text-disabled-foreground pointer-events-none",
+          "data-[multi-element=true]:border-default-boundary"
+        ]
       }
     },
     {
@@ -244,13 +236,6 @@ var buttonTv = tcv({
       loading: false,
       variant: "dark",
       class: { button: "active:bg-gray-600" }
-    },
-    {
-      disabled: false,
-      loading: false,
-      variant: "secondary",
-      active: false,
-      class: { button: "hover:bg-secondary-background" }
     }
   ],
   defaultVariants: {
@@ -259,8 +244,7 @@ var buttonTv = tcv({
     active: false,
     disabled: false,
     loading: false,
-    focused: false,
-    multiElement: false
+    focused: false
   }
 });
 var Button = forwardRef(function Button2(props, ref) {
@@ -275,25 +259,13 @@ var Button = forwardRef(function Button2(props, ref) {
     loading,
     asChild,
     children,
-    as,
+    tooltip,
     "aria-label": ariaLabel,
     onClick,
     ...rest
   } = props;
-  const As = as ?? "button";
-  const AsComponent = asChild ? Slot : As;
-  const elementProps = !asChild && As === "button" ? { type: rest.type ?? "button" } : {};
-  const tv = useMemo(
-    () => buttonTv({
-      variant,
-      size,
-      active,
-      disabled,
-      loading,
-      focused
-    }),
-    [variant, size, active, disabled, loading, focused]
-  );
+  const Button3 = asChild ? Slot : "button";
+  const tv = buttonTv({ variant, size, active, disabled, loading, focused, className });
   const content = isValidElement(children) ? cloneElement(children, {
     children: children.props.children
   }) : loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -307,21 +279,23 @@ var Button = forwardRef(function Button2(props, ref) {
     return props["aria-label"];
   }, [children, props]);
   const handleClick = readOnly ? void 0 : onClick;
-  return /* @__PURE__ */ jsx(
-    AsComponent,
+  const button = /* @__PURE__ */ jsx(
+    Button3,
     {
-      ref,
-      className: tcx(tv.button({ multiElement: isMultiElement(content) }), className),
-      ...elementProps,
       ...rest,
+      ref,
+      type: rest.type || "button",
       disabled: disabled || loading,
       onClick: handleClick,
+      className: tcx(tv.button(), className),
+      "data-multi-element": isMultiElement(content),
       "aria-disabled": disabled || loading,
       "aria-busy": loading,
       "aria-label": ariaLabelProps,
       children: content
     }
   );
+  return tooltip ? /* @__PURE__ */ jsx(Tooltip, { ...tooltip, children: button }) : button;
 });
 Button.displayName = "Button";
 export {

package/dist/components/checkbox/dist/index.d.ts

@@ -1,14 +1,6 @@
 import { HTMLProps, ReactNode } from 'react';
 import * as react from 'react';
 
-interface CheckboxIconProps extends Omit<HTMLProps<HTMLDivElement>, "children"> {
-    children?: ReactNode | ((props: {
-        value?: boolean;
-        mixed?: boolean;
-    }) => ReactNode);
-}
-declare const CheckboxIcon: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<CheckboxIconProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
-
 interface CheckboxLabelProps extends Omit<HTMLProps<HTMLLabelElement>, "htmlFor" | "id" | "disabled"> {
     children: ReactNode;
 }
@@ -28,10 +20,9 @@ interface CheckboxType {
     (props: CheckboxProps & {
         ref?: React.Ref<HTMLInputElement>;
     }): JSX.Element;
-    Icon: typeof CheckboxIcon;
     Label: typeof CheckboxLabel;
     displayName?: string;
 }
 declare const Checkbox: CheckboxType;
 
-export { Checkbox, type CheckboxIconProps, type CheckboxLabelProps, type CheckboxProps };
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox/dist/index.js

@@ -1,5 +1,5 @@
 import { Indeterminate, Check } from "@choiceform/icons-react";
-import { memo, forwardRef, useId, Children, isValidElement, createContext, useContext } from "react";
+import { memo, forwardRef, useId, createContext, useContext } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { tcv, tcx } from "../../../shared/utils/tcx/tcx.js";
@@ -137,38 +137,6 @@ var checkboxTv = tcv({
     focused: false
   }
 });
-var CheckboxIcon = memo(
-  forwardRef(function CheckboxIcon2(props, ref) {
-    const { className, children, ...rest } = props;
-    const { value, mixed, disabled, variant } = useCheckboxContext();
-    const tv = checkboxTv({
-      type: "checkbox",
-      variant,
-      disabled,
-      checked: value || mixed
-    });
-    const renderIcon = () => {
-      if (typeof children === "function") {
-        return children({ value, mixed });
-      }
-      if (children !== void 0) {
-        return children;
-      }
-      return mixed ? /* @__PURE__ */ jsx(Indeterminate, {}) : value ? /* @__PURE__ */ jsx(Check, {}) : null;
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: tcx(tv.box(), className),
-        "data-active": value,
-        ...rest,
-        children: renderIcon()
-      }
-    );
-  })
-);
-CheckboxIcon.displayName = "Checkbox.Icon";
 var CheckboxLabel = memo(
   forwardRef(function CheckboxLabel2(props, ref) {
     const { children, className, ...rest } = props;
@@ -227,23 +195,12 @@ var CheckboxBase = forwardRef(function Checkbox(props, ref) {
     }
     onKeyDown == null ? void 0 : onKeyDown(e);
   });
-  const isIconElement = (child) => {
-    var _a;
-    return isValidElement(child) && (child.type === CheckboxIcon || ((_a = child.type) == null ? void 0 : _a.displayName) === "Checkbox.Icon");
-  };
-  const childArray = Children.toArray(children);
-  const iconChild = childArray.find(isIconElement);
-  const otherChildren = childArray.filter((child) => !isIconElement(child));
   const renderChildren = () => {
-    if (otherChildren.length === 1) {
-      const child = otherChildren[0];
-      if (typeof child === "string" || typeof child === "number") {
-        return /* @__PURE__ */ jsx(CheckboxLabel, { children: child });
-      }
+    if (typeof children === "string" || typeof children === "number") {
+      return /* @__PURE__ */ jsx(CheckboxLabel, { children });
     }
-    return otherChildren;
+    return children;
   };
-  const renderDefaultIcon = () => /* @__PURE__ */ jsx("div", { className: tv.box(), children: mixed ? /* @__PURE__ */ jsx(Indeterminate, {}) : value ? /* @__PURE__ */ jsx(Check, {}) : null });
   return /* @__PURE__ */ jsx(
     CheckboxContext.Provider,
     {
@@ -277,7 +234,7 @@ var CheckboxBase = forwardRef(function Checkbox(props, ref) {
               ...rest
             }
           ),
-          iconChild ?? renderDefaultIcon()
+          /* @__PURE__ */ jsx("div", { className: tv.box(), children: mixed ? /* @__PURE__ */ jsx(Indeterminate, {}) : value ? /* @__PURE__ */ jsx(Check, {}) : null })
         ] }),
         renderChildren()
       ] })
@@ -286,7 +243,6 @@ var CheckboxBase = forwardRef(function Checkbox(props, ref) {
 });
 var MemoizedCheckbox = memo(CheckboxBase);
 var Checkbox2 = MemoizedCheckbox;
-Checkbox2.Icon = CheckboxIcon;
 Checkbox2.Label = CheckboxLabel;
 Checkbox2.displayName = "Checkbox";
 export {

package/dist/components/code-block/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { default as React__default, ReactNode, HTMLProps, RefObject } from 'react';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface CodeBlockContextValue {
     codeExpanded: boolean;
@@ -13,7 +14,7 @@ interface CodeBlockContextValue {
     isExpanded: boolean;
     language: string;
     lineCount: number;
-    lineThreshold?: number;
+    lineThreshold: number;
     needsScroll: boolean;
     scrollRef?: RefObject<HTMLDivElement>;
     variant?: "default" | "light" | "dark";
@@ -50,33 +51,35 @@ interface CodeBlockFooterProps extends CodeBlockInjectedProps {
 }
 interface CodeBlockContentProps extends CodeBlockInjectedProps {
     className?: string;
+    code: string;
     language?: string;
     withScrollArea?: boolean;
-    children?: string;
 }
 interface CodeBlockCodeProps extends HTMLProps<HTMLDivElement> {
     className?: string;
-    children?: string;
+    code: string;
+    /** 从 CodeBlock 传递的 context */
     codeBlock?: CodeBlockContextValue;
     codeBlockId?: string;
     language?: string;
+    /** 手动指定主题，覆盖自动检测 */
     variant?: "light" | "dark";
 }
 
-declare const CodeBlock: React__default.NamedExoticComponent<CodeBlockProps> & {
-    Code: React__default.NamedExoticComponent<CodeBlockCodeProps>;
-    Content: React__default.NamedExoticComponent<CodeBlockContentProps>;
-    Footer: React__default.NamedExoticComponent<CodeBlockFooterProps>;
-    Header: React__default.NamedExoticComponent<CodeBlockHeaderProps>;
-};
-
 declare const CodeBlockCode: React.NamedExoticComponent<CodeBlockCodeProps>;
 
 declare const CodeBlockHeader: React__default.NamedExoticComponent<CodeBlockHeaderProps>;
 
 declare const CodeBlockFooter: React.NamedExoticComponent<CodeBlockFooterProps>;
 
-declare const CodeBlockContent: React.NamedExoticComponent<CodeBlockContentProps>;
+declare function CodeBlockContent(props: CodeBlockContentProps): react_jsx_runtime.JSX.Element | null;
+
+declare const CodeBlock: React__default.NamedExoticComponent<CodeBlockProps> & {
+    Code: React__default.NamedExoticComponent<CodeBlockCodeProps>;
+    Content: typeof CodeBlockContent;
+    Footer: React__default.NamedExoticComponent<CodeBlockFooterProps>;
+    Header: React__default.NamedExoticComponent<CodeBlockHeaderProps>;
+};
 
 declare function getDefaultFilenameForLanguage(language: string): string;