@drivenets/design-system 0.0.1 → 0.0.3

package/dist/components/ds-textarea/ds-textarea.types.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+
+//#region src/components/ds-textarea/ds-textarea.types.d.ts
+interface DsTextareaProps {
+  /**
+   * Unique identifier for the textarea element
+   */
+  id?: string;
+  /**
+   * The ref to the textarea element
+   */
+  ref?: React.Ref<HTMLTextAreaElement>;
+  /**
+   * The name of the textarea
+   */
+  name?: string;
+  /**
+   * Event handler called when the textarea loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Value change event handler (provides just the value)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value
+   */
+  value?: string;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the textarea is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The number of visible text lines
+   */
+  rows?: number;
+  /**
+   * The minimum number of characters
+   */
+  minLength?: number;
+  /**
+   * The maximum number of characters
+   */
+  maxLength?: number;
+}
+//#endregion
+export { DsTextareaProps };
+//# sourceMappingURL=ds-textarea.types.d.ts.map

package/dist/components/ds-textarea/ds-textarea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.types.d.ts","names":[],"sources":["../../../src/components/ds-textarea/ds-textarea.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,eAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAUsB;;;EAIf,GAAM,CAAA,EAdnB,KAAA,CAAM,GAca,CAdT,mBAcS,CAAA;EAYjB;;;;;;;;;mBAhBS,KAAA,CAAM,WAAW;;;;qBAIf,KAAA,CAAM,YAAY;;;;;;;;;;;;UAY7B,KAAA,CAAM"}

package/dist/components/ds-textarea/index.cjs

@@ -0,0 +1 @@
+const require_ds_textarea = require('./ds-textarea.cjs');

package/dist/components/ds-textarea/index.d.ts

@@ -0,0 +1,2 @@
+import { DsTextareaProps } from "./ds-textarea.types.js";
+import { DsTextarea } from "./ds-textarea.js";

package/dist/components/ds-textarea/index.js

@@ -0,0 +1 @@
+import ds_textarea_default from "./ds-textarea.js";

package/dist/components/ds-toast/ds-toast-context.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_toast = require('./ds-toast.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __ark_ui_react = require("@ark-ui/react");
+
+//#region src/components/ds-toast/ds-toast-context.tsx
+const DsToastContext = (0, react.createContext)(null);
+const createToastFactory = (toaster) => (toast) => toaster.create({
+	...toast,
+	type: toast.variant,
+	duration: toast.persistent ? Infinity : toast.duration || 6e3
+});
+const DsToastProvider = ({ children, max = 3 }) => {
+	const toaster = (0, __ark_ui_react.createToaster)({
+		placement: "top",
+		gap: 24,
+		max
+	});
+	const contextValue = {
+		createToast: createToastFactory(toaster),
+		dismissToast: toaster.dismiss,
+		dismissAllToasts: () => toaster.dismiss(),
+		getToasts: toaster.getVisibleToasts,
+		getToastsCount: toaster.getCount
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DsToastContext.Provider, {
+		value: contextValue,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_toast.DsToastGroup, { toaster })]
+	});
+};
+const useToaster = () => {
+	const context = (0, react.useContext)(DsToastContext);
+	if (!context) throw new Error("useToast must be used within a ToastProvider");
+	return context;
+};
+
+//#endregion
+exports.DsToastProvider = DsToastProvider;
+exports.useToaster = useToaster;

package/dist/components/ds-toast/ds-toast-context.d.cts

@@ -0,0 +1,42 @@
+import { DsToastProps } from "./ds-toast.types.cjs";
+import { FC, ReactNode } from "react";
+
+//#region src/components/ds-toast/ds-toast-context.d.ts
+interface DsToastProviderProps {
+  /**
+   * The maximum number of toasts to display (recommended 3 - 5)
+   * @default 3
+   */
+  max?: number;
+  /**
+   * The children of the toast provider
+   */
+  children: ReactNode;
+}
+type DsToastContextType = {
+  /**
+   * Create a new toast
+   */
+  createToast: (toast: DsToastProps) => string;
+  /**
+   * Dismiss a toast by id
+   */
+  dismissToast: (id: string) => void;
+  /**
+   * Dismiss all toasts
+   */
+  dismissAllToasts: () => void;
+  /**
+   * Get all visible toasts
+   */
+  getToasts: () => DsToastProps[];
+  /**
+   * Get the total number of toasts
+   */
+  getToastsCount: () => number;
+};
+declare const DsToastProvider: FC<DsToastProviderProps>;
+declare const useToaster: () => DsToastContextType;
+//#endregion
+export { DsToastContextType, DsToastProvider, DsToastProviderProps, useToaster };
+//# sourceMappingURL=ds-toast-context.d.cts.map

