@alif-ui-test/core 1.11.0 → 2.0.0-alpha.5

package/dist/components/Tab/TabGroup/TabGroup.js

@@ -1,61 +1,33 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Children as V, isValidElement as j } from "react";
-import t from "./TabGroup.module.css.js";
-import { Tab as m } from "../Tab.js";
-import { classNames as G } from "../../../utils/class-names.js";
-const O = ({
-  className: f,
-  value: a,
-  defaultValue: u,
-  onChange: o,
-  fullWidth: c,
-  children: d,
-  selectionType: p = "single",
-  disabled: g = !1,
-  variant: n = "primary",
-  rounded: y = !1,
-  size: b = "m",
-  justify: x = "flex-start",
-  spacing: A = "var(--spacing-2x)"
-}) => {
-  const C = G(
-    t.root,
-    f,
-    n === "text" && t.highlight,
-    c && t.fullWidth
-  ), h = p === "single", r = a || u, T = (s) => {
-    if (h) {
-      s !== r && o(s);
-      return;
-    }
-    const e = Array.isArray(a) ? [...a] : [], i = e.indexOf(s);
-    i >= 0 ? e.splice(i, 1) : e.push(s), o(e);
-  };
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: C,
-      style: { justifyContent: x, gap: A },
-      children: V.map(
-        d,
-        (s) => j(s) && s.type === m ? /* @__PURE__ */ l(
-          m,
-          {
-            rounded: y,
-            size: b,
-            variant: n || s.props.variant,
-            checked: Array.isArray(r) ? r.includes(s.props.value) : r === s.props.value,
-            onChange: T,
-            disabled: g || s.props.disabled,
-            selectionType: p,
-            ...s.props
-          },
-          s.props.value
-        ) : null
-      )
-    }
-  );
-};
-export {
-  O as TabGroup
+import { classNames as e } from "../../../utils/class-names.js";
+import t from "./TabGroup.module.js";
+import { TabGroupContext as n } from "./TabGroup.context.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Tab/TabGroup/TabGroup.tsx
+var i = ({ className: i, style: a, value: o, defaultValue: s, onChange: c, fullWidth: l, children: u, multiple: d, disabled: f = !1, variant: p = "main", rounded: m = !1, size: h = "m", justify: g = "flex-start", ref: _ }) => {
+	let v = e(t.root, i, l && "uiFullWidth"), y = o || s;
+	return /* @__PURE__ */ r(n.Provider, {
+		value: {
+			type: d ? "checkbox" : "radio",
+			value: y,
+			onChange: (e) => {
+				Array.isArray(y) ? c?.(y.includes(e) ? y.filter((t) => t !== e) : [...y, e]) : c?.(e);
+			},
+			disabled: f,
+			variant: p,
+			rounded: m,
+			size: h
+		},
+		children: /* @__PURE__ */ r("div", {
+			role: "group",
+			className: v,
+			style: {
+				justifyContent: g,
+				...a
+			},
+			ref: _,
+			children: u
+		})
+	});
 };
+//#endregion
+export { i as TabGroup };

package/dist/components/Tab/TabGroup/TabGroup.module.js

@@ -0,0 +1,3 @@
+var e = { root: "_root_wfqiz_1" };
+//#endregion
+export { e as default };

package/dist/components/Table/Table.js

@@ -1,114 +1,48 @@
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
-import { useState as S, useTransition as z } from "react";
-import { getSortedRecords as F, getTableStyles as G, handleSelectAll as J, updateSortConfig as M, handleSelect as O } from "./Table.utils.js";
-import a from "./Table.module.css.js";
-import { useLocale as Q } from "../../providers/hooks/useLocale/useLocale.js";
-import { TableHeader as U } from "./TableHeader/TableHeader.js";
-import { Typography as V } from "../Typography/Typography.js";
-import { Skeleton as Z } from "../Skeleton/Skeleton.js";
-import { TableRow as B } from "./TableRow/TableRow.js";
-import { classNames as y } from "../../utils/class-names.js";
-const tt = {
-  en: "The table is empty",
-  ru: "Таблица пуста",
-  tj: "Ҷадвал холӣ аст"
-}, mt = ({
-  isLoading: u,
-  columns: r,
-  records: c = [],
-  selectedRecords: i,
-  accessorId: f = "id",
-  onSelectedRecordsChange: h,
-  rowSpacing: k = "m",
-  withRowBorders: d = !1,
-  withColBorders: p = !1,
-  onRowClick: N,
-  rowExpansion: g,
-  rowGap: C = 0,
-  tableClassNames: m,
-  emptyPlaceholder: j,
-  defaultExpandedRow: b = -1,
-  defaultExpandedRows: A = [],
-  isMultiExpanded: T = !1,
-  verticalAlign: I = "top",
-  skeletonRowsCount: w = 5
-}) => {
-  const { locale: x } = Q(), [l, K] = S(null), L = F(c, r, l), [R, _] = S(b), [D, E] = S(A), [, H] = z(), P = (e, t) => {
-    const s = l?.key === e && l.direction === "asc" ? "desc" : "asc";
-    t?.(s), K(M(e, l));
-  }, W = (e, t) => {
-    g && H(() => {
-      T ? E(
-        (o) => o.includes(t) ? o.filter((s) => s !== t) : [...o, t]
-      ) : _((o) => t !== o ? t : -1);
-    }), N?.(e, t);
-  }, X = () => [...Array(w)].map((e, t) => /* @__PURE__ */ n("tr", { className: a.row, children: /* @__PURE__ */ n("td", { colSpan: r.length + (i ? 1 : 0), children: /* @__PURE__ */ n(
-    Z,
-    {
-      height: "40px",
-      style: { borderRadius: "var(--table-skeleton-border-radius)" }
-    }
-  ) }) }, t)), Y = () => L.map((e, t) => {
-    const o = e[f];
-    return /* @__PURE__ */ n(
-      B,
-      {
-        index: t,
-        isExpanded: T ? D.includes(t) : t === R,
-        rowClassNames: m,
-        record: e,
-        recordId: o,
-        withRowBorders: d,
-        withColBorders: p,
-        verticalAlign: I,
-        columns: r,
-        accessorId: f,
-        selectedRecords: i,
-        onSelect: (s) => O(s, o, h),
-        onRowClick: W,
-        renderExpansionContent: g?.content,
-        defaultExpandedRow: b
-      },
-      o
-    );
-  }), $ = () => {
-    if (u) return X();
-    if (c.length > 0) return Y();
-    const e = j ?? tt[x], t = typeof e == "string";
-    return /* @__PURE__ */ n("tr", { className: y(t && a.emptyText), children: /* @__PURE__ */ n("td", { colSpan: r.length + (i ? 1 : 0), children: t ? /* @__PURE__ */ n(V, { category: "body", proportions: "lStrong", children: e }) : e }) });
-  }, q = {
-    ...G(d, p, k),
-    borderCollapse: d || p ? "collapse" : "separate",
-    borderSpacing: `0 ${C}px`
-  };
-  return /* @__PURE__ */ n("div", { className: a.tableWrapper, children: /* @__PURE__ */ v(
-    "table",
-    {
-      className: y(a.root, m?.root),
-      style: q,
-      children: [
-        /* @__PURE__ */ n(
-          U,
-          {
-            columns: r,
-            theadClassName: m?.thead,
-            withColBorders: p,
-            sortConfig: l,
-            onSort: P,
-            selectedRecords: i,
-            recordsLength: c.length,
-            onSelectAll: (e) => J(e, {
-              records: c,
-              accessorId: f,
-              onSelectedRecordsChange: h
-            })
-          }
-        ),
-        /* @__PURE__ */ n("tbody", { className: y(a.tbody, m?.tbody), children: $() })
-      ]
-    }
-  ) });
-};
-export {
-  mt as Table
-};
+import { classNames as e } from "../../utils/class-names.js";
+import { Collapse as t } from "../Collapse/Collapse.js";
+import { Divider as n } from "../Divider/Divider.js";
+import r from "./Table.module.js";
+import { getTableStyles as i } from "./Table.utils.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Table/Table.tsx
+var s = ({ className: t, ...n }) => /* @__PURE__ */ a("td", {
+	className: e(r.td, "uiFont", t),
+	...n
+}), c = ({ className: t, ...n }) => /* @__PURE__ */ a("th", {
+	className: e(r.th, "uiFont", t),
+	...n
+}), l = ({ className: t, ...n }) => /* @__PURE__ */ a("tr", {
+	className: e(r.tr, t),
+	...n
+}), u = ({ className: t, ...n }) => /* @__PURE__ */ a("thead", {
+	className: e(r.thead, t),
+	...n
+}), d = ({ className: t, ...n }) => /* @__PURE__ */ a("tbody", {
+	className: e(r.tbody, t),
+	...n
+}), f = ({ className: t, ...n }) => /* @__PURE__ */ a("tfoot", {
+	className: e(r.tfoot, t),
+	...n
+}), p = ({ isOpen: i, colSpan: c, children: u, className: d, ...f }) => /* @__PURE__ */ a(l, {
+	...f,
+	className: e(r.collapseRow, i && r.collapseRowOpen, d),
+	children: /* @__PURE__ */ a(s, {
+		colSpan: c,
+		className: e(r.collapseCell, i && r.collapseCellOpen),
+		children: /* @__PURE__ */ o(t, {
+			isOpen: i,
+			className: r.collapseContent,
+			children: [/* @__PURE__ */ a(n, {
+				className: r.collapseDivider,
+				color: "secondary"
+			}), u]
+		})
+	})
+}), m = ({ variant: t = "default", headerColor: n = "primary", verticalSpacing: o = "m", rowGap: s, withRowBorders: c = !0, withColumnBorders: l = !1, highlightOnHover: u = !1, stickyHeader: d = !1, stickyFooter: f = !1, className: p, style: m, ...h }) => /* @__PURE__ */ a("table", {
+	style: i(t, n, o, s, c, m),
+	className: e(r.table, c && r.withRowBorders, l && r.withColumnBorders, u && r.highlightOnHover, d && r.stickyHeader, f && r.stickyFooter, s && r.withRowGap, p),
+	...h
+});
+m.Td = s, m.Th = c, m.Tr = l, m.CollapseRow = p, m.Thead = u, m.Tbody = d, m.Tfoot = f;
+//#endregion
+export { m as Table };

package/dist/components/Table/Table.module.js

@@ -0,0 +1,23 @@
+var e = {
+	table: "_table_92ggv_1",
+	withRowGap: "_withRowGap_92ggv_33",
+	withRowBorders: "_withRowBorders_92ggv_38",
+	tbody: "_tbody_92ggv_38",
+	collapseCell: "_collapseCell_92ggv_38",
+	collapseCellOpen: "_collapseCellOpen_92ggv_38",
+	tr: "_tr_92ggv_42",
+	collapseRowOpen: "_collapseRowOpen_92ggv_42",
+	td: "_td_92ggv_42",
+	collapseDivider: "_collapseDivider_92ggv_62",
+	collapseContent: "_collapseContent_92ggv_66",
+	collapseRow: "_collapseRow_92ggv_42",
+	withColumnBorders: "_withColumnBorders_92ggv_77",
+	highlightOnHover: "_highlightOnHover_92ggv_81",
+	stickyHeader: "_stickyHeader_92ggv_85",
+	stickyFooter: "_stickyFooter_92ggv_91",
+	thead: "_thead_92ggv_97",
+	tfoot: "_tfoot_92ggv_102",
+	th: "_th_92ggv_97"
+};
+//#endregion
+export { e as default };

package/dist/components/Table/Table.utils.js

@@ -1,35 +1,16 @@
-const b = (e, t, a) => {
-  const r = !!(e || t);
-  return {
-    "--table-spacing-vertical": `var(--table-spacing-vertical-${a})`,
-    "--table-row-border-radius": `var(--table-border-radius-${r ? "with-divider" : "default"})`,
-    "--table-header-border-radius": `var(--table-border-radius-${t ? "with-divider" : "default"})`
-  };
-}, f = (e, t) => {
-  const { records: a, accessorId: r, onSelectedRecordsChange: i } = t, d = a.map((s) => s[r]);
-  i?.(e ? d : []);
-}, m = (e, t, a) => {
-  a && a(
-    (r) => e ? [...r, t] : r.filter((i) => i !== t)
-  );
-}, g = (e, t, a) => {
-  if (!a) return e;
-  const { key: r, direction: i } = a;
-  return t.find((s) => s.accessor === r)?.sortable ? [...e].sort((s, u) => {
-    const n = s[r], c = u[r];
-    if (typeof n == "string" && typeof c == "string")
-      return i === "asc" ? n.localeCompare(c) : c.localeCompare(n);
-    if (typeof n == "number" && typeof c == "number")
-      return i === "asc" ? n - c : c - n;
-    const o = n instanceof Date ? n : new Date(n), l = c instanceof Date ? c : new Date(c);
-    return !isNaN(o.getTime()) && !isNaN(l.getTime()) ? i === "asc" ? o.getTime() - l.getTime() : l.getTime() - o.getTime() : 0;
-  }) : e;
-}, p = (e, t, a) => a ? (a(t?.direction === "asc" ? "desc" : "asc"), null) : t?.key === e ? { key: e, direction: t.direction === "asc" ? "desc" : "asc" } : { key: e, direction: "asc" }, v = (e, t) => t === e ? void 0 : e;
-export {
-  g as getSortedRecords,
-  b as getTableStyles,
-  m as handleSelect,
-  f as handleSelectAll,
-  v as toggleRowExpansion,
-  p as updateSortConfig
-};
+import { resolveTypography as e } from "../../utils/typography.js";
+import { resolveUnit as t } from "../../utils/unit-resolver.js";
+//#region src/components/Table/Table.utils.ts
+var n = (n, r, i, a, o, s) => ({
+	"--table-spacing-vertical": `var(--table-spacing-vertical-${i})`,
+	"--table-row-gap": t(a ?? 0),
+	"--table-bg-color-default": `var(--table-${n}-bg-color-default)`,
+	"--table-bg-color-hover": `var(--table-${n}-bg-color-hover)`,
+	"--table-bg-color-open": `var(--table-${n}-bg-color-open)`,
+	"--table-thead-bg-color": `var(--table-thead-bg-color-${r})`,
+	"--table-row-border-radius": `var(--table-border-radius${o ? "-with-divider" : ""})`,
+	...e("body", "m"),
+	...s
+});
+//#endregion
+export { n as getTableStyles };

package/dist/components/Tabs/Tabs.context.js

@@ -0,0 +1,5 @@
+import { createSafeContext as e } from "../../utils/create-safe-context/create-safe-context.js";
+//#region src/components/Tabs/Tabs.context.ts
+var [t, n] = e("Tabs component was not found in the tree");
+//#endregion
+export { t as TabsContextProvider, n as useTabsContext };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,17 @@
+import { TabsContextProvider as e } from "./Tabs.context.js";
+import { TabsMenu as t } from "./TabsMenu/TabsMenu.js";
+import { TabsPanel as n } from "./TabsPanel/TabsPanel.js";
+import { TabsTab as r } from "./TabsTab/TabsTab.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Tabs/Tabs.tsx
+var a = ({ keepMounted: t = !0, size: n = "m", children: r, ...a }) => /* @__PURE__ */ i(e, {
+	value: {
+		size: n,
+		keepMounted: t,
+		...a
+	},
+	children: r
+});
+a.Menu = t, a.Panel = n, a.Tab = r;
+//#endregion
+export { a as Tabs };

package/dist/components/Tabs/Tabs.module.js

@@ -0,0 +1,7 @@
+var e = {
+	root: "_root_zzrbm_1",
+	divider: "_divider_zzrbm_20",
+	tab: "_tab_zzrbm_28"
+};
+//#endregion
+export { e as default };

package/dist/components/Tabs/TabsMenu/TabsMenu.js

@@ -0,0 +1,21 @@
+import { classNames as e } from "../../../utils/class-names.js";
+import { useTabsContext as t } from "../Tabs.context.js";
+import { getTabMenuStyles as n } from "./TabsMenu.utils.js";
+import r from "../Tabs.module.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsMenu/TabsMenu.tsx
+var o = ({ className: o, style: s, divider: c = !0, justify: l = "flex-start", children: u, grow: d = !1, ref: f }) => {
+	let { size: p = "m" } = t();
+	return /* @__PURE__ */ a("div", {
+		className: e(r.root, o),
+		style: {
+			...n(p, l, d),
+			...s
+		},
+		role: "tablist",
+		ref: f,
+		children: [u, c && /* @__PURE__ */ i("div", { className: r.divider })]
+	});
+};
+//#endregion
+export { o as TabsMenu };

package/dist/components/Tabs/TabsMenu/TabsMenu.utils.js

@@ -0,0 +1,10 @@
+import { getSize as e } from "../../../utils/get-size.js";
+//#region src/components/Tabs/TabsMenu/TabsMenu.utils.ts
+var t = (t, n, r) => ({
+	"--tabs-menu-spacing-between": e(t, "tabs-menu-spacing-between"),
+	"--tabs-menu-divider-height": e(t, "tabs-menu-divider-height"),
+	"--tabs-menu-justify-content": n,
+	"--tabs-menu-tab-flex": r ? "1" : "0"
+});
+//#endregion
+export { t as getTabMenuStyles };

package/dist/components/Tabs/TabsPanel/TabsPanel.js

@@ -0,0 +1,18 @@
+import { useTabsContext as e } from "../Tabs.context.js";
+import { Activity as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsPanel/TabsPanel.tsx
+var r = ({ value: r, keepMounted: i, children: a, ...o }) => {
+	let s = e(), c = s.value === r, l = s.keepMounted || i ? /* @__PURE__ */ n(t, {
+		mode: c ? "visible" : "hidden",
+		children: a
+	}) : c ? a : null;
+	return /* @__PURE__ */ n("div", {
+		role: "tabpanel",
+		hidden: !c,
+		...o,
+		children: l
+	});
+};
+//#endregion
+export { r as TabsPanel };

package/dist/components/Tabs/TabsTab/TabsTab.js

@@ -0,0 +1,21 @@
+import { classNames as e } from "../../../utils/class-names.js";
+import { Tab as t } from "../../Tab/Tab.js";
+import { useTabsContext as n } from "../Tabs.context.js";
+import r from "../Tabs.module.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsTab/TabsTab.tsx
+var a = ({ value: a, className: o, ...s }) => {
+	let { size: c, value: l, onChange: u } = n();
+	return /* @__PURE__ */ i(t, {
+		variant: "text",
+		value: a,
+		checked: l === a,
+		onChange: (e) => u(e.target.value),
+		type: "radio",
+		className: e(r.tab, o),
+		size: c,
+		...s
+	});
+};
+//#endregion
+export { a as TabsTab };

package/dist/components/Textarea/Textarea.constants.js

@@ -0,0 +1,8 @@
+//#region src/components/Textarea/Textarea.constants.ts
+var e = {
+	ru: { clearText: "Очистить текст" },
+	en: { clearText: "Clear text" },
+	tj: { clearText: "Матнро пок кардан" }
+};
+//#endregion
+export { e as TEXTAREA_LOCALES };

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,56 @@
+import { resolveTypography as e } from "../../utils/typography.js";
+import { classNames as t } from "../../utils/class-names.js";
+import { syncRefs as n } from "../../utils/sync-refs.js";
+import { UnstyledButton as r } from "../UnstyledButton/UnstyledButton.js";
+import { useLocale as i } from "../../providers/hooks/useLocale/useLocale.js";
+import { useComponentId as a } from "../../hooks/useComponentId/useComponentId.js";
+import { Hinter as o } from "../Hinter/Hinter.js";
+import s from "./Textarea.module.js";
+import { getTextareaStyles as c } from "./Textarea.utils.js";
+import { TEXTAREA_LOCALES as l } from "./Textarea.constants.js";
+import { useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { OutlineSystemClose as p } from "@alif-ui-test/icons";
+//#region src/components/Textarea/Textarea.tsx
+var m = ({ id: m, label: h, value: g, onClear: _, size: v = "m", fullWidth: y = !0, hasError: b = !1, disabled: x = !1, hintLeftSection: S, hintRightSection: C, className: w, style: T, rows: E = 3, ref: D, ...O }) => {
+	let { locale: k } = i(), A = u(null), j = a(m), M = t(s.root, "uiFont", y && "uiFullWidth", x && s.disabled, b && s.error, w), N = t(v !== "s" && g && s.labelFloated, v === "s" && !g && s.hideLabel, v === "s" && g && s.hideLabelActive);
+	return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+		className: M,
+		style: c(v, T),
+		onClick: () => A.current?.focus(),
+		children: [
+			/* @__PURE__ */ d("label", {
+				className: N,
+				htmlFor: j,
+				children: h
+			}),
+			/* @__PURE__ */ d("textarea", {
+				ref: n(A, D),
+				id: j,
+				value: g,
+				disabled: x,
+				className: "uiFont",
+				style: e("body", "m"),
+				rows: E,
+				...O
+			}),
+			_ && g && /* @__PURE__ */ d(r, {
+				disabled: x,
+				className: s.clearButton,
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: _,
+				"aria-label": l[k].clearText,
+				children: /* @__PURE__ */ d(p, {})
+			})
+		]
+	}), /* @__PURE__ */ f(o, {
+		className: s.hinter,
+		hasError: b,
+		children: [S && /* @__PURE__ */ d("div", { children: S }), C && /* @__PURE__ */ d("div", {
+			className: s.hintRight,
+			children: C
+		})]
+	})] });
+};
+//#endregion
+export { m as Textarea };

