@alma-oss/spirit-web-react 4.3.0 → 4.4.2

package/dist/components/Toast/ToastBarMessage.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import m from "classnames";
+import { useStyleProps as i } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as p } from "../../hooks/useClassNamePrefix.js";
+const l = (e) => {
+  const { children: t, ...r } = e, { styleProps: s, props: o } = i(r);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...s,
+      ...o,
+      className: m(p("text-truncate-multiline"), s.className),
+      children: t
+    }
+  );
+};
+l.spiritComponent = "ToastBarMessage";
+export {
+  l as default
+};
+//# sourceMappingURL=ToastBarMessage.js.map

package/dist/components/Toast/ToastBarMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastBarMessage.js","sources":["../../../src/components/Toast/ToastBarMessage.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useClassNamePrefix, useStyleProps } from '../../hooks';\nimport { type ChildrenProps } from '../../types';\n\nconst ToastBarMessage = (props: ChildrenProps) => {\n  const { children, ...restProps } = props;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div\n      {...styleProps}\n      {...otherProps}\n      className={classNames(useClassNamePrefix('text-truncate-multiline'), styleProps.className)}\n    >\n      {children}\n    </div>\n  );\n};\n\nToastBarMessage.spiritComponent = 'ToastBarMessage';\n\nexport default ToastBarMessage;\n"],"names":["ToastBarMessage","props","children","restProps","styleProps","otherProps","useStyleProps","jsx","classNames","useClassNamePrefix"],"mappings":";;;;;AAOA,MAAMA,IAAkB,CAACC,MAAyB;AAChD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS;AAEjE,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACH,GAAGC;AAAA,MACJ,WAAWG,EAAWC,EAAmB,yBAAyB,GAAGL,EAAW,SAAS;AAAA,MAExF,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAF,EAAgB,kBAAkB;"}

package/dist/components/Toast/ToastCloseButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),P=require("classnames"),m=require("../../hooks/styleProps.cjs"),y=require("../Icon/Icon.cjs"),b=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./useToastBarStyleProps.cjs"),t=r=>{const{onClose:e,isOpen:l,id:n,closeLabel:i,isDismissible:u,...a}=r,{classProps:c,props:p}=f.useToastBarStyleProps({...a}),{styleProps:o,props:d}=m.useStyleProps(p);return u&&e?s.jsxs("button",{...d,...o,type:"button",className:P(c.close,o.className),onClick:e,"aria-expanded":l,"aria-controls":n,children:[s.jsx(y.default,{name:"close"}),s.jsx(b.default,{children:i})]}):null};t.spiritComponent="ToastCloseButton";exports.default=t;
+//# sourceMappingURL=ToastCloseButton.cjs.map

package/dist/components/Toast/ToastCloseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastCloseButton.cjs","sources":["../../../src/components/Toast/ToastCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ToastCloseButtonProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useToastBarStyleProps } from './useToastBarStyleProps';\n\nconst ToastCloseButton = (props: ToastCloseButtonProps) => {\n  const { onClose, isOpen, id, closeLabel, isDismissible, ...restProps } = props;\n  const { classProps, props: modifiedProps } = useToastBarStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  if (isDismissible && onClose) {\n    return (\n      <button\n        {...otherProps}\n        {...styleProps}\n        type=\"button\"\n        className={classNames(classProps.close, styleProps.className)}\n        onClick={onClose}\n        aria-expanded={isOpen}\n        aria-controls={id}\n      >\n        <Icon name=\"close\" />\n        <VisuallyHidden>{closeLabel}</VisuallyHidden>\n      </button>\n    );\n  }\n\n  return null;\n};\n\nToastCloseButton.spiritComponent = 'ToastCloseButton';\n\nexport default ToastCloseButton;\n"],"names":["ToastCloseButton","props","onClose","isOpen","id","closeLabel","isDismissible","restProps","classProps","modifiedProps","useToastBarStyleProps","styleProps","otherProps","useStyleProps","jsxs","classNames","jsx","Icon","VisuallyHidden"],"mappings":"uVAUMA,EAAoBC,GAAiC,CACzD,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAAC,EAAI,WAAAC,EAAY,cAAAC,EAAe,GAAGC,GAAcN,EACnE,CAAE,WAAAO,EAAY,MAAOC,CAAA,EAAkBC,wBAAsB,CAAE,GAAGH,EAAW,EAC7E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OAAIH,GAAiBJ,EAEjBY,EAAAA,KAAC,SAAA,CACE,GAAGF,EACH,GAAGD,EACJ,KAAK,SACL,UAAWI,EAAWP,EAAW,MAAOG,EAAW,SAAS,EAC5D,QAAST,EACT,gBAAeC,EACf,gBAAeC,EAEf,SAAA,CAAAY,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,EACnBD,EAAAA,IAACE,EAAAA,SAAgB,SAAAb,CAAA,CAAW,CAAA,CAAA,CAAA,EAK3B,IACT,EAEAL,EAAiB,gBAAkB"}

package/dist/components/Toast/ToastCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ToastCloseButtonProps } from '../../types';
+declare const ToastCloseButton: {
+    (props: ToastCloseButtonProps): React.JSX.Element | null;
+    spiritComponent: string;
+};
+export default ToastCloseButton;

package/dist/components/Toast/ToastCloseButton.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import d from "classnames";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import P from "../Icon/Icon.js";
+import y from "../VisuallyHidden/VisuallyHidden.js";
+import { useToastBarStyleProps as C } from "./useToastBarStyleProps.js";
+const b = (r) => {
+  const { onClose: s, isOpen: e, id: i, closeLabel: l, isDismissible: n, ...p } = r, { classProps: a, props: m } = C({ ...p }), { styleProps: o, props: c } = f(m);
+  return n && s ? /* @__PURE__ */ u(
+    "button",
+    {
+      ...c,
+      ...o,
+      type: "button",
+      className: d(a.close, o.className),
+      onClick: s,
+      "aria-expanded": e,
+      "aria-controls": i,
+      children: [
+        /* @__PURE__ */ t(P, { name: "close" }),
+        /* @__PURE__ */ t(y, { children: l })
+      ]
+    }
+  ) : null;
+};
+b.spiritComponent = "ToastCloseButton";
+export {
+  b as default
+};
+//# sourceMappingURL=ToastCloseButton.js.map

