@choice-ui/react 1.3.13 → 1.4.1

package/dist/esm/components/rich-input/src/components/element.js

@@ -1,174 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckboxBtnChecked, CheckboxBtn } from "@choiceform/icons-react";
-import { memo } from "react";
-import { Transforms } from "slate";
-import { useSlate, useReadOnly, ReactEditor } from "slate-react";
-import { match as M } from "../../../../_vendor/ts-pattern/dist-index.js";
-import { elementTv } from "../tv.js";
-import { tcx } from "../../../../shared/utils/tcx/tcx.js";
-const ElementRender = memo((props) => {
-  const { attributes, children, element } = props;
-  const tv = elementTv();
-  return M(element.type).with("paragraph", () => /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: tcx(tv.element({ type: "paragraph" })),
-      ...attributes,
-      children
-    }
-  )).with("block_quote", () => /* @__PURE__ */ jsx(
-    "blockquote",
-    {
-      className: tcx(tv.element({ type: "blockquote" })),
-      ...attributes,
-      children
-    }
-  )).with("code", () => /* @__PURE__ */ jsx(
-    "pre",
-    {
-      className: tcx(tv.element({ type: "pre" })),
-      ...attributes,
-      children
-    }
-  )).with("check_list", () => /* @__PURE__ */ jsx(
-    "ul",
-    {
-      className: tcx(tv.list({ type: "check" })),
-      ...attributes,
-      children
-    }
-  )).with("bulleted_list", () => /* @__PURE__ */ jsx(
-    "ul",
-    {
-      className: tcx(tv.list({ type: "bulleted" })),
-      ...attributes,
-      children
-    }
-  )).with("h1", () => /* @__PURE__ */ jsx(
-    "h1",
-    {
-      className: tcx(tv.element({ type: "heading" }), tv.element({ type: "h1" })),
-      ...attributes,
-      children
-    }
-  )).with("h2", () => /* @__PURE__ */ jsx(
-    "h2",
-    {
-      className: tcx(tv.element({ type: "heading" }), tv.element({ type: "h2" })),
-      ...attributes,
-      children
-    }
-  )).with("h3", () => /* @__PURE__ */ jsx(
-    "h3",
-    {
-      className: tcx(tv.element({ type: "heading" }), tv.element({ type: "h3" })),
-      ...attributes,
-      children
-    }
-  )).with("h4", () => /* @__PURE__ */ jsx(
-    "h4",
-    {
-      className: tcx(tv.element({ type: "heading" }), tv.element({ type: "h4" })),
-      ...attributes,
-      children
-    }
-  )).with("h5", () => /* @__PURE__ */ jsx(
-    "h5",
-    {
-      className: tcx(tv.element({ type: "heading" }), tv.element({ type: "h5" })),
-      ...attributes,
-      children
-    }
-  )).with("h6", () => /* @__PURE__ */ jsx(
-    "h6",
-    {
-      className: tcx(tv.element({ type: "heading" }), tv.element({ type: "h6" })),
-      ...attributes,
-      children
-    }
-  )).with("numbered_list", () => /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: tcx(tv.list({ type: "numbered" })),
-      ...attributes,
-      children
-    }
-  )).with("list_item", () => /* @__PURE__ */ jsx(
-    "li",
-    {
-      className: tcx(tv.element({ type: "listItem" })),
-      ...attributes,
-      children
-    }
-  )).with("check_item", () => /* @__PURE__ */ jsx(
-    CheckListItemElement,
-    {
-      attributes,
-      element,
-      children
-    }
-  )).with("ref_user", () => /* @__PURE__ */ jsx("span", { children: "ref_user" })).otherwise(() => /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: tcx(tv.element({ type: "paragraph" })),
-      ...attributes,
-      children
-    }
-  ));
-});
-ElementRender.displayName = "ElementRender";
-const CheckListItemElement = memo(function CheckListItemElement2(props) {
-  const { attributes, children, element } = props;
-  const editor = useSlate();
-  const readOnly = useReadOnly();
-  const checked = element.checked ?? false;
-  const tv = elementTv();
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      className: tcx(tv.checkbox()),
-      ...attributes,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            contentEditable: false,
-            className: tcx(tv.checkboxIcon({ checked })),
-            children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  className: tcx(tv.checkboxInput()),
-                  type: "checkbox",
-                  checked,
-                  onChange: (event) => {
-                    const path = ReactEditor.findPath(
-                      editor,
-                      element
-                    );
-                    const newProperties = {
-                      checked: event.target.checked
-                    };
-                    Transforms.setNodes(editor, newProperties, { at: path });
-                  }
-                }
-              ),
-              checked ? /* @__PURE__ */ jsx(CheckboxBtnChecked, {}) : /* @__PURE__ */ jsx(CheckboxBtn, {})
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            contentEditable: !readOnly,
-            suppressContentEditableWarning: true,
-            children
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  ElementRender
-};

