@rockshin/tao-ui 0.0.1 → 0.0.2

package/dist/components/collapsible/collapsible.d.ts

@@ -0,0 +1,39 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type SemanticClassNames, type SemanticStyles } from '../../utils/semantic';
+import './collapsible.css';
+export type CollapsibleSemanticPart = 'root' | 'trigger' | 'content';
+export interface CollapsibleProps {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Uncontrolled initial open state. Defaults to `false`. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger. Falls back to TaoProvider's `disabled`. */
+    disabled?: boolean;
+    children?: ReactNode;
+    /** Merged into the root element. */
+    className?: string;
+    style?: CSSProperties;
+    classNames?: SemanticClassNames<CollapsibleSemanticPart>;
+    styles?: SemanticStyles<CollapsibleSemanticPart>;
+}
+export interface CollapsibleTriggerProps {
+    children?: ReactNode;
+    /** Render the child element as the trigger instead of a default button. */
+    asChild?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface CollapsibleContentProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Collapsible(props: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Collapsible {
+    var Trigger: typeof CollapsibleTrigger;
+    var Content: typeof CollapsibleContent;
+}
+declare function CollapsibleTrigger(props: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent(props: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/collapsible/collapsible.js

@@ -0,0 +1,168 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { createContext, useContext, useState } from "react";
+import { useTaoConfig } from "../../provider/tao-provider.js";
+import { cx } from "../../utils/semantic.js";
+import "./collapsible.css";
+import * as __rspack_external__radix_ui_react_collapsible_4615ddd5 from "@radix-ui/react-collapsible";
+const Ctx = /*#__PURE__*/ createContext({});
+function Collapsible(props) {
+    const $ = c(22);
+    const { open, defaultOpen, onOpenChange, disabled, children, className, style, classNames, styles } = props;
+    const { disabled: ctxDisabled } = useTaoConfig();
+    const resolvedDisabled = disabled ?? ctxDisabled;
+    const isControlled = null != open;
+    const [openInternal, setOpenInternal] = useState(defaultOpen ?? false);
+    const realOpen = isControlled ? open : openInternal;
+    let t0;
+    if ($[0] !== isControlled || $[1] !== onOpenChange) {
+        t0 = (next)=>{
+            if (!isControlled) setOpenInternal(next);
+            onOpenChange?.(next);
+        };
+        $[0] = isControlled;
+        $[1] = onOpenChange;
+        $[2] = t0;
+    } else t0 = $[2];
+    const setOpen = t0;
+    let t1;
+    if ($[3] !== classNames || $[4] !== styles) {
+        t1 = {
+            classNames,
+            styles
+        };
+        $[3] = classNames;
+        $[4] = styles;
+        $[5] = t1;
+    } else t1 = $[5];
+    const t2 = classNames?.root;
+    let t3;
+    if ($[6] !== className || $[7] !== t2) {
+        t3 = cx(t2, className);
+        $[6] = className;
+        $[7] = t2;
+        $[8] = t3;
+    } else t3 = $[8];
+    const t4 = styles?.root;
+    let t5;
+    if ($[9] !== style || $[10] !== t4) {
+        t5 = {
+            ...t4,
+            ...style
+        };
+        $[9] = style;
+        $[10] = t4;
+        $[11] = t5;
+    } else t5 = $[11];
+    let t6;
+    if ($[12] !== children || $[13] !== realOpen || $[14] !== resolvedDisabled || $[15] !== setOpen || $[16] !== t3 || $[17] !== t5) {
+        t6 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_collapsible_4615ddd5.Root, {
+            open: realOpen,
+            onOpenChange: setOpen,
+            disabled: resolvedDisabled,
+            "data-tao-collapsible": "",
+            className: t3,
+            style: t5,
+            children: children
+        });
+        $[12] = children;
+        $[13] = realOpen;
+        $[14] = resolvedDisabled;
+        $[15] = setOpen;
+        $[16] = t3;
+        $[17] = t5;
+        $[18] = t6;
+    } else t6 = $[18];
+    let t7;
+    if ($[19] !== t1 || $[20] !== t6) {
+        t7 = /*#__PURE__*/ jsx(Ctx.Provider, {
+            value: t1,
+            children: t6
+        });
+        $[19] = t1;
+        $[20] = t6;
+        $[21] = t7;
+    } else t7 = $[21];
+    return t7;
+}
+function CollapsibleTrigger(props) {
+    const $ = c(11);
+    const { children, asChild, className, style } = props;
+    const { classNames, styles } = useContext(Ctx);
+    const t0 = classNames?.trigger;
+    let t1;
+    if ($[0] !== className || $[1] !== t0) {
+        t1 = cx(t0, className);
+        $[0] = className;
+        $[1] = t0;
+        $[2] = t1;
+    } else t1 = $[2];
+    const t2 = styles?.trigger;
+    let t3;
+    if ($[3] !== style || $[4] !== t2) {
+        t3 = {
+            ...t2,
+            ...style
+        };
+        $[3] = style;
+        $[4] = t2;
+        $[5] = t3;
+    } else t3 = $[5];
+    let t4;
+    if ($[6] !== asChild || $[7] !== children || $[8] !== t1 || $[9] !== t3) {
+        t4 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_collapsible_4615ddd5.Trigger, {
+            asChild: asChild,
+            "data-tao-collapsible-trigger": "",
+            className: t1,
+            style: t3,
+            children: children
+        });
+        $[6] = asChild;
+        $[7] = children;
+        $[8] = t1;
+        $[9] = t3;
+        $[10] = t4;
+    } else t4 = $[10];
+    return t4;
+}
+function CollapsibleContent(props) {
+    const $ = c(10);
+    const { children, className, style } = props;
+    const { classNames, styles } = useContext(Ctx);
+    const t0 = classNames?.content;
+    let t1;
+    if ($[0] !== className || $[1] !== t0) {
+        t1 = cx(t0, className);
+        $[0] = className;
+        $[1] = t0;
+        $[2] = t1;
+    } else t1 = $[2];
+    const t2 = styles?.content;
+    let t3;
+    if ($[3] !== style || $[4] !== t2) {
+        t3 = {
+            ...t2,
+            ...style
+        };
+        $[3] = style;
+        $[4] = t2;
+        $[5] = t3;
+    } else t3 = $[5];
+    let t4;
+    if ($[6] !== children || $[7] !== t1 || $[8] !== t3) {
+        t4 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_collapsible_4615ddd5.Content, {
+            "data-tao-collapsible-content": "",
+            className: t1,
+            style: t3,
+            children: children
+        });
+        $[6] = children;
+        $[7] = t1;
+        $[8] = t3;
+        $[9] = t4;
+    } else t4 = $[9];
+    return t4;
+}
+Collapsible.Trigger = CollapsibleTrigger;
+Collapsible.Content = CollapsibleContent;
+export { Collapsible };