@staffbase/design 19.0.1 → 20.0.0

package/dist/main.cjs

@@ -11,35 +11,15 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
+const require_chunk = require("./chunk-CDHmpCQf.cjs");
 let _floating_ui_react = require("@floating-ui/react");
 let clsx = require("clsx");
-clsx = __toESM(clsx, 1);
+clsx = require_chunk.__toESM(clsx, 1);
 let react = require("react");
-react = __toESM(react, 1);
+react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react = require("@base-ui/react");
+let _base_ui_react_avatar = require("@base-ui/react/avatar");
 let _base_ui_react_drawer = require("@base-ui/react/drawer");
 let _base_ui_react_field = require("@base-ui/react/field");
 let react_dropzone = require("react-dropzone");
@@ -48,14 +28,14 @@ let motion_react = require("motion/react");
 let _base_ui_react_menu = require("@base-ui/react/menu");
 let _base_ui_react_number_field = require("@base-ui/react/number-field");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
-_radix_ui_react_popover = __toESM(_radix_ui_react_popover, 1);
+_radix_ui_react_popover = require_chunk.__toESM(_radix_ui_react_popover, 1);
 let _base_ui_react_combobox = require("@base-ui/react/combobox");
 let _base_ui_react_radio = require("@base-ui/react/radio");
 let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
 let _base_ui_react_select = require("@base-ui/react/select");
 let _base_ui_react_switch = require("@base-ui/react/switch");
 let _radix_ui_react_tabs = require("@radix-ui/react-tabs");
-_radix_ui_react_tabs = __toESM(_radix_ui_react_tabs, 1);
+_radix_ui_react_tabs = require_chunk.__toESM(_radix_ui_react_tabs, 1);
 let _base_ui_react_input = require("@base-ui/react/input");
 let _base_ui_react_tooltip = require("@base-ui/react/tooltip");
 //#region src/components/actionMenu/ActionMenuContext.tsx
@@ -273,11 +253,24 @@ ActionMenuItemIcon.displayName = "ActionMenuItemIcon";
 ActionMenuItemLabel.displayName = "ActionMenuItemLabel";
 //#endregion
 //#region src/components/button/Button.tsx
+function buttonVariants({ variant = "solid", color = "primary", iconOnly, className } = {}) {
+	return {
+		className: (0, clsx.default)("ds-button", className),
+		"data-variant": variant,
+		"data-color": color,
+		"data-icon-only": iconOnly ? true : void 0
+	};
+}
 var Button = (0, react.forwardRef)((props, ref) => {
-	const { children, className, variant = "solid", color = "primary", iconOnly = false, ...rest } = props;
+	const { children, className, variant, color, iconOnly, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		"data-c13y-component": "button",
-		className: (0, clsx.default)("ds-button", `ds-button--${variant}`, `ds-button--${color}`, { "ds-button--icon-only": iconOnly }, className),
+		...buttonVariants({
+			variant,
+			color,
+			iconOnly,
+			className
+		}),
 		...rest,
 		ref,
 		children
@@ -336,7 +329,7 @@ var Popup$6 = (0, react.forwardRef)((props, ref) => {
 		})]
 	});
 });