package/dist/esm/components/rich-input/src/components/floating-menu-base.js

@@ -1,57 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { FloatingPortal } from "@floating-ui/react";
-import { motion } from "framer-motion";
-import { match as M } from "../../../../_vendor/ts-pattern/dist-index.js";
-const FloatingMenuContainer = ({
-  portalElementId,
-  refs,
-  floatingStyles,
-  getFloatingProps,
-  children,
-  onMouseDown,
-  style
-}) => /* @__PURE__ */ jsx(FloatingPortal, { id: portalElementId, children: /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref: refs.setFloating,
-    style: {
-      ...floatingStyles,
-      ...style
-    },
-    onMouseDown,
-    className: "z-tooltip",
-    ...getFloatingProps(),
-    children
-  }
-) });
-const MotionWrapper = (props) => {
-  const { placement, className, onMouseDown, children, animationType = "default", style } = props;
-  const transformOrigin = M(placement).with("top", () => "bottom center").with("bottom", () => "top center").with("left", () => "right center").with("right", () => "left center").otherwise(() => "center");
-  const animationProps = animationType === "scale" ? {
-    initial: { opacity: 0, scale: 0.5 },
-    animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.5 }
-  } : {
-    initial: { opacity: 0, scale: 0.8 },
-    animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.8 }
-  };
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      ...animationProps,
-      transition: { duration: 0.1 },
-      className,
-      style: {
-        transformOrigin,
-        ...style
-      },
-      onMouseDown,
-      children
-    }
-  );
-};
-export {
-  FloatingMenuContainer,
-  MotionWrapper
-};

package/dist/esm/components/rich-input/src/components/leaf.js

@@ -1,54 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { match as M } from "../../../../_vendor/ts-pattern/dist-index.js";
-import { leafTv } from "../tv.js";
-import { tcx } from "../../../../shared/utils/tcx/tcx.js";
-const LeafRender = memo(function LeafRender2({
-  attributes,
-  children,
-  leaf
-}) {
-  const tv = leafTv();
-  const formats = [
-    {
-      key: "bold",
-      wrapper: (content) => /* @__PURE__ */ jsx("strong", { className: tcx(tv.element({ type: "strong" })), children: content })
-    },
-    {
-      key: "italic",
-      wrapper: (content) => /* @__PURE__ */ jsx("em", { className: tcx(tv.element({ type: "em" })), children: content })
-    },
-    {
-      key: "underlined",
-      wrapper: (content) => /* @__PURE__ */ jsx("u", { className: tcx(tv.element({ type: "u" })), children: content })
-    },
-    {
-      key: "strikethrough",
-      wrapper: (content) => /* @__PURE__ */ jsx("s", { className: tcx(tv.element({ type: "del" })), children: content })
-    },
-    {
-      key: "code",
-      wrapper: (content) => /* @__PURE__ */ jsx("code", { className: tcx(tv.element({ type: "code" })), children: content })
-    }
-  ];
-  const formattedContent = formats.reduce((content, format) => {
-    return M(leaf).with({ [format.key]: true }, () => format.wrapper(content)).otherwise(() => content);
-  }, children);
-  const finalContent = M(leaf).when(
-    (l) => Boolean(l.link && l.link !== ""),
-    () => /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: leaf.link,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: tcx(tv.element({ type: "link" })),
-        children: formattedContent
-      }
-    )
-  ).otherwise(() => formattedContent);
-  return /* @__PURE__ */ jsx("span", { ...attributes, children: finalContent });
-});
-export {
-  LeafRender
-};

package/dist/esm/shared/utils/tcx/tcx.js

