@causw/core 0.0.9 → 0.0.11

package/dist/components/TextArea/index.d.mts

@@ -0,0 +1 @@
+import { TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps } from "./TextArea.mjs";

package/dist/components/TextInput/TextInput.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text_styles = require('../Text/Text.styles.cjs');
+const require_useFieldContext = require('../../hooks/field/useFieldContext.cjs');
+const require_TextInput_styles = require('./TextInput.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/TextInput/TextInput.tsx
+const TextInput = ({ id: idProp, disabled: disabledProp, error: errorProp, className, leftIcon, rightIcon, variant = "default", typography = "body-16-regular", textColor = "gray-700", ...props }) => {
+	const field = require_useFieldContext.useFieldContext();
+	const generatedId = (0, react.useId)();
+	const id = idProp ?? field?.id ?? generatedId;
+	const disabled = disabledProp ?? field?.disabled ?? false;
+	const error = errorProp ?? field?.error ?? false;
+	const textClasses = require_Text_styles.text({
+		typography,
+		textColor
+	});
+	const { root, input, leftIcon: leftIconClass, rightIcon: rightIconClass } = require_TextInput_styles.textInput({
+		variant,
+		error,
+		disabled
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: root({ className }),
+		children: [
+			leftIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: leftIconClass(),
+				children: leftIcon
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id,
+				disabled,
+				className: input({ className: textClasses }),
+				...props
+			}),
+			rightIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: rightIconClass(),
+				children: rightIcon
+			})
+		]
+	});
+};
+TextInput.displayName = "TextInput";
+
+//#endregion
+exports.TextInput = TextInput;

package/dist/components/TextInput/TextInput.d.cts

@@ -0,0 +1,32 @@
+import { TextVariants } from "../Text/Text.styles.cjs";
+import { TextInputVariants } from "./TextInput.styles.cjs";
+import React from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/TextInput/TextInput.d.ts
+interface TextInputProps extends React.ComponentProps<'input'>, TextVariants, TextInputVariants {
+  /** Icon to display on the left side of input */
+  leftIcon?: React.ReactNode;
+  /** Icon to display on the right side of input */
+  rightIcon?: React.ReactNode;
+  /** Error state (overrides Field context) */
+  error?: boolean;
+}
+declare const TextInput: {
+  ({
+    id: idProp,
+    disabled: disabledProp,
+    error: errorProp,
+    className,
+    leftIcon,
+    rightIcon,
+    variant,
+    typography,
+    textColor,
+    ...props
+  }: TextInputProps): react_jsx_runtime7.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TextInput, TextInputProps };
+//# sourceMappingURL=TextInput.d.cts.map

package/dist/components/TextInput/TextInput.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.cts","names":[],"sources":["../../../src/components/TextInput/TextInput.tsx"],"mappings":";;;;;;UAMiB,cAAA,SACP,KAAA,CAAM,cAAA,WAAyB,YAAA,EAAc,iBAAA;;EAErD,QAAA,GAAW,KAAA,CAAM,SAAA;EAHF;EAKf,SAAA,GAAY,KAAA,CAAM,SAAA;;EAElB,KAAA;AAAA;AAAA,cAGW,SAAA;EAAA;;;;;;;;;;;KAWV,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/TextInput/TextInput.d.mts

