@mdigital_ui/ui 0.4.0 → 0.4.2

package/dist/chunk-7UCNBMCV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rating/index.tsx"],"names":[],"mappings":"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","file":"chunk-7UCNBMCV.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { Star } from 'lucide-react'\nimport React, { useState, useCallback, useId } 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\n/**\n * Color mappings for Tailwind JIT compatibility\n */\nconst fillColorClasses: Record<string, string> = {\n  default: 'fill-border',\n  primary: 'fill-primary',\n  secondary: 'fill-secondary',\n  accent: 'fill-accent',\n  success: 'fill-success',\n  error: 'fill-error',\n  warning: 'fill-warning',\n  info: 'fill-info',\n}\n\nconst strokeColorClasses: Record<string, string> = {\n  default: 'stroke-border',\n  primary: 'stroke-primary',\n  secondary: 'stroke-secondary',\n  accent: 'stroke-accent',\n  success: 'stroke-success',\n  error: 'stroke-error',\n  warning: 'stroke-warning',\n  info: 'stroke-info',\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  const strokeClass = strokeColorClasses[color] || strokeColorClasses.default\n  const fillClass = fillColorClasses[color] || fillColorClasses.default\n\n  if (state === 'empty') {\n    if (variant === 'solid') {\n      if (color === 'default') return 'fill-transparent stroke-border'\n      return `fill-transparent ${strokeClass} opacity-20`\n    }\n    if (variant === 'soft') {\n      if (color === 'default') return 'fill-transparent stroke-border/50'\n      return `fill-transparent ${strokeClass} opacity-20`\n    }\n    if (color === 'default') return 'fill-transparent stroke-border'\n    return `fill-transparent ${strokeClass} opacity-20`\n  }\n\n  // filled state\n  if (variant === 'solid') {\n    if (color === 'default') return 'fill-border stroke-border'\n    return `${fillClass} ${strokeClass}`\n  }\n  if (variant === 'soft') {\n    if (color === 'default') return 'fill-border/50 stroke-border'\n    return `${fillClass} opacity-20 ${strokeClass}`\n  }\n  if (color === 'default') return 'fill-border stroke-border'\n  return `${fillClass} ${strokeClass}`\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    classNames,\n    'aria-label': ariaLabel,\n  }) => {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const [hoverValue, setHoverValue] = useState<number | null>(null)\n    const uniqueId = useId()\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n    const displayValue = hoverValue !== null ? hoverValue : value\n    const isInteractive = !disabled && !readOnly\n\n    const updateValue = useCallback(\n      (newValue: number) => {\n        if (!isInteractive) return\n\n        if (controlledValue === undefined) {\n          setInternalValue(newValue)\n        }\n        onChange?.(newValue)\n      },\n      [isInteractive, controlledValue, onChange],\n    )\n\n    const handleStarClick = useCallback(\n      (index: number, isHalf: boolean) => {\n        if (!isInteractive) return\n        const newValue = isHalf ? index + 0.5 : index + 1\n        updateValue(newValue)\n      },\n      [isInteractive, updateValue],\n    )\n\n    const handleStarHover = useCallback(\n      (index: number, isHalf: boolean) => {\n        if (!isInteractive) return\n        const newValue = isHalf ? index + 0.5 : index + 1\n        setHoverValue(newValue)\n      },\n      [isInteractive],\n    )\n\n    const handleMouseLeave = useCallback(() => {\n      setHoverValue(null)\n    }, [])\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (!isInteractive) return\n\n        const step = allowHalf ? 0.5 : 1\n        let newValue = value\n\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowUp':\n            e.preventDefault()\n            newValue = Math.min(value + step, count)\n            break\n          case 'ArrowLeft':\n          case 'ArrowDown':\n            e.preventDefault()\n            newValue = Math.max(value - step, 0)\n            break\n          case 'Home':\n            e.preventDefault()\n            newValue = 0\n            break\n          case 'End':\n            e.preventDefault()\n            newValue = count\n            break\n          default:\n            return\n        }\n\n        updateValue(newValue)\n      },\n      [isInteractive, value, count, allowHalf, updateValue],\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    const getValueText = (val: number) => {\n      if (val === 0) return 'No rating'\n      if (val === 1) return '1 star'\n      return `${val} stars`\n    }\n\n    return (\n      <div className={cn(ratingVariants({ size }), 'rating_root', classNames?.root, className)}>\n        <div\n          id={`rating-${uniqueId}`}\n          role=\"slider\"\n          aria-label={ariaLabel || 'Rating'}\n          aria-valuenow={value}\n          aria-valuemin={0}\n          aria-valuemax={count}\n          aria-valuetext={getValueText(value)}\n          aria-disabled={disabled || undefined}\n          aria-readonly={readOnly || undefined}\n          tabIndex={isInteractive ? 0 : -1}\n          onKeyDown={handleKeyDown}\n          onMouseLeave={handleMouseLeave}\n          className={cn(\n            'inline-flex items-center gap-0.5 outline-none',\n            'rating_label',\n            classNames?.label,\n            isInteractive && 'focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded',\n          )}\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                  isInteractive && '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                    'rating_star',\n                    classNames?.star,\n                  )}\n                  aria-hidden=\"true\"\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                      'rating_starFilled',\n                      classNames?.starFilled,\n                    )}\n                    style={{\n                      clipPath:\n                        fillType === 'half'\n                          ? 'polygon(0 0, 50% 0, 50% 100%, 0 100%)'\n                          : 'none',\n                    }}\n                    aria-hidden=\"true\"\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"]}

package/dist/chunk-BPRCBPVJ.js

@@ -0,0 +1,253 @@
+import { focusRingColorClasses } from './chunk-POXI7JJ4.js';
+import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import React, { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var collapseVariants = cva(
+  "w-full border rounded-md transition-colors overflow-hidden",
+  {
+    variants: {
+      size: {
+        xs: "",
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var collapseHeaderVariants = cva(
+  "w-full flex items-center justify-between cursor-pointer touch-manipulation transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm",
+  {
+    variants: {
+      size: {
+        xs: "px-2 py-1.5 text-xs",
+        sm: "px-3 py-2 text-sm",
+        md: "px-4 py-3 text-base",
+        lg: "px-5 py-4 text-lg"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      disabled: false
+    }
+  }
+);
+var collapseContentVariants = cva("transition-colors", {
+  variants: {
+    size: {
+      xs: "px-2 pb-2 text-xs",
+      sm: "px-3 pb-3 text-sm",
+      md: "px-4 pb-4 text-base",
+      lg: "px-5 pb-5 text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var colorStyles = {
+  default: {
+    default: "border-border bg-background text-text-primary",
+    solid: "border-border bg-surface text-text-primary",
+    soft: "border-border bg-surface/50 text-text-primary"
+  },
+  primary: {
+    default: "border-primary bg-background text-text-primary",
+    solid: "border-primary bg-primary text-background",
+    soft: "border-primary/30 bg-primary/10 text-text-primary"
+  },
+  secondary: {
+    default: "border-secondary bg-background text-text-primary",
+    solid: "border-secondary bg-secondary text-background",
+    soft: "border-secondary/30 bg-secondary/10 text-text-primary"
+  },
+  accent: {
+    default: "border-accent bg-background text-text-primary",
+    solid: "border-accent bg-accent text-background",
+    soft: "border-accent/30 bg-accent/10 text-text-primary"
+  },
+  success: {
+    default: "border-success bg-background text-text-primary",
+    solid: "border-success bg-success text-background",
+    soft: "border-success/30 bg-success/10 text-text-primary"
+  },
+  error: {
+    default: "border-error bg-background text-text-primary",
+    solid: "border-error bg-error text-background",
+    soft: "border-error/30 bg-error/10 text-text-primary"
+  },
+  warning: {
+    default: "border-warning bg-background text-text-primary",
+    solid: "border-warning bg-warning text-background",
+    soft: "border-warning/30 bg-warning/10 text-text-primary"
+  },
+  info: {
+    default: "border-info bg-background text-text-primary",
+    solid: "border-info bg-info text-background",
+    soft: "border-info/30 bg-info/10 text-text-primary"
+  }
+};
+var headerColorStyles = {
+  default: {
+    default: "text-text-primary hover:bg-surface",
+    solid: "text-text-primary hover:bg-surface/80",
+    soft: "text-text-primary hover:bg-surface/80"
+  },
+  primary: {
+    default: "text-primary hover:bg-primary/10",
+    solid: "hover:bg-primary/90",
+    soft: "text-primary hover:bg-primary/20"
+  },
+  secondary: {
+    default: "text-secondary hover:bg-secondary/10",
+    solid: "hover:bg-secondary/90",
+    soft: "text-secondary hover:bg-secondary/20"
+  },
+  accent: {
+    default: "text-accent hover:bg-accent/10",
+    solid: "hover:bg-accent/90",
+    soft: "text-accent hover:bg-accent/20"
+  },
+  success: {
+    default: "text-success hover:bg-success/10",
+    solid: "hover:bg-success/90",
+    soft: "text-success hover:bg-success/20"
+  },
+  error: {
+    default: "text-error hover:bg-error/10",
+    solid: "hover:bg-error/90",
+    soft: "text-error hover:bg-error/20"
+  },
+  warning: {
+    default: "text-warning hover:bg-warning/10",
+    solid: "hover:bg-warning/90",
+    soft: "text-warning hover:bg-warning/20"
+  },
+  info: {
+    default: "text-info hover:bg-info/10",
+    solid: "hover:bg-info/90",
+    soft: "text-info hover:bg-info/20"
+  }
+};
+var Collapse = React.memo(
+  ({
+    title,
+    children,
+    color = "default",
+    size = "md",
+    variant = "default",
+    defaultOpen = false,
+    open: controlledOpen,
+    onChange,
+    disabled = false,
+    className,
+    classNames,
+    ref
+  }) => {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+    const uniqueId = React.useId();
+    const headerId = `collapse-header-${uniqueId}`;
+    const contentId = `collapse-content-${uniqueId}`;
+    const handleToggle = () => {
+      if (disabled) return;
+      const newOpen = !isOpen;
+      if (controlledOpen === void 0) {
+        setInternalOpen(newOpen);
+      }
+      onChange?.(newOpen);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "collapse_root",
+          collapseVariants({ size }),
+          colorStyles[color][variant],
+          classNames?.root,
+          className
+        ),
+        "data-slot": "root",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              id: headerId,
+              type: "button",
+              onClick: handleToggle,
+              disabled,
+              "aria-expanded": isOpen,
+              "aria-controls": contentId,
+              className: cn(
+                "collapse_header",
+                collapseHeaderVariants({ size, disabled }),
+                headerColorStyles[color][variant],
+                focusRingColorClasses[color],
+                classNames?.header
+              ),
+              "data-slot": "header",
+              children: [
+                /* @__PURE__ */ jsx("span", { children: title }),
+                /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    className: cn(
+                      "collapse_icon",
+                      iconSizes[size],
+                      "transition-transform duration-300 ease-out flex-shrink-0",
+                      isOpen && "rotate-180",
+                      classNames?.icon
+                    ),
+                    "data-slot": "icon"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: contentId,
+              role: "region",
+              "aria-labelledby": headerId,
+              "aria-hidden": !isOpen,
+              className: cn(
+                "grid transition-[grid-template-rows] duration-300 ease-out",
+                isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+              ),
+              children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "collapse_content",
+                    collapseContentVariants({ size }),
+                    classNames?.content
+                  ),
+                  "data-slot": "content",
+                  children
+                }
+              ) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Collapse.displayName = "Collapse";
+var collapse_default = Collapse;
+
+export { collapse_default };
+//# sourceMappingURL=chunk-BPRCBPVJ.js.map
+//# sourceMappingURL=chunk-BPRCBPVJ.js.map

package/dist/chunk-BPRCBPVJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapse/index.tsx"],"names":[],"mappings":"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","file":"chunk-BPRCBPVJ.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { ChevronDown } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { focusRingColorClasses } from '../variants'\nimport type { CollapseProps } from './types'\n\nconst collapseVariants = cva(\n  'w-full border rounded-md transition-colors overflow-hidden',\n  {\n    variants: {\n      size: {\n        xs: '',\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst collapseHeaderVariants = cva(\n  'w-full flex items-center justify-between cursor-pointer touch-manipulation transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm',\n  {\n    variants: {\n      size: {\n        xs: 'px-2 py-1.5 text-xs',\n        sm: 'px-3 py-2 text-sm',\n        md: 'px-4 py-3 text-base',\n        lg: 'px-5 py-4 text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst collapseContentVariants = cva('transition-colors', {\n  variants: {\n    size: {\n      xs: 'px-2 pb-2 text-xs',\n      sm: 'px-3 pb-3 text-sm',\n      md: 'px-4 pb-4 text-base',\n      lg: 'px-5 pb-5 text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst colorStyles = {\n  default: {\n    default: 'border-border bg-background text-text-primary',\n    solid: 'border-border bg-surface text-text-primary',\n    soft: 'border-border bg-surface/50 text-text-primary',\n  },\n  primary: {\n    default: 'border-primary bg-background text-text-primary',\n    solid: 'border-primary bg-primary text-background',\n    soft: 'border-primary/30 bg-primary/10 text-text-primary',\n  },\n  secondary: {\n    default: 'border-secondary bg-background text-text-primary',\n    solid: 'border-secondary bg-secondary text-background',\n    soft: 'border-secondary/30 bg-secondary/10 text-text-primary',\n  },\n  accent: {\n    default: 'border-accent bg-background text-text-primary',\n    solid: 'border-accent bg-accent text-background',\n    soft: 'border-accent/30 bg-accent/10 text-text-primary',\n  },\n  success: {\n    default: 'border-success bg-background text-text-primary',\n    solid: 'border-success bg-success text-background',\n    soft: 'border-success/30 bg-success/10 text-text-primary',\n  },\n  error: {\n    default: 'border-error bg-background text-text-primary',\n    solid: 'border-error bg-error text-background',\n    soft: 'border-error/30 bg-error/10 text-text-primary',\n  },\n  warning: {\n    default: 'border-warning bg-background text-text-primary',\n    solid: 'border-warning bg-warning text-background',\n    soft: 'border-warning/30 bg-warning/10 text-text-primary',\n  },\n  info: {\n    default: 'border-info bg-background text-text-primary',\n    solid: 'border-info bg-info text-background',\n    soft: 'border-info/30 bg-info/10 text-text-primary',\n  },\n}\n\nconst headerColorStyles = {\n  default: {\n    default: 'text-text-primary hover:bg-surface',\n    solid: 'text-text-primary hover:bg-surface/80',\n    soft: 'text-text-primary hover:bg-surface/80',\n  },\n  primary: {\n    default: 'text-primary hover:bg-primary/10',\n    solid: 'hover:bg-primary/90',\n    soft: 'text-primary hover:bg-primary/20',\n  },\n  secondary: {\n    default: 'text-secondary hover:bg-secondary/10',\n    solid: 'hover:bg-secondary/90',\n    soft: 'text-secondary hover:bg-secondary/20',\n  },\n  accent: {\n    default: 'text-accent hover:bg-accent/10',\n    solid: 'hover:bg-accent/90',\n    soft: 'text-accent hover:bg-accent/20',\n  },\n  success: {\n    default: 'text-success hover:bg-success/10',\n    solid: 'hover:bg-success/90',\n    soft: 'text-success hover:bg-success/20',\n  },\n  error: {\n    default: 'text-error hover:bg-error/10',\n    solid: 'hover:bg-error/90',\n    soft: 'text-error hover:bg-error/20',\n  },\n  warning: {\n    default: 'text-warning hover:bg-warning/10',\n    solid: 'hover:bg-warning/90',\n    soft: 'text-warning hover:bg-warning/20',\n  },\n  info: {\n    default: 'text-info hover:bg-info/10',\n    solid: 'hover:bg-info/90',\n    soft: 'text-info hover:bg-info/20',\n  },\n}\n\nconst Collapse = React.memo<CollapseProps>(\n  ({\n    title,\n    children,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    defaultOpen = false,\n    open: controlledOpen,\n    onChange,\n    disabled = false,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n    const uniqueId = React.useId()\n    const headerId = `collapse-header-${uniqueId}`\n    const contentId = `collapse-content-${uniqueId}`\n\n    const handleToggle = () => {\n      if (disabled) return\n\n      const newOpen = !isOpen\n      if (controlledOpen === undefined) {\n        setInternalOpen(newOpen)\n      }\n      onChange?.(newOpen)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'collapse_root',\n          collapseVariants({ size }),\n          colorStyles[color][variant],\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n      >\n        <button\n          id={headerId}\n          type=\"button\"\n          onClick={handleToggle}\n          disabled={disabled}\n          aria-expanded={isOpen}\n          aria-controls={contentId}\n          className={cn(\n            'collapse_header',\n            collapseHeaderVariants({ size, disabled }),\n            headerColorStyles[color][variant],\n            focusRingColorClasses[color],\n            classNames?.header,\n          )}\n          data-slot=\"header\"\n        >\n          <span>{title}</span>\n          <ChevronDown\n            className={cn(\n              'collapse_icon',\n              iconSizes[size],\n              'transition-transform duration-300 ease-out flex-shrink-0',\n              isOpen && 'rotate-180',\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          />\n        </button>\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={headerId}\n          aria-hidden={!isOpen}\n          className={cn(\n            'grid transition-[grid-template-rows] duration-300 ease-out',\n            isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n          )}\n        >\n          <div className=\"overflow-hidden\">\n            <div\n              className={cn(\n                'collapse_content',\n                collapseContentVariants({ size }),\n                classNames?.content,\n              )}\n              data-slot=\"content\"\n            >\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n\nCollapse.displayName = 'Collapse'\n\nexport type * from './types'\nexport default Collapse\n"]}