package/dist/components/ds-toast/ds-toast-context.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast-context.d.cts","names":[],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,oBAAA;;AAAjB;AAYA;AAgCA;EAuBa,GAAA,CAAA,EAAA,MAAA;;;;YA1DF;;KAGC,kBAAA;;;;uBAIU;;;;;;;;;;;;mBAYJ;;;;;;cAgBL,iBAAiB,GAAG;cAuBpB,kBAAiB"}

package/dist/components/ds-toast/ds-toast-context.d.ts

@@ -0,0 +1,42 @@
+import { DsToastProps } from "./ds-toast.types.js";
+import { FC, ReactNode } from "react";
+
+//#region src/components/ds-toast/ds-toast-context.d.ts
+interface DsToastProviderProps {
+  /**
+   * The maximum number of toasts to display (recommended 3 - 5)
+   * @default 3
+   */
+  max?: number;
+  /**
+   * The children of the toast provider
+   */
+  children: ReactNode;
+}
+type DsToastContextType = {
+  /**
+   * Create a new toast
+   */
+  createToast: (toast: DsToastProps) => string;
+  /**
+   * Dismiss a toast by id
+   */
+  dismissToast: (id: string) => void;
+  /**
+   * Dismiss all toasts
+   */
+  dismissAllToasts: () => void;
+  /**
+   * Get all visible toasts
+   */
+  getToasts: () => DsToastProps[];
+  /**
+   * Get the total number of toasts
+   */
+  getToastsCount: () => number;
+};
+declare const DsToastProvider: FC<DsToastProviderProps>;
+declare const useToaster: () => DsToastContextType;
+//#endregion
+export { DsToastContextType, DsToastProvider, DsToastProviderProps, useToaster };
+//# sourceMappingURL=ds-toast-context.d.ts.map

package/dist/components/ds-toast/ds-toast-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast-context.d.ts","names":[],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,oBAAA;;AAAjB;AAYA;AAgCA;EAuBa,GAAA,CAAA,EAAA,MAAA;;;;YA1DF;;KAGC,kBAAA;;;;uBAIU;;;;;;;;;;;;mBAYJ;;;;;;cAgBL,iBAAiB,GAAG;cAuBpB,kBAAiB"}

package/dist/components/ds-toast/ds-toast-context.js

@@ -0,0 +1,39 @@
+import { DsToastGroup } from "./ds-toast.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { createToaster } from "@ark-ui/react";
+
+//#region src/components/ds-toast/ds-toast-context.tsx
+const DsToastContext = createContext(null);
+const createToastFactory = (toaster) => (toast) => toaster.create({
+	...toast,
+	type: toast.variant,
+	duration: toast.persistent ? Infinity : toast.duration || 6e3
+});
+const DsToastProvider = ({ children, max = 3 }) => {
+	const toaster = createToaster({
+		placement: "top",
+		gap: 24,
+		max
+	});
+	const contextValue = {
+		createToast: createToastFactory(toaster),
+		dismissToast: toaster.dismiss,
+		dismissAllToasts: () => toaster.dismiss(),
+		getToasts: toaster.getVisibleToasts,
+		getToastsCount: toaster.getCount
+	};
+	return /* @__PURE__ */ jsxs(DsToastContext.Provider, {
+		value: contextValue,
+		children: [children, /* @__PURE__ */ jsx(DsToastGroup, { toaster })]
+	});
+};
+const useToaster = () => {
+	const context = useContext(DsToastContext);
+	if (!context) throw new Error("useToast must be used within a ToastProvider");
+	return context;
+};
+
+//#endregion
+export { DsToastProvider, useToaster };
+//# sourceMappingURL=ds-toast-context.js.map