@@ -0,0 +1,33 @@
+import { TextVariants } from "../Text/Text.styles.mjs";
+import "../Text/index.mjs";
+import { TextInputVariants } from "./TextInput.styles.mjs";
+import React from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/TextInput/TextInput.d.ts
+interface TextInputProps extends React.ComponentProps<'input'>, TextVariants, TextInputVariants {
+  /** Icon to display on the left side of input */
+  leftIcon?: React.ReactNode;
+  /** Icon to display on the right side of input */
+  rightIcon?: React.ReactNode;
+  /** Error state (overrides Field context) */
+  error?: boolean;
+}
+declare const TextInput: {
+  ({
+    id: idProp,
+    disabled: disabledProp,
+    error: errorProp,
+    className,
+    leftIcon,
+    rightIcon,
+    variant,
+    typography,
+    textColor,
+    ...props
+  }: TextInputProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TextInput, TextInputProps };
+//# sourceMappingURL=TextInput.d.mts.map

package/dist/components/TextInput/TextInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.mts","names":[],"sources":["../../../src/components/TextInput/TextInput.tsx"],"mappings":";;;;;;;UAMiB,cAAA,SACP,KAAA,CAAM,cAAA,WAAyB,YAAA,EAAc,iBAAA;;EAErD,QAAA,GAAW,KAAA,CAAM,SAAA;;EAEjB,SAAA,GAAY,KAAA,CAAM,SAAA;EAJlB;EAMA,KAAA;AAAA;AAAA,cAGW,SAAA;EAAA;;;;;;;;;;;KAWV,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/TextInput/TextInput.mjs

@@ -0,0 +1,47 @@
+import { text } from "../Text/Text.styles.mjs";
+import { useFieldContext } from "../../hooks/field/useFieldContext.mjs";
+import { textInput } from "./TextInput.styles.mjs";
+import React, { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TextInput/TextInput.tsx
+const TextInput = ({ id: idProp, disabled: disabledProp, error: errorProp, className, leftIcon, rightIcon, variant = "default", typography = "body-16-regular", textColor = "gray-700", ...props }) => {
+	const field = useFieldContext();
+	const generatedId = useId();
+	const id = idProp ?? field?.id ?? generatedId;
+	const disabled = disabledProp ?? field?.disabled ?? false;
+	const error = errorProp ?? field?.error ?? false;
+	const textClasses = text({
+		typography,
+		textColor
+	});
+	const { root, input, leftIcon: leftIconClass, rightIcon: rightIconClass } = textInput({
+		variant,
+		error,
+		disabled
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: root({ className }),
+		children: [
+			leftIcon && /* @__PURE__ */ jsx("span", {
+				className: leftIconClass(),
+				children: leftIcon
+			}),
+			/* @__PURE__ */ jsx("input", {
+				id,
+				disabled,
+				className: input({ className: textClasses }),
+				...props
+			}),
+			rightIcon && /* @__PURE__ */ jsx("span", {
+				className: rightIconClass(),
+				children: rightIcon
+			})
+		]
+	});
+};
+TextInput.displayName = "TextInput";
+
+//#endregion
+export { TextInput };
+//# sourceMappingURL=TextInput.mjs.map

package/dist/components/TextInput/TextInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.mjs","names":[],"sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport { useFieldContext } from '../../hooks';\nimport { TextVariants } from '../Text';\nimport { text } from '../Text/Text.styles';\nimport { textInput, type TextInputVariants } from './TextInput.styles';\n\nexport interface TextInputProps\n  extends React.ComponentProps<'input'>, TextVariants, TextInputVariants {\n  /** Icon to display on the left side of input */\n  leftIcon?: React.ReactNode;\n  /** Icon to display on the right side of input */\n  rightIcon?: React.ReactNode;\n  /** Error state (overrides Field context) */\n  error?: boolean;\n}\n\nexport const TextInput = ({\n  id: idProp,\n  disabled: disabledProp,\n  error: errorProp,\n  className,\n  leftIcon,\n  rightIcon,\n  variant = 'default',\n  typography = 'body-16-regular',\n  textColor = 'gray-700',\n  ...props\n}: TextInputProps) => {\n  // Optional Field context - works with or without Field\n  const field = useFieldContext();\n  const generatedId = useId();\n\n  const id = idProp ?? field?.id ?? generatedId;\n  const disabled = disabledProp ?? field?.disabled ?? false;\n  const error = errorProp ?? field?.error ?? false;\n\n  const textClasses = text({ typography, textColor });\n\n  const {\n    root,\n    input,\n    leftIcon: leftIconClass,\n    rightIcon: rightIconClass,\n  } = textInput({\n    variant,\n    error,\n    disabled,\n  });\n\n  return (\n    <div className={root({ className })}>\n      {leftIcon && <span className={leftIconClass()}>{leftIcon}</span>}\n      <input\n        id={id}\n        disabled={disabled}\n        className={input({ className: textClasses })}\n        {...props}\n      />\n      {rightIcon && <span className={rightIconClass()}>{rightIcon}</span>}\n    </div>\n  );\n};\n\nTextInput.displayName = 'TextInput';\n"],"mappings":";;;;;;;AAgBA,MAAa,aAAa,EACxB,IAAI,QACJ,UAAU,cACV,OAAO,WACP,WACA,UACA,WACA,UAAU,WACV,aAAa,mBACb,YAAY,YACZ,GAAG,YACiB;CAEpB,MAAM,QAAQ,iBAAiB;CAC/B,MAAM,cAAc,OAAO;CAE3B,MAAM,KAAK,UAAU,OAAO,MAAM;CAClC,MAAM,WAAW,gBAAgB,OAAO,YAAY;CACpD,MAAM,QAAQ,aAAa,OAAO,SAAS;CAE3C,MAAM,cAAc,KAAK;EAAE;EAAY;EAAW,CAAC;CAEnD,MAAM,EACJ,MACA,OACA,UAAU,eACV,WAAW,mBACT,UAAU;EACZ;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,WAAW,KAAK,EAAE,WAAW,CAAC;;GAChC,YAAY,oBAAC;IAAK,WAAW,eAAe;cAAG;KAAgB;GAChE,oBAAC;IACK;IACM;IACV,WAAW,MAAM,EAAE,WAAW,aAAa,CAAC;IAC5C,GAAI;KACJ;GACD,aAAa,oBAAC;IAAK,WAAW,gBAAgB;cAAG;KAAiB;;GAC/D;;AAIV,UAAU,cAAc"}

package/dist/components/TextInput/TextInput.styles.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/TextInput/TextInput.styles.ts
+const textInput = (0, tailwind_variants.tv)({
+	slots: {
+		root: "flex items-center gap-2 self-stretch transition-all duration-200 ease-in-out",
+		input: "w-full bg-transparent outline-none placeholder:text-gray-400 caret-gray-600",
+		leftIcon: "flex-shrink-0 text-gray-400",
+		rightIcon: "flex-shrink-0 text-gray-400"
+	},
+	variants: {
+		variant: {
+			default: { root: "rounded-md bg-white p-4 focus-within:ring-2 focus-within:ring-gray-600" },
+			underline: { root: "border-b border-gray-400 bg-transparent px-0 py-2 focus-within:border-gray-600" }
+		},
+		error: {
+			true: {},
+			false: {}
+		},
+		disabled: { true: {
+			root: "cursor-not-allowed opacity-50",
+			input: "cursor-not-allowed"
+		} }
+	},
+	compoundVariants: [{
+		variant: "default",
+		error: true,
+		class: { root: "ring-2 ring-red-400 focus-within:ring-red-400" }
+	}, {
+		variant: "underline",
+		error: true,
+		class: { root: "border-red-400 focus-within:border-red-400" }
+	}],
+	defaultVariants: {
+		variant: "default",
+		error: false,
+		disabled: false
+	}
+});
+
+//#endregion
+exports.textInput = textInput;

package/dist/components/TextInput/TextInput.styles.d.cts

@@ -0,0 +1,81 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/TextInput/TextInput.styles.d.ts
+declare const textInput: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+    underline: {
+      root: string;
+    };
+  };
+  error: {
+    true: {};
+    false: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+      input: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  leftIcon: string;
+  rightIcon: string;
+}, undefined, {
+  variant: {
+    default: {
+      root: string;
+    };
+    underline: {
+      root: string;
+    };
+  };
+  error: {
+    true: {};
+    false: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+      input: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  leftIcon: string;
+  rightIcon: string;
+}, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+    underline: {
+      root: string;
+    };
+  };
+  error: {
+    true: {};
+    false: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+      input: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  leftIcon: string;
+  rightIcon: string;
+}, undefined, unknown, unknown, undefined>>;
+type TextInputVariants = VariantProps<typeof textInput>;
+//#endregion
+export { TextInputVariants };
+//# sourceMappingURL=TextInput.styles.d.cts.map

package/dist/components/TextInput/TextInput.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.styles.d.cts","names":[],"sources":["../../../src/components/TextInput/TextInput.styles.ts"],"mappings":";;;;cAEa,SAAA,EAiDX,kBAAA,CAjDoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDpB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

package/dist/components/TextInput/TextInput.styles.d.mts

@@ -0,0 +1,81 @@
+import * as tailwind_variants1 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/TextInput/TextInput.styles.d.ts
+declare const textInput: tailwind_variants1.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+    underline: {
+      root: string;
+    };
+  };
+  error: {
+    true: {};
+    false: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+      input: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  leftIcon: string;
+  rightIcon: string;
+}, undefined, {
+  variant: {
+    default: {
+      root: string;
+    };
+    underline: {
+      root: string;
+    };
+  };
+  error: {
+    true: {};
+    false: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+      input: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  leftIcon: string;
+  rightIcon: string;
+}, tailwind_variants1.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+    underline: {
+      root: string;
+    };
+  };
+  error: {
+    true: {};
+    false: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+      input: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  leftIcon: string;
+  rightIcon: string;
+}, undefined, unknown, unknown, undefined>>;
+type TextInputVariants = VariantProps<typeof textInput>;
+//#endregion
+export { TextInputVariants };
+//# sourceMappingURL=TextInput.styles.d.mts.map

package/dist/components/TextInput/TextInput.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.styles.d.mts","names":[],"sources":["../../../src/components/TextInput/TextInput.styles.ts"],"mappings":";;;;cAEa,SAAA,EAiDX,kBAAA,CAjDoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDpB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

package/dist/components/TextInput/TextInput.styles.mjs

@@ -0,0 +1,43 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/TextInput/TextInput.styles.ts
+const textInput = tv({
+	slots: {
+		root: "flex items-center gap-2 self-stretch transition-all duration-200 ease-in-out",
+		input: "w-full bg-transparent outline-none placeholder:text-gray-400 caret-gray-600",
+		leftIcon: "flex-shrink-0 text-gray-400",
+		rightIcon: "flex-shrink-0 text-gray-400"
+	},
+	variants: {
+		variant: {
+			default: { root: "rounded-md bg-white p-4 focus-within:ring-2 focus-within:ring-gray-600" },
+			underline: { root: "border-b border-gray-400 bg-transparent px-0 py-2 focus-within:border-gray-600" }
+		},
+		error: {
+			true: {},
+			false: {}
+		},
+		disabled: { true: {
+			root: "cursor-not-allowed opacity-50",
+			input: "cursor-not-allowed"
+		} }
+	},
+	compoundVariants: [{
+		variant: "default",
+		error: true,
+		class: { root: "ring-2 ring-red-400 focus-within:ring-red-400" }
+	}, {
+		variant: "underline",
+		error: true,
+		class: { root: "border-red-400 focus-within:border-red-400" }
+	}],
+	defaultVariants: {
+		variant: "default",
+		error: false,
+		disabled: false
+	}
+});
+
+//#endregion
+export { textInput };
+//# sourceMappingURL=TextInput.styles.mjs.map

package/dist/components/TextInput/TextInput.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.styles.mjs","names":[],"sources":["../../../src/components/TextInput/TextInput.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const textInput = tv({\n  slots: {\n    root: 'flex items-center gap-2 self-stretch transition-all duration-200 ease-in-out',\n    input:\n      'w-full bg-transparent outline-none placeholder:text-gray-400 caret-gray-600',\n    leftIcon: 'flex-shrink-0 text-gray-400',\n    rightIcon: 'flex-shrink-0 text-gray-400',\n  },\n  variants: {\n    variant: {\n      default: {\n        root: 'rounded-md bg-white p-4 focus-within:ring-2 focus-within:ring-gray-600',\n      },\n      underline: {\n        root: 'border-b border-gray-400 bg-transparent px-0 py-2 focus-within:border-gray-600',\n      },\n    },\n    error: {\n      true: {},\n      false: {},\n    },\n    disabled: {\n      true: {\n        root: 'cursor-not-allowed opacity-50',\n        input: 'cursor-not-allowed',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'default',\n      error: true,\n      class: {\n        root: 'ring-2 ring-red-400 focus-within:ring-red-400',\n      },\n    },\n    {\n      variant: 'underline',\n      error: true,\n      class: {\n        root: 'border-red-400 focus-within:border-red-400',\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: 'default',\n    error: false,\n    disabled: false,\n  },\n});\n\nexport type TextInputVariants = VariantProps<typeof textInput>;\n"],"mappings":";;;AAEA,MAAa,YAAY,GAAG;CAC1B,OAAO;EACL,MAAM;EACN,OACE;EACF,UAAU;EACV,WAAW;EACZ;CACD,UAAU;EACR,SAAS;GACP,SAAS,EACP,MAAM,0EACP;GACD,WAAW,EACT,MAAM,kFACP;GACF;EACD,OAAO;GACL,MAAM,EAAE;GACR,OAAO,EAAE;GACV;EACD,UAAU,EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR,EACF;EACF;CACD,kBAAkB,CAChB;EACE,SAAS;EACT,OAAO;EACP,OAAO,EACL,MAAM,iDACP;EACF,EACD;EACE,SAAS;EACT,OAAO;EACP,OAAO,EACL,MAAM,8CACP;EACF,CACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,UAAU;EACX;CACF,CAAC"}

package/dist/components/TextInput/index.d.mts

@@ -0,0 +1,2 @@
+import { TextInputVariants } from "./TextInput.styles.mjs";
+import { TextInput, TextInputProps } from "./TextInput.mjs";

package/dist/components/Toast/Toast.cjs

@@ -0,0 +1,42 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text = require('../Text/Text.cjs');
+const require_HStack = require('../HStack/HStack.cjs');
+const require_Toast_styles = require('./Toast.styles.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_toast = require("@radix-ui/react-toast");
+_radix_ui_react_toast = require_rolldown_runtime.__toESM(_radix_ui_react_toast);
+
+//#region src/components/Toast/Toast.tsx
+const Toast = ({ className, variant = "default", message, icon, ...props }) => {
+	const { root } = require_Toast_styles.toast({ variant });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Root, {
+		className: root({ className }),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_HStack.HStack, {
+			gap: "sm",
+			align: "center",
+			children: [icon && icon, message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Description, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					as: "p",
+					typography: "body-16-medium",
+					textColor: "white",
+					children: message
+				})
+			})]
+		})
+	});
+};
+const ToastViewport = ({ className, ...props }) => {
+	const { viewport } = require_Toast_styles.toast();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Viewport, {
+		className: viewport({ className }),
+		...props
+	});
+};
+const ToastProvider = _radix_ui_react_toast.Provider;
+
+//#endregion
+exports.Toast = Toast;
+exports.ToastProvider = ToastProvider;
+exports.ToastViewport = ToastViewport;