package/dist/components/Textarea/Textarea.module.js

@@ -0,0 +1,13 @@
+var e = {
+	root: "_root_31wfq_1",
+	labelFloated: "_labelFloated_31wfq_72",
+	disabled: "_disabled_31wfq_83",
+	hideLabel: "_hideLabel_31wfq_87",
+	hideLabelActive: "_hideLabelActive_31wfq_88",
+	error: "_error_31wfq_118",
+	clearButton: "_clearButton_31wfq_142",
+	hinter: "_hinter_31wfq_153",
+	hintRight: "_hintRight_31wfq_160"
+};
+//#endregion
+export { e as default };

package/dist/components/Textarea/Textarea.utils.js

@@ -0,0 +1,37 @@
+import { getSize as e } from "../../utils/get-size.js";
+import { resolveTypography as t } from "../../utils/typography.js";
+//#region src/components/Textarea/Textarea.utils.ts
+var n = (e) => {
+	switch (e) {
+		case "l": return t("body", "m");
+		case "m": return t("body", "s");
+		case "s": return t("description", "l");
+	}
+}, r = (e) => {
+	switch (e) {
+		case "l": return t("description", "l");
+		case "m":
+		case "s": return t("description", "m");
+	}
+}, i = (t, i) => {
+	let a = n(t), o = r(t);
+	return {
+		...a,
+		"--text-area-spacing-padding": t === "s" ? "0 var(--text-area-icon-size) 0 0" : "var(--text-area-spacing-vertical-default) var(--text-area-icon-size) 0 0",
+		"--text-area-spacing-left": e(t, "text-area-spacing-left"),
+		"--text-area-spacing-right": e(t, "text-area-spacing-right"),
+		"--text-area-spacing-vertical-default": e(t, "text-area-spacing-vertical-default"),
+		"--text-area-spacing-vertical-filled": e(t, "text-area-spacing-vertical-filled"),
+		"--text-area-border-width": e(t, "text-area-border-width"),
+		"--text-area-border-radius": e(t, "text-area-border-radius"),
+		"--text-area-icon-size": e(t, "text-area-icon-size"),
+		"--text-area-label-active-font-family": o?.["--typography-font-family"],
+		"--text-area-label-active-font-size": o?.["--typography-font-size"],
+		"--text-area-label-active-font-weight": o?.["--typography-font-weight"],
+		"--text-area-label-active-line-height": o?.["--typography-line-height"],
+		"--text-area-label-active-letter-spacing": o?.["--typography-letter-spacing"],
+		...i
+	};
+};
+//#endregion
+export { i as getTextareaStyles };

package/dist/components/Timeline/Timeline.context.js

@@ -1,8 +1,5 @@
 import { createSafeContext as e } from "../../utils/create-safe-context/create-safe-context.js";
-const [n, o] = e(
-  "Timeline component was not found in the tree"
-);
-export {
-  n as TimelineContextProvider,
-  o as useTimelineContext
-};
+//#region src/components/Timeline/Timeline.context.ts
+var [t, n] = e("Timeline component was not found in the tree");
+//#endregion
+export { t as TimelineContextProvider, n as useTimelineContext };