package/dist/components/ds-toast/ds-toast-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast-context.js","names":["DsToastProvider: FC<DsToastProviderProps>","contextValue: DsToastContextType"],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":["import { type FC, type ReactNode, createContext, useContext } from 'react';\nimport { type CreateToasterReturn, createToaster } from '@ark-ui/react';\nimport { DsToastGroup } from './ds-toast';\nimport type { DsToastProps } from './ds-toast.types';\n\nexport interface DsToastProviderProps {\n\t/**\n\t * The maximum number of toasts to display (recommended 3 - 5)\n\t * @default 3\n\t */\n\tmax?: number;\n\t/**\n\t * The children of the toast provider\n\t */\n\tchildren: ReactNode;\n}\n\nexport type DsToastContextType = {\n\t/**\n\t * Create a new toast\n\t */\n\tcreateToast: (toast: DsToastProps) => string;\n\t/**\n\t * Dismiss a toast by id\n\t */\n\tdismissToast: (id: string) => void;\n\t/**\n\t * Dismiss all toasts\n\t */\n\tdismissAllToasts: () => void;\n\t/**\n\t * Get all visible toasts\n\t */\n\tgetToasts: () => DsToastProps[];\n\t/**\n\t * Get the total number of toasts\n\t */\n\tgetToastsCount: () => number;\n};\n\nconst DsToastContext = createContext<DsToastContextType | null>(null);\n\nconst createToastFactory = (toaster: CreateToasterReturn) => (toast: DsToastProps) =>\n\ttoaster.create({\n\t\t...toast,\n\t\ttype: toast.variant,\n\t\tduration: toast.persistent ? Infinity : toast.duration || 6000,\n\t});\n\nexport const DsToastProvider: FC<DsToastProviderProps> = ({ children, max = 3 }) => {\n\tconst toaster = createToaster({\n\t\tplacement: 'top',\n\t\tgap: 24,\n\t\tmax,\n\t});\n\n\tconst contextValue: DsToastContextType = {\n\t\tcreateToast: createToastFactory(toaster),\n\t\tdismissToast: toaster.dismiss,\n\t\tdismissAllToasts: () => toaster.dismiss(),\n\t\tgetToasts: toaster.getVisibleToasts,\n\t\tgetToastsCount: toaster.getCount,\n\t};\n\n\treturn (\n\t\t<DsToastContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t\t<DsToastGroup toaster={toaster} />\n\t\t</DsToastContext.Provider>\n\t);\n};\n\nexport const useToaster = (): DsToastContextType => {\n\tconst context = useContext(DsToastContext);\n\tif (!context) {\n\t\tthrow new Error('useToast must be used within a ToastProvider');\n\t}\n\treturn context;\n};\n"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,cAAyC,KAAK;AAErE,MAAM,sBAAsB,aAAkC,UAC7D,QAAQ,OAAO;CACd,GAAG;CACH,MAAM,MAAM;CACZ,UAAU,MAAM,aAAa,WAAW,MAAM,YAAY;CAC1D,CAAC;AAEH,MAAaA,mBAA6C,EAAE,UAAU,MAAM,QAAQ;CACnF,MAAM,UAAU,cAAc;EAC7B,WAAW;EACX,KAAK;EACL;EACA,CAAC;CAEF,MAAMC,eAAmC;EACxC,aAAa,mBAAmB,QAAQ;EACxC,cAAc,QAAQ;EACtB,wBAAwB,QAAQ,SAAS;EACzC,WAAW,QAAQ;EACnB,gBAAgB,QAAQ;EACxB;AAED,QACC,qBAAC,eAAe;EAAS,OAAO;aAC9B,UACD,oBAAC,gBAAsB,UAAW;GACT;;AAI5B,MAAa,mBAAuC;CACnD,MAAM,UAAU,WAAW,eAAe;AAC1C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,+CAA+C;AAEhE,QAAO"}

package/dist/components/ds-toast/ds-toast.cjs

@@ -0,0 +1,65 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../ds-icon/ds-icon.cjs');
+require('../ds-icon/index.cjs');
+const require_ds_typography = require('../ds-typography/ds-typography.cjs');
+require('../ds-typography/index.cjs');
+const require_ds_toast_module = require('./ds-toast.module.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __ark_ui_react = require("@ark-ui/react");
+
+//#region src/components/ds-toast/ds-toast.tsx
+const variantIcons = {
+	success: "check_circle",
+	info: "info",
+	warning: "error",
+	error: "cancel"
+};
+/**
+* Design system Toast component
+* This component is used within the Toaster render function
+*/
+const DsToast = ({ style, className, variant = "info", title, description, onDismiss, actions }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.Toast.Root, {
+	style,
+	className,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: variantIcons[variant],
+			size: "small",
+			filled: true,
+			className: require_ds_toast_module.default.icon
+		}),
+		title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-sm-md",
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.Title, { children: title })
+		}),
+		description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-sm-reg",
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.Description, { children: description })
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.CloseTrigger, {
+			onClick: onDismiss,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+				icon: "close",
+				size: "small"
+			})
+		}),
+		actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_toast_module.default.actions,
+			children: actions
+		})
+	]
+});
+/**
+* Design system Toast Group component that wraps the Toaster
+*/
+const DsToastGroup = ({ toaster }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toaster, {
+		toaster,
+		children: (toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsToast, { ...toast })
+	});
+};
+
+//#endregion
+exports.DsToastGroup = DsToastGroup;