package/dist/components/Toast/Toast.d.cts

@@ -0,0 +1,27 @@
+import { ToastVariants } from "./Toast.styles.cjs";
+import * as react0 from "react";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+
+//#region src/components/Toast/Toast.d.ts
+interface ToastProps extends React.ComponentProps<typeof ToastPrimitives.Root> {
+  variant?: ToastVariants['variant'];
+  message?: string;
+  icon?: React.ReactNode;
+}
+declare const Toast: ({
+  className,
+  variant,
+  message,
+  icon,
+  ...props
+}: ToastProps) => react_jsx_runtime50.JSX.Element;
+type ToastViewportProps = React.ComponentProps<typeof ToastPrimitives.Viewport>;
+declare const ToastViewport: ({
+  className,
+  ...props
+}: ToastViewportProps) => react_jsx_runtime50.JSX.Element;
+declare const ToastProvider: react0.FC<ToastPrimitives.ToastProviderProps>;
+//#endregion
+export { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps };
+//# sourceMappingURL=Toast.d.cts.map

package/dist/components/Toast/Toast.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.cts","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"mappings":";;;;;;UAKiB,UAAA,SAAmB,KAAA,CAAM,cAAA,QACjC,eAAA,CAAgB,IAAA;EAEvB,OAAA,GAAU,aAAA;EACV,OAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,cAGF,KAAA;EAAS,SAAA;EAAA,OAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMnB,UAAA,KAAU,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAmBD,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAC9B,eAAA,CAAgB,QAAA;AAAA,cAGZ,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQ5D,aAAA,EAAa,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,kBAAA"}

