mtxuilib 0.1.482 → 0.1.484

package/dist/components/devtools/DebugValue.js

@@ -11,5 +11,5 @@ export const DebugValue = (props) => {
     }
     return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(MtButton, { variant: "outline", className: className, onClick: () => {
                         console.log(data);
-                    }, children: title || "debug" }) }), _jsx(DialogContent, { className: "max-h-lvh w-full overflow-scroll bg-red-100", children: _jsx("pre", { className: " text-xs", children: JSON.stringify(data, null, 2) }) })] }));
+                    }, children: title || "调试" }) }), _jsx(DialogContent, { className: "max-h-lvh w-full overflow-scroll ", children: _jsx("pre", { className: " text-xs", children: JSON.stringify(data, null, 2) }) })] }));
 };

package/dist/lib/react.d.ts

@@ -0,0 +1,3 @@
+export declare const genericMemo: <T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>>(component: T, propsAreEqual?: (prevProps: React.ComponentProps<T>, nextProps: React.ComponentProps<T>) => boolean) => T & {
+    displayName?: string;
+};

package/dist/lib/react.js

@@ -0,0 +1,3 @@
+"use client";
+import { memo } from "react";
+export const genericMemo = memo;

package/dist/ui/mt/MtSlider.d.ts

@@ -0,0 +1,13 @@
+interface SliderOption<T> {
+    value: T;
+    text: string;
+}
+export interface SliderProps<T> {
+    selected: T;
+    options: SliderOption<T>[];
+    setSelected?: (selected: T) => void;
+}
+export declare const MtSlider: (<T>({ selected, options, setSelected }: SliderProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName?: string;
+};
+export {};

package/dist/ui/mt/MtSlider.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { classNames } from "mtxuilib/lib/utils";
+import { memo } from "react";
+import { cubicEasingFn } from "mtxuilib/ui/mt/utils/easings";
+import { genericMemo } from "../../lib/react";
+export const MtSlider = genericMemo(({ selected, options, setSelected }) => {
+    return (_jsx("div", { className: "flex items-center flex-wrap shrink-0 gap-1 bg-bolt-elements-background-depth-1 overflow-hidden rounded-full p-1", children: options.map((option) => (_jsx(SliderButton, { selected: selected === option.value, setSelected: () => setSelected?.(option.value), children: option.text }, String(option.value)))) }));
+});
+const SliderButton = memo(({ selected, children, setSelected }) => {
+    return (_jsxs("button", { type: "button", onClick: setSelected, className: classNames("bg-transparent text-sm px-2.5 py-0.5 rounded-full relative", selected
+            ? "text-bolt-elements-item-contentAccent"
+            : "text-bolt-elements-item-contentDefault hover:text-bolt-elements-item-contentActive"), children: [_jsx("span", { className: "relative z-10", children: children }), selected && (_jsx(motion.span, { layoutId: "pill-tab", transition: { duration: 0.2, ease: cubicEasingFn }, className: "absolute inset-0 z-0 bg-bolt-elements-item-backgroundAccent rounded-full" }))] }));
+});

package/dist/ui/mt/Slider.d.ts

@@ -0,0 +1,17 @@
+interface SliderOption<T> {
+    value: T;
+    text: string;
+}
+export interface SliderOptions<T> {
+    left: SliderOption<T>;
+    right: SliderOption<T>;
+}
+interface SliderProps<T> {
+    selected: T;
+    options: SliderOptions<T>;
+    setSelected?: (selected: T) => void;
+}
+export declare const MtSlider: (<T>({ selected, options, setSelected }: SliderProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName?: string;
+};
+export {};

package/dist/ui/mt/Slider.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { classNames } from "mtxuilib/lib/utils";
+import { memo } from "react";
+import { cubicEasingFn } from "mtxuilib/ui/mt/utils/easings";
+import { genericMemo } from "../../lib/react";
+export const MtSlider = genericMemo(({ selected, options, setSelected }) => {
+    const isLeftSelected = selected === options.left.value;
+    return (_jsxs("div", { className: "flex items-center flex-wrap shrink-0 gap-1 bg-bolt-elements-background-depth-1 overflow-hidden rounded-full p-1", children: [_jsx(SliderButton, { selected: isLeftSelected, setSelected: () => setSelected?.(options.left.value), children: options.left.text }), _jsx(SliderButton, { selected: !isLeftSelected, setSelected: () => setSelected?.(options.right.value), children: options.right.text }), _jsx(SliderButton, { selected: !isLeftSelected, setSelected: () => setSelected?.(options.right.value), children: options.right.text }), _jsx(SliderButton, { selected: !isLeftSelected, setSelected: () => setSelected?.(options.right.value), children: options.right.text })] }));
+});
+const SliderButton = memo(({ selected, children, setSelected }) => {
+    return (_jsxs("button", { type: "button", onClick: setSelected, className: classNames("bg-transparent text-sm px-2.5 py-0.5 rounded-full relative", selected
+            ? "text-bolt-elements-item-contentAccent"
+            : "text-bolt-elements-item-contentDefault hover:text-bolt-elements-item-contentActive"), children: [_jsx("span", { className: "relative z-10", children: children }), selected && (_jsx(motion.span, { layoutId: "pill-tab", transition: { duration: 0.2, ease: cubicEasingFn }, className: "absolute inset-0 z-0 bg-bolt-elements-item-backgroundAccent rounded-full" }))] }));
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.482",
+  "version": "0.1.484",
   "publishConfig": {
     "access": "public"
   },