@deepnoid/ui 0.0.112 → 0.1.1

package/dist/components/slider/slider.d.ts

@@ -1,359 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as React from 'react';
-import { ComponentPropsWithRef } from 'react';
-import { SlotsToClasses } from '../../utils/types.js';
-
-interface Props extends Omit<ComponentPropsWithRef<"input">, "ref" | "size" | "onChange"> {
-    label?: string;
-    max?: number;
-    min?: number;
-    value?: number;
-    classNames?: SlotsToClasses<SliderSlots>;
-    onChange?: (value: number) => void;
-}
-type SliderProps = Props & SliderVariantProps;
-declare const Slider: React.ForwardRefExoticComponent<Props & SliderVariantProps & React.RefAttributes<HTMLInputElement>>;
-
-declare const slider: tailwind_variants.TVReturnType<{
-    size: {
-        sm: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        md: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        lg: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-    };
-    color: {
-        primary: {
-            filter: string;
-            thumb: string;
-        };
-        secondary: {
-            filter: string;
-            thumb: string;
-        };
-    };
-    gradient: {
-        true: {
-            filter: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string;
-        };
-    };
-    hideThumb: {
-        true: {
-            thumb: string;
-            track: string;
-        };
-    };
-    isDisabled: {
-        false: {
-            thumb: string[];
-        };
-        true: {
-            thumb: string[];
-            filter: string[];
-        };
-    };
-}, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    value: string;
-    trackWrapper: string;
-    track: string[];
-    filter: string[];
-    thumb: string[];
-}, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        isDisabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        hideThumb?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        classGroups: {
-            fontSize: {
-                text: string[];
-            }[];
-            borderRadius: {
-                rounded: string[];
-            }[];
-            boxShadow: {
-                shadow: string[];
-            }[];
-            padding: {
-                p: string[];
-            }[];
-            gap: {
-                gap: string[];
-            }[];
-        };
-    };
-}, {
-    size: {
-        sm: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        md: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        lg: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-    };
-    color: {
-        primary: {
-            filter: string;
-            thumb: string;
-        };
-        secondary: {
-            filter: string;
-            thumb: string;
-        };
-    };
-    gradient: {
-        true: {
-            filter: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string;
-        };
-    };
-    hideThumb: {
-        true: {
-            thumb: string;
-            track: string;
-        };
-    };
-    isDisabled: {
-        false: {
-            thumb: string[];
-        };
-        true: {
-            thumb: string[];
-            filter: string[];
-        };
-    };
-}, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    value: string;
-    trackWrapper: string;
-    track: string[];
-    filter: string[];
-    thumb: string[];
-}, tailwind_variants.TVReturnType<{
-    size: {
-        sm: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        md: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        lg: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-    };
-    color: {
-        primary: {
-            filter: string;
-            thumb: string;
-        };
-        secondary: {
-            filter: string;
-            thumb: string;
-        };
-    };
-    gradient: {
-        true: {
-            filter: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string;
-        };
-    };
-    hideThumb: {
-        true: {
-            thumb: string;
-            track: string;
-        };
-    };
-    isDisabled: {
-        false: {
-            thumb: string[];
-        };
-        true: {
-            thumb: string[];
-            filter: string[];
-        };
-    };
-}, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    value: string;
-    trackWrapper: string;
-    track: string[];
-    filter: string[];
-    thumb: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    size: {
-        sm: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        md: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        lg: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-    };
-    color: {
-        primary: {
-            filter: string;
-            thumb: string;
-        };
-        secondary: {
-            filter: string;
-            thumb: string;
-        };
-    };
-    gradient: {
-        true: {
-            filter: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string;
-        };
-    };
-    hideThumb: {
-        true: {
-            thumb: string;
-            track: string;
-        };
-    };
-    isDisabled: {
-        false: {
-            thumb: string[];
-        };
-        true: {
-            thumb: string[];
-            filter: string[];
-        };
-    };
-}, {
-    size: {
-        sm: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        md: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-        lg: {
-            track: string;
-            thumb: string[];
-            label: string;
-            value: string;
-        };
-    };
-    color: {
-        primary: {
-            filter: string;
-            thumb: string;
-        };
-        secondary: {
-            filter: string;
-            thumb: string;
-        };
-    };
-    gradient: {
-        true: {
-            filter: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string;
-        };
-    };
-    hideThumb: {
-        true: {
-            thumb: string;
-            track: string;
-        };
-    };
-    isDisabled: {
-        false: {
-            thumb: string[];
-        };
-        true: {
-            thumb: string[];
-            filter: string[];
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type SliderVariantProps = VariantProps<typeof slider>;
-type SliderSlots = keyof ReturnType<typeof slider>;
-
-export { type Props, type SliderProps, type SliderSlots, type SliderVariantProps, Slider as default, slider };

package/dist/components/slider/slider.js

@@ -1,238 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/slider/slider.tsx
-var slider_exports = {};
-__export(slider_exports, {
-  default: () => slider_default,
-  slider: () => slider
-});
-module.exports = __toCommonJS(slider_exports);
-var import_react = require("react");
-
-// src/utils/tailwind-variants.ts
-var import_tailwind_variants = require("tailwind-variants");
-var COMMON_SIZE = ["sm", "md", "lg"];
-var COMMON_RADIUS = ["xlg", "xxlg", "none", "full"];
-var COMMON_FONTSIZE = ["h1", "h2", "h3", "h4", "h5"];
-var COMMON_SHADOW = ["inner", "drop"];
-var tv = (0, import_tailwind_variants.createTV)({
-  // twMerge: false,
-  twMergeConfig: {
-    classGroups: {
-      fontSize: [{ text: [...COMMON_SIZE, ...COMMON_FONTSIZE] }],
-      borderRadius: [{ rounded: [...COMMON_RADIUS, ...COMMON_SIZE] }],
-      boxShadow: [{ shadow: [...COMMON_SHADOW] }],
-      padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...COMMON_SIZE] }]
-    }
-  }
-});
-
-// src/components/slider/slider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Slider = (0, import_react.forwardRef)((props, ref) => {
-  const { size, onChange, ...inputProps } = props;
-  const { base, trackWrapper, track, thumb, labelWrapper, label, filter } = slider({ ...props });
-  const min = props.min || 0;
-  const max = props.max || 0;
-  const [value, setValue] = (0, import_react.useState)(props.value || 0);
-  const [percentage, setPercentage] = (0, import_react.useState)(props.value || 0);
-  const [mouseStatus, setMouseStatus] = (0, import_react.useState)();
-  const THUMB_SIZE = props.size === "sm" ? 8 : props.size === "md" ? 10 : 12;
-  const trackRef = (0, import_react.useRef)(null);
-  const mouseStatusRef = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
-    const defaultValue = Math.min(Math.max(value, min), max);
-    const defaultPercentage = Math.floor(defaultValue / max * 100);
-    setPercentage(defaultPercentage);
-  }, [max, min, value]);
-  const handleMouseDown = () => {
-    mouseStatusRef.current = "DOWN";
-    setMouseStatus("DOWN");
-  };
-  const handleClickTrack = (event) => {
-    var _a;
-    if (!trackRef.current) return;
-    if (props.isDisabled) return;
-    const trackRect = trackRef.current.getBoundingClientRect();
-    const offsetX = event.clientX - trackRect.left;
-    const _percentage = Math.min(100, Math.max(0, offsetX / trackRect.width * 100));
-    const calculatedValue = Math.floor(_percentage / 100 * (max - min) + min);
-    setValue(calculatedValue);
-    setPercentage(_percentage);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, calculatedValue);
-  };
-  (0, import_react.useEffect)(() => {
-    const handleMouseMove = (event) => {
-      var _a;
-      if (!props.isDisabled) {
-        if (mouseStatusRef.current === "DOWN" && trackRef.current) {
-          const trackRect = trackRef.current.getBoundingClientRect();
-          const offsetX = event.clientX - trackRect.left;
-          const _percentage = Math.min(100, Math.max(0, offsetX / trackRect.width * 100));
-          const calculatedValue = Math.floor(_percentage / 100 * (max - min) + min);
-          setPercentage(_percentage);
-          (_a = props.onChange) == null ? void 0 : _a.call(props, calculatedValue);
-        }
-      }
-    };
-    const handleMouseUp = () => {
-      mouseStatusRef.current = "UP";
-      setMouseStatus("UP");
-    };
-    const handleMouseLeave = () => {
-      mouseStatusRef.current = "UP";
-      setMouseStatus("UP");
-    };
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseup", handleMouseUp);
-    document.addEventListener("mouseleave", handleMouseLeave);
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseLeave);
-    };
-  }, [props.isDisabled]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: base(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: labelWrapper(), children: props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: label(), children: props.label }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: trackWrapper(), onMouseDown: handleMouseDown, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: trackRef, className: track(), onClick: handleClickTrack, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: filter(), style: { width: `${percentage}%` } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          "data-dragging": mouseStatus === "DOWN",
-          className: thumb(),
-          style: { left: `calc(${percentage}% - ${THUMB_SIZE / 2}px)` }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          ref,
-          className: "hidden",
-          type: "range",
-          min: props.min,
-          max: props.max,
-          value: props.value,
-          ...inputProps
-        }
-      )
-    ] })
-  ] });
-});
-Slider.displayName = "Slider";
-var slider_default = Slider;
-var slider = tv({
-  slots: {
-    base: "flex flex-col w-[200px]",
-    labelWrapper: "flex justify-between items-center",
-    label: "",
-    value: "",
-    trackWrapper: "relative flex flex-direction items-center",
-    track: ["flex", "w-full", "relative", "rounded-full", "bg-neutral-soft"],
-    filter: ["h-full", "absolute", "rounded-full"],
-    thumb: ["absolute", "flex", "justify-center", "items-center", "rounded-full"]
-  },
-  variants: {
-    size: {
-      sm: {
-        track: "h-[2px]",
-        thumb: ["w-[6px] h-[6px]", "hover:shadow-[0px_0px_0px_2px]"],
-        label: "text-sm",
-        value: "text-sm"
-      },
-      md: {
-        track: "h-[4px]",
-        thumb: ["w-[8px] h-[8px]", "hover:shadow-[0px_0px_0px_3px]"],
-        label: "text-md",
-        value: "text-md"
-      },
-      lg: {
-        track: "h-[6px]",
-        thumb: ["w-[12px] h-[12px]", "hover:shadow-[0px_0px_0px_4px]"],
-        label: "text-lg",
-        value: "text-lg"
-      }
-    },
-    color: {
-      primary: {
-        filter: "bg-primary-main",
-        thumb: "bg-primary-main"
-      },
-      secondary: {
-        filter: "bg-secondary-main",
-        thumb: "bg-secondary-main"
-      }
-    },
-    gradient: {
-      true: {
-        filter: ["bg-gradient-to-r", "from-primary-main", "to-secondary-main"]
-      }
-    },
-    fullWidth: {
-      true: {
-        base: "w-full"
-      }
-    },
-    hideThumb: {
-      true: {
-        thumb: "sr-only",
-        track: "overflow-hidden cursor-pointer"
-      }
-    },
-    isDisabled: {
-      false: {
-        thumb: ["cursor-grab", "data-[dragging=true]:cursor-grabbing"]
-      },
-      true: {
-        thumb: ["bg-neutral-light", "hover:shadow-none", "cursor-default"],
-        filter: ["bg-neutral-light", "from-none", "to-none", "cursor-default"]
-      }
-    }
-  },
-  compoundVariants: [
-    // filter boxShadow & color
-    {
-      isDisabled: false,
-      color: "primary",
-      class: {
-        thumb: "hover:shadow-primary-main/20"
-      }
-    },
-    {
-      isDisabled: false,
-      color: "secondary",
-      class: {
-        thumb: "data-[dragging=true]:shadow-secondary-main/20"
-      }
-    }
-  ],
-  defaultVariants: {
-    size: "md",
-    color: "primary",
-    hideThumb: false,
-    isDisabled: false
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  slider
-});

package/dist/components/slider/slider.mjs

@@ -1,11 +0,0 @@
-"use client";
-import {
-  slider,
-  slider_default
-} from "../../chunk-A3RWT3JJ.mjs";
-import "../../chunk-J725QONZ.mjs";
-import "../../chunk-IZ6II3QA.mjs";
-export {
-  slider_default as default,
-  slider
-};

package/dist/components/slider/slider.test.d.mts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/components/slider/slider.test.d.ts

@@ -1,2 +0,0 @@
-
-export {  }