package/dist/components/Toast/Toast.d.mts

@@ -0,0 +1,27 @@
+import { ToastVariants } from "./Toast.styles.mjs";
+import * as react11 from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+
+//#region src/components/Toast/Toast.d.ts
+interface ToastProps extends React.ComponentProps<typeof ToastPrimitives.Root> {
+  variant?: ToastVariants['variant'];
+  message?: string;
+  icon?: React.ReactNode;
+}
+declare const Toast: ({
+  className,
+  variant,
+  message,
+  icon,
+  ...props
+}: ToastProps) => react_jsx_runtime42.JSX.Element;
+type ToastViewportProps = React.ComponentProps<typeof ToastPrimitives.Viewport>;
+declare const ToastViewport: ({
+  className,
+  ...props
+}: ToastViewportProps) => react_jsx_runtime42.JSX.Element;
+declare const ToastProvider: react11.FC<ToastPrimitives.ToastProviderProps>;
+//#endregion
+export { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps };
+//# sourceMappingURL=Toast.d.mts.map

package/dist/components/Toast/Toast.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.mts","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"mappings":";;;;;;UAKiB,UAAA,SAAmB,KAAA,CAAM,cAAA,QACjC,eAAA,CAAgB,IAAA;EAEvB,OAAA,GAAU,aAAA;EACV,OAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,cAGF,KAAA;EAAS,SAAA;EAAA,OAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMnB,UAAA,KAAU,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAmBD,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAC9B,eAAA,CAAgB,QAAA;AAAA,cAGZ,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQ5D,aAAA,EAAa,OAAA,CAAA,EAAA,CAAA,eAAA,CAAA,kBAAA"}

