@opentui-ui/toast 0.0.1

package/dist/themes.mjs

@@ -0,0 +1,118 @@
+import { a as MINIMAL_ICONS, n as DEFAULT_ICONS } from "./icons-DXx_5j_z.mjs";
+
+//#region src/themes.ts
+/**
+* @opentui-ui/toast/themes
+*
+* Optional theme presets for the toaster.
+* These override the built-in defaults with alternative visual styles.
+*
+* @example
+* ```ts
+* import { ToasterRenderable } from '@opentui-ui/toast'
+* import { minimal } from '@opentui-ui/toast/themes'
+*
+* const toaster = new ToasterRenderable(ctx, minimal)
+* ```
+*/
+/**
+* Minimal theme - clean and unobtrusive
+*
+* No borders, subtle styling. Perfect for apps where
+* toasts should be informative but not distracting.
+*
+* @example
+* ```ts
+* import { ToasterRenderable } from '@opentui-ui/toast';
+* import { minimal } from '@opentui-ui/toast/themes';
+*
+* const toaster = new ToasterRenderable(ctx, minimal);
+*
+* // Or customize it
+* const toaster = new ToasterRenderable(ctx, {
+*   ...minimal,
+*   position: 'top-center',
+*   stackingMode: 'stack',
+* });
+* ```
+*/
+const minimal = {
+	name: "Minimal",
+	description: "Clean and unobtrusive, no borders",
+	position: "bottom-right",
+	stackingMode: "single",
+	icons: MINIMAL_ICONS,
+	toastOptions: {
+		style: {
+			border: false,
+			backgroundColor: "#262626",
+			foregroundColor: "#e5e5e5",
+			mutedColor: "#737373",
+			paddingX: 2,
+			paddingY: 1
+		},
+		success: { style: { foregroundColor: "#4ade80" } },
+		error: { style: { foregroundColor: "#f87171" } },
+		warning: { style: { foregroundColor: "#fbbf24" } },
+		info: { style: { foregroundColor: "#60a5fa" } }
+	}
+};
+/**
+* Monochrome theme - grayscale only
+*
+* No colors, just shades of gray. Useful for
+* accessibility or when color is not desired.
+*
+* @example
+* ```ts
+* import { ToasterRenderable } from '@opentui-ui/toast';
+* import { monochrome } from '@opentui-ui/toast/themes';
+*
+* const toaster = new ToasterRenderable(ctx, monochrome);
+* ```
+*/
+const monochrome = {
+	name: "Monochrome",
+	description: "Grayscale only, no colors",
+	position: "bottom-right",
+	stackingMode: "single",
+	icons: DEFAULT_ICONS,
+	toastOptions: {
+		style: {
+			border: true,
+			borderStyle: "single",
+			borderColor: "#525252",
+			backgroundColor: "#171717",
+			foregroundColor: "#fafafa",
+			mutedColor: "#a3a3a3",
+			paddingX: 1,
+			paddingY: 0,
+			minHeight: 3
+		},
+		default: { style: { borderColor: "#525252" } },
+		success: { style: { borderColor: "#a3a3a3" } },
+		error: { style: { borderColor: "#fafafa" } },
+		warning: { style: { borderColor: "#d4d4d4" } },
+		info: { style: { borderColor: "#737373" } },
+		loading: { style: { borderColor: "#525252" } }
+	}
+};
+/**
+* All available themes as a single object
+*
+* @example
+* ```ts
+* import { themes } from '@opentui-ui/toast/themes';
+*
+* // Access themes by name
+* const toaster = new ToasterRenderable(ctx, themes.minimal);
+* ```
+*/
+const themes = {
+	minimal,
+	monochrome
+};
+
+//#endregion
+export { minimal, monochrome, themes };
+//# sourceMappingURL=themes.mjs.map

