@dotss/ui 0.0.8 → 0.0.11

package/dist/FocusBoundary/FocusBoundary.es.js

@@ -1,73 +0,0 @@
-import { jsxs as h, Fragment as p, jsx as g } from "@emotion/react/jsx-runtime";
-import { useRef as u, useEffect as a } from "react";
-import v from "../Flexbox/Flexbox.es.js";
-function w({
-  active: f,
-  children: l,
-  inlineCSS: d,
-  disabled: i = !1,
-  ...m
-}) {
-  const o = u(null), s = u(null), r = u([]), n = u(-1), b = () => {
-    o.current && (r.current = Array.from(
-      o.current.querySelectorAll(
-        "a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]"
-      )
-    ));
-  }, E = () => {
-    var t;
-    if (r.current)
-      for (let e = 0; e < r.current.length; e++) {
-        const c = r.current[e];
-        if (!((t = c == null ? void 0 : c.getAttribute("class")) != null && t.includes("closeButton"))) {
-          c == null || c.focus(), n.current = e;
-          break;
-        }
-      }
-  }, x = () => {
-    var e;
-    const t = r.current[n.current + 1];
-    if (!t) {
-      (e = r.current[0]) == null || e.focus(), n.current = 0;
-      return;
-    }
-    t.focus(), n.current += 1;
-  }, y = () => {
-    var e;
-    const t = r.current[n.current - 1];
-    if (!t) {
-      (e = r.current[r.current.length - 1]) == null || e.focus(), n.current = r.current.length - 1;
-      return;
-    }
-    t.focus(), n.current -= 1;
-  };
-  return a(() => {
-    !f && s.current && s.current.focus();
-  }, [f]), a(() => {
-    const t = (e) => {
-      e.key === "Tab" && (e.preventDefault(), e.shiftKey ? y() : x());
-    };
-    return s.current = document.activeElement, b(), E(), document.addEventListener("keydown", t), () => {
-      document.removeEventListener("keydown", t);
-    };
-  }, []), /* @__PURE__ */ h(p, { children: [
-    i && l,
-    !i && /* @__PURE__ */ g(
-      v,
-      {
-        className: "focus-boundary",
-        ref: o,
-        flexDirection: "column",
-        inlineCSS: {
-          height: "100%",
-          ...d
-        },
-        ...m,
-        children: l
-      }
-    )
-  ] });
-}
-export {
-  w as default
-};

