@accelint/design-toolkit 7.0.1 → 8.1.0

package/dist/components/menu/styles.module.css

@@ -0,0 +1,415 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .menu {
+    @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto outline;
+  }
+
+  .item {
+    @apply gap-x-s px-s text-body-s fg-primary-bold relative grid cursor-pointer items-center outline outline-transparent;
+    grid-template-columns: auto auto 1fr auto;
+    grid-template-areas: 'icon label space action' 'icon description space action';
+
+    &:before {
+      @apply pointer-events-none absolute top-0 left-0 h-full w-xs;
+      content: '';
+    }
+
+    &.cozy {
+      @apply pt-s pb-s;
+    }
+
+    &.compact {
+      @apply pt-xs pb-xs;
+    }
+
+    @variant color-info {
+      @variant focus-visible {
+        @apply bg-accent-primary-muted;
+      }
+
+      @variant hover {
+        @apply bg-accent-primary-muted;
+      }
+
+      @variant open {
+        @apply bg-accent-primary-muted;
+      }
+
+      @variant pressed {
+        @apply fg-accent-primary-bold bg-accent-primary-pressed;
+      }
+
+      @variant selected {
+        @apply bg-accent-primary-muted;
+
+        &:before {
+          @apply bg-accent-primary-bold;
+        }
+
+        @variant hover {
+          @apply fg-a11y-on-accent bg-accent-primary-bold;
+
+          &:before {
+            @apply bg-(--outline-accent-primary-hover);
+          }
+        }
+
+        @variant focus-visible {
+          @apply fg-a11y-on-accent bg-accent-primary-bold;
+
+          &:before {
+            @apply bg-(--outline-accent-primary-hover);
+          }
+        }
+
+        @variant pressed {
+          @apply fg-accent-primary-bold bg-accent-primary-pressed;
+
+          &:before {
+            @apply bg-accent-primary-pressed;
+          }
+        }
+      }
+    }
+
+    @variant color-serious {
+      @apply fg-serious-bold;
+
+      @variant focus-visible {
+        @apply fg-primary-bold bg-serious-muted;
+      }
+
+      @variant hover {
+        @apply fg-primary-bold bg-serious-muted;
+      }
+
+      @variant open {
+        @apply bg-serious-muted;
+      }
+
+      @variant pressed {
+        @apply fg-serious-bold bg-serious-pressed;
+      }
+
+      @variant selected {
+        @apply fg-primary-bold bg-serious-muted;
+
+        &:before {
+          @apply bg-serious-bold;
+        }
+
+        @variant hover {
+          @apply fg-a11y-on-accent bg-serious-bold;
+          &:before {
+            @apply bg-(--outline-serious-hover);
+          }
+        }
+
+        @variant focus-visible {
+          @apply fg-a11y-on-accent bg-serious-bold;
+
+          &:before {
+            @apply bg-(--outline-serious-hover);
+          }
+        }
+
+        @variant pressed {
+          @apply fg-serious-bold bg-serious-pressed;
+
+          &:before {
+            @apply bg-(--outline-serious-pressed);
+          }
+        }
+      }
+    }
+
+    @variant color-critical {
+      @apply fg-critical-bold;
+
+      @variant focus-visible {
+        @apply fg-primary-bold bg-critical-muted;
+      }
+
+      @variant hover {
+        @apply fg-primary-bold bg-critical-muted;
+      }
+
+      @variant open {
+        @apply bg-critical-muted;
+      }
+
+      @variant pressed {
+        @apply fg-critical-bold bg-critical-pressed;
+      }
+
+      @variant selected {
+        @apply fg-primary-bold bg-critical-muted;
+
+        &:before {
+          @apply bg-(--outline-critical-bold);
+        }
+
+        @variant hover {
+          @apply bg-critical-bold fg-a11y-on-accent;
+        }
+
+        @variant focus-visible {
+          @apply fg-a11y-on-accent bg-critical-bold;
+        }
+
+        @variant pressed {
+          @apply fg-critical-bold bg-critical-pressed;
+
+          &:before {
+            @apply bg-(--outline-critical-pressed);
+          }
+        }
+      }
+    }
+
+    @variant disabled {
+      @apply fg-disabled cursor-not-allowed bg-transparent;
+
+      @variant selected {
+        @apply bg-interactive-disabled;
+
+        &:before {
+          @apply bg-(--outline-interactive);
+        }
+      }
+    }
+  }
+
+  .icon {
+    grid-area: icon;
+  }
+
+  .label {
+    @apply truncate;
+    grid-area: label;
+
+    @variant group-not-has-[>_[slot=description]]/menu-item {
+      @apply row-span-full;
+    }
+  }
+
+  .description {
+    @apply fg-primary-muted text-body-xs truncate;
+    grid-area: description;
+
+    @variant group-hover/menu-item {
+      @apply fg-primary-bold;
+
+      @variant group-selected/menu-item {
+        @apply fg-a11y-on-accent;
+      }
+    }
+
+    @variant group-focus-visible/menu-item {
+      @apply fg-primary-bold;
+
+      @variant group-selected/menu-item {
+        @apply fg-a11y-on-accent;
+      }
+    }
+
+    @variant group-color-info/menu-item {
+      @variant group-pressed/menu-item {
+        @apply fg-accent-primary-bold;
+
+        @variant group-selected/menu-item {
+          @apply fg-accent-primary-bold;
+        }
+      }
+    }
+
+    @variant group-color-serious/menu-item {
+      @variant group-hover/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-focus-visible/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-pressed/menu-item {
+        @apply fg-serious-bold;
+      }
+
+      @variant group-selected/menu-item {
+        @apply fg-primary-bold;
+
+        @variant group-hover/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-focus-visible/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-pressed/menu-item {
+          @apply fg-serious-bold;
+        }
+      }
+    }
+
+    @variant group-color-critical/menu-item {
+      @variant group-hover/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-focus-visible/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-pressed/menu-item {
+        @apply fg-critical-bold;
+      }
+
+      @variant group-selected/menu-item {
+        @apply fg-primary-bold;
+
+        @variant group-hover/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-focus-visible/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-pressed/menu-item {
+          @apply fg-critical-bold;
+        }
+      }
+    }
+
+    @variant group-disabled/menu-item {
+      @apply fg-disabled;
+    }
+  }
+
+  .more {
+    grid-area: action;
+  }
+
+  .header {
+    @apply fg-primary-muted px-s py-xs text-header-xs;
+  }
+
+  .separator {
+    @apply outline-static mx-m my-xs outline;
+  }
+
+  .hotkey {
+    grid-area: action;
+
+    @variant group-hover/menu-item {
+      @apply fg-primary-bold;
+    }
+
+    @variant group-focus-visible/menu-item {
+      @apply fg-primary-bold;
+    }
+
+    @variant group-color-info/menu-item {
+      @variant group-pressed/menu-item {
+        @apply fg-accent-primary-bold;
+      }
+
+      @variant group-selected/menu-item {
+        @variant group-hover/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-focus-visible/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-pressed/menu-item {
+          @apply fg-accent-primary-bold;
+        }
+      }
+    }
+
+    @variant group-color-serious/menu-item {
+      @apply fg-serious-bold;
+
+      @variant group-hover/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-focus-visible/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-pressed/menu-item {
+        @apply fg-serious-bold;
+      }
+
+      @variant group-selected/menu-item {
+        @variant group-hover/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-focus-visible/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-pressed/menu-item {
+          @apply fg-serious-bold;
+        }
+      }
+    }
+
+    @variant group-color-critical/menu-item {
+      @apply fg-critical-bold;
+
+      @variant group-hover/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-focus-visible/menu-item {
+        @apply fg-primary-bold;
+      }
+
+      @variant group-pressed/menu-item {
+        @apply fg-critical-bold;
+      }
+
+      @variant group-selected/menu-item {
+        @variant group-hover/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-focus-visible/menu-item {
+          @apply fg-a11y-on-accent;
+        }
+
+        @variant group-pressed/menu-item {
+          @apply fg-critical-bold;
+        }
+      }
+    }
+
+    @variant group-disabled/menu-item {
+      @apply fg-disabled;
+    }
+  }
+
+  .popover {
+    @apply outline-none;
+  }
+}

