ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/textarea.js

@@ -0,0 +1,217 @@
+import { jsx as R } from "react/jsx-runtime";
+import * as c from "react";
+import m, { useRef as N, useLayoutEffect as P } from "react";
+import { T as k } from "../index-BVqs-uqP.js";
+import { u as O } from "../useMergeRefs-qoKniYqT.js";
+import { u as j, a as B } from "../inputBaseStyles-DbzD_jvq.js";
+const _ = k({
+  extend: B,
+  base: "min-h-14",
+  variants: {
+    resize: {
+      none: "resize-none",
+      vertical: "resize-y",
+      horizontal: "resize-x",
+      both: "resize"
+    }
+  },
+  defaultVariants: {
+    resize: "vertical"
+  }
+}), $ = m.forwardRef(
+  ({ className: n, error: e, resize: r, ...t }, i) => {
+    const u = N(null), o = O(u, i);
+    return j(u, e), /* @__PURE__ */ R(
+      "textarea",
+      {
+        className: _({ resize: r, className: n }),
+        ref: o,
+        "aria-invalid": !!e,
+        ...t
+      }
+    );
+  }
+);
+$.displayName = "Textarea";
+function w() {
+  return w = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var t in r) ({}).hasOwnProperty.call(r, t) && (n[t] = r[t]);
+    }
+    return n;
+  }, w.apply(null, arguments);
+}
+function G(n, e) {
+  if (n == null) return {};
+  var r = {};
+  for (var t in n) if ({}.hasOwnProperty.call(n, t)) {
+    if (e.indexOf(t) !== -1) continue;
+    r[t] = n[t];
+  }
+  return r;
+}
+var V = P, Y = function(e) {
+  var r = m.useRef(e);
+  return V(function() {
+    r.current = e;
+  }), r;
+}, T = function(e, r) {
+  if (typeof e == "function") {
+    e(r);
+    return;
+  }
+  e.current = r;
+}, q = function(e, r) {
+  var t = m.useRef();
+  return m.useCallback(function(i) {
+    e.current = i, t.current && T(t.current, null), t.current = r, r && T(r, i);
+  }, [r]);
+}, E = {
+  "min-height": "0",
+  "max-height": "none",
+  height: "0",
+  visibility: "hidden",
+  overflow: "hidden",
+  position: "absolute",
+  "z-index": "-1000",
+  top: "0",
+  right: "0",
+  display: "block"
+}, U = function(e) {
+  Object.keys(E).forEach(function(r) {
+    e.style.setProperty(r, E[r], "important");
+  });
+}, F = U, a = null, W = function(e, r) {
+  var t = e.scrollHeight;
+  return r.sizingStyle.boxSizing === "border-box" ? t + r.borderSize : t - r.paddingSize;
+};
+function X(n, e, r, t) {
+  r === void 0 && (r = 1), t === void 0 && (t = 1 / 0), a || (a = document.createElement("textarea"), a.setAttribute("tabindex", "-1"), a.setAttribute("aria-hidden", "true"), F(a)), a.parentNode === null && document.body.appendChild(a);
+  var i = n.paddingSize, u = n.borderSize, o = n.sizingStyle, f = o.boxSizing;
+  Object.keys(o).forEach(function(l) {
+    var x = l;
+    a.style[x] = o[x];
+  }), F(a), a.value = e;
+  var d = W(a, n);
+  a.value = e, d = W(a, n), a.value = "x";
+  var v = a.scrollHeight - i, h = v * r;
+  f === "border-box" && (h = h + i + u), d = Math.max(h, d);
+  var g = v * t;
+  return f === "border-box" && (g = g + i + u), d = Math.min(g, d), [d, v];
+}
+var A = function() {
+}, Z = function(e, r) {
+  return e.reduce(function(t, i) {
+    return t[i] = r[i], t;
+  }, {});
+}, D = [
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderRightWidth",
+  "borderTopWidth",
+  "boxSizing",
+  "fontFamily",
+  "fontSize",
+  "fontStyle",
+  "fontWeight",
+  "letterSpacing",
+  "lineHeight",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingRight",
+  "paddingTop",
+  // non-standard
+  "tabSize",
+  "textIndent",
+  // non-standard
+  "textRendering",
+  "textTransform",
+  "width",
+  "wordBreak",
+  "wordSpacing",
+  "scrollbarGutter"
+], J = !!document.documentElement.currentStyle, K = function(e) {
+  var r = window.getComputedStyle(e);
+  if (r === null)
+    return null;
+  var t = Z(D, r), i = t.boxSizing;
+  if (i === "")
+    return null;
+  J && i === "border-box" && (t.width = parseFloat(t.width) + parseFloat(t.borderRightWidth) + parseFloat(t.borderLeftWidth) + parseFloat(t.paddingRight) + parseFloat(t.paddingLeft) + "px");
+  var u = parseFloat(t.paddingBottom) + parseFloat(t.paddingTop), o = parseFloat(t.borderBottomWidth) + parseFloat(t.borderTopWidth);
+  return {
+    sizingStyle: t,
+    paddingSize: u,
+    borderSize: o
+  };
+}, Q = K;
+function L(n, e, r) {
+  var t = Y(r);
+  c.useLayoutEffect(function() {
+    var i = function(o) {
+      return t.current(o);
+    };
+    if (n)
+      return n.addEventListener(e, i), function() {
+        return n.removeEventListener(e, i);
+      };
+  }, []);
+}
+var ee = function(e, r) {
+  L(document.body, "reset", function(t) {
+    e.current.form === t.target && r(t);
+  });
+}, te = function(e) {
+  L(window, "resize", e);
+}, re = function(e) {
+  L(document.fonts, "loadingdone", e);
+}, ne = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], ie = function(e, r) {
+  var t = e.cacheMeasurements, i = e.maxRows, u = e.minRows, o = e.onChange, f = o === void 0 ? A : o, d = e.onHeightChange, v = d === void 0 ? A : d, h = G(e, ne), g = h.value !== void 0, l = c.useRef(null), x = q(l, r), C = c.useRef(0), S = c.useRef(), p = function() {
+    var s = l.current, z = t && S.current ? S.current : Q(s);
+    if (z) {
+      S.current = z;
+      var H = X(z, s.value || s.placeholder || "x", u, i), b = H[0], M = H[1];
+      C.current !== b && (C.current = b, s.style.setProperty("height", b + "px", "important"), v(b, {
+        rowHeight: M
+      }));
+    }
+  }, I = function(s) {
+    g || p(), f(s);
+  };
+  return c.useLayoutEffect(p), ee(l, function() {
+    if (!g) {
+      var y = l.current.value;
+      requestAnimationFrame(function() {
+        var s = l.current;
+        s && y !== s.value && p();
+      });
+    }
+  }), te(p), re(p), /* @__PURE__ */ c.createElement("textarea", w({}, h, {
+    onChange: I,
+    ref: x
+  }));
+}, ae = /* @__PURE__ */ c.forwardRef(ie);
+const oe = k({
+  extend: B,
+  base: "resize-none leading-[1.125rem]"
+}), ue = m.forwardRef(
+  ({ className: n, minRows: e = 2, error: r, ...t }, i) => {
+    const u = N(null), o = O(u, i);
+    j(u, r);
+    const f = {
+      className: oe({ className: n }),
+      ref: o,
+      "aria-invalid": !!r,
+      minRows: e,
+      ...t
+    };
+    return typeof document > "u" ? /* @__PURE__ */ R("textarea", { ...f, rows: e }) : /* @__PURE__ */ R(ae, { ...f });
+  }
+);
+ue.displayName = "AutogrowTextarea";
+export {
+  ue as AutogrowTextarea,
+  $ as Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../src/components/textarea/textarea/Textarea.tsx","../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/extends.js","../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../../node_modules/.pnpm/use-isomorphic-layout-effec_0eaf1275c42a90a284bd73abb469f932/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js","../../node_modules/.pnpm/use-latest@1.3.0_@types+react@18.3.20_react@18.3.1/node_modules/use-latest/dist/use-latest.esm.js","../../node_modules/.pnpm/use-composed-ref@1.4.0_@types+react@18.3.20_react@18.3.1/node_modules/use-composed-ref/dist/use-composed-ref.esm.js","../../node_modules/.pnpm/react-textarea-autosize@8.5_234058ab51b636a76d02be9312558ea5/node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js","../../src/components/textarea/autogrow-textarea/AutogrowTextarea.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { useMergeRefs } from \"../../../hooks/useMergeRefs\";\r\nimport { useCustomValidity } from \"../../../hooks/useCustomValidity\";\r\nimport { inputBaseControlStyles } from \"../../input/styles/inputBaseStyles\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface TextareaVariants {\r\n\tresize?: \"none\" | \"vertical\" | \"horizontal\" | \"both\";\r\n}\r\n\r\nconst textareaStyles = tv({\r\n\textend: inputBaseControlStyles,\r\n\tbase: \"min-h-14\",\r\n\tvariants: {\r\n\t\tresize: {\r\n\t\t\tnone: \"resize-none\",\r\n\t\t\tvertical: \"resize-y\",\r\n\t\t\thorizontal: \"resize-x\",\r\n\t\t\tboth: \"resize\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<TextareaVariants>,\r\n\tdefaultVariants: {\r\n\t\tresize: \"vertical\"\r\n\t}\r\n});\r\n\r\nexport type TextareaProps = React.ComponentProps<\"textarea\"> &\r\n\tTextareaVariants & {\r\n\t\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\r\n\t\terror?: string;\r\n\t};\r\n\r\n/**\r\n * Стилизованный компонент textarea для многострочного ввода текста.\r\n * Поддерживает все стандартные свойства textarea элемента.\r\n */\r\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n\t({ className, error, resize, ...other }, ref) => {\r\n\t\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\r\n\t\tconst mergedRef = useMergeRefs(textareaRef, ref);\r\n\r\n\t\tuseCustomValidity(textareaRef, error);\r\n\r\n\t\treturn (\r\n\t\t\t<textarea\r\n\t\t\t\tclassName={textareaStyles({ resize, className })}\r\n\t\t\t\tref={mergedRef}\r\n\t\t\t\taria-invalid={!!error}\r\n\t\t\t\t{...other}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport default Textarea;\r\n","function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };","function _objectWithoutPropertiesLoose(r, e) {\n  if (null == r) return {};\n  var t = {};\n  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n    if (-1 !== e.indexOf(n)) continue;\n    t[n] = r[n];\n  }\n  return t;\n}\nexport { _objectWithoutPropertiesLoose as default };","import { useLayoutEffect } from 'react';\n\nvar index = useLayoutEffect ;\n\nexport { index as default };\n","import React from 'react';\nimport useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';\n\nvar useLatest = function useLatest(value) {\n  var ref = React.useRef(value);\n  useIsomorphicLayoutEffect(function () {\n    ref.current = value;\n  });\n  return ref;\n};\n\nexport { useLatest as default };\n","import React from 'react';\n\n// basically Exclude<React.ClassAttributes<T>[\"ref\"], string>\n\nvar updateRef = function updateRef(ref, value) {\n  if (typeof ref === 'function') {\n    ref(value);\n    return;\n  }\n  ref.current = value;\n};\nvar useComposedRef = function useComposedRef(libRef, userRef) {\n  var prevUserRef = React.useRef();\n  return React.useCallback(function (instance) {\n    libRef.current = instance;\n    if (prevUserRef.current) {\n      updateRef(prevUserRef.current, null);\n    }\n    prevUserRef.current = userRef;\n    if (!userRef) {\n      return;\n    }\n    updateRef(userRef, instance);\n  }, [userRef]);\n};\n\nexport { useComposedRef as default };\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport * as React from 'react';\nimport useLatest from 'use-latest';\nimport useComposedRef from 'use-composed-ref';\n\nvar HIDDEN_TEXTAREA_STYLE = {\n  'min-height': '0',\n  'max-height': 'none',\n  height: '0',\n  visibility: 'hidden',\n  overflow: 'hidden',\n  position: 'absolute',\n  'z-index': '-1000',\n  top: '0',\n  right: '0',\n  display: 'block'\n};\nvar forceHiddenStyles = function forceHiddenStyles(node) {\n  Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function (key) {\n    node.style.setProperty(key, HIDDEN_TEXTAREA_STYLE[key], 'important');\n  });\n};\nvar forceHiddenStyles$1 = forceHiddenStyles;\n\nvar hiddenTextarea = null;\nvar getHeight = function getHeight(node, sizingData) {\n  var height = node.scrollHeight;\n  if (sizingData.sizingStyle.boxSizing === 'border-box') {\n    // border-box: add border, since height = content + padding + border\n    return height + sizingData.borderSize;\n  }\n\n  // remove padding, since height = content\n  return height - sizingData.paddingSize;\n};\nfunction calculateNodeHeight(sizingData, value, minRows, maxRows) {\n  if (minRows === void 0) {\n    minRows = 1;\n  }\n  if (maxRows === void 0) {\n    maxRows = Infinity;\n  }\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    hiddenTextarea.setAttribute('tabindex', '-1');\n    hiddenTextarea.setAttribute('aria-hidden', 'true');\n    forceHiddenStyles$1(hiddenTextarea);\n  }\n  if (hiddenTextarea.parentNode === null) {\n    document.body.appendChild(hiddenTextarea);\n  }\n  var paddingSize = sizingData.paddingSize,\n    borderSize = sizingData.borderSize,\n    sizingStyle = sizingData.sizingStyle;\n  var boxSizing = sizingStyle.boxSizing;\n  Object.keys(sizingStyle).forEach(function (_key) {\n    var key = _key;\n    hiddenTextarea.style[key] = sizingStyle[key];\n  });\n  forceHiddenStyles$1(hiddenTextarea);\n  hiddenTextarea.value = value;\n  var height = getHeight(hiddenTextarea, sizingData);\n  // Double set and calc due to Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1795904\n  hiddenTextarea.value = value;\n  height = getHeight(hiddenTextarea, sizingData);\n\n  // measure height of a textarea with a single row\n  hiddenTextarea.value = 'x';\n  var rowHeight = hiddenTextarea.scrollHeight - paddingSize;\n  var minHeight = rowHeight * minRows;\n  if (boxSizing === 'border-box') {\n    minHeight = minHeight + paddingSize + borderSize;\n  }\n  height = Math.max(minHeight, height);\n  var maxHeight = rowHeight * maxRows;\n  if (boxSizing === 'border-box') {\n    maxHeight = maxHeight + paddingSize + borderSize;\n  }\n  height = Math.min(maxHeight, height);\n  return [height, rowHeight];\n}\n\nvar noop = function noop() {};\nvar pick = function pick(props, obj) {\n  return props.reduce(function (acc, prop) {\n    acc[prop] = obj[prop];\n    return acc;\n  }, {});\n};\n\nvar SIZING_STYLE = ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'boxSizing', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'letterSpacing', 'lineHeight', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop',\n// non-standard\n'tabSize', 'textIndent',\n// non-standard\n'textRendering', 'textTransform', 'width', 'wordBreak', 'wordSpacing', 'scrollbarGutter'];\nvar isIE = !!document.documentElement.currentStyle ;\nvar getSizingData = function getSizingData(node) {\n  var style = window.getComputedStyle(node);\n  if (style === null) {\n    return null;\n  }\n  var sizingStyle = pick(SIZING_STYLE, style);\n  var boxSizing = sizingStyle.boxSizing;\n\n  // probably node is detached from DOM, can't read computed dimensions\n  if (boxSizing === '') {\n    return null;\n  }\n\n  // IE (Edge has already correct behaviour) returns content width as computed width\n  // so we need to add manually padding and border widths\n  if (isIE && boxSizing === 'border-box') {\n    sizingStyle.width = parseFloat(sizingStyle.width) + parseFloat(sizingStyle.borderRightWidth) + parseFloat(sizingStyle.borderLeftWidth) + parseFloat(sizingStyle.paddingRight) + parseFloat(sizingStyle.paddingLeft) + 'px';\n  }\n  var paddingSize = parseFloat(sizingStyle.paddingBottom) + parseFloat(sizingStyle.paddingTop);\n  var borderSize = parseFloat(sizingStyle.borderBottomWidth) + parseFloat(sizingStyle.borderTopWidth);\n  return {\n    sizingStyle: sizingStyle,\n    paddingSize: paddingSize,\n    borderSize: borderSize\n  };\n};\nvar getSizingData$1 = getSizingData;\n\nfunction useListener(target, type, listener) {\n  var latestListener = useLatest(listener);\n  React.useLayoutEffect(function () {\n    var handler = function handler(ev) {\n      return latestListener.current(ev);\n    };\n    // might happen if document.fonts is not defined, for instance\n    if (!target) {\n      return;\n    }\n    target.addEventListener(type, handler);\n    return function () {\n      return target.removeEventListener(type, handler);\n    };\n  }, []);\n}\nvar useFormResetListener = function useFormResetListener(libRef, listener) {\n  useListener(document.body, 'reset', function (ev) {\n    if (libRef.current.form === ev.target) {\n      listener(ev);\n    }\n  });\n};\nvar useWindowResizeListener = function useWindowResizeListener(listener) {\n  useListener(window, 'resize', listener);\n};\nvar useFontsLoadedListener = function useFontsLoadedListener(listener) {\n  useListener(document.fonts, 'loadingdone', listener);\n};\n\nvar _excluded = [\"cacheMeasurements\", \"maxRows\", \"minRows\", \"onChange\", \"onHeightChange\"];\nvar TextareaAutosize = function TextareaAutosize(_ref, userRef) {\n  var cacheMeasurements = _ref.cacheMeasurements,\n    maxRows = _ref.maxRows,\n    minRows = _ref.minRows,\n    _ref$onChange = _ref.onChange,\n    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,\n    _ref$onHeightChange = _ref.onHeightChange,\n    onHeightChange = _ref$onHeightChange === void 0 ? noop : _ref$onHeightChange,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  var isControlled = props.value !== undefined;\n  var libRef = React.useRef(null);\n  var ref = useComposedRef(libRef, userRef);\n  var heightRef = React.useRef(0);\n  var measurementsCacheRef = React.useRef();\n  var resizeTextarea = function resizeTextarea() {\n    var node = libRef.current;\n    var nodeSizingData = cacheMeasurements && measurementsCacheRef.current ? measurementsCacheRef.current : getSizingData$1(node);\n    if (!nodeSizingData) {\n      return;\n    }\n    measurementsCacheRef.current = nodeSizingData;\n    var _calculateNodeHeight = calculateNodeHeight(nodeSizingData, node.value || node.placeholder || 'x', minRows, maxRows),\n      height = _calculateNodeHeight[0],\n      rowHeight = _calculateNodeHeight[1];\n    if (heightRef.current !== height) {\n      heightRef.current = height;\n      node.style.setProperty('height', height + \"px\", 'important');\n      onHeightChange(height, {\n        rowHeight: rowHeight\n      });\n    }\n  };\n  var handleChange = function handleChange(event) {\n    if (!isControlled) {\n      resizeTextarea();\n    }\n    onChange(event);\n  };\n  {\n    React.useLayoutEffect(resizeTextarea);\n    useFormResetListener(libRef, function () {\n      if (!isControlled) {\n        var currentValue = libRef.current.value;\n        requestAnimationFrame(function () {\n          var node = libRef.current;\n          if (node && currentValue !== node.value) {\n            resizeTextarea();\n          }\n        });\n      }\n    });\n    useWindowResizeListener(resizeTextarea);\n    useFontsLoadedListener(resizeTextarea);\n    return /*#__PURE__*/React.createElement(\"textarea\", _extends({}, props, {\n      onChange: handleChange,\n      ref: ref\n    }));\n  }\n};\nvar index = /* #__PURE__ */React.forwardRef(TextareaAutosize);\n\nexport { index as default };\n","import React, { useRef } from \"react\";\r\nimport TextareaAutosize from \"react-textarea-autosize\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { useMergeRefs } from \"../../../hooks/useMergeRefs\";\r\nimport { useCustomValidity } from \"../../../hooks/useCustomValidity\";\r\nimport { inputBaseControlStyles } from \"../../input/styles/inputBaseStyles\";\r\n\r\nconst autogrowTextareaStyles = tv({\r\n\textend: inputBaseControlStyles,\r\n\tbase: \"resize-none leading-[1.125rem]\"\r\n});\r\n\r\nexport type AutogrowTextareaProps = React.ComponentProps<typeof TextareaAutosize> & {\r\n\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\r\n\terror?: string;\r\n};\r\n\r\n/**\r\n * Стилизованный компонент textarea с автоматическим увеличением высоты.\r\n * Использует библиотеку react-textarea-autosize для надежной работы с min-height и max-height.\r\n */\r\nexport const AutogrowTextarea = React.forwardRef<HTMLTextAreaElement, AutogrowTextareaProps>(\r\n\t({ className, minRows = 2, error, ...other }, ref) => {\r\n\t\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\r\n\t\tconst mergedRef = useMergeRefs(textareaRef, ref);\r\n\r\n\t\tuseCustomValidity(textareaRef, error);\r\n\r\n\t\tconst sharedProps = {\r\n\t\t\tclassName: autogrowTextareaStyles({ className }),\r\n\t\t\tref: mergedRef,\r\n\t\t\t\"aria-invalid\": !!error as boolean,\r\n\t\t\tminRows,\r\n\t\t\t...other\r\n\t\t};\r\n\r\n\t\t// SSR: document недоступен — рендерим обычный textarea\r\n\t\tif (typeof document === \"undefined\") {\r\n\t\t\treturn <textarea {...sharedProps} rows={minRows} />;\r\n\t\t}\r\n\r\n\t\treturn <TextareaAutosize {...sharedProps} />;\r\n\t}\r\n);\r\n\r\nAutogrowTextarea.displayName = \"AutogrowTextarea\";\r\n\r\nexport default AutogrowTextarea;\r\n"],"names":["textareaStyles","tv","inputBaseControlStyles","Textarea","React","className","error","resize","other","ref","textareaRef","useRef","mergedRef","useMergeRefs","useCustomValidity","jsx","_extends","t","r","_objectWithoutPropertiesLoose","n","index","useLayoutEffect","useLatest","value","useIsomorphicLayoutEffect","updateRef","useComposedRef","libRef","userRef","prevUserRef","instance","HIDDEN_TEXTAREA_STYLE","forceHiddenStyles","node","key","forceHiddenStyles$1","hiddenTextarea","getHeight","sizingData","height","calculateNodeHeight","minRows","maxRows","paddingSize","borderSize","sizingStyle","boxSizing","_key","rowHeight","minHeight","maxHeight","noop","pick","props","obj","acc","prop","SIZING_STYLE","isIE","getSizingData","style","getSizingData$1","useListener","target","type","listener","latestListener","handler","ev","useFormResetListener","useWindowResizeListener","useFontsLoadedListener","_excluded","TextareaAutosize","_ref","cacheMeasurements","_ref$onChange","onChange","_ref$onHeightChange","onHeightChange","isControlled","heightRef","measurementsCacheRef","resizeTextarea","nodeSizingData","_calculateNodeHeight","handleChange","event","currentValue","autogrowTextareaStyles","AutogrowTextarea","sharedProps"],"mappings":"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","x_google_ignoreList":[1,2,3,4,5,6]}