package/dist/FormControlText/FormControlText.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@emotion/react/jsx-runtime"),r=require("react"),C=require("@emotion/styled"),S=e=>e&&e.__esModule?e:{default:e},a=S(C),j=a.default.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${({theme:{spacing:e}})=>e.content(2)}px;
-  cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
-  flex-direction: ${({placement:e})=>e==="left"?"row-reverse":"row"};
-`,v=a.default.div`
-  display: inline-flex;
-`,_=a.default.div`
-  ${({theme:{palette:{grey:e},typography:{h0R:o,b2R:i}},size:s,disabled:c})=>{let l={fontSize:i.size,fontWeight:i.weight,lineHeight:i.lineHeight,letterSpacing:i.letterSpacing};return s==="2xLarge"&&(l={fontSize:o.size,fontWeight:o.weight,lineHeight:o.lineHeight,letterSpacing:o.letterSpacing}),c&&(l.color=e[30]),l}}
-`,w=r.forwardRef(function({control:o,text:i,placement:s,size:c,onClick:l,disabled:f,inlineCSS:g,...h},x){const p=r.useRef(null),y=t=>{var n,d;t.preventDefault(),(d=(n=p.current)==null?void 0:n.getElementsByTagName("input")[0])==null||d.click(),typeof l=="function"&&l(t)},m=t=>n=>{n.stopPropagation(),typeof t=="function"&&t(n)};return u.jsxs(j,{ref:x,onClick:y,placement:s,disabled:f,...h,css:g,children:[u.jsx(v,{ref:p,children:r.Children.map(o,t=>{var n;return r.isValidElement(t)?r.cloneElement(t,{size:c,disabled:f,onClick:m((n=t.props)==null?void 0:n.onClick),...t.props}):null})}),u.jsx(_,{size:c,disabled:f,children:i})]})});exports.default=w;

package/dist/FormControlText/FormControlText.es.js

@@ -1,68 +0,0 @@
-import { jsxs as y, jsx as g } from "@emotion/react/jsx-runtime";
-import { forwardRef as C, useRef as S, Children as w, isValidElement as v, cloneElement as T } from "react";
-import p from "@emotion/styled";
-const j = p.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${({ theme: { spacing: e } }) => e.content(2)}px;
-  cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
-  flex-direction: ${({ placement: e }) => e === "left" ? "row-reverse" : "row"};
-`, k = p.div`
-  display: inline-flex;
-`, H = p.div`
-  ${({
-  theme: {
-    palette: { grey: e },
-    typography: { h0R: o, b2R: i }
-  },
-  size: c,
-  disabled: l
-}) => {
-  let r = {
-    fontSize: i.size,
-    fontWeight: i.weight,
-    lineHeight: i.lineHeight,
-    letterSpacing: i.letterSpacing
-  };
-  return c === "2xLarge" && (r = {
-    fontSize: o.size,
-    fontWeight: o.weight,
-    lineHeight: o.lineHeight,
-    letterSpacing: o.letterSpacing
-  }), l && (r.color = e[30]), r;
-}}
-`, F = C(function({ control: o, text: i, placement: c, size: l, onClick: r, disabled: f, inlineCSS: u, ...d }, h) {
-  const s = S(null), m = (t) => {
-    var n, a;
-    t.preventDefault(), (a = (n = s.current) == null ? void 0 : n.getElementsByTagName("input")[0]) == null || a.click(), typeof r == "function" && r(t);
-  }, x = (t) => (n) => {
-    n.stopPropagation(), typeof t == "function" && t(n);
-  };
-  return /* @__PURE__ */ y(
-    j,
-    {
-      ref: h,
-      onClick: m,
-      placement: c,
-      disabled: f,
-      ...d,
-      css: u,
-      children: [
-        /* @__PURE__ */ g(k, { ref: s, children: w.map(o, (t) => {
-          var n;
-          return v(t) ? T(t, {
-            size: l,
-            disabled: f,
-            onClick: x((n = t.props) == null ? void 0 : n.onClick),
-            ...t.props
-          }) : null;
-        }) }),
-        /* @__PURE__ */ g(H, { size: l, disabled: f, children: i })
-      ]
-    }
-  );
-});
-export {
-  F as default
-};

package/dist/IconButton/IconButton.cjs