package/dist/components/ds-toast/ds-toast.js

@@ -0,0 +1,65 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_typography_default from "../ds-typography/ds-typography.js";
+import "../ds-typography/index.js";
+import ds_toast_module_default from "./ds-toast.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast, Toaster } from "@ark-ui/react";
+
+//#region src/components/ds-toast/ds-toast.tsx
+const variantIcons = {
+	success: "check_circle",
+	info: "info",
+	warning: "error",
+	error: "cancel"
+};
+/**
+* Design system Toast component
+* This component is used within the Toaster render function
+*/
+const DsToast = ({ style, className, variant = "info", title, description, onDismiss, actions }) => /* @__PURE__ */ jsxs(Toast.Root, {
+	style,
+	className,
+	children: [
+		/* @__PURE__ */ jsx(ds_icon_default, {
+			icon: variantIcons[variant],
+			size: "small",
+			filled: true,
+			className: ds_toast_module_default.icon
+		}),
+		title && /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-sm-md",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toast.Title, { children: title })
+		}),
+		description && /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-sm-reg",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toast.Description, { children: description })
+		}),
+		/* @__PURE__ */ jsx(Toast.CloseTrigger, {
+			onClick: onDismiss,
+			children: /* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "close",
+				size: "small"
+			})
+		}),
+		actions && /* @__PURE__ */ jsx("div", {
+			className: ds_toast_module_default.actions,
+			children: actions
+		})
+	]
+});
+/**
+* Design system Toast Group component that wraps the Toaster
+*/
+const DsToastGroup = ({ toaster }) => {
+	return /* @__PURE__ */ jsx(Toaster, {
+		toaster,
+		children: (toast) => /* @__PURE__ */ jsx(DsToast, { ...toast })
+	});
+};
+
+//#endregion
+export { DsToastGroup };
+//# sourceMappingURL=ds-toast.js.map

package/dist/components/ds-toast/ds-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast.js","names":["DsIcon","styles","DsTypography","DsToastGroup: React.FC<{ toaster: CreateToasterReturn }>"],"sources":["../../../src/components/ds-toast/ds-toast.tsx"],"sourcesContent":["import type React from 'react';\nimport { type CreateToasterReturn, Toast, Toaster } from '@ark-ui/react';\nimport styles from './ds-toast.module.scss';\nimport type { DsToastProps, ToastVariant } from './ds-toast.types';\nimport { type IconType, DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\nconst variantIcons = {\n\tsuccess: 'check_circle',\n\tinfo: 'info',\n\twarning: 'error',\n\terror: 'cancel',\n} satisfies Record<ToastVariant, IconType>;\n\n/**\n * Design system Toast component\n * This component is used within the Toaster render function\n */\nconst DsToast = ({\n\tstyle,\n\tclassName,\n\tvariant = 'info',\n\ttitle,\n\tdescription,\n\tonDismiss,\n\tactions,\n}: DsToastProps) => (\n\t<Toast.Root style={style} className={className}>\n\t\t<DsIcon icon={variantIcons[variant]} size=\"small\" filled className={styles.icon} />\n\t\t{title && (\n\t\t\t<DsTypography variant=\"body-sm-md\" asChild>\n\t\t\t\t<Toast.Title>{title}</Toast.Title>\n\t\t\t</DsTypography>\n\t\t)}\n\t\t{description && (\n\t\t\t<DsTypography variant=\"body-sm-reg\" asChild>\n\t\t\t\t<Toast.Description>{description}</Toast.Description>\n\t\t\t</DsTypography>\n\t\t)}\n\t\t<Toast.CloseTrigger onClick={onDismiss}>\n\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t</Toast.CloseTrigger>\n\t\t{actions && <div className={styles.actions}>{actions}</div>}\n\t</Toast.Root>\n);\n\n/**\n * Design system Toast Group component that wraps the Toaster\n */\nconst DsToastGroup: React.FC<{ toaster: CreateToasterReturn }> = ({ toaster }) => {\n\treturn <Toaster toaster={toaster}>{(toast: DsToastProps) => <DsToast {...toast} />}</Toaster>;\n};\n\nexport { DsToast, DsToastGroup };\n"],"mappings":";;;;;;;;;AAOA,MAAM,eAAe;CACpB,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP;;;;;AAMD,MAAM,WAAW,EAChB,OACA,WACA,UAAU,QACV,OACA,aACA,WACA,cAEA,qBAAC,MAAM;CAAY;CAAkB;;EACpC,oBAACA;GAAO,MAAM,aAAa;GAAU,MAAK;GAAQ;GAAO,WAAWC,wBAAO;IAAQ;EAClF,SACA,oBAACC;GAAa,SAAQ;GAAa;aAClC,oBAAC,MAAM,mBAAO,QAAoB;IACpB;EAEf,eACA,oBAACA;GAAa,SAAQ;GAAc;aACnC,oBAAC,MAAM,yBAAa,cAAgC;IACtC;EAEhB,oBAAC,MAAM;GAAa,SAAS;aAC5B,oBAACF;IAAO,MAAK;IAAQ,MAAK;KAAU;IAChB;EACpB,WAAW,oBAAC;GAAI,WAAWC,wBAAO;aAAU;IAAc;;EAC/C;;;;AAMd,MAAME,gBAA4D,EAAE,cAAc;AACjF,QAAO,oBAAC;EAAiB;aAAW,UAAwB,oBAAC,WAAQ,GAAI,QAAS;GAAW"}