package/dist/components/Toast/ToastCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastCloseButton.js","sources":["../../../src/components/Toast/ToastCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ToastCloseButtonProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useToastBarStyleProps } from './useToastBarStyleProps';\n\nconst ToastCloseButton = (props: ToastCloseButtonProps) => {\n  const { onClose, isOpen, id, closeLabel, isDismissible, ...restProps } = props;\n  const { classProps, props: modifiedProps } = useToastBarStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  if (isDismissible && onClose) {\n    return (\n      <button\n        {...otherProps}\n        {...styleProps}\n        type=\"button\"\n        className={classNames(classProps.close, styleProps.className)}\n        onClick={onClose}\n        aria-expanded={isOpen}\n        aria-controls={id}\n      >\n        <Icon name=\"close\" />\n        <VisuallyHidden>{closeLabel}</VisuallyHidden>\n      </button>\n    );\n  }\n\n  return null;\n};\n\nToastCloseButton.spiritComponent = 'ToastCloseButton';\n\nexport default ToastCloseButton;\n"],"names":["ToastCloseButton","props","onClose","isOpen","id","closeLabel","isDismissible","restProps","classProps","modifiedProps","useToastBarStyleProps","styleProps","otherProps","useStyleProps","jsxs","classNames","jsx","Icon","VisuallyHidden"],"mappings":";;;;;;;AAUA,MAAMA,IAAmB,CAACC,MAAiC;AACzD,QAAM,EAAE,SAAAC,GAAS,QAAAC,GAAQ,IAAAC,GAAI,YAAAC,GAAY,eAAAC,GAAe,GAAGC,MAAcN,GACnE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAkBC,EAAsB,EAAE,GAAGH,GAAW,GAC7E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SAAIH,KAAiBJ,IAEjB,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACH,GAAGD;AAAA,MACJ,MAAK;AAAA,MACL,WAAWI,EAAWP,EAAW,OAAOG,EAAW,SAAS;AAAA,MAC5D,SAAST;AAAA,MACT,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MAEf,UAAA;AAAA,QAAA,gBAAAY,EAACC,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,QACnB,gBAAAD,EAACE,KAAgB,UAAAb,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAK3B;AACT;AAEAL,EAAiB,kBAAkB;"}

package/dist/components/Toast/ToastContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("react"),t={clear:()=>{},hide:()=>{},queue:[],setQueue:()=>{},show:()=>{}},o=e.createContext(t);exports.ToastContext=o;
+//# sourceMappingURL=ToastContext.cjs.map

package/dist/components/Toast/ToastContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.cjs","sources":["../../../src/components/Toast/ToastContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, type ReactNode, createContext, useCallback, useMemo, useReducer } from 'react';\nimport { type ToastColorType, type ToastLinkProps } from '../../types';\nimport { delayedCallback } from '../../utils';\nimport { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL } from './constants';\n\ntype ToastState = {\n  queue: ToastItem[];\n};\n\nexport interface ToastItem {\n  autoCloseInterval?: number;\n  color?: ToastColorType;\n  enableAutoClose?: boolean;\n  hasIcon: boolean;\n  iconName?: string;\n  id: string;\n  isDismissible: boolean;\n  isOpen: boolean;\n  linkProps: ToastLinkProps;\n  content: {\n    message: JSX.Element | string;\n    link?: JSX.Element | string;\n  };\n}\n\nexport interface ToastContextType extends ToastState {\n  clear: () => void;\n  hide: (id: string) => void;\n  setQueue: (newQueue: ToastItem[]) => void;\n  show: (\n    content: {\n      message: JSX.Element | string;\n      link?: JSX.Element | string;\n    },\n    id: string,\n    options?: {\n      autoCloseInterval?: number;\n      color?: ToastColorType;\n      enableAutoClose?: boolean;\n      hasIcon?: boolean;\n      iconName?: string;\n      isDismissible?: boolean;\n      linkProps: ToastLinkProps;\n    },\n  ) => void;\n}\n\nconst defaultToastContext: ToastContextType = {\n  clear: () => {},\n  hide: () => {},\n  queue: [],\n  setQueue: () => {},\n  show: () => {},\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const ToastContext = createContext<ToastContextType>(defaultToastContext);\n\ntype ActionType =\n  | {\n      type: 'show';\n      payload: {\n        content: {\n          message: JSX.Element | string;\n          link?: JSX.Element | string;\n        };\n        toastId: string;\n        options?: {\n          autoCloseInterval?: number;\n          color?: ToastColorType;\n          enableAutoClose?: boolean;\n          hasIcon?: boolean;\n          iconName?: string;\n          isDismissible?: boolean;\n          linkProps: ToastLinkProps;\n        };\n      };\n    }\n  | { type: 'hide'; payload: { id: string } }\n  | { type: 'clear'; payload: null }\n  | { type: 'setQueue'; payload: { newQueue: ToastItem[] } };\n\nconst reducer = (state: ToastState, action: ActionType): ToastState => {\n  const { type, payload } = action;\n  const { queue: currentQueue } = state;\n\n  switch (type) {\n    case 'show': {\n      const newQueue = [\n        ...currentQueue,\n        {\n          autoCloseInterval: payload.options?.autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,\n          color: payload.options?.color || undefined,\n          enableAutoClose: payload.options?.enableAutoClose || true,\n          hasIcon: payload.options?.hasIcon || false,\n          iconName: payload.options?.iconName,\n          id: payload.toastId,\n          isDismissible: payload.options?.isDismissible || false,\n          linkProps: payload.options?.linkProps || {},\n          isOpen: true,\n          content: {\n            message: payload.content.message,\n            link: payload.content.link || undefined,\n          },\n        },\n      ];\n\n      return { queue: newQueue };\n    }\n\n    case 'hide': {\n      return { queue: currentQueue.filter((item) => item.id !== payload.id) };\n    }\n\n    case 'clear':\n      return { queue: [] };\n\n    default:\n      throw new Error();\n  }\n};\n\ninterface ToastProviderProps {\n  children: ReactNode;\n}\n\nconst initialToastState: ToastState = {\n  queue: [],\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(reducer, initialToastState);\n  const { queue } = state;\n\n  const hide = useCallback((id: string) => {\n    dispatch({ type: 'hide', payload: { id } });\n  }, []);\n\n  const clear = useCallback(() => {\n    dispatch({ type: 'clear', payload: null });\n  }, []);\n\n  const show = useCallback(\n    (\n      content: {\n        message: JSX.Element | string;\n        link?: JSX.Element | string;\n      },\n      toastId: string,\n      options?: {\n        autoCloseInterval?: number;\n        color?: ToastColorType;\n        enableAutoClose?: boolean;\n        hasIcon?: boolean;\n        iconName?: string;\n        isDismissible?: boolean;\n        linkProps: ToastLinkProps;\n      },\n    ) => {\n      dispatch({ type: 'show', payload: { content, toastId, options } });\n\n      options?.enableAutoClose &&\n        delayedCallback(() => hide(toastId), options?.autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n    },\n    [hide],\n  );\n  const setQueue = useCallback(\n    (newQueue: ToastItem[]) => {\n      dispatch({ type: 'clear', payload: null });\n\n      newQueue.forEach((item) => {\n        const enableAutoClose = item.enableAutoClose ?? true;\n        const autoCloseInterval = item.autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;\n\n        dispatch({\n          type: 'show',\n          payload: {\n            content: {\n              message: item.content.message,\n              link: item.content.link ?? undefined,\n            },\n            toastId: item.id,\n            options: {\n              autoCloseInterval,\n              enableAutoClose,\n              color: item.color,\n              hasIcon: item.hasIcon || false,\n              iconName: item.iconName,\n              isDismissible: item.isDismissible || false,\n              linkProps: item.linkProps || {},\n            },\n          },\n        });\n\n        enableAutoClose && delayedCallback(() => hide(item.id), autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n      });\n    },\n    [hide],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      clear,\n      hide,\n      queue,\n      setQueue,\n      show,\n    }),\n    // recreated the context value when the number of items changed\n    // not when individual items were modified\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [hide, show, clear, queue.length, setQueue],\n  );\n\n  return <ToastContext.Provider value={contextValue}>{children}</ToastContext.Provider>;\n};\n"],"names":["defaultToastContext","ToastContext","createContext"],"mappings":"mJAiDMA,EAAwC,CAC5C,MAAO,IAAM,CAAC,EACd,KAAM,IAAM,CAAC,EACb,MAAO,CAAA,EACP,SAAU,IAAM,CAAC,EACjB,KAAM,IAAM,CAAC,CACf,EAGaC,EAAeC,EAAAA,cAAgCF,CAAmB"}

package/dist/components/Toast/ToastContext.d.ts

@@ -0,0 +1,43 @@
+import { default as React, FC, ReactNode } from 'react';
+import { ToastColorType, ToastLinkProps } from '../../types';
+type ToastState = {
+    queue: ToastItem[];
+};
+export interface ToastItem {
+    autoCloseInterval?: number;
+    color?: ToastColorType;
+    enableAutoClose?: boolean;
+    hasIcon: boolean;
+    iconName?: string;
+    id: string;
+    isDismissible: boolean;
+    isOpen: boolean;
+    linkProps: ToastLinkProps;
+    content: {
+        message: JSX.Element | string;
+        link?: JSX.Element | string;
+    };
+}
+export interface ToastContextType extends ToastState {
+    clear: () => void;
+    hide: (id: string) => void;
+    setQueue: (newQueue: ToastItem[]) => void;
+    show: (content: {
+        message: JSX.Element | string;
+        link?: JSX.Element | string;
+    }, id: string, options?: {
+        autoCloseInterval?: number;
+        color?: ToastColorType;
+        enableAutoClose?: boolean;
+        hasIcon?: boolean;
+        iconName?: string;
+        isDismissible?: boolean;
+        linkProps: ToastLinkProps;
+    }) => void;
+}
+export declare const ToastContext: React.Context<ToastContextType>;
+interface ToastProviderProps {
+    children: ReactNode;
+}
+export declare const ToastProvider: FC<ToastProviderProps>;
+export {};

package/dist/components/Toast/ToastContext.js

@@ -0,0 +1,18 @@
+"use client";
+import "react/jsx-runtime";
+import { createContext as t } from "react";
+const e = {
+  clear: () => {
+  },
+  hide: () => {
+  },
+  queue: [],
+  setQueue: () => {
+  },
+  show: () => {
+  }
+}, r = t(e);
+export {
+  r as ToastContext
+};
+//# sourceMappingURL=ToastContext.js.map

package/dist/components/Toast/ToastContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.js","sources":["../../../src/components/Toast/ToastContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, type ReactNode, createContext, useCallback, useMemo, useReducer } from 'react';\nimport { type ToastColorType, type ToastLinkProps } from '../../types';\nimport { delayedCallback } from '../../utils';\nimport { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL } from './constants';\n\ntype ToastState = {\n  queue: ToastItem[];\n};\n\nexport interface ToastItem {\n  autoCloseInterval?: number;\n  color?: ToastColorType;\n  enableAutoClose?: boolean;\n  hasIcon: boolean;\n  iconName?: string;\n  id: string;\n  isDismissible: boolean;\n  isOpen: boolean;\n  linkProps: ToastLinkProps;\n  content: {\n    message: JSX.Element | string;\n    link?: JSX.Element | string;\n  };\n}\n\nexport interface ToastContextType extends ToastState {\n  clear: () => void;\n  hide: (id: string) => void;\n  setQueue: (newQueue: ToastItem[]) => void;\n  show: (\n    content: {\n      message: JSX.Element | string;\n      link?: JSX.Element | string;\n    },\n    id: string,\n    options?: {\n      autoCloseInterval?: number;\n      color?: ToastColorType;\n      enableAutoClose?: boolean;\n      hasIcon?: boolean;\n      iconName?: string;\n      isDismissible?: boolean;\n      linkProps: ToastLinkProps;\n    },\n  ) => void;\n}\n\nconst defaultToastContext: ToastContextType = {\n  clear: () => {},\n  hide: () => {},\n  queue: [],\n  setQueue: () => {},\n  show: () => {},\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const ToastContext = createContext<ToastContextType>(defaultToastContext);\n\ntype ActionType =\n  | {\n      type: 'show';\n      payload: {\n        content: {\n          message: JSX.Element | string;\n          link?: JSX.Element | string;\n        };\n        toastId: string;\n        options?: {\n          autoCloseInterval?: number;\n          color?: ToastColorType;\n          enableAutoClose?: boolean;\n          hasIcon?: boolean;\n          iconName?: string;\n          isDismissible?: boolean;\n          linkProps: ToastLinkProps;\n        };\n      };\n    }\n  | { type: 'hide'; payload: { id: string } }\n  | { type: 'clear'; payload: null }\n  | { type: 'setQueue'; payload: { newQueue: ToastItem[] } };\n\nconst reducer = (state: ToastState, action: ActionType): ToastState => {\n  const { type, payload } = action;\n  const { queue: currentQueue } = state;\n\n  switch (type) {\n    case 'show': {\n      const newQueue = [\n        ...currentQueue,\n        {\n          autoCloseInterval: payload.options?.autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,\n          color: payload.options?.color || undefined,\n          enableAutoClose: payload.options?.enableAutoClose || true,\n          hasIcon: payload.options?.hasIcon || false,\n          iconName: payload.options?.iconName,\n          id: payload.toastId,\n          isDismissible: payload.options?.isDismissible || false,\n          linkProps: payload.options?.linkProps || {},\n          isOpen: true,\n          content: {\n            message: payload.content.message,\n            link: payload.content.link || undefined,\n          },\n        },\n      ];\n\n      return { queue: newQueue };\n    }\n\n    case 'hide': {\n      return { queue: currentQueue.filter((item) => item.id !== payload.id) };\n    }\n\n    case 'clear':\n      return { queue: [] };\n\n    default:\n      throw new Error();\n  }\n};\n\ninterface ToastProviderProps {\n  children: ReactNode;\n}\n\nconst initialToastState: ToastState = {\n  queue: [],\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(reducer, initialToastState);\n  const { queue } = state;\n\n  const hide = useCallback((id: string) => {\n    dispatch({ type: 'hide', payload: { id } });\n  }, []);\n\n  const clear = useCallback(() => {\n    dispatch({ type: 'clear', payload: null });\n  }, []);\n\n  const show = useCallback(\n    (\n      content: {\n        message: JSX.Element | string;\n        link?: JSX.Element | string;\n      },\n      toastId: string,\n      options?: {\n        autoCloseInterval?: number;\n        color?: ToastColorType;\n        enableAutoClose?: boolean;\n        hasIcon?: boolean;\n        iconName?: string;\n        isDismissible?: boolean;\n        linkProps: ToastLinkProps;\n      },\n    ) => {\n      dispatch({ type: 'show', payload: { content, toastId, options } });\n\n      options?.enableAutoClose &&\n        delayedCallback(() => hide(toastId), options?.autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n    },\n    [hide],\n  );\n  const setQueue = useCallback(\n    (newQueue: ToastItem[]) => {\n      dispatch({ type: 'clear', payload: null });\n\n      newQueue.forEach((item) => {\n        const enableAutoClose = item.enableAutoClose ?? true;\n        const autoCloseInterval = item.autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;\n\n        dispatch({\n          type: 'show',\n          payload: {\n            content: {\n              message: item.content.message,\n              link: item.content.link ?? undefined,\n            },\n            toastId: item.id,\n            options: {\n              autoCloseInterval,\n              enableAutoClose,\n              color: item.color,\n              hasIcon: item.hasIcon || false,\n              iconName: item.iconName,\n              isDismissible: item.isDismissible || false,\n              linkProps: item.linkProps || {},\n            },\n          },\n        });\n\n        enableAutoClose && delayedCallback(() => hide(item.id), autoCloseInterval || DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n      });\n    },\n    [hide],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      clear,\n      hide,\n      queue,\n      setQueue,\n      show,\n    }),\n    // recreated the context value when the number of items changed\n    // not when individual items were modified\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [hide, show, clear, queue.length, setQueue],\n  );\n\n  return <ToastContext.Provider value={contextValue}>{children}</ToastContext.Provider>;\n};\n"],"names":["defaultToastContext","ToastContext","createContext"],"mappings":";;;AAiDA,MAAMA,IAAwC;AAAA,EAC5C,OAAO,MAAM;AAAA,EAAC;AAAA,EACd,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,OAAO,CAAA;AAAA,EACP,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,MAAM,MAAM;AAAA,EAAC;AACf,GAGaC,IAAeC,EAAgCF,CAAmB;"}

package/dist/components/Toast/UncontrolledToast.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),k=require("react"),x=require("../../hooks/useI18n.cjs"),C=require("./Toast.cjs"),L=require("./ToastBar.cjs"),v=require("./ToastBarLink.cjs"),B=require("./ToastBarMessage.cjs"),I=require("./useToast.cjs"),o=n=>{const{t:r}=x.useI18n(),{alignmentX:l,alignmentY:i,isCollapsible:c,closeLabel:a,...u}=n,d=a??r("common.close"),{hide:m,queue:p}=I.useToast();return t.jsx(C.default,{alignmentX:l,alignmentY:i,isCollapsible:c,children:p.map(q=>{const{color:T,iconName:b,id:s,isOpen:f,content:e,hasIcon:g,isDismissible:h,linkProps:j}=q;return k.createElement(L.default,{...u,key:s,id:s,closeLabel:d,color:T,hasIcon:g,iconName:b,isDismissible:h,onClose:()=>m(s),isOpen:f&&!!e},t.jsx(B.default,{children:e.message}),e.link&&t.jsx(v.default,{...j,children:e.link}))})})};o.spiritComponent="UncontrolledToast";exports.default=o;
+//# sourceMappingURL=UncontrolledToast.cjs.map

package/dist/components/Toast/UncontrolledToast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledToast.cjs","sources":["../../../src/components/Toast/UncontrolledToast.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useI18n } from '../../hooks';\nimport { type UncontrolledToastProps } from '../../types';\nimport Toast from './Toast';\nimport ToastBar from './ToastBar';\nimport ToastBarLink from './ToastBarLink';\nimport ToastBarMessage from './ToastBarMessage';\nimport { useToast } from './useToast';\n\nconst UncontrolledToast = (props: UncontrolledToastProps) => {\n  const { t } = useI18n();\n  const { alignmentX, alignmentY, isCollapsible, closeLabel, ...restProps } = props;\n  const resolvedCloseLabel = closeLabel ?? t('common.close');\n  const { hide, queue } = useToast();\n\n  return (\n    <Toast alignmentX={alignmentX} alignmentY={alignmentY} isCollapsible={isCollapsible}>\n      {queue.map((item) => {\n        const { color, iconName, id, isOpen, content, hasIcon, isDismissible, linkProps } = item;\n\n        return (\n          <ToastBar\n            {...restProps}\n            key={id}\n            id={id}\n            closeLabel={resolvedCloseLabel}\n            color={color}\n            hasIcon={hasIcon}\n            iconName={iconName}\n            isDismissible={isDismissible}\n            onClose={() => hide(id)}\n            isOpen={isOpen && !!content}\n          >\n            <ToastBarMessage>{content.message}</ToastBarMessage>\n            {content.link && <ToastBarLink {...linkProps}>{content.link}</ToastBarLink>}\n          </ToastBar>\n        );\n      })}\n    </Toast>\n  );\n};\n\nUncontrolledToast.spiritComponent = 'UncontrolledToast';\n\nexport default UncontrolledToast;\n"],"names":["UncontrolledToast","props","t","useI18n","alignmentX","alignmentY","isCollapsible","closeLabel","restProps","resolvedCloseLabel","hide","queue","useToast","jsx","Toast","item","color","iconName","id","isOpen","content","hasIcon","isDismissible","linkProps","createElement","ToastBar","ToastBarMessage","ToastBarLink"],"mappings":"0WAWMA,EAAqBC,GAAkC,CAC3D,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CAAE,WAAAC,EAAY,WAAAC,EAAY,cAAAC,EAAe,WAAAC,EAAY,GAAGC,GAAcP,EACtEQ,EAAqBF,GAAcL,EAAE,cAAc,EACnD,CAAE,KAAAQ,EAAM,MAAAC,CAAA,EAAUC,WAAA,EAExB,OACEC,MAACC,EAAAA,SAAM,WAAAV,EAAwB,WAAAC,EAAwB,cAAAC,EACpD,SAAAK,EAAM,IAAKI,GAAS,CACnB,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,GAAAC,EAAI,OAAAC,EAAQ,QAAAC,EAAS,QAAAC,EAAS,cAAAC,EAAe,UAAAC,CAAA,EAAcR,EAEpF,OACES,EAAAA,cAACC,EAAAA,QAAA,CACE,GAAGjB,EACJ,IAAKU,EACL,GAAAA,EACA,WAAYT,EACZ,MAAAO,EACA,QAAAK,EACA,SAAAJ,EACA,cAAAK,EACA,QAAS,IAAMZ,EAAKQ,CAAE,EACtB,OAAQC,GAAU,CAAC,CAACC,CAAA,EAEpBP,EAAAA,IAACa,EAAAA,QAAA,CAAiB,SAAAN,EAAQ,OAAA,CAAQ,EACjCA,EAAQ,MAAQP,EAAAA,IAACc,EAAAA,SAAc,GAAGJ,EAAY,WAAQ,IAAA,CAAK,CAAA,CAGlE,CAAC,CAAA,CACH,CAEJ,EAEAvB,EAAkB,gBAAkB"}

package/dist/components/Toast/UncontrolledToast.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { UncontrolledToastProps } from '../../types';
+declare const UncontrolledToast: {
+    (props: UncontrolledToastProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UncontrolledToast;

package/dist/components/Toast/UncontrolledToast.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { createElement as C } from "react";
+import { useI18n as L } from "../../hooks/useI18n.js";
+import B from "./Toast.js";
+import x from "./ToastBar.js";
+import I from "./ToastBarLink.js";
+import O from "./ToastBarMessage.js";
+import { useToast as P } from "./useToast.js";
+const U = (t) => {
+  const { t: r } = L(), { alignmentX: n, alignmentY: i, isCollapsible: l, closeLabel: m, ...a } = t, c = m ?? r("common.close"), { hide: p, queue: d } = P();
+  return /* @__PURE__ */ s(B, { alignmentX: n, alignmentY: i, isCollapsible: l, children: d.map((f) => {
+    const { color: u, iconName: T, id: e, isOpen: b, content: o, hasIcon: h, isDismissible: k, linkProps: g } = f;
+    return /* @__PURE__ */ C(
+      x,
+      {
+        ...a,
+        key: e,
+        id: e,
+        closeLabel: c,
+        color: u,
+        hasIcon: h,
+        iconName: T,
+        isDismissible: k,
+        onClose: () => p(e),
+        isOpen: b && !!o
+      },
+      /* @__PURE__ */ s(O, { children: o.message }),
+      o.link && /* @__PURE__ */ s(I, { ...g, children: o.link })
+    );
+  }) });
+};
+U.spiritComponent = "UncontrolledToast";
+export {
+  U as default
+};
+//# sourceMappingURL=UncontrolledToast.js.map

package/dist/components/Toast/UncontrolledToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledToast.js","sources":["../../../src/components/Toast/UncontrolledToast.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useI18n } from '../../hooks';\nimport { type UncontrolledToastProps } from '../../types';\nimport Toast from './Toast';\nimport ToastBar from './ToastBar';\nimport ToastBarLink from './ToastBarLink';\nimport ToastBarMessage from './ToastBarMessage';\nimport { useToast } from './useToast';\n\nconst UncontrolledToast = (props: UncontrolledToastProps) => {\n  const { t } = useI18n();\n  const { alignmentX, alignmentY, isCollapsible, closeLabel, ...restProps } = props;\n  const resolvedCloseLabel = closeLabel ?? t('common.close');\n  const { hide, queue } = useToast();\n\n  return (\n    <Toast alignmentX={alignmentX} alignmentY={alignmentY} isCollapsible={isCollapsible}>\n      {queue.map((item) => {\n        const { color, iconName, id, isOpen, content, hasIcon, isDismissible, linkProps } = item;\n\n        return (\n          <ToastBar\n            {...restProps}\n            key={id}\n            id={id}\n            closeLabel={resolvedCloseLabel}\n            color={color}\n            hasIcon={hasIcon}\n            iconName={iconName}\n            isDismissible={isDismissible}\n            onClose={() => hide(id)}\n            isOpen={isOpen && !!content}\n          >\n            <ToastBarMessage>{content.message}</ToastBarMessage>\n            {content.link && <ToastBarLink {...linkProps}>{content.link}</ToastBarLink>}\n          </ToastBar>\n        );\n      })}\n    </Toast>\n  );\n};\n\nUncontrolledToast.spiritComponent = 'UncontrolledToast';\n\nexport default UncontrolledToast;\n"],"names":["UncontrolledToast","props","t","useI18n","alignmentX","alignmentY","isCollapsible","closeLabel","restProps","resolvedCloseLabel","hide","queue","useToast","jsx","Toast","item","color","iconName","id","isOpen","content","hasIcon","isDismissible","linkProps","createElement","ToastBar","ToastBarMessage","ToastBarLink"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoB,CAACC,MAAkC;AAC3D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,YAAAC,GAAY,YAAAC,GAAY,eAAAC,GAAe,YAAAC,GAAY,GAAGC,MAAcP,GACtEQ,IAAqBF,KAAcL,EAAE,cAAc,GACnD,EAAE,MAAAQ,GAAM,OAAAC,EAAA,IAAUC,EAAA;AAExB,SACE,gBAAAC,EAACC,KAAM,YAAAV,GAAwB,YAAAC,GAAwB,eAAAC,GACpD,UAAAK,EAAM,IAAI,CAACI,MAAS;AACnB,UAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,IAAAC,GAAI,QAAAC,GAAQ,SAAAC,GAAS,SAAAC,GAAS,eAAAC,GAAe,WAAAC,EAAA,IAAcR;AAEpF,WACE,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGjB;AAAA,QACJ,KAAKU;AAAA,QACL,IAAAA;AAAA,QACA,YAAYT;AAAA,QACZ,OAAAO;AAAA,QACA,SAAAK;AAAA,QACA,UAAAJ;AAAA,QACA,eAAAK;AAAA,QACA,SAAS,MAAMZ,EAAKQ,CAAE;AAAA,QACtB,QAAQC,KAAU,CAAC,CAACC;AAAA,MAAA;AAAA,MAEpB,gBAAAP,EAACa,GAAA,EAAiB,UAAAN,EAAQ,QAAA,CAAQ;AAAA,MACjCA,EAAQ,QAAQ,gBAAAP,EAACc,KAAc,GAAGJ,GAAY,YAAQ,KAAA,CAAK;AAAA,IAAA;AAAA,EAGlE,CAAC,EAAA,CACH;AAEJ;AAEAvB,EAAkB,kBAAkB;"}

package/dist/components/Toast/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=250,t={entering:"is-open is-transitioning",entered:"is-open",exiting:"is-hidden is-transitioning",exited:"is-hidden"},e=20,n="neutral",O=3e3,i={NEUTRAL:"neutral"};exports.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL=O;exports.DEFAULT_TOAST_COLOR=n;exports.ICON_BOX_SIZE=e;exports.TRANSITIONING_STYLES=t;exports.TRANSITION_DURATION=T;exports.ToastColorsExtended=i;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/Toast/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Toast/constants.ts"],"sourcesContent":["export const TRANSITION_DURATION = 250;\n\nexport const TRANSITIONING_STYLES: Record<string, string> = {\n  entering: 'is-open is-transitioning',\n  entered: 'is-open',\n  exiting: 'is-hidden is-transitioning',\n  exited: 'is-hidden',\n};\n\nexport const ICON_BOX_SIZE = 20;\n\nexport const DEFAULT_TOAST_COLOR = 'neutral';\n\nexport const DEFAULT_TOAST_AUTO_CLOSE_INTERVAL = 3000; // milliseconds\n\nexport const ToastColorsExtended = {\n  NEUTRAL: 'neutral',\n} as const;\n"],"names":["TRANSITION_DURATION","TRANSITIONING_STYLES","ICON_BOX_SIZE","DEFAULT_TOAST_COLOR","DEFAULT_TOAST_AUTO_CLOSE_INTERVAL","ToastColorsExtended"],"mappings":"gFAAO,MAAMA,EAAsB,IAEtBC,EAA+C,CAC1D,SAAU,2BACV,QAAS,UACT,QAAS,6BACT,OAAQ,WACV,EAEaC,EAAgB,GAEhBC,EAAsB,UAEtBC,EAAoC,IAEpCC,EAAsB,CACjC,QAAS,SACX"}

package/dist/components/Toast/constants.js

@@ -0,0 +1,17 @@
+const n = 250, t = {
+  entering: "is-open is-transitioning",
+  entered: "is-open",
+  exiting: "is-hidden is-transitioning",
+  exited: "is-hidden"
+}, e = 20, i = "neutral", s = 3e3, T = {
+  NEUTRAL: "neutral"
+};
+export {
+  s as DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,
+  i as DEFAULT_TOAST_COLOR,
+  e as ICON_BOX_SIZE,
+  t as TRANSITIONING_STYLES,
+  n as TRANSITION_DURATION,
+  T as ToastColorsExtended
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Toast/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Toast/constants.ts"],"sourcesContent":["export const TRANSITION_DURATION = 250;\n\nexport const TRANSITIONING_STYLES: Record<string, string> = {\n  entering: 'is-open is-transitioning',\n  entered: 'is-open',\n  exiting: 'is-hidden is-transitioning',\n  exited: 'is-hidden',\n};\n\nexport const ICON_BOX_SIZE = 20;\n\nexport const DEFAULT_TOAST_COLOR = 'neutral';\n\nexport const DEFAULT_TOAST_AUTO_CLOSE_INTERVAL = 3000; // milliseconds\n\nexport const ToastColorsExtended = {\n  NEUTRAL: 'neutral',\n} as const;\n"],"names":["TRANSITION_DURATION","TRANSITIONING_STYLES","ICON_BOX_SIZE","DEFAULT_TOAST_COLOR","DEFAULT_TOAST_AUTO_CLOSE_INTERVAL","ToastColorsExtended"],"mappings":"AAAO,MAAMA,IAAsB,KAEtBC,IAA+C;AAAA,EAC1D,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAAgB,IAEhBC,IAAsB,WAEtBC,IAAoC,KAEpCC,IAAsB;AAAA,EACjC,SAAS;AACX;"}

package/dist/components/Toast/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Toast.cjs"),e=require("./ToastBar.cjs"),s=require("./ToastBarMessage.cjs"),o=require("./ToastBarLink.cjs"),a=require("./UncontrolledToast.cjs"),T=require("./constants.cjs"),r=require("./useToast.cjs");exports.Toast=t.default;exports.ToastBar=e.default;exports.ToastBarMessage=s.default;exports.ToastBarLink=o.default;exports.UncontrolledToast=a.default;exports.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL=T.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;exports.DEFAULT_TOAST_COLOR=T.DEFAULT_TOAST_COLOR;exports.ICON_BOX_SIZE=T.ICON_BOX_SIZE;exports.TRANSITIONING_STYLES=T.TRANSITIONING_STYLES;exports.TRANSITION_DURATION=T.TRANSITION_DURATION;exports.ToastColorsExtended=T.ToastColorsExtended;exports.useToast=r.useToast;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toast/index.js

@@ -0,0 +1,22 @@
+import { default as a } from "./Toast.js";
+import { default as r } from "./ToastBar.js";
+import { default as s } from "./ToastBarMessage.js";
+import { default as O } from "./ToastBarLink.js";
+import { default as A } from "./UncontrolledToast.js";
+import { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL as d, DEFAULT_TOAST_COLOR as l, ICON_BOX_SIZE as x, TRANSITIONING_STYLES as N, TRANSITION_DURATION as S, ToastColorsExtended as m } from "./constants.js";
+import { useToast as u } from "./useToast.js";
+export {
+  d as DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,
+  l as DEFAULT_TOAST_COLOR,
+  x as ICON_BOX_SIZE,
+  N as TRANSITIONING_STYLES,
+  S as TRANSITION_DURATION,
+  a as Toast,
+  r as ToastBar,
+  O as ToastBarLink,
+  s as ToastBarMessage,
+  m as ToastColorsExtended,
+  A as UncontrolledToast,
+  u as useToast
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Toast/useToast.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./ToastContext.cjs"),s=()=>{const t=e.useContext(o.ToastContext);if(!t)throw new Error("useToast has to be used within <ToastProvider>");return t};exports.useToast=s;
+//# sourceMappingURL=useToast.cjs.map

package/dist/components/Toast/useToast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.cjs","sources":["../../../src/components/Toast/useToast.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport { ToastContext } from './ToastContext';\n\nexport const useToast = () => {\n  const currentToastContext = useContext(ToastContext);\n\n  if (!currentToastContext) {\n    throw new Error('useToast has to be used within <ToastProvider>');\n  }\n\n  return currentToastContext;\n};\n"],"names":["useToast","currentToastContext","useContext","ToastContext"],"mappings":"sJAKaA,EAAW,IAAM,CAC5B,MAAMC,EAAsBC,EAAAA,WAAWC,cAAY,EAEnD,GAAI,CAACF,EACH,MAAM,IAAI,MAAM,gDAAgD,EAGlE,OAAOA,CACT"}

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1 @@
+export declare const useToast: () => import('./ToastContext').ToastContextType;

package/dist/components/Toast/useToast.js

@@ -0,0 +1,13 @@
+"use client";
+import { useContext as o } from "react";
+import { ToastContext as e } from "./ToastContext.js";
+const n = () => {
+  const t = o(e);
+  if (!t)
+    throw new Error("useToast has to be used within <ToastProvider>");
+  return t;
+};
+export {
+  n as useToast
+};
+//# sourceMappingURL=useToast.js.map

package/dist/components/Toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport { ToastContext } from './ToastContext';\n\nexport const useToast = () => {\n  const currentToastContext = useContext(ToastContext);\n\n  if (!currentToastContext) {\n    throw new Error('useToast has to be used within <ToastProvider>');\n  }\n\n  return currentToastContext;\n};\n"],"names":["useToast","currentToastContext","useContext","ToastContext"],"mappings":";;;AAKO,MAAMA,IAAW,MAAM;AAC5B,QAAMC,IAAsBC,EAAWC,CAAY;AAEnD,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,gDAAgD;AAGlE,SAAOA;AACT;"}

package/dist/components/Toast/useToastBarStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),o=require("../../hooks/useClassNamePrefix.cjs"),$=require("./constants.cjs"),b=a=>{const{color:e,isDismissible:r,...n}=a,s=o.useClassNamePrefix("ToastBar"),l=`${s}__box`,i=`${s}__close`,c=`${s}__container`,C=`${s}__content`,B=`${s}__link`,u=o.useClassNamePrefix("link-underlined"),_=`${s}--${e||$.ToastColorsExtended.NEUTRAL}`,d=`${s}--dismissible`,m=t(s,_,r&&d),P=t(B,u);return{classProps:{root:m,box:l,close:i,container:c,content:C,link:P},props:n}};exports.useToastBarStyleProps=b;
+//# sourceMappingURL=useToastBarStyleProps.cjs.map

package/dist/components/Toast/useToastBarStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastBarStyleProps.cjs","sources":["../../../src/components/Toast/useToastBarStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ToastBarProps } from '../../types';\nimport { ToastColorsExtended } from '.';\n\nexport const useToastBarStyleProps = (props: ToastBarProps) => {\n  const { color, isDismissible, ...restProps } = props;\n\n  const toastBarClass = useClassNamePrefix('ToastBar');\n  const toastBarBoxClass = `${toastBarClass}__box`;\n  const toastBarCloseClass = `${toastBarClass}__close`;\n  const toastBarContainerClass = `${toastBarClass}__container`;\n  const toastBarContentClass = `${toastBarClass}__content`;\n  const toastBarLinkClass = `${toastBarClass}__link`;\n  const toastBarLinkUnderlinedClass = useClassNamePrefix('link-underlined');\n  const toastBarColorClass = `${toastBarClass}--${color || ToastColorsExtended.NEUTRAL}`;\n  const toastBarDismissibleClass = `${toastBarClass}--dismissible`;\n  const toastBarRootClasses = classNames(toastBarClass, toastBarColorClass, isDismissible && toastBarDismissibleClass);\n  const toastBarLinkClasses = classNames(toastBarLinkClass, toastBarLinkUnderlinedClass);\n\n  return {\n    classProps: {\n      root: toastBarRootClasses,\n      box: toastBarBoxClass,\n      close: toastBarCloseClass,\n      container: toastBarContainerClass,\n      content: toastBarContentClass,\n      link: toastBarLinkClasses,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useToastBarStyleProps","props","color","isDismissible","restProps","toastBarClass","useClassNamePrefix","toastBarBoxClass","toastBarCloseClass","toastBarContainerClass","toastBarContentClass","toastBarLinkClass","toastBarLinkUnderlinedClass","toastBarColorClass","ToastColorsExtended","toastBarDismissibleClass","toastBarRootClasses","classNames","toastBarLinkClasses"],"mappings":"2LAKaA,EAAyBC,GAAyB,CAC7D,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAe,GAAGC,GAAcH,EAEzCI,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAmB,GAAGF,CAAa,QACnCG,EAAqB,GAAGH,CAAa,UACrCI,EAAyB,GAAGJ,CAAa,cACzCK,EAAuB,GAAGL,CAAa,YACvCM,EAAoB,GAAGN,CAAa,SACpCO,EAA8BN,EAAAA,mBAAmB,iBAAiB,EAClEO,EAAqB,GAAGR,CAAa,KAAKH,GAASY,EAAAA,oBAAoB,OAAO,GAC9EC,EAA2B,GAAGV,CAAa,gBAC3CW,EAAsBC,EAAWZ,EAAeQ,EAAoBV,GAAiBY,CAAwB,EAC7GG,EAAsBD,EAAWN,EAAmBC,CAA2B,EAErF,MAAO,CACL,WAAY,CACV,KAAMI,EACN,IAAKT,EACL,MAAOC,EACP,UAAWC,EACX,QAASC,EACT,KAAMQ,CAAA,EAER,MAAOd,CAAA,CAEX"}

package/dist/components/Toast/useToastBarStyleProps.d.ts

@@ -0,0 +1,31 @@
+import { ToastBarProps } from '../../types';
+export declare const useToastBarStyleProps: (props: ToastBarProps) => {
+    classProps: {
+        root: string;
+        box: string;
+        close: string;
+        container: string;
+        content: string;
+        link: string;
+    };
+    props: {
+        closeLabel?: string;
+        hasIcon?: boolean;
+        iconName?: string;
+        children?: React.ReactNode | string;
+        theme?: import('../..').ThemeNameType;
+        UNSAFE_className?: string;
+        UNSAFE_style?: React.CSSProperties;
+        margin?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginTop?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginRight?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginBottom?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginLeft?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginX?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginY?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        hideOn?: import('../..').BreakpointToken | import('../..').BreakpointToken[];
+        hideFrom?: import('../..').BreakpointToken;
+        isOpen?: boolean;
+        onClose?: () => void;
+    };
+};

package/dist/components/Toast/useToastBarStyleProps.js

@@ -0,0 +1,21 @@
+import o from "classnames";
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+import { ToastColorsExtended as k } from "./constants.js";
+const f = (a) => {
+  const { color: r, isDismissible: n, ...e } = a, s = t("ToastBar"), l = `${s}__box`, i = `${s}__close`, c = `${s}__container`, C = `${s}__content`, B = `${s}__link`, m = t("link-underlined"), _ = `${s}--${r || k.NEUTRAL}`, p = `${s}--dismissible`, $ = o(s, _, n && p), d = o(B, m);
+  return {
+    classProps: {
+      root: $,
+      box: l,
+      close: i,
+      container: c,
+      content: C,
+      link: d
+    },
+    props: e
+  };
+};
+export {
+  f as useToastBarStyleProps
+};
+//# sourceMappingURL=useToastBarStyleProps.js.map

package/dist/components/Toast/useToastBarStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastBarStyleProps.js","sources":["../../../src/components/Toast/useToastBarStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ToastBarProps } from '../../types';\nimport { ToastColorsExtended } from '.';\n\nexport const useToastBarStyleProps = (props: ToastBarProps) => {\n  const { color, isDismissible, ...restProps } = props;\n\n  const toastBarClass = useClassNamePrefix('ToastBar');\n  const toastBarBoxClass = `${toastBarClass}__box`;\n  const toastBarCloseClass = `${toastBarClass}__close`;\n  const toastBarContainerClass = `${toastBarClass}__container`;\n  const toastBarContentClass = `${toastBarClass}__content`;\n  const toastBarLinkClass = `${toastBarClass}__link`;\n  const toastBarLinkUnderlinedClass = useClassNamePrefix('link-underlined');\n  const toastBarColorClass = `${toastBarClass}--${color || ToastColorsExtended.NEUTRAL}`;\n  const toastBarDismissibleClass = `${toastBarClass}--dismissible`;\n  const toastBarRootClasses = classNames(toastBarClass, toastBarColorClass, isDismissible && toastBarDismissibleClass);\n  const toastBarLinkClasses = classNames(toastBarLinkClass, toastBarLinkUnderlinedClass);\n\n  return {\n    classProps: {\n      root: toastBarRootClasses,\n      box: toastBarBoxClass,\n      close: toastBarCloseClass,\n      container: toastBarContainerClass,\n      content: toastBarContentClass,\n      link: toastBarLinkClasses,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useToastBarStyleProps","props","color","isDismissible","restProps","toastBarClass","useClassNamePrefix","toastBarBoxClass","toastBarCloseClass","toastBarContainerClass","toastBarContentClass","toastBarLinkClass","toastBarLinkUnderlinedClass","toastBarColorClass","ToastColorsExtended","toastBarDismissibleClass","toastBarRootClasses","classNames","toastBarLinkClasses"],"mappings":";;;AAKO,MAAMA,IAAwB,CAACC,MAAyB;AAC7D,QAAM,EAAE,OAAAC,GAAO,eAAAC,GAAe,GAAGC,MAAcH,GAEzCI,IAAgBC,EAAmB,UAAU,GAC7CC,IAAmB,GAAGF,CAAa,SACnCG,IAAqB,GAAGH,CAAa,WACrCI,IAAyB,GAAGJ,CAAa,eACzCK,IAAuB,GAAGL,CAAa,aACvCM,IAAoB,GAAGN,CAAa,UACpCO,IAA8BN,EAAmB,iBAAiB,GAClEO,IAAqB,GAAGR,CAAa,KAAKH,KAASY,EAAoB,OAAO,IAC9EC,IAA2B,GAAGV,CAAa,iBAC3CW,IAAsBC,EAAWZ,GAAeQ,GAAoBV,KAAiBY,CAAwB,GAC7GG,IAAsBD,EAAWN,GAAmBC,CAA2B;AAErF,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMI;AAAA,MACN,KAAKT;AAAA,MACL,OAAOC;AAAA,MACP,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,MAAMQ;AAAA,IAAA;AAAA,IAER,OAAOd;AAAA,EAAA;AAEX;"}

package/dist/components/Toast/useToastIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../hooks/useIconName.cjs"),s=require("./constants.cjs");function c({color:e,iconName:n}){const o=t.useIconName(e,{danger:"danger",informative:"info",neutral:"info",success:"check-plain",warning:"warning"},s.DEFAULT_TOAST_COLOR);return n||o}exports.useToastIcon=c;
+//# sourceMappingURL=useToastIcon.cjs.map

package/dist/components/Toast/useToastIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastIcon.cjs","sources":["../../../src/components/Toast/useToastIcon.ts"],"sourcesContent":["import { useIconName } from '../../hooks/useIconName';\nimport { type SpiritToastBarProps } from '../../types';\nimport { DEFAULT_TOAST_COLOR } from './constants';\n\nexport function useToastIcon({ color, iconName }: Partial<SpiritToastBarProps>) {\n  const iconNameValue = useIconName(\n    color as string,\n    {\n      danger: 'danger',\n      informative: 'info',\n      neutral: 'info',\n      success: 'check-plain',\n      warning: 'warning',\n    },\n    DEFAULT_TOAST_COLOR,\n  );\n\n  return iconName || iconNameValue;\n}\n"],"names":["useToastIcon","color","iconName","iconNameValue","useIconName","DEFAULT_TOAST_COLOR"],"mappings":"4JAIO,SAASA,EAAa,CAAE,MAAAC,EAAO,SAAAC,GAA0C,CAC9E,MAAMC,EAAgBC,EAAAA,YACpBH,EACA,CACE,OAAQ,SACR,YAAa,OACb,QAAS,OACT,QAAS,cACT,QAAS,SAAA,EAEXI,EAAAA,mBAAA,EAGF,OAAOH,GAAYC,CACrB"}

package/dist/components/Toast/useToastIcon.d.ts

@@ -0,0 +1,2 @@
+import { SpiritToastBarProps } from '../../types';
+export declare function useToastIcon({ color, iconName }: Partial<SpiritToastBarProps>): string;

package/dist/components/Toast/useToastIcon.js

@@ -0,0 +1,20 @@
+import { useIconName as r } from "../../hooks/useIconName.js";
+import { DEFAULT_TOAST_COLOR as i } from "./constants.js";
+function c({ color: n, iconName: e }) {
+  const o = r(
+    n,
+    {
+      danger: "danger",
+      informative: "info",
+      neutral: "info",
+      success: "check-plain",
+      warning: "warning"
+    },
+    i
+  );
+  return e || o;
+}
+export {
+  c as useToastIcon
+};
+//# sourceMappingURL=useToastIcon.js.map

package/dist/components/Toast/useToastIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastIcon.js","sources":["../../../src/components/Toast/useToastIcon.ts"],"sourcesContent":["import { useIconName } from '../../hooks/useIconName';\nimport { type SpiritToastBarProps } from '../../types';\nimport { DEFAULT_TOAST_COLOR } from './constants';\n\nexport function useToastIcon({ color, iconName }: Partial<SpiritToastBarProps>) {\n  const iconNameValue = useIconName(\n    color as string,\n    {\n      danger: 'danger',\n      informative: 'info',\n      neutral: 'info',\n      success: 'check-plain',\n      warning: 'warning',\n    },\n    DEFAULT_TOAST_COLOR,\n  );\n\n  return iconName || iconNameValue;\n}\n"],"names":["useToastIcon","color","iconName","iconNameValue","useIconName","DEFAULT_TOAST_COLOR"],"mappings":";;AAIO,SAASA,EAAa,EAAE,OAAAC,GAAO,UAAAC,KAA0C;AAC9E,QAAMC,IAAgBC;AAAA,IACpBH;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEXI;AAAA,EAAA;AAGF,SAAOH,KAAYC;AACrB;"}

package/dist/components/Toast/useToastStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("classnames"),m=require("../../hooks/useClassNamePrefix.cjs");function q(o){const{alignmentX:l,alignmentY:r,isCollapsible:a,...u}=o,s=m.useClassNamePrefix("Toast");function c(C){return C.map(e=>typeof e=="object"&&e!==null?Object.keys(e).reduce(($,t)=>{const f=t==="mobile"?"":`--${t}`;return[...$,`${s}${f}--${e[t]}`]},[]):[`${s}--${e}`])}const n=[...c([l,r])],i=`${s}--collapsible`,p=P(s,a&&i,...n),b=`${s}__queue`;return{classProps:{root:p,queue:b},props:u}}exports.useToastStyleProps=q;
+//# sourceMappingURL=useToastStyleProps.cjs.map

package/dist/components/Toast/useToastStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastStyleProps.cjs","sources":["../../../src/components/Toast/useToastStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritToastProps } from '../../types';\n\nexport interface ToastStyles<T> {\n  classProps: {\n    root: string;\n    queue: string;\n  };\n  props: T;\n}\n\nexport function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps> {\n  const { alignmentX, alignmentY, isCollapsible, ...restProps } = props;\n\n  const toastClass = useClassNamePrefix('Toast');\n\n  function processAlignments(alignments: Array<SpiritToastProps['alignmentX'] | SpiritToastProps['alignmentY']>) {\n    return alignments.map((alignment) =>\n      typeof alignment === 'object' && alignment !== null\n        ? Object.keys(alignment).reduce<string[]>((acc, key) => {\n            const infix = key === 'mobile' ? '' : `--${key}`;\n\n            return [...acc, `${toastClass}${infix}--${alignment[key as keyof typeof alignment]}`];\n          }, [])\n        : [`${toastClass}--${alignment}`],\n    );\n  }\n\n  const alignmentClasses = [...processAlignments([alignmentX, alignmentY])];\n  const collapsibleClass = `${toastClass}--collapsible`;\n\n  const toastRootClass = classNames(toastClass, isCollapsible && collapsibleClass, ...alignmentClasses);\n  const toastQueueClass = `${toastClass}__queue`;\n\n  return {\n    classProps: {\n      root: toastRootClass,\n      queue: toastQueueClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useToastStyleProps","props","alignmentX","alignmentY","isCollapsible","restProps","toastClass","useClassNamePrefix","processAlignments","alignments","alignment","acc","key","infix","alignmentClasses","collapsibleClass","toastRootClass","classNames","toastQueueClass"],"mappings":"8JAYO,SAASA,EAAmBC,EAAwD,CACzF,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,cAAAC,EAAe,GAAGC,GAAcJ,EAE1DK,EAAaC,EAAAA,mBAAmB,OAAO,EAE7C,SAASC,EAAkBC,EAAoF,CAC7G,OAAOA,EAAW,IAAKC,GACrB,OAAOA,GAAc,UAAYA,IAAc,KAC3C,OAAO,KAAKA,CAAS,EAAE,OAAiB,CAACC,EAAKC,IAAQ,CACpD,MAAMC,EAAQD,IAAQ,SAAW,GAAK,KAAKA,CAAG,GAE9C,MAAO,CAAC,GAAGD,EAAK,GAAGL,CAAU,GAAGO,CAAK,KAAKH,EAAUE,CAA6B,CAAC,EAAE,CACtF,EAAG,CAAA,CAAE,EACL,CAAC,GAAGN,CAAU,KAAKI,CAAS,EAAE,CAAA,CAEtC,CAEA,MAAMI,EAAmB,CAAC,GAAGN,EAAkB,CAACN,EAAYC,CAAU,CAAC,CAAC,EAClEY,EAAmB,GAAGT,CAAU,gBAEhCU,EAAiBC,EAAWX,EAAYF,GAAiBW,EAAkB,GAAGD,CAAgB,EAC9FI,EAAkB,GAAGZ,CAAU,UAErC,MAAO,CACL,WAAY,CACV,KAAMU,EACN,MAAOE,CAAA,EAET,MAAOb,CAAA,CAEX"}

package/dist/components/Toast/useToastStyleProps.d.ts

@@ -0,0 +1,9 @@
+import { SpiritToastProps } from '../../types';
+export interface ToastStyles<T> {
+    classProps: {
+        root: string;
+        queue: string;
+    };
+    props: T;
+}
+export declare function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps>;

package/dist/components/Toast/useToastStyleProps.js

@@ -0,0 +1,25 @@
+import b from "classnames";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+function q(e) {
+  const { alignmentX: l, alignmentY: r, isCollapsible: a, ...c } = e, s = P("Toast");
+  function n($) {
+    return $.map(
+      (o) => typeof o == "object" && o !== null ? Object.keys(o).reduce((f, t) => {
+        const C = t === "mobile" ? "" : `--${t}`;
+        return [...f, `${s}${C}--${o[t]}`];
+      }, []) : [`${s}--${o}`]
+    );
+  }
+  const u = [...n([l, r])], p = `${s}--collapsible`, i = b(s, a && p, ...u), m = `${s}__queue`;
+  return {
+    classProps: {
+      root: i,
+      queue: m
+    },
+    props: c
+  };
+}
+export {
+  q as useToastStyleProps
+};
+//# sourceMappingURL=useToastStyleProps.js.map

package/dist/components/Toast/useToastStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastStyleProps.js","sources":["../../../src/components/Toast/useToastStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritToastProps } from '../../types';\n\nexport interface ToastStyles<T> {\n  classProps: {\n    root: string;\n    queue: string;\n  };\n  props: T;\n}\n\nexport function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps> {\n  const { alignmentX, alignmentY, isCollapsible, ...restProps } = props;\n\n  const toastClass = useClassNamePrefix('Toast');\n\n  function processAlignments(alignments: Array<SpiritToastProps['alignmentX'] | SpiritToastProps['alignmentY']>) {\n    return alignments.map((alignment) =>\n      typeof alignment === 'object' && alignment !== null\n        ? Object.keys(alignment).reduce<string[]>((acc, key) => {\n            const infix = key === 'mobile' ? '' : `--${key}`;\n\n            return [...acc, `${toastClass}${infix}--${alignment[key as keyof typeof alignment]}`];\n          }, [])\n        : [`${toastClass}--${alignment}`],\n    );\n  }\n\n  const alignmentClasses = [...processAlignments([alignmentX, alignmentY])];\n  const collapsibleClass = `${toastClass}--collapsible`;\n\n  const toastRootClass = classNames(toastClass, isCollapsible && collapsibleClass, ...alignmentClasses);\n  const toastQueueClass = `${toastClass}__queue`;\n\n  return {\n    classProps: {\n      root: toastRootClass,\n      queue: toastQueueClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useToastStyleProps","props","alignmentX","alignmentY","isCollapsible","restProps","toastClass","useClassNamePrefix","processAlignments","alignments","alignment","acc","key","infix","alignmentClasses","collapsibleClass","toastRootClass","classNames","toastQueueClass"],"mappings":";;AAYO,SAASA,EAAmBC,GAAwD;AACzF,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,eAAAC,GAAe,GAAGC,MAAcJ,GAE1DK,IAAaC,EAAmB,OAAO;AAE7C,WAASC,EAAkBC,GAAoF;AAC7G,WAAOA,EAAW;AAAA,MAAI,CAACC,MACrB,OAAOA,KAAc,YAAYA,MAAc,OAC3C,OAAO,KAAKA,CAAS,EAAE,OAAiB,CAACC,GAAKC,MAAQ;AACpD,cAAMC,IAAQD,MAAQ,WAAW,KAAK,KAAKA,CAAG;AAE9C,eAAO,CAAC,GAAGD,GAAK,GAAGL,CAAU,GAAGO,CAAK,KAAKH,EAAUE,CAA6B,CAAC,EAAE;AAAA,MACtF,GAAG,CAAA,CAAE,IACL,CAAC,GAAGN,CAAU,KAAKI,CAAS,EAAE;AAAA,IAAA;AAAA,EAEtC;AAEA,QAAMI,IAAmB,CAAC,GAAGN,EAAkB,CAACN,GAAYC,CAAU,CAAC,CAAC,GAClEY,IAAmB,GAAGT,CAAU,iBAEhCU,IAAiBC,EAAWX,GAAYF,KAAiBW,GAAkB,GAAGD,CAAgB,GAC9FI,IAAkB,GAAGZ,CAAU;AAErC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMU;AAAA,MACN,OAAOE;AAAA,IAAA;AAAA,IAET,OAAOb;AAAA,EAAA;AAEX;"}

package/dist/components/Toast.d.ts

@@ -0,0 +1,2 @@
+export * from './Toast/index'
+export {}

package/dist/components/Toggle/Toggle.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),R=require("classnames"),n=require("react"),C=require("../../hooks/styleProps.cjs"),k=require("../../hooks/useAriaDescribedBy.cjs"),D=require("../Field/HelperText.cjs"),V=require("../Field/Label.cjs"),B=require("../Field/useAriaIds.cjs"),F=require("../Field/ValidationText.cjs"),E=require("../Field/useValidationTextRole.cjs"),I=require("./useToggleStyleProps.cjs"),U=(d,u)=>{const{classProps:e,props:p}=I.useToggleStyleProps(d),{"aria-describedby":g="",hasValidationIcon:x,id:t,isDisabled:h,isChecked:T=!1,isRequired:y,label:b,helperText:m,onChange:q=()=>{},validationState:r,validationText:a,...N}=p,{styleProps:o,props:P}=C.useStyleProps(N),[S,l]=B.default(g),f=k.useAriaDescribedBy(S),[_,j]=n.useState(T),v=E.useValidationTextRole({validationState:r,validationText:a}),A=c=>{j(c.target.checked),q(c)};return s.jsxs("div",{style:o.style,className:R(e.root,o.className),children:[s.jsxs("div",{className:e.text,children:[s.jsx(V.default,{UNSAFE_className:e.label,htmlFor:t,children:b}),s.jsx(D.default,{UNSAFE_className:e.helperText,id:`${t}__helperText`,registerAria:l,helperText:m}),r&&s.jsx(F.default,{UNSAFE_className:e.validationText,...x&&{hasValidationStateIcon:r},id:`${t}__validationText`,validationText:a,registerAria:l,role:v})]}),s.jsx("input",{...P,...f,type:"checkbox",id:t,className:e.input,disabled:h,checked:_,required:y,onChange:A,ref:u})]})},i=n.forwardRef(U);i.spiritComponent="Toggle";i.displayName="Toggle";exports.default=i;
+//# sourceMappingURL=Toggle.cjs.map

package/dist/components/Toggle/Toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.cjs","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritToggleProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { useToggleStyleProps } from './useToggleStyleProps';\n\nconst _Toggle = (props: SpiritToggleProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { classProps, props: modifiedProps } = useToggleStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isChecked = false,\n    isRequired,\n    label,\n    helperText,\n    onChange = () => {},\n    validationState,\n    validationText,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const [checked, setChecked] = useState(isChecked);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setChecked(event.target.checked);\n    onChange(event);\n  };\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n        {validationState && (\n          <ValidationText\n            UNSAFE_className={classProps.validationText}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            id={`${id}__validationText`}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={checked}\n        required={isRequired}\n        onChange={handleOnChange}\n        ref={ref}\n      />\n    </div>\n  );\n};\n\nconst Toggle = forwardRef<HTMLInputElement, SpiritToggleProps>(_Toggle) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritToggleProps\n>;\n\nToggle.spiritComponent = 'Toggle';\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["_Toggle","props","ref","classProps","modifiedProps","useToggleStyleProps","ariaDescribedBy","hasValidationIcon","id","isDisabled","isChecked","isRequired","label","helperText","onChange","validationState","validationText","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","checked","setChecked","useState","validationTextRole","useValidationTextRole","handleOnChange","event","jsxs","classNames","jsx","Label","HelperText","ValidationText","Toggle","forwardRef"],"mappings":"2gBAUMA,EAAU,CAACC,EAA0BC,IAAwC,CACjF,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,oBAAoBJ,CAAK,EAChE,CACJ,mBAAoBK,EAAkB,GACtC,kBAAAC,EACA,GAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,IAAM,CAAC,EAClB,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDb,EACE,CAAA,WAAEc,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3D,CAACI,EAAKC,CAAQ,EAAIC,EAAAA,QAAWjB,CAAe,EAC5CkB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5C,CAACK,EAASC,CAAU,EAAIC,EAAAA,SAASlB,CAAS,EAC1CmB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAf,EACA,eAAAC,CAAA,CACD,EAEKe,EAAkBC,GAAyC,CAC/DL,EAAWK,EAAM,OAAO,OAAO,EAC/BlB,EAASkB,CAAK,CAChB,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAI,MAAOf,EAAW,MAAO,UAAWgB,EAAW/B,EAAW,KAAMe,EAAW,SAAS,EACvF,SAAA,CAAAe,EAAAA,KAAC,MAAA,CAAI,UAAW9B,EAAW,KACzB,SAAA,CAAAgC,MAACC,EAAAA,SAAM,iBAAkBjC,EAAW,MAAO,QAASK,EACjD,SAAAI,EACH,EACAuB,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBlC,EAAW,WAC7B,GAAI,GAAGK,CAAE,eACT,aAAcc,EACd,WAAAT,CAAA,CAAA,EAEDE,GACCoB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBnC,EAAW,eAC5B,GAAII,GAAqB,CAAE,uBAAwBQ,CAAA,EACpD,GAAI,GAAGP,CAAE,mBACT,eAAAQ,EACA,aAAcM,EACd,KAAMO,CAAA,CAAA,CACR,EAEJ,EACAM,EAAAA,IAAC,QAAA,CACE,GAAGhB,EACH,GAAGK,EACJ,KAAK,WACL,GAAAhB,EACA,UAAWL,EAAW,MACtB,SAAUM,EACV,QAAAiB,EACA,SAAUf,EACV,SAAUoB,EACV,IAAA7B,CAAA,CAAA,CACF,EACF,CAEJ,EAEMqC,EAASC,EAAAA,WAAgDxC,CAAO,EAKtEuC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritToggleProps } from '../../types';
+declare const Toggle: ForwardRefComponent<HTMLInputElement, SpiritToggleProps>;
+export default Toggle;