@moondreamsdev/dreamer-ui 1.7.21-test.74 → 1.7.21

package/dist/Toast-CQnaydN2.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),V=require("react-dom"),h=require("./X-CgjeP2OI.cjs"),m=require("./join-BVMUUvyP.cjs");function C(){const[e,i]=l.useState(0);return l.useEffect(()=>{const r=setInterval(()=>{i(n=>(n+1)%3)},500);return()=>clearInterval(r)},[]),t.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(r=>t.jsx("div",{className:m.join("rounded-full transition-all ease-in-out size-[0.35em] bg-current",e===r&&"transform -translate-y-1")},r))})}const H={base:"focus:outline-current",primary:"bg-primary text-primary-foreground hover:bg-primary/80 focus:outline-primary outline-offset-2 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 focus:outline-secondary outline-offset-2 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary/80 disabled:text-muted-foreground focus:outline-primary",outline:"border border-primary text-primary hover:border-primary/80 hover:text-primary/80 focus:outline-primary outline-offset-2 disabled:border-muted-foreground disabled:text-muted-foreground",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground focus:underline",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/80 focus:outline-destructive outline-offset-2 disabled:bg-muted disabled:text-muted-foreground"},P={stripped:"",fitted:"size-fit leading-0",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},X={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},v={variant:"primary",size:"md",rounded:"md"};function N({variant:e=v.variant,size:i,rounded:r=v.rounded,loading:n,className:s,...o}){let d;e==="link"&&!i?d="fitted":d=i||v.size;const c=m.join("appearance-none not-disabled:hover:cursor-pointer outline outline-transparent disabled:opacity-50 disabled:cursor-not-allowed transition-all inline-flex items-center justify-center gap-0.5",H[e],P[d],X[r],n&&"relative pointer-events-none",s);if(o.href&&!o.disabled)return t.jsx("a",{...o,rel:o.rel?o.rel:o.target==="_blank"?"noopener noreferrer":void 0,"aria-label":o["aria-label"],"aria-description":o["aria-description"],href:o.href,className:c,children:o.children});const a=o,b=()=>a.children?typeof a.children=="string"||typeof a.children=="number"||typeof a.children=="boolean"?t.jsx("span",{className:m.join(n&&"invisible"),children:a.children}):l.Children.map(a.children,(f,p)=>{if(l.isValidElement(f)){const g=f.props;return l.cloneElement(f,{key:p,className:m.join(n&&"invisible",g.className)})}return f}):null;return t.jsxs("button",{...a,"aria-label":a["aria-label"],"aria-description":a["aria-description"],"aria-disabled":a.disabled||n,"aria-busy":n,type:a.type??"button",className:c,children:[n&&t.jsx(C,{}),b()]})}function $(e){const[i,r]=l.useState(!1),[n,s]=l.useState(!1);return l.useEffect(()=>{e?(s(!0),setTimeout(()=>r(!0),10)):(r(!1),setTimeout(()=>s(!1),150))},[e]),{show:i,shouldRender:n}}function F(e,i){l.useEffect(()=>{const r=n=>{n.key==="Escape"&&e&&i()};return document.addEventListener("keydown",r),e&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",r),document.body.style.overflow="auto"}},[e,i])}function K(e,i){const r=l.useRef(null),n=l.useCallback(()=>{const s=document.getElementById(e);if(!s)return;const o=s.querySelectorAll('[data-modal-action="true"]');if(o.length>0){o[0].focus();return}const d=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(d.length>0){const u=Array.from(d).filter(c=>!(c instanceof HTMLButtonElement&&c.getAttribute("data-modal-close-button")==="true"));if(u.length>0){u[0].focus();return}d[0].focus();return}s.focus()},[e]);l.useEffect(()=>(i&&(r.current=document.activeElement,n()),()=>{document.body.style.overflow="auto",r.current instanceof HTMLElement&&r.current.focus()}),[i,n])}function E({id:e,isOpen:i,onClose:r,title:n,children:s,contentOnly:o=!1,className:d,overlayClassName:u,containerClassName:c,hideCloseButton:a=!1,actions:b=[],disableCloseOnOverlayClick:x=!1,ariaLabelledBy:f,ariaDescribedBy:p}){const g=l.useId(),j=e||`modal-${g}`,w=e?`${e}-title`:`modal-title-${g}`,{show:M,shouldRender:y}=$(i);if(K(j,y),F(y,r),!y)return null;const z=()=>n?l.isValidElement(n)?t.jsx("div",{className:"mb-4",children:n}):t.jsx("h2",{className:"mb-4 text-xl font-semibold",id:w,children:n}):null,D=()=>b.length===0?null:t.jsx("div",{className:"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3",children:b.map((I,S)=>{const{label:q,...B}=I,L=B;return t.jsx(N,{...L,"data-modal-action":"true",children:q},S)})});return t.jsx(t.Fragment,{children:V.createPortal(t.jsx("div",{"aria-labelledby":f??n?w:void 0,"aria-describedby":p,role:"dialog","aria-modal":"true",className:"fixed inset-0 z-[100] overflow-y-auto",children:t.jsxs("div",{className:m.join("flex min-h-screen items-center justify-center p-4",c),children:[t.jsx("div",{className:m.join("fixed inset-0 bg-black/20 transition-all",u),onClick:()=>{x||r()}}),o&&t.jsx("div",{className:m.join("relative w-fit",d),children:s}),!o&&t.jsxs("div",{id:j,tabIndex:-1,className:m.join("relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in",M?"opacity-100 scale-100":"opacity-0 scale-90",d),children:[!a&&t.jsx("button",{type:"button",onClick:r,"data-modal-close-button":"true",className:"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",children:t.jsx(h.X,{size:18})}),z(),s,D()]})]})}),document.body)})}function R({type:e,message:i,cancelText:r,confirmText:n,onConfirm:s,onClose:o,destructive:d=!1,title:u,...c}){const a=l.useMemo(()=>e==="confirm"?{confirm:n||"Confirm",cancel:r||"Cancel",defaultTitle:u||"Confirm Action"}:{confirm:n||"OK",cancel:null,defaultTitle:u||"Alert"},[e,n,u,r]),b=l.useMemo(()=>[...a.cancel?[{label:a.cancel,variant:"secondary",onClick:o}]:[],{label:a.confirm,variant:d?"destructive":"primary",onClick:()=>{s==null||s(),o()}}],[a,d,s,o]);return t.jsx(E,{...c,title:u||a.defaultTitle,onClose:o,actions:b,disableCloseOnOverlayClick:e==="confirm",hideCloseButton:e==="confirm",children:typeof i=="string"?t.jsx("p",{className:"text-sm",children:i}):i})}const T=l.createContext(null),_=()=>{const e=l.useContext(T);if(!e)throw new Error("DropdownMenu components must be used within a DropdownMenu component");return e},A=l.createContext(null),G=()=>{const e=l.useContext(A);if(!e)throw new Error("Tabs components must be used within a Tabs component");return e},k={info:{className:"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100",icon:t.jsx(h.InfoCircled,{size:20})},warning:{className:"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100",icon:t.jsx(h.ExclamationTriangle,{size:20})},error:{className:"bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100",icon:t.jsx(h.CrossCircled,{size:20})}};function J({id:e,title:i,description:r,type:n="info",action:s,duration:o=5e3,onRemove:d,customTypes:u,customComponent:c}){const[a,b]=l.useState(!1),x=l.useCallback(()=>{b(!0),setTimeout(()=>{d==null||d(e)},150)},[e,d]);if(l.useEffect(()=>{if(o>0){const p=setTimeout(()=>{x()},o);return()=>clearTimeout(p)}},[o,e,d,x]),c)return t.jsx(c,{id:e,title:i,description:r,type:n,action:s,duration:o,onRemove:d});const f=(u==null?void 0:u[n])||k[n]||k.info;return t.jsxs("div",{role:n==="error"?"alert":"status","aria-live":n==="error"?void 0:"polite",className:m.join("relative flex items-start p-4 rounded-lg border shadow-lg transition-all ease-in-out",s&&"pb-3",f.className,a?"opacity-0 translate-x-full":"opacity-100 translate-x-0"),children:[t.jsx("div",{className:"flex-shrink-0 mr-3",children:f.icon}),t.jsxs("div",{className:"flex-grow min-w-0",children:[t.jsx("div",{className:"font-medium text-sm leading-5",children:i}),r&&t.jsx("div",{className:"mt-1 text-sm opacity-90 leading-5",children:r}),s&&t.jsx("div",{className:"mt-1.5",children:t.jsx("button",{onClick:s.onClick,className:"text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer",children:s.label})})]}),t.jsx("button",{onClick:x,className:"flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0",children:t.jsx(h.X,{size:16})})]})}exports.ActionModal=R;exports.Button=N;exports.DropdownMenuContext=T;exports.LoadingDots=C;exports.Modal=E;exports.TabsContext=A;exports.Toast=J;exports.useDropdownMenuContext=_;exports.useTabsContext=G;
+//# sourceMappingURL=Toast-CQnaydN2.cjs.map

package/dist/Toast-CQnaydN2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-CQnaydN2.cjs","sources":["../src/components/button/LoadingDots.tsx","../src/components/button/variants.ts","../src/components/button/Button.tsx","../src/components/modal/hooks.ts","../src/components/modal/Modal.tsx","../src/components/actionmodal/ActionModal.tsx","../src/components/dropdown-menu/DropdownContext.tsx","../src/components/tabs/TabsContext.tsx","../src/components/toast/Toast.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\n/**\n * An animated loading indicator with three bouncing dots.\n * Used internally by Button component to show loading state.\n * \n * @example\n * ```tsx\n * <LoadingDots />\n * ```\n */\nexport function LoadingDots() {\n  const [activeIndex, setActiveIndex] = useState(0);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setActiveIndex((prevIndex) => (prevIndex + 1) % 3);\n    }, 500);\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className='absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle'>\n      {[0, 1, 2].map((index) => (\n        <div\n          key={index}\n          className={join(\n            'rounded-full transition-all ease-in-out size-[0.35em] bg-current',\n            activeIndex === index && 'transform -translate-y-1'\n          )}\n        />\n      ))}\n    </div>\n  );\n}","export const buttonVariants = {\n  base: 'focus:outline-current',\n  primary: 'bg-primary text-primary-foreground hover:bg-primary/80 focus:outline-primary outline-offset-2 disabled:bg-muted disabled:text-muted-foreground',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 focus:outline-secondary outline-offset-2 disabled:bg-muted/80 disabled:text-muted-foreground/80',\n  tertiary: 'text-primary hover:text-primary/80 disabled:text-muted-foreground focus:outline-primary',\n  outline: 'border border-primary text-primary hover:border-primary/80 hover:text-primary/80 focus:outline-primary outline-offset-2 disabled:border-muted-foreground disabled:text-muted-foreground',\n  link: 'underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground focus:underline',\n  destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/80 focus:outline-destructive outline-offset-2 disabled:bg-muted disabled:text-muted-foreground',\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariants;\n\nexport const sizeVariants = {\n  stripped: '',\n  fitted: 'size-fit leading-0',\n  sm: 'px-2 py-1 text-sm',\n  md: 'px-4 py-2 text-base',\n  lg: 'px-6 py-3 text-lg',\n  icon: 'p-1 w-fit aspect-square',\n  full: 'p-2 w-full',\n} as const;\nexport type ButtonSize = keyof typeof sizeVariants;\n\nexport const roundedVariants = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  full: 'rounded-full',\n} as const;\nexport type ButtonRounded = keyof typeof roundedVariants;\n\nexport interface ButtonVariants {\n  /** The visual style variant of the button. */\n  variant: ButtonVariant;\n  /** The size of the button. */\n  size: ButtonSize;\n  /** The border radius of the button. */\n  rounded: ButtonRounded;\n}\n\nexport const buttonDefaults: ButtonVariants = {\n  variant: 'primary',\n  size: 'md',\n  rounded: 'md',\n} as const;\n","// Button.tsx\nimport React, { ButtonHTMLAttributes, Ref } from 'react';\nimport { join } from '../../utils';\nimport { LoadingDots } from './LoadingDots';\nimport { ButtonSize, ButtonVariants, buttonDefaults, buttonVariants, roundedVariants, sizeVariants } from './variants';\n\ninterface ButtonButtonProps extends Partial<ButtonVariants>, ButtonHTMLAttributes<HTMLButtonElement> {\n\thref?: never;\n\t/** Reference to the button element. */\n\tref?: Ref<HTMLButtonElement>;\n\t/** Whether the button is in a loading state. */\n\tloading?: boolean;\n}\n\ninterface ButtonLinkProps\n\textends Partial<ButtonVariants>,\n\t\tOmit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'role'> {\n\t/** When provided, renders the button as a link. */\n\thref: string;\n\t/** Reference to the anchor element. */\n\tref?: Ref<HTMLAnchorElement>;\n\tloading?: never;\n\t/** Whether the button is disabled. */\n\tdisabled?: boolean;\n}\n\nexport type ButtonProps = ButtonButtonProps | ButtonLinkProps;\n\n/**\n * A versatile button component that can render as either a button or anchor element.\n * Supports loading states, various visual variants, and accessibility features.\n * \n * @example\n * ```tsx\n * // Regular button\n * <Button variant=\"primary\" onClick={() => save()}>Save</Button>\n * \n * // Loading state\n * <Button loading variant=\"primary\">Processing...</Button>\n * \n * // Link button\n * <Button href=\"/dashboard\" variant=\"secondary\">Go to Dashboard</Button>\n * ```\n */\nexport function Button({\n\tvariant = buttonDefaults.variant,\n\tsize,\n\trounded = buttonDefaults.rounded,\n\tloading,\n\tclassName,\n\t...rest\n}: ButtonProps) {\n\tlet adjustedSize: ButtonSize;\n\tif (variant === 'link' && !size) {\n\t\t// default links to fitted size\n\t\tadjustedSize = 'fitted';\n\t} else {\n\t\tadjustedSize = size || buttonDefaults.size;\n\t}\n\n\tconst baseClasses =\n\t\t'appearance-none not-disabled:hover:cursor-pointer outline outline-transparent disabled:opacity-50 disabled:cursor-not-allowed transition-all inline-flex items-center justify-center gap-0.5';\n\n\tconst buttonClasses = join(\n\t\tbaseClasses,\n\t\tbuttonVariants[variant],\n\t\tsizeVariants[adjustedSize],\n\t\troundedVariants[rounded],\n\t\tloading && 'relative pointer-events-none',\n\t\tclassName\n\t);\n\n\tif (rest.href && !rest.disabled) {\n\t\treturn (\n\t\t\t<a\n\t\t\t\t{...rest}\n\t\t\t\trel={rest.rel ? rest.rel : rest.target === '_blank' ? 'noopener noreferrer' : undefined}\n\t\t\t\taria-label={rest['aria-label']}\n\t\t\t\taria-description={rest['aria-description']}\n\t\t\t\thref={rest.href}\n\t\t\t\tclassName={buttonClasses}\n\t\t\t>\n\t\t\t\t{rest.children}\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst buttonRest = rest as ButtonButtonProps; // necessary to cast to avoid TS complaining\n\tconst getButtonChildren = () => {\n\t\tif (!buttonRest.children) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (\n\t\t\ttypeof buttonRest.children === 'string' ||\n\t\t\ttypeof buttonRest.children === 'number' ||\n\t\t\ttypeof buttonRest.children === 'boolean'\n\t\t) {\n\t\t\treturn <span className={join(loading && 'invisible')}>{buttonRest.children}</span>;\n\t\t}\n\n\t\tconst clonedChildren = React.Children.map(buttonRest.children, (child, index) => {\n\t\t\tif (React.isValidElement(child)) {\n\t\t\t\tconst childrenProps = child.props as { className?: string };\n\t\t\t\treturn React.cloneElement(child, {\n\t\t\t\t\tkey: index,\n\t\t\t\t\tclassName: join(loading && 'invisible', childrenProps.className),\n\t\t\t\t} as Record<string, unknown>);\n\t\t\t}\n\t\t\treturn child;\n\t\t});\n\t\treturn clonedChildren;\n\t};\n\n\treturn (\n\t\t<button\n\t\t\t{...buttonRest}\n\t\t\taria-label={buttonRest['aria-label']}\n\t\t\taria-description={buttonRest['aria-description']}\n\t\t\taria-disabled={buttonRest.disabled || loading}\n\t\t\taria-busy={loading}\n\t\t\ttype={buttonRest.type ?? 'button'}\n\t\t\tclassName={buttonClasses}\n\t\t>\n\t\t\t{loading && <LoadingDots />}\n\t\t\t{getButtonChildren()}\n\t\t</button>\n\t);\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useAnimationOpenClose(isOpen: boolean) {\n  const [show, setShow] = useState(false);\n  const [shouldRender, setShouldRender] = useState(false);\n\n  useEffect(() => {\n    if (isOpen) {\n      setShouldRender(true);\n      setTimeout(() => setShow(true), 10);\n    } else {\n      setShow(false);\n      setTimeout(() => setShouldRender(false), 150);\n    }\n  }, [isOpen]);\n\n  return { show, shouldRender };\n}\n\nexport function useDocumentChanges(isOpen: boolean, onClose: () => void) {\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    // Prevent background scrolling when modal is open\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n      document.body.style.overflow = 'auto';\n    };\n  }, [isOpen, onClose]);\n}\n\nexport function useHandleFocus(modalId: string, isOpen: boolean) {\n  const previousActiveElement = useRef<Element | null>(null);\n\n  const focusAppropriateElement = useCallback(() => {\n    const modalElement = document.getElementById(modalId);\n    if (!modalElement) return;\n\n    // 1. First, try to focus on the first action button, if available\n    const modalActions = modalElement.querySelectorAll('[data-modal-action=\"true\"]');\n    if (modalActions.length > 0) {\n      (modalActions[0] as HTMLElement).focus();\n      return;\n    }\n\n    // 2. Then try first focusable element in content (giving preference to non-close button)\n    const focusableElements = modalElement.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    );\n\n    if (focusableElements.length > 0) {\n      const allBesidesCloseButton = Array.from(focusableElements).filter((el) => {\n        return !(el instanceof HTMLButtonElement && el.getAttribute('data-modal-close-button') === 'true');\n      });\n\n      if (allBesidesCloseButton.length > 0) {\n        (allBesidesCloseButton[0] as HTMLElement).focus();\n        return;\n      }\n\n      (focusableElements[0] as HTMLElement).focus();\n      return;\n    }\n\n    // 3. Fallback to modal container\n    modalElement.focus();\n  }, [modalId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      // Store the currently focused element to restore focus later\n      previousActiveElement.current = document.activeElement;\n\n      focusAppropriateElement();\n    }\n\n    return () => {\n      document.body.style.overflow = 'auto';\n\n      // Restore focus to the previously focused element when modal closes\n      if (previousActiveElement.current instanceof HTMLElement) {\n        previousActiveElement.current.focus();\n      }\n    };\n  }, [isOpen, focusAppropriateElement]);\n}\n","import React, { useId } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from '../../symbols';\nimport { Button, ButtonProps } from '../button';\nimport { useAnimationOpenClose, useDocumentChanges, useHandleFocus } from './hooks';\nimport { join } from '../../utils';\n\ninterface ModalAction extends Omit<ButtonProps, 'children'> {\n\t/** The text label for the action button. */\n\tlabel: string;\n}\n\nexport interface ModalProps {\n\t/** Optional ID for the modal element. */\n\tid?: string;\n\t/** Whether the modal is open. */\n\tisOpen: boolean;\n\t/** Callback fired when the modal should close. */\n\tonClose: () => void;\n\t/** Optional title for the modal header. */\n\ttitle?: React.ReactNode;\n\t/** The content to display inside the modal. */\n\tchildren: React.ReactNode;\n\t/** When true, renders only the children with no default modal styling. */\n\tcontentOnly?: boolean;\n\t/** Additional CSS classes to apply to the modal content. */\n\tclassName?: string;\n\t/** Additional CSS classes to apply to the backdrop overlay. */\n\toverlayClassName?: string;\n\t/** Additional CSS classes to apply to the modal container. */\n\tcontainerClassName?: string;\n\t/** Whether to hide the X close button in the top-right corner. */\n\thideCloseButton?: boolean;\n\t/** Array of action buttons to display at the bottom of the modal. */\n\tactions?: ModalAction[];\n\t/** Whether clicking the backdrop/overlay closes the modal. */\n\tdisableCloseOnOverlayClick?: boolean;\n\t/** ID of an element that labels the modal. */\n\tariaLabelledBy?: string;\n\t/** ID of an element that describes the modal. */\n\tariaDescribedBy?: string;\n}\n\n/**\n * A flexible modal dialog component with focus management, animation, and action buttons.\n * Supports both styled and content-only modes with comprehensive accessibility features.\n * \n * @example\n * ```tsx\n * // Basic modal\n * <Modal\n *   isOpen={showModal}\n *   onClose={() => setShowModal(false)}\n *   title=\"Confirm Action\"\n * >\n *   <p>Are you sure you want to proceed?</p>\n * </Modal>\n * \n * // Modal with actions\n * <Modal\n *   isOpen={showDeleteModal}\n *   onClose={handleClose}\n *   title=\"Delete Item\"\n *   actions={[\n *     { label: \"Cancel\", variant: \"secondary\", onClick: handleClose },\n *     { label: \"Delete\", variant: \"destructive\", onClick: handleDelete }\n *   ]}\n *   disableCloseOnOverlayClick\n * >\n *   <p>This action cannot be undone.</p>\n * </Modal>\n * ```\n */\nexport function Modal({\n\tid,\n\tisOpen,\n\tonClose,\n\ttitle,\n\tchildren,\n\tcontentOnly = false,\n\tclassName,\n\toverlayClassName,\n\tcontainerClassName,\n\thideCloseButton = false,\n\tactions = [],\n\tdisableCloseOnOverlayClick = false,\n\tariaLabelledBy,\n\tariaDescribedBy,\n}: ModalProps) {\n\tconst generatedId = useId();\n\tconst modalId = id || `modal-${generatedId}`;\n\tconst titleId = id ? `${id}-title` : `modal-title-${generatedId}`;\n\n\tconst { show, shouldRender } = useAnimationOpenClose(isOpen);\n\tuseHandleFocus(modalId, shouldRender);\n\tuseDocumentChanges(shouldRender, onClose);\n\n\tif (!shouldRender) return null;\n\n\tconst renderTitle = () => {\n\t\tif (!title) return null;\n\n\t\tif (React.isValidElement(title)) {\n\t\t\treturn <div className='mb-4'>{title}</div>;\n\t\t}\n\n\t\treturn (\n\t\t\t<h2 className='mb-4 text-xl font-semibold' id={titleId}>\n\t\t\t\t{title}\n\t\t\t</h2>\n\t\t);\n\t};\n\n\tconst renderActions = () => {\n\t\tif (actions.length === 0) return null;\n\n\t\treturn (\n\t\t\t<div className='mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3'>\n\t\t\t\t{actions.map((action, index) => {\n\t\t\t\t\tconst { label, ...rest } = action;\n\t\t\t\t\tconst buttonProps = rest as ButtonProps;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button key={index} {...buttonProps} data-modal-action='true'>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{createPortal(\n\t\t\t\t<div\n\t\t\t\t\taria-labelledby={ariaLabelledBy ?? title ? titleId : undefined}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\trole='dialog'\n\t\t\t\t\taria-modal='true'\n\t\t\t\t\tclassName='fixed inset-0 z-[100] overflow-y-auto'\n\t\t\t\t>\n\t\t\t\t\t<div className={join('flex min-h-screen items-center justify-center p-4', containerClassName)}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={join('fixed inset-0 bg-black/20 transition-all', overlayClassName)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (!disableCloseOnOverlayClick) {\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{contentOnly && <div className={join('relative w-fit', className)}>{children}</div>}\n\n\t\t\t\t\t\t{!contentOnly && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={modalId}\n\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\tclassName={join(\n\t\t\t\t\t\t\t\t\t'relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in',\n\t\t\t\t\t\t\t\t\tshow ? 'opacity-100 scale-100' : 'opacity-0 scale-90',\n\t\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t\t\t\tdata-modal-close-button='true'\n\t\t\t\t\t\t\t\t\t\tclassName='rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<X size={18} />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{renderTitle()}\n\n\t\t\t\t\t\t\t\t{children}\n\n\t\t\t\t\t\t\t\t{renderActions()}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>,\n\t\t\t\tdocument.body\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import React, { useMemo } from 'react';\nimport { Modal, ModalProps } from '../modal';\n\ninterface BaseActionModalProps extends Omit<ModalProps, 'children' | 'actions'> {\n  /** The main content/message to display in the modal. */\n  message: React.ReactNode;\n  /** Whether to style the confirm button with destructive/danger styling. */\n  destructive?: boolean;\n}\n\ninterface AlertModalProps extends BaseActionModalProps {\n  /** The type of action modal - alert shows only OK, confirm shows OK and Cancel. */\n  type: 'alert';\n  /** Custom text for the confirm/OK button. */\n  confirmText?: string;\n  /** Callback fired when the confirm/OK button is clicked. */\n  onConfirm?: () => void;\n  // Cancel-related props are not allowed for alerts\n  cancelText?: never;\n}\n\ninterface ConfirmModalProps extends BaseActionModalProps {\n  /** The type of action modal - alert shows only OK, confirm shows OK and Cancel. */\n  type: 'confirm';\n  /** Custom text for the confirm/OK button. */\n  confirmText?: string;\n  /** Custom text for the cancel button (only for confirm type). */\n  cancelText?: string;\n  /** Callback fired when the confirm/OK button is clicked. */\n  onConfirm?: () => void;\n}\n\nexport type ActionModalProps = AlertModalProps | ConfirmModalProps;\n\n/**\n * A modal dialog for user confirmation or alerts with predefined action buttons.\n * Supports both alert (single OK button) and confirm (OK + Cancel buttons) modes.\n * \n * @example\n * ```tsx\n * // Alert modal\n * <ActionModal\n *   type=\"alert\"\n *   message=\"Operation completed successfully!\"\n *   onClose={() => setShowModal(false)}\n *   isOpen={showModal}\n * />\n * \n * // Confirmation modal\n * <ActionModal\n *   type=\"confirm\"\n *   message=\"Are you sure you want to delete this item?\"\n *   destructive\n *   onConfirm={() => deleteItem()}\n *   onClose={() => setShowModal(false)}\n *   isOpen={showModal}\n * />\n * ```\n */\nexport function ActionModal({\n  type,\n  message,\n  cancelText,\n  confirmText,\n  onConfirm,\n  onClose,\n  destructive = false,\n  title,\n  ...modalProps\n}: ActionModalProps) {\n  const defaultTexts = useMemo(() => {\n    if (type === 'confirm') {\n      return {\n        confirm: confirmText || 'Confirm',\n        cancel: cancelText || 'Cancel',\n        defaultTitle: title || 'Confirm Action',\n      };\n    }\n    return {\n      confirm: confirmText || 'OK',\n      cancel: null,\n      defaultTitle: title || 'Alert',\n    };\n  }, [type, confirmText, title, cancelText]);\n\n  const actions: ModalProps['actions'] = useMemo(\n    () => [\n      ...(defaultTexts.cancel\n        ? [\n            {\n              label: defaultTexts.cancel,\n              variant: 'secondary' as const,\n              onClick: onClose,\n            },\n          ]\n        : []),\n      {\n        label: defaultTexts.confirm,\n        variant: destructive ? 'destructive' : 'primary',\n        onClick: () => {\n          onConfirm?.();\n          onClose();\n        },\n      },\n    ],\n    [defaultTexts, destructive, onConfirm, onClose]\n  );\n\n  return (\n    <Modal\n      {...modalProps}\n      title={title || defaultTexts.defaultTitle}\n      onClose={onClose}\n      actions={actions}\n      disableCloseOnOverlayClick={type === 'confirm'}\n      hideCloseButton={type === 'confirm'}\n    >\n      {typeof message === 'string' ? <p className='text-sm'>{message}</p> : message}\n    </Modal>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport interface DropdownMenuContextFocus {\n  level: number;\n  index: number;\n}\n\nexport interface DropdownMenuContextValue {\n  id: string;\n  focus: DropdownMenuContextFocus | null;\n  setFocus: (focus: DropdownMenuContextFocus | null) => void;\n  isOpen: boolean;\n  onItemSelect: (value: string) => void;\n  onClose: () => void;\n  className?: string;\n}\n\nexport const DropdownMenuContext = createContext<DropdownMenuContextValue | null>(null);\n\nexport const useDropdownMenuContext = () => {\n  const context = useContext(DropdownMenuContext);\n  if (!context) {\n    throw new Error('DropdownMenu components must be used within a DropdownMenu component');\n  }\n  return context;\n};\n","import { createContext, useContext } from 'react';\nimport { TabsVariant, TabsWidth } from './variants';\n\nexport interface TabsContextValue {\n  selectedValue: string;\n  onValueChange: (value: string) => void;\n  tabsWidth: TabsWidth;\n  variant: TabsVariant;\n  triggersClassName?: string;\n  contentClassName?: string;\n}\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs component');\n  }\n  return context;\n};\n","import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { CrossCircled, ExclamationTriangle, InfoCircled, X } from '../../symbols';\nimport { join } from '../../utils';\nexport type ToastType = 'info' | 'warning' | 'error';\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\n/** Data for a toast notification */\nexport interface ToastData {\n  /** Unique identifier for the toast */\n  id: string;\n  /** The main message text for the toast */\n  title: string;\n  /** Optional secondary message text */\n  description?: string;\n  /** The type of toast which determines styling and icon. Can be extended with customTypes */\n  type?: ToastType;\n  /** Optional action button configuration */\n  action?: ToastAction;\n  /** Duration in milliseconds before auto-dismiss. Set to 0 to disable auto-dismiss */\n  duration?: number;\n  /** Callback fired when the toast is removed */\n  onRemove?: (id: string) => void;\n}\n\ninterface ToastProps extends ToastData {\n  customTypes?: Record<string, { className: string; icon?: ReactNode }>;\n  customComponent?: React.ComponentType<ToastData>;\n}\n\nconst defaultTypeStyles: Record<ToastType, { className: string; icon: ReactNode }> = {\n  info: {\n    className: 'bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100',\n    icon: <InfoCircled size={20} />,\n  },\n  warning: {\n    className:\n      'bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100',\n    icon: <ExclamationTriangle size={20} />,\n  },\n  error: {\n    className: 'bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100',\n    icon: <CrossCircled size={20} />,\n  },\n};\n\n/**\n * A notification toast component for displaying temporary messages to users.\n * Supports different types, actions, and auto-dismissal with customizable styling.\n * \n * @example\n * ```tsx\n * // Basic toast\n * <Toast\n *   id=\"notification-1\"\n *   title=\"Success!\"\n *   description=\"Your changes have been saved.\"\n *   type=\"info\"\n * />\n * \n * // Toast with action button\n * <Toast\n *   id=\"undo-toast\"\n *   title=\"Item deleted\"\n *   action={{ label: \"Undo\", onClick: restoreItem }}\n *   duration={5000}\n * />\n * \n * // Warning toast with custom duration\n * <Toast\n *   id=\"warning-toast\"\n *   title=\"Connection lost\"\n *   description=\"Trying to reconnect...\"\n *   type=\"warning\"\n *   duration={0}\n * />\n * ```\n */\nexport function Toast({\n  id,\n  title,\n  description,\n  type = 'info',\n  action,\n  duration = 5000,\n  onRemove,\n  customTypes,\n  customComponent: CustomComponent,\n}: ToastProps) {\n  const [isExiting, setIsExiting] = useState(false);\n\n  const handleRemove = useCallback(() => {\n    setIsExiting(true);\n    setTimeout(() => {\n      onRemove?.(id);\n    }, 150); // Match animation duration\n  }, [id, onRemove]);\n\n  useEffect(() => {\n    if (duration > 0) {\n      const timer = setTimeout(() => {\n        handleRemove();\n      }, duration);\n\n      return () => clearTimeout(timer);\n    }\n  }, [duration, id, onRemove, handleRemove]);\n\n  if (CustomComponent) {\n    return (\n      <CustomComponent\n        id={id}\n        title={title}\n        description={description}\n        type={type}\n        action={action}\n        duration={duration}\n        onRemove={onRemove}\n      />\n    );\n  }\n\n  // Check custom types first, then fall back to default\n  const typeStyle = customTypes?.[type] || defaultTypeStyles[type as ToastType] || defaultTypeStyles.info;\n\n  return (\n    <div\n      role={type === 'error' ? 'alert' : 'status'}\n      aria-live={type === 'error' ? undefined : 'polite'}\n      className={join(\n        'relative flex items-start p-4 rounded-lg border shadow-lg transition-all ease-in-out',\n        action && 'pb-3',\n        typeStyle.className,\n        isExiting ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0'\n      )}\n    >\n      {/* Icon */}\n      <div className='flex-shrink-0 mr-3'>{typeStyle.icon}</div>\n\n      {/* Content */}\n      <div className='flex-grow min-w-0'>\n        <div className='font-medium text-sm leading-5'>{title}</div>\n        {description && <div className='mt-1 text-sm opacity-90 leading-5'>{description}</div>}\n        {action && (\n          <div className='mt-1.5'>\n            <button\n              onClick={action.onClick}\n              className='text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer'\n            >\n              {action.label}\n            </button>\n          </div>\n        )}\n      </div>\n\n      {/* Close button */}\n      <button\n        onClick={handleRemove}\n        className='flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0'\n      >\n        <X size={16} />\n      </button>\n    </div>\n  );\n}\n"],"names":["LoadingDots","activeIndex","setActiveIndex","useState","useEffect","interval","prevIndex","jsx","index","join","buttonVariants","sizeVariants","roundedVariants","buttonDefaults","Button","variant","size","rounded","loading","className","rest","adjustedSize","buttonClasses","buttonRest","getButtonChildren","React","child","childrenProps","jsxs","useAnimationOpenClose","isOpen","show","setShow","shouldRender","setShouldRender","useDocumentChanges","onClose","handleEscape","e","useHandleFocus","modalId","previousActiveElement","useRef","focusAppropriateElement","useCallback","modalElement","modalActions","focusableElements","allBesidesCloseButton","el","Modal","id","title","children","contentOnly","overlayClassName","containerClassName","hideCloseButton","actions","disableCloseOnOverlayClick","ariaLabelledBy","ariaDescribedBy","generatedId","useId","titleId","renderTitle","renderActions","action","label","buttonProps","Fragment","createPortal","X","ActionModal","type","message","cancelText","confirmText","onConfirm","destructive","modalProps","defaultTexts","useMemo","DropdownMenuContext","createContext","useDropdownMenuContext","context","useContext","TabsContext","useTabsContext","defaultTypeStyles","InfoCircled","ExclamationTriangle","CrossCircled","Toast","description","duration","onRemove","customTypes","CustomComponent","isExiting","setIsExiting","handleRemove","timer","typeStyle"],"mappings":"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"}

