mimir-ui-kit 1.38.21 → 1.38.23

package/dist/components/SelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { ESelectSearchSize as r } from "./constants.js";
-import "../../Input-BYrIS5GU.js";
+import "../../Input-CQ7LgZWK.js";
 import { EInputSize as t } from "../Input/constants.js";
 const c = (o) => {
   switch (o) {

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-BYrIS5GU.js";
+import { c as e } from "../../Input-CQ7LgZWK.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as S } from "../Input-BYrIS5GU.js";
+import { I as S } from "../Input-CQ7LgZWK.js";
 import { EInputSize as E, EInputStatus as l, EInputVariant as u } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./TextArea/constants.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as s } from "./Input-BYrIS5GU.js";
+import { I as s } from "./Input-CQ7LgZWK.js";
 import { EInputSize as S, EInputStatus as l, EInputVariant as E } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./components/TextArea/constants.js";

package/dist/types/index.d.ts

@@ -1 +1 @@
-export type { Props, PolymorphicRef, ComponentCustomProps } from './propsWithAs';
+export type { Props, PolymorphicRef } from './propsWithAs';

package/dist/types/propsWithAs.d.ts

@@ -1,16 +1,15 @@
-import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, JSXElementConstructor } from 'react';
 
 export type PropsOf<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, ComponentPropsWithoutRef<C>>;
 type AsProp<C extends ElementType> = {
     as?: C;
 };
-export type ExtendableProps<ExtendedProps = NonNullable<unknown>, OverrideProps = NonNullable<unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
-export type InheritableElementProps<C extends ElementType, Props = NonNullable<unknown>> = ExtendableProps<PropsOf<C>, Props>;
-export type PolymorphicComponentProps<C extends ElementType, Props = NonNullable<unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+export type ExtendableProps<ExtendedProps = object, OverrideProps = object> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export type InheritableElementProps<C extends ElementType, Props = object> = ExtendableProps<PropsOf<C>, Props>;
+export type PolymorphicComponentProps<C extends ElementType, Props = object> = InheritableElementProps<C, Props & AsProp<C>>;
 export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
