@bioturing/components 0.33.1 → 0.35.2

package/dist/components/scroll-area/component.js

@@ -1,97 +1,113 @@
 "use client";
-import { jsxs as R, jsx as h } from "react/jsx-runtime";
-import { useRef as T, useState as E, useEffect as L } from "react";
-import { ScrollArea as n } from "@base-ui-components/react";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import { useRef as R, useState as E, useEffect as L } from "react";
+import { ScrollArea as e } from "@base-ui-components/react";
 import './style.css';/* empty css          */
 import { useCls as j } from "../utils/antdUtils.js";
-import { clsx as b } from "../utils/cn.js";
+import { clsx as c } from "../utils/cn.js";
 const V = ({
-  children: v,
-  className: z,
-  classNames: S = {},
+  children: A,
+  className: w,
+  classNames: a = {},
   orientation: r = "vertical",
-  fadeEdges: e = !1,
+  fadeEdges: o = !1,
   onScroll: u,
-  styles: m = {},
+  styles: s = {},
   ...y
 }) => {
-  const t = j(), f = T(null), [l, p] = E({
+  const t = j(), v = R(null), [l, p] = E({
     isAtStart: !0,
     isAtEnd: !1,
     isScrollable: !1
   });
   return L(() => {
-    if (!f.current) return;
-    const o = f.current, s = (w) => {
-      if (w && u && u(w), e)
+    if (!v.current) return;
+    const n = v.current, b = (z) => {
+      if (z && u && u(z), o)
         if (r === "vertical") {
-          const { scrollTop: c, scrollHeight: a, clientHeight: i } = o, A = a > i;
+          const { scrollTop: h, scrollHeight: m, clientHeight: S } = n, f = m > S;
           p({
-            isAtStart: c <= 1,
-            isAtEnd: c >= a - i - 1,
-            isScrollable: A
+            isAtStart: h <= 1,
+            isAtEnd: h >= m - S - 1,
+            isScrollable: f
           });
         } else {
-          const { scrollLeft: c, scrollWidth: a, clientWidth: i } = o, A = a > i + 2;
+          const { scrollLeft: h, scrollWidth: m, clientWidth: S } = n, f = m > S + 2;
           p({
-            isAtStart: c <= 1,
-            isAtEnd: c >= a - i - 1,
-            isScrollable: A
+            isAtStart: h <= 1,
+            isAtEnd: h >= m - S - 1,
+            isScrollable: f
           });
         }
     };
-    s();
-    const x = setTimeout(s, 0);
-    o.addEventListener("scroll", s);
+    b();
+    const T = setTimeout(b, 0);
+    n.addEventListener("scroll", b);
     const d = new ResizeObserver(() => {
-      s();
+      b();
     });
-    return d.observe(o), () => {
-      clearTimeout(x), o.removeEventListener("scroll", s), d.disconnect();
+    return d.observe(n), () => {
+      clearTimeout(T), n.removeEventListener("scroll", b), d.disconnect();
     };
-  }, [e, r, u]), /* @__PURE__ */ R(
-    n.Root,
+  }, [o, r, u]), /* @__PURE__ */ x(
+    e.Root,
     {
-      className: b(t("scroll-area"), z),
+      className: c(t("scroll-area"), w),
       ...y,
       children: [
-        /* @__PURE__ */ h(
-          n.Viewport,
+        /* @__PURE__ */ i(
+          e.Viewport,
           {
-            ref: f,
-            className: b(
+            ref: v,
+            className: c(
               t("scroll-area-viewport"),
-              e && l.isScrollable && r === "vertical" && l.isAtStart && t("scroll-area-fade-bottom-only"),
-              e && l.isScrollable && r === "vertical" && l.isAtEnd && t("scroll-area-fade-top-only"),
-              e && l.isScrollable && r === "vertical" && !l.isAtStart && !l.isAtEnd && t("scroll-area-fade-both-vertical"),
-              e && l.isScrollable && r === "horizontal" && l.isAtStart && t("scroll-area-fade-right-only"),
-              e && l.isScrollable && r === "horizontal" && l.isAtEnd && t("scroll-area-fade-left-only"),
-              e && l.isScrollable && r === "horizontal" && !l.isAtStart && !l.isAtEnd && t("scroll-area-fade-both-horizontal"),
-              S?.viewport
+              o && l.isScrollable && r === "vertical" && l.isAtStart && t("scroll-area-fade-bottom-only"),
+              o && l.isScrollable && r === "vertical" && l.isAtEnd && t("scroll-area-fade-top-only"),
+              o && l.isScrollable && r === "vertical" && !l.isAtStart && !l.isAtEnd && t("scroll-area-fade-both-vertical"),
+              o && l.isScrollable && r === "horizontal" && l.isAtStart && t("scroll-area-fade-right-only"),
+              o && l.isScrollable && r === "horizontal" && l.isAtEnd && t("scroll-area-fade-left-only"),
+              o && l.isScrollable && r === "horizontal" && !l.isAtStart && !l.isAtEnd && t("scroll-area-fade-both-horizontal"),
+              a?.viewport
             ),
-            style: m?.viewport,
-            children: r == "horizontal" ? /* @__PURE__ */ h(
-              n.Content,
+            style: s?.viewport,
+            children: r == "horizontal" ? /* @__PURE__ */ i(
+              e.Content,
               {
-                className: b(t("scroll-area-content"), S?.content),
-                style: m?.content,
-                children: v
+                className: c(t("scroll-area-content"), a?.content),
+                style: s?.content,
+                children: A
               }
-            ) : v
+            ) : A
           }
         ),
-        /* @__PURE__ */ h(
-          n.Scrollbar,
+        (r == "horizontal" || r == "both") && /* @__PURE__ */ i(
+          e.Scrollbar,
           {
-            className: b(t("scroll-area-scrollbar"), S?.scrollbar),
-            orientation: r,
-            "data-orientation": r,
-            style: m?.scrollbar,
-            children: /* @__PURE__ */ h(
-              n.Thumb,
+            className: c(t("scroll-area-scrollbar"), a?.scrollbar),
+            orientation: "horizontal",
+            "data-orientation": "horizontal",
+            style: s?.scrollbar,
+            children: /* @__PURE__ */ i(
+              e.Thumb,
               {
-                className: b(t("scroll-area-thumb"), S?.thumb),
-                style: m?.thumb
+                className: c(t("scroll-area-thumb"), a?.thumb),
+                style: s?.thumb
+              }
+            )
+          }
+        ),
+        (r == "vertical" || r == "both") && /* @__PURE__ */ i(
+          e.Scrollbar,
+          {
+            className: c(t("scroll-area-scrollbar"), a?.scrollbar),
+            orientation: "vertical",
+            "data-orientation": "vertical",
+            style: s?.scrollbar,
+            children: /* @__PURE__ */ i(
+              e.Thumb,
+              {
+                className: c(t("scroll-area-thumb"), a?.thumb),
+                style: s?.thumb
               }
             )
           }

package/dist/components/scroll-area/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/scroll-area/component.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui-components/react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface ScrollAreaProps\n  extends Omit<BaseScrollArea.Root.Props, \"onScroll\"> {\n  children: ReactNode;\n  /**\n   * Additional class name for the root component\n   */\n  className?: string;\n  /**\n   * Custom class names for each part of the scroll area\n   */\n  classNames?: {\n    /**\n     * Class name for the viewport element\n     */\n    viewport?: string;\n    /**\n     * Class name for the content element\n     */\n    content?: string;\n    /**\n     * Class name for the scrollbar element\n     */\n    scrollbar?: string;\n    /**\n     * Class name for the thumb element\n     */\n    thumb?: string;\n  };\n  /**\n   * Custom styles for each part of the scroll area\n   */\n  styles?: {\n    /**\n     * Styles for the viewport element\n     */\n    viewport?: React.CSSProperties;\n    /**\n     * Styles for the content element\n     */\n    content?: React.CSSProperties;\n    /**\n     * Styles for the scrollbar element\n     */\n    scrollbar?: React.CSSProperties;\n    /**\n     * Styles for the thumb element\n     */\n    thumb?: React.CSSProperties;\n  };\n  /**\n   * Orientation of the scrollbar\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Enable fade-out effect at scrollable edges\n   * @default false\n   */\n  fadeEdges?: boolean;\n  /**\n   * Callback fired when the scroll position changes\n   */\n  onScroll?: (event: Event) => void;\n}\n\nexport const ScrollArea = ({\n  children,\n  className,\n  classNames = {},\n  orientation = \"vertical\",\n  fadeEdges = false,\n  onScroll,\n  styles = {},\n  ...rest\n}: ScrollAreaProps) => {\n  const cls = useCls();\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [scrollState, setScrollState] = useState({\n    isAtStart: true,\n    isAtEnd: false,\n    isScrollable: false,\n  });\n\n  useEffect(() => {\n    if (!viewportRef.current) return;\n\n    const viewport = viewportRef.current;\n\n    const handleScroll = (event?: Event) => {\n      // Call the onScroll callback if provided and event exists\n      if (event && onScroll) {\n        onScroll(event);\n      }\n\n      // Handle fade edges state update if enabled\n      if (fadeEdges) {\n        if (orientation === \"vertical\") {\n          const { scrollTop, scrollHeight, clientHeight } = viewport;\n          const isScrollable = scrollHeight > clientHeight;\n          setScrollState({\n            isAtStart: scrollTop <= 1,\n            isAtEnd: scrollTop >= scrollHeight - clientHeight - 1,\n            isScrollable,\n          });\n        } else {\n          const { scrollLeft, scrollWidth, clientWidth } = viewport;\n          // Add a small buffer (2px) to account for rounding errors\n          const isScrollable = scrollWidth > clientWidth + 2;\n          setScrollState({\n            isAtStart: scrollLeft <= 1,\n            isAtEnd: scrollLeft >= scrollWidth - clientWidth - 1,\n            isScrollable,\n          });\n        }\n      }\n    };\n\n    // Initial check (without event)\n    handleScroll();\n\n    // Use a timeout to check again after content might have rendered\n    const timeoutId = setTimeout(handleScroll, 0);\n\n    viewport.addEventListener(\"scroll\", handleScroll);\n\n    // Add resize observer to detect content size changes\n    const resizeObserver = new ResizeObserver(() => {\n      handleScroll();\n    });\n    resizeObserver.observe(viewport);\n\n    return () => {\n      clearTimeout(timeoutId);\n      viewport.removeEventListener(\"scroll\", handleScroll);\n      resizeObserver.disconnect();\n    };\n  }, [fadeEdges, orientation, onScroll]);\n  return (\n    <BaseScrollArea.Root\n      className={clsx(cls(\"scroll-area\"), className)}\n      {...rest}\n    >\n      <BaseScrollArea.Viewport\n        ref={viewportRef}\n        className={clsx(\n          cls(\"scroll-area-viewport\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-bottom-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-top-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-vertical\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-right-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-left-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-horizontal\"),\n          classNames?.viewport\n        )}\n        style={styles?.viewport}\n      >\n        {orientation == \"horizontal\" ? (\n          <BaseScrollArea.Content\n            className={clsx(cls(\"scroll-area-content\"), classNames?.content)}\n            style={styles?.content}\n          >\n            {children}\n          </BaseScrollArea.Content>\n        ) : (\n          children\n        )}\n      </BaseScrollArea.Viewport>\n      <BaseScrollArea.Scrollbar\n        className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n        orientation={orientation}\n        data-orientation={orientation}\n        style={styles?.scrollbar}\n      >\n        <BaseScrollArea.Thumb\n          className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n          style={styles?.thumb}\n        />\n      </BaseScrollArea.Scrollbar>\n    </BaseScrollArea.Root>\n  );\n};\n"],"names":["ScrollArea","children","className","classNames","orientation","fadeEdges","onScroll","styles","rest","cls","useCls","viewportRef","useRef","scrollState","setScrollState","useState","useEffect","viewport","handleScroll","event","scrollTop","scrollHeight","clientHeight","isScrollable","scrollLeft","scrollWidth","clientWidth","timeoutId","resizeObserver","jsxs","BaseScrollArea","clsx","jsx"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/scroll-area/component.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui-components/react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface ScrollAreaProps\n  extends Omit<BaseScrollArea.Root.Props, \"onScroll\"> {\n  children: ReactNode;\n  /**\n   * Additional class name for the root component\n   */\n  className?: string;\n  /**\n   * Custom class names for each part of the scroll area\n   */\n  classNames?: {\n    /**\n     * Class name for the viewport element\n     */\n    viewport?: string;\n    /**\n     * Class name for the content element\n     */\n    content?: string;\n    /**\n     * Class name for the scrollbar element\n     */\n    scrollbar?: string;\n    /**\n     * Class name for the thumb element\n     */\n    thumb?: string;\n  };\n  /**\n   * Custom styles for each part of the scroll area\n   */\n  styles?: {\n    /**\n     * Styles for the viewport element\n     */\n    viewport?: React.CSSProperties;\n    /**\n     * Styles for the content element\n     */\n    content?: React.CSSProperties;\n    /**\n     * Styles for the scrollbar element\n     */\n    scrollbar?: React.CSSProperties;\n    /**\n     * Styles for the thumb element\n     */\n    thumb?: React.CSSProperties;\n  };\n  /**\n   * Orientation of the scrollbar\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\" | \"both\";\n  /**\n   * Enable fade-out effect at scrollable edges\n   * @default false\n   */\n  fadeEdges?: boolean;\n  /**\n   * Callback fired when the scroll position changes\n   */\n  onScroll?: (event: Event) => void;\n}\n\nexport const ScrollArea = ({\n  children,\n  className,\n  classNames = {},\n  orientation = \"vertical\",\n  fadeEdges = false,\n  onScroll,\n  styles = {},\n  ...rest\n}: ScrollAreaProps) => {\n  const cls = useCls();\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [scrollState, setScrollState] = useState({\n    isAtStart: true,\n    isAtEnd: false,\n    isScrollable: false,\n  });\n\n  useEffect(() => {\n    if (!viewportRef.current) return;\n\n    const viewport = viewportRef.current;\n\n    const handleScroll = (event?: Event) => {\n      // Call the onScroll callback if provided and event exists\n      if (event && onScroll) {\n        onScroll(event);\n      }\n\n      // Handle fade edges state update if enabled\n      if (fadeEdges) {\n        if (orientation === \"vertical\") {\n          const { scrollTop, scrollHeight, clientHeight } = viewport;\n          const isScrollable = scrollHeight > clientHeight;\n          setScrollState({\n            isAtStart: scrollTop <= 1,\n            isAtEnd: scrollTop >= scrollHeight - clientHeight - 1,\n            isScrollable,\n          });\n        } else {\n          const { scrollLeft, scrollWidth, clientWidth } = viewport;\n          // Add a small buffer (2px) to account for rounding errors\n          const isScrollable = scrollWidth > clientWidth + 2;\n          setScrollState({\n            isAtStart: scrollLeft <= 1,\n            isAtEnd: scrollLeft >= scrollWidth - clientWidth - 1,\n            isScrollable,\n          });\n        }\n      }\n    };\n\n    // Initial check (without event)\n    handleScroll();\n\n    // Use a timeout to check again after content might have rendered\n    const timeoutId = setTimeout(handleScroll, 0);\n\n    viewport.addEventListener(\"scroll\", handleScroll);\n\n    // Add resize observer to detect content size changes\n    const resizeObserver = new ResizeObserver(() => {\n      handleScroll();\n    });\n    resizeObserver.observe(viewport);\n\n    return () => {\n      clearTimeout(timeoutId);\n      viewport.removeEventListener(\"scroll\", handleScroll);\n      resizeObserver.disconnect();\n    };\n  }, [fadeEdges, orientation, onScroll]);\n  return (\n    <BaseScrollArea.Root\n      className={clsx(cls(\"scroll-area\"), className)}\n      {...rest}\n    >\n      <BaseScrollArea.Viewport\n        ref={viewportRef}\n        className={clsx(\n          cls(\"scroll-area-viewport\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-bottom-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-top-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-vertical\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-right-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-left-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-horizontal\"),\n          classNames?.viewport\n        )}\n        style={styles?.viewport}\n      >\n        {orientation == \"horizontal\" ? (\n          <BaseScrollArea.Content\n            className={clsx(cls(\"scroll-area-content\"), classNames?.content)}\n            style={styles?.content}\n          >\n            {children}\n          </BaseScrollArea.Content>\n        ) : (\n          children\n        )}\n      </BaseScrollArea.Viewport>\n      {(orientation == \"horizontal\" || orientation == \"both\") && (\n        <BaseScrollArea.Scrollbar\n          className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n          orientation={\"horizontal\"}\n          data-orientation={\"horizontal\"}\n          style={styles?.scrollbar}\n        >\n          <BaseScrollArea.Thumb\n            className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n            style={styles?.thumb}\n          />\n        </BaseScrollArea.Scrollbar>\n      )}\n      {(orientation == \"vertical\" || orientation == \"both\") && (\n        <BaseScrollArea.Scrollbar\n          className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n          orientation={\"vertical\"}\n          data-orientation={\"vertical\"}\n          style={styles?.scrollbar}\n        >\n          <BaseScrollArea.Thumb\n            className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n            style={styles?.thumb}\n          />\n        </BaseScrollArea.Scrollbar>\n      )}\n    </BaseScrollArea.Root>\n  );\n};\n"],"names":["ScrollArea","children","className","classNames","orientation","fadeEdges","onScroll","styles","rest","cls","useCls","viewportRef","useRef","scrollState","setScrollState","useState","useEffect","viewport","handleScroll","event","scrollTop","scrollHeight","clientHeight","isScrollable","scrollLeft","scrollWidth","clientWidth","timeoutId","resizeObserver","jsxs","BaseScrollArea","clsx","jsx"],"mappings":"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"}

package/dist/components/select-trigger/component.d.ts

@@ -1,13 +1,31 @@
-import { default as React } from 'react';
+import { ComponentPropsWithRef, default as React } from 'react';
 import { WithRenderPropProps } from '../utils/WithRenderProp';
+import { ElementTypeToDOMType } from '../utils/types';
 import { ValidateStatus } from 'antd/es/form/FormItem';
-export type SelectTriggerState = {
+export type SelectTriggerContextType = {
     disabled: boolean;
     open: boolean;
     hasValue: boolean;
     size: "small" | "middle" | "large";
+    status?: ValidateStatus;
+    value?: React.ReactNode;
+    placeholder?: string;
+    allowClear: boolean;
+    suffixIcon?: React.ReactNode;
+    clearIcon?: React.ReactNode;
+    onClear?: () => void;
+    onOpenChange?: (open: boolean) => void;
+    classNames?: {
+        trigger?: string;
+        content?: string;
+        prefix?: string;
+        suffix?: string;
+        arrow?: string;
+        placeholder?: string;
+        value?: string;
+    };
 };
-export interface SelectTriggerProps extends Omit<WithRenderPropProps<"button", SelectTriggerState>, "value" | "prefix"> {
+export type SelectTriggerRootProps<T extends React.ElementType = "button"> = WithRenderPropProps<T> & {
     /** Size variant */
     size?: "small" | "middle" | "large";
     /** Whether the component is disabled */
@@ -18,10 +36,8 @@ export interface SelectTriggerProps extends Omit<WithRenderPropProps<"button", S
     status?: ValidateStatus;
     /** Placeholder text */
     placeholder?: string;
-    /** Current value/content to display */
-    value?: React.ReactNode;
-    /** Prefix content to display before the value (e.g., icon) */
-    prefix?: React.ReactNode;
+    /** Current display value/content */
+    displayValue?: React.ReactNode;
     /** Whether to show clear button when there's a value */
     allowClear?: boolean;
     /** Custom suffix icon (arrow icon) */
@@ -36,10 +52,56 @@ export interface SelectTriggerProps extends Omit<WithRenderPropProps<"button", S
     classNames?: {
         trigger?: string;
         content?: string;
+        prefix?: string;
         suffix?: string;
+        arrow?: string;
         placeholder?: string;
         value?: string;
     };
-}
-export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+declare const SelectTriggerRootInner: <T extends React.ElementType = "button">({ size, disabled, open, status, placeholder, displayValue, allowClear, suffixIcon, clearIcon, onClear, onOpenChange, classNames, as, children, role, className, ...rest }: SelectTriggerRootProps<T>, ref: React.Ref<ElementTypeToDOMType<T>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTriggerRoot: <T extends React.ElementType = "button">(props: SelectTriggerRootProps<T> & {
+    ref?: ComponentPropsWithRef<T>["ref"];
+}) => ReturnType<typeof SelectTriggerRootInner>;
+export type SelectTriggerContentProps<T extends React.ElementType = "div"> = WithRenderPropProps<T> & {
+    contentRender?: WithRenderPropProps<"span", {
+        prefix: React.ReactNode;
+        suffix: React.ReactNode;
+    }>["render"];
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+};
+declare const SelectTriggerContentInner: <T extends React.ElementType = "div">({ className, as, contentRender, prefix, suffix, ...rest }: SelectTriggerContentProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTriggerContent: <T extends React.ElementType = "div">(props: SelectTriggerContentProps<T> & {
+    ref?: ComponentPropsWithRef<T>["ref"];
+}) => ReturnType<typeof SelectTriggerContentInner>;
+export type SelectTriggerClearProps<T extends React.ElementType = "button"> = WithRenderPropProps<T>;
+declare const SelectTriggerClearInner: <T extends React.ElementType = "button">({ className, as, onClick, ...rest }: SelectTriggerClearProps<T>, ref: React.Ref<ElementTypeToDOMType<T>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTriggerClear: <T extends React.ElementType = "button">(props: SelectTriggerClearProps<T> & {
+    ref?: ComponentPropsWithRef<T>;
+}) => ReturnType<typeof SelectTriggerClearInner>;
+export type SelectTriggerArrowProps<T extends React.ElementType = "span"> = WithRenderPropProps<T, {
+    icon: React.ReactNode;
+}>;
+declare const SelectTriggerArrowInner: <T extends React.ElementType = "span">({ className, as, render, ...rest }: SelectTriggerArrowProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTriggerArrow: <T extends React.ElementType = "span">(props: SelectTriggerArrowProps<T> & {
+    ref?: ComponentPropsWithRef<T>;
+}) => ReturnType<typeof SelectTriggerArrowInner>;
+export declare const SelectTrigger: (<T extends React.ElementType = "button">(props: SelectTriggerRootProps<T> & {
+    ref?: ComponentPropsWithRef<T>["ref"];
+}) => ReturnType<typeof SelectTriggerRootInner>) & {
+    Root: <T extends React.ElementType = "button">(props: SelectTriggerRootProps<T> & {
+        ref?: ComponentPropsWithRef<T>["ref"];
+    }) => ReturnType<typeof SelectTriggerRootInner>;
+    Content: <T extends React.ElementType = "div">(props: SelectTriggerContentProps<T> & {
+        ref?: ComponentPropsWithRef<T>["ref"];
+    }) => ReturnType<typeof SelectTriggerContentInner>;
+    Clear: <T extends React.ElementType = "button">(props: SelectTriggerClearProps<T> & {
+        ref?: ComponentPropsWithRef<T>;
+    }) => ReturnType<typeof SelectTriggerClearInner>;
+    Arrow: <T extends React.ElementType = "span">(props: SelectTriggerArrowProps<T> & {
+        ref?: ComponentPropsWithRef<T>;
+    }) => ReturnType<typeof SelectTriggerArrowInner>;
+};
+export {};
 //# sourceMappingURL=component.d.ts.map

package/dist/components/select-trigger/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,EACjD,OAAO,GAAG,QAAQ,CACnB;IACD,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,yBAAyB;IACzB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,aAAa,8FAuKzB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/component.tsx"],"names":[],"mappings":"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"}