@@ -1,40 +0,0 @@
-import cx from "../../../_vendor/classnames/index.js";
-import { extendTailwindMerge } from "../../../_vendor/tailwind-merge/dist-bundle-mjs.js";
-import { createTV } from "../../../_vendor/tailwind-variants/dist-index.js";
-const twMergeConfig = {
-  extend: {
-    classGroups: {
-      // Ensure custom typography tokens are treated as font-size, not text color
-      "font-size": [
-        {
-          text: [
-            "body-large",
-            "body-large-strong",
-            "body-medium",
-            "body-medium-strong",
-            "body-small",
-            "body-small-strong",
-            "heading-display",
-            "heading-large",
-            "heading-medium",
-            "heading-small"
-          ]
-        }
-      ]
-    }
-  }
-};
-const twm = extendTailwindMerge({
-  ...twMergeConfig
-});
-const tcx = (...args) => {
-  return twm(cx(args));
-};
-const tv = createTV({
-  twMergeConfig
-});
-const tcv = tv;
-export {
-  tcv,
-  tcx
-};

package/dist/shared/src/hooks/index.d.ts

@@ -1,7 +0,0 @@
-export * from "./use-isomorphic-layout-effect";
-export * from "./use-direction";
-export * from "./use-disable-scroll";
-export * from "./use-lazy-ref";
-export * from "./use-merged-value";
-export * from "./use-modifier-keys";
-export * from "./use-press";

package/dist/shared/src/hooks/use-direction/index.d.ts

@@ -1 +0,0 @@
-export * from "./use-direction";

package/dist/shared/src/hooks/use-direction/use-direction.d.ts

@@ -1,31 +0,0 @@
-type Direction = "ltr" | "rtl";
-/**
- * 文本方向上下文
- *
- * 用于在组件树中传递文本方向信息（从左到右或从右到左）
- */
-export declare const DirectionContext: import("react").Context<Direction | undefined>;
-/**
- * 获取文本方向的 Hook
- *
- * 这个 Hook 用于确定组件的文本方向，支持国际化应用。
- * 优先级：props > context > 默认值(ltr)
- *
- * @param dirProp - 通过 props 传入的方向值
- * @returns 最终确定的文本方向
- *
- * @example
- * ```tsx
- * const Component = ({ dir }) => {
- *   const direction = useDirection(dir)
- *
- *   return (
- *     <div dir={direction}>
- *       {direction === 'rtl' ? 'من اليمين إلى اليسار' : 'Left to Right'}
- *     </div>
- *   )
- * }
- * ```
- */
-export declare function useDirection(dirProp?: Direction): Direction;
-export {};

package/dist/shared/src/hooks/use-disable-scroll/index.d.ts

@@ -1 +0,0 @@
-export * from "./use-disable-scroll";

package/dist/shared/src/hooks/use-disable-scroll/use-disable-scroll.d.ts

@@ -1,10 +0,0 @@
-export declare function useDisableScroll({ ref }: {
-    ref: React.RefObject<HTMLDivElement>;
-}): {
-    disableScrollProps: {
-        onFocus: () => void;
-        onBlur: () => void;
-        onMouseEnter: () => void;
-        onMouseLeave: () => void;
-    };
-};

package/dist/shared/src/hooks/use-isomorphic-layout-effect/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./use-as-ref";
-export * from "./use-isomorphic-layout-effect";

package/dist/shared/src/hooks/use-isomorphic-layout-effect/use-as-ref.d.ts

@@ -1,24 +0,0 @@
-/**
- * 创建一个始终保持最新值的稳定引用
- *
- * 这个 Hook 解决了闭包中访问过期值的问题，确保在回调函数中始终能访问到最新的 props 或 state。
- * 它会在每次渲染时同步更新 ref 的值，但 ref 对象本身保持不变。
- *
- * @param data - 需要保持最新引用的数据
- * @returns 包含最新数据的稳定引用对象
- *
- * @example
- * ```tsx
- * const Component = ({ onClick }) => {
- *   const onClickRef = useAsRef(onClick)
- *
- *   const handleClick = useCallback(() => {
- *     // 总是调用最新的 onClick 函数
- *     onClickRef.current?.()
- *   }, [onClickRef])
- *
- *   return <button onClick={handleClick}>Click me</button>
- * }
- * ```
- */
-export declare function useAsRef<T>(data: T): import("react").MutableRefObject<T>;

package/dist/shared/src/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts

