@mdigital_ui/ui 0.2.5 → 0.2.7

package/dist/chunk-FYHQDFKE.js

@@ -1,164 +0,0 @@
-import { cn } from './chunk-YNNAOXU5.js';
-import { cva } from 'class-variance-authority';
-import { Star } from 'lucide-react';
-import React, { useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var ratingVariants = cva("inline-flex items-center gap-1", {
-  variants: {
-    size: {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var starSizes = {
-  xs: 12,
-  sm: 16,
-  md: 20,
-  lg: 24
-};
-var getStarClasses = (color, variant, isFilled, isHovered) => {
-  const state = isFilled || isHovered ? "filled" : "empty";
-  if (state === "empty") {
-    if (variant === "solid") {
-      if (color === "default") return "fill-transparent stroke-border";
-      return `fill-transparent stroke-${color} opacity-20`;
-    }
-    if (variant === "soft") {
-      if (color === "default") return "fill-transparent stroke-border/50";
-      return `fill-transparent stroke-${color} opacity-20`;
-    }
-    if (color === "default") return "fill-transparent stroke-border";
-    return `fill-transparent stroke-${color} opacity-20`;
-  }
-  if (variant === "solid") {
-    if (color === "default") return "fill-border stroke-border";
-    return `fill-${color} stroke-${color}`;
-  }
-  if (variant === "soft") {
-    if (color === "default") return "fill-border/50 stroke-border";
-    return `fill-${color} opacity-20 stroke-${color}`;
-  }
-  if (color === "default") return "fill-border stroke-border";
-  return `fill-${color} stroke-${color}`;
-};
-var Rating = React.memo(
-  ({
-    value: controlledValue,
-    defaultValue = 0,
-    count = 5,
-    allowHalf = false,
-    color = "warning",
-    size = "md",
-    variant = "solid",
-    onChange,
-    disabled = false,
-    readOnly = false,
-    className
-  }) => {
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const [hoverValue, setHoverValue] = useState(null);
-    const value = controlledValue !== void 0 ? controlledValue : internalValue;
-    const displayValue = hoverValue !== null ? hoverValue : value;
-    const handleStarClick = (index, isHalf) => {
-      if (disabled || readOnly) return;
-      const newValue = isHalf ? index + 0.5 : index + 1;
-      if (controlledValue === void 0) {
-        setInternalValue(newValue);
-      }
-      onChange?.(newValue);
-    };
-    const handleStarHover = (index, isHalf) => {
-      if (disabled || readOnly) return;
-      const newValue = isHalf ? index + 0.5 : index + 1;
-      setHoverValue(newValue);
-    };
-    const handleMouseLeave = () => {
-      setHoverValue(null);
-    };
-    const getStarFill = (index) => {
-      const fillValue = displayValue - index;
-      if (fillValue >= 1) return "full";
-      if (fillValue > 0 && fillValue < 1) return "half";
-      return "empty";
-    };
-    return /* @__PURE__ */ jsx("div", { className: cn(ratingVariants({ size }), className), children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "inline-flex items-center gap-0.5",
-        onMouseLeave: handleMouseLeave,
-        children: Array.from({ length: count }, (_, index) => {
-          const fillType = getStarFill(index);
-          const isHovered = hoverValue !== null && index < Math.ceil(hoverValue);
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "relative inline-flex",
-                !disabled && !readOnly && "cursor-pointer",
-                disabled && "opacity-50 cursor-not-allowed"
-              ),
-              children: [
-                allowHalf && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute inset-0 w-1/2 z-10",
-                    onClick: () => handleStarClick(index, true),
-                    onMouseEnter: () => handleStarHover(index, true)
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "absolute inset-0 z-10",
-                      allowHalf ? "left-1/2" : "left-0"
-                    ),
-                    onClick: () => handleStarClick(index, false),
-                    onMouseEnter: () => handleStarHover(index, false)
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Star,
-                  {
-                    size: starSizes[size],
-                    className: cn(
-                      getStarClasses(color, variant, false, false),
-                      "transition-colors"
-                    )
-                  }
-                ),
-                fillType !== "empty" && /* @__PURE__ */ jsx(
-                  Star,
-                  {
-                    size: starSizes[size],
-                    className: cn(
-                      "absolute top-0 left-0 transition-colors",
-                      getStarClasses(color, variant, true, isHovered)
-                    ),
-                    style: {
-                      clipPath: fillType === "half" ? "polygon(0 0, 50% 0, 50% 100%, 0 100%)" : "none"
-                    }
-                  }
-                )
-              ]
-            },
-            index
-          );
-        })
-      }
-    ) });
-  }
-);
-Rating.displayName = "Rating";
-var rating_default = Rating;
-
-export { rating_default };
-//# sourceMappingURL=chunk-FYHQDFKE.js.map
-//# sourceMappingURL=chunk-FYHQDFKE.js.map