package/dist/Toast-Cj5L6xNo.js

@@ -0,0 +1,387 @@
+import { jsx as r, jsxs as h, Fragment as q } from "react/jsx-runtime";
+import y, { useState as v, useEffect as g, useRef as H, useCallback as T, useId as $, useMemo as E, createContext as I, useContext as z } from "react";
+import { createPortal as F } from "react-dom";
+import { X as M, C as K, E as X, I as _ } from "./X-CIoyLewf.js";
+import { j as f } from "./join-BmgR_f4v.js";
+function G() {
+  const [e, a] = v(0);
+  return g(() => {
+    const n = setInterval(() => {
+      a((t) => (t + 1) % 3);
+    }, 500);
+    return () => clearInterval(n);
+  }, []), /* @__PURE__ */ r("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((n) => /* @__PURE__ */ r(
+    "div",
+    {
+      className: f(
+        "rounded-full transition-all ease-in-out size-[0.35em] bg-current",
+        e === n && "transform -translate-y-1"
+      )
+    },
+    n
+  )) });
+}
+const J = {
+  base: "focus:outline-current",
+  primary: "bg-primary text-primary-foreground hover:bg-primary/80 focus:outline-primary outline-offset-2 disabled:bg-muted disabled:text-muted-foreground",
+  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 focus:outline-secondary outline-offset-2 disabled:bg-muted/80 disabled:text-muted-foreground/80",
+  tertiary: "text-primary hover:text-primary/80 disabled:text-muted-foreground focus:outline-primary",
+  outline: "border border-primary text-primary hover:border-primary/80 hover:text-primary/80 focus:outline-primary outline-offset-2 disabled:border-muted-foreground disabled:text-muted-foreground",
+  link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground focus:underline",
+  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 focus:outline-destructive outline-offset-2 disabled:bg-muted disabled:text-muted-foreground"
+}, Q = {
+  stripped: "",
+  fitted: "size-fit leading-0",
+  sm: "px-2 py-1 text-sm",
+  md: "px-4 py-2 text-base",
+  lg: "px-6 py-3 text-lg",
+  icon: "p-1 w-fit aspect-square",
+  full: "p-2 w-full"
+}, R = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+}, k = {
+  variant: "primary",
+  size: "md",
+  rounded: "md"
+};
+function U({
+  variant: e = k.variant,
+  size: a,
+  rounded: n = k.rounded,
+  loading: t,
+  className: l,
+  ...o
+}) {
+  let s;
+  e === "link" && !a ? s = "fitted" : s = a || k.size;
+  const u = f(
+    "appearance-none not-disabled:hover:cursor-pointer outline outline-transparent disabled:opacity-50 disabled:cursor-not-allowed transition-all inline-flex items-center justify-center gap-0.5",
+    J[e],
+    Q[s],
+    R[n],
+    t && "relative pointer-events-none",
+    l
+  );
+  if (o.href && !o.disabled)
+    return /* @__PURE__ */ r(
+      "a",
+      {
+        ...o,
+        rel: o.rel ? o.rel : o.target === "_blank" ? "noopener noreferrer" : void 0,
+        "aria-label": o["aria-label"],
+        "aria-description": o["aria-description"],
+        href: o.href,
+        className: u,
+        children: o.children
+      }
+    );
+  const i = o, m = () => i.children ? typeof i.children == "string" || typeof i.children == "number" || typeof i.children == "boolean" ? /* @__PURE__ */ r("span", { className: f(t && "invisible"), children: i.children }) : y.Children.map(i.children, (c, p) => {
+    if (y.isValidElement(c)) {
+      const x = c.props;
+      return y.cloneElement(c, {
+        key: p,
+        className: f(t && "invisible", x.className)
+      });
+    }
+    return c;
+  }) : null;
+  return /* @__PURE__ */ h(
+    "button",
+    {
+      ...i,
+      "aria-label": i["aria-label"],
+      "aria-description": i["aria-description"],
+      "aria-disabled": i.disabled || t,
+      "aria-busy": t,
+      type: i.type ?? "button",
+      className: u,
+      children: [
+        t && /* @__PURE__ */ r(G, {}),
+        m()
+      ]
+    }
+  );
+}
+function W(e) {
+  const [a, n] = v(!1), [t, l] = v(!1);
+  return g(() => {
+    e ? (l(!0), setTimeout(() => n(!0), 10)) : (n(!1), setTimeout(() => l(!1), 150));
+  }, [e]), { show: a, shouldRender: t };
+}
+function Y(e, a) {
+  g(() => {
+    const n = (t) => {
+      t.key === "Escape" && e && a();
+    };
+    return document.addEventListener("keydown", n), e && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", n), document.body.style.overflow = "auto";
+    };
+  }, [e, a]);
+}
+function Z(e, a) {
+  const n = H(null), t = T(() => {
+    const l = document.getElementById(e);
+    if (!l) return;
+    const o = l.querySelectorAll('[data-modal-action="true"]');
+    if (o.length > 0) {
+      o[0].focus();
+      return;
+    }
+    const s = l.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (s.length > 0) {
+      const d = Array.from(s).filter((u) => !(u instanceof HTMLButtonElement && u.getAttribute("data-modal-close-button") === "true"));
+      if (d.length > 0) {
+        d[0].focus();
+        return;
+      }
+      s[0].focus();
+      return;
+    }
+    l.focus();
+  }, [e]);
+  g(() => (a && (n.current = document.activeElement, t()), () => {
+    document.body.style.overflow = "auto", n.current instanceof HTMLElement && n.current.focus();
+  }), [a, t]);
+}
+function O({
+  id: e,
+  isOpen: a,
+  onClose: n,
+  title: t,
+  children: l,
+  contentOnly: o = !1,
+  className: s,
+  overlayClassName: d,
+  containerClassName: u,
+  hideCloseButton: i = !1,
+  actions: m = [],
+  disableCloseOnOverlayClick: b = !1,
+  ariaLabelledBy: c,
+  ariaDescribedBy: p
+}) {
+  const x = $(), N = e || `modal-${x}`, C = e ? `${e}-title` : `modal-title-${x}`, { show: j, shouldRender: w } = W(a);
+  if (Z(N, w), Y(w, n), !w) return null;
+  const B = () => t ? y.isValidElement(t) ? /* @__PURE__ */ r("div", { className: "mb-4", children: t }) : /* @__PURE__ */ r("h2", { className: "mb-4 text-xl font-semibold", id: C, children: t }) : null, D = () => m.length === 0 ? null : /* @__PURE__ */ r("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: m.map((S, L) => {
+    const { label: V, ...P } = S;
+    return /* @__PURE__ */ r(U, { ...P, "data-modal-action": "true", children: V }, L);
+  }) });
+  return /* @__PURE__ */ r(q, { children: F(
+    /* @__PURE__ */ r(
+      "div",
+      {
+        "aria-labelledby": c ?? t ? C : void 0,
+        "aria-describedby": p,
+        role: "dialog",
+        "aria-modal": "true",
+        className: "fixed inset-0 z-[100] overflow-y-auto",
+        children: /* @__PURE__ */ h("div", { className: f("flex min-h-screen items-center justify-center p-4", u), children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: f("fixed inset-0 bg-black/20 transition-all", d),
+              onClick: () => {
+                b || n();
+              }
+            }
+          ),
+          o && /* @__PURE__ */ r("div", { className: f("relative w-fit", s), children: l }),
+          !o && /* @__PURE__ */ h(
+            "div",
+            {
+              id: N,
+              tabIndex: -1,
+              className: f(
+                "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in",
+                j ? "opacity-100 scale-100" : "opacity-0 scale-90",
+                s
+              ),
+              children: [
+                !i && /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: n,
+                    "data-modal-close-button": "true",
+                    className: "rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",
+                    children: /* @__PURE__ */ r(M, { size: 18 })
+                  }
+                ),
+                B(),
+                l,
+                D()
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    document.body
+  ) });
+}
+function se({
+  type: e,
+  message: a,
+  cancelText: n,
+  confirmText: t,
+  onConfirm: l,
+  onClose: o,
+  destructive: s = !1,
+  title: d,
+  ...u
+}) {
+  const i = E(() => e === "confirm" ? {
+    confirm: t || "Confirm",
+    cancel: n || "Cancel",
+    defaultTitle: d || "Confirm Action"
+  } : {
+    confirm: t || "OK",
+    cancel: null,
+    defaultTitle: d || "Alert"
+  }, [e, t, d, n]), m = E(
+    () => [
+      ...i.cancel ? [
+        {
+          label: i.cancel,
+          variant: "secondary",
+          onClick: o
+        }
+      ] : [],
+      {
+        label: i.confirm,
+        variant: s ? "destructive" : "primary",
+        onClick: () => {
+          l == null || l(), o();
+        }
+      }
+    ],
+    [i, s, l, o]
+  );
+  return /* @__PURE__ */ r(
+    O,
+    {
+      ...u,
+      title: d || i.defaultTitle,
+      onClose: o,
+      actions: m,
+      disableCloseOnOverlayClick: e === "confirm",
+      hideCloseButton: e === "confirm",
+      children: typeof a == "string" ? /* @__PURE__ */ r("p", { className: "text-sm", children: a }) : a
+    }
+  );
+}
+const ee = I(null), de = () => {
+  const e = z(ee);
+  if (!e)
+    throw new Error("DropdownMenu components must be used within a DropdownMenu component");
+  return e;
+}, te = I(null), ue = () => {
+  const e = z(te);
+  if (!e)
+    throw new Error("Tabs components must be used within a Tabs component");
+  return e;
+}, A = {
+  info: {
+    className: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100",
+    icon: /* @__PURE__ */ r(_, { size: 20 })
+  },
+  warning: {
+    className: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100",
+    icon: /* @__PURE__ */ r(X, { size: 20 })
+  },
+  error: {
+    className: "bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100",
+    icon: /* @__PURE__ */ r(K, { size: 20 })
+  }
+};
+function ce({
+  id: e,
+  title: a,
+  description: n,
+  type: t = "info",
+  action: l,
+  duration: o = 5e3,
+  onRemove: s,
+  customTypes: d,
+  customComponent: u
+}) {
+  const [i, m] = v(!1), b = T(() => {
+    m(!0), setTimeout(() => {
+      s == null || s(e);
+    }, 150);
+  }, [e, s]);
+  if (g(() => {
+    if (o > 0) {
+      const p = setTimeout(() => {
+        b();
+      }, o);
+      return () => clearTimeout(p);
+    }
+  }, [o, e, s, b]), u)
+    return /* @__PURE__ */ r(
+      u,
+      {
+        id: e,
+        title: a,
+        description: n,
+        type: t,
+        action: l,
+        duration: o,
+        onRemove: s
+      }
+    );
+  const c = (d == null ? void 0 : d[t]) || A[t] || A.info;
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      role: t === "error" ? "alert" : "status",
+      "aria-live": t === "error" ? void 0 : "polite",
+      className: f(
+        "relative flex items-start p-4 rounded-lg border shadow-lg transition-all ease-in-out",
+        l && "pb-3",
+        c.className,
+        i ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
+      ),
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex-shrink-0 mr-3", children: c.icon }),
+        /* @__PURE__ */ h("div", { className: "flex-grow min-w-0", children: [
+          /* @__PURE__ */ r("div", { className: "font-medium text-sm leading-5", children: a }),
+          n && /* @__PURE__ */ r("div", { className: "mt-1 text-sm opacity-90 leading-5", children: n }),
+          l && /* @__PURE__ */ r("div", { className: "mt-1.5", children: /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: l.onClick,
+              className: "text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer",
+              children: l.label
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: b,
+            className: "flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0",
+            children: /* @__PURE__ */ r(M, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  se as A,
+  U as B,
+  ee as D,
+  G as L,
+  O as M,
+  ce as T,
+  ue as a,
+  te as b,
+  de as u
+};
+//# sourceMappingURL=Toast-Cj5L6xNo.js.map

package/dist/Toast-Cj5L6xNo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-Cj5L6xNo.js","sources":["../src/components/button/LoadingDots.tsx","../src/components/button/variants.ts","../src/components/button/Button.tsx","../src/components/modal/hooks.ts","../src/components/modal/Modal.tsx","../src/components/actionmodal/ActionModal.tsx","../src/components/dropdown-menu/DropdownContext.tsx","../src/components/tabs/TabsContext.tsx","../src/components/toast/Toast.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\n/**\n * An animated loading indicator with three bouncing dots.\n * Used internally by Button component to show loading state.\n * \n * @example\n * ```tsx\n * <LoadingDots />\n * ```\n */\nexport function LoadingDots() {\n  const [activeIndex, setActiveIndex] = useState(0);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setActiveIndex((prevIndex) => (prevIndex + 1) % 3);\n    }, 500);\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className='absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle'>\n      {[0, 1, 2].map((index) => (\n        <div\n          key={index}\n          className={join(\n            'rounded-full transition-all ease-in-out size-[0.35em] bg-current',\n            activeIndex === index && 'transform -translate-y-1'\n          )}\n        />\n      ))}\n    </div>\n  );\n}","export const buttonVariants = {\n  base: 'focus:outline-current',\n  primary: 'bg-primary text-primary-foreground hover:bg-primary/80 focus:outline-primary outline-offset-2 disabled:bg-muted disabled:text-muted-foreground',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 focus:outline-secondary outline-offset-2 disabled:bg-muted/80 disabled:text-muted-foreground/80',\n  tertiary: 'text-primary hover:text-primary/80 disabled:text-muted-foreground focus:outline-primary',\n  outline: 'border border-primary text-primary hover:border-primary/80 hover:text-primary/80 focus:outline-primary outline-offset-2 disabled:border-muted-foreground disabled:text-muted-foreground',\n  link: 'underline-offset-4 hover:underline disabled:underline disabled:text-muted-foreground focus:underline',\n  destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/80 focus:outline-destructive outline-offset-2 disabled:bg-muted disabled:text-muted-foreground',\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariants;\n\nexport const sizeVariants = {\n  stripped: '',\n  fitted: 'size-fit leading-0',\n  sm: 'px-2 py-1 text-sm',\n  md: 'px-4 py-2 text-base',\n  lg: 'px-6 py-3 text-lg',\n  icon: 'p-1 w-fit aspect-square',\n  full: 'p-2 w-full',\n} as const;\nexport type ButtonSize = keyof typeof sizeVariants;\n\nexport const roundedVariants = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  full: 'rounded-full',\n} as const;\nexport type ButtonRounded = keyof typeof roundedVariants;\n\nexport interface ButtonVariants {\n  /** The visual style variant of the button. */\n  variant: ButtonVariant;\n  /** The size of the button. */\n  size: ButtonSize;\n  /** The border radius of the button. */\n  rounded: ButtonRounded;\n}\n\nexport const buttonDefaults: ButtonVariants = {\n  variant: 'primary',\n  size: 'md',\n  rounded: 'md',\n} as const;\n","// Button.tsx\nimport React, { ButtonHTMLAttributes, Ref } from 'react';\nimport { join } from '../../utils';\nimport { LoadingDots } from './LoadingDots';\nimport { ButtonSize, ButtonVariants, buttonDefaults, buttonVariants, roundedVariants, sizeVariants } from './variants';\n\ninterface ButtonButtonProps extends Partial<ButtonVariants>, ButtonHTMLAttributes<HTMLButtonElement> {\n\thref?: never;\n\t/** Reference to the button element. */\n\tref?: Ref<HTMLButtonElement>;\n\t/** Whether the button is in a loading state. */\n\tloading?: boolean;\n}\n\ninterface ButtonLinkProps\n\textends Partial<ButtonVariants>,\n\t\tOmit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'role'> {\n\t/** When provided, renders the button as a link. */\n\thref: string;\n\t/** Reference to the anchor element. */\n\tref?: Ref<HTMLAnchorElement>;\n\tloading?: never;\n\t/** Whether the button is disabled. */\n\tdisabled?: boolean;\n}\n\nexport type ButtonProps = ButtonButtonProps | ButtonLinkProps;\n\n/**\n * A versatile button component that can render as either a button or anchor element.\n * Supports loading states, various visual variants, and accessibility features.\n * \n * @example\n * ```tsx\n * // Regular button\n * <Button variant=\"primary\" onClick={() => save()}>Save</Button>\n * \n * // Loading state\n * <Button loading variant=\"primary\">Processing...</Button>\n * \n * // Link button\n * <Button href=\"/dashboard\" variant=\"secondary\">Go to Dashboard</Button>\n * ```\n */\nexport function Button({\n\tvariant = buttonDefaults.variant,\n\tsize,\n\trounded = buttonDefaults.rounded,\n\tloading,\n\tclassName,\n\t...rest\n}: ButtonProps) {\n\tlet adjustedSize: ButtonSize;\n\tif (variant === 'link' && !size) {\n\t\t// default links to fitted size\n\t\tadjustedSize = 'fitted';\n\t} else {\n\t\tadjustedSize = size || buttonDefaults.size;\n\t}\n\n\tconst baseClasses =\n\t\t'appearance-none not-disabled:hover:cursor-pointer outline outline-transparent disabled:opacity-50 disabled:cursor-not-allowed transition-all inline-flex items-center justify-center gap-0.5';\n\n\tconst buttonClasses = join(\n\t\tbaseClasses,\n\t\tbuttonVariants[variant],\n\t\tsizeVariants[adjustedSize],\n\t\troundedVariants[rounded],\n\t\tloading && 'relative pointer-events-none',\n\t\tclassName\n\t);\n\n\tif (rest.href && !rest.disabled) {\n\t\treturn (\n\t\t\t<a\n\t\t\t\t{...rest}\n\t\t\t\trel={rest.rel ? rest.rel : rest.target === '_blank' ? 'noopener noreferrer' : undefined}\n\t\t\t\taria-label={rest['aria-label']}\n\t\t\t\taria-description={rest['aria-description']}\n\t\t\t\thref={rest.href}\n\t\t\t\tclassName={buttonClasses}\n\t\t\t>\n\t\t\t\t{rest.children}\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst buttonRest = rest as ButtonButtonProps; // necessary to cast to avoid TS complaining\n\tconst getButtonChildren = () => {\n\t\tif (!buttonRest.children) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (\n\t\t\ttypeof buttonRest.children === 'string' ||\n\t\t\ttypeof buttonRest.children === 'number' ||\n\t\t\ttypeof buttonRest.children === 'boolean'\n\t\t) {\n\t\t\treturn <span className={join(loading && 'invisible')}>{buttonRest.children}</span>;\n\t\t}\n\n\t\tconst clonedChildren = React.Children.map(buttonRest.children, (child, index) => {\n\t\t\tif (React.isValidElement(child)) {\n\t\t\t\tconst childrenProps = child.props as { className?: string };\n\t\t\t\treturn React.cloneElement(child, {\n\t\t\t\t\tkey: index,\n\t\t\t\t\tclassName: join(loading && 'invisible', childrenProps.className),\n\t\t\t\t} as Record<string, unknown>);\n\t\t\t}\n\t\t\treturn child;\n\t\t});\n\t\treturn clonedChildren;\n\t};\n\n\treturn (\n\t\t<button\n\t\t\t{...buttonRest}\n\t\t\taria-label={buttonRest['aria-label']}\n\t\t\taria-description={buttonRest['aria-description']}\n\t\t\taria-disabled={buttonRest.disabled || loading}\n\t\t\taria-busy={loading}\n\t\t\ttype={buttonRest.type ?? 'button'}\n\t\t\tclassName={buttonClasses}\n\t\t>\n\t\t\t{loading && <LoadingDots />}\n\t\t\t{getButtonChildren()}\n\t\t</button>\n\t);\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useAnimationOpenClose(isOpen: boolean) {\n  const [show, setShow] = useState(false);\n  const [shouldRender, setShouldRender] = useState(false);\n\n  useEffect(() => {\n    if (isOpen) {\n      setShouldRender(true);\n      setTimeout(() => setShow(true), 10);\n    } else {\n      setShow(false);\n      setTimeout(() => setShouldRender(false), 150);\n    }\n  }, [isOpen]);\n\n  return { show, shouldRender };\n}\n\nexport function useDocumentChanges(isOpen: boolean, onClose: () => void) {\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    // Prevent background scrolling when modal is open\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n      document.body.style.overflow = 'auto';\n    };\n  }, [isOpen, onClose]);\n}\n\nexport function useHandleFocus(modalId: string, isOpen: boolean) {\n  const previousActiveElement = useRef<Element | null>(null);\n\n  const focusAppropriateElement = useCallback(() => {\n    const modalElement = document.getElementById(modalId);\n    if (!modalElement) return;\n\n    // 1. First, try to focus on the first action button, if available\n    const modalActions = modalElement.querySelectorAll('[data-modal-action=\"true\"]');\n    if (modalActions.length > 0) {\n      (modalActions[0] as HTMLElement).focus();\n      return;\n    }\n\n    // 2. Then try first focusable element in content (giving preference to non-close button)\n    const focusableElements = modalElement.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    );\n\n    if (focusableElements.length > 0) {\n      const allBesidesCloseButton = Array.from(focusableElements).filter((el) => {\n        return !(el instanceof HTMLButtonElement && el.getAttribute('data-modal-close-button') === 'true');\n      });\n\n      if (allBesidesCloseButton.length > 0) {\n        (allBesidesCloseButton[0] as HTMLElement).focus();\n        return;\n      }\n\n      (focusableElements[0] as HTMLElement).focus();\n      return;\n    }\n\n    // 3. Fallback to modal container\n    modalElement.focus();\n  }, [modalId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      // Store the currently focused element to restore focus later\n      previousActiveElement.current = document.activeElement;\n\n      focusAppropriateElement();\n    }\n\n    return () => {\n      document.body.style.overflow = 'auto';\n\n      // Restore focus to the previously focused element when modal closes\n      if (previousActiveElement.current instanceof HTMLElement) {\n        previousActiveElement.current.focus();\n      }\n    };\n  }, [isOpen, focusAppropriateElement]);\n}\n","import React, { useId } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from '../../symbols';\nimport { Button, ButtonProps } from '../button';\nimport { useAnimationOpenClose, useDocumentChanges, useHandleFocus } from './hooks';\nimport { join } from '../../utils';\n\ninterface ModalAction extends Omit<ButtonProps, 'children'> {\n\t/** The text label for the action button. */\n\tlabel: string;\n}\n\nexport interface ModalProps {\n\t/** Optional ID for the modal element. */\n\tid?: string;\n\t/** Whether the modal is open. */\n\tisOpen: boolean;\n\t/** Callback fired when the modal should close. */\n\tonClose: () => void;\n\t/** Optional title for the modal header. */\n\ttitle?: React.ReactNode;\n\t/** The content to display inside the modal. */\n\tchildren: React.ReactNode;\n\t/** When true, renders only the children with no default modal styling. */\n\tcontentOnly?: boolean;\n\t/** Additional CSS classes to apply to the modal content. */\n\tclassName?: string;\n\t/** Additional CSS classes to apply to the backdrop overlay. */\n\toverlayClassName?: string;\n\t/** Additional CSS classes to apply to the modal container. */\n\tcontainerClassName?: string;\n\t/** Whether to hide the X close button in the top-right corner. */\n\thideCloseButton?: boolean;\n\t/** Array of action buttons to display at the bottom of the modal. */\n\tactions?: ModalAction[];\n\t/** Whether clicking the backdrop/overlay closes the modal. */\n\tdisableCloseOnOverlayClick?: boolean;\n\t/** ID of an element that labels the modal. */\n\tariaLabelledBy?: string;\n\t/** ID of an element that describes the modal. */\n\tariaDescribedBy?: string;\n}\n\n/**\n * A flexible modal dialog component with focus management, animation, and action buttons.\n * Supports both styled and content-only modes with comprehensive accessibility features.\n * \n * @example\n * ```tsx\n * // Basic modal\n * <Modal\n *   isOpen={showModal}\n *   onClose={() => setShowModal(false)}\n *   title=\"Confirm Action\"\n * >\n *   <p>Are you sure you want to proceed?</p>\n * </Modal>\n * \n * // Modal with actions\n * <Modal\n *   isOpen={showDeleteModal}\n *   onClose={handleClose}\n *   title=\"Delete Item\"\n *   actions={[\n *     { label: \"Cancel\", variant: \"secondary\", onClick: handleClose },\n *     { label: \"Delete\", variant: \"destructive\", onClick: handleDelete }\n *   ]}\n *   disableCloseOnOverlayClick\n * >\n *   <p>This action cannot be undone.</p>\n * </Modal>\n * ```\n */\nexport function Modal({\n\tid,\n\tisOpen,\n\tonClose,\n\ttitle,\n\tchildren,\n\tcontentOnly = false,\n\tclassName,\n\toverlayClassName,\n\tcontainerClassName,\n\thideCloseButton = false,\n\tactions = [],\n\tdisableCloseOnOverlayClick = false,\n\tariaLabelledBy,\n\tariaDescribedBy,\n}: ModalProps) {\n\tconst generatedId = useId();\n\tconst modalId = id || `modal-${generatedId}`;\n\tconst titleId = id ? `${id}-title` : `modal-title-${generatedId}`;\n\n\tconst { show, shouldRender } = useAnimationOpenClose(isOpen);\n\tuseHandleFocus(modalId, shouldRender);\n\tuseDocumentChanges(shouldRender, onClose);\n\n\tif (!shouldRender) return null;\n\n\tconst renderTitle = () => {\n\t\tif (!title) return null;\n\n\t\tif (React.isValidElement(title)) {\n\t\t\treturn <div className='mb-4'>{title}</div>;\n\t\t}\n\n\t\treturn (\n\t\t\t<h2 className='mb-4 text-xl font-semibold' id={titleId}>\n\t\t\t\t{title}\n\t\t\t</h2>\n\t\t);\n\t};\n\n\tconst renderActions = () => {\n\t\tif (actions.length === 0) return null;\n\n\t\treturn (\n\t\t\t<div className='mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3'>\n\t\t\t\t{actions.map((action, index) => {\n\t\t\t\t\tconst { label, ...rest } = action;\n\t\t\t\t\tconst buttonProps = rest as ButtonProps;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button key={index} {...buttonProps} data-modal-action='true'>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{createPortal(\n\t\t\t\t<div\n\t\t\t\t\taria-labelledby={ariaLabelledBy ?? title ? titleId : undefined}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\trole='dialog'\n\t\t\t\t\taria-modal='true'\n\t\t\t\t\tclassName='fixed inset-0 z-[100] overflow-y-auto'\n\t\t\t\t>\n\t\t\t\t\t<div className={join('flex min-h-screen items-center justify-center p-4', containerClassName)}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={join('fixed inset-0 bg-black/20 transition-all', overlayClassName)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (!disableCloseOnOverlayClick) {\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{contentOnly && <div className={join('relative w-fit', className)}>{children}</div>}\n\n\t\t\t\t\t\t{!contentOnly && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={modalId}\n\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\tclassName={join(\n\t\t\t\t\t\t\t\t\t'relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in',\n\t\t\t\t\t\t\t\t\tshow ? 'opacity-100 scale-100' : 'opacity-0 scale-90',\n\t\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t\t\t\tdata-modal-close-button='true'\n\t\t\t\t\t\t\t\t\t\tclassName='rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<X size={18} />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{renderTitle()}\n\n\t\t\t\t\t\t\t\t{children}\n\n\t\t\t\t\t\t\t\t{renderActions()}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>,\n\t\t\t\tdocument.body\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import React, { useMemo } from 'react';\nimport { Modal, ModalProps } from '../modal';\n\ninterface BaseActionModalProps extends Omit<ModalProps, 'children' | 'actions'> {\n  /** The main content/message to display in the modal. */\n  message: React.ReactNode;\n  /** Whether to style the confirm button with destructive/danger styling. */\n  destructive?: boolean;\n}\n\ninterface AlertModalProps extends BaseActionModalProps {\n  /** The type of action modal - alert shows only OK, confirm shows OK and Cancel. */\n  type: 'alert';\n  /** Custom text for the confirm/OK button. */\n  confirmText?: string;\n  /** Callback fired when the confirm/OK button is clicked. */\n  onConfirm?: () => void;\n  // Cancel-related props are not allowed for alerts\n  cancelText?: never;\n}\n\ninterface ConfirmModalProps extends BaseActionModalProps {\n  /** The type of action modal - alert shows only OK, confirm shows OK and Cancel. */\n  type: 'confirm';\n  /** Custom text for the confirm/OK button. */\n  confirmText?: string;\n  /** Custom text for the cancel button (only for confirm type). */\n  cancelText?: string;\n  /** Callback fired when the confirm/OK button is clicked. */\n  onConfirm?: () => void;\n}\n\nexport type ActionModalProps = AlertModalProps | ConfirmModalProps;\n\n/**\n * A modal dialog for user confirmation or alerts with predefined action buttons.\n * Supports both alert (single OK button) and confirm (OK + Cancel buttons) modes.\n * \n * @example\n * ```tsx\n * // Alert modal\n * <ActionModal\n *   type=\"alert\"\n *   message=\"Operation completed successfully!\"\n *   onClose={() => setShowModal(false)}\n *   isOpen={showModal}\n * />\n * \n * // Confirmation modal\n * <ActionModal\n *   type=\"confirm\"\n *   message=\"Are you sure you want to delete this item?\"\n *   destructive\n *   onConfirm={() => deleteItem()}\n *   onClose={() => setShowModal(false)}\n *   isOpen={showModal}\n * />\n * ```\n */\nexport function ActionModal({\n  type,\n  message,\n  cancelText,\n  confirmText,\n  onConfirm,\n  onClose,\n  destructive = false,\n  title,\n  ...modalProps\n}: ActionModalProps) {\n  const defaultTexts = useMemo(() => {\n    if (type === 'confirm') {\n      return {\n        confirm: confirmText || 'Confirm',\n        cancel: cancelText || 'Cancel',\n        defaultTitle: title || 'Confirm Action',\n      };\n    }\n    return {\n      confirm: confirmText || 'OK',\n      cancel: null,\n      defaultTitle: title || 'Alert',\n    };\n  }, [type, confirmText, title, cancelText]);\n\n  const actions: ModalProps['actions'] = useMemo(\n    () => [\n      ...(defaultTexts.cancel\n        ? [\n            {\n              label: defaultTexts.cancel,\n              variant: 'secondary' as const,\n              onClick: onClose,\n            },\n          ]\n        : []),\n      {\n        label: defaultTexts.confirm,\n        variant: destructive ? 'destructive' : 'primary',\n        onClick: () => {\n          onConfirm?.();\n          onClose();\n        },\n      },\n    ],\n    [defaultTexts, destructive, onConfirm, onClose]\n  );\n\n  return (\n    <Modal\n      {...modalProps}\n      title={title || defaultTexts.defaultTitle}\n      onClose={onClose}\n      actions={actions}\n      disableCloseOnOverlayClick={type === 'confirm'}\n      hideCloseButton={type === 'confirm'}\n    >\n      {typeof message === 'string' ? <p className='text-sm'>{message}</p> : message}\n    </Modal>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport interface DropdownMenuContextFocus {\n  level: number;\n  index: number;\n}\n\nexport interface DropdownMenuContextValue {\n  id: string;\n  focus: DropdownMenuContextFocus | null;\n  setFocus: (focus: DropdownMenuContextFocus | null) => void;\n  isOpen: boolean;\n  onItemSelect: (value: string) => void;\n  onClose: () => void;\n  className?: string;\n}\n\nexport const DropdownMenuContext = createContext<DropdownMenuContextValue | null>(null);\n\nexport const useDropdownMenuContext = () => {\n  const context = useContext(DropdownMenuContext);\n  if (!context) {\n    throw new Error('DropdownMenu components must be used within a DropdownMenu component');\n  }\n  return context;\n};\n","import { createContext, useContext } from 'react';\nimport { TabsVariant, TabsWidth } from './variants';\n\nexport interface TabsContextValue {\n  selectedValue: string;\n  onValueChange: (value: string) => void;\n  tabsWidth: TabsWidth;\n  variant: TabsVariant;\n  triggersClassName?: string;\n  contentClassName?: string;\n}\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs component');\n  }\n  return context;\n};\n","import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { CrossCircled, ExclamationTriangle, InfoCircled, X } from '../../symbols';\nimport { join } from '../../utils';\nexport type ToastType = 'info' | 'warning' | 'error';\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\n/** Data for a toast notification */\nexport interface ToastData {\n  /** Unique identifier for the toast */\n  id: string;\n  /** The main message text for the toast */\n  title: string;\n  /** Optional secondary message text */\n  description?: string;\n  /** The type of toast which determines styling and icon. Can be extended with customTypes */\n  type?: ToastType;\n  /** Optional action button configuration */\n  action?: ToastAction;\n  /** Duration in milliseconds before auto-dismiss. Set to 0 to disable auto-dismiss */\n  duration?: number;\n  /** Callback fired when the toast is removed */\n  onRemove?: (id: string) => void;\n}\n\ninterface ToastProps extends ToastData {\n  customTypes?: Record<string, { className: string; icon?: ReactNode }>;\n  customComponent?: React.ComponentType<ToastData>;\n}\n\nconst defaultTypeStyles: Record<ToastType, { className: string; icon: ReactNode }> = {\n  info: {\n    className: 'bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100',\n    icon: <InfoCircled size={20} />,\n  },\n  warning: {\n    className:\n      'bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100',\n    icon: <ExclamationTriangle size={20} />,\n  },\n  error: {\n    className: 'bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100',\n    icon: <CrossCircled size={20} />,\n  },\n};\n\n/**\n * A notification toast component for displaying temporary messages to users.\n * Supports different types, actions, and auto-dismissal with customizable styling.\n * \n * @example\n * ```tsx\n * // Basic toast\n * <Toast\n *   id=\"notification-1\"\n *   title=\"Success!\"\n *   description=\"Your changes have been saved.\"\n *   type=\"info\"\n * />\n * \n * // Toast with action button\n * <Toast\n *   id=\"undo-toast\"\n *   title=\"Item deleted\"\n *   action={{ label: \"Undo\", onClick: restoreItem }}\n *   duration={5000}\n * />\n * \n * // Warning toast with custom duration\n * <Toast\n *   id=\"warning-toast\"\n *   title=\"Connection lost\"\n *   description=\"Trying to reconnect...\"\n *   type=\"warning\"\n *   duration={0}\n * />\n * ```\n */\nexport function Toast({\n  id,\n  title,\n  description,\n  type = 'info',\n  action,\n  duration = 5000,\n  onRemove,\n  customTypes,\n  customComponent: CustomComponent,\n}: ToastProps) {\n  const [isExiting, setIsExiting] = useState(false);\n\n  const handleRemove = useCallback(() => {\n    setIsExiting(true);\n    setTimeout(() => {\n      onRemove?.(id);\n    }, 150); // Match animation duration\n  }, [id, onRemove]);\n\n  useEffect(() => {\n    if (duration > 0) {\n      const timer = setTimeout(() => {\n        handleRemove();\n      }, duration);\n\n      return () => clearTimeout(timer);\n    }\n  }, [duration, id, onRemove, handleRemove]);\n\n  if (CustomComponent) {\n    return (\n      <CustomComponent\n        id={id}\n        title={title}\n        description={description}\n        type={type}\n        action={action}\n        duration={duration}\n        onRemove={onRemove}\n      />\n    );\n  }\n\n  // Check custom types first, then fall back to default\n  const typeStyle = customTypes?.[type] || defaultTypeStyles[type as ToastType] || defaultTypeStyles.info;\n\n  return (\n    <div\n      role={type === 'error' ? 'alert' : 'status'}\n      aria-live={type === 'error' ? undefined : 'polite'}\n      className={join(\n        'relative flex items-start p-4 rounded-lg border shadow-lg transition-all ease-in-out',\n        action && 'pb-3',\n        typeStyle.className,\n        isExiting ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0'\n      )}\n    >\n      {/* Icon */}\n      <div className='flex-shrink-0 mr-3'>{typeStyle.icon}</div>\n\n      {/* Content */}\n      <div className='flex-grow min-w-0'>\n        <div className='font-medium text-sm leading-5'>{title}</div>\n        {description && <div className='mt-1 text-sm opacity-90 leading-5'>{description}</div>}\n        {action && (\n          <div className='mt-1.5'>\n            <button\n              onClick={action.onClick}\n              className='text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer'\n            >\n              {action.label}\n            </button>\n          </div>\n        )}\n      </div>\n\n      {/* Close button */}\n      <button\n        onClick={handleRemove}\n        className='flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0'\n      >\n        <X size={16} />\n      </button>\n    </div>\n  );\n}\n"],"names":["LoadingDots","activeIndex","setActiveIndex","useState","useEffect","interval","prevIndex","jsx","index","join","buttonVariants","sizeVariants","roundedVariants","buttonDefaults","Button","variant","size","rounded","loading","className","rest","adjustedSize","buttonClasses","buttonRest","getButtonChildren","React","child","childrenProps","jsxs","useAnimationOpenClose","isOpen","show","setShow","shouldRender","setShouldRender","useDocumentChanges","onClose","handleEscape","e","useHandleFocus","modalId","previousActiveElement","useRef","focusAppropriateElement","useCallback","modalElement","modalActions","focusableElements","allBesidesCloseButton","el","Modal","id","title","children","contentOnly","overlayClassName","containerClassName","hideCloseButton","actions","disableCloseOnOverlayClick","ariaLabelledBy","ariaDescribedBy","generatedId","useId","titleId","renderTitle","renderActions","action","label","Fragment","createPortal","X","ActionModal","type","message","cancelText","confirmText","onConfirm","destructive","modalProps","defaultTexts","useMemo","DropdownMenuContext","createContext","useDropdownMenuContext","context","useContext","TabsContext","useTabsContext","defaultTypeStyles","InfoCircled","ExclamationTriangle","CrossCircled","Toast","description","duration","onRemove","customTypes","CustomComponent","isExiting","setIsExiting","handleRemove","timer","typeStyle"],"mappings":"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"}