@@ -1,28 +0,0 @@
-import { useLayoutEffect } from "react";
-/**
- * 同构布局效果 Hook
- *
- * 这个 Hook 解决了 SSR（服务端渲染）环境中 useLayoutEffect 的兼容性问题。
- * 在浏览器环境中使用 useLayoutEffect，在服务端环境中使用 useEffect。
- *
- * useLayoutEffect 在 DOM 更新后同步执行，适用于需要同步读取 DOM 布局信息的场景。
- * 但在服务端环境中，window 对象不存在，使用 useLayoutEffect 会产生警告。
- *
- * @example
- * ```tsx
- * const Component = () => {
- *   const [height, setHeight] = useState(0)
- *   const ref = useRef<HTMLDivElement>(null)
- *
- *   useIsomorphicLayoutEffect(() => {
- *     if (ref.current) {
- *       // 同步读取 DOM 尺寸信息
- *       setHeight(ref.current.offsetHeight)
- *     }
- *   }, [])
- *
- *   return <div ref={ref}>高度: {height}px</div>
- * }
- * ```
- */
-export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/dist/shared/src/hooks/use-lazy-ref/index.d.ts

@@ -1 +0,0 @@
-export * from "./use-lazy-ref";

package/dist/shared/src/hooks/use-lazy-ref/use-lazy-ref.d.ts

@@ -1,35 +0,0 @@
-import { MutableRefObject } from "react";
-/**
- * 懒加载引用 Hook
- *
- * 这个 Hook 用于延迟初始化一个引用值，只有在第一次访问时才会执行初始化函数。
- * 适用于创建成本较高的对象（如 Map、Set、复杂对象等）。
- *
- * 与 useState 的懒加载不同，这个 Hook 创建的是一个稳定的引用，
- * 不会触发组件重新渲染，适用于需要在多次渲染间保持同一个对象实例的场景。
- *
- * @param fn - 初始化函数，只会在第一次调用时执行
- * @returns 包含初始化值的稳定引用对象
- *
- * @example
- * ```tsx
- * const Component = () => {
- *   // 只在第一次渲染时创建 Map 实例
- *   const mapRef = useLazyRef(() => new Map<string, any>())
- *
- *   const addItem = (key: string, value: any) => {
- *     mapRef.current!.set(key, value)
- *   }
- *
- *   return (
- *     <div>
- *       <button onClick={() => addItem('key1', 'value1')}>
- *         添加项目
- *       </button>
- *       <p>Map 大小: {mapRef.current!.size}</p>
- *     </div>
- *   )
- * }
- * ```
- */
-export declare function useLazyRef<T>(fn: () => T): MutableRefObject<T>;

package/dist/shared/src/hooks/use-merged-value/index.d.ts

@@ -1 +0,0 @@
-export * from "./use-merged-value";

package/dist/shared/src/hooks/use-merged-value/use-merged-value.d.ts

@@ -1,49 +0,0 @@
-import { SetStateAction } from "react";
-/**
- * useMergedValue 钩子的配置选项
- * @template T - 状态值的类型
- */
-type Options<T> = {
-    /**
-     * 是否允许使用空值。当设置为 true 时，
-     * 即使所有值源都是 undefined，也不会显示警告。
-     */
-    allowEmpty?: boolean;
-    /**
-     * 内部状态的默认值，当 value 和 defaultValue 都未提供时使用。
-     * 可以是一个值或返回值的函数（惰性初始化）。
-     */
-    defaultStateValue?: T | (() => T);
-    /**
-     * 非受控模式下的初始值。仅在组件首次渲染时使用。
-     * 只有在未提供 value 时才会使用此值。
-     */
-    defaultValue?: T;
-    /**
-     * 值变化时的回调函数。
-     * 在受控模式下，此回调应更新 value。
-     */
-    onChange?: (value: T) => void;
-    /**
-     * 当尝试设置与当前值相同的值时触发的回调。
-     */
-    onUnchange?: () => void;
-    /**
-     * 受控模式下的值。提供此参数会使组件进入受控模式。
-     * 在受控模式下，组件状态完全由此值控制。
-     */
-    value?: T;
-};
-/**
- * 合并受控和非受控状态的 Hook
- *
- * 该 Hook 处理组件的受控和非受控两种模式：
- * - 受控模式：当提供 value 时，组件状态完全由外部控制
- * - 非受控模式：当仅提供 defaultValue 时，组件内部维护自己的状态
- *
- * @template T - 状态值的类型
- * @param options - 配置选项
- * @returns [currentValue, setValue] - 当前值和设置值的函数
- */
-export declare function useMergedValue<T>(options: Options<T>): readonly [T, (this: any, v: SetStateAction<T>, forceTrigger?: any) => void];
-export {};

