inconel 0.1.6 → 0.1.7

package/dist/components/TextEditor/TextEditor.js

@@ -0,0 +1,71 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Editor as k } from "@tinymce/tinymce-react";
+import { useRef as c } from "react";
+import { getMediaContent as y } from "./utils.js";
+/* empty css           */
+import { useInconelAdapters as b } from "../../adapters/context.js";
+function w({
+  value: l = "",
+  onChange: i,
+  apiKey: u,
+  language: d,
+  languageUrl: m,
+  height: p = 500
+}) {
+  const t = b(), a = c(null), o = c(null), f = async () => {
+    const e = a.current;
+    e?.focus(), o.current = e?.selection.getBookmark(2, !0) ?? null;
+    const n = await t.media?.open?.({
+      type: "editor"
+    }), r = y(n);
+    r && (e ? (o.current && e.selection.moveToBookmark(o.current), e.insertContent(r), i?.(e.getContent())) : i?.(`${l} ${r}`.trim()), o.current = null);
+  }, g = d ?? (t.locale ?? "tr-TR").split("-")[0];
+  return /* @__PURE__ */ s("div", { className: "inconel-text-editor", children: /* @__PURE__ */ s(
+    k,
+    {
+      apiKey: u,
+      value: l,
+      onInit: (e, n) => {
+        a.current = n;
+      },
+      onEditorChange: (e) => i?.(e),
+      init: {
+        height: p,
+        language: g,
+        language_url: m,
+        entity_encoding: "raw",
+        plugins: [
+          "anchor",
+          "autolink",
+          "charmap",
+          "codesample",
+          "emoticons",
+          "link",
+          "lists",
+          "searchreplace",
+          "table",
+          "visualblocks",
+          "wordcount"
+        ],
+        toolbar: "undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link table inconelGallery | align lineheight | numlist bullist indent outdent | removeformat",
+        menubar: !1,
+        setup: (e) => {
+          if (!t.media?.open) return;
+          e.ui.registry.addButton("inconelGallery", {
+            text: "Galeri",
+            tooltip: String(
+              t.translate?.("mediaGallery", "Medya galerisi") ?? "Medya galerisi"
+            ),
+            onAction: () => {
+              f();
+            }
+          });
+        }
+      }
+    }
+  ) });
+}
+export {
+  w as TextEditor
+};
+//# sourceMappingURL=TextEditor.js.map

