@mdigital_ui/ui 0.4.3 → 0.4.4

package/dist/{chunk-EHNWVQBL.js → chunk-ADZWWBAX.js}

@@ -1,24 +1,7 @@
-import { cn } from './chunk-RAS6HUEI.js';
+import { getValidationStatus, cn, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-function getValidationStatus(props) {
-  if (props.error) return "error";
-  if (props.warning) return "warning";
-  if (props.info) return "info";
-  if (props.success) return "success";
-  return "default";
-}
-function getValidationMessage(props) {
-  const status = getValidationStatus(props);
-  if (status === "error" && typeof props.error === "string") return props.error;
-  if (status === "warning" && typeof props.warning === "string")
-    return props.warning;
-  if (status === "info" && typeof props.info === "string") return props.info;
-  if (status === "success" && typeof props.success === "string")
-    return props.success;
-  return props.helperText;
-}
 var sizeClasses = {
   xs: "h-(--otp-size-xs) w-(--otp-size-xs) text-xs",
   sm: "h-(--otp-size-sm) w-(--otp-size-sm) text-sm",
@@ -32,13 +15,6 @@ var statusBorderClasses = {
   info: "border-info focus:border-info",
   success: "border-success focus:border-success"
 };
-var statusTextClasses = {
-  default: "text-text-secondary",
-  error: "text-error",
-  warning: "text-warning",
-  info: "text-info",
-  success: "text-success"
-};
 var InputOTP = React.memo(
   ({
     length = 6,
@@ -62,9 +38,11 @@ var InputOTP = React.memo(
     ref
   }) => {
     const inputRefs = React.useRef([]);
+    const otpRef = React.useRef([]);
     const [otp, setOtp] = React.useState(
       value !== void 0 ? value.split("").slice(0, length) : []
     );
+    otpRef.current = otp;
     React.useEffect(() => {
       if (value !== void 0) {
         setOtp(value.split("").slice(0, length));
@@ -86,17 +64,13 @@ var InputOTP = React.memo(
     const handleChange = React.useCallback(
       (index, newValue) => {
         const char = newValue.slice(-1);
-        if (compiledPattern && char && !compiledPattern.test(char)) {
-          return;
-        }
+        if (compiledPattern && char && !compiledPattern.test(char)) return;
         setOtp((prev) => {
           const newOtp = [...prev];
           newOtp[index] = char;
           const otpValue = newOtp.join("");
           onChange?.(otpValue);
-          if (otpValue.length === length) {
-            onComplete?.(otpValue);
-          }
+          if (otpValue.length === length) onComplete?.(otpValue);
           return newOtp;
         });
         if (char && index < length - 1) {
@@ -108,7 +82,7 @@ var InputOTP = React.memo(
     const handleKeyDown = React.useCallback(
       (index, e) => {
         if (e.key === "Backspace") {
-          if (!otp[index] && index > 0) {
+          if (!otpRef.current[index] && index > 0) {
             inputRefs.current[index - 1]?.focus();
           }
         } else if (e.key === "ArrowLeft" && index > 0) {
@@ -117,23 +91,20 @@ var InputOTP = React.memo(
           inputRefs.current[index + 1]?.focus();
         }
       },
-      [otp, length]
+      [length]
     );
     const handlePaste = React.useCallback(
       (e) => {
         e.preventDefault();
         const pastedData = e.clipboardData.getData("text").slice(0, length);
-        if (compiledPattern && pattern && !new RegExp(`^${pattern}*$`).test(pastedData)) {
-          return;
-        }
+        if (compiledPattern && pattern && !new RegExp(`^${pattern}*$`).test(pastedData)) return;
         setOtp((prevOtp) => {
           const newOtp = pastedData.split("").slice(0, length);
           const otpValue = newOtp.join("");
           onChange?.(otpValue);
           const focusIndex = Math.min(newOtp.length, length - 1);
           inputRefs.current[focusIndex]?.focus();
-          const wasIncomplete = prevOtp.length < length;
-          if (wasIncomplete && otpValue.length === length) {
+          if (prevOtp.length < length && otpValue.length === length) {
             onComplete?.(otpValue);
           }
           return newOtp;
@@ -141,31 +112,7 @@ var InputOTP = React.memo(
       },
       [length, onChange, onComplete, compiledPattern, pattern]
     );
-    const status = getValidationStatus({
-      error,
-      warning,
-      info,
-      success});
-    const message = getValidationMessage({
-      error,
-      warning,
-      info,
-      success,
-      helperText
-    });
-    const MessageComponent = message && /* @__PURE__ */ jsx(
-      "p",
-      {
-        "data-slot": "inputOTP_helper",
-        className: cn(
-          "inputOTP_helper",
-          "text-xs mt-1",
-          statusTextClasses[status],
-          classNames?.helper
-        ),
-        children: message
-      }
-    );
+    const { status, message } = getValidationStatus({ error, warning, info, success, helperText });
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -173,7 +120,7 @@ var InputOTP = React.memo(
         "data-slot": "inputOTP_root",
         className: cn("inputOTP_root", "w-full", classNames?.root, className),
         children: [
-          label && messagePosition === "top" && /* @__PURE__ */ jsx(
+          label && /* @__PURE__ */ jsx(
             "label",
             {
               "data-slot": "inputOTP_label",
@@ -185,7 +132,14 @@ var InputOTP = React.memo(
               children: label
             }
           ),
-          messagePosition === "top" && MessageComponent,
+          messagePosition === "top" && message && /* @__PURE__ */ jsx(
+            "p",
+            {
+              "data-slot": "inputOTP_helper",
+              className: cn("inputOTP_helper", statusMessageVariants({ status }), "mb-1.5", classNames?.helper),
+              children: message
+            }
+          ),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -230,19 +184,14 @@ var InputOTP = React.memo(
               })
             }
           ),
-          label && messagePosition === "bottom" && /* @__PURE__ */ jsx(
-            "label",
+          messagePosition === "bottom" && message && /* @__PURE__ */ jsx(
+            "p",
             {
-              "data-slot": "inputOTP_label",
-              className: cn(
-                "inputOTP_label",
-                "block text-sm font-medium text-text-primary mt-1.5",
-                classNames?.label
-              ),
-              children: label
+              "data-slot": "inputOTP_helper",
+              className: cn("inputOTP_helper", statusMessageVariants({ status }), "mt-1.5", classNames?.helper),
+              children: message
             }
-          ),
-          messagePosition === "bottom" && MessageComponent
+          )
         ]
       }
     );
@@ -252,5 +201,5 @@ InputOTP.displayName = "InputOTP";
 var input_otp_default = InputOTP;
 
 export { input_otp_default };
-//# sourceMappingURL=chunk-EHNWVQBL.js.map
-//# sourceMappingURL=chunk-EHNWVQBL.js.map
+//# sourceMappingURL=chunk-ADZWWBAX.js.map
+//# sourceMappingURL=chunk-ADZWWBAX.js.map

package/dist/chunk-ADZWWBAX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-otp/index.tsx"],"names":[],"mappings":"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","file":"chunk-ADZWWBAX.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { cn, getValidationStatus as getStatus, statusMessageVariants } from '../utils'\nimport type { InputOTPProps } from './types'\n\nconst sizeClasses = {\n  xs: 'h-(--otp-size-xs) w-(--otp-size-xs) text-xs',\n  sm: 'h-(--otp-size-sm) w-(--otp-size-sm) text-sm',\n  md: 'h-(--otp-size-md) w-(--otp-size-md) text-base',\n  lg: 'h-(--otp-size-lg) w-(--otp-size-lg) text-lg',\n}\n\nconst statusBorderClasses = {\n  default: 'border-border focus:border-primary',\n  error: 'border-error focus:border-error',\n  warning: 'border-warning focus:border-warning',\n  info: 'border-info focus:border-info',\n  success: 'border-success focus:border-success',\n}\n\nconst InputOTP = React.memo<InputOTPProps>(\n  ({\n    length = 6,\n    size = 'md',\n    value,\n    onChange,\n    onComplete,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n    disabled = false,\n    autoFocus = false,\n    type = 'text',\n    pattern,\n    label,\n    messagePosition = 'bottom',\n    className,\n    classNames,\n    ref,\n  }) => {\n    const inputRefs = React.useRef<(HTMLInputElement | null)[]>([])\n    const otpRef = React.useRef<string[]>([])\n    const [otp, setOtp] = React.useState<string[]>(\n      value !== undefined ? value.split('').slice(0, length) : [],\n    )\n    otpRef.current = otp\n\n    React.useEffect(() => {\n      if (value !== undefined) {\n        setOtp(value.split('').slice(0, length))\n      }\n    }, [value, length])\n\n    React.useEffect(() => {\n      if (autoFocus && inputRefs.current[0]) {\n        inputRefs.current[0].focus()\n      }\n    }, [autoFocus])\n\n    const compiledPattern = React.useMemo(() => {\n      if (!pattern) return null\n      try { return new RegExp(pattern) } catch { return null }\n    }, [pattern])\n\n    const handleChange = React.useCallback(\n      (index: number, newValue: string) => {\n        const char = newValue.slice(-1)\n        if (compiledPattern && char && !compiledPattern.test(char)) return\n\n        setOtp((prev) => {\n          const newOtp = [...prev]\n          newOtp[index] = char\n          const otpValue = newOtp.join('')\n          onChange?.(otpValue)\n          if (otpValue.length === length) onComplete?.(otpValue)\n          return newOtp\n        })\n\n        if (char && index < length - 1) {\n          inputRefs.current[index + 1]?.focus()\n        }\n      },\n      [length, onChange, onComplete, compiledPattern],\n    )\n\n    const handleKeyDown = React.useCallback(\n      (index: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Backspace') {\n          if (!otpRef.current[index] && index > 0) {\n            inputRefs.current[index - 1]?.focus()\n          }\n        } else if (e.key === 'ArrowLeft' && index > 0) {\n          inputRefs.current[index - 1]?.focus()\n        } else if (e.key === 'ArrowRight' && index < length - 1) {\n          inputRefs.current[index + 1]?.focus()\n        }\n      },\n      [length],\n    )\n\n    const handlePaste = React.useCallback(\n      (e: React.ClipboardEvent) => {\n        e.preventDefault()\n        const pastedData = e.clipboardData.getData('text').slice(0, length)\n        if (compiledPattern && pattern && !new RegExp(`^${pattern}*$`).test(pastedData)) return\n\n        setOtp((prevOtp) => {\n          const newOtp = pastedData.split('').slice(0, length)\n          const otpValue = newOtp.join('')\n          onChange?.(otpValue)\n          const focusIndex = Math.min(newOtp.length, length - 1)\n          inputRefs.current[focusIndex]?.focus()\n          if (prevOtp.length < length && otpValue.length === length) {\n            onComplete?.(otpValue)\n          }\n          return newOtp\n        })\n      },\n      [length, onChange, onComplete, compiledPattern, pattern],\n    )\n\n    const { status, message } = getStatus({ error, warning, info, success, helperText })\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"inputOTP_root\"\n        className={cn('inputOTP_root', 'w-full', classNames?.root, className)}\n      >\n        {label && (\n          <label\n            data-slot=\"inputOTP_label\"\n            className={cn(\n              'inputOTP_label',\n              'block text-sm font-medium text-text-primary mb-1.5',\n              classNames?.label,\n            )}\n          >\n            {label}\n          </label>\n        )}\n\n        {messagePosition === 'top' && message && (\n          <p\n            data-slot=\"inputOTP_helper\"\n            className={cn('inputOTP_helper', statusMessageVariants({ status }), 'mb-1.5', classNames?.helper)}\n          >\n            {message}\n          </p>\n        )}\n\n        <div\n          data-slot=\"inputOTP_wrapper\"\n          className={cn('inputOTP_wrapper', 'flex gap-2', classNames?.wrapper)}\n          role=\"group\"\n          aria-label=\"One-time password\"\n        >\n          {Array.from({ length }).map((_, index) => {\n            const isActive = otp[index] !== undefined && otp[index] !== ''\n            return (\n              <input\n                key={index}\n                ref={(el) => { inputRefs.current[index] = el }}\n                type=\"text\"\n                inputMode={type === 'number' ? 'numeric' : 'text'}\n                maxLength={1}\n                value={otp[index] || ''}\n                onChange={(e) => handleChange(index, e.target.value)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n                onPaste={handlePaste}\n                disabled={disabled}\n                data-slot=\"inputOTP_slot\"\n                className={cn(\n                  'inputOTP_slot',\n                  'text-center font-semibold',\n                  'border rounded-md outline-none transition-colors',\n                  'disabled:opacity-50 disabled:cursor-not-allowed',\n                  'hover:border-primary/50',\n                  'focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary',\n                  'text-text-primary',\n                  sizeClasses[size],\n                  statusBorderClasses[status],\n                  classNames?.slot,\n                  isActive && classNames?.slotActive,\n                )}\n                aria-label={`OTP digit ${index + 1}`}\n              />\n            )\n          })}\n        </div>\n\n        {messagePosition === 'bottom' && message && (\n          <p\n            data-slot=\"inputOTP_helper\"\n            className={cn('inputOTP_helper', statusMessageVariants({ status }), 'mt-1.5', classNames?.helper)}\n          >\n            {message}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nInputOTP.displayName = 'InputOTP'\n\nexport type { InputOTPClassNames } from './types'\nexport type * from './types'\nexport default InputOTP\n"]}

package/dist/{chunk-3KISIZGP.js → chunk-AFW2ORFT.js}

@@ -42,7 +42,7 @@ function ModalClose({
   );
 }
 var modalOverlayVariants = cva(
-  "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
+  "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[var(--z-modal)] backdrop-blur-sm",
   {
     variants: {
       opacity: {
@@ -77,7 +77,7 @@ function ModalOverlay({
   );
 }
 var modalContentVariants = cva(
-  "bg-background will-change-[transform,_opacity] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-md border duration-200",
+  "bg-background will-change-[transform,_opacity] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-[var(--z-modal)] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-md border duration-200",
   {
     variants: {
       size: {
@@ -197,6 +197,7 @@ var ModalHeader = React.memo(function ModalHeader2({ className, size = "md", cla
     }
   );
 });
+ModalHeader.displayName = "ModalHeader";
 var modalFooterVariants = cva(
   "flex flex-col-reverse sm:flex-row sm:justify-end",
   {
@@ -228,6 +229,7 @@ var ModalFooter = React.memo(function ModalFooter2({ className, size = "md", cla
     }
   );
 });
+ModalFooter.displayName = "ModalFooter";
 var modalTitleVariants = cva("leading-none font-semibold text-text-primary", {
   variants: {
     size: {
@@ -256,6 +258,7 @@ var ModalTitle = React.memo(function ModalTitle2({ className, size = "md", class
     }
   );
 });
+ModalTitle.displayName = "ModalTitle";
 var modalDescriptionVariants = cva("text-text-secondary", {
   variants: {
     size: {
@@ -284,6 +287,7 @@ var ModalDescription = React.memo(function ModalDescription2({ className, size =
     }
   );
 });
+ModalDescription.displayName = "ModalDescription";
 function ComposedModal({
   open,
   onOpenChange,
@@ -297,6 +301,8 @@ function ComposedModal({
   showCloseButton = true,
   hideHeader = false,
   hideFooter = false,
+  onInteractOutside,
+  onEscapeKeyDown,
   className,
   contentClassName,
   classNames
@@ -308,6 +314,8 @@ function ComposedModal({
       color,
       centered,
       showCloseButton,
+      onInteractOutside,
+      onEscapeKeyDown,
       className: contentClassName,
       classNames,
       children: [
@@ -332,5 +340,5 @@ function ComposedModal({
 var modal_default = ComposedModal;
 
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, modal_default };
-//# sourceMappingURL=chunk-3KISIZGP.js.map
-//# sourceMappingURL=chunk-3KISIZGP.js.map
+//# sourceMappingURL=chunk-AFW2ORFT.js.map
+//# sourceMappingURL=chunk-AFW2ORFT.js.map

package/dist/chunk-AFW2ORFT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal/index.tsx"],"names":["ModalHeader","ModalFooter","ModalTitle","ModalDescription"],"mappings":"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","file":"chunk-AFW2ORFT.js","sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cva } from \"class-variance-authority\";\nimport { XIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  ComposedModalProps,\n  ModalClassNames,\n  ModalColor,\n  ModalSize,\n} from \"./types\";\n\nfunction Modal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"modal\" {...props} />;\n}\n\nfunction ModalTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot=\"modal-trigger\"\n      className={cn(\"modal_trigger\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"modal-portal\" {...props} />;\n}\n\nfunction ModalClose({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return (\n    <DialogPrimitive.Close\n      data-slot=\"modal-close\"\n      className={cn(\"modal_close\", className)}\n      {...props}\n    />\n  );\n}\n\nconst modalOverlayVariants = cva(\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[var(--z-modal)] backdrop-blur-sm\",\n  {\n    variants: {\n      opacity: {\n        light: \"bg-overlay/20\",\n        medium: \"bg-overlay/40\",\n        heavy: \"bg-overlay/80\",\n      },\n    },\n    defaultVariants: {\n      opacity: \"medium\",\n    },\n  },\n);\n\nfunction ModalOverlay({\n  className,\n  opacity = \"medium\",\n  classNames,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay> & {\n  opacity?: \"light\" | \"medium\" | \"heavy\";\n  classNames?: ModalClassNames;\n}) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"modal-overlay\"\n      className={cn(\n        \"modal_overlay\",\n        modalOverlayVariants({ opacity }),\n        classNames?.overlay,\n        className,\n      )}\n\n      {...props}\n    />\n  );\n}\n\nconst modalContentVariants = cva(\n  \"bg-background will-change-[transform,_opacity] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-[var(--z-modal)] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-md border duration-200\",\n  {\n    variants: {\n      size: {\n        xs: \"max-w-(--modal-max-width-xs) gap-(--modal-gap-xs) p-(--modal-padding-xs) sm:max-w-(--modal-max-width-xs)\",\n        sm: \"max-w-(--modal-max-width-sm) gap-(--modal-gap-sm) p-(--modal-padding-sm) sm:max-w-(--modal-max-width-sm)\",\n        md: \"max-w-(--modal-max-width-md) gap-(--modal-gap-md) p-(--modal-padding-md) sm:max-w-(--modal-max-width-md)\",\n        lg: \"max-w-(--modal-max-width-lg) gap-(--modal-gap-lg) p-(--modal-padding-lg) sm:max-w-(--modal-max-width-lg)\",\n      },\n      color: {\n        default: \"border-border\",\n        primary: \"border-primary border-l-4\",\n        secondary: \"border-secondary border-l-4\",\n        accent: \"border-accent border-l-4\",\n        success: \"border-success border-l-4\",\n        error: \"border-error border-l-4\",\n        warning: \"border-warning border-l-4\",\n        info: \"border-info border-l-4\",\n      },\n      centered: {\n        true: \"text-center\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n      centered: false,\n    },\n  },\n);\n\nconst modalCloseVariants = cva(\n  \"absolute right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden cursor-pointer disabled:pointer-events-none text-text-secondary hover:text-text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"top-3 [&_svg]:size-3.5\",\n        sm: \"top-3 [&_svg]:size-3.5\",\n        md: \"top-4 [&_svg]:size-4\",\n        lg: \"top-6 [&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nfunction ModalContent({\n  className,\n  children,\n  showCloseButton = true,\n  size = \"md\",\n  color = \"default\",\n  centered = false,\n  classNames,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  size?: ModalSize;\n  color?: ModalColor;\n  centered?: boolean;\n  classNames?: ModalClassNames;\n}) {\n  return (\n    <ModalPortal data-slot=\"modal-portal\">\n      <ModalOverlay classNames={classNames} />\n      <DialogPrimitive.Content\n        data-slot=\"modal-content\"\n        className={cn(\n          \"modal_content\",\n          modalContentVariants({ size, color, centered }),\n          classNames?.content,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"modal-close\"\n            className={cn(\n              \"modal_closeButton\",\n              modalCloseVariants({ size }),\n              classNames?.closeButton,\n            )}\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </ModalPortal>\n  );\n}\n\nconst modalHeaderVariants = cva(\"flex flex-col text-text-primary\", {\n  variants: {\n    size: {\n      xs: \"gap-1.5\",\n      sm: \"gap-1.5\",\n      md: \"gap-2\",\n      lg: \"gap-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst ModalHeader = React.memo<\n  React.ComponentProps<\"div\"> & {\n    size?: ModalSize;\n    classNames?: ModalClassNames;\n  }\n>(function ModalHeader({ className, size = \"md\", classNames, ...props }) {\n  return (\n    <div\n      data-slot=\"modal-header\"\n      className={cn(\n        \"modal_header\",\n        modalHeaderVariants({ size }),\n        classNames?.header,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nModalHeader.displayName = 'ModalHeader'\n\nconst modalFooterVariants = cva(\n  \"flex flex-col-reverse sm:flex-row sm:justify-end\",\n  {\n    variants: {\n      size: {\n        xs: \"gap-1.5\",\n        sm: \"gap-1.5\",\n        md: \"gap-2\",\n        lg: \"gap-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst ModalFooter = React.memo<\n  React.ComponentProps<\"div\"> & {\n    size?: ModalSize;\n    classNames?: ModalClassNames;\n  }\n>(function ModalFooter({ className, size = \"md\", classNames, ...props }) {\n  return (\n    <div\n      data-slot=\"modal-footer\"\n      className={cn(\n        \"modal_footer\",\n        modalFooterVariants({ size }),\n        classNames?.footer,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nModalFooter.displayName = 'ModalFooter'\n\nconst modalTitleVariants = cva(\"leading-none font-semibold text-text-primary\", {\n  variants: {\n    size: {\n      xs: \"text-base\",\n      sm: \"text-base\",\n      md: \"text-lg\",\n      lg: \"text-2xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst ModalTitle = React.memo<\n  React.ComponentProps<typeof DialogPrimitive.Title> & {\n    size?: ModalSize;\n    classNames?: ModalClassNames;\n  }\n>(function ModalTitle({ className, size = \"md\", classNames, ...props }) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"modal-title\"\n      className={cn(\n        \"modal_title\",\n        modalTitleVariants({ size }),\n        classNames?.title,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nModalTitle.displayName = 'ModalTitle'\n\nconst modalDescriptionVariants = cva(\"text-text-secondary\", {\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst ModalDescription = React.memo<\n  React.ComponentProps<typeof DialogPrimitive.Description> & {\n    size?: ModalSize;\n    classNames?: ModalClassNames;\n  }\n>(function ModalDescription({ className, size = \"md\", classNames, ...props }) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"modal-description\"\n      className={cn(\n        \"modal_description\",\n        modalDescriptionVariants({ size }),\n        classNames?.description,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nModalDescription.displayName = 'ModalDescription'\n\nfunction ComposedModal({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  size = \"md\",\n  color = \"default\",\n  centered = false,\n  showCloseButton = true,\n  hideHeader = false,\n  hideFooter = false,\n  onInteractOutside,\n  onEscapeKeyDown,\n  className,\n  contentClassName,\n  classNames,\n}: ComposedModalProps) {\n  return (\n    <Modal open={open} onOpenChange={onOpenChange}>\n      <ModalContent\n        size={size}\n        color={color}\n        centered={centered}\n        showCloseButton={showCloseButton}\n        onInteractOutside={onInteractOutside}\n        onEscapeKeyDown={onEscapeKeyDown}\n        className={contentClassName}\n        classNames={classNames}\n      >\n        {!hideHeader && (title || description) && (\n          <ModalHeader\n            size={size}\n            className={className}\n            classNames={classNames}\n          >\n            {title && (\n              <ModalTitle size={size} classNames={classNames}>\n                {title}\n              </ModalTitle>\n            )}\n            {description && (\n              <ModalDescription size={size} classNames={classNames}>\n                {description}\n              </ModalDescription>\n            )}\n          </ModalHeader>\n        )}\n        <div className={cn(\"modal_body\", classNames?.body)}>{children}</div>\n        {!hideFooter && footer && (\n          <ModalFooter size={size} classNames={classNames}>\n            {footer}\n          </ModalFooter>\n        )}\n      </ModalContent>\n    </Modal>\n  );\n}\n\nexport type * from \"./types\";\nexport {\n  Modal,\n  ModalClose,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalOverlay,\n  ModalPortal,\n  ModalTitle,\n  ModalTrigger,\n};\nexport default ComposedModal;\n"]}

package/dist/{chunk-442OQLPK.js → chunk-BGMYX7L5.js}

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Loader2, X, Info, AlertTriangle, AlertCircle, CheckCircle2 } from 'lucide-react';
@@ -14,7 +14,7 @@ var toastVariants = cva(
         default: "bg-slot border border-slot text-slot-fg",
         solid: "bg-slot text-slot-fg",
         outline: "bg-background border-2 border-slot border-l-4 border-l-slot text-slot",
-        soft: "bg-slot-10 border-l-4 border-l-slot text-slot backdrop-blur-[5px] will-change-[backdrop-filter]"
+        soft: "bg-background border border-slot-30 text-slot shadow-sm"
       },
       color: colorVars
     },
@@ -191,5 +191,5 @@ var useToast = () => {
 };
 
 export { ToastProvider, useToast };
-//# sourceMappingURL=chunk-442OQLPK.js.map
-//# sourceMappingURL=chunk-442OQLPK.js.map
+//# sourceMappingURL=chunk-BGMYX7L5.js.map
+//# sourceMappingURL=chunk-BGMYX7L5.js.map

package/dist/chunk-BGMYX7L5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toast/index.tsx"],"names":["sonnerToast","toast"],"mappings":"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","file":"chunk-BGMYX7L5.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport {\n  AlertCircle,\n  AlertTriangle,\n  CheckCircle2,\n  Info,\n  Loader2,\n  X,\n} from \"lucide-react\";\nimport React, { useCallback, useContext, createContext, useMemo } from \"react\";\nimport { Toaster, toast as sonnerToast } from \"sonner\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type {\n  ToastContextValue,\n  ToastOptions,\n  ToastProviderProps,\n} from \"./types\";\n\n/**\n * Toast CVA — reuses the shared notification color variant system\n */\nconst toastVariants = cva(\n  \"relative flex items-start gap-3 rounded-lg p-3 text-sm w-full min-w-[300px]\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-slot border border-slot text-slot-fg',\n        solid: 'bg-slot text-slot-fg',\n        outline: 'bg-background border-2 border-slot border-l-4 border-l-slot text-slot',\n        soft: 'bg-background border border-slot-30 text-slot shadow-sm',\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      variant: \"soft\",\n      color: \"default\",\n    },\n  },\n);\n\n/**\n * Default icons per semantic color\n */\nconst defaultIcons: Partial<Record<string, React.ReactElement>> = {\n  success: <CheckCircle2 className=\"w-5 h-5\" />,\n  error: <AlertCircle className=\"w-5 h-5\" />,\n  warning: <AlertTriangle className=\"w-5 h-5\" />,\n  info: <Info className=\"w-5 h-5\" />,\n};\n\n/**\n * Internal toast renderer — styled with our CVA system\n */\nconst ToastRenderer = ({\n  id,\n  options,\n}: {\n  id: string | number;\n  options: Omit<ToastOptions, \"duration\"> & { loading?: boolean };\n}) => {\n  const variant = options.variant ?? \"default\";\n  const color = options.color ?? \"default\";\n  const closable = options.closable ?? !options.loading;\n  const icon = options.loading ? (\n    <Loader2 className=\"w-5 h-5 animate-spin\" />\n  ) : options.icon !== undefined ? (\n    options.icon\n  ) : (\n    defaultIcons[color]\n  );\n\n  return (\n    <div className={cn(toastVariants({ variant, color }))}>\n      {icon && <div className=\"shrink-0 mt-0.5\">{icon}</div>}\n      <div className=\"flex-1 min-w-0\">\n        {options.title && <div className=\"font-semibold\">{options.title}</div>}\n        {options.description && (\n          <div className=\"opacity-90 mt-0.5\">{options.description}</div>\n        )}\n        {options.action && (\n          <button\n            type=\"button\"\n            onClick={options.action.onClick}\n            className=\"mt-2 text-sm font-medium underline hover:no-underline\"\n          >\n            {options.action.label}\n          </button>\n        )}\n      </div>\n      {closable && (\n        <button\n          type=\"button\"\n          onClick={() => sonnerToast.dismiss(id)}\n          className=\"shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity\"\n          aria-label=\"Close\"\n        >\n          <X className=\"w-4 h-4\" aria-hidden=\"true\" />\n        </button>\n      )}\n    </div>\n  );\n};\n\n/**\n * Fire a toast with custom renderer\n */\nconst fireToast = (options: ToastOptions): string | number =>\n  sonnerToast.custom((id) => <ToastRenderer id={id} options={options} />, {\n    duration: options.duration === 0 ? Infinity : options.duration,\n    dismissible: options.closable ?? true,\n    onDismiss: options.onClose,\n  }) as string | number;\n\n/**\n * Toast Context\n */\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Toast Provider — Sonner handles positioning/stacking, we handle rendering\n */\nexport const ToastProvider = React.memo<ToastProviderProps>(\n  ({\n    children,\n    position = \"top-right\",\n    maxToasts = 5,\n    offset = 16,\n    theme = \"system\",\n    closeButton = false,\n    duration = 5000,\n    className,\n  }) => {\n    const toast = useCallback(\n      (options: ToastOptions): string | number => fireToast(options),\n      [],\n    );\n\n    const success = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"success\" }),\n      [],\n    );\n\n    const error = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"error\" }),\n      [],\n    );\n\n    const warning = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"warning\" }),\n      [],\n    );\n\n    const info = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"info\" }),\n      [],\n    );\n\n    const promise = useCallback(\n      <T,>(\n        p: Promise<T>,\n        opts: {\n          loading: string;\n          success: string | ((data: T) => string);\n          error: string | ((err: unknown) => string);\n        },\n      ): string | number => {\n        const id = sonnerToast.custom((tid) => (\n          <ToastRenderer\n            id={tid}\n            options={{ title: opts.loading, loading: true }}\n          />\n        )) as string | number;\n\n        p.then((data) => {\n          sonnerToast.custom(\n            (tid) => (\n              <ToastRenderer\n                id={tid}\n                options={{\n                  title:\n                    typeof opts.success === \"function\"\n                      ? opts.success(data)\n                      : opts.success,\n                  color: \"success\",\n                }}\n              />\n            ),\n            { id },\n          );\n        }).catch((err) => {\n          sonnerToast.custom(\n            (tid) => (\n              <ToastRenderer\n                id={tid}\n                options={{\n                  title:\n                    typeof opts.error === \"function\"\n                      ? opts.error(err)\n                      : opts.error,\n                  color: \"error\",\n                }}\n              />\n            ),\n            { id },\n          );\n        });\n\n        return id;\n      },\n      [],\n    );\n\n    const dismiss = useCallback((id: string | number) => {\n      sonnerToast.dismiss(id);\n    }, []);\n\n    const dismissAll = useCallback(() => {\n      sonnerToast.dismiss();\n    }, []);\n\n    const contextValue = useMemo<ToastContextValue>(\n      () => ({\n        toast,\n        success,\n        error,\n        warning,\n        info,\n        promise,\n        dismiss,\n        dismissAll,\n      }),\n      [toast, success, error, warning, info, promise, dismiss, dismissAll],\n    );\n\n    return (\n      <ToastContext.Provider value={contextValue}>\n        {children}\n        <Toaster\n          position={position}\n          visibleToasts={maxToasts}\n          offset={offset}\n          theme={theme}\n          closeButton={closeButton}\n          duration={duration}\n          className={className}\n          toastOptions={{ unstyled: true }}\n        />\n      </ToastContext.Provider>\n    );\n  },\n);\n\nToastProvider.displayName = \"ToastProvider\";\n\n/**\n * useToast Hook\n */\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\nexport type * from \"./types\";\n"]}