-var Title$2 = (0, react.forwardRef)((props, ref) => {
+var Title$3 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Title, {
 		"data-c13y-component": "alert-dialog-title",
@@ -345,7 +338,7 @@ var Title$2 = (0, react.forwardRef)((props, ref) => {
 		ref
 	});
 });
-var Description$3 = (0, react.forwardRef)((props, ref) => {
+var Description$4 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Description, {
 		"data-c13y-component": "alert-dialog-description",
@@ -360,11 +353,70 @@ var AlertDialog = {
 	Popup: Popup$6,
 	Cancel,
 	Action: Action$1,
-	Title: Title$2,
-	Description: Description$3,
+	Title: Title$3,
+	Description: Description$4,
 	Icon: Icon$1
 };
 //#endregion
+//#region src/components/avatar/Avatar.tsx
+var Root$10 = (0, react.forwardRef)((props, ref) => {
+	const { size = 40, className, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_avatar.Avatar.Root, {
+		ref,
+		"data-size": size,
+		className: (0, clsx.default)("ds-avatar", className),
+		...rest
+	});
+});
+var Image = (0, react.forwardRef)((props, ref) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_avatar.Avatar.Image, {
+		"data-c13y-component": "avatar",
+		ref,
+		className: (0, clsx.default)("ds-avatar__image", className),
+		...rest
+	});
+});
+var AVATAR_COLORS = [
+	"cyan",
+	"pink",
+	"purple",
+	"teal"
+];
+function deriveColor(name) {
+	return AVATAR_COLORS[name.split("").reduce((acc, char) => acc + (char.codePointAt(0) ?? 0), 0) % AVATAR_COLORS.length] ?? "purple";
+}
+var Avatar = {
+	Root: Root$10,
+	Fallback: (0, react.forwardRef)((props, ref) => {
+		const { className, name, ...rest } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_avatar.Avatar.Fallback, {
+			"data-c13y-component": "avatar",
+			ref,
+			"data-color": name ? deriveColor(name) : void 0,
+			className: (0, clsx.default)("ds-avatar__fallback", className),
+			...rest
+		});
+	}),
+	Group: (0, react.forwardRef)((props, ref) => {
+		const { className, ...rest } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: (0, clsx.default)("ds-avatar__group", className),
+			...rest
+		});
+	}),
+	GroupCount: (0, react.forwardRef)((props, ref) => {
+		const { className, ...rest } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: (0, clsx.default)("ds-avatar__group-count", className),
+			...rest
+		});
+	}),
+	Image
+};
+//#endregion
 //#region src/icons/AddCircleIcon.tsx
 /**
 * THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
@@ -3983,6 +4035,29 @@ var LogoutIcon = react.default.forwardRef((props, ref) => {
 LogoutIcon.displayName = "LogoutIcon";
 var LogoutIcon_default = react.default.memo(LogoutIcon);
 //#endregion
+//#region src/icons/LongTextIcon.tsx
+/**
+* THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
+*/
+var LongTextIcon = react.default.forwardRef((props, ref) => {
+	const { className, ...rest } = props;
+	const finalClassName = ["ds-icon ds-icon-long-text", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 20.6367 15.7754",
+		width: "1em",
+		height: "1em",
+		fill: "currentColor",
+		...rest,
+		className: finalClassName,
+		ref,
+		"data-c13y-component": "icon",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19.3867 13.2754C19.7182 13.2754 20.0361 13.4073 20.2705 13.6416C20.5049 13.876 20.6367 14.1939 20.6367 14.5254C20.6367 14.8569 20.5049 15.1748 20.2705 15.4092C20.0361 15.6435 19.7182 15.7754 19.3867 15.7754H1.25C0.9185 15.7754 0.6006 15.6436 0.3662 15.4092C0.1318 15.1748 0 14.8569 0 14.5254C0 14.1939 0.1318 13.876 0.3662 13.6416C0.6006 13.4072 0.9185 13.2754 1.25 13.2754H19.3867ZM15.5684 6.6826C15.8998 6.6827 16.2178 6.8145 16.4521 7.0488C16.6865 7.2832 16.8184 7.6012 16.8184 7.9326C16.8184 8.2641 16.6865 8.582 16.4521 8.8164C16.2178 9.0507 15.8998 9.1825 15.5684 9.1826H1.25C0.9185 9.1826 0.6006 9.0508 0.3662 8.8164C0.1318 8.582 0 8.2641 0 7.9326C0 7.6011 0.1318 7.2833 0.3662 7.0488C0.6006 6.8144 0.9185 6.6826 1.25 6.6826H15.5684ZM19.3867 0C19.7182 0 20.0361 0.1319 20.2705 0.3662C20.5049 0.6006 20.6367 0.9185 20.6367 1.25C20.6367 1.5815 20.5049 1.8994 20.2705 2.1338C20.0361 2.3681 19.7182 2.5 19.3867 2.5H1.25C0.9185 2.5 0.6006 2.3682 0.3662 2.1338C0.1318 1.8994 0 1.5815 0 1.25C0 0.9185 0.1318 0.6006 0.3662 0.3662C0.6006 0.1318 0.9185 0 1.25 0H19.3867Z" })
+	});
+});
+LongTextIcon.displayName = "LongTextIcon";
+var LongTextIcon_default = react.default.memo(LongTextIcon);
+//#endregion
 //#region src/icons/MagicWandIcon.tsx
 /**
 * THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
@@ -6984,6 +7059,29 @@ var ShareIosIcon = react.default.forwardRef((props, ref) => {
 ShareIosIcon.displayName = "ShareIosIcon";
 var ShareIosIcon_default = react.default.memo(ShareIosIcon);
 //#endregion
+//#region src/icons/ShortTextIcon.tsx
+/**
+* THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
+*/
+var ShortTextIcon = react.default.forwardRef((props, ref) => {
+	const { className, ...rest } = props;
+	const finalClassName = ["ds-icon ds-icon-short-text", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 20.6367 9.1826",
+		width: "1em",
+		height: "1em",
+		fill: "currentColor",
+		...rest,
+		className: finalClassName,
+		ref,
+		"data-c13y-component": "icon",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.5684 6.6826C15.8998 6.6827 16.2178 6.8145 16.4521 7.0488C16.6865 7.2832 16.8184 7.6012 16.8184 7.9326C16.8184 8.264 16.6865 8.582 16.4521 8.8164C16.2178 9.0507 15.8998 9.1825 15.5684 9.1826H1.25C0.9185 9.1826 0.6006 9.0508 0.3662 8.8164C0.1318 8.582 0 8.2641 0 7.9326C0 7.6011 0.1318 7.2832 0.3662 7.0488C0.6006 6.8144 0.9185 6.6826 1.25 6.6826H15.5684ZM19.3867 0C19.7182 0 20.0361 0.1319 20.2705 0.3662C20.5049 0.6006 20.6367 0.9185 20.6367 1.25C20.6367 1.5815 20.5049 1.8994 20.2705 2.1338C20.0361 2.3681 19.7182 2.5 19.3867 2.5H1.25C0.9185 2.5 0.6006 2.3682 0.3662 2.1338C0.1318 1.8994 0 1.5815 0 1.25C0 0.9185 0.1318 0.6006 0.3662 0.3662C0.6006 0.1318 0.9185 0 1.25 0H19.3867Z" })
+	});
+});
+ShortTextIcon.displayName = "ShortTextIcon";
+var ShortTextIcon_default = react.default.memo(ShortTextIcon);
+//#endregion
 //#region src/icons/ShrinkIcon.tsx
 /**
 * THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
@@ -7059,6 +7157,34 @@ var SidebarRightIcon = react.default.forwardRef((props, ref) => {
 SidebarRightIcon.displayName = "SidebarRightIcon";
 var SidebarRightIcon_default = react.default.memo(SidebarRightIcon);
 //#endregion
+//#region src/icons/SingleChoiceQuestionIcon.tsx
+/**
+* THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
+*/
+var SingleChoiceQuestionIcon = react.default.forwardRef((props, ref) => {
+	const { className, ...rest } = props;
+	const finalClassName = ["ds-icon ds-icon-single-choice-question", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 24 24",
+		width: "1em",
+		height: "1em",
+		fill: "currentColor",
+		...rest,
+		className: finalClassName,
+		ref,
+		"data-c13y-component": "icon",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M21 0H3C2.20435 0 1.44129 0.31607 0.87868 0.878679C0.316071 1.44129 0 2.20435 0 3V21C0 21.7956 0.316071 22.5587 0.87868 23.1213C1.44129 23.6839 2.20435 24 3 24H21C21.7956 24 22.5587 23.6839 23.1213 23.1213C23.6839 22.5587 24 21.7956 24 21V3C24 2.20435 23.6839 1.44129 23.1213 0.878679C22.5587 0.31607 21.7956 0 21 0ZM22 21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22H3C2.73478 22 2.48043 21.8946 2.29289 21.7071C2.10536 21.5196 2 21.2652 2 21V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3V21Z" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18.5 7.74902H14C13.6022 7.74902 13.2206 7.88072 12.9393 8.11514C12.658 8.34956 12.5 8.6675 12.5 8.99902C12.5 9.33054 12.658 9.64849 12.9393 9.88291C13.2206 10.1173 13.6022 10.249 14 10.249H18.5C18.8315 10.249 19.1495 10.1173 19.3839 9.88291C19.6183 9.64849 19.75 9.33054 19.75 8.99902C19.75 8.6675 19.6183 8.34956 19.3839 8.11514C19.1495 7.88072 18.8315 7.74902 18.5 7.74902Z" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18.5 15.749H14C13.6022 15.749 13.2206 15.8807 12.9393 16.1151C12.658 16.3496 12.5 16.6675 12.5 16.999C12.5 17.3305 12.658 17.6485 12.9393 17.8829C13.2206 18.1173 13.6022 18.249 14 18.249H18.5C18.8315 18.249 19.1495 18.1173 19.3839 17.8829C19.6183 17.6485 19.75 17.3305 19.75 16.999C19.75 16.6675 19.6183 16.3496 19.3839 16.1151C19.1495 15.8807 18.8315 15.749 18.5 15.749Z" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.82843 6.41324C6.18198 6.41324 5.48493 6.68567 5 7.17059C4.51507 7.65552 4.24264 8.31323 4.24264 8.99902C4.24264 9.68482 4.51507 10.3425 5 10.8274C5.48493 11.3124 6.19814 11.5848 6.82843 11.5848C7.51422 11.5848 8.17193 11.3124 8.65686 10.8274C9.14179 10.3425 9.41421 9.68482 9.41421 8.99902C9.41421 8.31323 9.14179 7.65552 8.65686 7.17059C8.17193 6.68567 7.51422 6.41324 6.82843 6.41324Z" })
+		]
+	});
+});
+SingleChoiceQuestionIcon.displayName = "SingleChoiceQuestionIcon";
+var SingleChoiceQuestionIcon_default = react.default.memo(SingleChoiceQuestionIcon);
+//#endregion
 //#region src/icons/SliderQuestionIcon.tsx
 /**
 * THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
@@ -8579,6 +8705,7 @@ var iconList = {
 	"lock-alt": LockAltIcon_default,
 	login: LoginIcon_default,
 	logout: LogoutIcon_default,
+	"long-text": LongTextIcon_default,
 	"magic-wand": MagicWandIcon_default,
 	"map-pin": MapPinIcon_default,
 	"merge-left": MergeLeftIcon_default,
@@ -8664,9 +8791,11 @@ var iconList = {
 	settings: SettingsIcon_default,
 	"share-android": ShareAndroidIcon_default,
 	"share-ios": ShareIosIcon_default,
+	"short-text": ShortTextIcon_default,
 	shrink: ShrinkIcon_default,
 	"sidebar-left": SidebarLeftIcon_default,
 	"sidebar-right": SidebarRightIcon_default,
+	"single-choice-question": SingleChoiceQuestionIcon_default,
 	"slider-question": SliderQuestionIcon_default,
 	snowflake: SnowflakeIcon_default,
 	sort: SortIcon_default,
@@ -8730,8 +8859,9 @@ var Icon = ({ name, ...props }) => {
 	}) : null;
 };
 //#endregion
-//#region src/components/avatar/Avatar.tsx
-function Avatar(props) {
+//#region src/components/avatarDeprecated/AvatarDeprecated.tsx
+/** @deprecated Use `Avatar` from `@staffbase/design` instead */
+function AvatarDeprecated(props) {
 	const { alt, children, className = "", color = "purple", size = "32", src } = props;
 	const [hasImage, setHasImage] = (0, react.useState)(src !== void 0 && src !== "");
 	const variant = typeof children === "string" && children !== "" ? color : "grey";
@@ -8741,20 +8871,18 @@ function Avatar(props) {
 	const attrs = { title: alt };
 	if (hasImage) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 		...attrs,
-		"data-c13y-component": "avatar",
-		className: (0, clsx.default)("ds-avatar", "ds-avatar__image", `ds-avatar--size-${size}`, className),
+		className: (0, clsx.default)("ds-avatar-deprecated", "ds-avatar-deprecated__image", `ds-avatar--size-${size}`, className),
 		src,
 		alt,
 		onError: () => setHasImage(false)
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		...attrs,
-		"data-c13y-component": "avatar",
-		className: (0, clsx.default)("ds-avatar", "ds-avatar--default", `ds-avatar--${variant}`, `ds-avatar--size-${size}`, className),
+		className: (0, clsx.default)("ds-avatar-deprecated", "ds-avatar--default", `ds-avatar--${variant}`, `ds-avatar--size-${size}`, className),
 		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UserIcon_default, {})
 	});
 }