@@ -1,30 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@emotion/react/jsx-runtime"),h=require("react"),b=require("../Icon/Icon.cjs"),g=require("../hooks/useCheckHoverPossible/useCheckHoverPossible.cjs"),k=require("../utils/getIconLabel/getIconLabel.cjs"),v=require("@emotion/styled"),f=require("../utils/getContrastingTextColor/getContrastingTextColor.cjs"),m=r=>r&&r.__esModule?r:{default:r},s=m(v),C=s.default.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 100px;
-
-  ${({theme:{spacing:r},size:e})=>{let i={width:40,height:40,padding:r.content(1)};switch(e){case"2xLarge":i={width:80,height:80,padding:0};break;case"xLarge":i={width:56,height:56,padding:r.content(.5)};break;case"large":i={width:48,height:48,padding:r.content(1)};break;case"small":i={width:32,height:32,padding:r.content(1)};break;case"xSmall":i={width:24,height:24,padding:r.content(.5)};break}return i}};
-
-  ${({theme:{palette:{yellow:r,grey:e}},variant:i,color:a,isHoverPossible:t})=>{let o={'&:not([aria-disabled="true"]):active > div':{backgroundColor:e[10]},...t?{'&:not([aria-disabled="true"]):hover > div':{backgroundColor:e[10]}}:{}};switch(i){case"standard":a==="tertiary"&&(o={'&:not([aria-disabled="true"]):active > div':{backgroundColor:e[80]},...t?{'&:not([aria-disabled="true"]):hover > div':{backgroundColor:e[80]}}:{}});break;case"filled":a==="primary"&&(o={'&:not([aria-disabled="true"]):active > div':{backgroundColor:r[80]},...t?{'&:not([aria-disabled="true"]):hover > div':{backgroundColor:r[80]}}:{}}),a==="secondary"&&(o={'&:not([aria-disabled="true"]):active > div':{backgroundColor:e[100]},...t?{'&:not([aria-disabled="true"]):hover > div':{backgroundColor:e[100]}}:{}});break;case"outlined":a==="primary"&&(o={'&:not([aria-disabled="true"]):active > div':{backgroundColor:e[10]},...t?{'&:not([aria-disabled="true"]):hover > div':{backgroundColor:e[10]}}:{}}),a==="tertiary"&&(o={'&:not([aria-disabled="true"]):active > div':{backgroundColor:e[100]},...t?{'&:not([aria-disabled="true"]):hover > div':{backgroundColor:e[100]}}:{}});break}return o}};
-
-  &[aria-disabled='true'] {
-    cursor: not-allowed;
-
-    & > div {
-      ${({theme:{palette:{brand:r,grey:e}},variant:i,color:a})=>{let t={backgroundColor:"transparent","& svg":{color:e[30]}};switch(i){case"standard":a==="tertiary"&&(t={backgroundColor:"transparent","& svg":{color:e[80]}});break;case"filled":a==="primary"&&(t={backgroundColor:r.primary.disable,"& svg":{color:e[30]}}),a==="secondary"&&(t={backgroundColor:e[10],"& svg":{color:e[30]}});break;case"outlined":a==="secondary"&&(t={backgroundColor:e[10],borderColor:e[30],"& svg":{color:e[30]}}),a==="tertiary"&&(t={backgroundColor:e[80],borderColor:e[70],"& svg":{color:e[70]}});break}return t}};
-    }
-  }
-`,p=s.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  border: 1px solid transparent;
-  border-radius: 100px;
-
-  ${({theme:{palette:{brand:r,grey:e}},variant:i,color:a})=>{let t={backgroundColor:"transparent"};switch(i){case"standard":a==="tertiary"&&(t={backgroundColor:"transparent","& svg":{color:e.white}});break;case"filled":a==="primary"&&(t={backgroundColor:r.primary.main,color:f.default(r.primary.main,[e.white,e[100]]),"& svg":{color:"inherit"}}),a==="secondary"&&(t={backgroundColor:r.secondary,color:e.white,"& svg":{color:"inherit"}});break;case"outlined":a==="primary"&&(t={backgroundColor:e.white,borderColor:e[50]}),a==="tertiary"&&(t={backgroundColor:"transparent",borderColor:e[50],"& svg":{color:e[50]}});break}return t}};
-
-  ${({size:r})=>{let e={minWidth:32,minHeight:32,"& svg":{width:24,height:24}};switch(r){case"2xLarge":e={minWidth:80,minHeight:80,borderWidth:2,"& svg":{width:48,height:48}};break;case"xLarge":e={minWidth:52,minHeight:52,"& svg":{width:36,height:36}};break;case"large":e={minWidth:40,minHeight:40,"& svg":{width:32,height:32}};break;case"small":e={minWidth:24,minHeight:24,"& svg":{width:16,height:16}};break;case"xSmall":e={minWidth:20,minHeight:20,"& svg":{width:16,height:16}};break}return e}};
-`,w=h.forwardRef(function({name:e,variant:i="standard",size:a="medium",color:t="primary",inlineCSS:o,disabled:n=!1,...c},l){const{isHoverPossible:u}=g.default();return d.jsx(C,{ref:l,variant:i,size:a,color:t,"aria-disabled":n,"aria-label":k.default(e),isHoverPossible:u,disabled:n,...c,css:o,children:d.jsx(p,{variant:i,size:a,color:t,children:d.jsx(b.default,{name:e,focusable:!1})})})});exports.default=w;

