@daisforge/ui 1.12.1 → 1.13.0

package/components/TableTabs/index.mjs

@@ -1,386 +1,217 @@
-import { j as a } from "../../chunks/vendor-BG4P-329.mjs";
-import { Tabs as G, TabItem as U, LinkButton as X } from "@salutejs/sdds-finai";
-import { IconChevronRight as Y } from "@salutejs/plasma-icons";
-import q, { useMemo as J, useRef as K, useState as S, useEffect as Q, useContext as Z, createContext as W, Fragment as ee } from "react";
-import { c as se } from "../../chunks/utils-BNelzuI-.mjs";
-import { Box as _ } from "../Box/index.mjs";
-import { DURATION as C, COLLAPSE_DECOR_DELAY as ne } from "../TableCanvasSharedConstants/index.mjs";
-import { surfaceSolidCard as ae, outlineSolidPrimary as v } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import m from "styled-components";
-const ie = [], y = 16, c = 8, w = 32, te = (e, s) => J(() => {
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { Tabs as X, TabItem as Y, LinkButton as V } from "@salutejs/sdds-finai";
+import { IconChevronRight as q } from "@salutejs/plasma-icons";
+import J, { useMemo as K, useRef as Q, useState as I, useEffect as Z, useContext as W, createContext as ee, Fragment as te } from "react";
+import { c as ne } from "../../chunks/utils-C5SQhoON.mjs";
+import { Box as N } from "../Box/index.mjs";
+import { DURATION as _, COLLAPSE_DECOR_DELAY as se } from "../TableCanvasSharedConstants/index.mjs";
+import { surfaceSolidCard as re, outlineSolidPrimary as v } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import u from "styled-components";
+const oe = [], R = 16, x = 8, $ = 32, ae = (e, t) => K(() => {
   if (!e)
-    return s !== null ? `${s - y * 2}px` : void 0;
+    return t !== null ? `${t - R * 2}px` : void 0;
   if (typeof e == "string") {
     if (e.includes("%")) {
-      if (s !== null) {
-        const i = parseFloat(e);
-        if (!Number.isNaN(i))
-          return `${s * i / 100}px`;
+      if (t !== null) {
+        const s = parseFloat(e);
+        if (!Number.isNaN(s))
+          return `${t * s / 100}px`;
       }
       return;
     }
     return e;
   }
   return `${e}px`;
-}, [e, s]), re = (e) => {
-  const s = K(null), [i, r] = S(null);
-  return Q(() => {
+}, [e, t]), ie = (e) => {
+  const t = Q(null), [s, o] = I(null);
+  return Z(() => {
     if (!e)
       return;
-    const o = s.current;
-    if (!o)
+    const i = t.current;
+    if (!i)
       return;
-    const d = se((n) => {
-      const u = n[0];
-      u && r(u.contentRect.width);
+    const l = ne((n) => {
+      const c = n[0];
+      c && o(c.contentRect.width);
     });
-    d.observe(o);
-    const t = o.getBoundingClientRect().width;
-    return t > 0 && r(t), () => {
-      d.disconnect();
+    l.observe(i);
+    const r = i.getBoundingClientRect().width;
+    return r > 0 && o(r), () => {
+      l.disconnect();
     };
   }, [e]), {
-    ref: s,
-    width: i
+    ref: t,
+    width: s
   };
-}, T = {
+}, f = {
   tabPanel: "rdg__tab-panel",
   tabPanelHided: "rdg__tab-panel__hided",
   tabsContainer: "rdg__tabs-container",
   tabsAndPanelsContainer: "rdg__tabs-and-panels-container"
-}, R = W(null), oe = (e = "table") => {
-  const s = Z(R);
-  if (s === null && e === "notTable")
+}, g = ee(null), de = (e = "table") => {
+  const t = W(g);
+  if (t === null && e === "notTable")
     throw new Error("useTableTabsContext must be used within a Provider");
   return {
-    activeTabId: s,
-    isInTabs: s !== null
+    activeTabId: t,
+    isInTabs: t !== null
   };
-}, E = (e) => e === "xs" ? {
+}, B = (e) => e === "xs" ? {
   boxSizing: "border-box",
-  height: `${w}px`,
-  maxHeight: `${w}px`
-} : {}, le = m.div.withConfig({
+  height: `${$}px`,
+  maxHeight: `${$}px`
+} : {}, le = u.div.withConfig({
   displayName: "TableTabsstyled__StyledCollapseBlock"
 })(({
   $collapsed: e,
-  $size: s
+  $size: t
 }) => {
-  const i = e ? ne : 0;
+  const s = e ? se : 0;
   return {
     display: "flex",
     alignItems: "center",
-    paddingInline: `10px ${y}px`,
+    paddingInline: `10px ${R}px`,
     border: `1px solid ${v}`,
     // Нижний бордер держим шириной 0 (нет лишней высоты и нет линии на стыке
     // с табами). Включается в 1px только когда бар стал нижней кромкой — и
     // с задержкой, уже ПОСЛЕ схлопывания, поэтому переходной двойной тёмной
     // линии не возникает.
     borderBottomWidth: e ? "1px" : 0,
-    borderRadius: e ? `${c}px` : `${c}px ${c}px 0px 0px`,
-    transition: `border-radius 0s linear ${i}s, border-bottom-width 0s linear ${i}s`,
-    ...E(s)
+    borderRadius: e ? `${x}px` : `${x}px ${x}px 0px 0px`,
+    transition: `border-radius 0s linear ${s}s, border-bottom-width 0s linear ${s}s`,
+    ...B(t)
   };
-}), de = m.div.withConfig({
+}), ce = u.div.withConfig({
   displayName: "TableTabsstyled__StyledTabsRow"
 })({
   display: "flex",
   alignItems: "center",
   width: "100%"
-}), $ = m.div.withConfig({
+}), z = u.div.withConfig({
   displayName: "TableTabsstyled__StyledRightSlot"
 })({
   marginLeft: "auto",
   alignSelf: "stretch",
   display: "flex",
   alignItems: "center"
-}), ue = m.div.withConfig({
+}), be = u.div.withConfig({
   displayName: "TableTabsstyled__StyledTabsContainer"
 })(({
   $hasCollapsing: e,
-  $size: s
+  $size: t
 }) => ({
   border: `1px solid ${v}`,
   borderBottom: "none",
-  borderRadius: e ? "0px" : `${c}px ${c}px 0px 0px`,
-  paddingInline: `${y}px`,
+  borderRadius: e ? "0px" : `${x}px ${x}px 0px 0px`,
+  paddingInline: `${R}px`,
   '& [role="tablist"] > div': {
     marginBlock: 0,
     paddingBlock: 0
   },
-  ...E(s)
-})), be = m(_).withConfig({
+  ...B(t)
+})), ue = u(N).withConfig({
   displayName: "TableTabsstyled__StyledTabsAndPanelsContainer"
-})(["background-color:", ";border-radius:", ";transition:height ", "s ease,max-height ", "s ease;", ""], () => ae, () => `${c}px`, C, C, ({
+})(["background-color:", ";border-radius:", ";transition:height ", "s ease,max-height ", "s ease;", ""], () => re, () => `${x}px`, _, _, ({
   $isCollapsed: e
-}) => e && "overflow: hidden;"), me = m.div.withConfig({
+}) => e && "overflow: hidden;"), xe = u.div.withConfig({
   displayName: "TableTabsstyled__StyledCollapsibleContent"
-})(["transition:max-height ", "s ease;max-height:", ";overflow:hidden;"], C, ({
+})(["transition:max-height ", "s ease;max-height:", ";overflow:hidden;"], _, ({
   $isCollapsed: e
-}) => e ? "0px" : "200vh"), g = m(_).withConfig({
+}) => e ? "0px" : "200vh"), w = u(N).withConfig({
   displayName: "TableTabsstyled__StyledPanelContainer"
 })({
-  [`&.${T.tabPanel}:not(:has(> .rdg-container-all))`]: {
+  [`&.${f.tabPanel}:not(:has(> .rdg-container-all))`]: {
     border: `1px solid ${v}`,
     borderRadius: "0px 0px 8px 8px"
   }
 });
-function ce(e) {
+function fe(e) {
   return (e == null ? void 0 : e.custom) !== void 0;
 }
-const Te = (e) => e === "xs" ? "xs" : "s", fe = (e) => e === "xs" ? "xs" : "s", xe = (e) => e === "xs" ? "xs" : "s", pe = ({
+const me = (e) => e === "xs" ? "xs" : "s", Te = (e) => e === "xs" ? "xs" : "s", he = (e) => e === "xs" ? "xs" : "s", Ce = ({
   config: e,
-  isCollapsed: s,
-  onToggle: i,
-  size: r = "s",
-  tabsSize: o
+  isCollapsed: t,
+  onToggle: s,
+  size: o = "s",
+  tabsSize: i
 }) => {
-  const l = s ? e.expandText ?? "Развернуть" : e.collapseText ?? "Свернуть";
-  return /* @__PURE__ */ a.jsxDEV(le, { $collapsed: s, $size: o, children: [
-    /* @__PURE__ */ a.jsxDEV(
-      X,
-      {
-        size: r,
-        view: "default",
-        contentLeft: /* @__PURE__ */ a.jsxDEV(
-          Y,
-          {
-            size: r,
-            style: {
-              transition: "rotate 0.3s",
-              rotate: s ? "0turn" : "0.25turn"
-            }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-            lineNumber: 70,
-            columnNumber: 9
-          },
-          void 0
-        ),
-        onClick: i,
-        text: l
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-        lineNumber: 66,
-        columnNumber: 7
-      },
-      void 0
-    ),
-    e.rightSlot && /* @__PURE__ */ a.jsxDEV($, { children: e.rightSlot }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-      lineNumber: 82,
-      columnNumber: 7
-    }, void 0)
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-    lineNumber: 65,
-    columnNumber: 5
-  }, void 0);
-}, Ne = ({
+  const d = t ? e.expandText ?? "Развернуть" : e.collapseText ?? "Свернуть";
+  return /* @__PURE__ */ p(le, { $collapsed: t, $size: i, children: [
+    /* @__PURE__ */ a(V, { size: o, view: "default", contentLeft: /* @__PURE__ */ a(q, { size: o, style: {
+      transition: "rotate 0.3s",
+      rotate: t ? "0turn" : "0.25turn"
+    } }), onClick: s, text: d }),
+    e.rightSlot && /* @__PURE__ */ a(z, { children: e.rightSlot })
+  ] });
+}, pe = ({
   children: e,
-  activeTabIdState: s,
-  tabs: i,
-  tabsProps: r,
-  tabsAndPanelsContainerCss: o,
-  tabsContainerOptions: l,
-  rightSlot: d,
-  size: t,
+  activeTabIdState: t,
+  tabs: s,
+  tabsProps: o,
+  tabsAndPanelsContainerCss: i,
+  tabsContainerOptions: d,
+  rightSlot: l,
+  size: r,
   collapsing: n
 }) => {
-  const [u, h] = s ?? ie, [D, I] = S(
-    (n == null ? void 0 : n.defaultCollapsed) ?? !1
-  ), f = n && (n == null ? void 0 : n.enabled), [x, j] = (n == null ? void 0 : n.collapsedState) ?? [
-    D,
-    I
-  ], V = () => {
-    var N;
-    const b = !x;
-    j(b), (N = n == null ? void 0 : n.onToggleCollapse) == null || N.call(n, b);
-  }, p = l == null ? void 0 : l.maxWidth, B = !p || typeof p == "string" && p.includes("%"), { ref: z, width: A } = re(B), P = q.useRef(null), H = te(p, A), L = Te(t), M = fe(t);
-  return /* @__PURE__ */ a.jsxDEV(R.Provider, { value: u, children: /* @__PURE__ */ a.jsxDEV(
-    be,
-    {
-      ref: z,
-      className: T.tabsAndPanelsContainer,
-      $css: o,
-      $isCollapsed: f && x,
-      children: [
-        f && /* @__PURE__ */ a.jsxDEV(
-          pe,
-          {
-            config: n,
-            isCollapsed: x,
-            onToggle: V,
-            size: xe(t),
-            tabsSize: t
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-            lineNumber: 150,
-            columnNumber: 9
-          },
-          void 0
-        ),
-        /* @__PURE__ */ a.jsxDEV(
-          me,
-          {
-            $isCollapsed: f && x,
-            children: [
-              /* @__PURE__ */ a.jsxDEV(
-                ue,
-                {
-                  ref: P,
-                  className: T.tabsContainer,
-                  $hasCollapsing: f,
-                  $size: t,
-                  children: /* @__PURE__ */ a.jsxDEV(de, { children: [
-                    /* @__PURE__ */ a.jsxDEV(
-                      G,
-                      {
-                        view: "clear",
-                        orientation: "horizontal",
-                        size: L,
-                        ...r,
-                        style: {
-                          width: d ? void 0 : "100%",
-                          flex: d ? "1 1 auto" : void 0,
-                          ...r == null ? void 0 : r.style
-                        },
-                        children: i.map((b, N) => {
-                          if (ce(b))
-                            return /* @__PURE__ */ a.jsxDEV(ee, { children: b.custom }, b.tabId, !1, {
-                              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-                              lineNumber: 183,
-                              columnNumber: 23
-                            }, void 0);
-                          const { label: F, tabId: k, ...O } = b;
-                          return /* @__PURE__ */ a.jsxDEV(
-                            U,
-                            {
-                              view: "divider",
-                              itemIndex: N,
-                              selected: k === u,
-                              onClick: () => h == null ? void 0 : h(k),
-                              tabIndex: 0,
-                              size: M,
-                              ...O,
-                              children: F
-                            },
-                            k,
-                            !1,
-                            {
-                              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-                              lineNumber: 190,
-                              columnNumber: 21
-                            },
-                            void 0
-                          );
-                        })
-                      },
-                      H,
-                      !1,
-                      {
-                        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-                        lineNumber: 168,
-                        columnNumber: 15
-                      },
-                      void 0
-                    ),
-                    d && /* @__PURE__ */ a.jsxDEV($, { children: d }, void 0, !1, {
-                      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-                      lineNumber: 205,
-                      columnNumber: 29
-                    }, void 0)
-                  ] }, void 0, !0, {
-                    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-                    lineNumber: 167,
-                    columnNumber: 13
-                  }, void 0)
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-                  lineNumber: 161,
-                  columnNumber: 11
-                },
-                void 0
-              ),
-              e
-            ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-            lineNumber: 158,
-            columnNumber: 9
-          },
-          void 0
-        )
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-      lineNumber: 143,
-      columnNumber: 7
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-    lineNumber: 142,
-    columnNumber: 5
-  }, void 0);
-}, he = ({
+  const [c, y] = t ?? oe, [A, E] = I((n == null ? void 0 : n.defaultCollapsed) ?? !1), m = n && (n == null ? void 0 : n.enabled), [T, P] = (n == null ? void 0 : n.collapsedState) ?? [A, E], k = () => {
+    var C;
+    const b = !T;
+    P(b), (C = n == null ? void 0 : n.onToggleCollapse) == null || C.call(n, b);
+  }, h = d == null ? void 0 : d.maxWidth, D = !h || typeof h == "string" && h.includes("%"), {
+    ref: H,
+    width: L
+  } = ie(D), M = J.useRef(null), F = ae(h, L), O = me(r), j = Te(r);
+  return /* @__PURE__ */ a(g.Provider, { value: c, children: /* @__PURE__ */ p(ue, { ref: H, className: f.tabsAndPanelsContainer, $css: i, $isCollapsed: m && T, children: [
+    m && /* @__PURE__ */ a(Ce, { config: n, isCollapsed: T, onToggle: k, size: he(r), tabsSize: r }),
+    /* @__PURE__ */ p(xe, { $isCollapsed: m && T, children: [
+      /* @__PURE__ */ a(be, { ref: M, className: f.tabsContainer, $hasCollapsing: m, $size: r, children: /* @__PURE__ */ p(ce, { children: [
+        /* @__PURE__ */ a(X, { view: "clear", orientation: "horizontal", size: O, ...o, style: {
+          width: l ? void 0 : "100%",
+          flex: l ? "1 1 auto" : void 0,
+          ...o == null ? void 0 : o.style
+        }, children: s.map((b, C) => {
+          if (fe(b))
+            return /* @__PURE__ */ a(te, { children: b.custom }, b.tabId);
+          const {
+            label: G,
+            tabId: S,
+            ...U
+          } = b;
+          return /* @__PURE__ */ a(Y, { view: "divider", itemIndex: C, selected: S === c, onClick: () => y == null ? void 0 : y(S), tabIndex: 0, size: j, ...U, children: G }, S);
+        }) }, F),
+        l && /* @__PURE__ */ a(z, { children: l })
+      ] }) }),
+      e
+    ] })
+  ] }) });
+}, ye = ({
   children: e,
-  tabId: s,
-  unmountOnClose: i = !0,
-  className: r,
-  style: o,
-  ...l
+  tabId: t,
+  unmountOnClose: s = !0,
+  className: o,
+  style: i,
+  ...d
 }) => {
-  const { activeTabId: d } = oe("notTable");
-  let t = `${T.tabPanel} ${r ?? ""}`;
-  const n = s !== void 0 && d === s;
-  if (i)
-    return n && /* @__PURE__ */ a.jsxDEV(g, { className: t, style: o, ...l, children: e }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-      lineNumber: 236,
-      columnNumber: 7
-    }, void 0);
-  const u = n ? void 0 : { display: "none" };
-  return u && (t += `${t} ${T.tabPanelHided}`), /* @__PURE__ */ a.jsxDEV(
-    g,
-    {
-      className: t,
-      style: (o || u) && { ...o, ...u },
-      ...l,
-      children: e
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableTabs/TableTabs.tsx",
-      lineNumber: 248,
-      columnNumber: 5
-    },
-    void 0
-  );
+  const {
+    activeTabId: l
+  } = de("notTable");
+  let r = `${f.tabPanel} ${o ?? ""}`;
+  const n = t !== void 0 && l === t;
+  if (s)
+    return n && /* @__PURE__ */ a(w, { className: r, style: i, ...d, children: e });
+  const c = n ? void 0 : {
+    display: "none"
+  };
+  return c && (r += `${r} ${f.tabPanelHided}`), /* @__PURE__ */ a(w, { className: r, style: (i || c) && {
+    ...i,
+    ...c
+  }, ...d, children: e });
 };
-Ne.TabPanel = he;
+pe.TabPanel = ye;
 export {
-  Ne as TableTabs,
-  R as TableTabsContext,
-  T as tableTabsClassNames,
-  oe as useTableTabsContext
+  pe as TableTabs,
+  g as TableTabsContext,
+  f as tableTabsClassNames,
+  de as useTableTabsContext
 };

package/components/TextArea/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../chunks/vendor-D8Dozc4m.cjs"),x=require("../../shared/utils/inputs/index.cjs"),l=require("react"),m=require("@salutejs/sdds-finai"),T=require("../../constants/index.cjs"),i=require("styled-components"),g=i(m.TextArea).withConfig({displayName:"TextAreastyled__StyledTextArea"})([".textarea-has-right-content{",";}"],({hasManyIcons:e})=>e&&i.css(["padding-right:",";"],T.s.x32)),o=l.forwardRef(({disabled:e,readOnly:t,contentRight:r,size:s="s",value:n,onClear:a,...c},u)=>d.jsxDevRuntimeExports.jsxDEV(g,{...c,ref:u,size:s,value:n,disabled:e,readOnly:t,contentRight:x.getContentRight({disabled:e,readOnly:t,value:n,onClear:a,size:s,contentRight:r}),hasManyIcons:!!(r&&a)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TextArea/TextArea.tsx",lineNumber:12,columnNumber:3},void 0));o.displayName="TextArea";exports.TextArea=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),u=require("../../shared/utils/inputs/index.cjs"),g=require("react"),y=require("@salutejs/sdds-finai"),T=require("../../constants/index.cjs"),i=require("styled-components"),h=i(y.TextArea).withConfig({displayName:"TextAreastyled__StyledTextArea"})([".textarea-has-right-content{",";}"],({hasManyIcons:e})=>e&&i.css(["padding-right:",";"],T.s.x32)),o=g.forwardRef(({disabled:e,readOnly:t,contentRight:s,size:r="s",value:n,onClear:a,...c},d)=>x.jsx(h,{...c,ref:d,size:r,value:n,disabled:e,readOnly:t,contentRight:u.getContentRight({disabled:e,readOnly:t,value:n,onClear:a,size:r,contentRight:s}),hasManyIcons:!!(s&&a)}));o.displayName="TextArea";exports.TextArea=o;

package/components/TextArea/index.mjs

@@ -1,44 +1,30 @@
-import { j as n } from "../../chunks/vendor-BG4P-329.mjs";
-import { getContentRight as x } from "../../shared/utils/inputs/index.mjs";
-import { forwardRef as p } from "react";
-import { TextArea as f } from "@salutejs/sdds-finai";
-import { s as d } from "../../constants/index.mjs";
-import c, { css as A } from "styled-components";
-const T = c(f).withConfig({
+import { jsx as x } from "react/jsx-runtime";
+import { getContentRight as p } from "../../shared/utils/inputs/index.mjs";
+import { forwardRef as f } from "react";
+import { TextArea as n } from "@salutejs/sdds-finai";
+import { s as A } from "../../constants/index.mjs";
+import T, { css as d } from "styled-components";
+const g = T(n).withConfig({
   displayName: "TextAreastyled__StyledTextArea"
 })([".textarea-has-right-content{", ";}"], ({
-  hasManyIcons: e
-}) => e && A(["padding-right:", ";"], d.x32)), u = p(
-  ({ disabled: e, readOnly: t, contentRight: r, size: o = "s", value: a, onClear: i, ...s }, m) => /* @__PURE__ */ n.jsxDEV(
-    T,
-    {
-      ...s,
-      ref: m,
-      size: o,
-      value: a,
-      disabled: e,
-      readOnly: t,
-      contentRight: x({
-        disabled: e,
-        readOnly: t,
-        value: a,
-        onClear: i,
-        size: o,
-        contentRight: r
-      }),
-      hasManyIcons: !!(r && i)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TextArea/TextArea.tsx",
-      lineNumber: 12,
-      columnNumber: 3
-    },
-    void 0
-  )
-);
-u.displayName = "TextArea";
+  hasManyIcons: t
+}) => t && d(["padding-right:", ";"], A.x32)), h = f(({
+  disabled: t,
+  readOnly: e,
+  contentRight: r,
+  size: o = "s",
+  value: a,
+  onClear: m,
+  ...s
+}, i) => /* @__PURE__ */ x(g, { ...s, ref: i, size: o, value: a, disabled: t, readOnly: e, contentRight: p({
+  disabled: t,
+  readOnly: e,
+  value: a,
+  onClear: m,
+  size: o,
+  contentRight: r
+}), hasManyIcons: !!(r && m) }));
+h.displayName = "TextArea";
 export {
-  u as TextArea
+  h as TextArea
 };

package/components/TextField/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/vendor-D8Dozc4m.cjs"),l=require("@salutejs/sdds-finai"),f=require("../../shared/utils/inputs/index.cjs"),x=require("react"),F=require("@salutejs/plasma-icons"),i=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),u=x.forwardRef(({disabled:t,readOnly:e,contentRight:o,size:r="s",value:n,onClear:a,...s},d)=>c.jsxDevRuntimeExports.jsxDEV(l.TextField,{...s,ref:d,size:r,value:n,disabled:t,readOnly:e,contentRight:f.getContentRight({disabled:t,readOnly:e,value:n,onClear:a,size:r,contentRight:o})},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TextField/TextField.tsx",lineNumber:22,columnNumber:3},void 0));u.displayName="TextField";const S=h(u).withConfig({displayName:"TextFieldSearch__StyledTextField"})(["&&{.input-wrapper{background:",";box-shadow:none;}&:not([readonly]) .input-wrapper:hover{background:",";}&:not([readonly]) .input-wrapper:active{background:",";}}"],()=>i.surfaceTransparentSecondary,()=>i.surfaceTransparentSecondaryHover,()=>i.surfaceTransparentSecondaryActive),p=x.forwardRef(({placeholder:t="Поиск",size:e="s",value:o,onChange:r,handlerClear:n,onClear:a,disabled:s,readOnly:d,...m},T)=>c.jsxDevRuntimeExports.jsxDEV(S,{ref:T,value:o,placeholder:t,size:e,onChange:r,disabled:s,readOnly:d,contentLeft:c.jsxDevRuntimeExports.jsxDEV(F.IconSearch,{color:i.textSecondary,size:e},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TextField/TextFieldSearch.tsx",lineNumber:76,columnNumber:18},void 0),onClear:a??n,...m},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TextField/TextFieldSearch.tsx",lineNumber:68,columnNumber:3},void 0));p.displayName="TextFieldSearch";Object.defineProperty(exports,"textFieldTokens",{enumerable:!0,get:()=>l.textFieldTokens});exports.TextField=u;exports.TextFieldSearch=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),u=require("@salutejs/sdds-finai"),F=require("../../shared/utils/inputs/index.cjs"),p=require("react"),S=require("@salutejs/plasma-icons"),o=require("@salutejs/sdds-themes/tokens/sdds_finai"),f=require("styled-components"),l=p.forwardRef(({disabled:t,readOnly:e,contentRight:a,size:r="s",value:n,onClear:i,...s},c)=>d.jsx(u.TextField,{...s,ref:c,size:r,value:n,disabled:t,readOnly:e,contentRight:F.getContentRight({disabled:t,readOnly:e,value:n,onClear:i,size:r,contentRight:a})}));l.displayName="TextField";const h=f(l).withConfig({displayName:"TextFieldSearch__StyledTextField"})(["&&{.input-wrapper{background:",";box-shadow:none;}&:not([readonly]) .input-wrapper:hover{background:",";}&:not([readonly]) .input-wrapper:active{background:",";}}"],()=>o.surfaceTransparentSecondary,()=>o.surfaceTransparentSecondaryHover,()=>o.surfaceTransparentSecondaryActive),x=p.forwardRef(({placeholder:t="Поиск",size:e="s",value:a,onChange:r,handlerClear:n,onClear:i,disabled:s,readOnly:c,...T},y)=>d.jsx(h,{ref:y,value:a,placeholder:t,size:e,onChange:r,disabled:s,readOnly:c,contentLeft:d.jsx(S.IconSearch,{color:o.textSecondary,size:e}),onClear:i??n,...T}));x.displayName="TextFieldSearch";Object.defineProperty(exports,"textFieldTokens",{enumerable:!0,get:()=>u.textFieldTokens});exports.TextField=l;exports.TextFieldSearch=x;