-Avatar.displayName = "Avatar";
+AvatarDeprecated.displayName = "Avatar";
 //#endregion
 //#region src/components/badge/Badge.tsx
 function Badge(props) {
@@ -8782,7 +8910,7 @@ var ICONS = {
 	warning: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WarningIcon_default, {}),
 	critical: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertIcon_default, {})
 };
-var Root$8 = (0, react.forwardRef)((props, ref) => {
+var Root$9 = (0, react.forwardRef)((props, ref) => {
 	const { children, className, variant = "info", size = "sm", layout = "standalone", ...restProps } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-c13y-component": "banner",
@@ -8799,8 +8927,8 @@ var Root$8 = (0, react.forwardRef)((props, ref) => {
 		})]
 	});
 });
-Root$8.displayName = "Banner.Root";
-var CloseButton = (0, react.forwardRef)((props, ref) => {
+Root$9.displayName = "Banner.Root";
+var Close$3 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...restProps } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		ref,
@@ -8811,8 +8939,8 @@ var CloseButton = (0, react.forwardRef)((props, ref) => {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon_default, {})
 	});
 });
-CloseButton.displayName = "Banner.CloseButton";
-var Banner = Object.assign(Root$8, { CloseButton });
+Close$3.displayName = "Banner.Close";
+var Banner = Object.assign(Root$9, { Close: Close$3 });
 //#endregion
 //#region src/components/bottomSheet/BottomSheet.tsx
 var Trigger$6 = (props) => {
@@ -8823,7 +8951,7 @@ var Trigger$6 = (props) => {
 		ref
 	});
 };
