@kolking/react-ui 1.0.0

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

@@ -0,0 +1,3 @@
+export * from './Dialog';
+export * from './useDialog';
+export * from './withDialog';

package/dist/components/Dialog/index.js

@@ -0,0 +1,12 @@
+import { Dialog as l, DialogClose as e, DialogContent as t, DialogFooter as a, DialogTitle as g } from "./Dialog.js";
+import { useDialog as D } from "./useDialog.js";
+import { withDialog as m } from "./withDialog.js";
+export {
+  l as Dialog,
+  e as DialogClose,
+  t as DialogContent,
+  a as DialogFooter,
+  g as DialogTitle,
+  D as useDialog,
+  m as withDialog
+};

package/dist/components/Dialog/useDialog.d.ts

@@ -0,0 +1,19 @@
+export type DialogOptions<T, R> = {
+    defaultOpen?: boolean;
+    onShow?: (values: T) => void;
+    onConfirm?: (result: R) => void;
+    onCancel?: () => void;
+};
+export type DialogType<T, R> = ReturnType<typeof useDialog<T, R>>;
+export declare function useDialog<T, R>(options?: DialogOptions<T, R>): {
+    props: {
+        ref: import('react').RefObject<HTMLDialogElement>;
+        open: boolean;
+    };
+    data: T | undefined;
+    disabled: boolean;
+    show: (values: T) => void;
+    disable: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    confirm: (values: R) => void;
+    cancel: () => void;
+};

package/dist/components/Dialog/useDialog.js

@@ -0,0 +1,52 @@
+import { useRef as k, useState as u, useCallback as f, useEffect as m } from "react";
+function b(a) {
+  const s = k(null), o = k(a), [d, L] = u(!1), [l, v] = u((a == null ? void 0 : a.defaultOpen) ?? !1), [w, E] = u();
+  o.current = a;
+  const p = f((e) => {
+    var n, t;
+    E(e), v(!0), (t = (n = o.current) == null ? void 0 : n.onShow) == null || t.call(n, e);
+  }, []), c = f(
+    (e) => {
+      var n;
+      l && (v(!1), (n = s.current) == null || n.addEventListener(
+        "transitionend",
+        () => {
+          var t, i, r, h;
+          e !== void 0 ? (i = (t = o.current) == null ? void 0 : t.onConfirm) == null || i.call(t, e) : (h = (r = o.current) == null ? void 0 : r.onCancel) == null || h.call(r), E(void 0);
+        },
+        { once: !0 }
+      ));
+    },
+    [l]
+  );
+  return m(() => {
+    var e, n;
+    l ? (e = s.current) == null || e.showModal() : (n = s.current) == null || n.close();
+  }, [l]), m(() => {
+    const e = s.current;
+    function n(r) {
+      r.target === r.currentTarget && !d && c();
+    }
+    function t(r) {
+      r.key === "Escape" && d && r.preventDefault();
+    }
+    function i() {
+      c();
+    }
+    if (e)
+      return e.addEventListener("click", n), e.addEventListener("cancel", i), e.addEventListener("keydown", t), () => {
+        e.removeEventListener("click", n), e.removeEventListener("cancel", i), e.removeEventListener("keydown", t);
+      };
+  }, [d, c]), {
+    props: { ref: s, open: l },
+    data: w,
+    disabled: d,
+    show: p,
+    disable: L,
+    confirm: f((e) => c(e), [c]),
+    cancel: f(() => c(), [c])
+  };
+}
+export {
+  b as useDialog
+};

package/dist/components/Dialog/withDialog.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { DialogProps } from './Dialog';
+import { DialogOptions, DialogType } from './useDialog';
+type ComponentProps<T, R> = Omit<DialogProps, 'children'> & DialogOptions<T, R> & {
+    children: (dialog: DialogType<T, R>) => React.ReactNode;
+};
+export type WithDialogProps<T extends object, R> = T & {
+    dialog: DialogType<T, R>;
+};
+export declare function withDialog<T extends object, R>(Component: React.ComponentType<WithDialogProps<T, R>>): React.ComponentType<ComponentProps<T, R>>;
+export {};

package/dist/components/Dialog/withDialog.js

