@alfadocs/ui-kit 1.36.0 → 1.37.0

package/dist/_chunks/{control-room-rail-Ds45_g4f.js → control-room-rail-DQoHdE1U.js}

@@ -3,7 +3,7 @@ import { useState as _, useCallback as g, useMemo as T, useRef as B, useContext
 import { useTranslation as po } from "react-i18next";
 import { I as G } from "./icon-button-8xqRnkdG.js";
 import { a as fo } from "./panel-header-D_mTdhUp.js";
-import { T as mo } from "./tool-rail-Bq5eiFMG.js";
+import { T as mo } from "./tool-rail-BP8sjxCw.js";
 import { u as go } from "./use-persistent-state-nZwZAnE9.js";
 import { S as Ro } from "./star-Bf9L2Uot.js";
 import { X as vo } from "./x-B5YnXwCz.js";
@@ -334,4 +334,4 @@ export {
   Ho as d,
   Ko as u
 };
-//# sourceMappingURL=control-room-rail-Ds45_g4f.js.map
+//# sourceMappingURL=control-room-rail-DQoHdE1U.js.map

package/dist/_chunks/editable-description-BOfAeY3T.js

@@ -0,0 +1,112 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { forwardRef as k, useState as D, useMemo as j } from "react";
+import { c as t } from "./index-D2ZczOXr.js";
+import { useTranslation as B } from "react-i18next";
+import { B as V } from "./button-nJaPh_HC.js";
+import { I as z } from "./icon-button-8xqRnkdG.js";
+import { P as E } from "./pencil-B1sKKyuT.js";
+const C = t(
+  "ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-xs)]"
+), M = t(
+  [
+    "ds:m-0 ds:flex ds:min-w-0 ds:flex-1 ds:list-none ds:flex-col ds:p-0",
+    "ds:gap-[var(--spacing-2xs)]"
+  ].join(" ")
+), I = t(
+  "ds:m-0 ds:min-w-0 ds:flex-1 type-body-sm ds:text-[color:var(--muted-foreground)]"
+), P = t(
+  "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--foreground)]"
+), $ = t(
+  [
+    "ds:mt-[var(--spacing-sm)] ds:size-[var(--spacing-xs)] ds:shrink-0 ds:self-start",
+    "ds:rounded-[var(--radius-full)] ds:bg-[color:var(--border)]"
+  ].join(" ")
+), L = k(
+  ({
+    value: r,
+    maxLines: o = 3,
+    onEdit: l,
+    editButtonRef: p,
+    emptyLabel: m,
+    editLabel: f,
+    seeMoreLabel: h,
+    showLessLabel: g,
+    className: x,
+    ...u
+  }, b) => {
+    const { t: i } = B(), [n, v] = D(!1), a = j(
+      () => (r ?? "").split(/\r?\n/).map((e) => e.trim()).filter(Boolean),
+      [r]
+    ), N = Math.max(0, a.length - o), w = n ? a : a.slice(0, o), c = f ?? i("editableDescription.edit");
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ...u,
+        ref: b,
+        "data-component": "editable-description",
+        "data-empty": a.length === 0 ? "" : void 0,
+        className: [C(), x].filter(Boolean).join(" "),
+        children: [
+          a.length === 0 ? /* @__PURE__ */ s("p", { "data-editable-description-empty": "", className: I(), children: m ?? i("editableDescription.empty") }) : /* @__PURE__ */ d("ul", { className: M(), children: [
+            w.map((e, y) => /* @__PURE__ */ d(
+              "li",
+              {
+                "data-editable-description-line": "",
+                className: P(),
+                children: [
+                  /* @__PURE__ */ s("span", { "aria-hidden": "true", className: $() }),
+                  /* @__PURE__ */ s("span", { className: "ds:min-w-0 ds:[overflow-wrap:anywhere]", children: e })
+                ]
+              },
+              `${y}-${e}`
+            )),
+            N > 0 ? (
+              // An ITEM of the list, aligned with the text rather than the
+              // dots, so opening it does not shift the column.
+              /* @__PURE__ */ d("li", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-[var(--spacing-xs)] ds:shrink-0"
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  V,
+                  {
+                    intent: "link",
+                    size: "sm",
+                    "data-editable-description-toggle": "",
+                    className: "ds:!ps-0 ds:!pe-0",
+                    "aria-expanded": n,
+                    onClick: () => v((e) => !e),
+                    children: n ? g ?? i("editableDescription.showLess") : h ?? i("editableDescription.seeMore")
+                  }
+                )
+              ] })
+            ) : null
+          ] }),
+          l ? /* @__PURE__ */ s(
+            z,
+            {
+              ref: p,
+              icon: /* @__PURE__ */ s(E, { "aria-hidden": "true" }),
+              intent: "ghost",
+              size: "sm",
+              className: "ds:-mt-[var(--spacing-sm)] ds:shrink-0",
+              "aria-label": c,
+              tooltip: c,
+              "data-editable-description-edit": "",
+              onClick: l
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+L.displayName = "EditableDescription";
+export {
+  L as E
+};
+//# sourceMappingURL=editable-description-BOfAeY3T.js.map

package/dist/_chunks/editable-description.agent-Bm_LBV2j.js

@@ -0,0 +1,21 @@
+const e = {
+  id: "editable-description",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "editable-description",
+      description: "Marks the element as a kit EditableDescription."
+    },
+    item: {
+      attr: "data-editable-description-line",
+      description: "One visible description line."
+    }
+  }
+};
+export {
+  e
+};
+//# sourceMappingURL=editable-description.agent-Bm_LBV2j.js.map

package/dist/_chunks/{money.agent-Dw55UxUA.js → money-BY-HmKhZ.js}

@@ -2,9 +2,9 @@ import { jsxs as V, jsx as p } from "react/jsx-runtime";
 import { forwardRef as z, useMemo as N } from "react";
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as $ } from "react-i18next";
-import { V as H } from "./visually-hidden-BHxEUGyT.js";
-import { f as O, a as R } from "./format-price-BkMEbeW3.js";
-const T = Z(
+import { V as O } from "./visually-hidden-BHxEUGyT.js";
+import { f as R, a as T } from "./format-price-BkMEbeW3.js";
+const U = Z(
   [
     "ds:inline-flex ds:items-baseline ds:whitespace-nowrap",
     // Lining, fixed-width figures: without these a column of amounts
@@ -31,86 +31,72 @@ const T = Z(
     },
     defaultVariants: { size: "md", tone: "default", strikethrough: !1 }
   }
-), U = z(
+), C = z(
   ({
     value: o,
     currency: s = "EUR",
-    locale: y,
-    size: v,
+    locale: v,
+    size: x,
     tone: l = "default",
-    decimals: n = "full",
+    decimals: a = "full",
     signDisplay: m = "auto",
-    strikethrough: x,
+    strikethrough: y,
     className: g,
     ...h
-  }, k) => {
-    const { i18n: M } = $(), r = y ?? M.language, { nodes: b, full: j } = N(() => {
-      const e = O(
+  }, j) => {
+    const { i18n: b } = $(), n = v ?? b.language, { nodes: k, full: w } = N(() => {
+      const e = R(
         o,
         s,
-        r,
+        n,
         m === "always" ? { signDisplay: "exceptZero" } : {}
-      ), u = R(o, s, r);
+      ), f = T(o, s, n);
       if (!e)
-        return { nodes: [{ text: u, muted: !1 }], full: u };
-      const i = e.map((t) => t.value).join(""), P = e.filter((t) => t.type === "fraction").every((t) => /^0+$/.test(t.value)), f = (t) => t === "decimal" || t === "fraction";
-      if (n === "hideWhenZero" && P) {
-        const c = e.filter((d) => !f(d.type)).map((d) => d.value).join("").trim();
+        return { nodes: [{ text: f, muted: !1 }], full: f };
+      const i = e.map((t) => t.value).join(""), P = e.filter((t) => t.type === "fraction").every((t) => /^0+$/.test(t.value)), u = (t) => t === "decimal" || t === "fraction";
+      if (a === "hideWhenZero" && P) {
+        const c = e.filter((d) => !u(d.type)).map((d) => d.value).join("").trim();
         return { nodes: [{ text: c, muted: !1 }], full: c };
       }
-      return n === "muted" ? {
+      return a === "muted" ? {
         nodes: e.map((t) => ({
           text: t.value,
-          muted: f(t.type)
+          muted: u(t.type)
         })),
         full: i
       } : { nodes: [{ text: i, muted: !1 }], full: i };
-    }, [o, s, r, n, m]), w = l === "auto" ? o < 0 ? "negative" : "default" : l;
+    }, [o, s, n, a, m]), M = l === "auto" ? o < 0 ? "negative" : "default" : l;
     return /* @__PURE__ */ V(
       "span",
       {
-        ref: k,
+        ref: j,
         "data-component": "money",
         "data-currency": s.toUpperCase(),
-        className: T({
-          size: v,
-          tone: w,
-          strikethrough: x,
+        className: U({
+          size: x,
+          tone: M,
+          strikethrough: y,
           className: g
         }),
         ...h,
         children: [
-          b.map((a, e) => /* @__PURE__ */ p(
+          k.map((r, e) => /* @__PURE__ */ p(
             "span",
             {
               "aria-hidden": "true",
-              className: a.muted ? "ds:opacity-70 ds:[font-size:0.85em]" : void 0,
-              children: a.text
+              className: r.muted ? "ds:opacity-70 ds:[font-size:0.85em]" : void 0,
+              children: r.text
             },
-            `${e}-${a.text}`
+            `${e}-${r.text}`
           )),
-          /* @__PURE__ */ p(H, { children: j })
+          /* @__PURE__ */ p(O, { children: w })
         ]
       }
     );
   }
 );
-U.displayName = "Money";
-const W = {
-  id: "money",
-  capabilities: [],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "money",
-      description: "Marks the element as a kit Money amount."
-    }
-  }
-};
+C.displayName = "Money";
 export {
-  U as M,
-  W as m
+  C as M
 };
-//# sourceMappingURL=money.agent-Dw55UxUA.js.map
+//# sourceMappingURL=money-BY-HmKhZ.js.map

package/dist/_chunks/money.agent-BjJ6gOkx.js

@@ -0,0 +1,17 @@
+const t = {
+  id: "money",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "money",
+      description: "Marks the element as a kit Money amount."
+    }
+  }
+};
+export {
+  t as m
+};
+//# sourceMappingURL=money.agent-BjJ6gOkx.js.map