@mdigital_ui/ui 0.4.2 → 0.4.4

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-OLTQAMV2.js → chunk-BGMYX7L5.js}

@@ -1,5 +1,5 @@
-import { createNotificationColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.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';
 import React, { createContext, useCallback, useMemo, useContext } from 'react';
@@ -11,28 +11,13 @@ var toastVariants = cva(
   {
     variants: {
       variant: {
-        default: "",
-        solid: "",
-        outline: "border-2",
-        soft: "backdrop-blur-[5px] will-change-[backdrop-filter]"
+        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-background border border-slot-30 text-slot shadow-sm"
       },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
-      }
+      color: colorVars
     },
-    compoundVariants: createNotificationColorVariants(componentColors, [
-      "default",
-      "solid",
-      "outline",
-      "soft"
-    ]),
     defaultVariants: {
       variant: "soft",
       color: "default"
@@ -206,5 +191,5 @@ var useToast = () => {
 };
 
 export { ToastProvider, useToast };
-//# sourceMappingURL=chunk-OLTQAMV2.js.map
-//# sourceMappingURL=chunk-OLTQAMV2.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"]}