@@ -0,0 +1,23 @@
+import { jsxs as s, Fragment as c, jsx as o } from "react/jsx-runtime";
+import { Dialog as d } from "./Dialog.js";
+import { useDialog as f } from "./useDialog.js";
+function x(t) {
+  function i({
+    children: a,
+    defaultOpen: n,
+    onShow: e,
+    onConfirm: p,
+    onCancel: m,
+    ...l
+  }) {
+    const r = f({ defaultOpen: n, onShow: e, onConfirm: p, onCancel: m });
+    return /* @__PURE__ */ s(c, { children: [
+      a(r),
+      /* @__PURE__ */ o(d, { ...l, ...r.props, children: r.data && /* @__PURE__ */ o(t, { ...r.data, dialog: r }) })
+    ] });
+  }
+  return i;
+}
+export {
+  x as withDialog
+};

package/dist/components/Fields/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { BaseInputProps } from './Input';
+export type CheckboxProps = BaseInputProps & {
+    label?: React.ReactNode;
+    indeterminate?: boolean;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    error?: string;
+} & {
+    label?: React.ReactNode;
+    indeterminate?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Fields/Checkbox.js

@@ -0,0 +1,28 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { c as p } from "../../index-DyIdU--j.js";
+import h, { useRef as x, useImperativeHandle as k, useEffect as b } from "react";
+import { cssProps as R } from "../../utils/helpers.js";
+import { I as y, s as l } from "../../Input-Lz3ft8Tp.js";
+const q = h.forwardRef(
+  ({ size: c, error: n, label: t, className: f, style: u, required: m, indeterminate: r, ...s }, d) => {
+    const o = s.checked, e = x(null);
+    return k(d, () => e.current), b(() => {
+      r != null && e.current != null && (e.current.indeterminate = !o && r);
+    }, [e, r, o]), /* @__PURE__ */ i(
+      "label",
+      {
+        "data-input": "checkbox",
+        "data-required": m,
+        className: p(l.checkbox, f),
+        style: { ...u, ...R({ size: c }) },
+        children: [
+          /* @__PURE__ */ a(y, { ...s, ref: e, type: "checkbox", size: c, error: n }),
+          t && /* @__PURE__ */ a("div", { className: l.label, children: t })
+        ]
+      }
+    );
+  }
+);
+export {
+  q as Checkbox
+};

package/dist/components/Fields/Field.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface FieldConfig {
+    id?: string;
+    label?: React.ReactNode;
+    labelAccessory?: React.ReactNode;
+    help?: React.ReactNode;
+    required?: boolean;
+    className?: string;
+    minWidth?: React.CSSProperties['minWidth'];
+    maxWidth?: React.CSSProperties['maxWidth'];
+}
+export type FieldLabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
+    label?: React.ReactNode;
+    required?: boolean;
+};
+export declare const FieldLabel: ({ label, required, className, children, ...props }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export type FieldDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const FieldDescription: ({ className, children, ...props }: FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export type FieldProps = React.HTMLAttributes<HTMLDivElement> & FieldConfig;
+export declare const Field: ({ id, label, labelAccessory, help, required, minWidth, maxWidth, className, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Fields/Field.js

@@ -0,0 +1,52 @@
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { c as d } from "../../index-DyIdU--j.js";
+import h from "react";
+import { cssProps as _ } from "../../utils/helpers.js";
+const p = "styles_field_hqzKT", u = "styles_header_Iwsz6", b = "styles_label_zRVTS", N = "styles_accessory_S4ccn", F = "styles_description_fZnNW", a = {
+  field: p,
+  header: u,
+  label: b,
+  accessory: N,
+  description: F
+}, v = ({ label: e, required: s, className: l, children: t, ...r }) => /* @__PURE__ */ o("div", { "data-field-header": !0, className: a.header, children: [
+  /* @__PURE__ */ c(
+    "label",
+    {
+      ...r,
+      "data-field-label": !0,
+      "data-required": s,
+      className: d(a.label, l),
+      children: e
+    }
+  ),
+  h.Children.toArray(t).length > 0 && /* @__PURE__ */ c("div", { "data-field-accessory": !0, className: a.accessory, children: t })
+] }), x = ({ className: e, children: s, ...l }) => /* @__PURE__ */ c("small", { ...l, "data-field-description": !0, className: d(a.description, e), children: s }), S = ({
+  id: e,
+  label: s,
+  labelAccessory: l,
+  help: t,
+  required: r,
+  minWidth: n,
+  maxWidth: f,
+  className: m,
+  children: y,
+  ...i
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    ...i,
+    "data-field": e || !0,
+    className: d(a.field, m),
+    style: { ...i.style, ..._({ minWidth: n, maxWidth: f }) },
+    children: [
+      s && /* @__PURE__ */ c(v, { htmlFor: e, label: s, required: r, children: l }),
+      y,
+      t && /* @__PURE__ */ c(x, { children: t })
+    ]
+  }
+);
+export {
+  S as Field,
+  x as FieldDescription,
+  v as FieldLabel
+};

package/dist/components/Fields/Input.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export type BaseInputProps<T = React.InputHTMLAttributes<HTMLInputElement>> = Omit<T, 'size'> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    error?: string;
+};
+export type InputProps = Omit<BaseInputProps, 'prefix'> & {
+    prefix?: React.ReactNode;
+};
+export declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps<React.InputHTMLAttributes<HTMLInputElement>>, "prefix"> & {
+    prefix?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Fields/Input.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "../../index-DyIdU--j.js";
+import "react";
+import "../../utils/helpers.js";
+import "../../ValidationTooltip-BgSwl0hJ.js";
+import { I as a } from "../../Input-Lz3ft8Tp.js";
+export {
+  a as Input
+};

package/dist/components/Fields/Quantity.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BaseInputProps } from './Input';
+export type QuantityProps = BaseInputProps;
+export declare const Quantity: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    error?: string;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Fields/Quantity.js

@@ -0,0 +1,61 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { c as v } from "../../index-DyIdU--j.js";
+import * as i from "react";
+import w, { forwardRef as d, useRef as y, useImperativeHandle as R, useCallback as o } from "react";
+import { cssProps as g } from "../../utils/helpers.js";
+import { V as E } from "../../ValidationTooltip-BgSwl0hJ.js";
+const _ = (n, e) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 5", ref: e, ...n }, /* @__PURE__ */ i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M0 0h6L3 5z" })), x = d(_), q = (n, e) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 5", ref: e, ...n }, /* @__PURE__ */ i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M0 5h6L3 0z" })), C = d(q), D = "styles_quantity_JqkoZ", k = "styles_increase_MKRaz", S = "styles_decrease_oD7r3", l = {
+  quantity: D,
+  increase: k,
+  decrease: S
+}, j = w.forwardRef(
+  ({ size: n, error: e, className: u, style: m, ...c }, p) => {
+    const t = y(null);
+    R(p, () => t.current);
+    const b = o(() => {
+      var r, s;
+      (r = t.current) == null || r.stepUp(), (s = t.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 }));
+    }, []), f = o(() => {
+      var r, s;
+      (r = t.current) == null || r.stepDown(), (s = t.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 }));
+    }, []);
+    return /* @__PURE__ */ a(E, { content: e, children: /* @__PURE__ */ h(
+      "div",
+      {
+        "data-input": "quantity",
+        "data-disabled": c.disabled,
+        "data-invalid": e ? !0 : void 0,
+        className: v(l.quantity, u),
+        style: { ...m, ...g({ size: n }) },
+        children: [
+          /* @__PURE__ */ a("input", { ...c, ref: t, type: "number" }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Increase",
+              disabled: c.disabled,
+              className: l.increase,
+              onClick: b,
+              children: /* @__PURE__ */ a(C, { "aria-hidden": !0 })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Decrease",
+              disabled: c.disabled,
+              className: l.decrease,
+              onClick: f,
+              children: /* @__PURE__ */ a(x, { "aria-hidden": !0 })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+export {
+  j as Quantity
+};

package/dist/components/Fields/Radio.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { BaseInputProps } from './Input';
+export type RadioProps = BaseInputProps & {
+    label?: React.ReactNode;
+};
+export declare const Radio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    error?: string;
+} & {
+    label?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Fields/Radio.js

@@ -0,0 +1,23 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as l } from "../../index-DyIdU--j.js";
+import f from "react";
+import { cssProps as n } from "../../utils/helpers.js";
+import { I as u, s } from "../../Input-Lz3ft8Tp.js";
+const I = f.forwardRef(
+  ({ size: r, error: t, label: a, className: e, style: i, required: d, ...m }, p) => /* @__PURE__ */ c(
+    "label",
+    {
+      "data-input": "radio",
+      "data-required": d,
+      className: l(s.radio, e),
+      style: { ...i, ...n({ size: r }) },
+      children: [
+        /* @__PURE__ */ o(u, { ...m, ref: p, type: "radio", size: r, error: t }),
+        a && /* @__PURE__ */ o("div", { className: s.label, children: a })
+      ]
+    }
+  )
+);
+export {
+  I as Radio
+};

package/dist/components/Fields/Select.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BaseInputProps } from './Input';
+export type SelectProps = BaseInputProps<React.SelectHTMLAttributes<HTMLSelectElement>>;
+export declare const Select: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    error?: string;
+} & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/Fields/Select.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "../../index-DyIdU--j.js";
+import l from "react";
+import { cssProps as m } from "../../utils/helpers.js";
+import { V as d, s as f } from "../../ValidationTooltip-BgSwl0hJ.js";
+const y = l.forwardRef(
+  ({ size: o, error: t, className: s, style: a, ...r }, c) => /* @__PURE__ */ e(d, { content: t, children: /* @__PURE__ */ e(
+    "select",
+    {
+      ...r,
+      ref: c,
+      "data-select": !0,
+      "data-invalid": t ? !0 : void 0,
+      className: i(f.select, s),
+      style: { ...a, ...m({ size: o }) }
+    }
+  ) })
+);
+export {
+  y as Select
+};

package/dist/components/Fields/Textarea.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TextareaAutosizeProps } from 'react-textarea-autosize';
+import { BaseInputProps } from './Input';
+export type TextareaProps = BaseInputProps<TextareaAutosizeProps> & {
+    autosize?: boolean;
+};
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaAutosizeProps, "size"> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    error?: string;
+} & {
+    autosize?: boolean;
+} & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Fields/Textarea.js

@@ -0,0 +1,185 @@
+import { jsx as C } from "react/jsx-runtime";
+import { c as j } from "../../index-DyIdU--j.js";
+import * as f from "react";
+import x, { useLayoutEffect as I } from "react";
+import { cssProps as N } from "../../utils/helpers.js";
+import { V as P, s as _ } from "../../ValidationTooltip-BgSwl0hJ.js";
+function R() {
+  return R = Object.assign ? Object.assign.bind() : function(n) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var e in r) ({}).hasOwnProperty.call(r, e) && (n[e] = r[e]);
+    }
+    return n;
+  }, R.apply(null, arguments);
+}
+function B(n, t) {
+  if (n == null) return {};
+  var r = {};
+  for (var e in n) if ({}.hasOwnProperty.call(n, e)) {
+    if (t.indexOf(e) !== -1) continue;
+    r[e] = n[e];
+  }
+  return r;
+}
+var M = I, $ = function(t) {
+  var r = x.useRef(t);
+  return M(function() {
+    r.current = t;
+  }), r;
+}, E = function(t, r) {
+  if (typeof t == "function") {
+    t(r);
+    return;
+  }
+  t.current = r;
+}, G = function(t, r) {
+  var e = x.useRef();
+  return x.useCallback(function(i) {
+    t.current = i, e.current && E(e.current, null), e.current = r, r && E(r, i);
+  }, [r]);
+}, T = {
+  "min-height": "0",
+  "max-height": "none",
+  height: "0",
+  visibility: "hidden",
+  overflow: "hidden",
+  position: "absolute",
+  "z-index": "-1000",
+  top: "0",
+  right: "0",
+  display: "block"
+}, V = function(t) {
+  Object.keys(T).forEach(function(r) {
+    t.style.setProperty(r, T[r], "important");
+  });
+}, F = V, o = null, W = function(t, r) {
+  var e = t.scrollHeight;
+  return r.sizingStyle.boxSizing === "border-box" ? e + r.borderSize : e - r.paddingSize;
+};
+function Y(n, t, r, e) {
+  r === void 0 && (r = 1), e === void 0 && (e = 1 / 0), o || (o = document.createElement("textarea"), o.setAttribute("tabindex", "-1"), o.setAttribute("aria-hidden", "true"), F(o)), o.parentNode === null && document.body.appendChild(o);
+  var i = n.paddingSize, u = n.borderSize, a = n.sizingStyle, l = a.boxSizing;
+  Object.keys(a).forEach(function(c) {
+    var m = c;
+    o.style[m] = a[m];
+  }), F(o), o.value = t;
+  var d = W(o, n);
+  o.value = t, d = W(o, n), o.value = "x";
+  var v = o.scrollHeight - i, h = v * r;
+  l === "border-box" && (h = h + i + u), d = Math.max(h, d);
+  var g = v * e;
+  return l === "border-box" && (g = g + i + u), d = Math.min(g, d), [d, v];
+}
+var k = function() {
+}, q = function(t, r) {
+  return t.reduce(function(e, i) {
+    return e[i] = r[i], e;
+  }, {});
+}, U = [
+  "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"
+], X = !!document.documentElement.currentStyle, Z = function(t) {
+  var r = window.getComputedStyle(t);
+  if (r === null)
+    return null;
+  var e = q(U, r), i = e.boxSizing;
+  if (i === "")
+    return null;
+  X && i === "border-box" && (e.width = parseFloat(e.width) + parseFloat(e.borderRightWidth) + parseFloat(e.borderLeftWidth) + parseFloat(e.paddingRight) + parseFloat(e.paddingLeft) + "px");
+  var u = parseFloat(e.paddingBottom) + parseFloat(e.paddingTop), a = parseFloat(e.borderBottomWidth) + parseFloat(e.borderTopWidth);
+  return {
+    sizingStyle: e,
+    paddingSize: u,
+    borderSize: a
+  };
+}, D = Z;
+function L(n, t, r) {
+  var e = $(r);
+  f.useLayoutEffect(function() {
+    var i = function(a) {
+      return e.current(a);
+    };
+    if (n)
+      return n.addEventListener(t, i), function() {
+        return n.removeEventListener(t, i);
+      };
+  }, []);
+}
+var J = function(t, r) {
+  L(document.body, "reset", function(e) {
+    t.current.form === e.target && r(e);
+  });
+}, K = function(t) {
+  L(window, "resize", t);
+}, Q = function(t) {
+  L(document.fonts, "loadingdone", t);
+}, ee = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], te = function(t, r) {
+  var e = t.cacheMeasurements, i = t.maxRows, u = t.minRows, a = t.onChange, l = a === void 0 ? k : a, d = t.onHeightChange, v = d === void 0 ? k : d, h = B(t, ee), g = h.value !== void 0, c = f.useRef(null), m = G(c, r), w = f.useRef(0), S = f.useRef(), p = function() {
+    var s = c.current, z = e && S.current ? S.current : D(s);
+    if (z) {
+      S.current = z;
+      var H = Y(z, s.value || s.placeholder || "x", u, i), b = H[0], O = H[1];
+      w.current !== b && (w.current = b, s.style.setProperty("height", b + "px", "important"), v(b, {
+        rowHeight: O
+      }));
+    }
+  }, A = function(s) {
+    g || p(), l(s);
+  };
+  return f.useLayoutEffect(p), J(c, function() {
+    if (!g) {
+      var y = c.current.value;
+      requestAnimationFrame(function() {
+        var s = c.current;
+        s && y !== s.value && p();
+      });
+    }
+  }), K(p), Q(p), /* @__PURE__ */ f.createElement("textarea", R({}, h, {
+    onChange: A,
+    ref: m
+  }));
+}, re = /* @__PURE__ */ f.forwardRef(te);
+const ue = x.forwardRef(
+  ({ autosize: n = !0, size: t, error: r, className: e, style: i, ...u }, a) => {
+    const l = n ? re : "textarea", d = n ? { minRows: 2, ...u } : u;
+    return /* @__PURE__ */ C(P, { content: r, children: /* @__PURE__ */ C(
+      l,
+      {
+        ...d,
+        ref: a,
+        "data-textarea": !0,
+        "data-autosize": n,
+        "data-invalid": r ? !0 : void 0,
+        className: j(_.textarea, e),
+        style: { ...i, ...N({ size: t }) }
+      }
+    ) });
+  }
+);
+export {
+  ue as Textarea
+};