package/dist/components/TextEditor/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport { useRef } from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { getMediaContent, type MediaSelection } from './utils'\nimport './styles.css'\n\ninterface EditorSelection {\n  getBookmark: (type: number, normalized: boolean) => unknown\n  moveToBookmark: (bookmark: unknown) => void\n}\n\ninterface EditorApi {\n  focus: () => void\n  insertContent: (content: string) => void\n  getContent: () => string\n  selection: EditorSelection\n  ui: {\n    registry: {\n      addButton: (\n        name: string,\n        options: { text: string; tooltip: string; onAction: () => void },\n      ) => void\n    }\n  }\n}\n\nexport interface TextEditorProps {\n  value?: string\n  onChange?: (value: string) => void\n  apiKey?: string\n  language?: string\n  languageUrl?: string\n  height?: number\n}\n\nexport function TextEditor({\n  value = '',\n  onChange,\n  apiKey,\n  language,\n  languageUrl,\n  height = 500,\n}: TextEditorProps) {\n  const adapters = useInconelAdapters()\n  const editorRef = useRef<EditorApi | null>(null)\n  const bookmarkRef = useRef<unknown>(null)\n\n  const selectMedia = async () => {\n    const editor = editorRef.current\n    editor?.focus()\n    bookmarkRef.current = editor?.selection.getBookmark(2, true) ?? null\n    const selection = (await adapters.media?.open?.({\n      type: 'editor',\n    })) as MediaSelection | undefined\n    const content = getMediaContent(selection)\n    if (!content) return\n    if (editor) {\n      if (bookmarkRef.current) {\n        editor.selection.moveToBookmark(bookmarkRef.current)\n      }\n      editor.insertContent(content)\n      onChange?.(editor.getContent())\n    } else {\n      onChange?.(`${value} ${content}`.trim())\n    }\n    bookmarkRef.current = null\n  }\n\n  const locale = language ?? (adapters.locale ?? 'tr-TR').split('-')[0]\n\n  return (\n    <div className=\"inconel-text-editor\">\n      <Editor\n        apiKey={apiKey}\n        value={value}\n        onInit={(_event, editor) => {\n          editorRef.current = editor as unknown as EditorApi\n        }}\n        onEditorChange={(content) => onChange?.(content)}\n        init={{\n          height,\n          language: locale,\n          language_url: languageUrl,\n          entity_encoding: 'raw',\n          plugins: [\n            'anchor',\n            'autolink',\n            'charmap',\n            'codesample',\n            'emoticons',\n            'link',\n            'lists',\n            'searchreplace',\n            'table',\n            'visualblocks',\n            'wordcount',\n          ],\n          toolbar:\n            'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link table inconelGallery | align lineheight | numlist bullist indent outdent | removeformat',\n          menubar: false,\n          setup: (editor: unknown) => {\n            if (!adapters.media?.open) return\n            const api = editor as unknown as EditorApi\n            api.ui.registry.addButton('inconelGallery', {\n              text: 'Galeri',\n              tooltip: String(\n                adapters.translate?.('mediaGallery', 'Medya galerisi') ??\n                  'Medya galerisi',\n              ),\n              onAction: () => {\n                void selectMedia()\n              },\n            })\n          },\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["TextEditor","value","onChange","apiKey","language","languageUrl","height","adapters","useInconelAdapters","editorRef","useRef","bookmarkRef","selectMedia","editor","selection","content","getMediaContent","locale","jsx","Editor","_event"],"mappings":";;;;;;AAoCO,SAASA,EAAW;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAoB;AAClB,QAAMC,IAAWC,EAAA,GACXC,IAAYC,EAAyB,IAAI,GACzCC,IAAcD,EAAgB,IAAI,GAElCE,IAAc,YAAY;AAC9B,UAAMC,IAASJ,EAAU;AACzB,IAAAI,GAAQ,MAAA,GACRF,EAAY,UAAUE,GAAQ,UAAU,YAAY,GAAG,EAAI,KAAK;AAChE,UAAMC,IAAa,MAAMP,EAAS,OAAO,OAAO;AAAA,MAC9C,MAAM;AAAA,IAAA,CACP,GACKQ,IAAUC,EAAgBF,CAAS;AACzC,IAAKC,MACDF,KACEF,EAAY,WACdE,EAAO,UAAU,eAAeF,EAAY,OAAO,GAErDE,EAAO,cAAcE,CAAO,GAC5Bb,IAAWW,EAAO,YAAY,KAE9BX,IAAW,GAAGD,CAAK,IAAIc,CAAO,GAAG,MAAM,GAEzCJ,EAAY,UAAU;AAAA,EACxB,GAEMM,IAASb,MAAaG,EAAS,UAAU,SAAS,MAAM,GAAG,EAAE,CAAC;AAEpE,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAhB;AAAA,MACA,OAAAF;AAAA,MACA,QAAQ,CAACmB,GAAQP,MAAW;AAC1B,QAAAJ,EAAU,UAAUI;AAAA,MACtB;AAAA,MACA,gBAAgB,CAACE,MAAYb,IAAWa,CAAO;AAAA,MAC/C,MAAM;AAAA,QACJ,QAAAT;AAAA,QACA,UAAUW;AAAA,QACV,cAAcZ;AAAA,QACd,iBAAiB;AAAA,QACjB,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,SACE;AAAA,QACF,SAAS;AAAA,QACT,OAAO,CAACQ,MAAoB;AAC1B,cAAI,CAACN,EAAS,OAAO,KAAM;AAE3B,UADYM,EACR,GAAG,SAAS,UAAU,kBAAkB;AAAA,YAC1C,MAAM;AAAA,YACN,SAAS;AAAA,cACPN,EAAS,YAAY,gBAAgB,gBAAgB,KACnD;AAAA,YAAA;AAAA,YAEJ,UAAU,MAAM;AACd,cAAKK,EAAA;AAAA,YACP;AAAA,UAAA,CACD;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/TextEditor/utils.js

@@ -0,0 +1,15 @@
+function s(a) {
+  return a?.split("/")[1]?.replace(/[^a-z0-9]/gi, "") || "file";
+}
+function f(a) {
+  if (!a) return "";
+  const { fileType: r, url: n, mimeType: m, originalName: l, data: e = {} } = a, t = n ?? (e.domain && e.path && e.sizes?.large?.fileName ? `${e.domain}/${e.path}/${e.sizes.large.fileName}` : ""), i = n ?? (e.domain && e.path && e.fileName ? `${e.domain}/${e.path}/${e.fileName}` : "");
+  if ((r === "image" || e.isImage) && t)
+    return `<img class="image" src="${t}" />`;
+  const o = e.type ?? s(m);
+  return i ? `<a class="download ${o}" href="${i}">${l ?? i}</a>` : "";
+}
+export {
+  f as getMediaContent
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/TextEditor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/TextEditor/utils.ts"],"sourcesContent":["export interface MediaSelection {\n  fileType?: string\n  url?: string\n  mimeType?: string\n  originalName?: string\n  data?: {\n    isImage?: boolean\n    domain?: string\n    path?: string\n    sizes?: { large?: { fileName?: string } }\n    fileName?: string\n    type?: string\n  }\n}\n\nfunction extensionFromMimeType(mimeType?: string) {\n  return mimeType?.split('/')[1]?.replace(/[^a-z0-9]/gi, '') || 'file'\n}\n\nexport function getMediaContent(selection?: MediaSelection) {\n  if (!selection) return ''\n  const { fileType, url, mimeType, originalName, data = {} } = selection\n  const imageUrl =\n    url ??\n    (data.domain && data.path && data.sizes?.large?.fileName\n      ? `${data.domain}/${data.path}/${data.sizes.large.fileName}`\n      : '')\n  const fileUrl =\n    url ??\n    (data.domain && data.path && data.fileName\n      ? `${data.domain}/${data.path}/${data.fileName}`\n      : '')\n  if ((fileType === 'image' || data.isImage) && imageUrl) {\n    return `<img class=\"image\" src=\"${imageUrl}\" />`\n  }\n  const extension = data.type ?? extensionFromMimeType(mimeType)\n  return fileUrl\n    ? `<a class=\"download ${extension}\" href=\"${fileUrl}\">${originalName ?? fileUrl}</a>`\n    : ''\n}\n"],"names":["extensionFromMimeType","mimeType","getMediaContent","selection","fileType","url","originalName","data","imageUrl","fileUrl","extension"],"mappings":"AAeA,SAASA,EAAsBC,GAAmB;AAChD,SAAOA,GAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ,eAAe,EAAE,KAAK;AAChE;AAEO,SAASC,EAAgBC,GAA4B;AAC1D,MAAI,CAACA,EAAW,QAAO;AACvB,QAAM,EAAE,UAAAC,GAAU,KAAAC,GAAK,UAAAJ,GAAU,cAAAK,GAAc,MAAAC,IAAO,CAAA,MAAOJ,GACvDK,IACJH,MACCE,EAAK,UAAUA,EAAK,QAAQA,EAAK,OAAO,OAAO,WAC5C,GAAGA,EAAK,MAAM,IAAIA,EAAK,IAAI,IAAIA,EAAK,MAAM,MAAM,QAAQ,KACxD,KACAE,IACJJ,MACCE,EAAK,UAAUA,EAAK,QAAQA,EAAK,WAC9B,GAAGA,EAAK,MAAM,IAAIA,EAAK,IAAI,IAAIA,EAAK,QAAQ,KAC5C;AACN,OAAKH,MAAa,WAAWG,EAAK,YAAYC;AAC5C,WAAO,2BAA2BA,CAAQ;AAE5C,QAAME,IAAYH,EAAK,QAAQP,EAAsBC,CAAQ;AAC7D,SAAOQ,IACH,sBAAsBC,CAAS,WAAWD,CAAO,KAAKH,KAAgBG,CAAO,SAC7E;AACN;"}

package/dist/components/TextInput/TextInput.js

@@ -0,0 +1,6 @@
+import t from "../Input/Input.js";
+const p = t;
+export {
+  p as TextInput
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import Input, { type InputProps } from '../Input/Input'\n\nexport type TextInputProps = InputProps\nexport const TextInput = Input\n"],"names":["TextInput","Input"],"mappings":";AAGO,MAAMA,IAAYC;"}

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

@@ -1,9 +1,11 @@
 import { TextareaHTMLAttributes } from 'react';
 import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
+import { ControlSize } from '../shared/types';
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldFeedbackContentProps {
     label?: string;
     fullWidth?: boolean;
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    size?: ControlSize;
 }
 declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,qBAAqB,CAAA;AAC5B,OAAO,8BAA8B,CAAA;AACrC,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aACf,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,yBAAyB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;CACrD;AAED,QAAA,MAAM,QAAQ,+GAqEb,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,qBAAqB,CAAA;AAC5B,OAAO,8BAA8B,CAAA;AACrC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aACf,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,yBAAyB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IACpD,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,+GAuEb,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,77 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { forwardRef as y, useId as $ } from "react";
+import B from "../FieldFeedback/FieldFeedback.js";
+/* empty css                  */
+/* empty css                           */
+/* empty css                  */
+/* empty css           */
+const A = y(
+  function({
+    id: c,
+    label: a,
+    hint: o,
+    errorMessage: i,
+    fullWidth: s = !1,
+    resize: m = "vertical",
+    size: f = "md",
+    className: p,
+    required: t,
+    disabled: x,
+    "aria-describedby": b,
+    style: h,
+    ...v
+  }, j) {
+    const u = $(), e = c ?? `inconel-textarea-${u.replace(/:/g, "")}`, d = `${e}-hint`, l = `${e}-error`, I = [
+      b,
+      o && !i ? d : void 0,
+      i ? l : void 0
+    ].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: [
+          "inconel-field",
+          `inconel-size-${f}`,
+          s ? "inconel-field--full-width" : "",
+          p ?? ""
+        ].join(" "),
+        children: [
+          a && /* @__PURE__ */ r("label", { className: "inconel-field__label", htmlFor: e, children: [
+            a,
+            t && /* @__PURE__ */ n("span", { "aria-hidden": "true", children: " *" })
+          ] }),
+          /* @__PURE__ */ n(
+            "textarea",
+            {
+              ...v,
+              ref: j,
+              id: e,
+              required: t,
+              disabled: x,
+              "aria-invalid": !!i,
+              "aria-describedby": I,
+              className: [
+                "inconel-textarea",
+                i ? "inconel-is-invalid" : ""
+              ].join(" "),
+              style: { ...h, resize: m }
+            }
+          ),
+          /* @__PURE__ */ n(
+            B,
+            {
+              hint: o,
+              errorMessage: i,
+              hintId: d,
+              errorId: l
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  A as default
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type TextareaHTMLAttributes,\n} from 'react'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\n\nexport interface TextareaProps\n  extends TextareaHTMLAttributes<HTMLTextAreaElement>,\n    FieldFeedbackContentProps {\n  label?: string\n  fullWidth?: boolean\n  resize?: 'none' | 'vertical' | 'horizontal' | 'both'\n  size?: ControlSize\n}\n\nconst Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      id,\n      label,\n      hint,\n      errorMessage,\n      fullWidth = false,\n      resize = 'vertical',\n      size = 'md',\n      className,\n      required,\n      disabled,\n      'aria-describedby': ariaDescribedBy,\n      style,\n      ...textareaProps\n    },\n    ref,\n  ) {\n    const generatedId = useId()\n    const textareaId =\n      id ?? `inconel-textarea-${generatedId.replace(/:/g, '')}`\n    const hintId = `${textareaId}-hint`\n    const errorId = `${textareaId}-error`\n    const describedBy =\n      [\n        ariaDescribedBy,\n        hint && !errorMessage ? hintId : undefined,\n        errorMessage ? errorId : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined\n\n    return (\n      <div\n        className={[\n          'inconel-field',\n          `inconel-size-${size}`,\n          fullWidth ? 'inconel-field--full-width' : '',\n          className ?? '',\n        ].join(' ')}\n      >\n        {label && (\n          <label className=\"inconel-field__label\" htmlFor={textareaId}>\n            {label}\n            {required && <span aria-hidden=\"true\"> *</span>}\n          </label>\n        )}\n        <textarea\n          {...textareaProps}\n          ref={ref}\n          id={textareaId}\n          required={required}\n          disabled={disabled}\n          aria-invalid={Boolean(errorMessage)}\n          aria-describedby={describedBy}\n          className={[\n            'inconel-textarea',\n            errorMessage ? 'inconel-is-invalid' : '',\n          ].join(' ')}\n          style={{ ...style, resize }}\n        />\n        <FieldFeedback\n          hint={hint}\n          errorMessage={errorMessage}\n          hintId={hintId}\n          errorId={errorId}\n        />\n      </div>\n    )\n  },\n)\n\nexport default Textarea\n"],"names":["Textarea","forwardRef","id","label","hint","errorMessage","fullWidth","resize","size","className","required","disabled","ariaDescribedBy","style","textareaProps","ref","generatedId","useId","textareaId","hintId","errorId","describedBy","jsxs","jsx","FieldFeedback"],"mappings":";;;;;;;AAuBA,MAAMA,IAAWC;AAAA,EACf,SACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAcC,EAAA,GACdC,IACJhB,KAAM,oBAAoBc,EAAY,QAAQ,MAAM,EAAE,CAAC,IACnDG,IAAS,GAAGD,CAAU,SACtBE,IAAU,GAAGF,CAAU,UACvBG,IACJ;AAAA,MACET;AAAA,MACAR,KAAQ,CAACC,IAAec,IAAS;AAAA,MACjCd,IAAee,IAAU;AAAA,IAAA,EAExB,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,gBAAgBd,CAAI;AAAA,UACpBF,IAAY,8BAA8B;AAAA,UAC1CG,KAAa;AAAA,QAAA,EACb,KAAK,GAAG;AAAA,QAET,UAAA;AAAA,UAAAN,KACC,gBAAAmB,EAAC,SAAA,EAAM,WAAU,wBAAuB,SAASJ,GAC9C,UAAA;AAAA,YAAAf;AAAA,YACAO,KAAY,gBAAAa,EAAC,QAAA,EAAK,eAAY,QAAO,UAAA,KAAA,CAAE;AAAA,UAAA,GAC1C;AAAA,UAEF,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAGT;AAAA,cACJ,KAAAC;AAAA,cACA,IAAIG;AAAA,cACJ,UAAAR;AAAA,cACA,UAAAC;AAAA,cACA,gBAAc,EAAQN;AAAA,cACtB,oBAAkBgB;AAAA,cAClB,WAAW;AAAA,gBACT;AAAA,gBACAhB,IAAe,uBAAuB;AAAA,cAAA,EACtC,KAAK,GAAG;AAAA,cACV,OAAO,EAAE,GAAGQ,GAAO,QAAAN,EAAA;AAAA,YAAO;AAAA,UAAA;AAAA,UAE5B,gBAAAgB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAApB;AAAA,cACA,cAAAC;AAAA,cACA,QAAAc;AAAA,cACA,SAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { classNames as p } from "../shared/classNames.js";
+/* empty css           */
+function a({
+  content: o,
+  children: t,
+  placement: n = "top",
+  className: i
+}) {
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      className: p(
+        "inconel-tooltip",
+        `inconel-tooltip--${n}`,
+        i
+      ),
+      children: [
+        t,
+        /* @__PURE__ */ e("span", { className: "inconel-tooltip__content", role: "tooltip", children: o })
+      ]
+    }
+  );
+}
+export {
+  a as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface TooltipProps {\n  content: ReactNode\n  children: ReactElement\n  placement?: 'top' | 'right' | 'bottom' | 'left'\n  className?: string\n}\n\nexport function Tooltip({\n  content,\n  children,\n  placement = 'top',\n  className,\n}: TooltipProps) {\n  return (\n    <span\n      className={classNames(\n        'inconel-tooltip',\n        `inconel-tooltip--${placement}`,\n        className,\n      )}\n    >\n      {children}\n      <span className=\"inconel-tooltip__content\" role=\"tooltip\">\n        {content}\n      </span>\n    </span>\n  )\n}\n"],"names":["Tooltip","content","children","placement","className","jsxs","classNames"],"mappings":";;;AAYO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AACF,GAAiB;AACf,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA,oBAAoBH,CAAS;AAAA,QAC7BC;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF;AAAA,0BACA,QAAA,EAAK,WAAU,4BAA2B,MAAK,WAC7C,UAAAD,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/shared/classNames.js

@@ -0,0 +1,7 @@
+function n(...e) {
+  return e.filter(Boolean).join(" ");
+}
+export {
+  n as classNames
+};
+//# sourceMappingURL=classNames.js.map

package/dist/components/shared/classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.js","sources":["../../../src/components/shared/classNames.ts"],"sourcesContent":["export function classNames(\n  ...values: Array<string | false | null | undefined>\n) {\n  return values.filter(Boolean).join(' ')\n}\n"],"names":["classNames","values"],"mappings":"AAAO,SAASA,KACXC,GACH;AACA,SAAOA,EAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;"}

package/dist/components/shared/types.d.ts

@@ -0,0 +1,2 @@
+export type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+//# sourceMappingURL=types.d.ts.map

package/dist/components/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/shared/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA"}

package/dist/hooks/useOnClickOutside.js

@@ -0,0 +1,15 @@
+import { useEffect as r } from "react";
+function s(e, n) {
+  r(() => {
+    const t = (o) => {
+      !e.current || e.current.contains(o.target) || n(o);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    };
+  }, [n, e]);
+}
+export {
+  s as default
+};
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react'\n\nexport default function useOnClickOutside(\n  ref: RefObject<HTMLElement | null>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) return\n      handler(event)\n    }\n    document.addEventListener('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, ref])\n}\n"],"names":["useOnClickOutside","ref","handler","useEffect","listener","event"],"mappings":";AAEA,SAAwBA,EACtBC,GACAC,GACA;AACA,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,CAACC,MAAmC;AACnD,MAAI,CAACJ,EAAI,WAAWA,EAAI,QAAQ,SAASI,EAAM,MAAc,KAC7DH,EAAQG,CAAK;AAAA,IACf;AACA,oBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GACzC,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAACF,GAASD,CAAG,CAAC;AACnB;"}