@douglasneuroinformatics/libui 5.0.0 → 5.0.2

package/dist/{chunk-VWNGEXWI.js → chunk-KIEYPHYA.js}

@@ -318,4 +318,4 @@ export {
   Dialog,
   NotificationHub
 };
-//# sourceMappingURL=chunk-VWNGEXWI.js.map
+//# sourceMappingURL=chunk-KIEYPHYA.js.map

package/dist/chunk-KIEYPHYA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Card/Card.tsx","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/DialogBody.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/DialogOverlay.tsx","../src/components/Dialog/DialogDescription.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogTitle.tsx","../src/providers/CoreProvider/NotificationHub.tsx","../src/providers/CoreProvider/NotificationIcon.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { Simplify } from 'type-fest';\n\nimport { cn } from '@/utils';\n\nexport const BUTTON_ICON_SIZE = {\n  lg: 18,\n  md: 16,\n  sm: 14\n};\n\nexport const buttonVariants = cva(\n  'flex items-center justify-center whitespace-nowrap cursor-pointer rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    defaultVariants: {\n      size: 'md',\n      variant: 'primary'\n    },\n    variants: {\n      size: {\n        icon: 'p-1.5 aspect-square',\n        lg: 'h-10 rounded-md px-8 text-base',\n        md: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-md px-3 text-xs'\n      },\n      variant: {\n        danger: 'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/70',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n        outline: 'border border-input bg-inherit shadow-xs',\n        primary: 'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',\n        secondary: 'bg-secondary border text-secondary-foreground shadow-xs hover:bg-secondary/10'\n      }\n    }\n  }\n);\n\nexport type ButtonProps = Simplify<\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    VariantProps<typeof buttonVariants> & {\n      asChild?: boolean;\n      /** @deprecated - use children   */\n      label?: string;\n    }\n>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { asChild, children, className, label, size = 'md', variant = 'primary', ...props },\n  ref\n) {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp className={cn(buttonVariants({ className, size, variant }))} ref={ref} {...props}>\n      {label}\n      <Slottable>{children}</Slottable>\n    </Comp>\n  );\n});\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nconst CardRoot = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(function CardRoot(\n  { className, ...props },\n  ref\n) {\n  return (\n    <div\n      className={cn('bg-card text-card-foreground rounded-xl border shadow-sm', className)}\n      data-testid=\"card\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport const Card = Object.assign(CardRoot, {\n  Content: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={cn('p-6 pt-0', className)} {...props} />\n  ),\n  Description: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p className={cn('text-muted-foreground text-sm', className)} {...props} />\n  ),\n  Footer: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return <div className={cn('flex items-center p-6 pt-0', className)} {...props} />;\n  },\n  Header: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n  ),\n  Title: ({ children, className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h3 className={cn('leading-none font-semibold tracking-tight', className)} {...props}>\n      {children}\n    </h3>\n  )\n});\n","import { Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { DialogBody } from './DialogBody';\nimport { DialogContent } from './DialogContent';\nimport { DialogDescription } from './DialogDescription';\nimport { DialogFooter } from './DialogFooter';\nimport { DialogHeader } from './DialogHeader';\nimport { DialogTitle } from './DialogTitle';\n\nexport const Dialog = Object.assign(Root.bind(null), {\n  Body: DialogBody,\n  Content: DialogContent,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Trigger\n});\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport const DialogBody = ({\n  children,\n  className,\n  ...props\n}: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => {\n  return (\n    <div className={cn('py-4', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n","import * as React from 'react';\n\nimport { Close, Content, Portal } from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/utils';\n\nimport { DialogOverlay } from './DialogOverlay';\n\nexport const DialogContent = ({ children, className, ...props }: React.ComponentProps<typeof Content>) => {\n  return (\n    <Portal>\n      <DialogOverlay />\n      <Content\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-md border p-6 shadow-lg duration-300 sm:max-w-lg sm:rounded-lg',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"h-4 w-4\" />\n        </Close>\n      </Content>\n    </Portal>\n  );\n};\n","import * as React from 'react';\n\nimport { Overlay } from '@radix-ui/react-dialog';\n\nimport { cn } from '@/utils';\n\nexport const DialogOverlay = ({ className, ...props }: React.ComponentProps<typeof Overlay>) => {\n  return (\n    <Overlay\n      className={cn(\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-50 bg-black/80 duration-300',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n","import * as React from 'react';\n\nimport { Description } from '@radix-ui/react-dialog';\n\nimport { cn } from '@/utils';\n\nexport const DialogDescription = ({ className, ...props }: React.ComponentProps<typeof Description>) => {\n  return <Description className={cn('text-muted-foreground text-sm', className)} {...props} />;\n};\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-x-2 gap-y-0.5 sm:flex-row', className)} {...props} />\n);\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n);\n","import * as React from 'react';\n\nimport { Title } from '@radix-ui/react-dialog';\n\nimport { cn } from '@/utils';\n\nexport const DialogTitle = ({ className, ...props }: React.ComponentProps<typeof Title>) => {\n  return <Title className={cn('text-lg leading-none font-semibold tracking-tight', className)} {...props} />;\n};\n","import { XIcon } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { Card } from '@/components/Card';\nimport { useTranslation } from '@/hooks';\nimport { useNotificationsStore } from '@/hooks/useNotificationsStore';\n\nimport { NotificationIcon } from './NotificationIcon';\n\ntype NotificationHubProps = {\n  /** The number of milliseconds before the notification is automatically cleared */\n  timeout?: number;\n};\n\nconst NotificationHub = ({ timeout = 5000 }: NotificationHubProps) => {\n  const { t } = useTranslation('libui');\n  const { dismissNotification, notifications } = useNotificationsStore();\n\n  return (\n    <div className=\"fixed bottom-0 z-50 w-full print:hidden\">\n      <AnimatePresence>\n        {notifications.map((item) => (\n          <motion.div\n            animate={{ height: 'auto', opacity: 1 }}\n            className=\"relative max-w-sm\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            key={item.id}\n            transition={{ bounce: 0.1, type: 'spring' }}\n          >\n            <div className=\"w-full p-2\">\n              <Card className=\"w-full rounded-lg p-0\">\n                <div className=\"p-4\">\n                  <div className=\"mb-2 flex items-center\">\n                    <NotificationIcon type={item.type} />\n                    <h5 className=\"ml-3 grow font-medium text-slate-900 dark:text-slate-100\">\n                      {item.title ?? t(`notifications.types.${item.type}`)}\n                    </h5>\n                    <button\n                      className=\"inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:ring-1 focus:ring-sky-500 focus:outline-hidden dark:focus:ring-sky-600\"\n                      type=\"button\"\n                      onClick={() => {\n                        dismissNotification(item.id);\n                      }}\n                    >\n                      <XIcon aria-hidden=\"true\" className=\"h-5 w-5\" />\n                    </button>\n                  </div>\n                  <p className=\"text-muted-foreground my-2\">{item.message}</p>\n                </div>\n                <motion.div\n                  animate={{ width: '100%' }}\n                  className=\"h-1 bg-slate-500\"\n                  initial={{ width: '0%' }}\n                  transition={{ duration: timeout / 1000, ease: 'linear' }}\n                  onAnimationComplete={() => {\n                    dismissNotification(item.id);\n                  }}\n                />\n              </Card>\n            </div>\n          </motion.div>\n        ))}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport { NotificationHub, type NotificationHubProps };\n","import type { NotificationInterface } from '@/hooks/useNotificationsStore';\n\nexport type NotificationIconProps = {\n  type: NotificationInterface['type'];\n};\n\nexport const NotificationIcon = ({ type }: NotificationIconProps) => {\n  switch (type) {\n    case 'error':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-red-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z\"\n            fillRule=\"evenodd\"\n          ></path>\n        </svg>\n      );\n    case 'info':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-blue-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n            fillRule=\"evenodd\"\n          ></path>\n        </svg>\n      );\n    case 'success':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-green-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n            fillRule=\"evenodd\"\n          />\n        </svg>\n      );\n    case 'warning':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-yellow-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n            fillRule=\"evenodd\"\n          ></path>\n        </svg>\n      );\n  }\n};\n"],"mappings":";;;;;;;;;;AAAA,YAAY,WAAW;AAEvB,SAAS,MAAM,iBAAiB;AAChC,SAAS,WAAW;AAqDhB,SAEE,KAFF;AA/CG,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAWO,IAAM,SAAe,iBAA2C,SAASA,QAC9E,EAAE,SAAS,UAAU,WAAW,OAAO,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,GAClF,KACA;AACA,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE,qBAAC,QAAK,WAAW,GAAG,eAAe,EAAE,WAAW,MAAM,QAAQ,CAAC,CAAC,GAAG,KAAW,GAAG,OAC9E;AAAA;AAAA,IACD,oBAAC,aAAW,UAAS;AAAA,KACvB;AAEJ,CAAC;;;AC7DD,YAAYC,YAAW;AASnB,gBAAAC,YAAA;AALJ,IAAM,WAAiB,kBAAiE,SAASC,UAC/F,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,4DAA4D,SAAS;AAAA,MACnF,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,IAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,MAC9B,gBAAAA,KAAC,SAAI,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAAA,EAExD,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MAClC,gBAAAA,KAAC,OAAE,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAAA,EAE3E,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,MAA4C;AACzE,WAAO,gBAAAA,KAAC,SAAI,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAAA,EACjF;AAAA,EACA,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,MAC7B,gBAAAA,KAAC,SAAI,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAAA,EAE7E,OAAO,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,MACtC,gBAAAA,KAAC,QAAG,WAAW,GAAG,6CAA6C,SAAS,GAAI,GAAG,OAC5E,UACH;AAEJ,CAAC;;;ACpCD,SAAS,MAAM,eAAe;;;ACA9B,OAAuB;AAUnB,gBAAAE,YAAA;AANG,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqF;AACnF,SACE,gBAAAA,KAAC,SAAI,WAAW,GAAG,QAAQ,SAAS,GAAI,GAAG,OACxC,UACH;AAEJ;;;ACdA,OAAuB;AAEvB,SAAS,OAAO,SAAS,cAAc;AACvC,SAAS,aAAa;;;ACHtB,OAAuB;AAEvB,SAAS,eAAe;AAMpB,gBAAAC,YAAA;AAFG,IAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA4C;AAC9F,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ADJM,gBAAAC,MACA,QAAAC,aADA;AAHC,IAAM,gBAAgB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,MAA4C;AACxG,SACE,gBAAAA,MAAC,UACC;AAAA,oBAAAD,KAAC,iBAAc;AAAA,IACf,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACD,gBAAAD,KAAC,SAAM,WAAU,mRACf,0BAAAA,KAAC,SAAM,WAAU,WAAU,GAC7B;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;;;AE3BA,OAAuB;AAEvB,SAAS,mBAAmB;AAKnB,gBAAAE,YAAA;AADF,IAAM,oBAAoB,CAAC,EAAE,WAAW,GAAG,MAAM,MAAgD;AACtG,SAAO,gBAAAA,KAAC,eAAY,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAC5F;;;ACRA,OAAuB;AAKrB,gBAAAC,YAAA;AADK,IAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MACjD,gBAAAA,KAAC,SAAI,WAAW,GAAG,+CAA+C,SAAS,GAAI,GAAG,OAAO;;;ACL3F,OAAuB;AAKrB,gBAAAC,YAAA;AADK,IAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MACjD,gBAAAA,KAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAAI,GAAG,OAAO;;;ACLlG,OAAuB;AAEvB,SAAS,aAAa;AAKb,gBAAAC,YAAA;AADF,IAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,MAA0C;AAC1F,SAAO,gBAAAA,KAAC,SAAM,WAAW,GAAG,qDAAqD,SAAS,GAAI,GAAG,OAAO;AAC1G;;;APCO,IAAM,SAAS,OAAO,OAAO,KAAK,KAAK,IAAI,GAAG;AAAA,EACnD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AACF,CAAC;;;AQjBD,SAAS,SAAAC,cAAa;AACtB,SAAS,iBAAiB,cAAc;;;ACiB9B,gBAAAC,aAAA;AAZH,IAAM,mBAAmB,CAAC,EAAE,KAAK,MAA6B;AACnE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN,0BAAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACV;AAAA;AAAA,MACH;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN,0BAAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACV;AAAA;AAAA,MACH;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN,0BAAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN,0BAAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACV;AAAA;AAAA,MACH;AAAA,EAEN;AACF;;;AD5CkB,SACE,OAAAC,OADF,QAAAC,aAAA;AAnBlB,IAAM,kBAAkB,CAAC,EAAE,UAAU,IAAK,MAA4B;AACpE,QAAM,EAAE,EAAE,IAAI,eAAe,OAAO;AACpC,QAAM,EAAE,qBAAqB,cAAc,IAAI,sBAAsB;AAErE,SACE,gBAAAD,MAAC,SAAI,WAAU,2CACb,0BAAAA,MAAC,mBACE,wBAAc,IAAI,CAAC,SAClB,gBAAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAE;AAAA,MACtC,WAAU;AAAA,MACV,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,MAC9B,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,MAEjC,YAAY,EAAE,QAAQ,KAAK,MAAM,SAAS;AAAA,MAE1C,0BAAAA,MAAC,SAAI,WAAU,cACb,0BAAAC,MAAC,QAAK,WAAU,yBACd;AAAA,wBAAAA,MAAC,SAAI,WAAU,OACb;AAAA,0BAAAA,MAAC,SAAI,WAAU,0BACb;AAAA,4BAAAD,MAAC,oBAAiB,MAAM,KAAK,MAAM;AAAA,YACnC,gBAAAA,MAAC,QAAG,WAAU,4DACX,eAAK,SAAS,EAAE,uBAAuB,KAAK,IAAI,EAAE,GACrD;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,sCAAoB,KAAK,EAAE;AAAA,gBAC7B;AAAA,gBAEA,0BAAAA,MAACE,QAAA,EAAM,eAAY,QAAO,WAAU,WAAU;AAAA;AAAA,YAChD;AAAA,aACF;AAAA,UACA,gBAAAF,MAAC,OAAE,WAAU,8BAA8B,eAAK,SAAQ;AAAA,WAC1D;AAAA,QACA,gBAAAA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,SAAS,EAAE,OAAO,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,SAAS,EAAE,OAAO,KAAK;AAAA,YACvB,YAAY,EAAE,UAAU,UAAU,KAAM,MAAM,SAAS;AAAA,YACvD,qBAAqB,MAAM;AACzB,kCAAoB,KAAK,EAAE;AAAA,YAC7B;AAAA;AAAA,QACF;AAAA,SACF,GACF;AAAA;AAAA,IAjCK,KAAK;AAAA,EAkCZ,CACD,GACH,GACF;AAEJ;","names":["Button","React","jsx","CardRoot","jsx","jsx","jsx","jsxs","jsx","jsx","jsx","jsx","XIcon","jsx","jsx","jsxs","XIcon"]}

package/dist/components.js

@@ -6,7 +6,7 @@ import {
   Dialog,
   NotificationHub,
   buttonVariants
-} from "./chunk-VWNGEXWI.js";
+} from "./chunk-KIEYPHYA.js";
 import {
   ChartContext,
   useChart,
@@ -2737,11 +2737,38 @@ var Separator3 = forwardRef65(function Separator4({ className, decorative = true
 import "react";
 import { CircleAlertIcon } from "lucide-react";
 import { jsx as jsx97, jsxs as jsxs31 } from "react/jsx-runtime";
-var ErrorMessage = ({ className, error }) => {
-  return error ? /* @__PURE__ */ jsx97("div", { className: "flex flex-col gap-1.5", children: error.map((message) => /* @__PURE__ */ jsxs31("div", { className: cn("text-destructive flex w-full items-center text-sm font-medium", className), children: [
-    /* @__PURE__ */ jsx97(CircleAlertIcon, { className: "mr-1", style: { strokeWidth: "2px" } }),
-    /* @__PURE__ */ jsx97("span", { "data-testid": "error-message-text", children: message })
-  ] }, message)) ?? null }) : null;
+var ErrorMessage = ({
+  className,
+  error,
+  hideIconOnWrap
+}) => {
+  if (!error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx97("div", { className: "flex flex-col gap-1.5", children: error.map((message) => /* @__PURE__ */ jsxs31(
+    "div",
+    {
+      className: cn(
+        "text-destructive flex w-full items-center text-sm font-medium",
+        hideIconOnWrap && "flex-wrap",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs31("div", { className: "@container/alert mr-1.5 flex min-w-4 shrink-0 flex-grow-[1] items-center justify-start", children: [
+          /* @__PURE__ */ jsx97("div", { className: "h-0 w-0" }),
+          /* @__PURE__ */ jsx97(
+            CircleAlertIcon,
+            {
+              className: "@min-[24px]/alert:hidden",
+              style: { height: "16px", strokeWidth: "2px", width: "16px" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx97("span", { className: "flex-grow-[999]", "data-testid": "error-message-text", children: message })
+      ]
+    },
+    message
+  )) });
 };
 
 // src/components/Form/FieldsComponent.tsx
@@ -4196,7 +4223,7 @@ var Form = ({
             values
           }
         ),
-        Boolean(rootErrors.length) && /* @__PURE__ */ jsx138(ErrorMessage, { className: "-mt-3", error: rootErrors }),
+        Boolean(rootErrors.length) && /* @__PURE__ */ jsx138("div", { className: "-mt-3", children: /* @__PURE__ */ jsx138(ErrorMessage, { hideIconOnWrap: true, error: rootErrors }) }),
         fieldsFooter,
         /* @__PURE__ */ jsxs52("div", { className: "flex w-full gap-3", children: [
           additionalButtons?.left,