@dotss/ui 0.0.8 → 0.0.11

package/dist/Radio/Radio.cjs

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@emotion/react/jsx-runtime"),f=require("react"),y=require("@emotion/styled"),m=require("../core/useTheme.cjs"),c=t=>t&&t.__esModule?t:{default:t},p=c(y),C=p.default.span`
-  position: relative;
-  display: inline-flex;
-`,x=p.default.input`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  cursor: pointer;
-
-  &:disabled {
-    cursor: default;
-  }
-`;function g({size:t,color:i="primary",checked:s,disabled:n}){const{palette:{brand:r,grey:e,background:d}}=m.default();let l=e.white,u=e[50],o=e[10];return s&&(l=i==="primary"?r.primary.main:r[i],u=i==="primary"?r.primary.main:r[i],o=i==="primary"?e.white:e[10]),!s&&n&&(l=d.primary,u=e[30],o=e[20]),s&&n&&(l=i==="primary"?r.primary.disable:e[30],u=i==="primary"?r.primary.disable:e[30],o=i==="primary"?e.white:e[10]),a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:t==="2xLarge"?48:24,height:t==="2xLarge"?48:24,viewBox:"0 0 24 24",fill:"none",children:[a.jsx("path",{d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",fill:l}),a.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:u}),a.jsx("circle",{cx:"12",cy:"12",r:"4",fill:o})]})}const h=f.forwardRef(function({size:i="medium",color:s="primary",checked:n,disabled:r,inlineCSS:e,...d},l){return a.jsxs(C,{ref:l,css:e,children:[a.jsx(x,{type:"radio",checked:n,disabled:r,...d}),a.jsx(g,{size:i,color:s,checked:n,disabled:r})]})});exports.default=h;

package/dist/Radio/Radio.es.js

@@ -1,69 +0,0 @@
-import { jsxs as s, jsx as o } from "@emotion/react/jsx-runtime";
-import { forwardRef as y } from "react";
-import f from "@emotion/styled";
-import u from "../core/useTheme.es.js";
-const C = f.span`
-  position: relative;
-  display: inline-flex;
-`, h = f.input`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  cursor: pointer;
-
-  &:disabled {
-    cursor: default;
-  }
-`;
-function w({
-  size: m,
-  color: r = "primary",
-  checked: a,
-  disabled: p
-}) {
-  const {
-    palette: { brand: t, grey: i, background: d }
-  } = u();
-  let e = i.white, l = i[50], n = i[10];
-  return a && (e = r === "primary" ? t.primary.main : t[r], l = r === "primary" ? t.primary.main : t[r], n = r === "primary" ? i.white : i[10]), !a && p && (e = d.primary, l = i[30], n = i[20]), a && p && (e = r === "primary" ? t.primary.disable : i[30], l = r === "primary" ? t.primary.disable : i[30], n = r === "primary" ? i.white : i[10]), /* @__PURE__ */ s(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: m === "2xLarge" ? 48 : 24,
-      height: m === "2xLarge" ? 48 : 24,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ o(
-          "path",
-          {
-            d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
-            fill: e
-          }
-        ),
-        /* @__PURE__ */ o(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
-            fill: l
-          }
-        ),
-        /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "4", fill: n })
-      ]
-    }
-  );
-}
-const b = y(function({ size: r = "medium", color: a = "primary", checked: p, disabled: t, inlineCSS: i, ...d }, e) {
-  return /* @__PURE__ */ s(C, { ref: e, css: i, children: [
-    /* @__PURE__ */ o(h, { type: "radio", checked: p, disabled: t, ...d }),
-    /* @__PURE__ */ o(w, { size: r, color: a, checked: p, disabled: t })
-  ] });
-});
-export {
-  b as default
-};

package/dist/SegmentedButton/SegmentedButton.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("@emotion/react/jsx-runtime"),n=require("react"),m=require("@emotion/styled"),x=e=>e&&e.__esModule?e:{default:e},b=x(m),j=b.default.div`
-  display: flex;
-  align-items: center;
-  height: 44px;
-
-  ${({fullWidth:e})=>e?{width:"100%","& > button":{width:"100%",flexShrink:1}}:null}
-`,k=n.forwardRef(function({children:u,variant:d="outlined",color:c="primary",rounded:a=!0,onChange:r,value:f,fullWidth:p,inlineCSS:y,disabled:_,...g},h){const v=(t,i)=>o=>{typeof r=="function"&&r(t),typeof i=="function"&&i(o)};return S.jsx(j,{ref:h,fullWidth:p,...g,css:y,children:n.Children.map(u,(t,i)=>{var o,s,l;return n.isValidElement(t)?n.cloneElement(t,{...t.props,variant:d,color:c,rounded:a,disabled:_,isActive:f===((o=t.props)==null?void 0:o.value),isFirst:i===0,isLast:n.Children.count(u)-1===i,onClick:v((s=t.props)==null?void 0:s.value,(l=t.props)==null?void 0:l.onClick)}):null})})});exports.default=k;

package/dist/SegmentedButton/SegmentedButton.es.js

@@ -1,48 +0,0 @@
-import { jsx as x } from "@emotion/react/jsx-runtime";
-import { forwardRef as S, Children as u, isValidElement as k, cloneElement as w } from "react";
-import B from "@emotion/styled";
-const C = B.div`
-  display: flex;
-  align-items: center;
-  height: 44px;
-
-  ${({ fullWidth: r }) => r ? {
-  width: "100%",
-  "& > button": {
-    width: "100%",
-    flexShrink: 1
-  }
-} : null}
-`, A = S(function({
-  children: n,
-  variant: f = "outlined",
-  color: l = "primary",
-  rounded: d = !0,
-  onChange: s,
-  value: c,
-  fullWidth: a,
-  inlineCSS: m,
-  disabled: y,
-  ...h
-}, g) {
-  const v = (t, o) => (i) => {
-    typeof s == "function" && s(t), typeof o == "function" && o(i);
-  };
-  return /* @__PURE__ */ x(C, { ref: g, fullWidth: a, ...h, css: m, children: u.map(n, (t, o) => {
-    var i, e, p;
-    return k(t) ? w(t, {
-      ...t.props,
-      variant: f,
-      color: l,
-      rounded: d,
-      disabled: y,
-      isActive: c === ((i = t.props) == null ? void 0 : i.value),
-      isFirst: o === 0,
-      isLast: u.count(n) - 1 === o,
-      onClick: v((e = t.props) == null ? void 0 : e.value, (p = t.props) == null ? void 0 : p.onClick)
-    }) : null;
-  }) });
-});
-export {
-  A as default
-};

package/dist/Select/Select.cjs

@@ -1,53 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@emotion/react/jsx-runtime"),i=require("react"),P=require("../Backdrop/Backdrop.cjs"),T=require("../Box/Box.cjs"),K=require("../Flexbox/Flexbox.cjs"),U=require("../Icon/Icon.cjs"),X=require("@emotion/styled"),I=require("../utils/getSibling/getSibling.cjs"),G=e=>e&&e.__esModule?e:{default:e},m=G(X),J=m.default.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 10px;
-  color: ${({theme:e})=>e.palette.grey[100]};
-  width: ${({fullWidth:e})=>e?"100%":"328px"};
-  padding: ${({theme:e})=>`${e.spacing.content(3)}px ${e.spacing.content(4)}px`};
-  border-radius: 10px;
-  cursor: pointer;
-  & > svg {
-    color: inherit;
-  }
-
-  ${({theme:{palette:{grey:e,background:r}},variant:b})=>{let s={};switch(b){case"outlined":s={border:`1px solid ${e[50]}`,"&[disabled]":{backgroundColor:e[10],border:`1px solid ${e[30]}`,color:e[30],pointerEvents:"none"}};break;case"filled":s={border:"1px solid transparent",backgroundColor:r.primary,"&[disabled]":{backgroundColor:e[10],color:e[30],pointerEvents:"none"}};break}return s}}
-
-  ${({theme:{palette:{brand:e}},isFocused:r})=>r?{border:`1px solid ${e.primary.line}`}:{}}
-  
-  ${({size:e})=>{let r={};switch(e){case"large":r={height:"48px"};break;case"xLarge":r={height:"56px"};break}return r}}
-`,N=m.default.div`
-  display: flex;
-  width: calc(100% - 24px - 8px);
-  gap: ${({theme:e})=>`${e.spacing.content(2)}px`};
-  & svg {
-    color: inherit;
-  }
-
-  ${({theme:{typography:e,palette:{grey:r}},value:b})=>{const s={fontSize:e.b2R.size,fontWeight:e.b2R.size,lineHeight:e.b2R.lineHeight,letterSpacing:e.b2R.letterSpacing,"&[disabled]":{color:r[30]}};return b?{...s,color:r[100]}:{...s,color:r[50]}}}
-`,Q=m.default.div`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,Y=m.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transform: ${({isFocused:e})=>e?"rotate(180deg)":"rotate(0deg)"};
-  transition: transform 200ms linear;
-`,Z=m.default.ul`
-  position: fixed;
-  max-height: 476px;
-  overflow-y: auto;
-  z-index: 100003;
-  margin-top: ${({theme:e})=>`${e.spacing.content(1)}px`};
-  display: flex;
-  flex-direction: column;
-  border-radius: 10px;
-  padding: ${({theme:e})=>`${e.spacing.content(1)}px 0`};
-  background: ${({theme:e})=>e.palette.grey.white};
-  box-shadow: ${({theme:{elevation:e}})=>e[4]};
-  transition: opacity 200ms linear;
-  opacity: ${({isFocused:e})=>e?1:0};
-`,ee=i.forwardRef(function({value:r,onChange:b,open:s,onOpen:$,onClose:v,variant:E="outlined",size:q="large",startAdornment:j,placeholder:O="TEXT",disabled:C=!1,fullWidth:W,children:g,inlineCSS:D,...w},z){const _=i.useId(),p=i.useRef(null),H=i.useRef(null),x=i.useRef(""),[d,u]=i.useState(s||!1),[a,l]=i.useState(""),[S,k]=i.useState({top:0,bottom:0,left:0,width:0}),f=(w==null?void 0:w.id)||_,B=()=>{s===void 0?u(t=>!t):s===!1&&$&&typeof $=="function"&&$()},y=t=>()=>{b(t.toString()),R()},R=()=>{s===void 0?(u(!1),l("")):s===!0&&v&&typeof v=="function"&&v()},L=t=>{if(t.preventDefault(),t.code==="Escape"&&u(!1),t.code==="Space"||t.code==="Enter")if(x.current?l(x.current):a||l(`${f}-0`),d){if(a){const n=document.querySelector(`#${CSS.escape(a)}`);n&&n.hasAttribute("value")&&(x.current=n==null?void 0:n.id,y(n.value)())}u(!1)}else u(!0);if(t.code==="ArrowDown"||t.code==="ArrowUp"){if(d||u(!0),x.current?l(x.current):l(`${f}-0`),!a)return;const n=document.querySelector(`#${CSS.escape(a)}`);if(!n)return;if(t.code==="ArrowDown"){const o=I.default(n,"next",{skipDisabled:!0});o&&o.id?(l(o.id),o.scrollIntoView({block:"end"})):l(a)}if(t.code==="ArrowUp"){const o=I.default(n,"prev",{skipDisabled:!0});o&&o.id&&(l(o.id),o.scrollIntoView({block:"end"}))}}if(t.code==="Home"&&l(`${f}-0`),t.code==="End"){const n=i.Children.count(g);l(`${f}-${n-1}`)}},V=t=>{const n=i.Children.map(t,o=>i.isValidElement(o)&&o&&o.props.value===r?o.props.children:null);return n&&n.length?n[0]:""};return i.useEffect(()=>{const t=()=>{if(p.current){const n=p.current.getBoundingClientRect(),o=i.Children.count(g),h=40,A=24,F=h*o>476?476:h*o,M=p.current.getBoundingClientRect().bottom+F+A>window.innerHeight;k(M?{bottom:24,left:n.left,width:p.current.offsetWidth}:{top:n.top+n.height,left:n.left,width:p.current.offsetWidth})}};return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[g]),i.useEffect(()=>{s!==void 0&&u(s)},[s]),c.jsxs(T.default,{ref:z,inlineCSS:{position:"relative"},children:[c.jsxs(J,{role:"combobox",ref:p,tabIndex:0,variant:E,size:q,disabled:C,fullWidth:W,isFocused:d,onClick:B,onKeyDown:L,"aria-controls":f,"aria-expanded":d,"aria-haspopup":"listbox","aria-activedescendant":a,...w,css:D,children:[c.jsxs(N,{value:r==="0"||!!r,disabled:C,children:[j&&c.jsx(K.default,{justifyContent:"center",alignItems:"center",children:j}),c.jsx(Q,{children:V(g)||O})]}),c.jsx(Y,{isFocused:d,children:c.jsx(U.default,{name:"ChevronDownLine",size:"small",color:C?"grey.30":"grey.100"})})]}),c.jsx(P.default,{open:d,onClose:R,inlineCSS:{backgroundColor:"transparent"},children:c.jsx(Z,{id:f,role:"listbox",ref:H,tabIndex:-1,isFocused:d,style:{top:S.top,bottom:S.bottom,left:S.left,width:S.width},children:i.Children.map(g,(t,n)=>{if(!i.isValidElement(t)||!t.props.value)return null;const o=`${f}-${n}`,h=r===t.props.value;return h&&(x.current=o),i.cloneElement(t,{id:o,selected:h,focused:o===a,onClick:y(t.props.value)})})})})]})});exports.default=ee;

package/dist/Slider/Slider.cjs

@@ -1,40 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@emotion/react/jsx-runtime"),i=require("react"),E=require("../Flexbox/Flexbox.cjs"),I=require("@emotion/styled"),O=e=>e&&e.__esModule?e:{default:e},u=O(I),B=u.default.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  width: 100%;
-  height: 12px;
-  margin: ${({theme:{spacing:e}})=>`${e.content(2)}px 0px`};
-  cursor: pointer;
-  border-radius: 20px;
-`,F=u.default.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: ${({theme:{palette:e}})=>e.grey[10]};
-  border-radius: inherit;
-`,G=u.default.div`
-  position: absolute;
-  height: 100%;
-  background: ${({theme:{palette:e}})=>e.brand.primary.main};
-  border-radius: inherit;
-`,U=u.default.div`
-  position: absolute;
-  display: flex;
-  width: 24px;
-  height: 24px;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${({theme:{spacing:e}})=>`${e.content(2)}px ${e.content(3)}px`};
-  background: ${({theme:{palette:e}})=>e.grey[90]};
-  transform: translateX(-50%);
-  border-radius: 50%;
-`,W=u.default.div`
-  position: absolute;
-  width: 4px;
-  height: 4px;
-  transform: translateX(-50%);
-  border-radius: 50%;
-
-  ${({theme:{palette:e},marked:l,disabled:d,hasMarks:r})=>d||!r?{background:"transparent",opacity:0}:l?{background:e.grey.white}:{background:e.grey[30]}}
-`,j=10,z=i.forwardRef(function({value:l,onChange:d,step:r=1,min:s=0,max:c=100,hasMarks:T=!0,disabledValues:N=[],railProps:f,trackProps:h,thumbProps:g,inlineCSS:_,...D},p){const o=i.useRef(null),b=i.useRef(null),q=i.useRef(null),[C,M]=i.useState(!1),m=100/((c-s)/r),k=t=>{if(o.current){const n=t-o.current.getBoundingClientRect().left,S=Array.from(o.current.querySelectorAll('[class^="slider-mark-"]:not([disabled])')),x=S.reduce((v,R)=>Math.abs(R.offsetLeft-n)<Math.abs(v.offsetLeft-n)?R:v,S[0]).getAttribute("data-value");return x!==null?Number(x):null}return null},$=t=>{M(!0);const n=k(t);n!==null&&d(n)},w=t=>{if(!C)return;const n=k(t);n!==null&&d(n)},y=()=>M(!1),X=t=>$(t.clientX),A=t=>$(t.touches[0].clientX),L=t=>w(t.clientX),V=t=>w(t.touches[0].clientX);return i.useEffect(()=>{if(o.current){const t=o.current.querySelector(`[data-value="${l}"]`);if(b.current&&t){const{offsetLeft:n,offsetWidth:S}=t;b.current.style.width=`${n+S+j*2}px`}}},[l,s,c,r]),a.jsxs(B,{ref:p,...D,className:"slider",onMouseDown:X,onMouseMove:L,onMouseUp:y,onMouseLeave:y,onTouchStart:A,onTouchMove:V,onTouchEnd:y,onTouchCancel:y,css:_,children:[a.jsx(F,{ref:q,...f,css:f==null?void 0:f.inlineCSS,className:"slider-rail"}),a.jsx(G,{ref:b,...h,css:h==null?void 0:h.inlineCSS,className:"slider-track"}),a.jsxs(E.default,{className:"slider-mark-wrapper",alignItems:"center",ref:o,inlineCSS:{margin:`0 ${j+2}px`,width:"100%",height:"24px",position:"relative"},children:[c>0&&s<c&&r>0&&Array.from({length:(c-s)/r+1},(t,n)=>a.jsx(W,{className:`slider-mark-${n} slider-mark`,marked:n<=(l-s)/r,hasMarks:T,disabled:N.includes(s+r*n),"data-value":s+r*n,style:{left:`${m*n}%`}},`slider-mark-${l}:${s+r*n}`)),a.jsx(U,{...g,className:"slider-thumb",css:g==null?void 0:g.inlineCSS,style:{left:`${m*(l-s)/r}%`}})]})]})});exports.default=z;

package/dist/Slider/Slider.es.js

@@ -1,163 +0,0 @@
-import { jsxs as N, jsx as m } from "@emotion/react/jsx-runtime";
-import { forwardRef as B, useRef as S, useState as F, useEffect as G } from "react";
-import O from "../Flexbox/Flexbox.es.js";
-import i from "@emotion/styled";
-const U = i.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  width: 100%;
-  height: 12px;
-  margin: ${({ theme: { spacing: n } }) => `${n.content(2)}px 0px`};
-  cursor: pointer;
-  border-radius: 20px;
-`, W = i.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: ${({ theme: { palette: n } }) => n.grey[10]};
-  border-radius: inherit;
-`, _ = i.div`
-  position: absolute;
-  height: 100%;
-  background: ${({ theme: { palette: n } }) => n.brand.primary.main};
-  border-radius: inherit;
-`, z = i.div`
-  position: absolute;
-  display: flex;
-  width: 24px;
-  height: 24px;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${({ theme: { spacing: n } }) => `${n.content(2)}px ${n.content(3)}px`};
-  background: ${({ theme: { palette: n } }) => n.grey[90]};
-  transform: translateX(-50%);
-  border-radius: 50%;
-`, H = i.div`
-  position: absolute;
-  width: 4px;
-  height: 4px;
-  transform: translateX(-50%);
-  border-radius: 50%;
-
-  ${({ theme: { palette: n }, marked: o, disabled: c, hasMarks: r }) => c || !r ? {
-  background: "transparent",
-  opacity: 0
-} : o ? {
-  background: n.grey.white
-} : {
-  background: n.grey[30]
-}}
-`, T = 10, P = B(function({
-  value: o,
-  onChange: c,
-  step: r = 1,
-  min: s = 0,
-  max: a = 100,
-  hasMarks: R = !0,
-  disabledValues: C = [],
-  railProps: d,
-  trackProps: u,
-  thumbProps: f,
-  inlineCSS: D,
-  ...X
-}, A) {
-  const l = S(null), y = S(null), L = S(null), [V, b] = F(!1), k = 100 / ((a - s) / r), M = (e) => {
-    if (l.current) {
-      const t = e - l.current.getBoundingClientRect().left, g = Array.from(
-        l.current.querySelectorAll('[class^="slider-mark-"]:not([disabled])')
-      ), v = g.reduce((x, p) => Math.abs(p.offsetLeft - t) < Math.abs(x.offsetLeft - t) ? p : x, g[0]).getAttribute("data-value");
-      return v !== null ? Number(v) : null;
-    }
-    return null;
-  }, $ = (e) => {
-    b(!0);
-    const t = M(e);
-    t !== null && c(t);
-  }, w = (e) => {
-    if (!V) return;
-    const t = M(e);
-    t !== null && c(t);
-  }, h = () => b(!1), j = (e) => $(e.clientX), E = (e) => $(e.touches[0].clientX), I = (e) => w(e.clientX), q = (e) => w(e.touches[0].clientX);
-  return G(() => {
-    if (l.current) {
-      const e = l.current.querySelector(
-        `[data-value="${o}"]`
-      );
-      if (y.current && e) {
-        const { offsetLeft: t, offsetWidth: g } = e;
-        y.current.style.width = `${t + g + T * 2}px`;
-      }
-    }
-  }, [o, s, a, r]), /* @__PURE__ */ N(
-    U,
-    {
-      ref: A,
-      ...X,
-      className: "slider",
-      onMouseDown: j,
-      onMouseMove: I,
-      onMouseUp: h,
-      onMouseLeave: h,
-      onTouchStart: E,
-      onTouchMove: q,
-      onTouchEnd: h,
-      onTouchCancel: h,
-      css: D,
-      children: [
-        /* @__PURE__ */ m(W, { ref: L, ...d, css: d == null ? void 0 : d.inlineCSS, className: "slider-rail" }),
-        /* @__PURE__ */ m(
-          _,
-          {
-            ref: y,
-            ...u,
-            css: u == null ? void 0 : u.inlineCSS,
-            className: "slider-track"
-          }
-        ),
-        /* @__PURE__ */ N(
-          O,
-          {
-            className: "slider-mark-wrapper",
-            alignItems: "center",
-            ref: l,
-            inlineCSS: {
-              margin: `0 ${T + 2}px`,
-              width: "100%",
-              height: "24px",
-              position: "relative"
-            },
-            children: [
-              a > 0 && s < a && r > 0 && Array.from({ length: (a - s) / r + 1 }, (e, t) => /* @__PURE__ */ m(
-                H,
-                {
-                  className: `slider-mark-${t} slider-mark`,
-                  marked: t <= (o - s) / r,
-                  hasMarks: R,
-                  disabled: C.includes(s + r * t),
-                  "data-value": s + r * t,
-                  style: {
-                    left: `${k * t}%`
-                  }
-                },
-                `slider-mark-${o}:${s + r * t}`
-              )),
-              /* @__PURE__ */ m(
-                z,
-                {
-                  ...f,
-                  className: "slider-thumb",
-                  css: f == null ? void 0 : f.inlineCSS,
-                  style: { left: `${k * (o - s) / r}%` }
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  P as default
-};

package/dist/Switch/Switch.cjs

@@ -1,30 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),f=require("react"),h=require("@emotion/styled"),d=r=>r&&r.__esModule?r:{default:r},i=d(h),x=i.default.div`
-  position: relative;
-  display: flex;
-  width: 56px;
-  height: 32px;
-  padding: ${({theme:{spacing:r}})=>`${r.content(1)}px`};
-  align-items: center;
-  border-radius: 20px;
-  transition: ${({transitionDuration:r})=>`background-color ${r}ms ease-in-out`};
-  pointer-events: ${({disabled:r})=>r?"none":"auto"};
-
-  ${({theme:{palette:{brand:r,grey:n}},selected:t,disabled:o})=>t&&o?{backgroundColor:r.primary.bg}:t&&!o?{backgroundColor:r.primary.main}:!t&&o?{backgroundColor:n[20]}:!t&&!o?{backgroundColor:n[40]}:{}}
-`,g=i.default.div`
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  transition: ${({transitionDuration:r})=>`all ${r}ms ease-in-out`};
-  transition-property: background-color, transform, filter;
-
-  ${({theme:{palette:{grey:r,background:n}},selected:t,disabled:o})=>t&&o?{backgroundColor:r.white,transform:"translateX(100%)"}:t&&!o?{backgroundColor:r.white,filter:"drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.20))",transform:"translateX(100%)"}:!t&&o?{backgroundColor:n.primary}:!t&&!o?{backgroundColor:r.white,filter:"drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.20))"}:{}}
-`,m=i.default.input`
-  position: absolute;
-  appearance: none;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  border-radius: 20px;
-  cursor: pointer;
-`,w=f.forwardRef(function({selected:n,disabled:t,onChange:o,transitionDuration:u=150,inputProps:a,thumbProps:p,inlineCSS:c,...s},l){return e.jsxs(x,{ref:l,selected:n,disabled:t,transitionDuration:u,css:c,...s,children:[e.jsx(g,{selected:n,disabled:t,transitionDuration:u,...p}),e.jsx(m,{type:"checkbox",role:"switch",checked:n,disabled:t,onChange:o,...a})]})});exports.default=w;

package/dist/Switch/Switch.es.js

@@ -1,111 +0,0 @@
-import { jsxs as m, jsx as p } from "@emotion/react/jsx-runtime";
-import { forwardRef as s } from "react";
-import i from "@emotion/styled";
-const x = i.div`
-  position: relative;
-  display: flex;
-  width: 56px;
-  height: 32px;
-  padding: ${({ theme: { spacing: r } }) => `${r.content(1)}px`};
-  align-items: center;
-  border-radius: 20px;
-  transition: ${({ transitionDuration: r }) => `background-color ${r}ms ease-in-out`};
-  pointer-events: ${({ disabled: r }) => r ? "none" : "auto"};
-
-  ${({
-  theme: {
-    palette: { brand: r, grey: n }
-  },
-  selected: o,
-  disabled: t
-}) => o && t ? {
-  backgroundColor: r.primary.bg
-} : o && !t ? {
-  backgroundColor: r.primary.main
-} : !o && t ? {
-  backgroundColor: n[20]
-} : !o && !t ? {
-  backgroundColor: n[40]
-} : {}}
-`, g = i.div`
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  transition: ${({ transitionDuration: r }) => `all ${r}ms ease-in-out`};
-  transition-property: background-color, transform, filter;
-
-  ${({
-  theme: {
-    palette: { grey: r, background: n }
-  },
-  selected: o,
-  disabled: t
-}) => o && t ? {
-  backgroundColor: r.white,
-  transform: "translateX(100%)"
-} : o && !t ? {
-  backgroundColor: r.white,
-  filter: "drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.20))",
-  transform: "translateX(100%)"
-} : !o && t ? {
-  backgroundColor: n.primary
-} : !o && !t ? {
-  backgroundColor: r.white,
-  filter: "drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.20))"
-} : {}}
-`, l = i.input`
-  position: absolute;
-  appearance: none;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  border-radius: 20px;
-  cursor: pointer;
-`, d = s(function({
-  selected: n,
-  disabled: o,
-  onChange: t,
-  transitionDuration: a = 150,
-  inputProps: e,
-  thumbProps: u,
-  inlineCSS: h,
-  ...c
-}, f) {
-  return /* @__PURE__ */ m(
-    x,
-    {
-      ref: f,
-      selected: n,
-      disabled: o,
-      transitionDuration: a,
-      css: h,
-      ...c,
-      children: [
-        /* @__PURE__ */ p(
-          g,
-          {
-            selected: n,
-            disabled: o,
-            transitionDuration: a,
-            ...u
-          }
-        ),
-        /* @__PURE__ */ p(
-          l,
-          {
-            type: "checkbox",
-            role: "switch",
-            checked: n,
-            disabled: o,
-            onChange: t,
-            ...e
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  d as default
-};

package/dist/TextArea/TextArea.cjs

@@ -1,68 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@emotion/react/jsx-runtime"),l=require("react"),k=require("@emotion/styled"),_=t=>t&&t.__esModule?t:{default:t},c=_(k),M=c.default.div`
-  position: relative;
-  border-radius: 12px;
-  height: auto;
-  overflow: hidden;
-
-  ${({theme:{palette:{brand:t,background:i,grey:n}},variant:d,isFocused:r})=>d==="filled"?{backgroundColor:i.primary,border:"1px solid transparent"}:d==="outlined"?r?{backgroundColor:n.white,border:`1px solid ${t.primary.line}`}:{backgroundColor:n.white,border:`1px solid ${n[50]}`}:{}};
-
-  ${({theme:{palette:{etc:t}},variant:i,helper:n})=>i==="outlined"&&((n==null?void 0:n.severity)==="error"||n!=null&&n.message)?{borderColor:t.red}:{}}
-
-  ${({theme:{palette:{grey:t}},variant:i,disabled:n})=>i==="outlined"&&n?{backgroundColor:t[10],borderColor:t[30]}:{}}
-
-  ${({fullWidth:t})=>t?{width:"100%"}:{}}
-`,W=c.default.textarea`
-  width: 100%;
-  overflow: hidden;
-  resize: none;
-  border: none;
-  outline: 0;
-  background: transparent;
-  padding: ${({theme:t})=>`${t.spacing.content(3)}px ${t.spacing.content(4)}px ${t.spacing.content(2)}px`};
-  min-height: ${({minHeight:t})=>t}px;
-
-  ${({theme:{typography:{b2R:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
-
-  @media (max-width: 360px) {
-    ${({theme:{typography:{b3R:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
-  }
-
-  &::placeholder {
-    color: ${({theme:t})=>t.palette.grey[50]};
-    text-align: justify;
-  }
-
-  &[disabled] {
-    color: ${({theme:t})=>t.palette.grey[30]};
-    cursor: not-allowed;
-  }
-
-  &[disabled]::placeholder {
-    color: ${({theme:t})=>t.palette.grey[30]};
-  }
-`,q=c.default.div`
-  color: ${({theme:t,disabled:i})=>i?t.palette.grey[30]:t.palette.grey[50]};
-  text-align: right;
-  padding-right: ${({theme:t})=>t.spacing.content(4)}px;
-  padding-bottom: ${({theme:t})=>t.spacing.content(3)}px;
-
-  ${({theme:{typography:{b4R:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
-
-  & > span {
-    color: ${({theme:t,disabled:i})=>i?t.palette.grey[30]:t.palette.grey[100]};
-  }
-`,A=c.default.p`
-  margin-top: ${({theme:{spacing:t}})=>t.content(1)}px;
-  color: ${({theme:t})=>t.palette.etc.red};
-
-  ${({theme:{typography:{c3R:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
-`,T=c.default.p`
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-`,F=l.forwardRef(({onChange:t,value:i,variant:n="filled",size:d="large",maxLength:r=290,onFocus:p,onBlur:x,helper:o,disabled:g=!1,wrapperProps:u,...S},m)=>{const f=l.useRef(null),h=l.useRef(d==="large"?112.5:57.5),[v,y]=l.useState(!1),$=l.useId(),H=e=>{e.target.value.length>r&&(e.target.value=e.target.value.slice(0,r)),typeof t=="function"&&t(e)},w=e=>{y(!0),typeof p=="function"&&p(e)},j=e=>{y(!1),typeof x=="function"&&x(e)},C=()=>{var s;const e=(s=f.current)==null?void 0:s.querySelector("textarea");e&&e.focus()};return l.useEffect(()=>{var s;const e=(s=f.current)==null?void 0:s.querySelector("textarea");if(e){e.style.height="auto";const{scrollHeight:b,clientHeight:z}=e;e.style.height=`${h.current}px`,e.style.height=`${Math.max(b,h.current,z)}px`}},[i]),a.jsxs("div",{children:[a.jsxs(M,{ref:f,isFocused:v,variant:n,helper:o,disabled:g,...u,css:u==null?void 0:u.inlineCSS,children:[a.jsx(W,{ref:m,onChange:H,onFocus:w,onBlur:j,value:i,disabled:g,"aria-invalid":(o==null?void 0:o.severity)==="error","aria-describedby":o!=null&&o.message?$:void 0,minHeight:h.current,...S}),a.jsxs(q,{disabled:g,onClick:C,children:["(",a.jsx("span",{children:i.length})," / ",r,")"]})]}),(o==null?void 0:o.message)&&!g&&a.jsx(A,{id:$,helper:o,children:o.message}),i.length>=r&&a.jsxs(T,{"aria-live":"assertive",role:"alert",children:["최대 입력 글자 수에 도달하였습니다. ",r," 자까지 입력이 가능합니다."]})]})});exports.default=F;