package/dist/components/ds-toast/ds-toast.module.cjs

@@ -0,0 +1,11 @@
+
+//#region src/components/ds-toast/ds-toast.module.scss
+var ds_toast_module_default = {
+	"slide-in": "_slide-in_17obg_1",
+	"fade-out": "_fade-out_17obg_1",
+	"actions": "_actions_17obg_1",
+	"icon": "_icon_17obg_1"
+};
+
+//#endregion
+exports.default = ds_toast_module_default;

package/dist/components/ds-toast/ds-toast.module.js

@@ -0,0 +1,11 @@
+//#region src/components/ds-toast/ds-toast.module.scss
+var ds_toast_module_default = {
+	"slide-in": "_slide-in_17obg_1",
+	"fade-out": "_fade-out_17obg_1",
+	"actions": "_actions_17obg_1",
+	"icon": "_icon_17obg_1"
+};
+
+//#endregion
+export { ds_toast_module_default as default };
+//# sourceMappingURL=ds-toast.module.js.map

package/dist/components/ds-toast/ds-toast.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast.module.js","names":[],"sources":["../../../src/components/ds-toast/ds-toast.module.scss"],"sourcesContent":["[data-scope='toast'][data-part='root'] {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr auto;\n\tgrid-template-rows: auto 1fr auto;\n\tgrid-template-areas:\n\t\t'icon title close'\n\t\t'description description description'\n\t\t'actions actions actions';\n\talign-items: start;\n\tpadding: var(--spacing-standard);\n\tborder-radius: 4px;\n\tcolumn-gap: var(--spacing-xs);\n\trow-gap: var(--spacing-4xs);\n\tcolor: var(--color-font-on-action);\n\tbox-shadow: 0 1.25px 4px 0 rgba(0, 0, 0, 0.25);\n\t// approx. 6 columns (64 * 2)\n\tmin-width: 384px;\n\t// approx. 10 columns (64 * 10)\n\tmax-width: 640px;\n\toverflow-wrap: anywhere;\n\ttranslate: var(--x) var(--y);\n\tz-index: var(--z-index);\n\n\twill-change: translate, opacity, scale;\n\n\t&[data-state='open'] {\n\t\tanimation: slide-in 0.35s ease-in-out both;\n\t\ttransition: 0.35s all;\n\t}\n\n\t&[data-state='closed'] {\n\t\tanimation: fade-out 0.25s ease-out forwards;\n\t}\n\n\t&[data-type='success'] {\n\t\tbackground: var(--color-background-success-strong);\n\t}\n\n\t&[data-type='info'] {\n\t\tbackground: var(--color-background-info-strong);\n\t}\n\n\t&[data-type='warning'] {\n\t\tbackground: var(--color-background-warning-strong);\n\t}\n\n\t&[data-type='error'] {\n\t\tbackground: var(--color-background-danger-strong);\n\t}\n\n\t&:not(:has([data-scope='toast'][data-part='title'])) {\n\t\tgrid-template-columns: auto 1fr auto auto;\n\t\tgrid-template-areas: 'icon description actions close';\n\t\talign-items: center;\n\n\t\t.actions {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n\n[data-scope='toast'][data-part='close-trigger'] {\n\tgrid-area: close;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: var(--spacing-4xs);\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.05);\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid currentColor;\n\t\toutline-offset: 1px;\n\t}\n}\n\n[data-scope='toast'][data-part='title'] {\n\tgrid-area: title;\n}\n\n[data-scope='toast'][data-part='description'] {\n\tgrid-area: description;\n}\n\n.icon {\n\tgrid-area: icon;\n\tcolor: var(--color-icon-inverse);\n}\n\n.actions {\n\tgrid-area: actions;\n\tmargin-top: var(--spacing-sm);\n}\n\n@media (max-width: 640px) {\n\t[data-scope='toast'][data-part='group'] {\n\t\twidth: 100%;\n\t}\n\n\t[data-scope='toast'][data-part='root'] {\n\t\tinset-inline: 0;\n\t\twidth: calc(100% - var(--gap) * 2);\n\t}\n}\n\n@keyframes slide-in {\n\t0% {\n\t\topacity: 0;\n\t\tscale: 0.9;\n\t}\n\n\t60% {\n\t\tscale: 1.05;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\tscale: 1;\n\t}\n}\n\n@keyframes fade-out {\n\t0% {\n\t\topacity: 1;\n\t\ttranslate: 0 var(--offset);\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t\ttranslate: 0 var(--offset);\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-toast/ds-toast.types.d.cts

@@ -0,0 +1,53 @@
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/ds-toast/ds-toast.types.d.ts
+declare const toastVariants: readonly ["info", "success", "warning", "error"];
+type ToastVariant = (typeof toastVariants)[number];
+type DsToastConfig = {
+  persistent?: never;
+  /**
+   * Duration in milliseconds before auto-dismiss (ignored if persistent is true)
+   * @default 6000 (6 seconds)
+   */
+  duration?: number;
+} | {
+  duration?: never;
+  /**
+   * Whether the toast should persist until manually dismissed
+   * @default false
+   */
+  persistent?: boolean;
+};
+type DsToastProps = DsToastConfig & {
+  /**
+   * Toast type that determines styling and icon
+   */
+  variant?: ToastVariant;
+  /**
+   * Toast title
+   */
+  title?: ReactNode;
+  /**
+   * Toast description/message
+   */
+  description?: ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Optional action buttons to be rendered inside the component
+   */
+  actions?: ReactNode;
+  /**
+   * Callback when toast is dismissed
+   */
+  onDismiss?: () => void;
+};
+//#endregion
+export { DsToastProps, ToastVariant };
+//# sourceMappingURL=ds-toast.types.d.cts.map

package/dist/components/ds-toast/ds-toast.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast.types.d.cts","names":[],"sources":["../../../src/components/ds-toast/ds-toast.types.tsx"],"sourcesContent":[],"mappings":";;;cAEa;KACD,YAAA,WAAuB;AADtB,KAGD,aAAA,GAHiE;EACjE,UAAA,CAAA,EAAA,KAAY;EAEZ;AAkBZ;;;EAQS,QAAA,CAAA,EAAA,MAAA;CAIM,GAAA;EAQN,QAAA,CAAA,EAAA,KAAA;EAIE;;;;;;KAxBC,YAAA,GAAe;;;;YAIhB;;;;UAIF;;;;gBAIM;;;;;;;;UAQN;;;;YAIE"}

package/dist/components/ds-toast/ds-toast.types.d.ts

@@ -0,0 +1,53 @@
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/ds-toast/ds-toast.types.d.ts
+declare const toastVariants: readonly ["info", "success", "warning", "error"];
+type ToastVariant = (typeof toastVariants)[number];
+type DsToastConfig = {
+  persistent?: never;
+  /**
+   * Duration in milliseconds before auto-dismiss (ignored if persistent is true)
+   * @default 6000 (6 seconds)
+   */
+  duration?: number;
+} | {
+  duration?: never;
+  /**
+   * Whether the toast should persist until manually dismissed
+   * @default false
+   */
+  persistent?: boolean;
+};
+type DsToastProps = DsToastConfig & {
+  /**
+   * Toast type that determines styling and icon
+   */
+  variant?: ToastVariant;
+  /**
+   * Toast title
+   */
+  title?: ReactNode;
+  /**
+   * Toast description/message
+   */
+  description?: ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Optional action buttons to be rendered inside the component
+   */
+  actions?: ReactNode;
+  /**
+   * Callback when toast is dismissed
+   */
+  onDismiss?: () => void;
+};
+//#endregion
+export { DsToastProps, ToastVariant };
+//# sourceMappingURL=ds-toast.types.d.ts.map

package/dist/components/ds-toast/ds-toast.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast.types.d.ts","names":[],"sources":["../../../src/components/ds-toast/ds-toast.types.tsx"],"sourcesContent":[],"mappings":";;;cAEa;KACD,YAAA,WAAuB;AADtB,KAGD,aAAA,GAHiE;EACjE,UAAA,CAAA,EAAA,KAAY;EAEZ;AAkBZ;;;EAQS,QAAA,CAAA,EAAA,MAAA;CAIM,GAAA;EAQN,QAAA,CAAA,EAAA,KAAA;EAIE;;;;;;KAxBC,YAAA,GAAe;;;;YAIhB;;;;UAIF;;;;gBAIM;;;;;;;;UAQN;;;;YAIE"}

package/dist/components/ds-toast/index.cjs

@@ -0,0 +1 @@
+const require_ds_toast_context = require('./ds-toast-context.cjs');

package/dist/components/ds-toast/index.d.ts

@@ -0,0 +1,2 @@
+import { DsToastProps, ToastVariant } from "./ds-toast.types.js";
+import { DsToastContextType, DsToastProvider, DsToastProviderProps, useToaster } from "./ds-toast-context.js";

package/dist/components/ds-toast/index.js

@@ -0,0 +1 @@
+import { DsToastProvider, useToaster } from "./ds-toast-context.js";

package/dist/components/ds-tooltip/ds-tooltip.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_typography = require('../ds-typography/ds-typography.cjs');
+require('../ds-typography/index.cjs');
+const require_ds_tooltip_module = require('./ds-tooltip.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
+__radix_ui_react_tooltip = require_rolldown_runtime.__toESM(__radix_ui_react_tooltip);
+
+//#region src/components/ds-tooltip/ds-tooltip.tsx
+const DsTooltip = ({ content, children }) => {
+	if (content === void 0) return children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
+		delayDuration: 200,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Trigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Content, {
+			className: (0, classnames.default)(require_ds_tooltip_module.default.tooltip),
+			side: "top",
+			align: "center",
+			sideOffset: 4,
+			children: [(0, react.isValidElement)(content) ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+				variant: "body-xs-reg",
+				className: require_ds_tooltip_module.default.content,
+				children: content
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Arrow, { className: require_ds_tooltip_module.default.arrow })]
+		}) })] })
+	});
+};
+var ds_tooltip_default = DsTooltip;
+
+//#endregion
+exports.default = ds_tooltip_default;

package/dist/components/ds-tooltip/ds-tooltip.d.cts

@@ -0,0 +1,8 @@
+import { DsTooltipProps } from "./ds-tooltip.types.cjs";
+import { FC } from "react";
+
+//#region src/components/ds-tooltip/ds-tooltip.d.ts
+declare const DsTooltip: FC<DsTooltipProps>;
+//#endregion
+export { DsTooltip };
+//# sourceMappingURL=ds-tooltip.d.cts.map

package/dist/components/ds-tooltip/ds-tooltip.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tooltip.d.cts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,WAAW,GAAG"}

package/dist/components/ds-tooltip/ds-tooltip.d.ts

@@ -0,0 +1,8 @@
+import { DsTooltipProps } from "./ds-tooltip.types.js";
+import { FC } from "react";
+
+//#region src/components/ds-tooltip/ds-tooltip.d.ts
+declare const DsTooltip: FC<DsTooltipProps>;
+//#endregion
+export { DsTooltip };
+//# sourceMappingURL=ds-tooltip.d.ts.map

package/dist/components/ds-tooltip/ds-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tooltip.d.ts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,WAAW,GAAG"}