@dotss/ui 0.0.10 → 0.0.12

package/Accordion/Accordion.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@emotion/react/jsx-runtime"),i=require("react"),_=require("../Icon/Icon.cjs"),q=require("../utils/convertNumberToCSSValue.cjs"),C=require("@emotion/styled"),T=e=>e&&e.__esModule?e:{default:e},c=T(C),k=c.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@emotion/react/jsx-runtime"),l=require("react"),z=require("../Icon/Icon.cjs"),A=require("../utils/convertNumberToCSSValue.cjs"),D=require("@emotion/styled"),L=e=>e&&e.__esModule?e:{default:e},s=L(D),N=s.default.div`
   display: flex;
   flex-direction: column;
   border-radius: 12px;
   background-color: ${({theme:{palette:{grey:e,background:n}},disabled:t})=>t?n.secondary:e.white};
 
   ${({fullWidth:e})=>e?{width:"100%"}:null};
-`,z=c.default.div`
+`,O=s.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -14,21 +14,27 @@
   cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
 
   ${({theme:{palette:{grey:e},typography:{h5M:n}},disabled:t})=>({fontSize:n.size,fontWeight:n.weight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,color:t?e[50]:e[70],"& svg":{color:t?e[50]:e[70]}})};
-`,A=c.default.button`
+`,V=s.default.button`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: ${({theme:{spacing:e}})=>e.content(2)}px;
   padding: ${({theme:{spacing:e}})=>e.content(4)}px;
-`,D=c.default.div`
+
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+
+  ${({fullWidth:e})=>e?{width:"100%"}:null};
+`,F=s.default.div`
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.2s;
   transform: rotate(${({expand:e})=>e?"180deg":"0deg"});
-`,B=c.default.div`
+`,G=s.default.div`
   transition: height 0.2s;
   overflow: hidden;
-`,L=c.default.div`
+`,J=s.default.div`
   padding: ${({theme:{spacing:e}})=>`0 ${e.content(4)}px ${e.content(4)}px ${e.content(4)}px`};
-`,N=i.forwardRef(function({children:n,expand:t=!1,title:S,endAdornment:v,onChange:h,disabled:u=!1,inlineCSS:E,headerProps:d,...w},I){const m=i.useId(),x=i.useId(),[r,g]=i.useState(t),[f,p]=i.useState(t?"auto":"0px"),o=i.useRef(null),b=s=>{u||(typeof h=="function"?h(s):g(a=>!a))};return i.useEffect(()=>{g(t)},[t]),i.useEffect(()=>{var y,$;let s;const a=q.default(((y=o.current)==null?void 0:y.scrollHeight)||0),H=!r&&f==="auto",R=!r&&f!=="auto";return($=o.current)!=null&&$.parentElement&&(r?(o.current.parentElement.style.height=a,s=setTimeout(()=>{var j;p("auto"),(j=o.current)!=null&&j.parentElement&&(o.current.parentElement.style.height="auto")},200)):H?(o.current.parentElement.style.height=a,p(a)):R&&(o.current.parentElement.style.height="0px",p("0px"))),()=>{s&&clearTimeout(s)}},[r,f]),l.jsxs(k,{ref:I,disabled:u,...w,css:E,children:[l.jsx(z,{as:(d==null?void 0:d.tag)||"h3",onClick:b,disabled:u,...d,children:l.jsxs(A,{id:m,"aria-disabled":u,"aria-expanded":r,"aria-controls":x,children:[S,l.jsx(D,{expand:r,children:v||l.jsx(_.default,{name:"ChevronDownLine",size:"xSmall"})})]})}),l.jsx(B,{children:l.jsx(L,{role:"region",id:x,"aria-labelledby":m,ref:o,children:n})})]})});exports.default=N;
+`,K=l.forwardRef(function({children:n,expand:t=!1,title:I,endAdornment:E,onChange:g,disabled:u=!1,inlineCSS:b,fullWidth:p=!1,headerProps:d,headerButtonProps:f,panelProps:m,...H},R){const _=l.useId(),q=l.useId(),y=(f==null?void 0:f.id)||_,$=(m==null?void 0:m.id)||q,[c,j]=l.useState(t),[h,x]=l.useState(t?"auto":"0px"),i=l.useRef(null),C=r=>{u||(typeof g=="function"?g(r):j(a=>!a))};return l.useEffect(()=>{j(t)},[t]),l.useEffect(()=>{var S,v;let r;const a=A.default(((S=i.current)==null?void 0:S.scrollHeight)||0),T=!c&&h==="auto",k=!c&&h!=="auto";return(v=i.current)!=null&&v.parentElement&&(c?(i.current.parentElement.style.height=a,r=setTimeout(()=>{var w;x("auto"),(w=i.current)!=null&&w.parentElement&&(i.current.parentElement.style.height="auto")},200)):T?(i.current.parentElement.style.height=a,x(a)):k&&(i.current.parentElement.style.height="0px",x("0px"))),()=>{r&&clearTimeout(r)}},[c,h]),o.jsxs(N,{ref:R,disabled:u,fullWidth:p,...H,css:b,children:[o.jsx(O,{as:(d==null?void 0:d.tag)||"h3",onClick:C,disabled:u,...d,children:o.jsxs(V,{id:y,"aria-disabled":u,"aria-expanded":c,"aria-controls":$,fullWidth:p,...f,children:[I,o.jsx(F,{expand:c,children:E||o.jsx(z.default,{name:"ChevronDownLine",size:"xSmall"})})]})}),o.jsx(G,{children:o.jsx(J,{role:"region",id:$,"aria-labelledby":y,ref:i,...m,children:n})})]})});exports.default=K;