package/dist/components/menu/trigger.d.ts

@@ -1 +1,5 @@
-export { MenuTrigger } from 'react-aria-components';
+import { MenuTrigger as MenuTrigger$1 } from 'react-aria-components';
+
+declare const MenuTrigger: typeof MenuTrigger$1;
+
+export { MenuTrigger };

package/dist/components/menu/trigger.js

@@ -1,4 +1,4 @@
 'use client';
 
-import'client-only';export{MenuTrigger}from'react-aria-components';//# sourceMappingURL=trigger.js.map
+import'client-only';import {MenuTrigger}from'react-aria-components';const g=MenuTrigger;export{g as MenuTrigger};//# sourceMappingURL=trigger.js.map
 //# sourceMappingURL=trigger.js.map

package/dist/components/menu/trigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"trigger.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/menu/trigger.tsx"],"names":["MenuTrigger","AriaMenuTrigger"],"mappings":"0EAiBaA,CAAAA,CAAcC","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { MenuTrigger as AriaMenuTrigger } from 'react-aria-components';\n\nexport const MenuTrigger = AriaMenuTrigger;\n"]}

package/dist/components/menu/types.d.ts

@@ -1,15 +1,14 @@
 import { RefAttributes } from 'react';
 import { MenuProps as MenuProps$1, PopoverProps, MenuItemProps as MenuItemProps$1, TextProps, MenuSectionProps as MenuSectionProps$1 } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
 import { IconProps } from '../icon/types.js';
-import { MenuStyles } from './styles.js';
 
