@powerhousedao/design-system 6.2.3-dev.8 → 6.2.3-dev.80

package/dist/combobox.impl-CQHG0NgO.js

@@ -0,0 +1,144 @@
+import { t as Icon } from "./icon-DQ2yrWYv.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@powerhousedao/reactor-browser";
+import Select, { components } from "react-select";
+//#region src/connect/components/combobox/combobox.impl.tsx
+function DropdownIndicator(props) {
+	return /* @__PURE__ */ jsx(components.DropdownIndicator, {
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: "ChevronDown",
+			size: 16
+		})
+	});
+}
+function ClearIndicator(props) {
+	return /* @__PURE__ */ jsx(components.ClearIndicator, {
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: "Xmark",
+			size: 16
+		})
+	});
+}
+function MenuList(props) {
+	const { label, onClick, ...rest } = props;
+	const hasAddItemButton = !!label && !!onClick;
+	return /* @__PURE__ */ jsxs(components.MenuList, {
+		...rest,
+		children: [props.children, hasAddItemButton ? /* @__PURE__ */ jsx("button", {
+			className: "w-full px-2 py-3 hover:hover-effect",
+			onClick,
+			children: label
+		}) : null]
+	});
+}
+function Combobox(props) {
+	const invalid = props["aria-invalid"] === "true";
+	const { addItemButtonProps, ...rest } = props;
+	const { theme } = useTheme();
+	const dark = theme === "dark";
+	return /* @__PURE__ */ jsx(Select, {
+		...rest,
+		components: {
+			DropdownIndicator,
+			ClearIndicator,
+			MenuList: (menuListProps) => MenuList({
+				...menuListProps,
+				...addItemButtonProps
+			})
+		},
+		classNames: { menuList: () => "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-rounded-md scrollbar-thumb-border" },
+		styles: {
+			dropdownIndicator: () => {
+				return {
+					label: "indicatorContainer",
+					display: "flex",
+					transition: "color 150ms",
+					color: dark ? "var(--color-slate-50)" : "var(--color-gray-900)",
+					padding: 8,
+					boxSizing: "border-box"
+				};
+			},
+			clearIndicator: (baseStyles) => {
+				return {
+					...baseStyles,
+					color: dark ? "var(--color-slate-50)" : "var(--color-gray-900)"
+				};
+			},
+			container: (baseStyles) => {
+				return {
+					...baseStyles,
+					borderColor: dark ? "var(--color-slate-700)" : "var(--color-gray-200)",
+					fontSize: 12
+				};
+			},
+			placeholder: (baseStyles) => {
+				return {
+					...baseStyles,
+					color: invalid ? dark ? "var(--color-red-400)" : "var(--color-red-900)" : dark ? "var(--color-slate-100)" : "var(--color-gray-500)"
+				};
+			},
+			control: () => {
+				return {
+					label: "control",
+					alignItems: "center",
+					cursor: "default",
+					display: "flex",
+					flexWrap: "wrap",
+					justifyContent: "space-between",
+					minHeight: 32,
+					outline: "0 !important",
+					position: "relative",
+					transition: "all 100ms",
+					backgroundColor: dark ? "var(--color-slate-800)" : "var(--color-white)",
+					borderColor: invalid ? dark ? "var(--color-red-400)" : "var(--color-red-900)" : dark ? "var(--color-slate-600)" : "var(--color-gray-200)",
+					borderStyle: "solid",
+					borderWidth: 1,
+					borderRadius: "6px",
+					boxSizing: "border-box"
+				};
+			},
+			option: (baseStyles, state) => {
+				return {
+					...baseStyles,
+					backgroundColor: state.isSelected ? dark ? "var(--color-slate-700)" : "var(--color-slate-50)" : dark ? "var(--color-slate-800)" : "var(--color-white)",
+					color: dark ? "var(--color-slate-50)" : "var(--color-gray-800)",
+					":hover": { backgroundColor: dark ? "var(--color-slate-700)" : "var(--color-slate-50)" }
+				};
+			},
+			menuList: (baseStyles) => ({
+				...baseStyles,
+				padding: 0,
+				borderRadius: "6px"
+			})
+		},
+		theme: (theme) => ({
+			...theme,
+			colors: {
+				...theme.colors,
+				primary: dark ? "var(--color-slate-700)" : "var(--color-slate-100)",
+				primary25: dark ? "var(--color-slate-800)" : "var(--color-slate-50)",
+				primary50: dark ? "var(--color-slate-700)" : "var(--color-slate-100)",
+				primary75: dark ? "var(--color-slate-700)" : "var(--color-slate-100)",
+				danger: dark ? "var(--color-red-400)" : "var(--color-red-900)",
+				dangerLight: dark ? "var(--color-red-900)" : "var(--color-red-100)",
+				neutral0: dark ? "var(--color-slate-800)" : "var(--color-white)",
+				neutral5: dark ? "var(--color-slate-800)" : "var(--color-gray-50)",
+				neutral10: dark ? "var(--color-slate-700)" : "var(--color-gray-100)",
+				neutral20: dark ? "var(--color-slate-600)" : "var(--color-gray-200)",
+				neutral30: dark ? "var(--color-slate-600)" : "var(--color-gray-300)",
+				neutral40: dark ? "var(--color-slate-400)" : "var(--color-gray-400)",
+				neutral50: dark ? "var(--color-slate-300)" : "var(--color-gray-500)",
+				neutral60: dark ? "var(--color-slate-200)" : "var(--color-gray-600)",
+				neutral70: dark ? "var(--color-slate-100)" : "var(--color-gray-700)",
+				neutral80: dark ? "var(--color-slate-50)" : "var(--color-gray-800)",
+				neutral90: dark ? "var(--color-slate-50)" : "var(--color-gray-900)"
+			}
+		})
+	});
+}
+//#endregion
+export { Combobox };
+
+//# sourceMappingURL=combobox.impl-CQHG0NgO.js.map