-export type PolymorphicComponentPropsWithRef<C extends ElementType, Props = NonNullable<unknown>> = PolymorphicComponentProps<C, Props> & {
+export type PolymorphicComponentPropsWithRef<C extends ElementType, Props extends object> = PolymorphicComponentProps<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
-export type Props<C extends ElementType, P> = PolymorphicComponentPropsWithRef<C, P>;
-export type ComponentCustomProps = <C extends ElementType = 'span', P = NonNullable<unknown>>(props: Props<C, P>) => ReactElement | ReactNode;
+export type Props<C extends ElementType, P extends object> = PolymorphicComponentPropsWithRef<C, P>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.38.21",
+  "version": "1.38.23",
   "type": "module",
   "exports": {
     ".": {
@@ -22,6 +22,9 @@
     },
     "./styles": {
       "default": "./dist/assets/index.css"
+    },
+    "./types": {
+      "types": "./dist/index.d.ts"
     }
   },
   "module": "./dist/index.js",

package/dist/Input-BYrIS5GU.js

@@ -1,225 +0,0 @@
-import { jsxs as V, jsx as n, Fragment as Z } from "react/jsx-runtime";
-import { c as o } from "./index-DIxK0V-G.js";
-import { memo as $, forwardRef as ee, useState as B, useRef as se, useEffect as R } from "react";
-import { EInputVariant as te } from "./components/Input/constants.js";
-import { useMergeRefs as ae } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as le } from "./icons/Icon.js";
-import { Button as re } from "./components/Button/Button.js";
-import './assets/Input.css';const oe = "_label_zg2ds_27", ne = "_input_zg2ds_3", de = "_focused_zg2ds_82", ce = "_disabled_zg2ds_88", ie = "_clear_zg2ds_130", ue = "_s_zg2ds_181", _e = "_m_zg2ds_196", me = "_l_zg2ds_27", fe = "_success_zg2ds_252", pe = "_alarm_zg2ds_272", ge = "_error_zg2ds_292", e = {
-  "input-wrapper": "_input-wrapper_zg2ds_3",
-  "required-mark": "_required-mark_zg2ds_17",
-  label: oe,
-  "has-left-slot": "_has-left-slot_zg2ds_42",
-  "active-label": "_active-label_zg2ds_45",
-  input: ne,
-  "has-right-slot": "_has-right-slot_zg2ds_79",
-  focused: de,
-  "has-label": "_has-label_zg2ds_85",
-  disabled: ce,
-  "addon-icon": "_addon-icon_zg2ds_94",
-  "left-slot": "_left-slot_zg2ds_98",
-  "right-slot": "_right-slot_zg2ds_99",
-  clear: ie,
-  s: ue,
-  m: _e,
-  l: me,
-  "default-gray": "_default-gray_zg2ds_225",
-  "default-white": "_default-white_zg2ds_237",
-  success: fe,
-  alarm: pe,
-  error: ge
-}, L = (s) => {
-  var m, a;
-  if (!s)
-    return null;
-  switch (s.addonType) {
-    case "icon": {
-      const f = (m = s.addonContent) == null ? void 0 : m.includes("16px"), b = (a = s.addonContent) == null ? void 0 : a.includes("24px");
-      return /* @__PURE__ */ n(
-        le,
-        {
-          style: {
-            "--icon-size": o({
-              "16px": f,
-              "24px": b
-            })
-          },
-          className: e["addon-icon"],
-          iconName: s.addonContent
-        }
-      );
-    }
-    case "text":
-      return s.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ n(Z, { children: s.addonContent });
-    default:
-      return null;
-  }
-}, he = $(
-  ee(
-    (s, m) => {
-      const {
-        value: a,
-        className: f,
-        wrapperClassName: b,
-        rightSlotClassName: j,
-        requiredMarkClassName: D,
-        variant: q = te.DefaultGray,
-        type: E = "text",
-        autofocus: z,
-        readonly: d,
-        id: A,
-        onFocus: N,
-        onBlur: x,
-        label: u,
-        withClearButton: M,
-        disabled: t,
-        onChange: c,
-        rightAddon: O,
-        status: F,
-        leftAddon: S,
-        size: C = "m",
-        numbersOnly: T,
-        required: y,
-        maxLength: v,
-        autocomplete: G = "on",
-        ...P
-      } = s, [_, w] = B(z), [p, g] = B(!!a), i = se(null), W = ae(i, m);
-      R(() => {
-        z && w(!0);
-      }, [z]), R(() => {
-        g(!!a);
-      }, [a]);
-      const H = (l) => {
-        const r = l.currentTarget.value;
-        x == null || x(l), w(!1), g(!!r);
-      }, J = (l) => {
-        d || (w(!0), N == null || N(l));
-      }, K = () => {
-        i != null && i.current && (i.current.value = "", i.current.focus(), g(!1), c == null || c({
-          target: { value: "" }
-        }));
-      }, Q = (l) => {
-        let r = l.target.value;
-        T && (r = r.replace(/\D/g, "")), v !== void 0 && (r = r.slice(0, v)), l.target.value = r, c == null || c(l), g(!!r);
-      }, h = L(S), I = L(O), U = {
-        [e.readonly]: t || d,
-        [e.focused]: _,
-        [e.disabled]: t || d,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!h,
-        [e["has-right-slot"]]: !!I
-      }, k = _ || p || !!a, X = o(e.label, f, e[C], {
-        [e["active-label"]]: k,
-        [e.disabled]: t || d,
-        [e["has-left-slot"]]: !!h
-      }), Y = o(e.input, U, f, [
-        e[q],
-        e[F ?? ""],
-        e[C]
-      ]);
-      return /* @__PURE__ */ V(
-        "div",
-        {
-          className: o(
-            e["input-wrapper"],
-            e[q],
-            e[F ?? ""],
-            e[C],
-            {
-              [e.disabled]: t || d,
-              [e.focused]: _
-            },
-            b
-          ),
-          children: [
-            u && /* @__PURE__ */ V("label", { htmlFor: A, className: X, children: [
-              u,
-              y && (p || _) && /* @__PURE__ */ n(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            h && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o(e["left-slot"], {
-                  [e.focused]: k,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: h
-              }
-            ),
-            /* @__PURE__ */ n(
-              "input",
-              {
-                ref: W,
-                type: E,
-                id: A,
-                className: Y,
-                onFocus: J,
-                onBlur: H,
-                readOnly: d,
-                value: a,
-                onChange: Q,
-                maxLength: v,
-                disabled: t,
-                required: y,
-                autoComplete: G,
-                ...P
-              }
-            ),
-            I && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o(e["right-slot"], j, {
-                  [e.focused]: k,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: I
-              }
-            ),
-            y && !p && !_ && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o(
-                  e["required-mark"],
-                  D
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            M && p && /* @__PURE__ */ n(
-              re,
-              {
-                tabIndex: -1,
-                className: o(e.clear, {
-                  [e.disabled]: t
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: t || d,
-                variant: "secondary-gray",
-                onClick: K,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-he.displayName = "Input";
-export {
-  he as I,
-  e as c
-};