-type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & VariantProps<typeof MenuStyles> & RefAttributes<HTMLDivElement> & {
+type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & RefAttributes<HTMLDivElement> & {
     classNames?: {
         menu?: MenuProps$1<T>['className'];
         popover?: PopoverProps['className'];
     };
     popoverProps?: Omit<PopoverProps, 'children' | 'className'>;
+    variant?: 'compact' | 'cozy';
 };
 type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
     classNames?: {

package/dist/components/notice/index.d.ts

@@ -4,11 +4,8 @@ import '@accelint/bus';
 import '@accelint/core';
 import 'react-aria-components';
 import '../button/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import 'react';
-import '../button/styles.js';
-import 'tailwind-merge';
 import './events.js';
 
 declare function Notice({ id, classNames, color, message, primary, secondary, hideIcon, showClose, shouldCloseOnAction, size, onPrimaryAction, onSecondaryAction, onClose, }: NoticeProps): react_jsx_runtime.JSX.Element;

package/dist/components/notice/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {Cancel}from'@accelint/icons';import'client-only';import {UNSTABLE_Toast,UNSTABLE_ToastContent,Text}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {NoticeIcon}from'./notice-icon.js';import {NoticeStyles}from'./styles.js';const{notice:S,content:x,actions:E,message:L}=NoticeStyles(),c={normal:"mono-bold",advisory:"mono-bold",info:"mono-bold",serious:"serious",critical:"critical"};function q({id:f,classNames:n,color:t="info",message:m,primary:r,secondary:s,hideIcon:N,showClose:u,shouldCloseOnAction:p,size:i="medium",onPrimaryAction:d,onSecondaryAction:T,onClose:e}){return jsx(UNSTABLE_Toast,{className:S({className:n?.notice}),toast:{key:f,content:m,onClose:e},"data-color":t,"data-size":i,children:jsxs(UNSTABLE_ToastContent,{className:x({className:n?.content}),children:[!N&&i==="medium"&&jsx(NoticeIcon,{color:t,size:i}),jsx(Text,{slot:"description",className:L({className:n?.message}),children:m}),(r||s)&&jsxs("div",{className:E({className:n?.actions}),children:[r&&jsx(Button,{color:c[t],variant:"filled",...r,size:i,onPress:()=>{d?.(),p&&e?.();}}),s&&jsx(Button,{color:c[t],variant:"outline",...s,size:i,onPress:()=>{T?.(),p&&e?.();}})]}),u&&jsx(Button,{color:c[t],variant:"icon",onPress:e,children:jsx(Icon,{children:jsx(Cancel,{})})})]})})}export{q as Notice};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import {Cancel}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {UNSTABLE_Toast,UNSTABLE_ToastContent,Text}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {NoticeIcon}from'./notice-icon.js';import c from'./styles.module.css';const p={normal:"mono-bold",advisory:"mono-bold",info:"mono-bold",serious:"serious",critical:"critical"};function M({id:d,classNames:n,color:t="info",message:f,primary:s,secondary:m,hideIcon:T,showClose:N,shouldCloseOnAction:l,size:i="medium",onPrimaryAction:B,onSecondaryAction:P,onClose:r}){return jsx(UNSTABLE_Toast,{className:clsx("group/notice",c.notice,n?.notice),toast:{key:d,content:f,onClose:r},"data-color":t,"data-size":i,children:jsxs(UNSTABLE_ToastContent,{className:clsx(c.content,n?.content),children:[!T&&i==="medium"&&jsx(NoticeIcon,{color:t,size:i}),jsx(Text,{slot:"description",className:clsx(c.message,n?.message),children:f}),(s||m)&&jsxs("div",{className:clsx(c.actions,n?.actions),children:[s&&jsx(Button,{color:p[t],variant:"filled",...s,size:i,onPress:()=>{B?.(),l&&r?.();}}),m&&jsx(Button,{color:p[t],variant:"outline",...m,size:i,onPress:()=>{P?.(),l&&r?.();}})]}),N&&jsx(Button,{color:p[t],variant:"icon",onPress:r,children:jsx(Icon,{children:jsx(Cancel,{})})})]})})}export{M as Notice};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/notice/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/notice/index.tsx"],"names":["actions","description","ButtonColorMap","I","id","classNames","color","primary","size","onPrimaryAction","onClose","notice","ToastContent","content","jsx","o","C","P","secondary","l","Button","a","shouldCloseOnAction","onSecondaryAction","showClose","Icon","Cancel","y","B"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport {\n  Text,\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { NoticeIcon } from './notice-icon';\nimport { NoticeStyles } from './styles';\nimport type { ButtonProps } from '../button/types';\nimport type { NoticeColor, NoticeProps } from './types';\n\nconst { notice, content, actions, message: description } = NoticeStyles();\n\nconst ButtonColorMap: Record<NoticeColor, ButtonProps['color']> = {\n  normal: 'mono-bold',\n  advisory: 'mono-bold',\n  info: 'mono-bold',\n  serious: 'serious',\n  critical: 'critical',\n};\n\nexport function Notice({\n  id,\n  classNames,\n  color = 'info',\n  message,\n  primary,\n  secondary,\n  hideIcon,\n  showClose,\n  shouldCloseOnAction,\n  size = 'medium',\n  onPrimaryAction,\n  onSecondaryAction,\n  onClose,\n}: NoticeProps) {\n  return (\n    <Toast\n      className={notice({ className: classNames?.notice })}\n      toast={{ key: id, content: message, onClose }}\n      data-color={color}\n      data-size={size}\n    >\n      <ToastContent className={content({ className: classNames?.content })}>\n        {!hideIcon && size === 'medium' && (\n          <NoticeIcon color={color} size={size} />\n        )}\n        <Text\n          slot='description'\n          className={description({ className: classNames?.message })}\n        >\n          {message}\n        </Text>\n        {(primary || secondary) && (\n          <div className={actions({ className: classNames?.actions })}>\n            {primary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='filled'\n                {...primary}\n                size={size}\n                onPress={() => {\n                  onPrimaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n            {secondary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='outline'\n                {...secondary}\n                size={size}\n                onPress={() => {\n                  onSecondaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n          </div>\n        )}\n        {showClose && (\n          <Button\n            color={ButtonColorMap[color]}\n            variant='icon'\n            onPress={onClose}\n          >\n            <Icon>\n              <Cancel />\n            </Icon>\n          </Button>\n        )}\n      </ToastContent>\n    </Toast>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/notice/index.tsx"],"names":["color","message","primary","hideIcon","showClose","onPrimaryAction","clsx","o","x","e","classNames","onClose","jsxs","ToastContent","size","jsx","Text","I","b","styles","u","Button","ButtonColorMap","a","secondary","onSecondaryAction","Cancel","C","v"],"mappings":"kYA8BU,eACE,CAAA,WACV,CAAA,QAAM,CAAA,WACN,CAAS,IAAA,CAAA,WACT,CAAA,OAAU,CAAA,SAGL,CAAA,QACL,CAAA,UACA,CAAA,CAAA,SACA,CAAA,CAAAA,CAAAA,EAAQ,CAAA,CAAA,CAAA,UACR,CAAAC,CAAAA,CACA,KAAA,CAAA,CAAA,CAAAC,MACA,CAAA,OACA,CAAA,CAAA,CAAA,OAAAC,CACA,CAAA,CAAA,SAAAC,CACA,sBACA,CAAA,CAAA,CAAA,mBACA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAC,QACA,CAAA,eACA,CAAA,CAAA,CAAA,kBAGG,CACC,CAAA,OAAA,CAAA,CAAWC,CAAAA,CAAK,CAAA,OAAAC,GAAA,CAAAC,cAAA,CAAA,CAAA,SAAuB,CAAAC,IAAQC,CAAAA,cAC/C,CAAA,CAAO,CAAE,MAAS,CAAA,CAAA,EAAA,MAAkB,CAAA,CAAA,KAAA,CAAAC,CAAQ,GAC5C,CAAA,CAAA,CAAA,OAAA,CAAA,CAAYX,CAAAA,OACZ,CAAA,CAAA,CAAA,CAAA,YAEA,CAAAY,CAAAA,CAACC,WAAa,CAAA,CAAWP,CAAAA,cAAqBI,qBAAAA,CAAAA,CAAY,SACvD,CAAAD,IAAA,CAAA,CAAA,CAAA,OAACN,CAAAA,CAAYW,EAAAA,iBACA,CAAA,CAAA,CAAA,CAAA,EAAOd,CAAAA,GAAO,QAE5Be,EAACC,GAAA,CACCC,UAAA,CAAA,CAAA,KAAK,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CACL,CAAAV,GAAA,CAAAW,IAAA,CAAA,CAAA,IAAWZ,CAAAA,aAAqBI,CAAY,SAE3C,CAAAD,IAAA,CAAA,CAAA,CAAA,OACH,CAAA,CACEP,EAAAA,OACC,CAAA,CAAA,QAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWI,EAAKa,CAAAA,GAAOC,IAAA,CAAA,KAASV,CAAAA,CAAY,SAC9C,CAAAD,IAAA,CAAA,CAAA,CAAA,OAAAP,CACCa,GAACM,OACC,CAAOC,CAAAA,QACP,CAAA,CAAA,CAAA,EAAQf,GAAA,CAAAgB,MAAA,CAAA,CAAA,KACP,CAAGrB,CAAAA,CACJ,CAAA,CAAA,CAAA,OACA,CAAA,QAAe,CACbG,GAAAA,CAAkB,CAAA,IAGhBM,CAAAA,CAAAA,CAAAA,OAKPa,CAAAA,IACEH,CAAA,CACC,IAAA,CAAA,CAAOC,EAAetB,CAAK,KAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQO,GAAA,CAAAgB,MAAA,CAAA,CAAA,KACP,CAAA,CAAGC,CAAAA,CACJ,CAAA,CAAA,OACA,CAAA,SAAe,CACbC,GAAAA,CAAoB,CAAA,IAGlBd,CAAAA,CAAAA,CAAAA,OAKV,CAAA,IAGAI,CAAAA,CAACM,IACC,CAAA,CAAA,EAAA,CAAOC,KAAoB,CAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQf,GAAA,CAAAgB,MAAA,CAAA,CAAA,KACR,CAAA,CAAA,CAAA,CAASZ,EAET,OAAA,CAAA,MACE,CAAA,OAAA,CAAAI,CAAAA,CAACW,QAEL,CAAAnB,GAAA,CAEJoB,IAAA,CACF,CAEJ,QAAA,CAAApB,GAAA,CAAAqB,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Text,\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { NoticeIcon } from './notice-icon';\nimport styles from './styles.module.css';\nimport type { ButtonProps } from '../button/types';\nimport type { NoticeColor, NoticeProps } from './types';\n\nconst ButtonColorMap: Record<NoticeColor, ButtonProps['color']> = {\n  normal: 'mono-bold',\n  advisory: 'mono-bold',\n  info: 'mono-bold',\n  serious: 'serious',\n  critical: 'critical',\n};\n\nexport function Notice({\n  id,\n  classNames,\n  color = 'info',\n  message,\n  primary,\n  secondary,\n  hideIcon,\n  showClose,\n  shouldCloseOnAction,\n  size = 'medium',\n  onPrimaryAction,\n  onSecondaryAction,\n  onClose,\n}: NoticeProps) {\n  return (\n    <Toast\n      className={clsx('group/notice', styles.notice, classNames?.notice)}\n      toast={{ key: id, content: message, onClose }}\n      data-color={color}\n      data-size={size}\n    >\n      <ToastContent className={clsx(styles.content, classNames?.content)}>\n        {!hideIcon && size === 'medium' && (\n          <NoticeIcon color={color} size={size} />\n        )}\n        <Text\n          slot='description'\n          className={clsx(styles.message, classNames?.message)}\n        >\n          {message}\n        </Text>\n        {(primary || secondary) && (\n          <div className={clsx(styles.actions, classNames?.actions)}>\n            {primary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='filled'\n                {...primary}\n                size={size}\n                onPress={() => {\n                  onPrimaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n            {secondary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='outline'\n                {...secondary}\n                size={size}\n                onPress={() => {\n                  onSecondaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n          </div>\n        )}\n        {showClose && (\n          <Button\n            color={ButtonColorMap[color]}\n            variant='icon'\n            onPress={onClose}\n          >\n            <Icon>\n              <Cancel />\n            </Icon>\n          </Button>\n        )}\n      </ToastContent>\n    </Toast>\n  );\n}\n"]}

