@koide-labs/ui 0.0.14 → 0.1.0

package/dist/components/multiline-input/multiline-input.js

@@ -0,0 +1,100 @@
+import { jsx as T } from "react/jsx-runtime";
+import { c as R } from "../../clsx-OuTLNxxd.js";
+import { useRef as W, useEffect as Y } from "react";
+import { mergeRefs as B } from "../../-utils.js";
+import { s as b } from "../../input.module-CtE19OH8.js";
+import { View as X } from "../view/view.js";
+var c = /* @__PURE__ */ new Map();
+function j(t) {
+  var o = c.get(t);
+  o && o.destroy();
+}
+function k(t) {
+  var o = c.get(t);
+  o && o.update();
+}
+var f = null;
+typeof window > "u" ? ((f = function(t) {
+  return t;
+}).destroy = function(t) {
+  return t;
+}, f.update = function(t) {
+  return t;
+}) : ((f = function(t, o) {
+  return t && Array.prototype.forEach.call(t.length ? t : [t], function(i) {
+    return (function(e) {
+      if (e && e.nodeName && e.nodeName === "TEXTAREA" && !c.has(e)) {
+        var l, g = null, r = window.getComputedStyle(e), m = (l = e.value, function() {
+          v({ testForHeightReduction: l === "" || !e.value.startsWith(l), restoreTextAlign: null }), l = e.value;
+        }), p = (function(d) {
+          e.removeEventListener("autosize:destroy", p), e.removeEventListener("autosize:update", s), e.removeEventListener("input", m), window.removeEventListener("resize", s), Object.keys(d).forEach(function(a) {
+            return e.style[a] = d[a];
+          }), c.delete(e);
+        }).bind(e, { height: e.style.height, resize: e.style.resize, textAlign: e.style.textAlign, overflowY: e.style.overflowY, overflowX: e.style.overflowX, wordWrap: e.style.wordWrap });
+        e.addEventListener("autosize:destroy", p), e.addEventListener("autosize:update", s), e.addEventListener("input", m), window.addEventListener("resize", s), e.style.overflowX = "hidden", e.style.wordWrap = "break-word", c.set(e, { destroy: p, update: s }), s();
+      }
+      function v(d) {
+        var a, u, w = d.restoreTextAlign, h = w === void 0 ? null : w, x = d.testForHeightReduction, H = x === void 0 || x, N = r.overflowY;
+        if (e.scrollHeight !== 0 && (r.resize === "vertical" ? e.style.resize = "none" : r.resize === "both" && (e.style.resize = "horizontal"), H && (a = (function(n) {
+          for (var E = []; n && n.parentNode && n.parentNode instanceof Element; ) n.parentNode.scrollTop && E.push([n.parentNode, n.parentNode.scrollTop]), n = n.parentNode;
+          return function() {
+            return E.forEach(function(A) {
+              var y = A[0], L = A[1];
+              y.style.scrollBehavior = "auto", y.scrollTop = L, y.style.scrollBehavior = null;
+            });
+          };
+        })(e), e.style.height = ""), u = r.boxSizing === "content-box" ? e.scrollHeight - (parseFloat(r.paddingTop) + parseFloat(r.paddingBottom)) : e.scrollHeight + parseFloat(r.borderTopWidth) + parseFloat(r.borderBottomWidth), r.maxHeight !== "none" && u > parseFloat(r.maxHeight) ? (r.overflowY === "hidden" && (e.style.overflow = "scroll"), u = parseFloat(r.maxHeight)) : r.overflowY !== "hidden" && (e.style.overflow = "hidden"), e.style.height = u + "px", h && (e.style.textAlign = h), a && a(), g !== u && (e.dispatchEvent(new Event("autosize:resized", { bubbles: !0 })), g = u), N !== r.overflow && !h)) {
+          var z = r.textAlign;
+          r.overflow === "hidden" && (e.style.textAlign = z === "start" ? "end" : "start"), v({ restoreTextAlign: z, testForHeightReduction: !0 });
+        }
+      }
+      function s() {
+        v({ testForHeightReduction: !0, restoreTextAlign: null });
+      }
+    })(i);
+  }), t;
+}).destroy = function(t) {
+  return t && Array.prototype.forEach.call(t.length ? t : [t], j), t;
+}, f.update = function(t) {
+  return t && Array.prototype.forEach.call(t.length ? t : [t], k), t;
+});
+var F = f;
+function q({
+  autosize: t = !1,
+  className: o,
+  ref: i,
+  ...e
+}) {
+  const l = M(t);
+  return /* @__PURE__ */ T(
+    X,
+    {
+      interactive: "fill-outline",
+      render: /* @__PURE__ */ T(
+        "textarea",
+        {
+          className: R(
+            b.input,
+            t && b.input_autosize,
+            o
+          ),
+          ref: B(i, l),
+          ...e
+        }
+      )
+    }
+  );
+}
+function M(t) {
+  const o = W(null);
+  return Y(() => {
+    const i = o.current;
+    if (!(!i || !t))
+      return F(i), () => {
+        F.destroy(i);
+      };
+  }, [t]), o;
+}
+export {
+  q as MultilineInput
+};

package/dist/components/number-input/index.d.ts

@@ -1,10 +1 @@
-import { NumberField } from '@base-ui/react/number-field';
-export type NumberInputProps = NumberField.Root.Props & {
-    /** Optional label, includes scrub area */
-    label?: string;
-};
-export declare function NumberInput({ label, 
-/** Apply className to NumberField.Input */
-className, 
-/** Apply style to NumberField.Input */
-style, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export { NumberInput } from './number-input';