package/dist/combobox.impl-CQHG0NgO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.impl-CQHG0NgO.js","names":["Icon","useTheme","Select","components","DropdownIndicator","props","ClearIndicator","MenuList","label","onClick","rest","hasAddItemButton","children","Combobox","invalid","addItemButtonProps","theme","dark","menuListProps","menuList","dropdownIndicator","display","transition","color","padding","boxSizing","clearIndicator","baseStyles","container","borderColor","fontSize","placeholder","control","alignItems","cursor","flexWrap","justifyContent","minHeight","outline","position","backgroundColor","borderStyle","borderWidth","borderRadius","option","state","isSelected","colors","primary","primary25","primary50","primary75","danger","dangerLight","neutral0","neutral5","neutral10","neutral20","neutral30","neutral40","neutral50","neutral60","neutral70","neutral80","neutral90"],"sources":["../src/connect/components/combobox/combobox.impl.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { useTheme } from \"@powerhousedao/reactor-browser\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type {\n  ClearIndicatorProps,\n  DropdownIndicatorProps,\n  MenuListProps,\n} from \"react-select\";\nimport Select, { components } from \"react-select\";\n\ntype SelectProps = ComponentPropsWithoutRef<typeof Select>;\n\ntype Props = Omit<SelectProps, \"components\" | \"styles\" | \"theme\"> & {\n  readonly addItemButtonProps?: {\n    label?: ReactNode;\n    onClick?: () => void;\n  };\n};\n\nfunction DropdownIndicator(props: DropdownIndicatorProps) {\n  return (\n    <components.DropdownIndicator {...props}>\n      <Icon name=\"ChevronDown\" size={16} />\n    </components.DropdownIndicator>\n  );\n}\n\nfunction ClearIndicator(props: ClearIndicatorProps) {\n  return (\n    <components.ClearIndicator {...props}>\n      <Icon name=\"Xmark\" size={16} />\n    </components.ClearIndicator>\n  );\n}\n\nfunction MenuList(\n  props: MenuListProps & {\n    readonly label?: ReactNode;\n    readonly onClick?: () => void;\n  },\n) {\n  const { label, onClick, ...rest } = props;\n\n  const hasAddItemButton = !!label && !!onClick;\n\n  return (\n    <components.MenuList {...rest}>\n      {props.children}\n      {hasAddItemButton ? (\n        <button\n          className=\"w-full px-2 py-3 hover:hover-effect\"\n          onClick={onClick}\n        >\n          {label}\n        </button>\n      ) : null}\n    </components.MenuList>\n  );\n}\n\nexport function Combobox(props: Props) {\n  const invalid = props[\"aria-invalid\"] === \"true\";\n  const { addItemButtonProps, ...rest } = props;\n  const { theme } = useTheme();\n  const dark = theme === \"dark\";\n\n  return (\n    <Select\n      {...rest}\n      components={{\n        DropdownIndicator,\n        ClearIndicator,\n        MenuList: (menuListProps) =>\n          MenuList({ ...menuListProps, ...addItemButtonProps }),\n      }}\n      classNames={{\n        menuList: () =>\n          \"scrollbar-thin scrollbar-track-transparent scrollbar-thumb-rounded-md scrollbar-thumb-border\",\n      }}\n      styles={{\n        dropdownIndicator: () => {\n          return {\n            label: \"indicatorContainer\",\n            display: \"flex\",\n            transition: \"color 150ms\",\n            color: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-900)\",\n            padding: 8,\n            boxSizing: \"border-box\",\n          };\n        },\n        clearIndicator: (baseStyles) => {\n          return {\n            ...baseStyles,\n            color: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-900)\",\n          };\n        },\n        container: (baseStyles) => {\n          return {\n            ...baseStyles,\n            borderColor: dark\n              ? \"var(--color-slate-700)\"\n              : \"var(--color-gray-200)\",\n            fontSize: 12,\n          };\n        },\n        placeholder: (baseStyles) => {\n          return {\n            ...baseStyles,\n            color: invalid\n              ? dark\n                ? \"var(--color-red-400)\"\n                : \"var(--color-red-900)\"\n              : dark\n                ? \"var(--color-slate-100)\"\n                : \"var(--color-gray-500)\",\n          };\n        },\n        control: () => {\n          return {\n            label: \"control\",\n            alignItems: \"center\",\n            cursor: \"default\",\n            display: \"flex\",\n            flexWrap: \"wrap\",\n            justifyContent: \"space-between\",\n            minHeight: 32,\n            outline: \"0 !important\",\n            position: \"relative\",\n            transition: \"all 100ms\",\n            backgroundColor: dark\n              ? \"var(--color-slate-800)\"\n              : \"var(--color-white)\",\n            borderColor: invalid\n              ? dark\n                ? \"var(--color-red-400)\"\n                : \"var(--color-red-900)\"\n              : dark\n                ? \"var(--color-slate-600)\"\n                : \"var(--color-gray-200)\",\n            borderStyle: \"solid\",\n            borderWidth: 1,\n            borderRadius: \"6px\",\n            boxSizing: \"border-box\",\n          };\n        },\n        option: (baseStyles, state) => {\n          return {\n            ...baseStyles,\n            backgroundColor: state.isSelected\n              ? dark\n                ? \"var(--color-slate-700)\"\n                : \"var(--color-slate-50)\"\n              : dark\n                ? \"var(--color-slate-800)\"\n                : \"var(--color-white)\",\n            color: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-800)\",\n            \":hover\": {\n              backgroundColor: dark\n                ? \"var(--color-slate-700)\"\n                : \"var(--color-slate-50)\",\n            },\n          };\n        },\n        menuList: (baseStyles) => ({\n          ...baseStyles,\n          padding: 0,\n          borderRadius: \"6px\",\n        }),\n      }}\n      theme={(theme) => ({\n        ...theme,\n        colors: {\n          ...theme.colors,\n          primary: dark ? \"var(--color-slate-700)\" : \"var(--color-slate-100)\",\n          primary25: dark ? \"var(--color-slate-800)\" : \"var(--color-slate-50)\",\n          primary50: dark ? \"var(--color-slate-700)\" : \"var(--color-slate-100)\",\n          primary75: dark ? \"var(--color-slate-700)\" : \"var(--color-slate-100)\",\n          danger: dark ? \"var(--color-red-400)\" : \"var(--color-red-900)\",\n          dangerLight: dark ? \"var(--color-red-900)\" : \"var(--color-red-100)\",\n          neutral0: dark ? \"var(--color-slate-800)\" : \"var(--color-white)\",\n          neutral5: dark ? \"var(--color-slate-800)\" : \"var(--color-gray-50)\",\n          neutral10: dark ? \"var(--color-slate-700)\" : \"var(--color-gray-100)\",\n          neutral20: dark ? \"var(--color-slate-600)\" : \"var(--color-gray-200)\",\n          neutral30: dark ? \"var(--color-slate-600)\" : \"var(--color-gray-300)\",\n          neutral40: dark ? \"var(--color-slate-400)\" : \"var(--color-gray-400)\",\n          neutral50: dark ? \"var(--color-slate-300)\" : \"var(--color-gray-500)\",\n          neutral60: dark ? \"var(--color-slate-200)\" : \"var(--color-gray-600)\",\n          neutral70: dark ? \"var(--color-slate-100)\" : \"var(--color-gray-700)\",\n          neutral80: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-800)\",\n          neutral90: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-900)\",\n        },\n      })}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/{command-CbTi7Jj2.d.ts → command-DHHTsHfH.d.ts}