package/dist/components/notice/list.d.ts

@@ -4,11 +4,8 @@ import '@accelint/bus';
 import '@accelint/core';
 import 'react-aria-components';
 import '../button/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import 'react';
-import '../button/styles.js';
-import 'tailwind-merge';
 import './events.js';
 
 declare function NoticeList({ id, classNames, defaultColor, defaultTimeout, hideClearAll, limit, global, placement, size, ...rest }: NoticeListProps): react_jsx_runtime.JSX.Element;

package/dist/components/notice/list.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,createElement}from'react';import {useBus}from'@accelint/bus/react';import {uuid}from'@accelint/core';import {useToastRegion}from'@react-aria/toast';import {useToastQueue}from'@react-stately/toast';import'client-only';import {UNSTABLE_ToastQueue,composeRenderProps,UNSTABLE_ToastList,UNSTABLE_ToastRegion,UNSTABLE_ToastStateContext}from'react-aria-components';import {Button}from'../button/index.js';import {Notice}from'.//index.js';import {NoticeEventTypes}from'./events.js';import {NoticeStyles}from'./styles.js';import {matchesMetadata}from'./utils.js';const{list:J,region:y}=NoticeStyles();function ae({id:s,classNames:t,defaultColor:T,defaultTimeout:v,hideClearAll:g,limit:u=3,global:E,placement:m,size:C="medium",...S}){const o=useMemo(()=>new UNSTABLE_ToastQueue({maxVisibleToasts:u}),[u]),A=useToastQueue(o),[L,P]=useState(false),l=useRef(null),{regionProps:q}=useToastRegion(S,o,l),{useEmit:c,useOn:d}=useBus(),h=c(NoticeEventTypes.actionPrimary),Q=c(NoticeEventTypes.actionSecondary),B=c(NoticeEventTypes.close);d(NoticeEventTypes.queue,e=>{(s&&e.payload.target===s||!s)&&o.add({...e.payload,id:e.payload.id||uuid(),color:T||e.payload.color},{timeout:v??e.payload.timeout});}),d(NoticeEventTypes.dequeue,e=>{const N=o.queue,r=N.filter(a=>matchesMetadata(e.payload,a.content));if(r.length&&r.length===N.length)o.clear();else for(const a of r)o.close(a.key);}),useEffect(()=>{o.subscribe(()=>{P(o.visibleToasts.length>0);});});const p=jsxs(Fragment,{children:[!g&&L&&jsx(Button,{className:composeRenderProps(t?.button,e=>e??""),variant:"outline",onPress:o.clear,children:"Clear All"}),jsx(UNSTABLE_ToastList,{className:composeRenderProps(t?.list,e=>J({className:e})),children:({toast:e})=>createElement(Notice,{...e.content,key:e.key,showClose:!(e.timeout&&e.content.primary&&e.content.secondary),classNames:t?.notice,size:C,onPrimaryAction:()=>h({id:e.content.id}),onSecondaryAction:()=>Q({id:e.content.id}),onClose:()=>{e.onClose?.(),o.close(e.key),B({id:e.content.id});}})})]});return E?jsx(UNSTABLE_ToastRegion,{className:y({className:t?.region}),"data-placement":m,queue:o,children:p}):jsx("div",{...q,className:y({className:t?.region}),"data-placement":m,ref:l,children:jsx(UNSTABLE_ToastStateContext.Provider,{value:A,children:p})})}export{ae as NoticeList};//# sourceMappingURL=list.js.map
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,createElement}from'react';import {useBus}from'@accelint/bus/react';import {uuid}from'@accelint/core';import {useToastRegion}from'@react-aria/toast';import {useToastQueue}from'@react-stately/toast';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {UNSTABLE_ToastQueue,composeRenderProps,UNSTABLE_ToastList,UNSTABLE_ToastRegion,UNSTABLE_ToastStateContext}from'react-aria-components';import {Button}from'../button/index.js';import {Notice}from'.//index.js';import {NoticeEventTypes}from'./events.js';import l from'./styles.module.css';import {matchesMetadata}from'./utils.js';function ue({id:r,classNames:t,defaultColor:g,defaultTimeout:v,hideClearAll:E,limit:p=3,global:A,placement:d,size:C="medium",...S}){const o=useMemo(()=>new UNSTABLE_ToastQueue({maxVisibleToasts:p}),[p]),L=useToastQueue(o),[P,q]=useState(false),f=useRef(null),{regionProps:h}=useToastRegion(S,o,f),{useEmit:c,useOn:y}=useBus(),Q=c(NoticeEventTypes.actionPrimary),B=c(NoticeEventTypes.actionSecondary),R=c(NoticeEventTypes.close);y(NoticeEventTypes.queue,e=>{if(r&&e.payload.target===r||!r){const i=v??e.payload.timeout;o.add({...e.payload,id:e.payload.id||uuid(),color:g||e.payload.color},{timeout:i}),i&&o.resumeAll();}}),y(NoticeEventTypes.dequeue,e=>{const i=o.queue,u=i.filter(a=>matchesMetadata(e.payload,a.content));if(u.length&&u.length===i.length)o.clear();else for(const a of u)o.close(a.key);}),useEffect(()=>{o.subscribe(()=>{q(o.visibleToasts.length>0);});});const N=jsxs(Fragment,{children:[!E&&P&&jsx(Button,{className:composeRenderProps(t?.button,e=>e??""),variant:"outline",onPress:o.clear,children:"Clear All"}),jsx(UNSTABLE_ToastList,{className:composeRenderProps(t?.list,e=>clsx(l.list,e)),children:({toast:e})=>createElement(Notice,{...e.content,key:e.key,showClose:!(e.timeout&&e.content.primary&&e.content.secondary),classNames:t?.notice,size:C,onPrimaryAction:()=>Q({id:e.content.id}),onSecondaryAction:()=>B({id:e.content.id}),onClose:()=>{e.onClose?.(),o.close(e.key),R({id:e.content.id});}})})]});return A?jsx(UNSTABLE_ToastRegion,{className:clsx("group/region",l.region,t?.region),"data-placement":d,queue:o,children:N}):jsx("div",{...h,className:clsx("group/region",l.region,t?.region),"data-placement":d,ref:f,children:jsx(UNSTABLE_ToastStateContext.Provider,{value:L,children:N})})}export{ue as NoticeList};//# sourceMappingURL=list.js.map
 //# sourceMappingURL=list.js.map