package/dist/themes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.mjs","names":["minimal: ToasterTheme","monochrome: ToasterTheme"],"sources":["../src/themes.ts"],"sourcesContent":["/**\n * @opentui-ui/toast/themes\n *\n * Optional theme presets for the toaster.\n * These override the built-in defaults with alternative visual styles.\n *\n * @example\n * ```ts\n * import { ToasterRenderable } from '@opentui-ui/toast'\n * import { minimal } from '@opentui-ui/toast/themes'\n *\n * const toaster = new ToasterRenderable(ctx, minimal)\n * ```\n */\n\nimport { DEFAULT_ICONS, MINIMAL_ICONS } from \"./icons\";\nimport type { ToasterOptions } from \"./types\";\n\n/**\n * A theme configuration for the toaster.\n * Extends ToasterOptions with metadata.\n */\nexport interface ToasterTheme extends ToasterOptions {\n  /** Human-readable name for the theme */\n  name: string;\n  /** Brief description of the theme */\n  description: string;\n}\n\n// =============================================================================\n// Theme Definitions\n// =============================================================================\n\n/**\n * Minimal theme - clean and unobtrusive\n *\n * No borders, subtle styling. Perfect for apps where\n * toasts should be informative but not distracting.\n *\n * @example\n * ```ts\n * import { ToasterRenderable } from '@opentui-ui/toast';\n * import { minimal } from '@opentui-ui/toast/themes';\n *\n * const toaster = new ToasterRenderable(ctx, minimal);\n *\n * // Or customize it\n * const toaster = new ToasterRenderable(ctx, {\n *   ...minimal,\n *   position: 'top-center',\n *   stackingMode: 'stack',\n * });\n * ```\n */\nexport const minimal: ToasterTheme = {\n  name: \"Minimal\",\n  description: \"Clean and unobtrusive, no borders\",\n  position: \"bottom-right\",\n  stackingMode: \"single\",\n  icons: MINIMAL_ICONS,\n  toastOptions: {\n    style: {\n      border: false,\n      backgroundColor: \"#262626\",\n      foregroundColor: \"#e5e5e5\",\n      mutedColor: \"#737373\",\n      paddingX: 2,\n      paddingY: 1,\n    },\n    success: { style: { foregroundColor: \"#4ade80\" } },\n    error: { style: { foregroundColor: \"#f87171\" } },\n    warning: { style: { foregroundColor: \"#fbbf24\" } },\n    info: { style: { foregroundColor: \"#60a5fa\" } },\n  },\n};\n\n/**\n * Monochrome theme - grayscale only\n *\n * No colors, just shades of gray. Useful for\n * accessibility or when color is not desired.\n *\n * @example\n * ```ts\n * import { ToasterRenderable } from '@opentui-ui/toast';\n * import { monochrome } from '@opentui-ui/toast/themes';\n *\n * const toaster = new ToasterRenderable(ctx, monochrome);\n * ```\n */\nexport const monochrome: ToasterTheme = {\n  name: \"Monochrome\",\n  description: \"Grayscale only, no colors\",\n  position: \"bottom-right\",\n  stackingMode: \"single\",\n  icons: DEFAULT_ICONS,\n  toastOptions: {\n    style: {\n      border: true,\n      borderStyle: \"single\",\n      borderColor: \"#525252\",\n      backgroundColor: \"#171717\",\n      foregroundColor: \"#fafafa\",\n      mutedColor: \"#a3a3a3\",\n      paddingX: 1,\n      paddingY: 0,\n      minHeight: 3,\n    },\n    default: { style: { borderColor: \"#525252\" } },\n    success: { style: { borderColor: \"#a3a3a3\" } },\n    error: { style: { borderColor: \"#fafafa\" } },\n    warning: { style: { borderColor: \"#d4d4d4\" } },\n    info: { style: { borderColor: \"#737373\" } },\n    loading: { style: { borderColor: \"#525252\" } },\n  },\n};\n\n// =============================================================================\n// Utilities\n// =============================================================================\n\n/**\n * All available themes as a single object\n *\n * @example\n * ```ts\n * import { themes } from '@opentui-ui/toast/themes';\n *\n * // Access themes by name\n * const toaster = new ToasterRenderable(ctx, themes.minimal);\n * ```\n */\nexport const themes = {\n  minimal,\n  monochrome,\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAaA,UAAwB;CACnC,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,OAAO;CACP,cAAc;EACZ,OAAO;GACL,QAAQ;GACR,iBAAiB;GACjB,iBAAiB;GACjB,YAAY;GACZ,UAAU;GACV,UAAU;GACX;EACD,SAAS,EAAE,OAAO,EAAE,iBAAiB,WAAW,EAAE;EAClD,OAAO,EAAE,OAAO,EAAE,iBAAiB,WAAW,EAAE;EAChD,SAAS,EAAE,OAAO,EAAE,iBAAiB,WAAW,EAAE;EAClD,MAAM,EAAE,OAAO,EAAE,iBAAiB,WAAW,EAAE;EAChD;CACF;;;;;;;;;;;;;;;AAgBD,MAAaC,aAA2B;CACtC,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,OAAO;CACP,cAAc;EACZ,OAAO;GACL,QAAQ;GACR,aAAa;GACb,aAAa;GACb,iBAAiB;GACjB,iBAAiB;GACjB,YAAY;GACZ,UAAU;GACV,UAAU;GACV,WAAW;GACZ;EACD,SAAS,EAAE,OAAO,EAAE,aAAa,WAAW,EAAE;EAC9C,SAAS,EAAE,OAAO,EAAE,aAAa,WAAW,EAAE;EAC9C,OAAO,EAAE,OAAO,EAAE,aAAa,WAAW,EAAE;EAC5C,SAAS,EAAE,OAAO,EAAE,aAAa,WAAW,EAAE;EAC9C,MAAM,EAAE,OAAO,EAAE,aAAa,WAAW,EAAE;EAC3C,SAAS,EAAE,OAAO,EAAE,aAAa,WAAW,EAAE;EAC/C;CACF;;;;;;;;;;;;AAiBD,MAAa,SAAS;CACpB;CACA;CACD"}