package/dist/components/Fields/ValidationTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from '../Tooltip';
+export declare const ValidationTooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Fields/ValidationTooltip.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../Tooltip/Tooltip.js";
+import { V as r } from "../../ValidationTooltip-BgSwl0hJ.js";
+export {
+  r as ValidationTooltip
+};

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

@@ -0,0 +1,8 @@
+export * from './Checkbox';
+export * from './Field';
+export * from './Input';
+export * from './Quantity';
+export * from './Radio';
+export * from './Select';
+export * from './Textarea';
+export * from './ValidationTooltip';

package/dist/components/Fields/index.js

@@ -0,0 +1,20 @@
+import { Checkbox as r } from "./Checkbox.js";
+import { Field as p, FieldDescription as i, FieldLabel as x } from "./Field.js";
+import { I as f } from "../../Input-Lz3ft8Tp.js";
+import { Quantity as l } from "./Quantity.js";
+import { Radio as n } from "./Radio.js";
+import { Select as s } from "./Select.js";
+import { Textarea as b } from "./Textarea.js";
+import { V as I } from "../../ValidationTooltip-BgSwl0hJ.js";
+export {
+  r as Checkbox,
+  p as Field,
+  i as FieldDescription,
+  x as FieldLabel,
+  f as Input,
+  l as Quantity,
+  n as Radio,
+  s as Select,
+  b as Textarea,
+  I as ValidationTooltip
+};