@reopt-ai/opt-ui 1.7.0 → 1.9.0

package/dist/{pagination-DjfxBcjX.cjs → highlight-CGcrYGMC.cjs}

@@ -346,7 +346,7 @@ const variantStyles$2 = {
 	ghost: "text-text-secondary hover:bg-bg-subtle active:bg-bg-muted focus-visible:ring-offset-1",
 	danger: "bg-danger text-danger-fg hover:bg-danger active:bg-danger focus-visible:ring-offset-2"
 };
-const sizeStyles$3 = {
+const sizeStyles$4 = {
 	sm: "h-[var(--opt-control-sm)] px-[var(--opt-control-padding-sm)] text-xs gap-[var(--opt-space-1-5)]",
 	md: "h-[var(--opt-control-md)] px-[var(--opt-control-padding-md)] text-sm gap-[var(--opt-space-2)]",
 	lg: "h-[var(--opt-control-lg)] px-[var(--opt-control-padding-lg)] text-base gap-[var(--opt-space-2)]"
@@ -357,7 +357,7 @@ function Button(_ref) {
 	const isDisabled = disabled || loading;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", _objectSpread2(_objectSpread2({
 		type: "button",
-		className: cn("inline-flex cursor-pointer items-center justify-center rounded-lg font-medium transition-colors", OPT_FOCUS_VISIBLE, variantStyles$2[variant], sizeStyles$3[size], isDisabled && "pointer-events-none cursor-not-allowed opacity-50", className),
+		className: cn("inline-flex cursor-pointer items-center justify-center rounded-lg font-medium transition-colors", OPT_FOCUS_VISIBLE, variantStyles$2[variant], sizeStyles$4[size], isDisabled && "pointer-events-none cursor-not-allowed opacity-50", className),
 		disabled: isDisabled
 	}, props), {}, {
 		"aria-busy": loading ? true : ariaBusy,
@@ -466,7 +466,7 @@ const progressStroke = {
 	error: "stroke-danger",
 	info: "stroke-info"
 };
-const sizeStyles$2 = {
+const sizeStyles$3 = {
 	sm: "px-1.5 py-0.5 text-[10px]",
 	md: "px-2 py-0.5 text-[11px]"
 };
@@ -478,7 +478,7 @@ function Badge(_ref) {
 	const radius = (progressSize - 3) / 2;
 	const circumference = 2 * Math.PI * radius;
 	const offset = circumference - clampedProgress / 100 * circumference;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", _objectSpread2(_objectSpread2({ className: cn(OPT_BADGE, variantStyles$1[variant], sizeStyles$2[size], className) }, props), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", _objectSpread2(_objectSpread2({ className: cn(OPT_BADGE, variantStyles$1[variant], sizeStyles$3[size], className) }, props), {}, {
 		"data-opt-id": "9GBGZ",
 		"data-opt-slug": "badge.Badge",
 		children: [
@@ -525,7 +525,7 @@ const _excluded$13 = [
 	"aria-hidden",
 	"aria-label"
 ];
-const sizeStyles$1 = {
+const sizeStyles$2 = {
 	sm: "h-4 w-4",
 	md: "h-6 w-6",
 	lg: "h-8 w-8"
@@ -535,7 +535,7 @@ function Spinner(_ref) {
 	let { size = "md", className, role, "aria-hidden": ariaHidden, "aria-label": ariaLabel } = _ref, props = _objectWithoutProperties(_ref, _excluded$13);
 	const isDecorative = ariaHidden === true || ariaHidden === "true";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
-		className: cn("animate-spin text-current", sizeStyles$1[size], className),
+		className: cn("animate-spin text-current", sizeStyles$2[size], className),
 		viewBox: "0 0 24 24",
 		fill: "none",
 		role: isDecorative ? void 0 : role !== null && role !== void 0 ? role : "status",
@@ -3554,7 +3554,7 @@ function setForwardedRef(ref, value) {
 	if (typeof ref === "function") ref(value);
 	else if (ref) ref.current = value;
 }
-const sizeStyles = {
+const sizeStyles$1 = {
 	sm: {
 		box: "h-4 w-4",
 		icon: "h-3 w-3",
@@ -3620,7 +3620,7 @@ const Checkbox = (0, react.forwardRef)((_ref, ref) => {
 	const checkboxId = (_useInputId = useInputId(id, label, "checkbox")) !== null && _useInputId !== void 0 ? _useInputId : `checkbox-${fallbackId}`;
 	const hintText = hint !== null && hint !== void 0 ? hint : description;
 	const hasError = Boolean(error);
-	const styles = sizeStyles[size];
+	const styles = sizeStyles$1[size];
 	const isIndeterminate = Boolean(indeterminate);
 	const inputRef = (0, react.useCallback)((node) => {
 		if (node) node.indeterminate = isIndeterminate;
@@ -3867,6 +3867,258 @@ function Pagination(_ref) {
 	}));
 }
 //#endregion
+//#region src/core/field-token.tsx
+/**
+* The glyph and palette slot each field type reads as. Exported so a product
+* can render the same legend the tokens imply.
+*/
+const FIELD_TYPE_TOKENS = {
+	string: {
+		icon: lucide_react.Type,
+		tone: 1,
+		name: "String"
+	},
+	number: {
+		icon: lucide_react.Hash,
+		tone: 2,
+		name: "Number"
+	},
+	boolean: {
+		icon: lucide_react.ToggleLeft,
+		tone: 3,
+		name: "Boolean"
+	},
+	date: {
+		icon: lucide_react.Calendar,
+		tone: 4,
+		name: "Date"
+	},
+	datetime: {
+		icon: lucide_react.CalendarClock,
+		tone: 4,
+		name: "Date and time"
+	},
+	duration: {
+		icon: lucide_react.Timer,
+		tone: 5,
+		name: "Duration"
+	},
+	percent: {
+		icon: lucide_react.Percent,
+		tone: 6,
+		name: "Percent"
+	},
+	currency: {
+		icon: lucide_react.CircleDollarSign,
+		tone: 7,
+		name: "Currency"
+	},
+	enum: {
+		icon: lucide_react.List,
+		tone: 8,
+		name: "Enum"
+	},
+	array: {
+		icon: lucide_react.Brackets,
+		tone: 9,
+		name: "Array"
+	},
+	object: {
+		icon: lucide_react.Braces,
+		tone: 10,
+		name: "Object"
+	},
+	json: {
+		icon: lucide_react.Braces,
+		tone: 10,
+		name: "JSON"
+	},
+	ip: {
+		icon: lucide_react.Network,
+		tone: 11,
+		name: "IP address"
+	},
+	geo: {
+		icon: lucide_react.MapPin,
+		tone: 12,
+		name: "Geo point"
+	},
+	url: {
+		icon: lucide_react.Link2,
+		tone: 13,
+		name: "URL"
+	},
+	email: {
+		icon: lucide_react.AtSign,
+		tone: 14,
+		name: "Email"
+	},
+	id: {
+		icon: lucide_react.Fingerprint,
+		tone: 15,
+		name: "Identifier"
+	},
+	binary: {
+		icon: lucide_react.Binary,
+		tone: 16,
+		name: "Binary"
+	},
+	aggregate: {
+		icon: lucide_react.Sigma,
+		tone: 2,
+		name: "Aggregate"
+	},
+	nested: {
+		icon: lucide_react.Layers,
+		tone: 9,
+		name: "Nested"
+	},
+	unknown: {
+		icon: lucide_react.CircleHelp,
+		tone: 0,
+		name: "Unknown"
+	}
+};
+/**
+* Names a backend type as one of ours. Accepts the spellings Postgres,
+* ClickHouse, DuckDB, and JSON Schema actually emit, so a caller can hand
+* over a column type verbatim instead of maintaining its own table.
+*/
+function resolveFieldType(raw) {
+	if (!raw) return "unknown";
+	const t = raw.trim().toLowerCase();
+	if (t in FIELD_TYPE_TOKENS) return t;
+	if (t.endsWith("[]")) return "array";
+	if (/^(array|list|set|multi)/.test(t)) return "array";
+	if (/^(bytea|blob|binary|fixedstring)/.test(t)) return "binary";
+	if (/^bool/.test(t)) return "boolean";
+	if (/^(timestamp|datetime)/.test(t)) return "datetime";
+	if (/^date/.test(t)) return "date";
+	if (/^interval/.test(t)) return "duration";
+	if (/^(uuid|guid)/.test(t)) return "id";
+	if (/^(inet|cidr|ipv?[46])/.test(t)) return "ip";
+	if (/^(point|geo|geography|geometry|latlon)/.test(t)) return "geo";
+	if (/^(jsonb?|map|struct|record|tuple)/.test(t)) return "json";
+	if (/^(enum|lowcardinality|category|categorical)/.test(t)) return "enum";
+	if (/^(u?int|float|double|decimal|numeric|real|bigint|smallint|tinyint|serial|money)/.test(t)) return "number";
+	if (/^(text|n?varchar|n?char|keyword|str|string)/.test(t)) return "string";
+	return "unknown";
+}
+const sizeStyles = {
+	xs: "size-4 rounded-[3px] [&>svg]:size-2.5",
+	sm: "size-5 rounded [&>svg]:size-3",
+	md: "size-6 rounded-md [&>svg]:size-3.5",
+	lg: "size-8 rounded-lg [&>svg]:size-4"
+};
+const shapeStyles = {
+	square: "",
+	circle: "rounded-full"
+};
+/**
+* FieldToken — the type of a field, as a glyph.
+*
+* A field list, a column header, and a property table all have to answer
+* "what kind of thing is this?" before anything else, and they have to answer
+* it in the width of an icon. This is that answer: one glyph per type, one
+* palette slot per glyph, stable across every surface that shows fields, so a
+* reader learns the vocabulary once.
+*
+* @example
+* ```tsx
+* <FieldToken type={resolveFieldType(column.dataType)} title={column.name} />
+* ```
+*/
+function FieldToken({ type, size = "sm", fill = "subtle", shape = "square", title, decorative = false, className }) {
+	var _FIELD_TYPE_TOKENS$ty;
+	const appearance = (_FIELD_TYPE_TOKENS$ty = FIELD_TYPE_TOKENS[type]) !== null && _FIELD_TYPE_TOKENS$ty !== void 0 ? _FIELD_TYPE_TOKENS$ty : FIELD_TYPE_TOKENS.unknown;
+	const Icon = appearance.icon;
+	const label = title !== null && title !== void 0 ? title : appearance.name;
+	const hue = appearance.tone === 0 ? "var(--color-text-tertiary)" : `var(--opt-chart-${appearance.tone})`;
+	const style = fill === "solid" ? {
+		backgroundColor: hue,
+		color: "var(--color-surface)"
+	} : fill === "subtle" ? {
+		backgroundColor: `color-mix(in oklab, ${hue} 14%, transparent)`,
+		color: hue
+	} : { color: hue };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: cn("inline-flex shrink-0 items-center justify-center", sizeStyles[size], shapeStyles[shape], className),
+		style,
+		role: decorative ? void 0 : "img",
+		"aria-label": decorative ? void 0 : label,
+		"aria-hidden": decorative ? true : void 0,
+		"data-opt-id": "V3AJ4",
+		"data-opt-slug": "field-token.FieldToken",
+		"data-field-type": type,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { "aria-hidden": "true" })
+	});
+}
+//#endregion
+//#region src/core/highlight.tsx
+function escapeForRegExp(value) {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+/**
+* Splits `text` on every occurrence of every term. Terms are matched longest
+* first so a search for both "check" and "checkout" marks "checkout" whole
+* rather than leaving a stray "out".
+*/
+function segment(text, terms, caseSensitive, firstOnly) {
+	const usable = terms.filter((term) => term.length > 0).sort((a, b) => b.length - a.length);
+	if (usable.length === 0) return [{
+		text,
+		hit: false
+	}];
+	const pattern = new RegExp(`(${usable.map(escapeForRegExp).join("|")})`, caseSensitive ? "g" : "gi");
+	const out = [];
+	let cursor = 0;
+	let matched = false;
+	for (const match of text.matchAll(pattern)) {
+		var _match$index;
+		if (firstOnly && matched) break;
+		const at = (_match$index = match.index) !== null && _match$index !== void 0 ? _match$index : 0;
+		if (at > cursor) out.push({
+			text: text.slice(cursor, at),
+			hit: false
+		});
+		out.push({
+			text: match[0],
+			hit: true
+		});
+		cursor = at + match[0].length;
+		matched = true;
+	}
+	if (cursor < text.length) out.push({
+		text: text.slice(cursor),
+		hit: false
+	});
+	return out;
+}
+/**
+* Highlight — marks the part of a string the reader searched for.
+*
+* Uses a real `<mark>`, so the match is carried by semantics rather than by
+* colour alone and survives a high-contrast theme. Terms are matched longest
+* first, so overlapping terms produce whole marks instead of fragments.
+*
+* @example
+* ```tsx
+* <Highlight text={row.message} search={query} />
+* ```
+*/
+function Highlight({ text, search, caseSensitive = false, firstOnly = false, className, markClassName }) {
+	const segments = segment(text, Array.isArray(search) ? search : [search], caseSensitive, firstOnly);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className,
+		"data-opt-id": "448TR",
+		"data-opt-slug": "highlight.Highlight",
+		children: segments.map((part, index) => part.hit ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
+			className: cn("bg-warning-subtle text-text-primary rounded-[2px] px-0.5 font-medium", markClassName),
+			children: part.text
+		}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: part.text }, index))
+	});
+}
+//#endregion
 Object.defineProperty(exports, "Alert", {
 	enumerable: true,
 	get: function() {
@@ -4047,12 +4299,24 @@ Object.defineProperty(exports, "EmptyState", {
 		return EmptyState;
 	}
 });
+Object.defineProperty(exports, "FIELD_TYPE_TOKENS", {
+	enumerable: true,
+	get: function() {
+		return FIELD_TYPE_TOKENS;
+	}
+});
 Object.defineProperty(exports, "FieldMessages", {
 	enumerable: true,
 	get: function() {
 		return FieldMessages;
 	}
 });
+Object.defineProperty(exports, "FieldToken", {
+	enumerable: true,
+	get: function() {
+		return FieldToken;
+	}
+});
 Object.defineProperty(exports, "FormCheckbox", {
 	enumerable: true,
 	get: function() {
@@ -4227,6 +4491,12 @@ Object.defineProperty(exports, "FormTextarea", {
 		return FormTextarea;
 	}
 });
+Object.defineProperty(exports, "Highlight", {
+	enumerable: true,
+	get: function() {
+		return Highlight;
+	}
+});
 Object.defineProperty(exports, "IconPicker", {
 	enumerable: true,
 	get: function() {
@@ -4725,6 +4995,12 @@ Object.defineProperty(exports, "koStarRatingLabels", {
 		return koStarRatingLabels;
 	}
 });
+Object.defineProperty(exports, "resolveFieldType", {
+	enumerable: true,
+	get: function() {
+		return resolveFieldType;
+	}
+});
 Object.defineProperty(exports, "useControlledState", {
 	enumerable: true,
 	get: function() {

package/dist/id-registry.cjs

@@ -204,6 +204,18 @@ const ID_REGISTRY = Object.freeze({
 		layer: "shells",
 		metaName: "CodeSnippetViewer"
 	},
+	E7T89: {
+		slug: "color-palette",
+		exportName: "ColorPaletteDisplay",
+		layer: "core",
+		metaName: "ColorPalette"
+	},
+	"5R0PG": {
+		slug: "color-palette",
+		exportName: "ColorPalettePicker",
+		layer: "core",
+		metaName: "ColorPalette"
+	},
 	V2CSG: {
 		slug: "color-picker",
 		exportName: "ColorPicker",
@@ -564,6 +576,30 @@ const ID_REGISTRY = Object.freeze({
 		layer: "shells",
 		metaName: "ExportButton"
 	},
+	TXGA8: {
+		slug: "expression",
+		exportName: "Expression",
+		layer: "core",
+		metaName: "Expression"
+	},
+	F78CE: {
+		slug: "expression",
+		exportName: "ExpressionGroup",
+		layer: "core",
+		metaName: "Expression"
+	},
+	E9H18: {
+		slug: "facet",
+		exportName: "Facet",
+		layer: "core",
+		metaName: "Facet"
+	},
+	G1RNN: {
+		slug: "facet",
+		exportName: "FacetGroup",
+		layer: "core",
+		metaName: "Facet"
+	},
 	ZAM3R: {
 		slug: "failure-list",
 		exportName: "FailureList",
@@ -588,6 +624,12 @@ const ID_REGISTRY = Object.freeze({
 		layer: "shells",
 		metaName: "FieldSidebar"
 	},
+	V3AJ4: {
+		slug: "field-token",
+		exportName: "FieldToken",
+		layer: "core",
+		metaName: "FieldToken"
+	},
 	BS5N0: {
 		slug: "filter-bar",
 		exportName: "FilterBar",
@@ -804,6 +846,12 @@ const ID_REGISTRY = Object.freeze({
 		layer: "core",
 		metaName: "Heading"
 	},
+	"448TR": {
+		slug: "highlight",
+		exportName: "Highlight",
+		layer: "core",
+		metaName: "Highlight"
+	},
 	"0DRGP": {
 		slug: "icon-picker",
 		exportName: "IconPicker",
@@ -816,6 +864,12 @@ const ID_REGISTRY = Object.freeze({
 		layer: "shells",
 		metaName: "InlineEditTable"
 	},
+	RQ0H2: {
+		slug: "inline-edit",
+		exportName: "InlineEdit",
+		layer: "core",
+		metaName: "InlineEdit"
+	},
 	"7BY1Q": {
 		slug: "input",
 		exportName: "Input",
@@ -840,19 +894,31 @@ const ID_REGISTRY = Object.freeze({
 		layer: "core",
 		metaName: "Kbd"
 	},
+	ZZG2R: {
+		slug: "key-pad-menu",
+		exportName: "KeyPadMenu",
+		layer: "core",
+		metaName: "KeyPadMenu"
+	},
 	NCBWA: {
 		slug: "key-value-editor",
 		exportName: "KeyValueEditor",
 		layer: "shells",
 		metaName: "KeyValueEditor"
 	},
+	"0CFGR": {
+		slug: "live-region",
+		exportName: "LiveRegion",
+		layer: "core",
+		metaName: "LiveRegion"
+	},
 	"380ZR": {
 		slug: "loading-overlay",
 		exportName: "LoadingOverlay",
 		layer: "core",
 		metaName: "LoadingOverlay"
 	},
-	NJ4N9: {
+	"3ZR82": {
 		slug: "log-table",
 		exportName: "LogTable",
 		layer: "shells",
@@ -1320,6 +1386,12 @@ const ID_REGISTRY = Object.freeze({
 		layer: "shells",
 		metaName: "TemplatePicker"
 	},
+	Y6BGX: {
+		slug: "text-truncate",
+		exportName: "TextTruncate",
+		layer: "core",
+		metaName: "TextTruncate"
+	},
 	NFKP2: {
 		slug: "text",
 		exportName: "Text",
@@ -1485,6 +1557,8 @@ const SLUG_TO_ID = Object.freeze({
 	"checkbox.CheckboxGroup": "V6NSW",
 	"code-diff-viewer.CodeDiffViewer": "GSDVD",
 	"code-snippet-viewer.CodeSnippetViewer": "9GDXY",
+	"color-palette.ColorPaletteDisplay": "E7T89",
+	"color-palette.ColorPalettePicker": "5R0PG",
 	"color-picker.ColorPicker": "V2CSG",
 	"column-toggler.ColumnToggler": "PPN5M",
 	"combobox.ComboboxEmpty": "RZ06M",
@@ -1545,10 +1619,15 @@ const SLUG_TO_ID = Object.freeze({
 	"event-icon.EventIcon": "ZNSD9",
 	"event-meta-editor.EventMetaEditor": "EZR35",
 	"export-button.ExportButton": "MGP2B",
+	"expression.Expression": "TXGA8",
+	"expression.ExpressionGroup": "F78CE",
+	"facet.Facet": "E9H18",
+	"facet.FacetGroup": "G1RNN",
 	"failure-list.FailureList": "ZAM3R",
 	"faq-accordion.FaqAccordion": "QRBHV",
 	"feature-flag-panel.FeatureFlagPanel": "JW164",
 	"field-sidebar.FieldSidebar": "17D4Y",
+	"field-token.FieldToken": "V3AJ4",
 	"filter-bar.FilterBar": "BS5N0",
 	"floating-action-bar.FloatingActionBar": "S390B",
 	"form-dynamic.DynamicFieldForm": "8RYG7",
@@ -1585,15 +1664,19 @@ const SLUG_TO_ID = Object.freeze({
 	"form.FormTagInput": "W05M1",
 	"form.FormTextarea": "Q8G2A",
 	"heading.Heading": "NF0BT",
+	"highlight.Highlight": "448TR",
 	"icon-picker.IconPicker": "0DRGP",
 	"inline-edit-table.InlineEditTable": "5W3J1",
+	"inline-edit.InlineEdit": "RQ0H2",
 	"input.Input": "7BY1Q",
 	"insights-panel.InsightsPanel": "HCYZV",
 	"kanban-board.KanbanBoard": "T6JWY",
 	"kbd.Kbd": "NPHB8",
+	"key-pad-menu.KeyPadMenu": "ZZG2R",
 	"key-value-editor.KeyValueEditor": "NCBWA",
+	"live-region.LiveRegion": "0CFGR",
 	"loading-overlay.LoadingOverlay": "380ZR",
-	"log-table.LogTable": "NJ4N9",
+	"log-table.LogTable": "3ZR82",
 	"logo.Logo": "R906A",
 	"mega-menu.MegaMenu": "42177",
 	"menu.MenuButtonArrow": "J1AQH",
@@ -1671,6 +1754,7 @@ const SLUG_TO_ID = Object.freeze({
 	"task-list.TaskList": "0DK79",
 	"team-member-list.TeamMemberList": "6FTC5",
 	"template-picker.TemplatePicker": "PVFJP",
+	"text-truncate.TextTruncate": "Y6BGX",
 	"text.Text": "NFKP2",
 	"textarea.Textarea": "6T58H",
 	"theme-switcher.ThemeSwitcher": "8JX0N",
@@ -1728,6 +1812,8 @@ const ALL_SLUGS = Object.freeze([
 	"checkbox.CheckboxGroup",
 	"code-diff-viewer.CodeDiffViewer",
 	"code-snippet-viewer.CodeSnippetViewer",
+	"color-palette.ColorPaletteDisplay",
+	"color-palette.ColorPalettePicker",
 	"color-picker.ColorPicker",
 	"column-toggler.ColumnToggler",
 	"combobox.ComboboxEmpty",
@@ -1788,10 +1874,15 @@ const ALL_SLUGS = Object.freeze([
 	"event-icon.EventIcon",
 	"event-meta-editor.EventMetaEditor",
 	"export-button.ExportButton",
+	"expression.Expression",
+	"expression.ExpressionGroup",
+	"facet.Facet",
+	"facet.FacetGroup",
 	"failure-list.FailureList",
 	"faq-accordion.FaqAccordion",
 	"feature-flag-panel.FeatureFlagPanel",
 	"field-sidebar.FieldSidebar",
+	"field-token.FieldToken",
 	"filter-bar.FilterBar",
 	"floating-action-bar.FloatingActionBar",
 	"form-dynamic.DynamicFieldForm",
@@ -1828,13 +1919,17 @@ const ALL_SLUGS = Object.freeze([
 	"form.FormTagInput",
 	"form.FormTextarea",
 	"heading.Heading",
+	"highlight.Highlight",
 	"icon-picker.IconPicker",
 	"inline-edit-table.InlineEditTable",
+	"inline-edit.InlineEdit",
 	"input.Input",
 	"insights-panel.InsightsPanel",
 	"kanban-board.KanbanBoard",
 	"kbd.Kbd",
+	"key-pad-menu.KeyPadMenu",
 	"key-value-editor.KeyValueEditor",
+	"live-region.LiveRegion",
 	"loading-overlay.LoadingOverlay",
 	"log-table.LogTable",
 	"logo.Logo",
@@ -1914,6 +2009,7 @@ const ALL_SLUGS = Object.freeze([
 	"task-list.TaskList",
 	"team-member-list.TeamMemberList",
 	"template-picker.TemplatePicker",
+	"text-truncate.TextTruncate",
 	"text.Text",
 	"textarea.Textarea",
 	"theme-switcher.ThemeSwitcher",

package/dist/id-registry.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"id-registry.d.cts","names":[],"sources":["../src/__generated__/id-registry.ts"],"mappings":";;;KAKY;;UAGK;;EAEf;;EAEA;;EAEA,OAAO;;EAEP;;;;;;cAOW,aAAa,SAAS,eAAe;;;;;cAm5CrC,YAAY,SAAS;;cAoPrB"}
+{"version":3,"file":"id-registry.d.cts","names":[],"sources":["../src/__generated__/id-registry.ts"],"mappings":";;;KAKY;;UAGK;;EAEf;;EAEA;;EAEA,OAAO;;EAEP;;;;;;cAOW,aAAa,SAAS,eAAe;;;;;cA29CrC,YAAY,SAAS;;cAgQrB"}

package/dist/id-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"id-registry.d.ts","names":[],"sources":["../src/__generated__/id-registry.ts"],"mappings":";;;KAKY;;UAGK;;EAEf;;EAEA;;EAEA,OAAO;;EAEP;;;;;;cAOW,aAAa,SAAS,eAAe;;;;;cAm5CrC,YAAY,SAAS;;cAoPrB"}
+{"version":3,"file":"id-registry.d.ts","names":[],"sources":["../src/__generated__/id-registry.ts"],"mappings":";;;KAKY;;UAGK;;EAEf;;EAEA;;EAEA,OAAO;;EAEP;;;;;;cAOW,aAAa,SAAS,eAAe;;;;;cA29CrC,YAAY,SAAS;;cAgQrB"}