package/dist/components/Toast/Toast.mjs

@@ -0,0 +1,39 @@
+import { Text } from "../Text/Text.mjs";
+import { HStack } from "../HStack/HStack.mjs";
+import { toast } from "./Toast.styles.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+
+//#region src/components/Toast/Toast.tsx
+const Toast = ({ className, variant = "default", message, icon, ...props }) => {
+	const { root } = toast({ variant });
+	return /* @__PURE__ */ jsx(ToastPrimitives.Root, {
+		className: root({ className }),
+		...props,
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			align: "center",
+			children: [icon && icon, message && /* @__PURE__ */ jsx(ToastPrimitives.Description, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					typography: "body-16-medium",
+					textColor: "white",
+					children: message
+				})
+			})]
+		})
+	});
+};
+const ToastViewport = ({ className, ...props }) => {
+	const { viewport } = toast();
+	return /* @__PURE__ */ jsx(ToastPrimitives.Viewport, {
+		className: viewport({ className }),
+		...props
+	});
+};
+const ToastProvider = ToastPrimitives.Provider;
+
+//#endregion
+export { Toast, ToastProvider, ToastViewport };
+//# sourceMappingURL=Toast.mjs.map

package/dist/components/Toast/Toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.mjs","names":[],"sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import * as ToastPrimitives from '@radix-ui/react-toast';\nimport { toast, ToastVariants } from './Toast.styles';\nimport { Text } from '../Text';\nimport { HStack } from '../HStack';\n\nexport interface ToastProps extends React.ComponentProps<\n  typeof ToastPrimitives.Root\n> {\n  variant?: ToastVariants['variant'];\n  message?: string;\n  icon?: React.ReactNode;\n}\n\nexport const Toast = ({\n  className,\n  variant = 'default',\n  message,\n  icon,\n  ...props\n}: ToastProps) => {\n  const { root } = toast({ variant });\n\n  return (\n    <ToastPrimitives.Root className={root({ className })} {...props}>\n      <HStack gap=\"sm\" align=\"center\">\n        {icon && icon}\n        {message && (\n          <ToastPrimitives.Description asChild>\n            <Text as=\"p\" typography=\"body-16-medium\" textColor=\"white\">\n              {message}\n            </Text>\n          </ToastPrimitives.Description>\n        )}\n      </HStack>\n    </ToastPrimitives.Root>\n  );\n};\n\nexport type ToastViewportProps = React.ComponentProps<\n  typeof ToastPrimitives.Viewport\n>;\n\nexport const ToastViewport = ({ className, ...props }: ToastViewportProps) => {\n  const { viewport } = toast();\n\n  return (\n    <ToastPrimitives.Viewport className={viewport({ className })} {...props} />\n  );\n};\n\nexport const ToastProvider = ToastPrimitives.Provider;\n"],"mappings":";;;;;;;AAaA,MAAa,SAAS,EACpB,WACA,UAAU,WACV,SACA,MACA,GAAG,YACa;CAChB,MAAM,EAAE,SAAS,MAAM,EAAE,SAAS,CAAC;AAEnC,QACE,oBAAC,gBAAgB;EAAK,WAAW,KAAK,EAAE,WAAW,CAAC;EAAE,GAAI;YACxD,qBAAC;GAAO,KAAI;GAAK,OAAM;cACpB,QAAQ,MACR,WACC,oBAAC,gBAAgB;IAAY;cAC3B,oBAAC;KAAK,IAAG;KAAI,YAAW;KAAiB,WAAU;eAChD;MACI;KACqB;IAEzB;GACY;;AAQ3B,MAAa,iBAAiB,EAAE,WAAW,GAAG,YAAgC;CAC5E,MAAM,EAAE,aAAa,OAAO;AAE5B,QACE,oBAAC,gBAAgB;EAAS,WAAW,SAAS,EAAE,WAAW,CAAC;EAAE,GAAI;GAAS;;AAI/E,MAAa,gBAAgB,gBAAgB"}