package/dist/components/notice/list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/notice/list.tsx"],"names":["NoticeList","id","classNames","defaultColor","defaultTimeout","hideClearAll","global","placement","size","rest","queue","useMemo","limit","_","useToastQueue","useRef","regionProps","useToastRegion","ref","useBus","k","emitActionPrimary","useEmit","NoticeEventTypes","useOn","data","i","uuid","b","dequeue","queuedNotices","toast","matchesMetadata","I","setHasNotices","U","hasNotices","jsx","Button","X","W","composeRenderProps","className","V","ToastList","list","n","M","f","K","F","ToastRegion","region","H","state","children","O"],"mappings":"uoBA2CO,KAASA,CAAAA,IACd,CAAAC,CAAAA,CACA,sBAAAC,EACA,CAAA,SAAA,EAAA,CAAAC,CAAAA,EACA,CAAA,CAAA,CAAA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,EACA,cACA,CAAA,CAAA,CAAAC,YACAC,EACA,CAAA,KAAAC,CAAO,CAAA,CAAA,CAAA,CAAA,MACP,CAAA,CAAGC,CACL,SACQC,CAAAA,CAAQC,KACZ,CAAM,CAAA,CAAA,QAAgC,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAkBC,CAAM,CAACC,OAAA,CAC/D,IACF,IACcC,mBAAcJ,CAAK,iBAGrBK,CAAO,IAAI,CAAA,CACjB,CAAE,wBAAAC,CAAY,CAAA,CAAIC,QAAAA,CAAeR,KAAMC,CAAAA,CAAOQ,CAAG,OAEjD,CAAE,IAAA,CAAA,CAAA,CAAA,WAAe,CAAIC,EAEzB,CAAAC,cACIC,CAAAA,CAAoBC,CAAAA,CAAQC,CAAAA,CAAiB,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAa,KACpCD,CAAQC,CAAAA,CAAiB,4CACV,CAAA,CAAA,CAAA,CAAK,CAAA,CAEhDC,gBAAAA,CAAMD,eACCtB,CAAMwB,CAAAA,CAAK,CAAA,CAAA,CAAAC,gBAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,CAAAA,gBAAA,CAAA,KAAmBzB,CAAAA,CAAAA,EACzCS,CAAAA,CAAM,CAAA,EAAA,CACJ,CACE,cACA,GAAIe,CAAK,QAAQ,CAAA,GAAME,CAAAA,CAAK,GAC5B,CAAA,CAAA,OAAuBF,CAAK,EAAA,CAAA,CAAA,CAAA,OAAQ,CACtC,EACA,EACEG,IAAA,EAAA,CAAA,KAASxB,CAAkBqB,CAAAA,EAAK,CAAA,CAAA,OAAQ,CAAA,KAE5C,CAEJ,CAAC,CAAA,OAEsB,CAAA,CAAA,EAAA,CAAA,CAAUA,OAE/B,CAAA,OAA4B,CAAA,EAAA,CAAA,CAAA,CAEtBI,CAAAA,CAAUC,iBAAc,OAAQC,CAAAA,CAAAA,EACpCC,CAAgBP,MAAK,CAAA,CAAA,CAAA,CAASM,SAAa,CAC7C,MAEIF,CAAQ,CAAA,EAAAI,eAAA,CAAA,CAAA,CAAA,OAAkB,CAAA,CAAA,CAAA,OAAyB,CAAA,CAAA,CAAA,GAC/C,CAAA,CAAA,MAAM,EAAA,CAAA,CAEZ,WAAWF,MAASF,CAClBnB,EAAM,KAAA,EAAMqB,CAAM,KAGvB,IAES,OACF,IAAA,CAAA,CAAA,CAAA,CAAA,KAAU,CAAM,CACpBG,CAAAA,GAAoB,EAAA,CAAA,CAAA,CAAAC,SAAA,CAAA,IAAA,CAAA,CAAA,CAAA,SAAwB,CAC9C,IACD,CAED,iBAEK,CAAA,MAAC9B,IAAgB+B,CAAAA,EAAAA,CAChBC,CAAAA,CAACC,MACC,CAAA,CAAAC,IAAA,CAAAC,QAAA,CAAA,CAAWC,QACG,CAAA,CAAA,CAAA,CACXC,EAAAA,CAAcA,EAAAA,GAAa,CAAAC,MAC9B,CAAA,CACA,sCACA,CAAA,CAAA,EAAA,CAASjC,EAAM,EAAA,CAAA,CAAA,OAChB,CAAA,SAAA,CAAA,OAIH2B,CAAAA,CAACO,MACC,CAAA,QAA8B1C,CAAAA,WAC5B2C,CAAK,CAAE,CAAAC,GAAA,CAAAC,kBAAA,CAAA,CAAA,SAGR,CAAAC,kBAAA,CAAA,CAAA,EAAA,IAAC,CAAE,CAAA,EAAA,CAAA,CAAA,CAAAjB,SACD,CACE,CAAA,CAAA,CAAGA,CAAAA,CAAM,QACV,CAAA,CAAA,CAAA,OACA,CAAA,GAAAkB,aAAA,CAAAC,MAAA,CAAA,CAAA,GAEInB,EAAM,OAAA,CAAA,GACA,gBAAQ,CACdA,EAAM,CAAA,CAAA,OAAQ,EAAA,CAAA,CAAA,OAGlB,CAAA,OAAA,EAAY7B,CAAAA,CAAAA,QACZ,uBACiB,EAAA,MAA0B,CAAA,IAAU,CAAA,CAAA,CAAA,2BAClC,CAAA,OACK,CAAA,EAAI6B,CAAM,mBAElC,CAAA,IAAS,CAAM,CACbA,GAAM,CAAA,CAAA,CAAA,OAAU,CAChBrB,EAAM,CAAA,CAAA,CAAA,OAAY,CAAG,IACX,CAAE,CAAA,CAAA,OAAU,IAAQ,CAAA,CAAG,CAAC,KAI1C,CAAA,CAAA,CACF,UAGKJ,CACL+B,CAAAA,CAACc,OACC,CAAA,EAAA,CAAA,EAAA,CAAWC,CAAAA,CAAO,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,OAAWlD,CAAY,CAAA4C,GAAA,CAAAO,oBAAA,CAAA,CAAO,SAClD,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,EAAA,MAEC,CAAA,CAAA,CAAA,iBAIA,CAAA,CAAA,gBACmB,cAAWnD,CAAY,CAAA,GAAA,CAAA,CAAO,SAClD,CAAA,CAAA,CAAA,CAAA,SACA,IAAKgB,MAEL,CAAA,CAAA,CAAA,gBAA4B,MAAOoC,CAAAA,CAChC,CAAA,QAAAC,CAAAA,GACH,CAAAC,0BACF,CAEJ,QAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"list.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { useBus } from '@accelint/bus/react';\nimport { uuid } from '@accelint/core';\nimport { useToastRegion } from '@react-aria/toast';\nimport { useToastQueue } from '@react-stately/toast';\nimport 'client-only';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  composeRenderProps,\n  type QueuedToast,\n  UNSTABLE_ToastList as ToastList,\n  UNSTABLE_ToastQueue as ToastQueue,\n  UNSTABLE_ToastRegion as ToastRegion,\n  UNSTABLE_ToastStateContext as ToastStateContext,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Notice } from './';\nimport { NoticeEventTypes } from './events';\nimport { NoticeStyles } from './styles';\nimport { matchesMetadata } from './utils';\nimport type {\n  NoticeActionEvent,\n  NoticeContent,\n  NoticeDequeueEvent,\n  NoticeListProps,\n  NoticeQueueEvent,\n} from './types';\n\nconst { list, region } = NoticeStyles();\n\nexport function NoticeList({\n  id,\n  classNames,\n  defaultColor,\n  defaultTimeout,\n  hideClearAll,\n  limit = 3,\n  global,\n  placement,\n  size = 'medium',\n  ...rest\n}: NoticeListProps) {\n  const queue = useMemo(\n    () => new ToastQueue<NoticeContent>({ maxVisibleToasts: limit }),\n    [limit],\n  );\n  const state = useToastQueue(queue);\n\n  const [hasNotices, setHasNotices] = useState(false);\n  const ref = useRef(null);\n  const { regionProps } = useToastRegion(rest, queue, ref);\n\n  const { useEmit, useOn } = useBus<\n    NoticeQueueEvent | NoticeDequeueEvent | NoticeActionEvent\n  >();\n  const emitActionPrimary = useEmit(NoticeEventTypes.actionPrimary);\n  const emitActionSecondary = useEmit(NoticeEventTypes.actionSecondary);\n  const emitClose = useEmit(NoticeEventTypes.close);\n\n  useOn(NoticeEventTypes.queue, (data) => {\n    if ((id && data.payload.target === id) || !id) {\n      queue.add(\n        {\n          ...data.payload,\n          id: data.payload.id || uuid(),\n          color: defaultColor || data.payload.color,\n        },\n        {\n          timeout: defaultTimeout ?? data.payload.timeout,\n        },\n      );\n    }\n  });\n\n  useOn(NoticeEventTypes.dequeue, (data) => {\n    // @ts-expect-error : queue.queue exists, but is not currently documented\n    const queuedNotices = queue.queue;\n\n    const dequeue = queuedNotices.filter((toast: QueuedToast<NoticeContent>) =>\n      matchesMetadata(data.payload, toast.content),\n    );\n\n    if (dequeue.length && dequeue.length === queuedNotices.length) {\n      queue.clear();\n    } else {\n      for (const toast of dequeue) {\n        queue.close(toast.key);\n      }\n    }\n  });\n\n  useEffect(() => {\n    queue.subscribe(() => {\n      setHasNotices(queue.visibleToasts.length > 0);\n    });\n  });\n\n  const children = (\n    <>\n      {!hideClearAll && hasNotices && (\n        <Button\n          className={composeRenderProps(\n            classNames?.button,\n            (className) => className ?? '',\n          )}\n          variant='outline'\n          onPress={queue.clear}\n        >\n          Clear All\n        </Button>\n      )}\n      <ToastList\n        className={composeRenderProps(classNames?.list, (className) =>\n          list({ className }),\n        )}\n      >\n        {({ toast }: { toast: QueuedToast<NoticeContent> }) => (\n          <Notice\n            {...toast.content}\n            key={toast.key}\n            showClose={\n              !(\n                toast.timeout &&\n                toast.content.primary &&\n                toast.content.secondary\n              )\n            }\n            classNames={classNames?.notice}\n            size={size}\n            onPrimaryAction={() => emitActionPrimary({ id: toast.content.id })}\n            onSecondaryAction={() =>\n              emitActionSecondary({ id: toast.content.id })\n            }\n            onClose={() => {\n              toast.onClose?.();\n              queue.close(toast.key);\n              emitClose({ id: toast.content.id });\n            }}\n          />\n        )}\n      </ToastList>\n    </>\n  );\n\n  return global ? (\n    <ToastRegion\n      className={region({ className: classNames?.region })}\n      data-placement={placement}\n      queue={queue}\n    >\n      {children}\n    </ToastRegion>\n  ) : (\n    <div\n      {...regionProps}\n      className={region({ className: classNames?.region })}\n      data-placement={placement}\n      ref={ref}\n    >\n      <ToastStateContext.Provider value={state}>\n        {children}\n      </ToastStateContext.Provider>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/notice/list.tsx"],"names":["classNames","defaultColor","placement","size","queue","w","limit","state","useToastQueue","ref","useRef","U","regionProps","useToastRegion","rest","useOn","useBus","emitActionPrimary","useEmit","NoticeEventTypes","emitActionSecondary","n","id","data","x","timeout","queuedNotices","dequeue","toast","I","setHasNotices","_","hideClearAll","hasNotices","className","T","jsx","composeRenderProps","clsx","styles","m","Notice","J","G","emitClose","global","s","children"],"mappings":"4rBA4CEA,SACA,EAAA,CAAA,CAAA,EAAAC,CAAAA,CACA,0BACA,CAAA,CAAA,CAAA,cAEA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAAC,KACA,CAAA,CAAAC,CAAAA,CAAO,CAAA,MAAA,CAAA,CACP,CAAA,SAEA,CAAA,CAAA,CAAMC,IACJ,CAAA,CAAA,CAAA,QAAsC,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAAC,OAAkBC,CAAM,IAC7DA,IAEGC,mBAAAA,CAAQC,CAAAA,gBAGRC,EAAMC,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAI,CAAA,CACjB,CAAE,CAAAC,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,QAAY,MAAIC,CAAeC,CAAAA,CAAMV,OAAOK,CAAG,IAE/C,CAAA,CAAA,CAAA,WAAS,CAAAM,CAAM,CAAA,CAAIC,cAAAA,CAEzB,EACIC,CAAAA,CAAoBC,CAAAA,CAAQC,CAAAA,CAAiB,OAAA,CAAA,CAAA,CAAA,KAC7CC,CAAAA,CAAsBF,EAAQC,MAAAA,EAAiB,CAAA,CAAA,CAAA,CAAA,CAAAE,gBAAA,CAAA,aAC3BF,CAAAA,CAAiB,oBAAK,CAAA,eAG9C,CAAA,CAAA,CAAKG,CAAAA,CAAAA,CAAMC,gBAAAA,CAAK,KAAA,CAAA,CAAA,CAAQ,CAAAF,gBAAA,CAAA,KAAA,CAAWC,CAAAA,EAAO,CAACA,GACzC,CAAA,EAAA,CAAA,CAAA,OAAkCC,CAAK,SAAQ,CAAA,EAAA,CAAA,CAAA,CAAA,CAC/CnB,MACE,CACE,CAAA,CAAA,EAAGmB,CAAK,QACR,CAAA,aAAiB,CAAA,CAAA,GAAW,EAC5B,OAAOtB,CAAAA,EAAgBsB,CAAK,CAAA,CAAA,OAAQ,CAAA,EAAA,EACtCC,IACA,EACE,CAAA,KAAA,CAAAC,CACF,EACF,CACIA,CAAAA,cACc,CAEpB,CACF,OAEuB,QAAUF,CAAAA,CAAAA,SAEzBG,GAAgBtB,CAAM,qBAEtBuB,CAAAA,OAAwB,CAAA,CAAA,EAAQC,CAAAA,eACA,CAAA,CAAA,CAAA,CAAA,CAAA,MAGtC,CAAA,CAAID,EAAQE,eAAA,CAAA,CAAA,CAAA,OAAkB,CAAA,CAAA,CAAA,OAAyB,CAAA,CAAA,CAAA,GAAA,CACrDzB,CAAAA,QAAY,CAAA,CAAA,MAEZ,GAAA,CAAA,CAAA,QAAoBuB,CAAAA,aACA,IAGvB,OAEe,IACR,CAAA,CAAA,CAAA,CAAA,KAAU,CAAA,CAAA,CAAA,GACdG,EAAc1B,EAAM,CAAA2B,SAAA,CAAA,IAAA,CAAA,CAAA,CAAA,SAAc,CAAA,IACnC,CACH,CAAC,CAAA,CAED,CAAA,aAEK,CAAA,MAAA,CAAA,CAAA,EAACC,CAAAA,EAAAA,CAAgBC,CAAAA,CAAAA,MAEd,yBACc,CAAA,CAAA,CAAA,CAAA,EAAA,CACXC,EAAAA,GAAcA,CAAAA,MAAAA,CAAa,CAAA,SAE9B,CAAAC,kBAAQ,CAAA,CAAA,EAAA,MACR,CAAA,CAAA,EAAA,CAAA,EAAA,EAAS/B,CAAM,CAAA,OAChB,CAAA,SAAA,CAAA,OAAA,CAED,EAEFgC,KACE,CAAA,QAAA,CAAWC,WAAsCH,CAAAA,CAC/CI,CAAAA,GAAKC,CAAAA,kBAAO,CAAA,CAAA,SAGb,CAAAJ,kBAAA,CAAA,CAAA,EAAA,IAAG,CAAA,CAAA,EAAAK,IAAAZ,CAAM,CAAA,CAAA,IACPa,CAAAA,CAAA,CACE,CAAA,CAAA,QAAS,CAAA,CAAA,CACV,MAAW,CAAA,CAAA,GACXC,aAAA,CAAAC,MAAA,CAAA,CAAA,GAAA,CACE,QACQ,CAAA,GAAA,CACNf,EAAM,GAAA,CAAA,SAAQ,CAAA,EAAA,CACdA,CAAAA,OAAM,EAAQ,CAAA,CAAA,OAAA,CAAA,OAGlB,EAAA,CAAA,CAAA,OAAwB,CAAA,SAClBzB,CACN,CAAA,UAAA,CAAA,CAAA,EAAA,MAAuBc,CAAkB,IAAMW,CAAAA,CAAM,CAAA,mCAEnDR,CAAoB,EAAE,CAAA,CAAIQ,CAAAA,iBAE5B,CAAA,IAAS,CAAA,CAAA,CAAA,EACPA,EAAM,CAAA,OAAA,CAAA,EAAU,CAChBxB,CAAAA,CAAM,OAAMwB,CAAM,KAClBgB,CAAAA,CAAU,OAAY,IAAA,CAAA,CAAA,CAAQ,KAChC,CACF,EAEJ,GACF,CAAA,CAGF,OAAOC,CAAAA,OAEH,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAWP,CAAAA,CAAK,oCAAgBC,CAAAA,CAAO,SAAQvC,CAAYwC,IAAA,CAAA,cAC3D,CAAA,CAAA,CAAA,MAAgBtC,EAChB,EAAA,MAEC,CAAA,CAAA,wBAIGU,CACJ,UAAW0B,CAAAA,CAAK,CAAA,CAAA,CAAAQ,GAAA,CAAA,KAAA,CAAA,CAAA,GAAgBP,EAAO,SAAQvC,CAAYwC,IAAA,CAAA,cAC3D,CAAA,CAAA,CAAA,MAAgBtC,CAAAA,CAChB,QAEA,CAAA,CAAA,gBAAmB,CAAA,CAAlB,CAA2B,MAAOK,QAChC,CAAAuC,GAAA,CAAAC,0BAAAA,CACH,QAGN,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"list.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { useBus } from '@accelint/bus/react';\nimport { uuid } from '@accelint/core';\nimport { useToastRegion } from '@react-aria/toast';\nimport { useToastQueue } from '@react-stately/toast';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  composeRenderProps,\n  type QueuedToast,\n  UNSTABLE_ToastList as ToastList,\n  UNSTABLE_ToastQueue as ToastQueue,\n  UNSTABLE_ToastRegion as ToastRegion,\n  UNSTABLE_ToastStateContext as ToastStateContext,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Notice } from './';\nimport { NoticeEventTypes } from './events';\nimport styles from './styles.module.css';\nimport { matchesMetadata } from './utils';\nimport type {\n  NoticeActionEvent,\n  NoticeContent,\n  NoticeDequeueEvent,\n  NoticeListProps,\n  NoticeQueueEvent,\n} from './types';\n\nexport function NoticeList({\n  id,\n  classNames,\n  defaultColor,\n  defaultTimeout,\n  hideClearAll,\n  limit = 3,\n  global,\n  placement,\n  size = 'medium',\n  ...rest\n}: NoticeListProps) {\n  const queue = useMemo(\n    () => new ToastQueue<NoticeContent>({ maxVisibleToasts: limit }),\n    [limit],\n  );\n  const state = useToastQueue(queue);\n\n  const [hasNotices, setHasNotices] = useState(false);\n  const ref = useRef(null);\n  const { regionProps } = useToastRegion(rest, queue, ref);\n\n  const { useEmit, useOn } = useBus<\n    NoticeQueueEvent | NoticeDequeueEvent | NoticeActionEvent\n  >();\n  const emitActionPrimary = useEmit(NoticeEventTypes.actionPrimary);\n  const emitActionSecondary = useEmit(NoticeEventTypes.actionSecondary);\n  const emitClose = useEmit(NoticeEventTypes.close);\n\n  useOn(NoticeEventTypes.queue, (data) => {\n    if ((id && data.payload.target === id) || !id) {\n      const timeout = defaultTimeout ?? data.payload.timeout;\n      queue.add(\n        {\n          ...data.payload,\n          id: data.payload.id || uuid(),\n          color: defaultColor || data.payload.color,\n        },\n        {\n          timeout,\n        },\n      );\n      if (timeout) {\n        queue.resumeAll();\n      }\n    }\n  });\n\n  useOn(NoticeEventTypes.dequeue, (data) => {\n    // @ts-expect-error : queue.queue exists, but is not currently documented\n    const queuedNotices = queue.queue;\n\n    const dequeue = queuedNotices.filter((toast: QueuedToast<NoticeContent>) =>\n      matchesMetadata(data.payload, toast.content),\n    );\n\n    if (dequeue.length && dequeue.length === queuedNotices.length) {\n      queue.clear();\n    } else {\n      for (const toast of dequeue) {\n        queue.close(toast.key);\n      }\n    }\n  });\n\n  useEffect(() => {\n    queue.subscribe(() => {\n      setHasNotices(queue.visibleToasts.length > 0);\n    });\n  });\n\n  const children = (\n    <>\n      {!hideClearAll && hasNotices && (\n        <Button\n          className={composeRenderProps(\n            classNames?.button,\n            (className) => className ?? '',\n          )}\n          variant='outline'\n          onPress={queue.clear}\n        >\n          Clear All\n        </Button>\n      )}\n      <ToastList\n        className={composeRenderProps(classNames?.list, (className) =>\n          clsx(styles.list, className),\n        )}\n      >\n        {({ toast }: { toast: QueuedToast<NoticeContent> }) => (\n          <Notice\n            {...toast.content}\n            key={toast.key}\n            showClose={\n              !(\n                toast.timeout &&\n                toast.content.primary &&\n                toast.content.secondary\n              )\n            }\n            classNames={classNames?.notice}\n            size={size}\n            onPrimaryAction={() => emitActionPrimary({ id: toast.content.id })}\n            onSecondaryAction={() =>\n              emitActionSecondary({ id: toast.content.id })\n            }\n            onClose={() => {\n              toast.onClose?.();\n              queue.close(toast.key);\n              emitClose({ id: toast.content.id });\n            }}\n          />\n        )}\n      </ToastList>\n    </>\n  );\n\n  return global ? (\n    <ToastRegion\n      className={clsx('group/region', styles.region, classNames?.region)}\n      data-placement={placement}\n      queue={queue}\n    >\n      {children}\n    </ToastRegion>\n  ) : (\n    <div\n      {...regionProps}\n      className={clsx('group/region', styles.region, classNames?.region)}\n      data-placement={placement}\n      ref={ref}\n    >\n      <ToastStateContext.Provider value={state}>\n        {children}\n      </ToastStateContext.Provider>\n    </div>\n  );\n}\n"]}

package/dist/components/notice/notice-icon.d.ts

@@ -4,11 +4,8 @@ import '@accelint/bus';
 import '@accelint/core';
 import 'react-aria-components';
 import '../button/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import 'react';
-import '../button/styles.js';
-import 'tailwind-merge';
 import './events.js';
 
 declare function NoticeIcon({ color, size }: NoticeIconProps): react_jsx_runtime.JSX.Element;