inconel 0.1.6 → 0.1.7

package/dist/components/FieldFeedback/FieldFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldFeedback.js","sources":["../../../src/components/FieldFeedback/FieldFeedback.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport '../shared/field.css'\n\nexport interface FieldFeedbackContentProps {\n  hint?: ReactNode\n  errorMessage?: ReactNode\n}\n\nexport interface FieldFeedbackProps extends FieldFeedbackContentProps {\n  hintId: string\n  errorId: string\n  className?: string\n}\n\nfunction FieldFeedback({\n  hint,\n  errorMessage,\n  hintId,\n  errorId,\n  className,\n}: FieldFeedbackProps) {\n  if (errorMessage) {\n    return (\n      <p\n        id={errorId}\n        className={[\n          'inconel-field-feedback',\n          'inconel-is-error',\n          className ?? '',\n        ].join(' ')}\n        role=\"alert\"\n      >\n        {errorMessage}\n      </p>\n    )\n  }\n\n  if (hint) {\n    return (\n      <p\n        id={hintId}\n        className={[\n          'inconel-field-feedback',\n          'inconel-is-hint',\n          className ?? '',\n        ].join(' ')}\n      >\n        {hint}\n      </p>\n    )\n  }\n\n  return null\n}\n\nexport default FieldFeedback\n"],"names":["FieldFeedback","hint","errorMessage","hintId","errorId","className","jsx"],"mappings":";;AAcA,SAASA,EAAc;AAAA,EACrB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAuB;AACrB,SAAIH,IAEA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIF;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAC,KAAa;AAAA,MAAA,EACb,KAAK,GAAG;AAAA,MACV,MAAK;AAAA,MAEJ,UAAAH;AAAA,IAAA;AAAA,EAAA,IAKHD,IAEA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIH;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAE,KAAa;AAAA,MAAA,EACb,KAAK,GAAG;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EAAA,IAKA;AACT;"}

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,75 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { forwardRef as x, useId as b } from "react";
+import { classNames as n } from "../shared/classNames.js";
+/* empty css           */
+import { useInconelAdapters as j } from "../../adapters/context.js";
+const R = x(
+  function({
+    id: r,
+    label: o,
+    placeholder: s,
+    labelClassName: c,
+    inputClassName: d,
+    onChange: p,
+    onFilesChange: u,
+    errorMessage: l,
+    render: f = !0,
+    className: m,
+    disabled: a,
+    accept: _ = "*",
+    multiple: h = !1,
+    ...N
+  }, F) {
+    const y = b(), I = j(), i = r ?? `inconel-file-upload-${y.replace(/:/g, "")}`;
+    return f ? /* @__PURE__ */ v("div", { className: n("inconel-file-upload", m), children: [
+      o != null && /* @__PURE__ */ e(
+        "label",
+        {
+          className: n(
+            "inconel-file-upload__label",
+            c
+          ),
+          htmlFor: i,
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ...N,
+          ref: F,
+          id: i,
+          type: "file",
+          className: n(
+            "inconel-file-upload__input",
+            !!l && "inconel-is-invalid",
+            d
+          ),
+          accept: _,
+          multiple: h,
+          disabled: a,
+          onChange: (t) => {
+            p?.(t), u?.(Array.from(t.target.files ?? []));
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        "label",
+        {
+          className: n(
+            "inconel-file-upload__button",
+            a && "inconel-is-disabled",
+            !!l && "inconel-is-error"
+          ),
+          htmlFor: i,
+          children: s ?? I.translate?.("selectFile", "Dosya seç") ?? "Dosya seç"
+        }
+      ),
+      l != null && /* @__PURE__ */ e("span", { className: "inconel-file-upload__error", role: "alert", children: l })
+    ] }) : null;
+  }
+);
+export {
+  R as FileUpload
+};
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/FileUpload/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ChangeEventHandler,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface FileUploadProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'onChange' | 'id' | 'placeholder'\n  > {\n  id?: string | null\n  label?: ReactNode\n  placeholder?: ReactNode\n  labelClassName?: string\n  inputClassName?: string\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  errorMessage?: ReactNode\n  render?: boolean\n  files?: File[]\n  onFilesChange?: (files: File[]) => void\n}\n\nexport const FileUpload = forwardRef<HTMLInputElement, FileUploadProps>(\n  function FileUpload(\n    {\n      id,\n      label,\n      placeholder,\n      labelClassName,\n      inputClassName,\n      onChange,\n      onFilesChange,\n      errorMessage,\n      render = true,\n      className,\n      disabled,\n      accept = '*',\n      multiple = false,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId()\n    const adapters = useInconelAdapters()\n    const inputId = id ?? `inconel-file-upload-${generatedId.replace(/:/g, '')}`\n\n    if (!render) return null\n\n    return (\n      <div className={classNames('inconel-file-upload', className)}>\n        {label !== null && label !== undefined && (\n          <label\n            className={classNames(\n              'inconel-file-upload__label',\n              labelClassName,\n            )}\n            htmlFor={inputId}\n          >\n            {label}\n          </label>\n        )}\n        <input\n          {...props}\n          ref={ref}\n          id={inputId}\n          type=\"file\"\n          className={classNames(\n            'inconel-file-upload__input',\n            Boolean(errorMessage) && 'inconel-is-invalid',\n            inputClassName,\n          )}\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          onChange={(event) => {\n            onChange?.(event)\n            onFilesChange?.(Array.from(event.target.files ?? []))\n          }}\n        />\n        <label\n          className={classNames(\n            'inconel-file-upload__button',\n            disabled && 'inconel-is-disabled',\n            Boolean(errorMessage) && 'inconel-is-error',\n          )}\n          htmlFor={inputId}\n        >\n          {placeholder ??\n            adapters.translate?.('selectFile', 'Dosya seç') ??\n            'Dosya seç'}\n        </label>\n        {errorMessage !== null && errorMessage !== undefined && (\n          <span className=\"inconel-file-upload__error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["FileUpload","forwardRef","id","label","placeholder","labelClassName","inputClassName","onChange","onFilesChange","errorMessage","render","className","disabled","accept","multiple","props","ref","generatedId","useId","adapters","useInconelAdapters","inputId","classNames","jsx","event"],"mappings":";;;;;AA6BO,MAAMA,IAAaC;AAAA,EACxB,SACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAcC,EAAA,GACdC,IAAWC,EAAA,GACXC,IAAUnB,KAAM,uBAAuBe,EAAY,QAAQ,MAAM,EAAE,CAAC;AAE1E,WAAKP,sBAGF,OAAA,EAAI,WAAWY,EAAW,uBAAuBX,CAAS,GACxD,UAAA;AAAA,MAAAR,KAAU,QACT,gBAAAoB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAjB;AAAA,UAAA;AAAA,UAEF,SAASgB;AAAA,UAER,UAAAlB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,gBAAAoB;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGR;AAAA,UACJ,KAAAC;AAAA,UACA,IAAIK;AAAA,UACJ,MAAK;AAAA,UACL,WAAWC;AAAA,YACT;AAAA,YACA,EAAQb,KAAiB;AAAA,YACzBH;AAAA,UAAA;AAAA,UAEF,QAAAO;AAAA,UACA,UAAAC;AAAA,UACA,UAAAF;AAAA,UACA,UAAU,CAACY,MAAU;AACnB,YAAAjB,IAAWiB,CAAK,GAChBhB,IAAgB,MAAM,KAAKgB,EAAM,OAAO,SAAS,CAAA,CAAE,CAAC;AAAA,UACtD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAV,KAAY;AAAA,YACZ,EAAQH,KAAiB;AAAA,UAAA;AAAA,UAE3B,SAASY;AAAA,UAER,UAAAjB,KACCe,EAAS,YAAY,cAAc,WAAW,KAC9C;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHV,KAAiB,QAChB,gBAAAc,EAAC,UAAK,WAAU,8BAA6B,MAAK,SAC/C,UAAAd,EAAA,CACH;AAAA,IAAA,GAEJ,IAlDkB;AAAA,EAoDtB;AACF;"}

package/dist/components/FileUploadText/FileUploadText.js

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { FileUpload as i } from "../FileUpload/FileUpload.js";
+const a = e(function(o, r) {
+  return /* @__PURE__ */ t(i, { ...o, ref: r });
+});
+export {
+  a as FileUploadText
+};
+//# sourceMappingURL=FileUploadText.js.map

package/dist/components/FileUploadText/FileUploadText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadText.js","sources":["../../../src/components/FileUploadText/FileUploadText.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport {\n  FileUpload,\n  type FileUploadProps,\n} from '../FileUpload'\n\nexport type FileUploadTextProps = FileUploadProps\n\nexport const FileUploadText = forwardRef<\n  HTMLInputElement,\n  FileUploadTextProps\n>(function FileUploadText(props, ref) {\n  return <FileUpload {...props} ref={ref} />\n})\n"],"names":["FileUploadText","forwardRef","props","ref","jsx","FileUpload"],"mappings":";;;AASO,MAAMA,IAAiBC,EAG5B,SAAwBC,GAAOC,GAAK;AACpC,SAAO,gBAAAC,EAACC,GAAA,EAAY,GAAGH,GAAO,KAAAC,EAAA,CAAU;AAC1C,CAAC;"}

package/dist/components/Filter/Filter.js

@@ -0,0 +1,20 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { classNames as m } from "../shared/classNames.js";
+/* empty css           */
+import { Button as s } from "../Button/Button.js";
+function d({
+  children: e,
+  onClear: t,
+  clearLabel: o = "Temizle",
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ l("div", { ...n, className: m("inconel-filter", r), children: [
+    /* @__PURE__ */ i("div", { className: "inconel-filter__content", children: e }),
+    t && /* @__PURE__ */ i(s, { type: "button", variant: "ghost", onClick: t, children: o })
+  ] });
+}
+export {
+  d as Filter
+};
+//# sourceMappingURL=Filter.js.map

package/dist/components/Filter/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sources":["../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport { Button } from '../Button'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface FilterProps extends HTMLAttributes<HTMLDivElement> {\n  onClear?: () => void\n  clearLabel?: ReactNode\n}\n\nexport function Filter({\n  children,\n  onClear,\n  clearLabel = 'Temizle',\n  className,\n  ...props\n}: FilterProps) {\n  return (\n    <div {...props} className={classNames('inconel-filter', className)}>\n      <div className=\"inconel-filter__content\">{children}</div>\n      {onClear && (\n        <Button type=\"button\" variant=\"ghost\" onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["Filter","children","onClear","clearLabel","className","props","jsxs","classNames","jsx","Button"],"mappings":";;;;AAYO,SAASA,EAAO;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,SACE,gBAAAC,EAAC,SAAK,GAAGD,GAAO,WAAWE,EAAW,kBAAkBH,CAAS,GAC/D,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAP,EAAA,CAAS;AAAA,IAClDC,uBACEO,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,SAASP,GAC5C,UAAAC,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/HTMLTable/HTMLTable.js

@@ -0,0 +1,9 @@
+import { jsx as n } from "react/jsx-runtime";
+import t from "./legacy/index.js";
+function p(o) {
+  return /* @__PURE__ */ n(t, { ...o });
+}
+export {
+  p as HTMLTable
+};
+//# sourceMappingURL=HTMLTable.js.map

package/dist/components/HTMLTable/HTMLTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLTable.js","sources":["../../../src/components/HTMLTable/HTMLTable.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport LegacyHTMLTable from './legacy/index.jsx'\n\nexport interface HTMLTableColumn<T extends object = Record<string, unknown>> {\n  key?: keyof T | string\n  dataIndex?: keyof T | string\n  title?: ReactNode\n  render?: (value: unknown, row: T, index: number) => ReactNode\n  [key: string]: unknown\n}\n\nexport interface HTMLTableProps<T extends object = Record<string, unknown>> {\n  columns?: HTMLTableColumn<T>[]\n  data?: T[]\n  rowKey?: keyof T | ((row: T) => string | number)\n  selectable?: boolean\n  pagination?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  total?: number\n  currentPage?: number\n  className?: string\n  rowClassName?: string | ((row: T, index: number) => string)\n  onRowClick?: (row: T, index: number) => void\n  onPageChange?: (page: number) => void\n  onPageSizeChange?: (pageSize: number) => void\n  onSelectionChange?: (rows: T[]) => void\n}\n\nexport function HTMLTable<T extends object>(\n  props: HTMLTableProps<T>,\n) {\n  const Component = LegacyHTMLTable as unknown as (\n    props: HTMLTableProps<T>,\n  ) => ReactNode\n  return <Component {...props} />\n}\n"],"names":["HTMLTable","props","jsx","LegacyHTMLTable"],"mappings":";;AA8BO,SAASA,EACdC,GACA;AAIA,SAAO,gBAAAC,EAHWC,GAGV,EAAW,GAAGF,EAAA,CAAO;AAC/B;"}

package/dist/components/HTMLTable/legacy/index.js

@@ -0,0 +1,186 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { useState as h, useEffect as Y, useMemo as B } from "react";
+import t from "prop-types";
+/* empty css           */
+const v = (s, b, C = "-") => b?.split(".")?.reduce((k, f) => k?.[f], s) ?? C, Z = (s) => Array.isArray(s) ? s : Array.isArray(s?.items) ? s.items : Array.isArray(s?.data) ? s.data : Array.isArray(s?.content) ? s.content : Array.isArray(s?.records) ? s.records : [], w = ({
+  columns: s = [],
+  data: b = [],
+  rowKey: C = "id",
+  selectable: g = !1,
+  pagination: k = !0,
+  pageSize: f = 10,
+  pageSizeOptions: q = [5, 10, 20, 30, 50, 100],
+  total: N,
+  currentPage: y,
+  className: E = "",
+  rowClassName: A,
+  onRowClick: R,
+  onPageChange: O,
+  onPageSizeChange: x,
+  onSelectionChange: M
+}) => {
+  const [d, G] = h(null), [u, V] = h([]), [H, $] = h(1), [m, D] = h(f), [L, _] = h(!1);
+  Y(() => {
+    D(f);
+  }, [f]);
+  const T = B(() => Z(b), [b]), j = B(() => d ? [...T].sort((e, n) => {
+    const c = v(e, d.key, ""), a = v(n, d.key, "");
+    return c < a ? d.direction === "asc" ? -1 : 1 : c > a ? d.direction === "asc" ? 1 : -1 : 0;
+  }) : T, [T, d]), l = y ?? H, K = N != null, F = K && typeof O == "function", o = Math.ceil((K ? N : j.length) / m), P = k && !F ? j.slice((l - 1) * m, l * m) : j, z = (e, n) => v(e, C, n), I = (e) => {
+    e.sortable && G((n) => n?.key === e.key ? {
+      key: e.key,
+      direction: n.direction === "asc" ? "desc" : "asc"
+    } : {
+      key: e.key,
+      direction: "asc"
+    });
+  }, J = (e, n) => {
+    const c = z(e, n), a = u.includes(c) ? u.filter((i) => i !== c) : [...u, c];
+    V(a), M?.(a);
+  }, Q = () => {
+    const e = P.map((a, i) => z(a, i)), c = e.every((a) => u.includes(a)) ? u.filter((a) => !e.includes(a)) : [.../* @__PURE__ */ new Set([...u, ...e])];
+    V(c), M?.(c);
+  }, S = (e) => {
+    e < 1 || e > o || e === l || (y == null && $(e), O?.(e));
+  }, U = (e) => {
+    const n = Number(e.target.value);
+    if (D(n), y == null && $(1), typeof x == "function") {
+      x(n);
+      return;
+    }
+    O?.(1);
+  }, W = () => {
+    const e = [];
+    if (o <= 7)
+      return Array.from({ length: o }, (i, X) => X + 1);
+    const c = Math.max(2, l - 1), a = Math.min(o - 1, l + 1);
+    e.push(1), c > 2 && e.push("...");
+    for (let i = c; i <= a; i += 1)
+      e.push(i);
+    return a < o - 1 && e.push("..."), e.push(o), e;
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: [
+        "ep-table-wrapper",
+        L ? "is-scrolled" : "",
+        E
+      ].filter(Boolean).join(" "),
+      onScroll: (e) => {
+        _(e.currentTarget.scrollTop > 0);
+      },
+      children: [
+        /* @__PURE__ */ p("table", { className: "table table-bordered", children: [
+          /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ p("tr", { children: [
+            g && /* @__PURE__ */ r("th", { className: "ep-table-check", children: /* @__PURE__ */ r("input", { type: "checkbox", onChange: Q }) }),
+            s.map((e) => /* @__PURE__ */ p(
+              "th",
+              {
+                onClick: () => I(e),
+                className: `${e.sortable ? "sortable" : ""} ${e.headerClassName || ""}`,
+                children: [
+                  e.title,
+                  d?.key === e.key && /* @__PURE__ */ r("span", { children: d.direction === "asc" ? " ↑" : " ↓" })
+                ]
+              },
+              e.key
+            ))
+          ] }) }),
+          /* @__PURE__ */ r("tbody", { children: P.length > 0 ? P.map((e, n) => {
+            const c = z(e, n), a = typeof A == "function" ? A(e, n) : A;
+            return /* @__PURE__ */ p(
+              "tr",
+              {
+                onClick: () => R?.(e),
+                className: [
+                  R ? "clickable" : "",
+                  a
+                ].filter(Boolean).join(" "),
+                children: [
+                  g && /* @__PURE__ */ r("td", { onClick: (i) => i.stopPropagation(), children: /* @__PURE__ */ r(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: u.includes(c),
+                      onChange: () => J(e, n)
+                    }
+                  ) }),
+                  s.map((i) => /* @__PURE__ */ r(
+                    "td",
+                    {
+                      className: i.className || "",
+                      children: i.render ? i.render(e, n) : v(e, i.key)
+                    },
+                    i.key
+                  ))
+                ]
+              },
+              c
+            );
+          }) : /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: s.length + (g ? 1 : 0), children: "Kayıt bulunamadı" }) }) })
+        ] }),
+        k && o > 1 && /* @__PURE__ */ p("div", { className: "ep-table-pagination", children: [
+          /* @__PURE__ */ r("button", { type: "button", disabled: l === 1, onClick: () => S(l - 1), children: "Geri" }),
+          W().map((e, n) => e === "..." ? /* @__PURE__ */ r("span", { children: "..." }, `pagination-ellipsis-${n}`) : /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: e === l ? "active" : "",
+              onClick: () => S(e),
+              children: e
+            },
+            `pagination-page-${e}`
+          )),
+          /* @__PURE__ */ r("button", { type: "button", disabled: l === o, onClick: () => S(l + 1), children: "İleri" }),
+          /* @__PURE__ */ r("button", { type: "button", disabled: l === o, onClick: () => S(o), children: "Son Sayfa" }),
+          /* @__PURE__ */ r("select", { value: m, onChange: U, children: q.map((e) => /* @__PURE__ */ r("option", { value: e, children: e }, `page-size-${e}`)) })
+        ] })
+      ]
+    }
+  );
+};
+w.propTypes = {
+  columns: t.arrayOf(
+    t.shape({
+      key: t.string.isRequired,
+      title: t.oneOfType([
+        t.string,
+        t.node
+      ]),
+      sortable: t.bool,
+      render: t.func,
+      headerClassName: t.string,
+      className: t.string
+    })
+  ),
+  data: t.oneOfType([
+    t.arrayOf(t.object),
+    t.shape({
+      items: t.arrayOf(t.object),
+      data: t.arrayOf(t.object),
+      content: t.arrayOf(t.object),
+      records: t.arrayOf(t.object)
+    })
+  ]),
+  rowKey: t.string,
+  selectable: t.bool,
+  pagination: t.bool,
+  pageSize: t.number,
+  pageSizeOptions: t.arrayOf(t.number),
+  total: t.number,
+  currentPage: t.number,
+  onRowClick: t.func,
+  onPageChange: t.func,
+  onPageSizeChange: t.func,
+  onSelectionChange: t.func,
+  rowClassName: t.oneOfType([
+    t.string,
+    t.func
+  ]),
+  className: t.string
+};
+export {
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/HTMLTable/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/HTMLTable/legacy/index.jsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport './index.scss';\n\nconst getValueByPath = (obj, path, defaultValue = '-') => {\n    const value = path\n        ?.split('.')\n        ?.reduce((current, key) => current?.[key], obj);\n\n    return value ?? defaultValue;\n};\n\nconst normalizeTableData = (data) => {\n    if (Array.isArray(data)) return data;\n\n    if (Array.isArray(data?.items)) return data.items;\n    if (Array.isArray(data?.data)) return data.data;\n    if (Array.isArray(data?.content)) return data.content;\n    if (Array.isArray(data?.records)) return data.records;\n\n    return [];\n};\n\nconst InconelHTMLTable = ({\n    columns = [],\n    data = [],\n    rowKey = 'id',\n    selectable = false,\n    pagination = true,\n    pageSize = 10,\n    pageSizeOptions = [5, 10, 20, 30, 50, 100],\n    total,\n    currentPage,\n    className = '',\n    rowClassName,\n    onRowClick,\n    onPageChange,\n    onPageSizeChange,\n    onSelectionChange\n}) => {\n    const [sortConfig, setSortConfig] = useState(null);\n    const [selectedRows, setSelectedRows] = useState([]);\n    const [page, setPage] = useState(1);\n    const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n    const [isScrolled, setIsScrolled] = useState(false);\n\n    useEffect(() => {\n        setSelectedPageSize(pageSize);\n    }, [pageSize]);\n\n    const tableData = useMemo(() => normalizeTableData(data), [data]);\n\n    const sortedData = useMemo(() => {\n        if (!sortConfig) return tableData;\n\n        return [...tableData].sort((a, b) => {\n            const aVal = getValueByPath(a, sortConfig.key, '');\n            const bVal = getValueByPath(b, sortConfig.key, '');\n\n            if (aVal < bVal) return sortConfig.direction === 'asc' ? -1 : 1;\n            if (aVal > bVal) return sortConfig.direction === 'asc' ? 1 : -1;\n            return 0;\n        });\n    }, [tableData, sortConfig]);\n\n    const activePage = currentPage ?? page;\n    const hasTotal = total !== undefined && total !== null;\n    const isServerSidePagination = hasTotal && typeof onPageChange === 'function';\n    const totalPage = Math.ceil((hasTotal ? total : sortedData.length) / selectedPageSize);\n\n    const visibleData = pagination && !isServerSidePagination\n        ? sortedData.slice((activePage - 1) * selectedPageSize, activePage * selectedPageSize)\n        : sortedData;\n\n    const getRowKey = (row, rowIndex) => (\n        getValueByPath(row, rowKey, rowIndex)\n    );\n\n    const handleSort = (column) => {\n        if (!column.sortable) return;\n\n        setSortConfig((prev) => {\n            if (prev?.key === column.key) {\n                return {\n                    key: column.key,\n                    direction: prev.direction === 'asc' ? 'desc' : 'asc'\n                };\n            }\n\n            return {\n                key: column.key,\n                direction: 'asc'\n            };\n        });\n    };\n\n    const handleSelect = (row, rowIndex) => {\n        const key = getRowKey(row, rowIndex);\n\n        const newSelectedRows = selectedRows.includes(key)\n            ? selectedRows.filter((item) => item !== key)\n            : [...selectedRows, key];\n\n        setSelectedRows(newSelectedRows);\n        onSelectionChange?.(newSelectedRows);\n    };\n\n    const handleSelectAll = () => {\n        const visibleKeys = visibleData.map((row, rowIndex) => getRowKey(row, rowIndex));\n        const allSelected = visibleKeys.every((key) => selectedRows.includes(key));\n\n        const newSelectedRows = allSelected\n            ? selectedRows.filter((key) => !visibleKeys.includes(key))\n            : [...new Set([...selectedRows, ...visibleKeys])];\n\n        setSelectedRows(newSelectedRows);\n        onSelectionChange?.(newSelectedRows);\n    };\n\n    const handlePageChange = (newPage) => {\n        if (newPage < 1 || newPage > totalPage || newPage === activePage) return;\n\n        if (currentPage === undefined || currentPage === null) {\n            setPage(newPage);\n        }\n\n        onPageChange?.(newPage);\n    };\n\n    const handlePageSizeChange = (event) => {\n        const newPageSize = Number(event.target.value);\n\n        setSelectedPageSize(newPageSize);\n\n        if (currentPage === undefined || currentPage === null) {\n            setPage(1);\n        }\n\n        if (typeof onPageSizeChange === 'function') {\n            onPageSizeChange(newPageSize);\n            return;\n        }\n\n        onPageChange?.(1);\n    };\n\n    const getPaginationItems = () => {\n        const pages = [];\n        const maxVisiblePages = 5;\n\n        if (totalPage <= maxVisiblePages + 2) {\n            return Array.from({ length: totalPage }, (_, index) => index + 1);\n        }\n\n        const startPage = Math.max(2, activePage - 1);\n        const endPage = Math.min(totalPage - 1, activePage + 1);\n\n        pages.push(1);\n\n        if (startPage > 2) {\n            pages.push('...');\n        }\n\n        for (let pageNumber = startPage; pageNumber <= endPage; pageNumber += 1) {\n            pages.push(pageNumber);\n        }\n\n        if (endPage < totalPage - 1) {\n            pages.push('...');\n        }\n\n        pages.push(totalPage);\n\n        return pages;\n    };\n\n    return (\n        <div\n            className={[\n                'ep-table-wrapper',\n                isScrolled ? 'is-scrolled' : '',\n                className\n            ]\n                .filter(Boolean)\n                .join(' ')}\n            onScroll={(event) => {\n                setIsScrolled(event.currentTarget.scrollTop > 0);\n            }}\n        >\n            <table className=\"table table-bordered\">\n                <thead>\n                    <tr>\n                        {selectable && (\n                            <th className=\"ep-table-check\">\n                                <input type=\"checkbox\" onChange={handleSelectAll} />\n                            </th>\n                        )}\n\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                onClick={() => handleSort(column)}\n                                className={`${column.sortable ? 'sortable' : ''} ${column.headerClassName || ''}`}\n                            >\n                                {column.title}\n\n                                {sortConfig?.key === column.key && (\n                                    <span>\n                                        {sortConfig.direction === 'asc' ? ' ↑' : ' ↓'}\n                                    </span>\n                                )}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n\n                <tbody>\n                    {visibleData.length > 0 ? (\n                        visibleData.map((row, rowIndex) => {\n                            const key = getRowKey(row, rowIndex);\n                            const rowClass = typeof rowClassName === 'function'\n                                ? rowClassName(row, rowIndex)\n                                : rowClassName;\n\n                            return (\n                                <tr\n                                    key={key}\n                                    onClick={() => onRowClick?.(row)}\n                                    className={[\n                                        onRowClick ? 'clickable' : '',\n                                        rowClass\n                                    ]\n                                        .filter(Boolean)\n                                        .join(' ')}\n                                >\n                                    {selectable && (\n                                        <td onClick={(e) => e.stopPropagation()}>\n                                            <input\n                                                type=\"checkbox\"\n                                                checked={selectedRows.includes(key)}\n                                                onChange={() => handleSelect(row, rowIndex)}\n                                            />\n                                        </td>\n                                    )}\n\n                                    {columns.map((column) => (\n                                        <td\n                                            key={column.key}\n                                            className={column.className || ''}\n                                        >\n                                            {column.render\n                                                ? column.render(row, rowIndex)\n                                                : getValueByPath(row, column.key)}\n                                        </td>\n                                    ))}\n                                </tr>\n                            );\n                        })\n                    ) : (\n                        <tr>\n                            <td colSpan={columns.length + (selectable ? 1 : 0)}>\n                                Kayıt bulunamadı\n                            </td>\n                        </tr>\n                    )}\n                </tbody>\n            </table>\n\n            {pagination && totalPage > 1 && (\n                <div className=\"ep-table-pagination\">\n                    <button type=\"button\" disabled={activePage === 1} onClick={() => handlePageChange(activePage - 1)}>\n                        Geri\n                    </button>\n\n                    {getPaginationItems().map((item, index) => (\n                        item === '...' ? (\n                            <span key={`pagination-ellipsis-${index}`}>...</span>\n                        ) : (\n                            <button\n                                type=\"button\"\n                                key={`pagination-page-${item}`}\n                                className={item === activePage ? 'active' : ''}\n                                onClick={() => handlePageChange(item)}\n                            >\n                                {item}\n                            </button>\n                        )\n                    ))}\n\n                    <button type=\"button\" disabled={activePage === totalPage} onClick={() => handlePageChange(activePage + 1)}>\n                        İleri\n                    </button>\n\n                    <button type=\"button\" disabled={activePage === totalPage} onClick={() => handlePageChange(totalPage)}>\n                        Son Sayfa\n                    </button>\n\n                    <select value={selectedPageSize} onChange={handlePageSizeChange}>\n                        {pageSizeOptions.map((option) => (\n                            <option key={`page-size-${option}`} value={option}>\n                                {option}\n                            </option>\n                        ))}\n                    </select>\n                </div>\n            )}\n        </div>\n    );\n};\n\nInconelHTMLTable.propTypes = {\n    columns: PropTypes.arrayOf(\n        PropTypes.shape({\n            key: PropTypes.string.isRequired,\n            title: PropTypes.oneOfType([\n                PropTypes.string,\n                PropTypes.node\n            ]),\n            sortable: PropTypes.bool,\n            render: PropTypes.func,\n            headerClassName: PropTypes.string,\n            className: PropTypes.string\n        })\n    ),\n    data: PropTypes.oneOfType([\n        PropTypes.arrayOf(PropTypes.object),\n        PropTypes.shape({\n            items: PropTypes.arrayOf(PropTypes.object),\n            data: PropTypes.arrayOf(PropTypes.object),\n            content: PropTypes.arrayOf(PropTypes.object),\n            records: PropTypes.arrayOf(PropTypes.object)\n        })\n    ]),\n    rowKey: PropTypes.string,\n    selectable: PropTypes.bool,\n    pagination: PropTypes.bool,\n    pageSize: PropTypes.number,\n    pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n    total: PropTypes.number,\n    currentPage: PropTypes.number,\n    onRowClick: PropTypes.func,\n    onPageChange: PropTypes.func,\n    onPageSizeChange: PropTypes.func,\n    onSelectionChange: PropTypes.func,\n    rowClassName: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.func\n    ]),\n    className: PropTypes.string\n};\n\nexport default InconelHTMLTable;\n"],"names":["getValueByPath","obj","path","defaultValue","current","key","normalizeTableData","data","InconelHTMLTable","columns","rowKey","selectable","pagination","pageSize","pageSizeOptions","total","currentPage","className","rowClassName","onRowClick","onPageChange","onPageSizeChange","onSelectionChange","sortConfig","setSortConfig","useState","selectedRows","setSelectedRows","page","setPage","selectedPageSize","setSelectedPageSize","isScrolled","setIsScrolled","useEffect","tableData","useMemo","sortedData","a","b","aVal","bVal","activePage","hasTotal","isServerSidePagination","totalPage","visibleData","getRowKey","row","rowIndex","handleSort","column","prev","handleSelect","newSelectedRows","item","handleSelectAll","visibleKeys","handlePageChange","newPage","handlePageSizeChange","event","newPageSize","getPaginationItems","pages","_","index","startPage","endPage","pageNumber","jsxs","jsx","rowClass","e","option","PropTypes"],"mappings":"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"}

package/dist/components/HtmlEditor/HtmlEditor.js

@@ -0,0 +1,39 @@
+import { jsx as p } from "react/jsx-runtime";
+import c from "@uiw/react-textarea-code-editor";
+import { classNames as f } from "../shared/classNames.js";
+/* empty css           */
+import { useInconelAdapters as d } from "../../adapters/context.js";
+function C({
+  value: o = "",
+  onChange: r,
+  placeholder: t,
+  language: e = "html",
+  padding: n = 15,
+  className: a,
+  style: i,
+  readOnly: l = !1
+}) {
+  const m = d();
+  return /* @__PURE__ */ p(
+    c,
+    {
+      value: o,
+      language: e,
+      placeholder: t ?? String(m.translate?.("enterHtml", "HTML girin") ?? "HTML girin"),
+      readOnly: l,
+      onChange: (s) => r?.(s.target.value),
+      padding: n,
+      className: f("inconel-html-editor", a),
+      style: {
+        backgroundColor: "#f5f5f5",
+        minHeight: 180,
+        fontFamily: "ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace",
+        ...i
+      }
+    }
+  );
+}
+export {
+  C as HtmlEditor
+};
+//# sourceMappingURL=HtmlEditor.js.map

package/dist/components/HtmlEditor/HtmlEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditor.js","sources":["../../../src/components/HtmlEditor/HtmlEditor.tsx"],"sourcesContent":["import CodeEditor from '@uiw/react-textarea-code-editor'\nimport type { CSSProperties } from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface HtmlEditorProps {\n  value?: string\n  onChange?: (value: string) => void\n  placeholder?: string\n  language?: string\n  padding?: number\n  className?: string\n  style?: CSSProperties\n  readOnly?: boolean\n}\n\nexport function HtmlEditor({\n  value = '',\n  onChange,\n  placeholder,\n  language = 'html',\n  padding = 15,\n  className,\n  style,\n  readOnly = false,\n}: HtmlEditorProps) {\n  const adapters = useInconelAdapters()\n  return (\n    <CodeEditor\n      value={value}\n      language={language}\n      placeholder={\n        placeholder ??\n        String(adapters.translate?.('enterHtml', 'HTML girin') ?? 'HTML girin')\n      }\n      readOnly={readOnly}\n      onChange={(event) => onChange?.(event.target.value)}\n      padding={padding}\n      className={classNames('inconel-html-editor', className)}\n      style={{\n        backgroundColor: '#f5f5f5',\n        minHeight: 180,\n        fontFamily:\n          'ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace',\n        ...style,\n      }}\n    />\n  )\n}\n"],"names":["HtmlEditor","value","onChange","placeholder","language","padding","className","style","readOnly","adapters","useInconelAdapters","jsx","CodeEditor","event","classNames"],"mappings":";;;;;AAkBO,SAASA,EAAW;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AACb,GAAoB;AAClB,QAAMC,IAAWC,EAAA;AACjB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAG;AAAA,MACA,aACED,KACA,OAAOM,EAAS,YAAY,aAAa,YAAY,KAAK,YAAY;AAAA,MAExE,UAAAD;AAAA,MACA,UAAU,CAACK,MAAUX,IAAWW,EAAM,OAAO,KAAK;AAAA,MAClD,SAAAR;AAAA,MACA,WAAWS,EAAW,uBAAuBR,CAAS;AAAA,MACtD,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,YACE;AAAA,QACF,GAAGC;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGN;"}

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

@@ -1,5 +1,6 @@
 import { FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
+import { ControlSize } from '../shared/types';
 export type InputType = 'text' | 'number' | 'currency' | 'percent' | 'phone' | 'email' | 'password';
 export type InputRoundMode = 'ceil' | 'floor' | 'round';
 export type InputValue = string | number | null;
@@ -55,6 +56,7 @@ export interface InputProps extends NativeInputProps, FieldFeedbackContentProps
     readOnly?: boolean;
     clearButtonLabel?: string;
     readOnlyEmptyValue?: ReactNode;
+    size?: ControlSize;
 }
 declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/Input.js

@@ -0,0 +1,184 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { forwardRef as Te, useId as we, useState as I, useRef as Ee, useMemo as Fe, useEffect as X } from "react";
+import Me from "../FieldFeedback/FieldFeedback.js";
+/* empty css                  */
+/* empty css                           */
+/* empty css                  */
+/* empty css           */
+import { formatInputValue as Z, applyInputMask as k, isFormattedInputType as v, getInputSeparators as _e, validateInputValue as Be, parseInputNumber as Re, isLengthValidatedInputType as $e, roundInputNumber as De } from "./utils.js";
+const Ge = Te(function({
+  id: O,
+  label: s,
+  hint: B,
+  errorMessage: W,
+  startAdornment: R,
+  endAdornment: $,
+  fullWidth: D = !1,
+  inputClassName: A,
+  labelClassName: z,
+  className: L,
+  required: V,
+  disabled: f,
+  value: C,
+  defaultValue: x = "",
+  onChange: N,
+  onBlur: ee,
+  onFocus: ne,
+  onKeyDown: re,
+  onMouseEnter: oe,
+  onMouseLeave: ie,
+  type: n = "text",
+  locale: c = "tr-TR",
+  currency: j = "TRY",
+  decimalScale: p = 0,
+  roundMode: le = "floor",
+  roundOnBlur: te = !1,
+  min: T,
+  max: w,
+  allowNegative: K = !1,
+  debounceMs: P = 0,
+  validateOnSubmit: S = !1,
+  validationMessages: ue,
+  mask: l,
+  limit: h,
+  isClearable: ae = !1,
+  readOnly: se = !1,
+  clearButtonLabel: Y,
+  readOnlyEmptyValue: ce = null,
+  size: q = "md",
+  autoComplete: de = "off",
+  "aria-describedby": fe,
+  ...pe
+}, he) {
+  const me = we(), m = O ?? `inconel-input-${me.replace(/:/g, "")}`, y = `${m}-hint`, G = `${m}-error`, H = C !== void 0, [ge, be] = I(x), o = H ? C : ge, [J, E] = I(""), [Ie, Q] = I(!1), [ve, F] = I(null), u = Ee(null), Ve = ue ?? {}, d = W ?? ve, g = (e) => Be(e, {
+    required: !!V,
+    type: n,
+    min: T,
+    max: w,
+    mask: l,
+    messages: Ve
+  }), M = Fe(
+    () => Z(
+      o,
+      n,
+      c,
+      p,
+      j,
+      l
+    ),
+    [o, j, p, c, l, n]
+  ), a = (e, r, i = null) => ({
+    rawValue: e,
+    formattedValue: Z(
+      e,
+      n,
+      c,
+      p,
+      j,
+      l
+    ),
+    error: !!g(e),
+    char: i,
+    eventType: r
+  }), _ = (e, r = !1) => {
+    H || be(e.rawValue), u.current && clearTimeout(u.current), N && (r || P <= 0 ? N(e) : u.current = setTimeout(() => N(e), P));
+  };
+  X(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), X(() => {
+    S && F(g(o));
+  }, [S]);
+  const U = (e) => {
+    if (n === "phone" && l) return e.replace(/\D/g, "");
+    if (v(n)) {
+      const r = Re(e, c);
+      return r === null ? e === "" ? null : e : K ? r : Math.abs(r);
+    }
+    return e;
+  }, Ne = (e) => {
+    const r = e.replace(/\D/g, "");
+    if (h && (v(n) || n === "phone") && r.length > h || h && $e(n) && e.length > h) return;
+    const i = U(e);
+    typeof i == "number" && (typeof T == "number" && i < T || typeof w == "number" && i > w) || (E(
+      n === "phone" && l ? k(i, l) : e
+    ), _(a(i, "change", e.slice(-1) || null)));
+  }, je = [
+    fe,
+    B && !d ? y : void 0,
+    d ? G : void 0
+  ].filter(Boolean).join(" ") || void 0;
+  return se ? /* @__PURE__ */ b("div", { className: ["inconel-field", `inconel-size-${q}`, D ? "inconel-field--full-width" : "", L ?? ""].join(" "), children: [
+    s && /* @__PURE__ */ t("span", { className: ["inconel-field__label", z ?? ""].join(" "), children: s }),
+    /* @__PURE__ */ t("div", { className: "inconel-input-readonly", "aria-label": s, children: M || ce })
+  ] }) : /* @__PURE__ */ b("div", { className: ["inconel-field", `inconel-size-${q}`, D ? "inconel-field--full-width" : "", L ?? ""].join(" "), children: [
+    s && /* @__PURE__ */ b("label", { className: ["inconel-field__label", z ?? ""].join(" "), htmlFor: m, children: [
+      s,
+      V && /* @__PURE__ */ t("span", { className: "inconel-field__required", "aria-hidden": "true", children: " *" })
+    ] }),
+    /* @__PURE__ */ b("div", { className: ["inconel-input-control", d ? "inconel-is-invalid" : "", f ? "inconel-is-disabled" : ""].join(" "), children: [
+      R && /* @__PURE__ */ t("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: R }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ...pe,
+          ref: he,
+          id: m,
+          type: n === "password" || n === "email" ? n : "text",
+          inputMode: v(n) ? "decimal" : n === "phone" ? "tel" : void 0,
+          value: Ie ? J : M,
+          required: V,
+          disabled: f,
+          autoComplete: de,
+          "aria-invalid": !!d,
+          "aria-describedby": je,
+          className: ["inconel-input", A ?? ""].join(" "),
+          onChange: (e) => Ne(e.target.value),
+          onFocus: (e) => {
+            if (f) return;
+            Q(!0);
+            const r = n === "phone" && l ? k(o, l) : v(n) ? String(o ?? "").replace(".", _e(c).decimal) : String(o ?? "");
+            E(r), ne?.(a(o, "focus"), e);
+          },
+          onBlur: (e) => {
+            Q(!1), u.current && clearTimeout(u.current);
+            let r = U(J);
+            typeof r == "number" && (r = De(r, p, te ? le : "floor")), F(g(r));
+            const i = a(r, "blur");
+            _(i, !0), ee?.(i, e);
+          },
+          onKeyDown: (e) => {
+            !K && (e.key === "-" || e.key === "Subtract") && e.preventDefault(), re?.(a(o, "keydown", e.key), e);
+          },
+          onMouseEnter: (e) => oe?.(a(o, "mouseenter"), e),
+          onMouseLeave: (e) => ie?.(a(o, "mouseleave"), e)
+        }
+      ),
+      ae && !f && M && Y && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "inconel-input-clear",
+          "aria-label": Y,
+          onClick: () => {
+            E(""), F(g(null)), _(a(null, "clear"), !0);
+          },
+          children: "×"
+        }
+      ),
+      $ && /* @__PURE__ */ t("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: $ })
+    ] }),
+    /* @__PURE__ */ t(
+      Me,
+      {
+        hint: B,
+        errorMessage: d,
+        hintId: y,
+        errorId: G
+      }
+    )
+  ] });
+});
+export {
+  Ge as default
+};
+//# sourceMappingURL=Input.js.map