package/dist/shared/src/hooks/use-modifier-keys/index.d.ts

@@ -1 +0,0 @@
-export * from "./use-modifier-keys";

package/dist/shared/src/hooks/use-modifier-keys/use-modifier-keys.d.ts

@@ -1,10 +0,0 @@
-/**
- * 处理键盘修饰键状态的钩子
- * @param disabled 是否禁用键盘监听
- * @returns 修饰键状态
- */
-export declare function useModifierKeys(disabled?: boolean): {
-    shiftPressed: boolean;
-    metaPressed: boolean;
-    ctrlPressed: boolean;
-};

package/dist/shared/src/hooks/use-press/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./use-press";
-export * from "./use-press-move";

package/dist/shared/src/hooks/use-press/use-press-move.d.ts

@@ -1,20 +0,0 @@
-import { PressProps } from "./use-press";
-export type PressMoveProps = PressProps & {
-    disabled?: boolean;
-    onPressEnd?: (e: PointerEvent) => void;
-    onPressMove?: (e: PointerEvent) => void;
-    onPressMoveBottom?: (delta: number) => void;
-    onPressMoveLeft?: (delta: number) => void;
-    onPressMoveRight?: (delta: number) => void;
-    onPressMoveTop?: (delta: number) => void;
-    onPressStart?: (e: PointerEvent) => void;
-};
-export interface PressMoveResult {
-    isPressed: boolean;
-    pressMoveProps: {
-        onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
-        ref: (el: HTMLElement | null) => void;
-        style?: React.CSSProperties;
-    };
-}
-export declare const usePressMove: ({ onPressMove, onPressMoveLeft, onPressMoveRight, onPressMoveTop, onPressMoveBottom, onPressStart, onPressEnd, ...rest }: PressMoveProps) => PressMoveResult;

package/dist/shared/src/hooks/use-press/use-press.d.ts

@@ -1,17 +0,0 @@
-import { PointerEvent as ReactPointerEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
-type PressEvent = ReactPointerEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>;
-export type PressProps = {
-    disabled?: boolean;
-    onPress?: (event: PressEvent) => void;
-    onPressEnd?: (event: PressEvent) => void;
-    onPressStart?: (event: PressEvent) => void;
-};
-export declare function usePress({ disabled, onPress, onPressStart, onPressEnd }: PressProps): {
-    isPressed: boolean;
-    pressProps: {
-        onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
-        onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => void;
-        onKeyUp: (event: ReactKeyboardEvent<HTMLElement>) => void;
-    };
-};
-export {};

package/dist/shared/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export * from "./utils";

package/dist/shared/src/utils/assertion.d.ts

@@ -1,16 +0,0 @@
-import { ComponentType, ReactElement, ReactNode } from "react";
-export declare function assert(condition: unknown, message?: string): asserts condition;
-export declare function assertNever(value: never, message?: string): never;
-export type Dict<T = unknown> = Record<string, T>;
-export declare function isArray<T>(value: unknown): value is Array<T>;
-export declare function isEmptyArray(value: unknown): boolean;
-export declare function isObject(value: unknown): value is Dict;
-export declare function isEmptyObject(value: unknown): boolean;
-export declare function isEmpty(value: unknown): boolean;
-export declare function isFunction<T extends (...args: unknown[]) => unknown = (...args: unknown[]) => unknown>(value: unknown): value is T;
-type Booleanish = boolean | "true" | "false";
-export declare const dataAttr: (condition: boolean | undefined) => Booleanish;
-export declare const isNumeric: (value?: string | number) => boolean;
-export declare const isMultiElement: (children: ReactNode) => boolean;
-export declare const findChildByType: (children: ReactNode, componentType: ComponentType<any>) => ReactElement | null;
-export {};

package/dist/shared/src/utils/format-bytes/format-bytes.d.ts

@@ -1 +0,0 @@
-export declare function formatBytes(bytes: number): string;

package/dist/shared/src/utils/format-bytes/index.d.ts

@@ -1 +0,0 @@
-export * from "./format-bytes";