-var Title$1 = (0, react.forwardRef)((props, ref) => {
+var Title$2 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Title, {
 		"data-c13y-component": "bottom-sheet-title",
@@ -8832,7 +8960,7 @@ var Title$1 = (0, react.forwardRef)((props, ref) => {
 		ref
 	});
 });
-var Description$2 = (0, react.forwardRef)((props, ref) => {
+var Description$3 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Description, {
 		"data-c13y-component": "bottom-sheet-description",
@@ -8906,8 +9034,8 @@ var BottomSheet = {
 	Trigger: Trigger$6,
 	Close: Close$2,
 	Back,
-	Description: Description$2,
-	Title: Title$1,
+	Description: Description$3,
+	Title: Title$2,
 	Action,
 	Header: Header$1
 };
@@ -9077,7 +9205,7 @@ var Trigger$5 = (props) => {
 		ref
 	});
 };
-var Title = (0, react.forwardRef)((props, ref) => {
+var Title$1 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Title, {
 		"data-c13y-component": "dialog-title",
@@ -9086,7 +9214,7 @@ var Title = (0, react.forwardRef)((props, ref) => {
 		ref
 	});
 });
-var Description$1 = (0, react.forwardRef)((props, ref) => {
+var Description$2 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Description, {
 		"data-c13y-component": "dialog-description",
@@ -9151,8 +9279,8 @@ var Dialog = {
 	Popup: Popup$4,
 	Trigger: Trigger$5,
 	Close: Close$1,
-	Description: Description$1,
-	Title,
+	Description: Description$2,
+	Title: Title$1,
 	Header,
 	Footer,
 	Body
@@ -9186,13 +9314,63 @@ function Divider(props) {
 }
 Divider.displayName = "Divider";
 //#endregion
+//#region src/components/empty/Empty.tsx
+var Root$8 = (0, react.forwardRef)((props, ref) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-c13y-component": "empty",
+		className: (0, clsx.default)("ds-empty", className),
+		...rest,
+		ref
+	});
+});
+Root$8.displayName = "Empty.Root";
+var Media = (0, react.forwardRef)((props, ref) => {
+	const { className, size = "md", ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-c13y-component": "empty-media",
+		"data-size": size,
+		className: (0, clsx.default)("ds-empty__media", className),
+		...rest,
+		ref
+	});
+});
+Media.displayName = "Empty.Media";
+var Title = (0, react.forwardRef)((props, ref) => {
+	const { className, children, as: Tag, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
+		"data-c13y-component": "empty-title",
+		className: (0, clsx.default)("ds-empty__title", className),
+		...rest,
+		ref,
+		children
+	});
+});
+Title.displayName = "Empty.Title";
+var Description$1 = (0, react.forwardRef)((props, ref) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		"data-c13y-component": "empty-description",
+		className: (0, clsx.default)("ds-empty__description", className),
+		...rest,
+		ref
+	});
+});
+Description$1.displayName = "Empty.Description";
+var Empty = {
+	Root: Root$8,
+	Media,
+	Title,
+	Description: Description$1
+};
+//#endregion
 //#region src/components/emptyState/EmptyState.tsx
 var getValidIconSize = (iconSize) => iconSize === "40px" || iconSize === "96px" ? iconSize : "40px";