package/Accordion/Accordion.d.ts

@@ -9,6 +9,8 @@ export interface AccordionProps extends Omit<GeneralComponentProps<HTMLAttribute
     fullWidth?: boolean;
     disabled?: boolean;
     headerProps?: PolymorphicComponentProps<ElementType>;
+    headerButtonProps?: HTMLAttributes<HTMLButtonElement>;
+    panelProps?: HTMLAttributes<HTMLDivElement>;
 }
 declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Accordion;

package/Accordion/Accordion.es.js

@@ -1,115 +1,136 @@
-import { jsxs as v, jsx as s } from "@emotion/react/jsx-runtime";
-import { forwardRef as z, useId as w, useState as E, useRef as A, useEffect as S } from "react";
-import B from "../Icon/Icon.es.js";
-import D from "../utils/convertNumberToCSSValue.es.js";
-import r from "@emotion/styled";
-const L = r.div`
+import { jsxs as E, jsx as a } from "@emotion/react/jsx-runtime";
+import { forwardRef as V, useId as S, useState as H, useRef as q, useEffect as b } from "react";
+import F from "../Icon/Icon.es.js";
+import G from "../utils/convertNumberToCSSValue.es.js";
+import c from "@emotion/styled";
+const J = c.div`
   display: flex;
   flex-direction: column;
   border-radius: 12px;
   background-color: ${({
   theme: {
-    palette: { grey: e, background: n }
+    palette: { grey: t, background: n }
   },
-  disabled: t
-}) => t ? n.secondary : e.white};
+  disabled: e
+}) => e ? n.secondary : t.white};
 
