mimir-ui-kit 1.33.2 → 1.34.1-t

package/dist/components/Button/Button.js

@@ -1,107 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef } from "react";
-import { EButtonVariantDefault, EButtonForm } from "./constants.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/Button.css';const button = "_button_1qrs0_2";
-const clear = "_clear_1qrs0_42";
-const black = "_black_1qrs0_120";
-const gray = "_gray_1qrs0_129";
-const white = "_white_1qrs0_138";
-const xs = "_xs_1qrs0_236";
-const s = "_s_1qrs0_72";
-const m = "_m_1qrs0_244";
-const l = "_l_1qrs0_268";
-const xl = "_xl_1qrs0_276";
-const xxl = "_xxl_1qrs0_285";
-const full = "_full_1qrs0_294";
-const disabled = "_disabled_1qrs0_300";
-const cls = {
-  button,
-  clear,
-  "default-button": "_default-button_1qrs0_54",
-  "primary-sapphire": "_primary-sapphire_1qrs0_54",
-  "primary-citrine": "_primary-citrine_1qrs0_63",
-  "secondary-asphalt": "_secondary-asphalt_1qrs0_72",
-  "secondary-gray": "_secondary-gray_1qrs0_81",
-  "secondary-white": "_secondary-white_1qrs0_90",
-  "secondary-red": "_secondary-red_1qrs0_99",
-  "round-button": "_round-button_1qrs0_109",
-  black,
-  gray,
-  white,
-  "outline-button": "_outline-button_1qrs0_148",
-  "outline-asphalt": "_outline-asphalt_1qrs0_155",
-  "outline-gray": "_outline-gray_1qrs0_163",
-  "outline-white": "_outline-white_1qrs0_172",
-  "outline-red": "_outline-red_1qrs0_181",
-  "borderless-button": "_borderless-button_1qrs0_191",
-  "borderless-asphalt": "_borderless-asphalt_1qrs0_197",
-  "borderless-gray": "_borderless-gray_1qrs0_202",
-  "borderless-white": "_borderless-white_1qrs0_207",
-  "borderless-red": "_borderless-red_1qrs0_212",
-  xs,
-  "m-s": "_m-s_1qrs0_244",
-  s,
-  m,
-  l,
-  xl,
-  xxl,
-  full,
-  disabled,
-  "icon-button": "_icon-button_1qrs0_320"
-};
-const Button = forwardRef(
-  (props, ref) => {
-    const {
-      size = "m",
-      variant = EButtonVariantDefault.PrimarySapphire,
-      form = EButtonForm.DefaultButton,
-      full: full2,
-      clear: clear2,
-      isIconButton = false,
-      iconName,
-      children,
-      className,
-      formId,
-      type = "button",
-      rightIcon,
-      leftIcon,
-      disabled: disabled2,
-      ...otherProps
-    } = props;
-    const mods = {
-      [cls.full]: full2 && !clear2,
-      [cls.disabled]: disabled2 && !clear2,
-      [cls.clear]: clear2,
-      [cls[variant ?? ""]]: !disabled2 || clear2,
-      [cls["icon-button"]]: isIconButton
-    };
-    const buttonClassNames = classNames(
-      className,
-      cls.button,
-      mods,
-      clear2 ? [] : [cls[form ?? ""], cls[size]]
-    );
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type,
-        form: formId,
-        ...otherProps,
-        disabled: disabled2,
-        ref,
-        className: buttonClassNames,
-        children: [
-          leftIcon,
-          isIconButton ? /* @__PURE__ */ jsx(Icon, { iconName }) : children,
-          rightIcon
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-export {
-  Button
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/Button.css');const s=require("react/jsx-runtime"),B=require("../../index-gDmAUrkZ.cjs"),I=require("react"),n=require("./constants.js"),N=require("../../icons/Icon.js"),q="_button_1kw2t_2",j="_clear_1kw2t_42",P="_black_1kw2t_120",R="_gray_1kw2t_129",S="_white_1kw2t_138",v="_xs_1kw2t_236",D="_s_1kw2t_72",E="_m_1kw2t_244",z="_l_1kw2t_268",C="_xl_1kw2t_276",F="_xxl_1kw2t_285",M="_full_1kw2t_294",O="_disabled_1kw2t_300",t={button:q,clear:j,"default-button":"_default-button_1kw2t_54","primary-sapphire":"_primary-sapphire_1kw2t_54","primary-citrine":"_primary-citrine_1kw2t_63","secondary-asphalt":"_secondary-asphalt_1kw2t_72","secondary-gray":"_secondary-gray_1kw2t_81","secondary-white":"_secondary-white_1kw2t_90","secondary-red":"_secondary-red_1kw2t_99","round-button":"_round-button_1kw2t_109",black:P,gray:R,white:S,"outline-button":"_outline-button_1kw2t_148","outline-asphalt":"_outline-asphalt_1kw2t_155","outline-gray":"_outline-gray_1kw2t_163","outline-white":"_outline-white_1kw2t_172","outline-red":"_outline-red_1kw2t_181","borderless-button":"_borderless-button_1kw2t_191","borderless-asphalt":"_borderless-asphalt_1kw2t_197","borderless-gray":"_borderless-gray_1kw2t_202","borderless-white":"_borderless-white_1kw2t_207","borderless-red":"_borderless-red_1kw2t_212",xs:v,"m-s":"_m-s_1kw2t_244",s:D,m:E,l:z,xl:C,xxl:F,full:M,disabled:O,"icon-button":"_icon-button_1kw2t_320"},r=I.forwardRef((a,l)=>{const{size:c="m",variant:i=n.EButtonVariantDefault.PrimarySapphire,form:u=n.EButtonForm.DefaultButton,full:d,clear:e,isIconButton:_=!1,iconName:w,children:b,className:k,formId:y,type:m="button",rightIcon:h,leftIcon:p,disabled:o,...f}=a,x={[t.full]:d&&!e,[t.disabled]:o&&!e,[t.clear]:e,[t[i??""]]:!o||e,[t["icon-button"]]:_},g=B.classNames(k,t.button,x,e?[]:[t[u??""],t[c]]);return s.jsxs("button",{type:m,form:y,...f,disabled:o,ref:l,className:g,children:[p,_?s.jsx(N.Icon,{iconName:w}):b,h]})});r.displayName="Button";exports.Button=r;

package/dist/components/Button/constants.js

@@ -1,54 +1 @@
-var EButtonVariantDefault = /* @__PURE__ */ ((EButtonVariantDefault2) => {
-  EButtonVariantDefault2["PrimarySapphire"] = "primary-sapphire";
-  EButtonVariantDefault2["PrimaryCitrine"] = "primary-citrine";
-  EButtonVariantDefault2["SecondaryAsphalt"] = "secondary-asphalt";
-  EButtonVariantDefault2["SecondaryGray"] = "secondary-gray";
-  EButtonVariantDefault2["SecondaryWhite"] = "secondary-white";
-  EButtonVariantDefault2["SecondaryRed"] = "secondary-red";
-  return EButtonVariantDefault2;
-})(EButtonVariantDefault || {});
-var EButtonVariantRound = /* @__PURE__ */ ((EButtonVariantRound2) => {
-  EButtonVariantRound2["Black"] = "black";
-  EButtonVariantRound2["Gray"] = "gray";
-  EButtonVariantRound2["White"] = "white";
-  return EButtonVariantRound2;
-})(EButtonVariantRound || {});
-var EButtonVariantOutline = /* @__PURE__ */ ((EButtonVariantOutline2) => {
-  EButtonVariantOutline2["Asphalt"] = "outline-asphalt";
-  EButtonVariantOutline2["Gray"] = "outline-gray";
-  EButtonVariantOutline2["White"] = "outline-white";
-  EButtonVariantOutline2["Red"] = "outline-red";
-  return EButtonVariantOutline2;
-})(EButtonVariantOutline || {});
-var EButtonVariantBorderless = /* @__PURE__ */ ((EButtonVariantBorderless2) => {
-  EButtonVariantBorderless2["Asphalt"] = "borderless-asphalt";
-  EButtonVariantBorderless2["Gray"] = "borderless-gray";
-  EButtonVariantBorderless2["White"] = "borderless-white";
-  EButtonVariantBorderless2["Red"] = "borderless-red";
-  return EButtonVariantBorderless2;
-})(EButtonVariantBorderless || {});
-var EButtonSize = /* @__PURE__ */ ((EButtonSize2) => {
-  EButtonSize2["XS"] = "xs";
-  EButtonSize2["S"] = "s";
-  EButtonSize2["M"] = "m";
-  EButtonSize2["L"] = "l";
-  EButtonSize2["XL"] = "xl";
-  EButtonSize2["XXL"] = "xxl";
-  EButtonSize2["MS"] = "m-s";
-  return EButtonSize2;
-})(EButtonSize || {});
-var EButtonForm = /* @__PURE__ */ ((EButtonForm2) => {
-  EButtonForm2["DefaultButton"] = "default-button";
-  EButtonForm2["RoundButton"] = "round-button";
-  EButtonForm2["OutlineButton"] = "outline-button";
-  EButtonForm2["BorderlessButton"] = "borderless-button";
-  return EButtonForm2;
-})(EButtonForm || {});
-export {
-  EButtonForm,
-  EButtonSize,
-  EButtonVariantBorderless,
-  EButtonVariantDefault,
-  EButtonVariantOutline,
-  EButtonVariantRound
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.PrimarySapphire="primary-sapphire",r.PrimaryCitrine="primary-citrine",r.SecondaryAsphalt="secondary-asphalt",r.SecondaryGray="secondary-gray",r.SecondaryWhite="secondary-white",r.SecondaryRed="secondary-red",r))(e||{}),s=(r=>(r.Black="black",r.Gray="gray",r.White="white",r))(s||{}),d=(r=>(r.Asphalt="outline-asphalt",r.Gray="outline-gray",r.White="outline-white",r.Red="outline-red",r))(d||{}),y=(r=>(r.Asphalt="borderless-asphalt",r.Gray="borderless-gray",r.White="borderless-white",r.Red="borderless-red",r))(y||{}),a=(r=>(r.XS="xs",r.S="s",r.M="m",r.L="l",r.XL="xl",r.XXL="xxl",r.MS="m-s",r))(a||{}),l=(r=>(r.DefaultButton="default-button",r.RoundButton="round-button",r.OutlineButton="outline-button",r.BorderlessButton="borderless-button",r))(l||{});exports.EButtonForm=l;exports.EButtonSize=a;exports.EButtonVariantBorderless=y;exports.EButtonVariantDefault=e;exports.EButtonVariantOutline=d;exports.EButtonVariantRound=s;

package/dist/components/Button/index.js

@@ -1,11 +1 @@
-import { Button } from "./Button.js";
-import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./constants.js";
-export {
-  Button,
-  EButtonForm,
-  EButtonSize,
-  EButtonVariantBorderless,
-  EButtonVariantDefault,
-  EButtonVariantOutline,
-  EButtonVariantRound
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Button.js"),t=require("./constants.js");exports.Button=n.Button;exports.EButtonForm=t.EButtonForm;exports.EButtonSize=t.EButtonSize;exports.EButtonVariantBorderless=t.EButtonVariantBorderless;exports.EButtonVariantDefault=t.EButtonVariantDefault;exports.EButtonVariantOutline=t.EButtonVariantOutline;exports.EButtonVariantRound=t.EButtonVariantRound;

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,71 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H, c as o$1 } from "../../keyboard-B256ZoM-.js";
-import React__default, { useId, useState, useMemo, useCallback, forwardRef, useEffect } from "react";
-import { w } from "../../use-active-press-B6yeSopF.js";
-import { u, a, b as l, T, I, G, j, p as p$1, K } from "../../label-P7Xsi5N7.js";
-import { r } from "../../bugs-CSBdWk0R.js";
-import { H as H$1 } from "../../field-bS4z9Sdl.js";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/CheckboxMimir.css';let se = "span";
-function ie(T$1, h) {
-  let C = useId(), k = u(), x = a(), { id: g = k || `headlessui-checkbox-${C}`, disabled: e = x || false, autoFocus: s = false, checked: E, defaultChecked: v, onChange: P, name: d, value: D$1, form: R, indeterminate: n = false, ...A } = T$1, r$1 = l(v), [a$1, t] = T(E, P, r$1 != null ? r$1 : false), F = I(), K2 = G(), _ = p(), [p$2, c] = useState(false), u$1 = o(() => {
-    c(true), t == null || t(!a$1), _.nextFrame(() => {
-      c(false);
-    });
-  }), H$12 = o((o2) => {
-    if (r(o2.currentTarget)) return o2.preventDefault();
-    o2.preventDefault(), u$1();
-  }), B = o((o2) => {
-    o2.key === o$1.Space ? (o2.preventDefault(), u$1()) : o2.key === o$1.Enter && p$1(o2.currentTarget);
-  }), L = o((o2) => o2.preventDefault()), { isFocusVisible: m, focusProps: I$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: s }), { isHovered: f, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: e }), { pressed: b, pressProps: U } = w({ disabled: e }), O = D({ ref: h, id: g, role: "checkbox", "aria-checked": n ? "mixed" : a$1 ? "true" : "false", "aria-labelledby": F, "aria-describedby": K2, "aria-disabled": e ? true : void 0, indeterminate: n ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : B, onKeyPress: e ? void 0 : L, onClick: e ? void 0 : H$12 }, I$1, M, U), X = useMemo(() => ({ checked: a$1, disabled: e, hover: f, focus: m, active: b, indeterminate: n, changing: p$2, autofocus: s }), [a$1, n, e, f, m, b, p$2, s]), G$1 = useCallback(() => {
-    if (r$1 !== void 0) return t == null ? void 0 : t(r$1);
-  }, [t, r$1]);
-  return React__default.createElement(React__default.Fragment, null, d != null && React__default.createElement(j, { disabled: e, data: { [d]: D$1 || "on" }, overrides: { type: "checkbox", checked: a$1 }, form: R, onReset: G$1 }), H({ ourProps: O, theirProps: A, slot: X, defaultTag: se, name: "Checkbox" }));
-}
-let Re = W(ie);
-const container = "_container_ktju1_2";
-const checkbox = "_checkbox_ktju1_8";
-const label = "_label_ktju1_27";
-const enabled = "_enabled_ktju1_31";
-const cls = {
-  container,
-  checkbox,
-  label,
-  enabled
-};
-const CheckboxMimir = forwardRef(
-  (props, ref) => {
-    const { checked, onChange, children, id, ...restProps } = props;
-    const [enabled2, setEnabled] = useState(checked ?? false);
-    const handleChange = (value) => {
-      setEnabled(value);
-      onChange == null ? void 0 : onChange(value);
-    };
-    useEffect(() => {
-      if (checked !== void 0) {
-        setEnabled(checked);
-      }
-    }, [checked]);
-    return /* @__PURE__ */ jsxs(H$1, { className: cls.container, children: [
-      /* @__PURE__ */ jsx(
-        Re,
-        {
-          id,
-          ref,
-          checked: enabled2,
-          onChange: handleChange,
-          className: classNames(cls.checkbox, {
-            [cls.enabled]: enabled2
-          }),
-          ...restProps,
-          children: /* @__PURE__ */ jsx(Icon, { iconName: "Done16px" })
-        }
-      ),
-      children && /* @__PURE__ */ jsx(K, { htmlFor: id, className: cls.label, children })
-    ] });
-  }
-);
-export {
-  CheckboxMimir
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/CheckboxMimir.css');const k=require("react/jsx-runtime"),r=require("../../keyboard-sIr63LbB.cjs"),t=require("react"),U=require("../../use-active-press-lCdIry0x.cjs"),n=require("../../label-DOAZ06mr.cjs"),B=require("../../bugs-DZGwFW78.cjs"),L=require("../../field-CKsOVzLu.cjs"),V=require("../../index-gDmAUrkZ.cjs"),W=require("../../icons/Icon.js");let X="span";function z(x,v){let o=t.useId(),a=n.u(),u=n.a(),{id:b=a||`headlessui-checkbox-${o}`,disabled:e=u||!1,autoFocus:s=!1,checked:f,defaultChecked:_,onChange:h,name:g,value:D,form:F,indeterminate:m=!1,...E}=x,i=n.l$1(_),[l,d]=n.T(f,h,i??!1),I=n.I(),R=n.G(),M=r.p(),[j,$]=t.useState(!1),y=r.o(()=>{$(!0),d==null||d(!l),M.nextFrame(()=>{$(!1)})}),N=r.o(c=>{if(B.r(c.currentTarget))return c.preventDefault();c.preventDefault(),y()}),S=r.o(c=>{c.key===r.o$1.Space?(c.preventDefault(),y()):c.key===r.o$1.Enter&&n.p(c.currentTarget)}),T=r.o(c=>c.preventDefault()),{isFocusVisible:P,focusProps:H}=r.$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:s}),{isHovered:q,hoverProps:K}=r.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:e}),{pressed:C,pressProps:w}=U.w({disabled:e}),A=r.D({ref:v,id:b,role:"checkbox","aria-checked":m?"mixed":l?"true":"false","aria-labelledby":I,"aria-describedby":R,"aria-disabled":e?!0:void 0,indeterminate:m?"true":void 0,tabIndex:e?void 0:0,onKeyUp:e?void 0:S,onKeyPress:e?void 0:T,onClick:e?void 0:N},H,K,w),G=t.useMemo(()=>({checked:l,disabled:e,hover:q,focus:P,active:C,indeterminate:m,changing:j,autofocus:s}),[l,m,e,q,P,C,j,s]),O=t.useCallback(()=>{if(i!==void 0)return d==null?void 0:d(i)},[d,i]);return t.createElement(t.Fragment,null,g!=null&&t.createElement(n.j,{disabled:e,data:{[g]:D||"on"},overrides:{type:"checkbox",checked:l},form:F,onReset:O}),r.H({ourProps:A,theirProps:E,slot:G,defaultTag:X,name:"Checkbox"}))}let J=r.W(z);const Q="_container_13bjb_2",Y="_checkbox_13bjb_8",Z="_label_13bjb_27",ee="_enabled_13bjb_31",p={container:Q,checkbox:Y,label:Z,enabled:ee},re=t.forwardRef((x,v)=>{const{checked:o,onChange:a,children:u,id:b,...e}=x,[s,f]=t.useState(o??!1),_=h=>{f(h),a==null||a(h)};return t.useEffect(()=>{o!==void 0&&f(o)},[o]),k.jsxs(L.H,{className:p.container,children:[k.jsx(J,{id:b,ref:v,checked:s,onChange:_,className:V.classNames(p.checkbox,{[p.enabled]:s}),...e,children:k.jsx(W.Icon,{iconName:"Done16px"})}),u&&k.jsx(n.K,{htmlFor:b,className:p.label,children:u})]})});exports.CheckboxMimir=re;

package/dist/components/CheckboxMimir/index.js

@@ -1,4 +1 @@
-import { CheckboxMimir } from "./CheckboxMimir.js";
-export {
-  CheckboxMimir
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxMimir.js");exports.CheckboxMimir=e.CheckboxMimir;

package/dist/components/Chip/Chip.js

@@ -1,56 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { EChipSize, EChipVariant } from "./constants.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/Chip.css';const chip = "_chip_1ckvf_2";
-const disabled = "_disabled_1ckvf_40";
-const xs = "_xs_1ckvf_51";
-const s = "_s_1ckvf_59";
-const m = "_m_1ckvf_67";
-const sapphire = "_sapphire_1ckvf_75";
-const citrine = "_citrine_1ckvf_84";
-const asphalt = "_asphalt_1ckvf_93";
-const gray = "_gray_1ckvf_102";
-const white = "_white_1ckvf_111";
-const green = "_green_1ckvf_120";
-const cls = {
-  chip,
-  "with-action": "_with-action_1ckvf_18",
-  disabled,
-  xs,
-  s,
-  m,
-  sapphire,
-  citrine,
-  asphalt,
-  gray,
-  white,
-  green
-};
-const Chip = ({
-  size = EChipSize.M,
-  variant = EChipVariant.Sapphire,
-  className,
-  onClick,
-  disabled: disabled2,
-  withAction,
-  children
-}) => {
-  const classes = classNames(
-    cls.chip,
-    className,
-    {
-      [cls["with-action"]]: withAction,
-      [cls.disabled]: disabled2
-    },
-    cls[variant],
-    cls[size]
-  );
-  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: classes, children: [
-    children,
-    withAction && /* @__PURE__ */ jsx(Icon, { iconName: "Close16px" })
-  ] });
-};
-export {
-  Chip
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/Chip.css');const e=require("react/jsx-runtime"),h=require("../../index-gDmAUrkZ.cjs"),i=require("./constants.js"),m=require("../../icons/Icon.js"),b="_chip_19bvm_2",l="_disabled_19bvm_40",v="_xs_19bvm_51",d="_s_19bvm_59",u="_m_19bvm_67",g="_sapphire_19bvm_75",x="_citrine_19bvm_84",y="_asphalt_19bvm_93",C="_gray_19bvm_102",w="_white_19bvm_111",j="_green_19bvm_120",s={chip:b,"with-action":"_with-action_19bvm_18",disabled:l,xs:v,s:d,m:u,sapphire:g,citrine:x,asphalt:y,gray:C,white:w,green:j},q=({size:n=i.EChipSize.M,variant:c=i.EChipVariant.Sapphire,className:_,onClick:o,disabled:a,withAction:t,children:r})=>{const p=h.classNames(s.chip,_,{[s["with-action"]]:t,[s.disabled]:a},s[c],s[n]);return e.jsxs("button",{type:"button",onClick:o,className:p,children:[r,t&&e.jsx(m.Icon,{iconName:"Close16px"})]})};exports.Chip=q;

package/dist/components/Chip/constants.js

@@ -1,19 +1 @@
-var EChipSize = /* @__PURE__ */ ((EChipSize2) => {
-  EChipSize2["XS"] = "xs";
-  EChipSize2["S"] = "s";
-  EChipSize2["M"] = "m";
-  return EChipSize2;
-})(EChipSize || {});
-var EChipVariant = /* @__PURE__ */ ((EChipVariant2) => {
-  EChipVariant2["Sapphire"] = "sapphire";
-  EChipVariant2["Citrine"] = "citrine";
-  EChipVariant2["Asphalt"] = "asphalt";
-  EChipVariant2["Gray"] = "gray";
-  EChipVariant2["White"] = "white";
-  EChipVariant2["Green"] = "green";
-  return EChipVariant2;
-})(EChipVariant || {});
-export {
-  EChipSize,
-  EChipVariant
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.XS="xs",e.S="s",e.M="m",e))(r||{}),t=(e=>(e.Sapphire="sapphire",e.Citrine="citrine",e.Asphalt="asphalt",e.Gray="gray",e.White="white",e.Green="green",e))(t||{});exports.EChipSize=r;exports.EChipVariant=t;

package/dist/components/Chip/index.js

@@ -1,7 +1 @@
-import { Chip } from "./Chip.js";
-import { EChipSize, EChipVariant } from "./constants.js";
-export {
-  Chip,
-  EChipSize,
-  EChipVariant
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip.js"),i=require("./constants.js");exports.Chip=e.Chip;exports.EChipSize=i.EChipSize;exports.EChipVariant=i.EChipVariant;

package/dist/components/DatePicker/DatePicker.js

@@ -1,195 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useEffect } from "react";
-import { DatePickerModal } from "./DatePickerModal.js";
-import { MonthPickerModal } from "./MonthPickerModal.js";
-import { c as cls } from "../../styles.module-7wzJYhR3.js";
-import { formatDatePart } from "./utils.js";
-import { YearPickerModal } from "./YearPickerModal.js";
-import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
-import { formating } from "../../utils/index.js";
-import { I as Input } from "../../Input-CCNRdc6Q.js";
-import { EInputVariant } from "../Input/constants.js";
-const MAX_DAY = 31;
-const MAX_MONTH = 12;
-const DATE_LENGTH = 10;
-const DatePicker = memo(
-  forwardRef(
-    ({
-      size,
-      value,
-      onChangeValue,
-      name,
-      before,
-      type = "days",
-      error,
-      onError,
-      onBlur,
-      validateImmediately,
-      variant,
-      disabled = false,
-      editable = false,
-      ...props
-    }, ref) => {
-      const [isActive, setActive] = useState(false);
-      const [pickerType, setType] = useState(type);
-      const [date, setDate] = useState(
-        value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
-      );
-      const [isError, setError] = useState(error);
-      const [inputValue, setInputValue] = useState("");
-      useEffect(() => {
-        setError(error);
-      }, [error]);
-      useEffect(() => {
-        setDate(
-          value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
-        );
-      }, [value]);
-      useEffect(() => {
-        if (date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime())) {
-          setInputValue(formating.Date(date, "dd/mm/yyyy"));
-        } else {
-          setInputValue("");
-        }
-      }, [date]);
-      const milliseconds = value && new Date(value).getTime;
-      useEffect(() => {
-        if (validateImmediately) {
-          if (!milliseconds) {
-            setError(true);
-            onError == null ? void 0 : onError({ name, active: true });
-          } else {
-            setError(false);
-            onError == null ? void 0 : onError({ name, active: false });
-          }
-        }
-      }, [validateImmediately, name, milliseconds]);
-      useClickOutside({
-        isActive,
-        setActive: (e) => {
-          setActive(e);
-          setType(type);
-        },
-        className: cls["calendar-block"]
-      });
-      const onOpen = () => {
-        if (!disabled) setActive(true);
-      };
-      const onDate = (sendDate) => {
-        if (!isNaN(sendDate.getTime())) {
-          setDate(sendDate);
-          onChangeValue == null ? void 0 : onChangeValue({ value: sendDate, name });
-        }
-        if (pickerType === "years") {
-          if (type === "years") {
-            setActive(false);
-            setType(type);
-          } else {
-            setType("months");
-          }
-        }
-        if (pickerType === "months") {
-          if (type === "months") {
-            setActive(false);
-            setType(type);
-          } else {
-            setType("days");
-          }
-        }
-        setDate(sendDate);
-        onChangeValue == null ? void 0 : onChangeValue({ value: sendDate, name });
-        onBlur == null ? void 0 : onBlur(sendDate);
-      };
-      const handleInputChange = (e) => {
-        if (editable) {
-          const newValue = e.target.value.replace(/[^\d]/g, "");
-          const [day, month, year] = [
-            formatDatePart(newValue.substring(0, 2), MAX_DAY),
-            formatDatePart(newValue.substring(2, 4), MAX_MONTH),
-            newValue.substring(4, 8)
-          ];
-          const formattedValue = [day, month, year].filter(Boolean).join("/");
-          setInputValue(formattedValue);
-          if (formattedValue.length === DATE_LENGTH) {
-            const fullYear = parseInt(year);
-            const newDate = /* @__PURE__ */ new Date(
-              `${fullYear}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`
-            );
-            if (!isNaN(newDate.getTime())) {
-              setDate(newDate);
-              onChangeValue == null ? void 0 : onChangeValue({ value: newDate, name });
-            }
-          }
-        }
-      };
-      const wrapperClassNames = classNames(cls.wrapper, isActive && cls.active);
-      const InputClassNames = classNames(cls.input, cls.inputBorderControl);
-      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, "data-disabled": disabled, children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-error": isError,
-            className: classNames(cls["date-wrapper"], {
-              [cls.editable]: editable
-            }),
-            onClick: onOpen,
-            children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                ref,
-                className: InputClassNames,
-                wrapperClassName: cls["input-wrapper"],
-                size,
-                type: "text",
-                variant: isError ? EInputVariant.Error : variant,
-                value: inputValue,
-                onChange: handleInputChange,
-                rightAddon: {
-                  addonType: "icon",
-                  addonContent: isActive ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
-                },
-                "data-error": isError,
-                ...props
-              }
-            )
-          }
-        ),
-        pickerType === "days" && isActive && /* @__PURE__ */ jsx(
-          DatePickerModal,
-          {
-            onChangeValue: onDate,
-            date: date || /* @__PURE__ */ new Date(),
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
-          }
-        ),
-        pickerType === "months" && isActive && /* @__PURE__ */ jsx(
-          MonthPickerModal,
-          {
-            onChangeValue: onDate,
-            date: date || /* @__PURE__ */ new Date(),
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
-          }
-        ),
-        pickerType === "years" && isActive && /* @__PURE__ */ jsx(
-          YearPickerModal,
-          {
-            onChangeValue: onDate,
-            date: date || /* @__PURE__ */ new Date(),
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
-          }
-        )
-      ] });
-    }
-  )
-);
-DatePicker.displayName = "DatePicker";
-export {
-  DatePicker
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),x=require("../../index-gDmAUrkZ.cjs"),e=require("react"),C=require("./DatePickerModal.js"),F=require("./MonthPickerModal.js"),r=require("../../styles.module-L23BBl7z.cjs"),h=require("./utils.js"),J=require("./YearPickerModal.js"),K=require("../../hooks/useClickOutside/useClickOutside.js"),Q=require("../../utils/index.js"),W=require("../../Input-BvgVl6YE.cjs"),Z=require("../Input/constants.js"),B=31,V=12,ee=10,Y=e.memo(e.forwardRef(({size:R,value:i,onChangeValue:a,name:p,before:c,type:l="days",error:w,onError:d,onBlur:N,validateImmediately:M,variant:$,disabled:g=!1,editable:A=!1,...H},X)=>{const[u,o]=e.useState(!1),[m,n]=e.useState(l),[t,D]=e.useState(i&&!isNaN(new Date(i).getTime())?new Date(i):void 0),[y,k]=e.useState(w),[b,_]=e.useState("");e.useEffect(()=>{k(w)},[w]),e.useEffect(()=>{D(i&&!isNaN(new Date(i).getTime())?new Date(i):void 0)},[i]),e.useEffect(()=>{t&&typeof t!="string"&&!isNaN(t==null?void 0:t.getTime())?_(Q.formating.Date(t,"dd/mm/yyyy")):_("")},[t]);const S=i&&new Date(i).getTime;e.useEffect(()=>{M&&(S?(k(!1),d==null||d({name:p,active:!1})):(k(!0),d==null||d({name:p,active:!0})))},[M,p,S]),K.useClickOutside({isActive:u,setActive:s=>{o(s),n(l)},className:r.cls["calendar-block"]});const E=()=>{g||o(!0)},P=s=>{isNaN(s.getTime())||(D(s),a==null||a({value:s,name:p})),m==="years"&&(l==="years"?(o(!1),n(l)):n("months")),m==="months"&&(l==="months"?(o(!1),n(l)):n("days")),D(s),a==null||a({value:s,name:p}),N==null||N(s)},G=s=>{if(A){const T=s.target.value.replace(/[^\d]/g,""),[j,v,I]=[h.formatDatePart(T.substring(0,2),B),h.formatDatePart(T.substring(2,4),V),T.substring(4,8)],O=[j,v,I].filter(Boolean).join("/");if(_(O),O.length===ee){const z=parseInt(I),q=new Date(`${z}-${v.padStart(2,"0")}-${j.padStart(2,"0")}`);isNaN(q.getTime())||(D(q),a==null||a({value:q,name:p}))}}},L=x.classNames(r.cls.wrapper,u&&r.cls.active),U=x.classNames(r.cls.input,r.cls.inputBorderControl);return f.jsxs("div",{className:L,"data-disabled":g,children:[f.jsx("div",{"data-error":y,className:x.classNames(r.cls["date-wrapper"],{[r.cls.editable]:A}),onClick:E,children:f.jsx(W.Input,{ref:X,className:U,wrapperClassName:r.cls["input-wrapper"],size:R,type:"text",variant:$,status:y?Z.EInputStatus.Error:void 0,value:b,onChange:G,rightAddon:{addonType:"icon",addonContent:u?"DropdownArrowUp24px":"DropdownArrowDown24px"},"data-error":y,...H})}),m==="days"&&u&&f.jsx(C.DatePickerModal,{onChangeValue:P,date:t||new Date,setActive:o,before:typeof c=="string"?new Date(c):c,onType:n}),m==="months"&&u&&f.jsx(F.MonthPickerModal,{onChangeValue:P,date:t||new Date,setActive:o,before:typeof c=="string"?new Date(c):c,onType:n}),m==="years"&&u&&f.jsx(J.YearPickerModal,{onChangeValue:P,date:t||new Date,setActive:o,before:typeof c=="string"?new Date(c):c,onType:n})]})}));Y.displayName="DatePicker";exports.DatePicker=Y;