@@ -1,5 +1,4 @@
 import React from "react";
-
 //#region src/ui/components/command/command.d.ts
 declare const Command: React.ForwardRefExoticComponent<Omit<{
   children?: React.ReactNode;
@@ -7,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
   label?: string;
   shouldFilter?: boolean;
   filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -18,11 +17,11 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
   disablePointerSelection?: boolean;
   vimBindings?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
   ref?: React.Ref<HTMLInputElement>;
 } & {
   asChild?: boolean;
-}, keyof React.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "value" | "onChange" | "type"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
   value?: string;
   onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & {
@@ -34,7 +33,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
   label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
@@ -43,7 +42,7 @@ declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
   progress?: number;
   label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -53,14 +52,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
   children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
   heading?: React.ReactNode;
   value?: string;
   forceMount?: boolean;
@@ -71,7 +70,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "onSelect" | "value"> & {
   disabled?: boolean;
   onSelect?: (value: string) => void;
   value?: string;
@@ -80,4 +79,5 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { CommandItem as a, CommandInput as i, CommandEmpty as n, CommandList as o, CommandGroup as r, CommandLoading as s, Command as t };
-//# sourceMappingURL=command-CbTi7Jj2.d.ts.map
+export {};
+//# sourceMappingURL=command-DHHTsHfH.d.ts.map

package/dist/command-DHHTsHfH.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-DHHTsHfH.d.ts","names":[],"sources":["../src/ui/components/command/command.tsx"],"mappings":";;cAKM,SAAO,MAAA,0BAAA;;;;;;;;;;;;;;;;IAYX,MAAA,cAAA,0BAAA,MAAA,cAAA;cAGI,cAAY,MAAA,0BAAA,KAAA,KAAA,KAAA,KAAA,MAAA,kBAAA,MAAA,oBAAA,mBAAA,iCAAA,MAAA,oBAAA;;;;;;;;EAGK;IAmCrB,MAAA,cAAA;cAGI,aAAW,MAAA,0BAAA;;;;;;;;IAiBf,MAAA,cAAA,0BAAA,MAAA,cAAA;cAGI,gBAAc,MAAA,0BAAA;;;;;;;;;IAGgD,MAAA,cAAA,0BAAA,MAAA,cAAA;cAG9D,cAAY,MAAA,0BAAA;;;;;;6BAGgD,MAAA,eAAA,mBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAG5D,cAAY,MAAA,0BAAA;;;;;;;;;;IAahB,MAAA,cAAA,0BAAA,MAAA,cAAA;cAGI,aAAW,MAAA,0BAAA;;;;;;;;;;;;IAiBf,MAAA,cAAA,0BAAA,MAAA,cAAA"}

package/dist/connect/components/toast/toast.d.ts

@@ -1,17 +1,15 @@
 import { FC } from "react";
-import * as react_toastify0 from "react-toastify";
 import { ToastContainerProps, ToastContent, ToastOptions, TypeOptions } from "react-toastify";
-
 //#region src/connect/components/toast/toast.d.ts
-type ConnectTypeOptions = "connect-success" | "connect-warning" | "connect-loading" | "connect-deleted";
-type ExtendedTypeOptions = TypeOptions | ConnectTypeOptions;
-type ConnectToastOptions = Omit<ToastOptions, "type"> & {
+export type ConnectTypeOptions = "connect-success" | "connect-warning" | "connect-loading" | "connect-deleted";
+export type ExtendedTypeOptions = TypeOptions | ConnectTypeOptions;
+export type ConnectToastOptions = Omit<ToastOptions, "type"> & {
   type: ExtendedTypeOptions;
 };
-declare function isConnectTypeOptions(type: ExtendedTypeOptions): type is ConnectTypeOptions;
-declare function toast(content: ToastContent, options?: ConnectToastOptions): react_toastify0.Id;
-declare function dismiss(toastId?: string | number): void;
-declare const ToastContainer: FC<ToastContainerProps>;
+export declare function isConnectTypeOptions(type: ExtendedTypeOptions): type is ConnectTypeOptions;
+export declare function toast(content: ToastContent, options?: ConnectToastOptions): import("react-toastify").Id;
+export declare function dismiss(toastId?: string | number): void;
+export declare const ToastContainer: FC<ToastContainerProps>;
 //#endregion
-export { ConnectToastOptions, ConnectTypeOptions, ExtendedTypeOptions, ToastContainer, dismiss, isConnectTypeOptions, toast };
+export {};
 //# sourceMappingURL=toast.d.ts.map

package/dist/connect/components/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../../src/connect/components/toast/toast.tsx"],"mappings":";;;;;KAYY,kBAAA;AAAA,KAMA,mBAAA,GAAsB,WAAA,GAAc,kBAAA;AAAA,KAEpC,mBAAA,GAAsB,IAAA,CAAK,YAAA;EACrC,IAAA,EAAM,mBAAA;AAAA;AAAA,iBAGQ,oBAAA,CACd,IAAA,EAAM,mBAAA,GACL,IAAA,IAAQ,kBAAA;AAAA,iBA8CK,KAAA,CAAM,OAAA,EAAS,YAAA,EAAc,OAAA,GAAU,mBAAA,GAAmB,eAAA,CAAA,EAAA;AAAA,iBAO1D,OAAA,CAAQ,OAAA;AAAA,cAaX,cAAA,EAAgB,EAAA,CAAG,mBAAA"}
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../../src/connect/components/toast/toast.tsx"],"mappings":";;;YAYY;YAMA,sBAAsB,cAAc;YAEpC,sBAAsB,KAAK;EACrC,MAAM;;wBAGQ,qBACd,MAAM,sBACL,QAAQ;wBA8CK,MAAM,SAAS,cAAc,UAAU,+CAAmB;wBAO1D,QAAQ;qBAaX,gBAAgB,GAAG"}

package/dist/connect/components/toast/toast.js

@@ -1,5 +1,5 @@
-import { d as PackageAnimation } from "../../../src-CVV6HzQZ.js";
-import { t as Icon } from "../../../icon-C4QOpsdI.js";
+import { d as PackageAnimation } from "../../../src-DhSJCeu5.js";
+import { t as Icon } from "../../../icon-DQ2yrWYv.js";
 import { jsx } from "react/jsx-runtime";
 import { ToastContainer as ToastContainer$1, toast as toast$1 } from "react-toastify";
 //#region src/connect/components/toast/toast.tsx
@@ -42,7 +42,6 @@ function getDefaultOptions(type) {
 					name: "TrashFill",
 					size: 24
 				});
-				break;
 		}
 		return options;
 	}
