inconel 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,652 +1,1065 @@
-import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as ze, useId as Me, useState as F, useRef as xe, useMemo as Ae, useEffect as G, useCallback as ae, useImperativeHandle as Qe } from "react";
-import { useFloating as Re, autoUpdate as Ze, offset as en, flip as nn, shift as tn, size as rn } from "@floating-ui/react";
-import { useVirtualizer as ln } from "@tanstack/react-virtual";
-import { createPortal as on } from "react-dom";
-function Ce({
-  hint: t,
-  errorMessage: c,
-  hintId: l,
-  errorId: i,
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { useRef as ue, useEffect as H, forwardRef as Me, useId as Ue, useState as w, useMemo as je, useCallback as se, useImperativeHandle as en } from "react";
+import { useFloating as nn, autoUpdate as tn, offset as rn, flip as ln, shift as on, size as an } from "@floating-ui/react";
+import { useVirtualizer as cn } from "@tanstack/react-virtual";
+import { createPortal as sn } from "react-dom";
+import { ReactSVG as un } from "react-svg";
+function f(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function dn({
+  loading: e = !1,
+  fullWidth: n = !1,
+  variant: t = "primary",
+  disabled: l,
+  className: o,
+  children: c,
+  ...s
+}) {
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      ...s,
+      disabled: l || e,
+      className: f(
+        "inconel-button",
+        `inconel-button--${t}`,
+        n && "inconel-button--full-width",
+        e && "inconel-is-loading",
+        o
+      ),
+      children: [
+        e && /* @__PURE__ */ r("span", { className: "inconel-button__spinner", "aria-hidden": "true" }),
+        c
+      ]
+    }
+  );
+}
+function fn({
+  label: e,
+  indeterminate: n = !1,
+  className: t,
+  ...l
+}) {
+  const o = ue(null);
+  return H(() => {
+    o.current && (o.current.indeterminate = n);
+  }, [n]), /* @__PURE__ */ p("label", { className: f("inconel-checkbox", t), children: [
+    /* @__PURE__ */ r("input", { ...l, ref: o, type: "checkbox" }),
+    /* @__PURE__ */ r("span", { className: "inconel-checkbox__control", "aria-hidden": "true" }),
+    e && /* @__PURE__ */ r("span", { className: "inconel-checkbox__label", children: e })
+  ] });
+}
+function pn(e, n) {
+  return e.includes(n) ? e.filter((t) => t !== n) : [...e, n];
+}
+function hn({
+  options: e,
+  value: n = [],
+  onChange: t,
+  name: l,
+  className: o
+}) {
+  const c = (s) => t?.(pn(n, s));
+  return /* @__PURE__ */ r("div", { className: f("inconel-checkbox-group", o), children: e.map((s) => /* @__PURE__ */ r(
+    fn,
+    {
+      name: l,
+      label: s.label,
+      value: s.value,
+      checked: n.includes(s.value),
+      disabled: s.disabled,
+      onChange: () => c(s.value)
+    },
+    s.value
+  )) });
+}
+function Oe({
+  hint: e,
+  errorMessage: n,
+  hintId: t,
+  errorId: l,
   className: o
 }) {
-  return c ? /* @__PURE__ */ s(
+  return n ? /* @__PURE__ */ r(
     "p",
     {
-      id: i,
-      className: ["inconel-field-feedback", "is-error", o ?? ""].join(
-        " "
-      ),
+      id: l,
+      className: [
+        "inconel-field-feedback",
+        "inconel-is-error",
+        o ?? ""
+      ].join(" "),
       role: "alert",
-      children: c
+      children: n
     }
-  ) : t ? /* @__PURE__ */ s(
+  ) : e ? /* @__PURE__ */ r(
     "p",
     {
-      id: l,
-      className: ["inconel-field-feedback", "is-hint", o ?? ""].join(
-        " "
-      ),
-      children: t
+      id: t,
+      className: [
+        "inconel-field-feedback",
+        "inconel-is-hint",
+        o ?? ""
+      ].join(" "),
+      children: e
     }
   ) : null;
 }
-const cn = [
+const mn = [
   "number",
   "currency",
   "percent"
-], sn = [
+], bn = [
   "text",
   "email",
   "password"
 ];
-function ie(t) {
-  return cn.some((c) => c === t);
+function le(e) {
+  return mn.some((n) => n === e);
 }
-function Ke(t) {
-  return sn.some((c) => c === t);
+function Ge(e) {
+  return bn.some((n) => n === e);
 }
-function Xe(t) {
-  const c = new Intl.NumberFormat(t).formatToParts(1000.1);
+function We(e) {
+  const n = new Intl.NumberFormat(e).formatToParts(1000.1);
   return {
-    group: c.find((l) => l.type === "group")?.value ?? ".",
-    decimal: c.find((l) => l.type === "decimal")?.value ?? ","
+    group: n.find((t) => t.type === "group")?.value ?? ".",
+    decimal: n.find((t) => t.type === "decimal")?.value ?? ","
   };
 }
-function an(t, c) {
-  if (!t || t === "-") return null;
-  const { group: l, decimal: i } = Xe(c), o = t.split(l).join("").replace(i, "."), u = Number(o);
-  return Number.isNaN(u) ? null : u;
-}
-function un(t, c, l) {
-  const i = 10 ** c;
-  return l === "ceil" ? Math.ceil(t * i) / i : l === "round" ? Math.round(t * i) / i : t >= 0 ? Math.floor(t * i) / i : Math.ceil(t * i) / i;
-}
-function _e(t, c) {
-  const l = String(t ?? "").replace(/\D/g, "");
-  let i = 0, o = "";
-  for (const u of c)
-    if (u === "X") {
-      if (i >= l.length) break;
-      o += l[i++];
-    } else i < l.length && (o += u);
+function gn(e, n) {
+  if (!e || e === "-") return null;
+  const { group: t, decimal: l } = We(n), o = e.split(t).join("").replace(l, "."), c = Number(o);
+  return Number.isNaN(c) ? null : c;
+}
+function Nn(e, n, t) {
+  const l = 10 ** n;
+  return t === "ceil" ? Math.ceil(e * l) / l : t === "round" ? Math.round(e * l) / l : e >= 0 ? Math.floor(e * l) / l : Math.ceil(e * l) / l;
+}
+function Ce(e, n) {
+  const t = String(e ?? "").replace(/\D/g, "");
+  let l = 0, o = "";
+  for (const c of n)
+    if (c === "X") {
+      if (l >= t.length) break;
+      o += t[l++];
+    } else l < t.length && (o += c);
   return o;
 }
-function Ye(t, c, l, i, o, u) {
-  return t == null || t === "" ? "" : c === "phone" && u ? _e(t, u) : !ie(c) || typeof t != "number" || Number.isNaN(t) ? String(t) : new Intl.NumberFormat(l, {
-    style: c === "currency" ? "currency" : c === "percent" ? "percent" : "decimal",
-    currency: c === "currency" ? o : void 0,
-    minimumFractionDigits: i,
-    maximumFractionDigits: i
-  }).format(t);
-}
-function dn(t, {
-  required: c,
-  type: l,
-  min: i,
+function Re(e, n, t, l, o, c) {
+  return e == null || e === "" ? "" : n === "phone" && c ? Ce(e, c) : !le(n) || typeof e != "number" || Number.isNaN(e) ? String(e) : new Intl.NumberFormat(t, {
+    style: n === "currency" ? "currency" : n === "percent" ? "percent" : "decimal",
+    currency: n === "currency" ? o : void 0,
+    minimumFractionDigits: l,
+    maximumFractionDigits: l
+  }).format(e);
+}
+function _n(e, {
+  required: n,
+  type: t,
+  min: l,
   max: o,
-  mask: u,
-  messages: m
+  mask: c,
+  messages: s
 }) {
-  if (c && (t == null || t === ""))
-    return m.required ?? null;
-  if (t == null || t === "")
+  if (n && (e == null || e === ""))
+    return s.required ?? null;
+  if (e == null || e === "")
     return null;
-  if (l === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(t)))
-    return m.invalidEmail ?? null;
-  if (l === "phone") {
-    const I = String(t).replace(/\D/g, ""), T = u ? (u.match(/X/g) ?? []).length : I.startsWith("0") ? 11 : 10;
-    if (I.length !== T) return m.invalidPhone ?? null;
+  if (t === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e)))
+    return s.invalidEmail ?? null;
+  if (t === "phone") {
+    const d = String(e).replace(/\D/g, ""), m = c ? (c.match(/X/g) ?? []).length : d.startsWith("0") ? 11 : 10;
+    if (d.length !== m) return s.invalidPhone ?? null;
   }
-  if (Ke(l)) {
-    if (typeof i == "number" && String(t).length < i)
-      return m.minLength?.replace("{min}", String(i)) ?? null;
-    if (typeof o == "number" && String(t).length > o)
-      return m.maxLength?.replace("{max}", String(o)) ?? null;
+  if (Ge(t)) {
+    if (typeof l == "number" && String(e).length < l)
+      return s.minLength?.replace("{min}", String(l)) ?? null;
+    if (typeof o == "number" && String(e).length > o)
+      return s.maxLength?.replace("{max}", String(o)) ?? null;
   }
-  if (ie(l)) {
-    if (typeof t != "number" || Number.isNaN(t))
-      return m.invalidNumber ?? null;
-    if (typeof i == "number" && t < i)
-      return m.minNumber?.replace("{min}", String(i)) ?? null;
-    if (typeof o == "number" && t > o)
-      return m.maxNumber?.replace("{max}", String(o)) ?? null;
+  if (le(t)) {
+    if (typeof e != "number" || Number.isNaN(e))
+      return s.invalidNumber ?? null;
+    if (typeof l == "number" && e < l)
+      return s.minNumber?.replace("{min}", String(l)) ?? null;
+    if (typeof o == "number" && e > o)
+      return s.maxNumber?.replace("{max}", String(o)) ?? null;
   }
   return null;
 }
-const yn = ze(function({
-  id: c,
-  label: l,
-  hint: i,
+const ze = Me(function({
+  id: n,
+  label: t,
+  hint: l,
   errorMessage: o,
-  startAdornment: u,
-  endAdornment: m,
-  fullWidth: I = !1,
-  inputClassName: T,
-  labelClassName: D,
-  className: O,
-  required: M,
-  disabled: h,
-  value: V,
-  defaultValue: C = "",
-  onChange: $,
+  startAdornment: c,
+  endAdornment: s,
+  fullWidth: d = !1,
+  inputClassName: m,
+  labelClassName: h,
+  className: K,
+  required: U,
+  disabled: y,
+  value: x,
+  defaultValue: O = "",
+  onChange: F,
   onBlur: S,
   onFocus: Y,
-  onKeyDown: W,
-  onMouseEnter: J,
-  onMouseLeave: ke,
-  type: p = "text",
-  locale: K = "tr-TR",
-  currency: Q = "TRY",
-  decimalScale: R = 0,
-  roundMode: Te = "floor",
-  roundOnBlur: le = !1,
-  min: H,
+  onKeyDown: X,
+  onMouseEnter: q,
+  onMouseLeave: De,
+  type: _ = "text",
+  locale: R = "tr-TR",
+  currency: J = "TRY",
+  decimalScale: Q = 0,
+  roundMode: Le = "floor",
+  roundOnBlur: ie = !1,
+  min: z,
   max: oe,
-  allowNegative: ue = !1,
-  debounceMs: de = 0,
-  validateOnSubmit: fe = !1,
-  validationMessages: y,
-  mask: a,
-  limit: j,
-  isClearable: Ve = !1,
-  readOnly: pe = !1,
+  allowNegative: de = !1,
+  debounceMs: fe = 0,
+  validateOnSubmit: pe = !1,
+  validationMessages: k,
+  mask: b,
+  limit: V,
+  isClearable: we = !1,
+  readOnly: he = !1,
   clearButtonLabel: me,
-  readOnlyEmptyValue: $e = null,
+  readOnlyEmptyValue: Se = null,
   autoComplete: B = "off",
-  "aria-describedby": he,
+  "aria-describedby": be,
   ...ge
-}, be) {
-  const ye = Me(), X = c ?? `inconel-input-${ye.replace(/:/g, "")}`, P = `${X}-hint`, Z = `${X}-error`, d = V !== void 0, [Ie, L] = F(C), g = d ? V : Ie, [b, w] = F(""), [je, we] = F(!1), [Be, ee] = F(null), A = xe(null), Ne = y ?? {}, N = o ?? Be, U = (n) => dn(n, {
-    required: !!M,
-    type: p,
-    min: H,
+}, Ne) {
+  const _e = Ue(), G = n ?? `inconel-input-${_e.replace(/:/g, "")}`, $ = `${G}-hint`, Z = `${G}-error`, g = x !== void 0, [ye, j] = w(O), v = g ? x : ye, [E, T] = w(""), [Ae, ve] = w(!1), [xe, ee] = w(null), C = ue(null), Ee = k ?? {}, I = o ?? xe, P = (a) => _n(a, {
+    required: !!U,
+    type: _,
+    min: z,
     max: oe,
-    mask: a,
-    messages: Ne
-  }), q = Ae(
-    () => Ye(
-      g,
-      p,
-      K,
+    mask: b,
+    messages: Ee
+  }), W = je(
+    () => Re(
+      v,
+      _,
       R,
       Q,
-      a
+      J,
+      b
     ),
-    [g, Q, R, K, a, p]
-  ), x = (n, f, v = null) => ({
-    rawValue: n,
-    formattedValue: Ye(
-      n,
-      p,
-      K,
+    [v, J, Q, R, b, _]
+  ), A = (a, N, D = null) => ({
+    rawValue: a,
+    formattedValue: Re(
+      a,
+      _,
       R,
       Q,
-      a
+      J,
+      b
     ),
-    error: !!U(n),
-    char: v,
-    eventType: f
-  }), _ = (n, f = !1) => {
-    d || L(n.rawValue), A.current && clearTimeout(A.current), $ && (f || de <= 0 ? $(n) : A.current = setTimeout(() => $(n), de));
+    error: !!P(a),
+    char: D,
+    eventType: N
+  }), M = (a, N = !1) => {
+    g || j(a.rawValue), C.current && clearTimeout(C.current), F && (N || fe <= 0 ? F(a) : C.current = setTimeout(() => F(a), fe));
   };
-  G(() => () => {
-    A.current && clearTimeout(A.current);
-  }, []), G(() => {
-    fe && ee(U(g));
-  }, [fe]);
-  const ne = (n) => {
-    if (p === "phone" && a) return n.replace(/\D/g, "");
-    if (ie(p)) {
-      const f = an(n, K);
-      return f === null ? n === "" ? null : n : ue ? f : Math.abs(f);
+  H(() => () => {
+    C.current && clearTimeout(C.current);
+  }, []), H(() => {
+    pe && ee(P(v));
+  }, [pe]);
+  const ne = (a) => {
+    if (_ === "phone" && b) return a.replace(/\D/g, "");
+    if (le(_)) {
+      const N = gn(a, R);
+      return N === null ? a === "" ? null : a : de ? N : Math.abs(N);
     }
-    return n;
-  }, ce = (n) => {
-    const f = n.replace(/\D/g, "");
-    if (j && (ie(p) || p === "phone") && f.length > j || j && Ke(p) && n.length > j) return;
-    const v = ne(n);
-    typeof v == "number" && (typeof H == "number" && v < H || typeof oe == "number" && v > oe) || (w(
-      p === "phone" && a ? _e(v, a) : n
-    ), _(x(v, "change", n.slice(-1) || null)));
+    return a;
+  }, ae = (a) => {
+    const N = a.replace(/\D/g, "");
+    if (V && (le(_) || _ === "phone") && N.length > V || V && Ge(_) && a.length > V) return;
+    const D = ne(a);
+    typeof D == "number" && (typeof z == "number" && D < z || typeof oe == "number" && D > oe) || (T(
+      _ === "phone" && b ? Ce(D, b) : a
+    ), M(A(D, "change", a.slice(-1) || null)));
   }, Fe = [
-    he,
-    i && !N ? P : void 0,
-    N ? Z : void 0
+    be,
+    l && !I ? $ : void 0,
+    I ? Z : void 0
   ].filter(Boolean).join(" ") || void 0;
-  return pe ? /* @__PURE__ */ k("div", { className: ["inconel-field", I ? "inconel-field--full-width" : "", O ?? ""].join(" "), children: [
-    l && /* @__PURE__ */ s("span", { className: ["inconel-field__label", D ?? ""].join(" "), children: l }),
-    /* @__PURE__ */ s("div", { className: "inconel-input-readonly", "aria-label": l, children: q || $e })
-  ] }) : /* @__PURE__ */ k("div", { className: ["inconel-field", I ? "inconel-field--full-width" : "", O ?? ""].join(" "), children: [
-    l && /* @__PURE__ */ k("label", { className: ["inconel-field__label", D ?? ""].join(" "), htmlFor: X, children: [
-      l,
-      M && /* @__PURE__ */ s("span", { className: "inconel-field__required", "aria-hidden": "true", children: " *" })
+  return he ? /* @__PURE__ */ p("div", { className: ["inconel-field", d ? "inconel-field--full-width" : "", K ?? ""].join(" "), children: [
+    t && /* @__PURE__ */ r("span", { className: ["inconel-field__label", h ?? ""].join(" "), children: t }),
+    /* @__PURE__ */ r("div", { className: "inconel-input-readonly", "aria-label": t, children: W || Se })
+  ] }) : /* @__PURE__ */ p("div", { className: ["inconel-field", d ? "inconel-field--full-width" : "", K ?? ""].join(" "), children: [
+    t && /* @__PURE__ */ p("label", { className: ["inconel-field__label", h ?? ""].join(" "), htmlFor: G, children: [
+      t,
+      U && /* @__PURE__ */ r("span", { className: "inconel-field__required", "aria-hidden": "true", children: " *" })
     ] }),
-    /* @__PURE__ */ k("div", { className: ["inconel-input-control", N ? "is-invalid" : "", h ? "is-disabled" : ""].join(" "), children: [
-      u && /* @__PURE__ */ s("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: u }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ p("div", { className: ["inconel-input-control", I ? "inconel-is-invalid" : "", y ? "inconel-is-disabled" : ""].join(" "), children: [
+      c && /* @__PURE__ */ r("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: c }),
+      /* @__PURE__ */ r(
         "input",
         {
           ...ge,
-          ref: be,
-          id: X,
-          type: p === "password" || p === "email" ? p : "text",
-          inputMode: ie(p) ? "decimal" : p === "phone" ? "tel" : void 0,
-          value: je ? b : q,
-          required: M,
-          disabled: h,
+          ref: Ne,
+          id: G,
+          type: _ === "password" || _ === "email" ? _ : "text",
+          inputMode: le(_) ? "decimal" : _ === "phone" ? "tel" : void 0,
+          value: Ae ? E : W,
+          required: U,
+          disabled: y,
           autoComplete: B,
-          "aria-invalid": !!N,
+          "aria-invalid": !!I,
           "aria-describedby": Fe,
-          className: ["inconel-input", T ?? ""].join(" "),
-          onChange: (n) => ce(n.target.value),
-          onFocus: (n) => {
-            if (h) return;
-            we(!0);
-            const f = p === "phone" && a ? _e(g, a) : ie(p) ? String(g ?? "").replace(".", Xe(K).decimal) : String(g ?? "");
-            w(f), Y?.(x(g, "focus"), n);
+          className: ["inconel-input", m ?? ""].join(" "),
+          onChange: (a) => ae(a.target.value),
+          onFocus: (a) => {
+            if (y) return;
+            ve(!0);
+            const N = _ === "phone" && b ? Ce(v, b) : le(_) ? String(v ?? "").replace(".", We(R).decimal) : String(v ?? "");
+            T(N), Y?.(A(v, "focus"), a);
           },
-          onBlur: (n) => {
-            we(!1), A.current && clearTimeout(A.current);
-            let f = ne(b);
-            typeof f == "number" && (f = un(f, R, le ? Te : "floor")), ee(U(f));
-            const v = x(f, "blur");
-            _(v, !0), S?.(v, n);
+          onBlur: (a) => {
+            ve(!1), C.current && clearTimeout(C.current);
+            let N = ne(E);
+            typeof N == "number" && (N = Nn(N, Q, ie ? Le : "floor")), ee(P(N));
+            const D = A(N, "blur");
+            M(D, !0), S?.(D, a);
           },
-          onKeyDown: (n) => {
-            !ue && (n.key === "-" || n.key === "Subtract") && n.preventDefault(), W?.(x(g, "keydown", n.key), n);
+          onKeyDown: (a) => {
+            !de && (a.key === "-" || a.key === "Subtract") && a.preventDefault(), X?.(A(v, "keydown", a.key), a);
           },
-          onMouseEnter: (n) => J?.(x(g, "mouseenter"), n),
-          onMouseLeave: (n) => ke?.(x(g, "mouseleave"), n)
+          onMouseEnter: (a) => q?.(A(v, "mouseenter"), a),
+          onMouseLeave: (a) => De?.(A(v, "mouseleave"), a)
         }
       ),
-      Ve && !h && q && me && /* @__PURE__ */ s(
+      we && !y && W && me && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "inconel-input-clear",
           "aria-label": me,
           onClick: () => {
-            w(""), ee(U(null)), _(x(null, "clear"), !0);
+            T(""), ee(P(null)), M(A(null, "clear"), !0);
           },
           children: "×"
         }
       ),
-      m && /* @__PURE__ */ s("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: m })
+      s && /* @__PURE__ */ r("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: s })
     ] }),
-    /* @__PURE__ */ s(
-      Ce,
+    /* @__PURE__ */ r(
+      Oe,
       {
-        hint: i,
-        errorMessage: N,
-        hintId: P,
+        hint: l,
+        errorMessage: I,
+        hintId: $,
         errorId: Z
       }
     )
   ] });
 });
-function z(...t) {
-  return t.filter(Boolean).join(" ");
+function Hn(e) {
+  return /* @__PURE__ */ r(ze, { ...e, type: "currency" });
 }
-function fn({
-  id: t,
-  name: c,
+function yn({
+  label: e,
+  onLabel: n,
+  offLabel: t,
+  checked: l,
+  defaultChecked: o,
+  onChange: c,
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ p("label", { className: f("inconel-switch", s), children: [
+    e && /* @__PURE__ */ r("span", { className: "inconel-switch__label", children: e }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ...d,
+        type: "checkbox",
+        checked: l,
+        defaultChecked: o,
+        onChange: (m) => c?.(m.target.checked, m)
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "inconel-switch__track", children: /* @__PURE__ */ r("span", { className: "inconel-switch__thumb" }) }),
+    (n || t) && /* @__PURE__ */ r("span", { className: "inconel-switch__state", children: l ? n : t })
+  ] });
+}
+const Yn = yn, vn = "Kayıt bulunamadı.";
+function En(e, n, t) {
+  return typeof t == "function" ? t(e, n) : t ? String(e[t]) : n;
+}
+function $e({
+  columns: e,
+  data: n,
+  rowKey: t,
+  emptyMessage: l = vn,
+  onRowClick: o,
+  className: c,
+  ...s
+}) {
+  return /* @__PURE__ */ r("div", { className: "inconel-table-wrapper", children: /* @__PURE__ */ p("table", { ...s, className: f("inconel-table", c), children: [
+    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: e.map((d) => /* @__PURE__ */ r("th", { className: d.className, children: d.header }, String(d.key))) }) }),
+    /* @__PURE__ */ p("tbody", { children: [
+      n.map((d, m) => /* @__PURE__ */ r(
+        "tr",
+        {
+          onClick: () => o?.(d, m),
+          children: e.map((h) => /* @__PURE__ */ r("td", { className: h.className, children: h.render ? h.render(d, m) : String(d[h.key] ?? "") }, String(h.key)))
+        },
+        En(d, m, t)
+      )),
+      n.length === 0 && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { className: "inconel-table__empty", colSpan: e.length, children: l }) })
+    ] })
+  ] }) });
+}
+const Rn = $e;
+function kn(e) {
+  return e instanceof Date ? e.toISOString().slice(0, 10) : e ?? "";
+}
+function Gn({
+  value: e,
+  onChange: n,
+  label: t,
+  className: l,
+  ...o
+}) {
+  const c = kn(e);
+  return /* @__PURE__ */ p("label", { className: f("inconel-date-picker", l), children: [
+    t && /* @__PURE__ */ r("span", { className: "inconel-field__label", children: t }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ...o,
+        type: "date",
+        value: c,
+        onChange: (s) => n?.(s.target.value, s)
+      }
+    )
+  ] });
+}
+const Tn = "Dosya seç";
+function Ke({
+  label: e = Tn,
+  files: n,
+  multiple: t,
+  onFilesChange: l,
+  className: o,
+  ...c
+}) {
+  return /* @__PURE__ */ p("label", { className: f("inconel-file-upload", o), children: [
+    /* @__PURE__ */ r("span", { className: "inconel-file-upload__button", children: e }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ...c,
+        type: "file",
+        multiple: t,
+        onChange: (s) => l?.(Array.from(s.target.files ?? []))
+      }
+    ),
+    n && n.length > 0 && /* @__PURE__ */ r("span", { className: "inconel-file-upload__text", children: n.map((s) => s.name).join(", ") })
+  ] });
+}
+const In = "Dosyaları buraya bırakın";
+function Dn({
+  onDropFiles: e,
+  dropLabel: n = In,
+  className: t,
+  ...l
+}) {
+  const [o, c] = w(!1), s = (d) => {
+    d.preventDefault(), c(!1), e?.(Array.from(d.dataTransfer.files));
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: f(
+        "inconel-drag-drop-upload",
+        o && "inconel-is-dragging",
+        t
+      ),
+      onDragEnter: () => c(!0),
+      onDragLeave: () => c(!1),
+      onDragOver: (d) => d.preventDefault(),
+      onDrop: s,
+      children: [
+        /* @__PURE__ */ r("span", { children: n }),
+        /* @__PURE__ */ r(Ke, { ...l })
+      ]
+    }
+  );
+}
+const Wn = Dn, Ln = "Yükleniyor...";
+function Kn({
+  label: e = Ln,
+  className: n,
+  ...t
+}) {
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      ...t,
+      className: f("inconel-dot-loader", n),
+      role: "status",
+      "aria-label": e,
+      children: [
+        /* @__PURE__ */ r("i", {}),
+        /* @__PURE__ */ r("i", {}),
+        /* @__PURE__ */ r("i", {})
+      ]
+    }
+  );
+}
+const Xn = $e, qn = Ke;
+function Jn({
+  children: e,
+  onClear: n,
+  clearLabel: t = "Temizle",
+  className: l,
+  ...o
+}) {
+  return /* @__PURE__ */ p("div", { ...o, className: f("inconel-filter", l), children: [
+    /* @__PURE__ */ r("div", { className: "inconel-filter__content", children: e }),
+    n && /* @__PURE__ */ r(dn, { type: "button", variant: "ghost", onClick: n, children: t })
+  ] });
+}
+const Qn = $e;
+function wn({
+  value: e,
+  onChange: n,
+  placeholder: t,
+  readOnly: l = !1,
+  className: o,
+  ...c
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...c,
+      className: f("inconel-editor", o),
+      contentEditable: !l,
+      suppressContentEditableWarning: !0,
+      "data-placeholder": t,
+      dangerouslySetInnerHTML: { __html: e ?? "" },
+      onInput: (s) => n?.(s.currentTarget.innerHTML)
+    }
+  );
+}
+const Zn = ze, Sn = "Yükleniyor...";
+function An({
+  label: e = Sn,
+  fullscreen: n = !1,
+  className: t,
+  ...l
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...l,
+      className: f(
+        "inconel-loader",
+        n && "inconel-loader--fullscreen",
+        t
+      ),
+      role: "status",
+      "aria-label": e,
+      children: /* @__PURE__ */ r("span", { className: "inconel-loader__spinner", "aria-hidden": "true" })
+    }
+  );
+}
+function et(e) {
+  return /* @__PURE__ */ r(An, { ...e, className: f("inconel-loader--mini", e.className) });
+}
+const xn = "Kapat";
+function nt({
+  open: e,
+  title: n,
+  children: t,
+  footer: l,
+  closeLabel: o = xn,
+  closeOnBackdrop: c = !0,
+  onClose: s,
+  className: d
+}) {
+  return e ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: "inconel-modal-backdrop",
+      role: "presentation",
+      onMouseDown: (m) => {
+        c && m.target === m.currentTarget && s?.();
+      },
+      children: /* @__PURE__ */ p(
+        "section",
+        {
+          className: f("inconel-modal", d),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": typeof n == "string" ? n : void 0,
+          children: [
+            /* @__PURE__ */ p("header", { className: "inconel-modal__header", children: [
+              /* @__PURE__ */ r("div", { className: "inconel-modal__title", children: n }),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  className: "inconel-modal__close",
+                  "aria-label": o,
+                  onClick: s,
+                  children: "×"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("div", { className: "inconel-modal__content", children: t }),
+            l && /* @__PURE__ */ r("footer", { className: "inconel-modal__footer", children: l })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function Fn({
+  options: e,
+  value: n = [],
+  onChange: t,
   label: l,
-  options: i,
+  className: o
+}) {
+  return /* @__PURE__ */ p("fieldset", { className: f("inconel-multi-select", o), children: [
+    l && /* @__PURE__ */ r("legend", { children: l }),
+    /* @__PURE__ */ r(hn, { options: e, value: n, onChange: t })
+  ] });
+}
+const tt = Fn;
+function Vn({
+  selected: e,
+  disabled: n,
+  icon: t,
+  children: l,
+  className: o,
+  ...c
+}) {
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ...c,
+      role: "option",
+      "aria-selected": e,
+      "aria-disabled": n,
+      className: f(
+        "inconel-option",
+        e && "inconel-is-selected",
+        n && "inconel-is-disabled",
+        o
+      ),
+      children: [
+        t && /* @__PURE__ */ r("span", { className: "inconel-option__icon", children: t }),
+        l
+      ]
+    }
+  );
+}
+const rt = Vn;
+function lt({
+  options: e,
+  value: n,
+  onChange: t,
+  name: l,
+  className: o
+}) {
+  return /* @__PURE__ */ r("div", { className: f("inconel-radio-group", o), children: e.map((c) => /* @__PURE__ */ p("label", { className: "inconel-radio", children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        type: "radio",
+        name: l,
+        value: c.value,
+        checked: c.value === n,
+        disabled: c.disabled,
+        onChange: () => t?.(c.value)
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "inconel-radio__control", "aria-hidden": "true" }),
+    /* @__PURE__ */ r("span", { children: c.label })
+  ] }, c.value)) });
+}
+const Bn = "—";
+function it({
+  label: e,
+  value: n,
+  emptyValue: t = Bn,
+  className: l,
+  ...o
+}) {
+  return /* @__PURE__ */ p("div", { ...o, className: f("inconel-read-only", l), children: [
+    e && /* @__PURE__ */ r("span", { className: "inconel-read-only__label", children: e }),
+    /* @__PURE__ */ r("span", { className: "inconel-read-only__value", children: n == null || n === "" ? t : n })
+  ] });
+}
+function jn({
+  id: e,
+  name: n,
+  label: t,
+  options: l,
   value: o,
-  onChange: u,
-  optionLabel: m,
-  optionValue: I,
-  getOptionSearchText: T,
-  isOptionDisabled: D = () => !1,
-  placeholder: O,
-  isClearable: M = !1,
-  isDisabled: h = !1,
-  isReadOnly: V = !1,
-  isRequired: C = !1,
-  isLoading: $ = !1,
+  onChange: c,
+  optionLabel: s,
+  optionValue: d,
+  getOptionSearchText: m,
+  isOptionDisabled: h = () => !1,
+  placeholder: K,
+  isClearable: U = !1,
+  isDisabled: y = !1,
+  isReadOnly: x = !1,
+  isRequired: O = !1,
+  isLoading: F = !1,
   loadOptions: S,
   loadOptionsDebounceMs: Y = 250,
-  hint: W,
-  errorMessage: J,
-  asyncErrorMessage: ke,
-  loadingMessage: p,
-  noOptionsMessage: K,
-  clearButtonLabel: Q,
-  openMenuButtonLabel: R,
-  closeMenuButtonLabel: Te,
-  searchLocale: le,
-  menuPortalTarget: H,
+  hint: X,
+  errorMessage: q,
+  asyncErrorMessage: De,
+  loadingMessage: _,
+  noOptionsMessage: R,
+  clearButtonLabel: J,
+  openMenuButtonLabel: Q,
+  closeMenuButtonLabel: Le,
+  searchLocale: ie,
+  menuPortalTarget: z,
   virtualize: oe = !1,
-  virtualizationThreshold: ue = 100,
-  optionHeight: de = 44,
-  className: fe,
-  classNames: y = {},
-  styles: a = {},
-  onInputChange: j,
-  onMenuOpen: Ve,
-  onMenuClose: pe
+  virtualizationThreshold: de = 100,
+  optionHeight: fe = 44,
+  className: pe,
+  classNames: k = {},
+  styles: b = {},
+  onInputChange: V,
+  onMenuOpen: we,
+  onMenuClose: he
 }, me) {
-  const $e = Me(), B = t ?? `inconel-select-${$e.replace(/:/g, "")}`, he = `${B}-label`, ge = `${B}-listbox`, be = `${B}-message`, ye = `${B}-hint`, X = xe(null), P = xe(null), Z = xe(null), [d, Ie] = F(!1), [L, g] = F(""), [b, w] = F(0), [je, we] = F(null), [Be, ee] = F(!1), [A, Ne] = F(!1);
-  G(() => {
+  const Se = Ue(), B = e ?? `inconel-select-${Se.replace(/:/g, "")}`, be = `${B}-label`, ge = `${B}-listbox`, Ne = `${B}-message`, _e = `${B}-hint`, G = ue(null), $ = ue(null), Z = ue(null), [g, ye] = w(!1), [j, v] = w(""), [E, T] = w(0), [Ae, ve] = w(null), [xe, ee] = w(!1), [C, Ee] = w(!1);
+  H(() => {
     if (!S) return;
-    const e = new AbortController(), r = window.setTimeout(async () => {
-      ee(!0), Ne(!1);
+    const i = new AbortController(), u = window.setTimeout(async () => {
+      ee(!0), Ee(!1);
       try {
-        const E = await S(
-          L,
-          e.signal
+        const L = await S(
+          j,
+          i.signal
         );
-        e.signal.aborted || we(E);
+        i.signal.aborted || ve(L);
       } catch {
-        e.signal.aborted || Ne(!0);
+        i.signal.aborted || Ee(!0);
       } finally {
-        e.signal.aborted || ee(!1);
+        i.signal.aborted || ee(!1);
       }
     }, Y);
     return () => {
-      window.clearTimeout(r), e.abort();
+      window.clearTimeout(u), i.abort();
     };
-  }, [L, S, Y]);
-  const N = S ? je ?? i : i, U = $ || Be, q = ae(
-    (e) => typeof m == "function" ? m(e) : String(e[m]),
-    [m]
-  ), x = ae(
-    (e) => {
-      if (T) return T(e);
-      const r = q(e);
-      return typeof r == "string" || typeof r == "number" ? String(r) : "";
+  }, [j, S, Y]);
+  const I = S ? Ae ?? l : l, P = F || xe, W = se(
+    (i) => typeof s == "function" ? s(i) : String(i[s]),
+    [s]
+  ), A = se(
+    (i) => {
+      if (m) return m(i);
+      const u = W(i);
+      return typeof u == "string" || typeof u == "number" ? String(u) : "";
     },
-    [q, T]
-  ), _ = ae(
-    (e) => {
-      const r = typeof I == "function" ? I(e) : e[I];
-      if (typeof r != "string" && typeof r != "number")
+    [W, m]
+  ), M = se(
+    (i) => {
+      const u = typeof d == "function" ? d(i) : i[d];
+      if (typeof u != "string" && typeof u != "number")
         throw new TypeError("optionValue must resolve to a string or number.");
-      return r;
+      return u;
     },
-    [I]
-  ), ne = Ae(() => {
-    const e = /* @__PURE__ */ new Set();
-    return N.map(_).filter((r) => e.has(r) ? !0 : (e.add(r), !1));
-  }, [N, _]);
-  G(() => {
+    [d]
+  ), ne = je(() => {
+    const i = /* @__PURE__ */ new Set();
+    return I.map(M).filter((u) => i.has(u) ? !0 : (i.add(u), !1));
+  }, [I, M]);
+  H(() => {
     ne.length && console.warn(
-      `Duplicate optionValue found in Select "${l}":`,
+      `Duplicate optionValue found in Select "${t}":`,
       ne
     );
-  }, [ne, l]);
-  const ce = [...i, ...N].find(
-    (e) => _(e) === o
-  ), Fe = ce ? x(ce) : "", n = Ae(() => {
-    const e = L.trim().toLocaleLowerCase(le);
-    return !e || S ? N : N.filter(
-      (r) => x(r).toLocaleLowerCase(le).includes(e)
+  }, [ne, t]);
+  const ae = [...l, ...I].find(
+    (i) => M(i) === o
+  ), Fe = ae ? A(ae) : "", a = je(() => {
+    const i = j.trim().toLocaleLowerCase(ie);
+    return !i || S ? I : I.filter(
+      (u) => A(u).toLocaleLowerCase(ie).includes(i)
     );
-  }, [N, x, L, S, le]), { refs: f, floatingStyles: v } = Re({
-    open: d,
+  }, [I, A, j, S, ie]), { refs: N, floatingStyles: D } = nn({
+    open: g,
     placement: "bottom-start",
-    strategy: H ? "fixed" : "absolute",
-    whileElementsMounted: Ze,
+    strategy: z ? "fixed" : "absolute",
+    whileElementsMounted: tn,
     middleware: [
-      en(8),
-      nn({ padding: 12 }),
-      tn({ padding: 12 }),
-      rn({
+      rn(8),
+      ln({ padding: 12 }),
+      on({ padding: 12 }),
+      an({
         padding: 12,
-        apply({ availableHeight: e, rects: r, elements: E }) {
-          Object.assign(E.floating.style, {
-            maxHeight: `${Math.min(230, e)}px`,
-            width: `${r.reference.width}px`
+        apply({ availableHeight: i, rects: u, elements: L }) {
+          Object.assign(L.floating.style, {
+            maxHeight: `${Math.min(230, i)}px`,
+            width: `${u.reference.width}px`
           });
         }
       })
     ]
-  }), ve = oe || n.length >= ue, Ee = ln({
-    count: n.length,
+  }), ke = oe || a.length >= de, Te = cn({
+    count: a.length,
     getScrollElement: () => Z.current,
-    estimateSize: () => de,
+    estimateSize: () => fe,
     overscan: 5,
-    enabled: ve && d
-  }), te = ae(() => {
-    Ie(!1), g(""), j?.(""), pe?.();
-  }, [j, pe]), se = () => {
-    h || V || (d || Ve?.(), Ie(!0));
-  }, Se = ae(() => {
-    h || V || (u(null, null), g(""), w(0), j?.(""), P.current?.focus());
-  }, [h, V, u, j]);
-  Qe(
+    enabled: ke && g
+  }), te = se(() => {
+    ye(!1), v(""), V?.(""), he?.();
+  }, [V, he]), ce = () => {
+    y || x || (g || we?.(), ye(!0));
+  }, Ie = se(() => {
+    y || x || (c(null, null), v(""), T(0), V?.(""), $.current?.focus());
+  }, [y, x, c, V]);
+  en(
     me,
     () => ({
-      focus: () => P.current?.focus(),
-      blur: () => P.current?.blur(),
-      clear: Se
+      focus: () => $.current?.focus(),
+      blur: () => $.current?.blur(),
+      clear: Ie
     }),
-    [Se]
-  ), G(() => {
-    const e = (r) => {
-      const E = r.target;
-      !X.current?.contains(E) && !Z.current?.contains(E) && te();
+    [Ie]
+  ), H(() => {
+    const i = (u) => {
+      const L = u.target;
+      !G.current?.contains(L) && !Z.current?.contains(L) && te();
     };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [te]), G(() => {
-    b >= n.length && w(0);
-  }, [b, n.length]), G(() => {
-    ve && d && n[b] && Ee.scrollToIndex(b, { align: "auto" });
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
+  }, [te]), H(() => {
+    E >= a.length && T(0);
+  }, [E, a.length]), H(() => {
+    ke && g && a[E] && Te.scrollToIndex(E, { align: "auto" });
   }, [
-    b,
-    n,
-    d,
-    ve,
-    Ee
+    E,
+    a,
+    g,
+    ke,
+    Te
   ]);
-  const He = (e) => {
-    D(e) || (u(_(e), e), te(), P.current?.focus());
-  }, qe = (e) => {
-    if (!n.length) return;
-    let r = b;
+  const Pe = (i) => {
+    h(i) || (c(M(i), i), te(), $.current?.focus());
+  }, Xe = (i) => {
+    if (!a.length) return;
+    let u = E;
     do
-      r = (r + e + n.length) % n.length;
-    while (D(n[r]) && r !== b);
-    w(r);
-  }, De = (e = !1) => {
-    const r = n.map((E, re) => ({ option: E, index: re }));
-    return e && r.reverse(), r.find(({ option: E }) => !D(E))?.index ?? 0;
-  }, Ge = (e) => {
-    if (e.key === "Backspace" && !L && o !== null && M) {
-      e.preventDefault(), Se();
+      u = (u + i + a.length) % a.length;
+    while (h(a[u]) && u !== E);
+    T(u);
+  }, Ve = (i = !1) => {
+    const u = a.map((L, re) => ({ option: L, index: re }));
+    return i && u.reverse(), u.find(({ option: L }) => !h(L))?.index ?? 0;
+  }, qe = (i) => {
+    if (i.key === "Backspace" && !j && o !== null && U) {
+      i.preventDefault(), Ie();
       return;
     }
-    if (e.key === "ArrowDown" || e.key === "ArrowUp")
-      e.preventDefault(), d ? qe(e.key === "ArrowDown" ? 1 : -1) : (se(), w(De(e.key === "ArrowUp")));
-    else if (e.key === "Home" && d)
-      e.preventDefault(), w(De());
-    else if (e.key === "End" && d)
-      e.preventDefault(), w(De(!0));
-    else if (e.key === "Enter" && d) {
-      e.preventDefault();
-      const r = n[b];
-      r && He(r);
-    } else e.key === "Escape" && d ? (e.preventDefault(), te()) : e.key === "Tab" && te();
-  }, Pe = (e, r, E) => {
-    const re = _(e), Ue = D(e);
-    return /* @__PURE__ */ k(
+    if (i.key === "ArrowDown" || i.key === "ArrowUp")
+      i.preventDefault(), g ? Xe(i.key === "ArrowDown" ? 1 : -1) : (ce(), T(Ve(i.key === "ArrowUp")));
+    else if (i.key === "Home" && g)
+      i.preventDefault(), T(Ve());
+    else if (i.key === "End" && g)
+      i.preventDefault(), T(Ve(!0));
+    else if (i.key === "Enter" && g) {
+      i.preventDefault();
+      const u = a[E];
+      u && Pe(u);
+    } else i.key === "Escape" && g ? (i.preventDefault(), te()) : i.key === "Tab" && te();
+  }, He = (i, u, L) => {
+    const re = M(i), Ye = h(i);
+    return /* @__PURE__ */ p(
       "div",
       {
-        id: `${B}-option-${r}`,
+        id: `${B}-option-${u}`,
         role: "option",
         "aria-selected": re === o,
-        "aria-disabled": Ue,
-        "aria-posinset": r + 1,
-        "aria-setsize": n.length,
-        className: z(
+        "aria-disabled": Ye,
+        "aria-posinset": u + 1,
+        "aria-setsize": a.length,
+        className: f(
           "inconel-select-option",
-          r === b && "is-active",
-          re === o && "is-selected",
-          Ue && "is-disabled",
-          y.option
+          u === E && "inconel-is-active",
+          re === o && "inconel-is-selected",
+          Ye && "inconel-is-disabled",
+          k.option
         ),
-        style: { ...E, ...a.option },
-        onMouseEnter: () => w(r),
-        onMouseDown: (Je) => Je.preventDefault(),
-        onClick: () => He(e),
+        style: { ...L, ...b.option },
+        onMouseEnter: () => T(u),
+        onMouseDown: (Ze) => Ze.preventDefault(),
+        onClick: () => Pe(i),
         children: [
-          /* @__PURE__ */ s("span", { children: q(e) }),
-          re === o && /* @__PURE__ */ s("span", { "aria-hidden": "true", children: "✓" })
+          /* @__PURE__ */ r("span", { children: W(i) }),
+          re === o && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "✓" })
         ]
       },
       re
     );
-  }, Oe = U ? /* @__PURE__ */ k(
+  }, Je = P ? /* @__PURE__ */ p(
     "div",
     {
       role: "status",
-      className: z("inconel-select-message", y.message),
-      style: a.message,
+      className: f("inconel-select-message", k.message),
+      style: b.message,
       children: [
-        /* @__PURE__ */ s("span", { className: "inconel-select-spinner", "aria-hidden": "true" }),
-        p
+        /* @__PURE__ */ r("span", { className: "inconel-select-spinner", "aria-hidden": "true" }),
+        _
       ]
     }
-  ) : A ? /* @__PURE__ */ s(
+  ) : C ? /* @__PURE__ */ r(
     "div",
     {
       role: "alert",
-      className: z("inconel-select-message inconel-select-message-error", y.message),
-      style: a.message,
-      children: ke
+      className: f("inconel-select-message inconel-select-message-error", k.message),
+      style: b.message,
+      children: De
     }
-  ) : n.length === 0 ? /* @__PURE__ */ s(
+  ) : a.length === 0 ? /* @__PURE__ */ r(
     "div",
     {
-      className: z("inconel-select-message", y.message),
-      style: a.message,
-      children: K
+      className: f("inconel-select-message", k.message),
+      style: b.message,
+      children: R
     }
-  ) : ve ? /* @__PURE__ */ s(
+  ) : ke ? /* @__PURE__ */ r(
     "div",
     {
       role: "presentation",
       className: "inconel-select-virtual-content",
-      style: { height: Ee.getTotalSize() },
-      children: Ee.getVirtualItems().map(
-        (e) => Pe(n[e.index], e.index, {
+      style: { height: Te.getTotalSize() },
+      children: Te.getVirtualItems().map(
+        (i) => He(a[i.index], i.index, {
           position: "absolute",
           top: 0,
           left: 0,
           width: "100%",
-          height: e.size,
-          transform: `translateY(${e.start}px)`
+          height: i.size,
+          transform: `translateY(${i.start}px)`
         })
       )
     }
-  ) : n.map((e, r) => Pe(e, r)), Le = d ? /* @__PURE__ */ s(
+  ) : a.map((i, u) => He(i, u)), Be = g ? /* @__PURE__ */ r(
     "div",
     {
-      ref: (e) => {
-        Z.current = e, f.setFloating(e);
+      ref: (i) => {
+        Z.current = i, N.setFloating(i);
       },
       id: ge,
       role: "listbox",
-      "aria-labelledby": he,
-      className: z(
+      "aria-labelledby": be,
+      className: f(
         "inconel-select-menu",
-        H && "inconel-select-menu-portal",
-        y.menu
+        z && "inconel-select-menu-portal",
+        k.menu
       ),
-      style: { ...v, ...a.menu },
-      children: Oe
+      style: { ...D, ...b.menu },
+      children: Je
     }
-  ) : null, We = J ? be : W ? ye : void 0;
-  return /* @__PURE__ */ k(
+  ) : null, Qe = q ? Ne : X ? _e : void 0;
+  return /* @__PURE__ */ p(
     "div",
     {
-      ref: X,
-      className: z("inconel-select-field", fe, y.root),
-      style: a.root,
+      ref: G,
+      className: f("inconel-select-field", pe, k.root),
+      style: b.root,
       children: [
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ p(
           "label",
           {
-            id: he,
+            id: be,
             htmlFor: B,
-            className: y.label,
-            style: a.label,
+            className: k.label,
+            style: b.label,
             children: [
-              l,
-              C && /* @__PURE__ */ s("span", { "aria-hidden": "true", children: " *" })
+              t,
+              O && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: " *" })
             ]
           }
         ),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ p(
           "div",
           {
-            ref: f.setReference,
-            className: z(
+            ref: N.setReference,
+            className: f(
               "inconel-select-control",
-              d && "is-open",
-              h && "is-disabled",
-              !!J && "has-error",
-              y.control
+              g && "inconel-is-open",
+              y && "inconel-is-disabled",
+              !!q && "inconel-has-error",
+              k.control
             ),
-            style: a.control,
+            style: b.control,
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ r(
                 "input",
                 {
-                  ref: P,
+                  ref: $,
                   id: B,
                   role: "combobox",
-                  "aria-expanded": d,
+                  "aria-expanded": g,
                   "aria-controls": ge,
                   "aria-autocomplete": "list",
-                  "aria-activedescendant": d && n[b] ? `${B}-option-${b}` : void 0,
-                  "aria-describedby": We,
-                  "aria-invalid": !!J,
-                  "aria-required": C,
-                  "aria-busy": U,
-                  required: C,
-                  disabled: h,
-                  readOnly: V,
+                  "aria-activedescendant": g && a[E] ? `${B}-option-${E}` : void 0,
+                  "aria-describedby": Qe,
+                  "aria-invalid": !!q,
+                  "aria-required": O,
+                  "aria-busy": P,
+                  required: O,
+                  disabled: y,
+                  readOnly: x,
                   autoComplete: "off",
-                  placeholder: O,
-                  value: L || Fe,
-                  className: y.input,
-                  style: a.input,
-                  onChange: (e) => {
-                    g(e.target.value), w(0), j?.(e.target.value), se();
+                  placeholder: K,
+                  value: j || Fe,
+                  className: k.input,
+                  style: b.input,
+                  onChange: (i) => {
+                    v(i.target.value), T(0), V?.(i.target.value), ce();
                   },
-                  onClick: se,
-                  onFocus: (e) => {
-                    se(), ce && !L && e.currentTarget.select();
+                  onClick: ce,
+                  onFocus: (i) => {
+                    ce(), ae && !j && i.currentTarget.select();
                   },
-                  onKeyDown: Ge
+                  onKeyDown: qe
                 }
               ),
-              U && /* @__PURE__ */ s("span", { className: "inconel-select-spinner", "aria-hidden": "true" }),
-              M && o !== null && !h && !V && Q && /* @__PURE__ */ s(
+              P && /* @__PURE__ */ r("span", { className: "inconel-select-spinner", "aria-hidden": "true" }),
+              U && o !== null && !y && !x && J && /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  className: z("inconel-select-clear", y.clearButton),
-                  style: a.clearButton,
-                  "aria-label": Q,
-                  onClick: Se,
+                  className: f("inconel-select-clear", k.clearButton),
+                  style: b.clearButton,
+                  "aria-label": J,
+                  onClick: Ie,
                   children: "×"
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  className: z("inconel-select-toggle", y.toggleButton),
-                  style: a.toggleButton,
-                  "aria-label": d ? Te : R,
-                  "aria-expanded": d,
-                  disabled: h,
+                  className: f("inconel-select-toggle", k.toggleButton),
+                  style: b.toggleButton,
+                  "aria-label": g ? Le : Q,
+                  "aria-expanded": g,
+                  disabled: y,
                   tabIndex: -1,
-                  onClick: () => d ? te() : se(),
-                  children: /* @__PURE__ */ s(
+                  onClick: () => g ? te() : ce(),
+                  children: /* @__PURE__ */ r(
                     "svg",
                     {
                       "aria-hidden": "true",
@@ -654,7 +1067,7 @@ function fn({
                       width: "20",
                       height: "20",
                       fill: "none",
-                      children: /* @__PURE__ */ s(
+                      children: /* @__PURE__ */ r(
                         "path",
                         {
                           d: "m5 7.5 5 5 5-5",
@@ -671,83 +1084,162 @@ function fn({
             ]
           }
         ),
-        c && /* @__PURE__ */ s(
+        n && /* @__PURE__ */ r(
           "input",
           {
             type: "hidden",
-            name: c,
+            name: n,
             value: o ?? "",
-            required: C
+            required: O
           }
         ),
-        /* @__PURE__ */ s(
-          Ce,
+        /* @__PURE__ */ r(
+          Oe,
           {
-            hint: W,
-            errorMessage: J,
-            hintId: ye,
-            errorId: be
+            hint: X,
+            errorMessage: q,
+            hintId: _e,
+            errorId: Ne
           }
         ),
-        H && Le ? on(Le, H) : Le
+        z && Be ? sn(Be, z) : Be
       ]
     }
   );
 }
-const In = ze(fn), wn = ze(
+const ot = Me(jn);
+function Cn({
+  items: e,
+  value: n,
+  defaultValue: t,
+  onChange: l,
+  className: o
+}) {
+  const [c, s] = w(
+    t ?? e[0]?.id
+  ), d = n ?? c, m = e.find((h) => h.id === d);
+  return /* @__PURE__ */ p("div", { className: f("inconel-tabs", o), children: [
+    /* @__PURE__ */ r("div", { className: "inconel-tabs__list", role: "tablist", children: e.map((h) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        disabled: h.disabled,
+        "aria-selected": h.id === d,
+        className: f(
+          "inconel-tabs__tab",
+          h.id === d && "inconel-is-active"
+        ),
+        onClick: () => {
+          s(h.id), l?.(h.id);
+        },
+        children: h.label
+      },
+      h.id
+    )) }),
+    m?.content !== void 0 && /* @__PURE__ */ r("div", { className: "inconel-tabs__panel", role: "tabpanel", children: m.content })
+  ] });
+}
+const at = Cn;
+function ct({
+  connected: e,
+  connectedLabel: n = "Bağlı",
+  disconnectedLabel: t = "Bağlantı yok",
+  className: l,
+  ...o
+}) {
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      ...o,
+      className: f(
+        "inconel-socket-status",
+        e ? "inconel-is-connected" : "inconel-is-disconnected",
+        l
+      ),
+      role: "status",
+      children: [
+        /* @__PURE__ */ r("i", { "aria-hidden": "true" }),
+        e ? n : t
+      ]
+    }
+  );
+}
+function st({
+  className: e,
+  src: n,
+  title: t,
+  render: l = !0,
+  ...o
+}) {
+  if (!l || !n)
+    return null;
+  const c = ["inconel-svg", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r(
+    un,
+    {
+      ...o,
+      className: c,
+      src: n,
+      title: t ?? void 0,
+      wrapper: "span"
+    }
+  );
+}
+const ut = wn, dt = ze, ft = Me(
   function({
-    id: c,
-    label: l,
-    hint: i,
+    id: n,
+    label: t,
+    hint: l,
     errorMessage: o,
-    fullWidth: u = !1,
-    resize: m = "vertical",
-    className: I,
-    required: T,
-    disabled: D,
-    "aria-describedby": O,
-    style: M,
-    ...h
-  }, V) {
-    const C = Me(), $ = c ?? `inconel-textarea-${C.replace(/:/g, "")}`, S = `${$}-hint`, Y = `${$}-error`, W = [
-      O,
-      i && !o ? S : void 0,
+    fullWidth: c = !1,
+    resize: s = "vertical",
+    className: d,
+    required: m,
+    disabled: h,
+    "aria-describedby": K,
+    style: U,
+    ...y
+  }, x) {
+    const O = Ue(), F = n ?? `inconel-textarea-${O.replace(/:/g, "")}`, S = `${F}-hint`, Y = `${F}-error`, X = [
+      K,
+      l && !o ? S : void 0,
       o ? Y : void 0
     ].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ p(
       "div",
       {
         className: [
           "inconel-field",
-          u ? "inconel-field--full-width" : "",
-          I ?? ""
+          c ? "inconel-field--full-width" : "",
+          d ?? ""
         ].join(" "),
         children: [
-          l && /* @__PURE__ */ k("label", { className: "inconel-field__label", htmlFor: $, children: [
-            l,
-            T && /* @__PURE__ */ s("span", { "aria-hidden": "true", children: " *" })
+          t && /* @__PURE__ */ p("label", { className: "inconel-field__label", htmlFor: F, children: [
+            t,
+            m && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: " *" })
           ] }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "textarea",
             {
-              ...h,
-              ref: V,
-              id: $,
-              required: T,
-              disabled: D,
+              ...y,
+              ref: x,
+              id: F,
+              required: m,
+              disabled: h,
               "aria-invalid": !!o,
-              "aria-describedby": W,
+              "aria-describedby": X,
               className: [
                 "inconel-textarea",
-                o ? "is-invalid" : ""
+                o ? "inconel-is-invalid" : ""
               ].join(" "),
-              style: { ...M, resize: m }
+              style: { ...U, resize: s }
             }
           ),
-          /* @__PURE__ */ s(
-            Ce,
+          /* @__PURE__ */ r(
+            Oe,
             {
-              hint: i,
+              hint: l,
               errorMessage: o,
               hintId: S,
               errorId: Y
@@ -758,10 +1250,66 @@ const In = ze(fn), wn = ze(
     );
   }
 );
+function pt({
+  content: e,
+  children: n,
+  placement: t = "top",
+  className: l
+}) {
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      className: f(
+        "inconel-tooltip",
+        `inconel-tooltip--${t}`,
+        l
+      ),
+      children: [
+        n,
+        /* @__PURE__ */ r("span", { className: "inconel-tooltip__content", role: "tooltip", children: e })
+      ]
+    }
+  );
+}
 export {
-  Ce as FieldFeedback,
-  yn as Input,
-  In as Select,
-  wn as Textarea
+  dn as Button,
+  fn as Checkbox,
+  hn as CheckboxGroup,
+  Hn as CurrencyInput,
+  Yn as CustomizableSwitch,
+  Rn as DataGrid,
+  Gn as DatePicker,
+  Wn as DndFileUpload,
+  Kn as DotLoader,
+  Dn as DragDropUpload,
+  Xn as ExcelTable,
+  Oe as FieldFeedback,
+  Ke as FileUpload,
+  qn as FileUploadText,
+  Jn as Filter,
+  Qn as HTMLTable,
+  wn as HtmlEditor,
+  ze as Input,
+  Zn as InputText,
+  An as Loader,
+  et as LoaderMini,
+  nt as Modal,
+  Fn as MultiSelect,
+  tt as MultiSelectWithCheckbox,
+  Vn as Option,
+  rt as OptionWithIcon,
+  lt as RadioGroup,
+  it as ReadOnly,
+  ot as Select,
+  at as SlideTabs,
+  ct as SocketStatus,
+  st as Svg,
+  yn as Switch,
+  $e as Table,
+  Cn as Tabs,
+  ut as TextEditor,
+  dt as TextInput,
+  ft as Textarea,
+  pt as Tooltip
 };
 //# sourceMappingURL=index.js.map