-  ${({ fullWidth: e }) => e ? { width: "100%" } : null};
-`, N = r.div`
+  ${({ fullWidth: t }) => t ? { width: "100%" } : null};
+`, K = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-height: calc(24px + (${({ theme: { spacing: e } }) => e.content(4)}px * 2));
-  gap: ${({ theme: { spacing: e } }) => e.content(2)}px;
-  cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
+  min-height: calc(24px + (${({ theme: { spacing: t } }) => t.content(4)}px * 2));
+  gap: ${({ theme: { spacing: t } }) => t.content(2)}px;
+  cursor: ${({ disabled: t }) => t ? "not-allowed" : "pointer"};
 
   ${({
   theme: {
-    palette: { grey: e },
+    palette: { grey: t },
     typography: { h5M: n }
   },
-  disabled: t
+  disabled: e
 }) => ({
   fontSize: n.size,
   fontWeight: n.weight,
   lineHeight: n.lineHeight,
   letterSpacing: n.letterSpacing,
-  color: t ? e[50] : e[70],
+  color: e ? t[50] : t[70],
   "& svg": {
-    color: t ? e[50] : e[70]
+    color: e ? t[50] : t[70]
   }
 })};
-`, V = r.button`
+`, O = c.button`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: ${({ theme: { spacing: e } }) => e.content(2)}px;
-  padding: ${({ theme: { spacing: e } }) => e.content(4)}px;
-`, W = r.div`
+  gap: ${({ theme: { spacing: t } }) => t.content(2)}px;
+  padding: ${({ theme: { spacing: t } }) => t.content(4)}px;
+
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+
+  ${({ fullWidth: t }) => t ? { width: "100%" } : null};
+`, Q = c.div`
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.2s;
-  transform: rotate(${({ expand: e }) => e ? "180deg" : "0deg"});
-`, q = r.div`
+  transform: rotate(${({ expand: t }) => t ? "180deg" : "0deg"});
+`, U = c.div`
   transition: height 0.2s;
   overflow: hidden;
-`, F = r.div`
-  padding: ${({ theme: { spacing: e } }) => `0 ${e.content(4)}px ${e.content(4)}px ${e.content(4)}px`};
-`, U = z(function({
+`, W = c.div`
+  padding: ${({ theme: { spacing: t } }) => `0 ${t.content(4)}px ${t.content(4)}px ${t.content(4)}px`};
+`, M = V(function({
   children: n,
-  expand: t = !1,
-  title: I,
-  endAdornment: H,
-  onChange: p,
-  disabled: a = !1,
-  inlineCSS: b,
+  expand: e = !1,
+  title: j,
+  endAdornment: C,
+  onChange: g,
+  disabled: s = !1,
+  inlineCSS: R,
+  fullWidth: p = !1,
   headerProps: d,
-  ...j
-}, C) {
-  const m = w(), h = w(), [i, g] = E(t), [f, u] = E(t ? "auto" : "0px"), o = A(null), R = (c) => {
-    a || (typeof p == "function" ? p(c) : g((l) => !l));
+  headerButtonProps: f,
+  panelProps: u,
+  ...T
+}, k) {
+  const z = S(), A = S(), x = (f == null ? void 0 : f.id) || z, y = (u == null ? void 0 : u.id) || A, [o, $] = H(e), [m, h] = H(e ? "auto" : "0px"), i = q(null), D = (l) => {
+    s || (typeof g == "function" ? g(l) : $((r) => !r));
   };
-  return S(() => {
-    g(t);
-  }, [t]), S(() => {
-    var x, y;
-    let c;
-    const l = D(
-      ((x = o.current) == null ? void 0 : x.scrollHeight) || 0
-    ), T = !i && f === "auto", k = !i && f !== "auto";
-    return (y = o.current) != null && y.parentElement && (i ? (o.current.parentElement.style.height = l, c = setTimeout(() => {
-      var $;
-      u("auto"), ($ = o.current) != null && $.parentElement && (o.current.parentElement.style.height = "auto");
-    }, 200)) : T ? (o.current.parentElement.style.height = l, u(l)) : k && (o.current.parentElement.style.height = "0px", u("0px"))), () => {
-      c && clearTimeout(c);
+  return b(() => {
+    $(e);
+  }, [e]), b(() => {
+    var w, I;
+    let l;
+    const r = G(
+      ((w = i.current) == null ? void 0 : w.scrollHeight) || 0
+    ), L = !o && m === "auto", N = !o && m !== "auto";
+    return (I = i.current) != null && I.parentElement && (o ? (i.current.parentElement.style.height = r, l = setTimeout(() => {
+      var v;
+      h("auto"), (v = i.current) != null && v.parentElement && (i.current.parentElement.style.height = "auto");
+    }, 200)) : L ? (i.current.parentElement.style.height = r, h(r)) : N && (i.current.parentElement.style.height = "0px", h("0px"))), () => {
+      l && clearTimeout(l);
     };
-  }, [i, f]), /* @__PURE__ */ v(L, { ref: C, disabled: a, ...j, css: b, children: [
-    /* @__PURE__ */ s(
-      N,
+  }, [o, m]), /* @__PURE__ */ E(J, { ref: k, disabled: s, fullWidth: p, ...T, css: R, children: [
+    /* @__PURE__ */ a(
+      K,
       {
         as: (d == null ? void 0 : d.tag) || "h3",
-        onClick: R,
-        disabled: a,
+        onClick: D,
+        disabled: s,
         ...d,
-        children: /* @__PURE__ */ v(
-          V,
+        children: /* @__PURE__ */ E(
+          O,
           {
-            id: m,
-            "aria-disabled": a,
-            "aria-expanded": i,
-            "aria-controls": h,
+            id: x,
+            "aria-disabled": s,
+            "aria-expanded": o,
+            "aria-controls": y,
+            fullWidth: p,
+            ...f,
             children: [
-              I,
-              /* @__PURE__ */ s(W, { expand: i, children: H || /* @__PURE__ */ s(B, { name: "ChevronDownLine", size: "xSmall" }) })
+              j,
+              /* @__PURE__ */ a(Q, { expand: o, children: C || /* @__PURE__ */ a(F, { name: "ChevronDownLine", size: "xSmall" }) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(F, { role: "region", id: h, "aria-labelledby": m, ref: o, children: n }) })
+    /* @__PURE__ */ a(U, { children: /* @__PURE__ */ a(
+      W,
+      {
+        role: "region",
+        id: y,
+        "aria-labelledby": x,
+        ref: i,
+        ...u,
+        children: n
+      }
+    ) })
   ] });
 });
 export {
-  U as default
+  M as default
 };

package/Autocomplete/Autocomplete.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@emotion/react/jsx-runtime"),n=require("react"),B=require("../CircularProgressIndicator/CircularProgressIndicator.cjs"),T=require("../Flexbox/Flexbox.cjs"),D=require("../Icon/Icon.cjs"),z=require("../Menu/Menu.cjs"),x=require("../Menu/MenuBlock/MenuBlock.cjs"),M=require("../TextField/TextField.cjs"),E=require("../Typography/Typography.cjs"),d=100,G=n.forwardRef(function({inputValue:l,onInputChange:c,menuValue:q,onMenuChange:i,inputProps:I,minInputLengthForMenu:m=0,options:g=[],isLoading:o=!1,renderOptions:f,renderEmpty:b,filterOptions:j,getOptionLabel:S},R){const h=n.useRef(null);n.useImperativeHandle(R,()=>h.current);const[k,a]=n.useState(!1),u=j?j(g):g.filter(e=>e.label.includes(l)),O=u.length>0,v=l.length>=m,y=()=>a(e=>!e),A=e=>{e.target.value.length>0?a(!0):i("",e,null),c(e.target.value,e)},N=()=>{v&&a(!0)},F=(e,r)=>{var C;if(e===void 0||!r||!((C=r==null?void 0:r.target)!=null&&C.textContent))return;const s=u.find(_=>_.value===e);if(S){s&&setTimeout(()=>{c(S(s),r),i(e.toString(),r,s)},d);return}setTimeout(()=>{c(r.target.textContent||"",r),i(e.toString(),r,s||null)},d)},P=e=>{a(!1),setTimeout(()=>{c("",e),i("",e,null)},d)};return t.jsxs(T.default,{ref:h,inlineCSS:{position:"relative"},children:[t.jsx(M.default,{value:l,onChange:A,onFocus:N,fullWidth:!0,endAdornment:l?t.jsx(D.default,{name:"InvalidFill",color:"grey.50",size:"medium",onClick:P,inlineCSS:{cursor:"pointer"}}):null,inlineCSS:{"& svg":{flexShrink:0}},...I}),t.jsxs(z.default,{value:q,anchorRef:h,open:k&&l.length>=m,onClose:y,onChange:F,transitionDuration:d,disablePadding:!v,disableClickOutside:!l,children:[o&&t.jsx(x.default,{value:"LOADING",disabled:!0,children:t.jsx(T.default,{justifyContent:"center",children:t.jsx(B.default,{size:"small",loop:!0})})}),!o&&O&&u.map((e,r)=>{if(f&&typeof f=="function")return f(e,r,u);if(l&&!e.label.includes(l)||!v)return;const s=e.label.indexOf(l);return t.jsx(x.default,{value:e.value,...e==null?void 0:e.menuBlockProps,children:l?t.jsxs(t.Fragment,{children:[e.label.slice(0,s),t.jsx(E.default,{tag:"span",variant:"h5B",color:"primary",children:e.label.slice(s,s+l.length)}),e.label.slice(s+l.length)]}):e.label},e.value)}),!o&&!O&&(b?(()=>{const e=b(l);return n.isValidElement(e)?n.cloneElement(e,{...e.props,disabled:!0}):e})():t.jsx(x.default,{value:"NO_OPTION",disabled:!0,children:"검색 결과가 없어요."}))]})]})});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@emotion/react/jsx-runtime"),n=require("react"),X=require("../CircularProgressIndicator/CircularProgressIndicator.cjs"),B=require("../Flexbox/Flexbox.cjs"),Y=require("../Icon/Icon.cjs"),Z=require("../Menu/Menu.cjs"),w=require("../Menu/MenuBlock/MenuBlock.cjs");require("../Menu/MenuButton/MenuButton.cjs");const L=require("../TextField/TextField.cjs"),V=require("../Typography/Typography.cjs"),ee=require("../core/useTheme.cjs"),z=require("../utils/getSibling/getSibling.cjs"),x=100,te=n.forwardRef(function({inputValue:o,onInputChange:f,menuValue:T,onMenuChange:y,inputProps:H,minInputLengthForMenu:P=0,options:C=[],isLoading:q=!1,renderOptions:O,renderEmpty:R,filterOptions:E,getOptionLabel:h},U){const D=n.useRef(null),v=n.useRef(null),A=n.useId(),{palette:F}=ee.default();n.useImperativeHandle(U,()=>D.current);const[k,S]=n.useState(!1),[p,m]=n.useState(void 0),r=n.useRef(!1),g=E?E(C):C.filter(e=>e.label.includes(o)),$=g.length>0,j=o.length>=P,N=()=>{if(k&&!T){S(!1),setTimeout(()=>{f("")},x);return}if(k&&T){const e=g.find(l=>l.value===T);if(e){const l=h?h(e):e.label;S(!1),setTimeout(()=>{f(l)});return}}S(e=>!e)},G=e=>{e.target.value.length>0?S(!0):y("",e,null),f(e.target.value,e)},M=()=>{j&&S(!0)},W=(e,l)=>{var u;if(e===void 0||!l||!((u=l==null?void 0:l.target)!=null&&u.textContent))return;const i=g.find(d=>d.value===e);if(h){i&&setTimeout(()=>{f(h(i),l),y(e.toString(),l,i)},x);return}setTimeout(()=>{f(l.target.textContent||"",l),y(e.toString(),l,i||null)},x)},J=e=>{var l,i,u,d,I,b,_;if(!r.current){if(e.key==="ArrowDown"){e.preventDefault(),e.stopPropagation(),r.current=!0;const t=(l=v.current)==null?void 0:l.querySelector('li[role="option"]');if(!p)t&&(m(t.id),t.scrollIntoView({block:"end"}));else{const s=(i=v.current)==null?void 0:i.querySelector(`#${CSS.escape(p)}`);if(!s){r.current=!1;return}const c=z.default(s,"next",{skipDisabled:!0});c&&c.id&&(m(c.id),c.scrollIntoView({block:"end"})),c||(m(t.id),t.scrollIntoView({block:"end"}))}setTimeout(()=>{r.current=!1},0)}if(e.key==="ArrowUp"){if(e.preventDefault(),e.stopPropagation(),r.current=!0,!p){r.current=!1;return}const t=(u=v.current)==null?void 0:u.querySelector(`#${CSS.escape(p)}`);if(!t){r.current=!1;return}const s=z.default(t,"prev",{skipDisabled:!0});if(s&&s.id&&(m(s.id),s.scrollIntoView({block:"end"})),!s){const c=(d=v.current)==null?void 0:d.querySelector('li[role="option"]:last-child');c&&(m(c.id),c.scrollIntoView({block:"end"}))}setTimeout(()=>{r.current=!1},0)}if(e.key==="Enter"){if(e.preventDefault(),e.stopPropagation(),r.current=!0,!p){r.current=!1;return}const t=(I=v.current)==null?void 0:I.querySelector(`#${CSS.escape(p)}`);if(!t){r.current=!1;return}const s=g.find(c=>c.value===t.dataset.value);S(!1),setTimeout(h&&s?()=>{f(h(s),e),y(t.dataset.value||"",e,s)}:()=>{f(t.textContent||"",e),y(t.dataset.value||"",e,s||null)},x),setTimeout(()=>{r.current=!1},0)}if(e.key==="Home"){e.preventDefault(),e.stopPropagation(),r.current=!0;const t=(b=v.current)==null?void 0:b.querySelector('li[role="option"]');t&&(m(t.id),t.scrollIntoView({block:"start"})),setTimeout(()=>{r.current=!1},0)}if(e.key==="End"){e.preventDefault(),e.stopPropagation(),r.current=!0;const t=(_=v.current)==null?void 0:_.querySelector('li[role="option"]:last-child');t&&(m(t.id),t.scrollIntoView({block:"end"})),setTimeout(()=>{r.current=!1},0)}e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),r.current=!0,N(),setTimeout(()=>{r.current=!1},0))}},K=e=>{S(!1),setTimeout(()=>{f("",e),y("",e,null)},x)},Q=e=>{(e.key==="Enter"||e.key===" ")&&K(e)};return n.useEffect(()=>{k||m(void 0)},[k]),a.jsxs(B.default,{ref:D,inlineCSS:{position:"relative"},children:[a.jsx(L.default,{value:o,onChange:G,onFocus:M,onKeyDown:J,fullWidth:!0,autoComplete:"off",role:"combobox","aria-expanded":k,"aria-autocomplete":"list","aria-controls":A,"aria-activedescendant":p,"aria-busy":q,"aria-haspopup":"listbox",endAdornment:o?a.jsx(Y.default,{name:"InvalidFill",color:"grey.50",size:"medium",role:"button",onClick:K,onKeyDown:Q,tabIndex:0,"aria-hidden":!1,focusable:!0,"aria-label":"지우기",inlineCSS:{cursor:"pointer"}}):null,inlineCSS:{"& svg":{flexShrink:0}},...H}),a.jsxs(Z.default,{id:A,value:T,ref:v,anchorRef:D,open:k&&o.length>=P,onClose:N,onChange:W,transitionDuration:x,disablePadding:!j,children:[q&&a.jsx(w.default,{value:"LOADING",disabled:!0,children:a.jsx(B.default,{justifyContent:"center",children:a.jsx(X.default,{size:"small",loop:!0})})}),!q&&$&&g.map((e,l)=>{const i=e.label.indexOf(o),u=`menu-option-${e.value}-${e.label}`,d=p===u,I=e.value===T;if(O&&typeof O=="function"){const b=O(e,l,g);return n.isValidElement(b)?n.cloneElement(b,{id:u,key:e.value,role:"option","aria-selected":d,"data-value":e.value,inlineCSS:{border:d?`2px solid ${F.grey[100]}`:"2px solid transparent"},...b.props}):b}if(!(o&&!e.label.includes(o))&&j)return a.jsx(w.default,{id:u,value:e.value,role:"option","aria-selected":d,"data-value":e.value,inlineCSS:{border:d?`2px solid ${F.grey[100]}`:"2px solid transparent"},...e==null?void 0:e.menuBlockProps,children:o&&!I?a.jsxs(a.Fragment,{children:[e.label.slice(0,i),a.jsx(V.default,{tag:"span",variant:"h5B",color:"primary",children:e.label.slice(i,i+o.length)}),e.label.slice(i+o.length)]}):e.label},e.value)}),!q&&!$&&(R?(()=>{const e=R(o);return n.isValidElement(e)?n.cloneElement(e,{...e.props,disabled:!0}):e})():a.jsx(w.default,{value:"NO_OPTION",disabled:!0,children:"검색 결과가 없어요."}))]})]})});exports.default=te;

package/Autocomplete/Autocomplete.d.ts

@@ -10,7 +10,7 @@ export interface Option {
 }
 export interface AutocompleteProps {
     inputValue: string;
-    onInputChange: (inputValue: string, e: SyntheticEvent) => void;
+    onInputChange: (inputValue: string, e?: SyntheticEvent) => void;
     menuValue: Option['value'];
     onMenuChange: (menuValue: string, e: SyntheticEvent, option: Option | null) => void;
     options: Array<Option>;