@@ -50,8 +49,9 @@ function getDefaultOptions(type) {
 }
 function toast(content, options) {
 	const { type = "default", ...restOptions } = options || {};
+	const defaultOptions = getDefaultOptions(type);
 	return toast$1(content, {
-		...getDefaultOptions(type),
+		...defaultOptions,
 		...restOptions
 	});
 }

package/dist/connect/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["Icon","PackageAnimation","ToastContainer","RToastContainer","toast","rToast","isConnectTypeOptions","type","getDefaultOptions","options","icon","content","restOptions","defaultOptions","dismiss","toastId","CloseButton","closeToast","props"],"sources":["../../../../src/connect/components/toast/toast.tsx"],"sourcesContent":["import { Icon, PackageAnimation } from \"#design-system\";\nimport type { FC } from \"react\";\nimport type {\n  ToastContainerProps,\n  ToastContent,\n  ToastOptions,\n  TypeOptions,\n} from \"react-toastify\";\nimport {\n  ToastContainer as RToastContainer,\n  toast as rToast,\n} from \"react-toastify\";\nexport type ConnectTypeOptions =\n  | \"connect-success\"\n  | \"connect-warning\"\n  | \"connect-loading\"\n  | \"connect-deleted\";\n\nexport type ExtendedTypeOptions = TypeOptions | ConnectTypeOptions;\n\nexport type ConnectToastOptions = Omit<ToastOptions, \"type\"> & {\n  type: ExtendedTypeOptions;\n};\n\nexport function isConnectTypeOptions(\n  type: ExtendedTypeOptions,\n): type is ConnectTypeOptions {\n  return (\n    type === \"connect-success\" ||\n    type === \"connect-warning\" ||\n    type === \"connect-loading\" ||\n    type === \"connect-deleted\"\n  );\n}\n\nfunction getDefaultOptions(type: ExtendedTypeOptions): ToastOptions {\n  if (isConnectTypeOptions(type)) {\n    const options: ToastOptions = {};\n\n    switch (type) {\n      case \"connect-success\":\n        options.type = \"success\";\n        options.icon = (\n          <Icon className=\"text-success\" name=\"CheckCircleFill\" size={24} />\n        );\n        break;\n      case \"connect-warning\":\n        options.type = \"warning\";\n        options.icon = (\n          <Icon className=\"text-warning\" name=\"WarningFill\" size={24} />\n        );\n        break;\n      case \"connect-loading\":\n        options.type = \"default\";\n        options.icon = (\n          <PackageAnimation animate loop size={24} color=\"currentColor\" />\n        );\n        break;\n      case \"connect-deleted\":\n        options.type = \"error\";\n        options.icon = (\n          <Icon className=\"text-destructive\" name=\"TrashFill\" size={24} />\n        );\n        break;\n    }\n\n    return options;\n  }\n\n  return { type };\n}\n\nexport function toast(content: ToastContent, options?: ConnectToastOptions) {\n  const { type = \"default\", ...restOptions } = options || {};\n  const defaultOptions = getDefaultOptions(type);\n\n  return rToast(content, { ...defaultOptions, ...restOptions });\n}\n\nexport function dismiss(toastId?: string | number) {\n  return rToast.dismiss(toastId);\n}\n\nconst CloseButton: ToastContainerProps[\"closeButton\"] = ({ closeToast }) => (\n  <button\n    className=\"flex items-center text-muted-foreground hover:hover-effect\"\n    onClick={closeToast}\n  >\n    <Icon name=\"XmarkLight\" size={16} />\n  </button>\n);\n\nexport const ToastContainer: FC<ToastContainerProps> = (props) => (\n  <RToastContainer closeButton={CloseButton} {...props} />\n);\n"],"mappings":";;;;;AAwBA,SAAgBM,qBACdC,MAC4B;AAC5B,QACEA,SAAS,qBACTA,SAAS,qBACTA,SAAS,qBACTA,SAAS;;AAIb,SAASC,kBAAkBD,MAAyC;AAClE,KAAID,qBAAqBC,KAAK,EAAE;EAC9B,MAAME,UAAwB,EAAE;AAEhC,UAAQF,MAAR;GACE,KAAK;AACHE,YAAQF,OAAO;AACfE,YAAQC,OACN,oBAAC,MAAD;KAAM,WAAU;KAAe,MAAK;KAAkB,MAAM;KAC7D,CAAA;AACD;GACF,KAAK;AACHD,YAAQF,OAAO;AACfE,YAAQC,OACN,oBAAC,MAAD;KAAM,WAAU;KAAe,MAAK;KAAc,MAAM;KACzD,CAAA;AACD;GACF,KAAK;AACHD,YAAQF,OAAO;AACfE,YAAQC,OACN,oBAAC,kBAAD;KAAkB,SAAA;KAAQ,MAAA;KAAK,MAAM;KAAI,OAAM;KAChD,CAAA;AACD;GACF,KAAK;AACHD,YAAQF,OAAO;AACfE,YAAQC,OACN,oBAAC,MAAD;KAAM,WAAU;KAAmB,MAAK;KAAY,MAAM;KAC3D,CAAA;AACD;;AAGJ,SAAOD;;AAGT,QAAO,EAAEF,MAAM;;AAGjB,SAAgBH,MAAMO,SAAuBF,SAA+B;CAC1E,MAAM,EAAEF,OAAO,WAAW,GAAGK,gBAAgBH,WAAW,EAAE;AAG1D,QAAOJ,QAAOM,SAAS;EAAE,GAFFH,kBAAkBD,KAAK;EAEF,GAAGK;EAAa,CAAC;;AAG/D,SAAgBE,QAAQC,SAA2B;AACjD,QAAOV,QAAOS,QAAQC,QAAQ;;AAGhC,MAAMC,eAAmD,EAAEC,iBACzD,oBAAC,UAAD;CACE,WAAU;CACV,SAASA;WAET,oBAAC,MAAD;EAAM,MAAK;EAAa,MAAM;EAAG,CAAA;CAEpC,CAAA;AAED,MAAaf,kBAA2CgB,UACtD,oBAAC,kBAAD;CAAiB,aAAaF;CAAa,GAAIE;CAChD,CAAA"}
+{"version":3,"file":"toast.js","names":["Icon","PackageAnimation","ToastContainer","RToastContainer","toast","rToast","isConnectTypeOptions","type","getDefaultOptions","options","icon","content","restOptions","defaultOptions","dismiss","toastId","CloseButton","closeToast","props"],"sources":["../../../../src/connect/components/toast/toast.tsx"],"sourcesContent":["import { Icon, PackageAnimation } from \"#design-system\";\nimport type { FC } from \"react\";\nimport type {\n  ToastContainerProps,\n  ToastContent,\n  ToastOptions,\n  TypeOptions,\n} from \"react-toastify\";\nimport {\n  ToastContainer as RToastContainer,\n  toast as rToast,\n} from \"react-toastify\";\nexport type ConnectTypeOptions =\n  | \"connect-success\"\n  | \"connect-warning\"\n  | \"connect-loading\"\n  | \"connect-deleted\";\n\nexport type ExtendedTypeOptions = TypeOptions | ConnectTypeOptions;\n\nexport type ConnectToastOptions = Omit<ToastOptions, \"type\"> & {\n  type: ExtendedTypeOptions;\n};\n\nexport function isConnectTypeOptions(\n  type: ExtendedTypeOptions,\n): type is ConnectTypeOptions {\n  return (\n    type === \"connect-success\" ||\n    type === \"connect-warning\" ||\n    type === \"connect-loading\" ||\n    type === \"connect-deleted\"\n  );\n}\n\nfunction getDefaultOptions(type: ExtendedTypeOptions): ToastOptions {\n  if (isConnectTypeOptions(type)) {\n    const options: ToastOptions = {};\n\n    switch (type) {\n      case \"connect-success\":\n        options.type = \"success\";\n        options.icon = (\n          <Icon className=\"text-success\" name=\"CheckCircleFill\" size={24} />\n        );\n        break;\n      case \"connect-warning\":\n        options.type = \"warning\";\n        options.icon = (\n          <Icon className=\"text-warning\" name=\"WarningFill\" size={24} />\n        );\n        break;\n      case \"connect-loading\":\n        options.type = \"default\";\n        options.icon = (\n          <PackageAnimation animate loop size={24} color=\"currentColor\" />\n        );\n        break;\n      case \"connect-deleted\":\n        options.type = \"error\";\n        options.icon = (\n          <Icon className=\"text-destructive\" name=\"TrashFill\" size={24} />\n        );\n        break;\n    }\n\n    return options;\n  }\n\n  return { type };\n}\n\nexport function toast(content: ToastContent, options?: ConnectToastOptions) {\n  const { type = \"default\", ...restOptions } = options || {};\n  const defaultOptions = getDefaultOptions(type);\n\n  return rToast(content, { ...defaultOptions, ...restOptions });\n}\n\nexport function dismiss(toastId?: string | number) {\n  return rToast.dismiss(toastId);\n}\n\nconst CloseButton: ToastContainerProps[\"closeButton\"] = ({ closeToast }) => (\n  <button\n    className=\"flex items-center text-muted-foreground hover:hover-effect\"\n    onClick={closeToast}\n  >\n    <Icon name=\"XmarkLight\" size={16} />\n  </button>\n);\n\nexport const ToastContainer: FC<ToastContainerProps> = (props) => (\n  <RToastContainer closeButton={CloseButton} {...props} />\n);\n"],"mappings":";;;;;AAwBA,SAAgBM,qBACdC,MAC4B;CAC5B,OACEA,SAAS,qBACTA,SAAS,qBACTA,SAAS,qBACTA,SAAS;AAEb;AAEA,SAASC,kBAAkBD,MAAyC;CAClE,IAAID,qBAAqBC,IAAI,GAAG;EAC9B,MAAME,UAAwB,CAAC;EAE/B,QAAQF,MAAR;GACE,KAAK;IACHE,QAAQF,OAAO;IACfE,QAAQC,OACN,oBAAC,MAAD;KAAM,WAAU;KAAe,MAAK;KAAkB,MAAM;IAAG,CAAA;IAEjE;GACF,KAAK;IACHD,QAAQF,OAAO;IACfE,QAAQC,OACN,oBAAC,MAAD;KAAM,WAAU;KAAe,MAAK;KAAc,MAAM;IAAG,CAAA;IAE7D;GACF,KAAK;IACHD,QAAQF,OAAO;IACfE,QAAQC,OACN,oBAAC,kBAAD;KAAkB,SAAA;KAAQ,MAAA;KAAK,MAAM;KAAI,OAAM;IAAc,CAAA;IAE/D;GACF,KAAK;IACHD,QAAQF,OAAO;IACfE,QAAQC,OACN,oBAAC,MAAD;KAAM,WAAU;KAAmB,MAAK;KAAY,MAAM;IAAG,CAAA;EAGnE;EAEA,OAAOD;CACT;CAEA,OAAO,EAAEF,KAAK;AAChB;AAEA,SAAgBH,MAAMO,SAAuBF,SAA+B;CAC1E,MAAM,EAAEF,OAAO,WAAW,GAAGK,gBAAgBH,WAAW,CAAC;CACzD,MAAMI,iBAAiBL,kBAAkBD,IAAI;CAE7C,OAAOF,QAAOM,SAAS;EAAE,GAAGE;EAAgB,GAAGD;CAAY,CAAC;AAC9D;AAEA,SAAgBE,QAAQC,SAA2B;CACjD,OAAOV,QAAOS,QAAQC,OAAO;AAC/B;AAEA,MAAMC,eAAmD,EAAEC,iBACzD,oBAAC,UAAD;CACE,WAAU;CACV,SAASA;CAET,UAAA,oBAAC,MAAD;EAAM,MAAK;EAAa,MAAM;CAAG,CAAA;AAC3B,CAAA;AAGV,MAAaf,kBAA2CgB,UACtD,oBAAC,kBAAD;CAAiB,aAAaF;CAAa,GAAIE;AAAM,CAAA"}