package/dist/components/timer/Timer.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export type TimerProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;
+export declare const Timer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/timer/Timer.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from 'react';
+declare const meta: {
+    component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        children?: ReactNode | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Custom: Story;

package/dist/components/timer/components/TimerUnit.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export type TimerUnitProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;
+export declare const TimerUnit: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/timer/components/TimerValue.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export type TimerValueProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;
+export declare const TimerValue: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/timer/index.d.ts

@@ -0,0 +1,3 @@
+export { Timer, type TimerProps } from './Timer';
+export { TimerValue, type TimerValueProps } from './components/TimerValue';
+export { TimerUnit, type TimerUnitProps } from './components/TimerUnit';

package/dist/components/timer.d.ts

@@ -0,0 +1,2 @@
+export * from './timer/index'
+export {}

package/dist/components/timer.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+import m from "react";
+import { T as i } from "../index-BVqs-uqP.js";
+const o = i({
+  base: "flex h-8 flex-row items-center justify-center gap-px rounded-md bg-secondary-border px-1.5 py-2"
+}), n = m.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a("span", { ref: s, className: o({ class: e }), ...r, children: t }));
+n.displayName = "Timer";
+const l = i({
+  base: "text-sm font-medium text-primary-fg"
+}), c = m.forwardRef(
+  ({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a("span", { ref: s, className: l({ class: e }), ...r, children: t })
+);
+c.displayName = "TimerValue";
+const f = i({
+  base: "text-sm text-muted"
+}), p = m.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a("span", { ref: s, className: f({ class: e }), ...r, children: t }));
+p.displayName = "TimerUnit";
+export {
+  n as Timer,
+  p as TimerUnit,
+  c as TimerValue
+};
+//# sourceMappingURL=timer.js.map

package/dist/components/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sources":["../../src/components/timer/Timer.tsx","../../src/components/timer/components/TimerValue.tsx","../../src/components/timer/components/TimerUnit.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst timerStyles = tv({\r\n\tbase: \"flex h-8 flex-row items-center justify-center gap-px rounded-md bg-secondary-border px-1.5 py-2\"\r\n});\r\n\r\nexport type TimerProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;\r\n\r\nexport const Timer = React.forwardRef<HTMLDivElement, TimerProps>(({ className, children, ...props }, ref) => {\r\n\treturn (\r\n\t\t<span ref={ref} className={timerStyles({ class: className })} {...props}>\r\n\t\t\t{children}\r\n\t\t</span>\r\n\t);\r\n});\r\n\r\nTimer.displayName = \"Timer\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst timerValueStyles = tv({\r\n\tbase: \"text-sm font-medium text-primary-fg\"\r\n});\r\n\r\nexport type TimerValueProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;\r\n\r\nexport const TimerValue = React.forwardRef<HTMLDivElement, TimerValueProps>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<span ref={ref} className={timerValueStyles({ class: className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</span>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nTimerValue.displayName = \"TimerValue\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst timerUnitStyles = tv({\r\n\tbase: \"text-sm text-muted\"\r\n});\r\n\r\nexport type TimerUnitProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;\r\n\r\nexport const TimerUnit = React.forwardRef<HTMLDivElement, TimerUnitProps>(({ className, children, ...props }, ref) => {\r\n\treturn (\r\n\t\t<span ref={ref} className={timerUnitStyles({ class: className })} {...props}>\r\n\t\t\t{children}\r\n\t\t</span>\r\n\t);\r\n});\r\n\r\nTimerUnit.displayName = \"TimerUnit\";\r\n"],"names":["timerStyles","tv","Timer","React","className","children","props","ref","jsx","timerValueStyles","TimerValue","timerUnitStyles","TimerUnit"],"mappings":";;;AAGA,MAAMA,IAAcC,EAAG;AAAA,EACtB,MAAM;AACP,CAAC,GAIYC,IAAQC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAEnG,gBAAAC,EAAA,QAAA,EAAK,KAAAD,GAAU,WAAWP,EAAY,EAAE,OAAOI,EAAA,CAAW,GAAI,GAAGE,GAChE,UAAAD,EACF,CAAA,CAED;AAEDH,EAAM,cAAc;ACdpB,MAAMO,IAAmBR,EAAG;AAAA,EAC3B,MAAM;AACP,CAAC,GAIYS,IAAaP,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAEjC,gBAAAC,EAAA,QAAA,EAAK,KAAAD,GAAU,WAAWE,EAAiB,EAAE,OAAOL,EAAA,CAAW,GAAI,GAAGE,GACrE,UAAAD,EACF,CAAA;AAGH;AAEAK,EAAW,cAAc;AChBzB,MAAMC,IAAkBV,EAAG;AAAA,EAC1B,MAAM;AACP,CAAC,GAIYW,IAAYT,EAAM,WAA2C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAE3G,gBAAAC,EAAA,QAAA,EAAK,KAAAD,GAAU,WAAWI,EAAgB,EAAE,OAAOP,EAAA,CAAW,GAAI,GAAGE,GACpE,UAAAD,EACF,CAAA,CAED;AAEDO,EAAU,cAAc;"}

package/dist/components/toast/Toast.d.ts

@@ -1,6 +1,6 @@
+import { ExternalToast, toast as sonnerToast, ToasterProps } from 'sonner';
 import { ToastProps } from './ToastView';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { ToasterProps } from 'sonner';
 export declare const Toaster: ForwardRefExoticComponent< ToasterProps & RefAttributes<HTMLElement>>;
 export type ToastOptions = Pick<ToastProps, "description" | "icon" | "size" | "status" | "focus" | "closeAction"> & {
     /** Вызывается при закрытии уведомления с помощью кнопки закрытия или с помощью свайпа */
@@ -17,10 +17,18 @@ export type ToastOptions = Pick<ToastProps, "description" | "icon" | "size" | "s
     primaryAction?: ToastActionData;
     /** Вспомогательное действие */
     secondaryAction?: ToastActionData;
+    id?: number | string;
 };
 export type ToastActionData = {
-    title: string;
+    title?: string;
     onClick: () => void;
     icon?: React.ReactNode;
 };
-export declare const toast: (message: string, options?: ToastOptions) => string | number;
+export declare const toast: (message: React.ReactNode, options?: ToastOptions) => string | number;
+export declare const dismiss: (id?: number | string) => string | number;
+export type CustomToastProps = {
+    id: number | string;
+    toast: typeof sonnerToast;
+};
+export type CustomToastOptions = ExternalToast;
+export declare const customToast: (jsx: (props: CustomToastProps) => React.ReactElement, options?: CustomToastOptions) => string | number;

package/dist/components/toast/Toast.stories.d.ts

@@ -5,3 +5,6 @@ export default meta;
 type Story = StoryObj<typeof ToastStory>;
 export declare const Default: Story;
 export declare const FullExample: Story;
+export declare const SmallFileDownloadedExample: Story;
+export declare const ControlledDismiss: Story;
+export declare const MultiStateToast: Story;