package/dist/LineProgressIndicator/LineProgressIndicator.cjs

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@emotion/react/jsx-runtime"),f=require("react"),p=require("@emotion/react"),g=require("@emotion/styled"),m=e=>e&&e.__esModule?e:{default:e},n=m(g),h=p.keyframes`
-    to {
-        transform: translateX(100%);
-    }
-`,y=n.default.div`
-  position: relative;
-  height: ${({size:e})=>e==="large"?42:4}px;
-  border-radius: 100px;
-  background-color: ${({theme:{palette:{grey:e}}})=>e[10]};
-  overflow: hidden;
-`,x=n.default.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  border-radius: 100px;
-  transition: transform ${({transitionDuration:e})=>e}ms linear;
-  background-color: ${({theme:{palette:{brand:e}}})=>e.primary.main};
-
-  ${({loop:e})=>e?{animation:`${h} 1s infinite`}:{}};
-`,b=n.default.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  white-space: nowrap;
-`,j=f.forwardRef(function({children:o,size:i,value:s=0,transitionDuration:l=500,loop:a,inlineCSS:d,...c},u){let t=s-100;return t=s>100?0:t,t=a?-80:t,r.jsxs(y,{ref:u,size:i,...c,css:d,children:[r.jsx(x,{transitionDuration:l,loop:a,style:{transform:`translate3d(${t}%, 0, 0)`}}),i==="large"&&o&&r.jsx(b,{children:o})]})});exports.default=j;

package/dist/LineProgressIndicator/LineProgressIndicator.es.js

@@ -1,69 +0,0 @@
-import { jsxs as m, jsx as a } from "@emotion/react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { keyframes as g } from "@emotion/react";
-import r from "@emotion/styled";
-const h = g`
-    to {
-        transform: translateX(100%);
-    }
-`, u = r.div`
-  position: relative;
-  height: ${({ size: t }) => t === "large" ? 42 : 4}px;
-  border-radius: 100px;
-  background-color: ${({
-  theme: {
-    palette: { grey: t }
-  }
-}) => t[10]};
-  overflow: hidden;
-`, y = r.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  border-radius: 100px;
-  transition: transform ${({ transitionDuration: t }) => t}ms linear;
-  background-color: ${({
-  theme: {
-    palette: { brand: t }
-  }
-}) => t.primary.main};
-
-  ${({ loop: t }) => t ? {
-  animation: `${h} 1s infinite`
-} : {}};
-`, x = r.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  white-space: nowrap;
-`, v = p(
-  function({ children: o, size: i, value: n = 0, transitionDuration: l = 500, loop: s, inlineCSS: d, ...c }, f) {
-    let e = n - 100;
-    return e = n > 100 ? 0 : e, e = s ? -80 : e, /* @__PURE__ */ m(u, { ref: f, size: i, ...c, css: d, children: [
-      /* @__PURE__ */ a(
-        y,
-        {
-          transitionDuration: l,
-          loop: s,
-          style: {
-            transform: `translate3d(${e}%, 0, 0)`
-          }
-        }
-      ),
-      i === "large" && o && /* @__PURE__ */ a(x, { children: o })
-    ] });
-  }
-);
-export {
-  v as default
-};

package/dist/Menu/Menu.cjs

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@emotion/react/jsx-runtime"),o=require("react"),X=require("react-dom"),Y=require("@emotion/styled"),Z=t=>t&&t.__esModule?t:{default:t},x=Z(Y),tt=x.default.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 100003;
-
-    ${({disableClickOutside:t})=>t?null:{pointerEvents:"none","& *":{pointerEvents:"auto"}}}}
-
-`,et=x.default.div`
-  position: fixed;
-  max-width: calc(100% - ${({theme:{spacing:t}})=>t.layout(4)}px);
-  border-radius: 10px;
-  overflow: hidden;
-  background-color: ${({theme:{palette:{grey:t}}})=>t.white};
-  box-shadow: ${({theme:{elevation:t}})=>t[4]};
-  transition:
-    transform ${({transitionDuration:t})=>t}ms,
-    opacity ${({transitionDuration:t=0})=>t/2}ms;
-  transform: scale(${({open:t})=>t?1:.97});
-  opacity: ${({open:t})=>t?1:0};
-  z-index: 100003;
-`,ot=x.default.ul`
-  display: flex;
-  flex-direction: column;
-  max-height: ${({maxHeight:t})=>t}px;
-  overflow-y: auto;
-
-    ${({theme:{spacing:t},disablePadding:c})=>c?null:{padding:`${t.content(1)}px 0`}}}
-`,st=x.default.div`
-  width: 100%;
-  height: 1px;
-  background-color: ${({theme:{palette:{grey:t}}})=>t[20]};
-`,b=24,it=o.forwardRef(function({children:c,anchorRef:u,open:v,onClose:m,spacing:f=4,transitionDuration:g=200,onChange:T,value:L,showDivider:P,placement:_="bottom-center",disablePadding:q,disableClickOutside:z=!0,width:E,fitToAnchorWidth:$=!0,maxHeight:H=476,style:R,inlineCSS:B,...D},G){const[h,j]=o.useState(0),[k,S]=o.useState(0),[w,F]=o.useState(0),[M,C]=o.useState(!1),[N,V]=o.useState(!1),[A,O]=o.useState(!0),l=o.useRef(),a=o.useRef(),W=o.useRef(null),J=(e,i)=>r=>{r.stopPropagation(),typeof m=="function"&&m(),typeof T=="function"&&T(e,r),typeof i=="function"&&i(r)};return o.useEffect(()=>{v&&(a.current&&clearTimeout(a.current),document.body.style.overflow="hidden",O(!1),l.current=setTimeout(()=>{C(!0)},100))},[v]),o.useEffect(()=>{v||(l.current&&clearTimeout(l.current),C(!1),document.body.removeAttribute("style"),a.current=setTimeout(()=>{O(!0)},g))},[v,g]),o.useEffect(()=>{const e=()=>{var I;const{offsetWidth:i=0,offsetHeight:r=0}=(u==null?void 0:u.current)||{},s=((I=u==null?void 0:u.current)==null?void 0:I.getBoundingClientRect())||{top:0,left:0,bottom:0},{offsetWidth:p=0,offsetHeight:n=0}=W.current||{},[y,K]=_.split("-");F(E||i);const Q=(s.top||0)-n-f-b<b,U=(s.bottom||0)+n+f+b>window.innerHeight;switch(y){case"top":j(Q?b:s.top-n-f);break;default:j(U?"auto":s.top+r+f);break}switch(K){case"left":S(s.left);break;case"right":S(s.left-Math.abs(i-p));break;default:S(s.left+i/2-p/2);break}};return e(),window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[u,f,_,M,c,E]),o.useEffect(()=>{V(M&&!!h&&!!k&&!!w)},[M,h,k,w]),o.useEffect(()=>()=>{l.current&&clearTimeout(l.current),a.current&&clearTimeout(a.current)},[]),A?null:X.createPortal(d.jsx(tt,{onClick:m,disableClickOutside:z,children:d.jsx(et,{ref:G,open:N,transitionDuration:g,...D,css:B,style:{...R,top:h,left:k,bottom:h==="auto"?24:void 0,width:$?w:void 0},children:d.jsx(ot,{ref:W,disablePadding:q,maxHeight:H,children:o.Children.map(c,(e,i)=>{var r,s,p,n,y;return o.isValidElement(e)?d.jsxs(d.Fragment,{children:[o.cloneElement(e,{...e.props,selected:!!((r=e==null?void 0:e.props)!=null&&r.value)&&((s=e==null?void 0:e.props)==null?void 0:s.value)===L,onClick:J((p=e==null?void 0:e.props)==null?void 0:p.value,(n=e==null?void 0:e.props)==null?void 0:n.onClick),style:{...(y=e==null?void 0:e.props)==null?void 0:y.style,[E?"width":"minWidth"]:$?void 0:w,maxWidth:$?void 0:"100%"}}),P&&o.Children.count(c)!==i+1&&d.jsx(st,{})]}):null})})})}),document.body)});exports.default=it;

package/dist/Menu/Menu.es.js

@@ -1,163 +0,0 @@
-import { jsx as y, jsxs as tt, Fragment as ot } from "@emotion/react/jsx-runtime";
-import { forwardRef as et, useState as u, useRef as W, useEffect as a, Children as j, isValidElement as it, cloneElement as rt } from "react";
-import { createPortal as st } from "react-dom";
-import x from "@emotion/styled";
-const nt = x.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 100003;
-
-    ${({ disableClickOutside: o }) => o ? null : {
-  pointerEvents: "none",
-  "& *": {
-    pointerEvents: "auto"
-  }
-}}}
-
-`, ut = x.div`
-  position: fixed;
-  max-width: calc(100% - ${({ theme: { spacing: o } }) => o.layout(4)}px);
-  border-radius: 10px;
-  overflow: hidden;
-  background-color: ${({
-  theme: {
-    palette: { grey: o }
-  }
-}) => o.white};
-  box-shadow: ${({ theme: { elevation: o } }) => o[4]};
-  transition:
-    transform ${({ transitionDuration: o }) => o}ms,
-    opacity ${({ transitionDuration: o = 0 }) => o / 2}ms;
-  transform: scale(${({ open: o }) => o ? 1 : 0.97});
-  opacity: ${({ open: o }) => o ? 1 : 0};
-  z-index: 100003;
-`, dt = x.ul`
-  display: flex;
-  flex-direction: column;
-  max-height: ${({ maxHeight: o }) => o}px;
-  overflow-y: auto;
-
-    ${({ theme: { spacing: o }, disablePadding: d }) => d ? null : {
-  padding: `${o.content(1)}px 0`
-}}}
-`, ct = x.div`
-  width: 100%;
-  height: 1px;
-  background-color: ${({
-  theme: {
-    palette: { grey: o }
-  }
-}) => o[20]};
-`, b = 24, vt = et(function({
-  children: d,
-  anchorRef: s,
-  open: v,
-  onClose: g,
-  spacing: c = 4,
-  transitionDuration: $ = 200,
-  onChange: I,
-  value: B,
-  showDivider: G,
-  placement: L = "bottom-center",
-  disablePadding: F,
-  disableClickOutside: N = !0,
-  width: E,
-  fitToAnchorWidth: k = !0,
-  maxHeight: V = 476,
-  style: _,
-  inlineCSS: q,
-  ...A
-}, D) {
-  const [w, O] = u(0), [T, C] = u(0), [h, J] = u(0), [M, z] = u(!1), [K, Q] = u(!1), [U, H] = u(!0), f = W(), l = W(), P = W(null), X = (t, i) => (r) => {
-    r.stopPropagation(), typeof g == "function" && g(), typeof I == "function" && I(t, r), typeof i == "function" && i(r);
-  };
-  return a(() => {
-    v && (l.current && clearTimeout(l.current), document.body.style.overflow = "hidden", H(!1), f.current = setTimeout(() => {
-      z(!0);
-    }, 100));
-  }, [v]), a(() => {
-    v || (f.current && clearTimeout(f.current), z(!1), document.body.removeAttribute("style"), l.current = setTimeout(() => {
-      H(!0);
-    }, $));
-  }, [v, $]), a(() => {
-    const t = () => {
-      var S;
-      const { offsetWidth: i = 0, offsetHeight: r = 0 } = (s == null ? void 0 : s.current) || {}, e = ((S = s == null ? void 0 : s.current) == null ? void 0 : S.getBoundingClientRect()) || {
-        top: 0,
-        left: 0,
-        bottom: 0
-      }, { offsetWidth: p = 0, offsetHeight: n = 0 } = P.current || {}, [m, Y] = L.split("-");
-      J(E || i);
-      const Z = (e.top || 0) - n - c - b < b, R = (e.bottom || 0) + n + c + b > window.innerHeight;
-      switch (m) {
-        case "top":
-          O(
-            Z ? b : e.top - n - c
-          );
-          break;
-        default:
-          O(R ? "auto" : e.top + r + c);
-          break;
-      }
-      switch (Y) {
-        case "left":
-          C(e.left);
-          break;
-        case "right":
-          C(e.left - Math.abs(i - p));
-          break;
-        default:
-          C(e.left + i / 2 - p / 2);
-          break;
-      }
-    };
-    return t(), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
-      window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
-    };
-  }, [s, c, L, M, d, E]), a(() => {
-    Q(M && !!w && !!T && !!h);
-  }, [M, w, T, h]), a(() => () => {
-    f.current && clearTimeout(f.current), l.current && clearTimeout(l.current);
-  }, []), U ? null : st(
-    /* @__PURE__ */ y(nt, { onClick: g, disableClickOutside: N, children: /* @__PURE__ */ y(
-      ut,
-      {
-        ref: D,
-        open: K,
-        transitionDuration: $,
-        ...A,
-        css: q,
-        style: {
-          ..._,
-          top: w,
-          left: T,
-          bottom: w === "auto" ? 24 : void 0,
-          width: k ? h : void 0
-        },
-        children: /* @__PURE__ */ y(dt, { ref: P, disablePadding: F, maxHeight: V, children: j.map(d, (t, i) => {
-          var r, e, p, n, m;
-          return it(t) ? /* @__PURE__ */ tt(ot, { children: [
-            rt(t, {
-              ...t.props,
-              selected: !!((r = t == null ? void 0 : t.props) != null && r.value) && ((e = t == null ? void 0 : t.props) == null ? void 0 : e.value) === B,
-              onClick: X((p = t == null ? void 0 : t.props) == null ? void 0 : p.value, (n = t == null ? void 0 : t.props) == null ? void 0 : n.onClick),
-              style: {
-                ...(m = t == null ? void 0 : t.props) == null ? void 0 : m.style,
-                [E ? "width" : "minWidth"]: k ? void 0 : h,
-                maxWidth: k ? void 0 : "100%"
-              }
-            }),
-            G && j.count(d) !== i + 1 && /* @__PURE__ */ y(ct, {})
-          ] }) : null;
-        }) })
-      }
-    ) }),
-    document.body
-  );
-});
-export {
-  vt as default
-};

package/dist/Menu/MenuBlock/MenuBlock.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@emotion/react/jsx-runtime"),w=require("react"),y=require("../../Icon/Icon.cjs"),v=require("../../hooks/useCheckHoverPossible/useCheckHoverPossible.cjs"),S=require("@emotion/styled"),j=e=>e&&e.__esModule?e:{default:e},u=j(S),$=u.default.li`
-  display: flex;
-  align-items: center;
-  gap: ${({theme:{spacing:e}})=>e.content(2)}px;
-  padding: 10px ${({theme:{spacing:e}})=>e.content(3)}px;
-  background-color: ${({theme:{palette:{grey:e}}})=>e.white};
-  cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
-
-  & svg {
-    width: 20px;
-    height: 20px;
-    color: ${({theme:{palette:{brand:e,grey:i}},selected:t,disabled:r})=>t?e.primary.main:r?i[30]:"inherit"};
-  }
-
-  ${({ellipsis:e})=>e?{maxHeight:"40px"}:{}};
-
-  ${({theme:{palette:{brand:e,grey:i}},selected:t,isHoverPossible:r})=>r?{"&:hover:not([disabled])":{backgroundColor:t?e.primary.bg:i[10]}}:{}}
-`,k=u.default.div`
-  flex-grow: 1;
-
-  ${({ellipsis:e})=>e?{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{}};
-
-  ${({theme:{palette:{brand:e,grey:i},typography:{h5B:t,b4R:r}},selected:c,disabled:o})=>{let n={fontSize:r.size,fontWeight:r.weight,letterSpacing:r.letterSpacing,lineHeight:r.lineHeight};return c&&(n={fontSize:t.size,fontWeight:t.weight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,color:e.primary.text}),o&&(n.color=i[30]),n}}}
-`,a=u.default.div`
-  white-space: nowrap;
-`,H=w.forwardRef(function({children:i,startAdornment:t,endAdornment:r,inlineCSS:c,selected:o,disabled:n,value:h,onClick:s,ellipsis:p=!0,...d},g){const{isHoverPossible:x}=v.default(),m=f=>{f.stopPropagation(),!n&&typeof s=="function"&&s(f)};return l.jsxs($,{ref:g,selected:o,disabled:n,"data-value":h,isHoverPossible:x,onClick:m,ellipsis:p,...d,css:c,children:[t&&l.jsx(a,{children:t}),l.jsx(k,{selected:o,disabled:n,ellipsis:p,children:i}),!o&&r&&l.jsx(a,{children:r}),o&&l.jsx(a,{children:l.jsx(y.default,{name:"CheckLine",color:"primary"})})]})});exports.default=H;

package/dist/Menu/index.es.js

@@ -1,6 +0,0 @@
-import o from "./Menu.es.js";
-import { default as a } from "./MenuBlock/MenuBlock.es.js";
-export {
-  a as MenuBlock,
-  o as default
-};

package/dist/NumberKeypad/NumberKeypad.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@emotion/react/jsx-runtime"),l=require("react"),m=require("@emotion/styled"),_=e=>e&&e.__esModule?e:{default:e},b=_(m),x=b.default.div`
-  display: flex;
-  align-content: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: ${({theme:{spacing:e}})=>e.content(3)}px;
-
-  ${({maxWidth:e})=>({maxWidth:e})}
-`,g=l.forwardRef(function({children:s,maxWidth:u,size:o="small",onChange:a,disabled:i,inlineCSS:c,...d},p){const f=(t,r)=>n=>{n.stopPropagation(),typeof a=="function"&&a(t,r)};return y.jsx(x,{ref:p,maxWidth:u||(o==="large"?264:228),...d,css:c,children:l.Children.map(s,t=>{var r,n;return l.isValidElement(t)?l.cloneElement(t,{disabled:i,size:o,onClick:f((r=t.props)==null?void 0:r.value,(n=t.props)==null?void 0:n.children),...t.props}):null})})});exports.default=g;

package/dist/NumberKeypad/NumberKeypad.es.js

@@ -1,37 +0,0 @@
-import { jsx as u } from "@emotion/react/jsx-runtime";
-import { forwardRef as m, Children as y, isValidElement as x, cloneElement as h } from "react";
-import b from "@emotion/styled";
-const w = b.div`
-  display: flex;
-  align-content: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: ${({ theme: { spacing: t } }) => t.content(3)}px;
-
-  ${({ maxWidth: t }) => ({ maxWidth: t })}
-`, j = m(function({ children: a, maxWidth: i, size: n = "small", onChange: p, disabled: l, inlineCSS: c, ...s }, d) {
-  const f = (r, e) => (o) => {
-    o.stopPropagation(), typeof p == "function" && p(r, e);
-  };
-  return /* @__PURE__ */ u(
-    w,
-    {
-      ref: d,
-      maxWidth: i || (n === "large" ? 264 : 228),
-      ...s,
-      css: c,
-      children: y.map(a, (r) => {
-        var e, o;
-        return x(r) ? h(r, {
-          disabled: l,
-          size: n,
-          onClick: f((e = r.props) == null ? void 0 : e.value, (o = r.props) == null ? void 0 : o.children),
-          ...r.props
-        }) : null;
-      })
-    }
-  );
-});
-export {
-  j as default
-};

package/dist/PageControl/PageControl.cjs

@@ -1,15 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@emotion/react/jsx-runtime"),f=require("react"),g=require("@emotion/styled"),m=e=>e&&e.__esModule?e:{default:e},n=m(g),y=n.default.div`
-  display: flex;
-  align-items: center;
-  gap: ${({theme:{spacing:e}})=>e.content(2)}px;
-`,h=n.default.span`
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: ${({theme:{palette:{grey:e}},color:t})=>t==="primary"?e[10]:e[30]};
-  cursor: pointer;
-  transition: all 150ms ease;
-  transition-property: width, border-radius, background-color, cursor;
-
-  ${({theme:{palette:{brand:e}},color:t,isActive:r})=>r?{width:24,borderRadius:8,backgroundColor:t==="primary"?e.primary.pageControl:e.primary.tooltip,cursor:"default"}:null}
-`,b=f.forwardRef(function({totalCount:t=1,page:r=1,onChange:a,color:s="primary",inlineCSS:u,...c},d){const p=l=>{typeof a=="function"&&a(Number(l.currentTarget.dataset.page))};return i.jsx(y,{ref:d,...c,css:u,children:Array.from({length:t},(l,o)=>i.jsx(h,{isActive:o+1===r,color:s,"data-page":o+1,onClick:p},o))})});exports.default=b;

package/dist/PageControl/PageControl.es.js

@@ -1,51 +0,0 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { forwardRef as u } from "react";
-import p from "@emotion/styled";
-const f = p.div`
-  display: flex;
-  align-items: center;
-  gap: ${({ theme: { spacing: r } }) => r.content(2)}px;
-`, g = p.span`
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: ${({
-  theme: {
-    palette: { grey: r }
-  },
-  color: t
-}) => t === "primary" ? r[10] : r[30]};
-  cursor: pointer;
-  transition: all 150ms ease;
-  transition-property: width, border-radius, background-color, cursor;
-
-  ${({
-  theme: {
-    palette: { brand: r }
-  },
-  color: t,
-  isActive: o
-}) => o ? {
-  width: 24,
-  borderRadius: 8,
-  backgroundColor: t === "primary" ? r.primary.pageControl : r.primary.tooltip,
-  cursor: "default"
-} : null}
-`, C = u(function({ totalCount: t = 1, page: o = 1, onChange: a, color: l = "primary", inlineCSS: s, ...c }, d) {
-  const m = (i) => {
-    typeof a == "function" && a(Number(i.currentTarget.dataset.page));
-  };
-  return /* @__PURE__ */ n(f, { ref: d, ...c, css: s, children: Array.from({ length: t }, (i, e) => /* @__PURE__ */ n(
-    g,
-    {
-      isActive: e + 1 === o,
-      color: l,
-      "data-page": e + 1,
-      onClick: m
-    },
-    e
-  )) });
-});
-export {
-  C as default
-};