+/** @deprecated Use Empty instead */
 function EmptyState(props) {
 	const { title, icon, iconSize, body, className = "" } = props;
 	const validIconSize = getValidIconSize(iconSize);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-c13y-component": "empty-state",
 		className: (0, clsx.default)("ds-empty-state", className),
 		children: [
 			icon && (0, react.cloneElement)(icon, {
@@ -9205,12 +9383,10 @@ function EmptyState(props) {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "ds-empty-state__title",
-				"data-c13y-component": "empty-state-title",
 				children: title
 			}),
 			body ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "ds-empty-state__body",
-				"data-c13y-component": "empty-state-content",
 				children: body
 			}) : null
 		]
@@ -10727,7 +10903,7 @@ var Chip = (0, react.forwardRef)((props, ref) => {
 		})]
 	});
 });
-var Empty$1 = (0, react.forwardRef)((props, ref) => {
+var Empty$2 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Empty, {
 		"data-c13y-component": "searchable-multi-select-empty",
@@ -10763,7 +10939,7 @@ var SearchableMultiSelect = {
 	Input: Input$1,
 	Value: Value$1,
 	Chip,
-	Empty: Empty$1,
+	Empty: Empty$2,
 	Collection: _base_ui_react_combobox.Combobox.Collection,
 	Status: _base_ui_react_combobox.Combobox.Status
 };
@@ -10861,7 +11037,7 @@ var GroupLabel$1 = (0, react.forwardRef)((props, ref) => {
 		...rest
 	});
 });
-var Empty = (0, react.forwardRef)((props, ref) => {
+var Empty$1 = (0, react.forwardRef)((props, ref) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Empty, {
 		"data-c13y-component": "searchable-single-select-empty",
@@ -10882,7 +11058,7 @@ var SearchableSingleSelect = {
 	ItemIndicator: ItemIndicator$1,
 	Separator: Separator$2,
 	Input,
-	Empty
+	Empty: Empty$1
 };
 //#endregion
 //#region src/components/segmentedControl/SegmentedControl.tsx
@@ -11758,6 +11934,7 @@ exports.ArrowUpIcon = ArrowUpIcon_default;
 exports.ArtboardIcon = ArtboardIcon_default;
 exports.AttachmentIcon = AttachmentIcon_default;
 exports.Avatar = Avatar;
+exports.AvatarDeprecated = AvatarDeprecated;
 exports.Badge = Badge;
 exports.Banner = Banner;
 exports.BarChartIcon = BarChartIcon_default;
@@ -11822,6 +11999,7 @@ exports.EmailFollowUpIcon = EmailFollowUpIcon_default;
 exports.EmailIcon = EmailIcon_default;
 exports.EmailOpenIcon = EmailOpenIcon_default;
 exports.EmailTeamsIcon = EmailTeamsIcon_default;
+exports.Empty = Empty;
 exports.EmptyState = EmptyState;
 exports.ExpandHorizontalIcon = ExpandHorizontalIcon_default;
 exports.ExpandIcon = ExpandIcon_default;
@@ -11893,6 +12071,7 @@ exports.LockAltIcon = LockAltIcon_default;
 exports.LockIcon = LockIcon_default;
 exports.LoginIcon = LoginIcon_default;
 exports.LogoutIcon = LogoutIcon_default;
+exports.LongTextIcon = LongTextIcon_default;
 exports.MagicWandIcon = MagicWandIcon_default;
 exports.MapPinIcon = MapPinIcon_default;
 exports.Menu = Menu;
@@ -11993,9 +12172,11 @@ exports.Separator = Separator;
 exports.SettingsIcon = SettingsIcon_default;
 exports.ShareAndroidIcon = ShareAndroidIcon_default;
 exports.ShareIosIcon = ShareIosIcon_default;
+exports.ShortTextIcon = ShortTextIcon_default;
 exports.ShrinkIcon = ShrinkIcon_default;
 exports.SidebarLeftIcon = SidebarLeftIcon_default;
 exports.SidebarRightIcon = SidebarRightIcon_default;
+exports.SingleChoiceQuestionIcon = SingleChoiceQuestionIcon_default;
 exports.SingleSelect = SingleSelect;
 exports.Skeleton = Skeleton;
 exports.SliderQuestionIcon = SliderQuestionIcon_default;
@@ -12059,6 +12240,7 @@ exports.ViewAltIcon = ViewAltIcon_default;
 exports.ViewIcon = ViewIcon_default;
 exports.WarningIcon = WarningIcon_default;
 exports.WatchIcon = WatchIcon_default;
+exports.buttonVariants = buttonVariants;
 exports.iconNames = iconNames;
 
 //# sourceMappingURL=main.cjs.map