package/dist/chunk-FYHQDFKE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/rating/index.tsx"],"names":[],"mappings":"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","file":"chunk-FYHQDFKE.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Star } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { RatingProps } from './types'\n\nconst ratingVariants = cva('inline-flex items-center gap-1', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst starSizes = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n}\n\nconst getStarClasses = (\n  color: string,\n  variant: string,\n  isFilled: boolean,\n  isHovered: boolean,\n) => {\n  const state = isFilled || isHovered ? 'filled' : 'empty'\n\n  if (state === 'empty') {\n    if (variant === 'solid') {\n      if (color === 'default') return 'fill-transparent stroke-border'\n      return `fill-transparent stroke-${color} opacity-20`\n    }\n    if (variant === 'soft') {\n      if (color === 'default') return 'fill-transparent stroke-border/50'\n      return `fill-transparent stroke-${color} opacity-20`\n    }\n    if (color === 'default') return 'fill-transparent stroke-border'\n    return `fill-transparent stroke-${color} opacity-20`\n  }\n\n  // filled state\n  if (variant === 'solid') {\n    if (color === 'default') return 'fill-border stroke-border'\n    return `fill-${color} stroke-${color}`\n  }\n  if (variant === 'soft') {\n    if (color === 'default') return 'fill-border/50 stroke-border'\n    return `fill-${color} opacity-20 stroke-${color}`\n  }\n  if (color === 'default') return 'fill-border stroke-border'\n  return `fill-${color} stroke-${color}`\n}\n\nconst Rating = React.memo<RatingProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 0,\n    count = 5,\n    allowHalf = false,\n    color = 'warning',\n    size = 'md',\n    variant = 'solid',\n    onChange,\n    disabled = false,\n    readOnly = false,\n    className,\n  }) => {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const [hoverValue, setHoverValue] = useState<number | null>(null)\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n    const displayValue = hoverValue !== null ? hoverValue : value\n\n    const handleStarClick = (index: number, isHalf: boolean) => {\n      if (disabled || readOnly) return\n\n      const newValue = isHalf ? index + 0.5 : index + 1\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    }\n\n    const handleStarHover = (index: number, isHalf: boolean) => {\n      if (disabled || readOnly) return\n      const newValue = isHalf ? index + 0.5 : index + 1\n      setHoverValue(newValue)\n    }\n\n    const handleMouseLeave = () => {\n      setHoverValue(null)\n    }\n\n    const getStarFill = (index: number) => {\n      const fillValue = displayValue - index\n      if (fillValue >= 1) return 'full'\n      if (fillValue > 0 && fillValue < 1) return 'half'\n      return 'empty'\n    }\n\n    return (\n      <div className={cn(ratingVariants({ size }), className)}>\n        <div\n          className=\"inline-flex items-center gap-0.5\"\n          onMouseLeave={handleMouseLeave}\n        >\n          {Array.from({ length: count }, (_, index) => {\n            const fillType = getStarFill(index)\n            const isHovered =\n              hoverValue !== null && index < Math.ceil(hoverValue)\n\n            return (\n              <div\n                key={index}\n                className={cn(\n                  'relative inline-flex',\n                  !disabled && !readOnly && 'cursor-pointer',\n                  disabled && 'opacity-50 cursor-not-allowed',\n                )}\n              >\n                {/* Left half */}\n                {allowHalf && (\n                  <div\n                    className=\"absolute inset-0 w-1/2 z-10\"\n                    onClick={() => handleStarClick(index, true)}\n                    onMouseEnter={() => handleStarHover(index, true)}\n                  />\n                )}\n                {/* Right half or full star */}\n                <div\n                  className={cn(\n                    'absolute inset-0 z-10',\n                    allowHalf ? 'left-1/2' : 'left-0',\n                  )}\n                  onClick={() => handleStarClick(index, false)}\n                  onMouseEnter={() => handleStarHover(index, false)}\n                />\n\n                {/* Background star (empty) */}\n                <Star\n                  size={starSizes[size]}\n                  className={cn(\n                    getStarClasses(color, variant, false, false),\n                    'transition-colors',\n                  )}\n                />\n\n                {/* Foreground star (filled) */}\n                {fillType !== 'empty' && (\n                  <Star\n                    size={starSizes[size]}\n                    className={cn(\n                      'absolute top-0 left-0 transition-colors',\n                      getStarClasses(color, variant, true, isHovered),\n                    )}\n                    style={{\n                      clipPath:\n                        fillType === 'half'\n                          ? 'polygon(0 0, 50% 0, 50% 100%, 0 100%)'\n                          : 'none',\n                    }}\n                  />\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  },\n)\n\nRating.displayName = 'Rating'\n\nexport type * from './types'\nexport default Rating\n"]}