package/dist/components/Toast/Toast.styles.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Toast/Toast.styles.ts
+const toast = (0, tailwind_variants.tv)({
+	slots: {
+		root: [
+			"group pointer-events-auto relative flex items-center justify-center overflow-hidden text-center transition-all",
+			"data-[state=open]:animate-toast-slide-in",
+			"data-[state=closed]:animate-toast-hide",
+			"w-[20rem] md:w-[26.25rem] lg:w-[20rem] max-w-[calc(100vw-2rem)] rounded-md px-4 py-3"
+		],
+		viewport: ["fixed bottom-20.5 left-1/2 z-toast flex max-h-screen w-full -translate-x-1/2 flex-col-reverse items-center xl:bottom-14"]
+	},
+	variants: { variant: { default: { root: "bg-gray-700" } } },
+	defaultVariants: { variant: "default" }
+});
+
+//#endregion
+exports.toast = toast;

package/dist/components/Toast/Toast.styles.d.cts

@@ -0,0 +1,36 @@
+import * as tailwind_variants15 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Toast/Toast.styles.d.ts
+declare const toast: tailwind_variants15.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  viewport: string[];
+}, undefined, {
+  variant: {
+    default: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  viewport: string[];
+}, tailwind_variants15.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  viewport: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToastVariants = VariantProps<typeof toast>;
+//#endregion
+export { ToastVariants };
+//# sourceMappingURL=Toast.styles.d.cts.map

package/dist/components/Toast/Toast.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.d.cts","names":[],"sources":["../../../src/components/Toast/Toast.styles.ts"],"mappings":";;;;cAEa,KAAA,EAsBX,mBAAA,CAtBgB,YAAA;;;;;;;;;;;;;;;;;;GAsBhB,mBAAA,CAAA,YAAA;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA"}