ingred-ui 33.4.0 → 33.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,6 @@
1
1
  /// <reference types="react" />
2
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
3
- transitionDuration: number;
4
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
5
- transitionDuration: number;
6
- }, never>>> & string;
2
+ /** 退場アニメ用の余白。横幅は Container に任せる */
3
+ export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
7
4
  type ContainerProps = {
8
5
  background: string;
9
6
  boxShadow: string;
@@ -11,11 +8,14 @@ type ContainerProps = {
11
8
  transform: string;
12
9
  opacity: number;
13
10
  };
11
+ /**
12
+ * 横幅: fit-content + min/max のみ(Wrapper には付けない)
13
+ * - 短い: min まで / 中: 中身に追従 / 長い: max で折り返し
14
+ */
14
15
  export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
15
- /** アイコン・文言・閉じるボタン行(master の行高基準) */
16
16
  export declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
17
+ export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
17
18
  export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
18
- export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
19
19
  export declare const CloseIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
20
20
  type CountdownProps = {
21
21
  autoDismissTimeout: number;
@@ -1,6 +1,7 @@
1
- /** ToastContainer gutter(8px)×2 分だけビューポートから引く */
1
+ /** ビューポート左右 12px ずつの余白 */
2
2
  export declare const TOAST_VIEWPORT_INLINE_INSET_PX: number;
3
+ export declare const TOAST_MOBILE_MIN_WIDTH_PX = 240;
4
+ export declare const TOAST_DESKTOP_MIN_WIDTH_PX = 400;
3
5
  export declare const TOAST_MAX_WIDTH_PX = 800;
4
- export declare const TOAST_MIN_WIDTH_PX = 400;
5
- export declare const TOAST_MIN_HEIGHT_PX = 64;
6
- export declare const toastInlineMaxWidth = "min(800px, calc(100vw - 16px))";
6
+ export declare const toastMobileMaxWidth = "calc(100vw - 24px)";
7
+ export declare const toastDesktopMaxWidth = "800px";
package/dist/index.es.js CHANGED
@@ -729,7 +729,7 @@ var Ir=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
729
729
  transparent 100%
730
730
  );
731
731
  z-index: 1;
732
- `,xa=n((({open:n,trigger:r,width:s,minWidth:p,maxHeight:m,children:g,onOpenChange:f,stickyHeader:b,stickyFooter:v,placement:x,middleware:y},w)=>{const C=ee(),{isRoot:E,close:I}=c(ht),[k,M]=i(!1),$=o(null),[A,L]=i(!1),[V,O]=i(!1),H=go(`(max-width: ${F.MOBILE}px)`),S=d((()=>{const e=$.current;if(!e)return;const{scrollTop:t,scrollHeight:n,clientHeight:r}=e;L(n>r&&t<n-r-1)}),[]),D=S,R=l((()=>!!V||(void 0!==n?n:k)),[n,k,V]),N=d((()=>{I(),M(!1),O(!1),null==f||f(!1)}),[I,M,O,f]),z=function(e){const t=ai(),n=pi(),r=ui();return ti((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:Z,floatingStyles:T,context:B}=Ki({nodeId:z,open:R,onOpenChange:e=>{M(e),null==f||f(e)},placement:x,middleware:null!=y?y:[er({mainAxis:5,crossAxis:0}),qn((()=>E?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:H?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),nr({apply({availableWidth:e,availableHeight:t,elements:n}){let r=Math.max(0,t);if(m)if("number"==typeof m)r=Math.min(r,m);else{if(!/[a-z%]+$/i.test(m)){const e=parseFloat(m);isNaN(e)||(r=Math.min(r,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${r}px`},null!=s&&{width:`${s}px`}))}})],whileElementsMounted:fr}),P=function(t,n){void 0===n&&(n={});const{open:r,onOpenChange:i,dataRef:o,elements:{domReference:a}}=t,{enabled:l=!0,event:s="click",toggle:c=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=n,p=e.useRef(),m=e.useRef(!1);return e.useMemo((()=>l?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(yn(p.current,!0)&&d||"click"!==s&&(!r||!c||o.current.openEvent&&"mousedown"!==o.current.openEvent.type?(e.preventDefault(),i(!0,e.nativeEvent,"click")):i(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===s&&p.current?p.current=void 0:yn(p.current,!0)&&d||(!r||!c||o.current.openEvent&&"click"!==o.current.openEvent.type?i(!0,e.nativeEvent,"click"):i(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||ji(e)||(" "!==e.key||Wi(a)||(e.preventDefault(),m.current=!0),"Enter"===e.key&&i(!r||!c,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||ji(e)||Wi(a)||" "===e.key&&m.current&&(m.current=!1,i(!r||!c,e.nativeEvent,"click"))}}}:{}),[l,o,s,d,u,a,c,r,i])}(B),_=yi(B,{enabled:!E,mouseOnly:!0,delay:{open:100,close:V?999999:100},restMs:100,handleClose:uo()}),G=Qi(B),[Y,j]=i(null),W=so(B),X=o([]),J=lo(B,{listRef:X,activeIndex:Y,onNavigate:j,loop:!0,nested:!E}),U=mo(X,[]),{getReferenceProps:Q,getFloatingProps:q,getItemProps:K}=to([P,_,G,W,J]),te=[xa.displayName,wt.displayName,wo.displayName,Ao.displayName,So.displayName,aa.displayName,sa.displayName];a((()=>{da(r)&&Z.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:r.x,y:r.y,top:r.y,left:r.x,right:r.x,bottom:r.y})})}),[r,w,Z]),u((()=>{if(!R)return void L(!1);const e=requestAnimationFrame((()=>{S()}));return()=>cancelAnimationFrame(e)}),[R,S]),a((()=>{if(!R)return;const e=$.current;if(!e)return;const t=new ResizeObserver((()=>{S()}));return t.observe(e),()=>{t.disconnect()}}),[R,S]);const ne=function(t){return e.useMemo((()=>t.every((e=>null==e))?null:e=>{t.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),t)}([w,Z.setReference]);return t.createElement(t.Fragment,null,da(r)?null:h(r,Object.assign(Object.assign({ref:ne},Q()),r.props)),t.createElement(mi,{id:z},R&&t.createElement(_i,null,t.createElement(Fi,{context:B,modal:!1,initialFocus:-1,returnFocus:!1},t.createElement(pa,Object.assign({ref:Z.setFloating,$maxHeight:m,style:Object.assign(Object.assign(Object.assign({},T),null!=y&&null!=s&&{width:`${s}px`}),{minWidth:null!=p?p:"auto"})},q()),t.createElement(ma,null,t.createElement(ht.Provider,{value:{isRoot:!1,activeIndex:Y,maxActiveIndex:U,setActiveIndex:j,close:N}},t.createElement(Do.Provider,{value:{isSorting:V,setIsSorting:O}},b&&t.createElement(ha,null,b),t.createElement(fa,null,t.createElement(ba,{ref:$,$hasStickyHeader:!!b,$hasStickyFooter:!!v,onScroll:D},((e,n=!0)=>t.Children.toArray(e).filter((e=>{if(!t.isValidElement(e))return!1;const r=e.type;if(r===t.Fragment)return!0;const i="function"==typeof r||"object"==typeof r?r.displayName:void 0;return"ContextMenu2TriggerItem"===i||"DataTable2MenuCountControl"===i||"DataTable2MenuSpaceControl"===i||"DataTable2MenuOrderControl"===i||("ContextMenu2Container"===i||(n||("function"==typeof r||"object"==typeof r)&&te.includes(r.displayName)))})).map((e=>t.isValidElement(e)?t.cloneElement(e,Object.assign(Object.assign(Object.assign({tabIndex:Y===e.key?0:-1,ref:t=>{X.current[e.key]=t}},K()),e.props),{key:e.key})):e)))(g)),A&&t.createElement(va,{"aria-hidden":"true"},t.createElement(oe,{name:"skip_down",type:"fill",size:"md",color:C.palette.black}))),v&&t.createElement(ga,null,v)))))))))}));xa.displayName="ContextMenu2";const ya=({children:e})=>{if(!m(e)||"string"==typeof e.type||"function"!=typeof e.type&&"object"!=typeof e.type||!("displayName"in e.type)||e.type.displayName!==xa.displayName)throw new Error("ContextMenu2Container には 1 つの ContextMenu2 しか入れられません");return t.createElement(ht.Provider,{value:{isRoot:!0,close:()=>{},activeIndex:null,maxActiveIndex:-1,setActiveIndex:()=>{}}},t.createElement(hi,null,e))},wa=v.p`
732
+ `,xa=n((({open:n,trigger:r,width:s,minWidth:p,maxHeight:g,children:f,onOpenChange:b,stickyHeader:v,stickyFooter:x,placement:y,middleware:w},C)=>{const E=ee(),{isRoot:I,close:k}=c(ht),[M,$]=i(!1),A=o(null),[L,V]=i(!1),[O,H]=i(!1),S=go(`(max-width: ${F.MOBILE}px)`),D=d((()=>{const e=A.current;if(!e)return;const{scrollTop:t,scrollHeight:n,clientHeight:r}=e;V(n>r&&t<n-r-1)}),[]),R=D,N=l((()=>!!O||(void 0!==n?n:M)),[n,M,O]),z=d((()=>{k(),$(!1),H(!1),null==b||b(!1)}),[k,$,H,b]),Z=function(e){const t=ai(),n=pi(),r=ui();return ti((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:T,floatingStyles:B,context:P}=Ki({nodeId:Z,open:N,onOpenChange:e=>{$(e),null==b||b(e)},placement:y,middleware:null!=w?w:[er({mainAxis:5,crossAxis:0}),qn((()=>I?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:S?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),nr({apply({availableWidth:e,availableHeight:t,elements:n}){let r=Math.max(0,t);if(g)if("number"==typeof g)r=Math.min(r,g);else{if(!/[a-z%]+$/i.test(g)){const e=parseFloat(g);isNaN(e)||(r=Math.min(r,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${r}px`},null!=s&&{width:`${s}px`}))}})],whileElementsMounted:fr}),_=function(t,n){void 0===n&&(n={});const{open:r,onOpenChange:i,dataRef:o,elements:{domReference:a}}=t,{enabled:l=!0,event:s="click",toggle:c=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=n,p=e.useRef(),m=e.useRef(!1);return e.useMemo((()=>l?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(yn(p.current,!0)&&d||"click"!==s&&(!r||!c||o.current.openEvent&&"mousedown"!==o.current.openEvent.type?(e.preventDefault(),i(!0,e.nativeEvent,"click")):i(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===s&&p.current?p.current=void 0:yn(p.current,!0)&&d||(!r||!c||o.current.openEvent&&"click"!==o.current.openEvent.type?i(!0,e.nativeEvent,"click"):i(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||ji(e)||(" "!==e.key||Wi(a)||(e.preventDefault(),m.current=!0),"Enter"===e.key&&i(!r||!c,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||ji(e)||Wi(a)||" "===e.key&&m.current&&(m.current=!1,i(!r||!c,e.nativeEvent,"click"))}}}:{}),[l,o,s,d,u,a,c,r,i])}(P),G=yi(P,{enabled:!I,mouseOnly:!0,delay:{open:100,close:O?999999:100},restMs:100,handleClose:uo()}),Y=Qi(P),[j,W]=i(null),X=so(P),J=o([]),U=lo(P,{listRef:J,activeIndex:j,onNavigate:W,loop:!0,nested:!I}),Q=mo(J,[]),{getReferenceProps:q,getFloatingProps:K,getItemProps:te}=to([_,G,Y,X,U]),ne=[xa.displayName,wt.displayName,wo.displayName,Ao.displayName,So.displayName,aa.displayName,sa.displayName];a((()=>{da(r)&&T.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:r.x,y:r.y,top:r.y,left:r.x,right:r.x,bottom:r.y})})}),[r,C,T]),u((()=>{if(!N)return void V(!1);const e=requestAnimationFrame((()=>{D()}));return()=>cancelAnimationFrame(e)}),[N,D]),a((()=>{if(!N)return;const e=A.current;if(!e)return;const t=new ResizeObserver((()=>{D()}));return t.observe(e),()=>{t.disconnect()}}),[N,D]);const re=m(r)?r.props.ref:void 0,ie=function(t){return e.useMemo((()=>t.every((e=>null==e))?null:e=>{t.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),t)}([C,T.setReference,re]),ae=!da(r)&&m(r)?(()=>{const e=Object.assign({},r.props);return delete e.ref,e})():{};return t.createElement(t.Fragment,null,da(r)?null:h(r,Object.assign(Object.assign(Object.assign({},ae),q()),{ref:ie})),t.createElement(mi,{id:Z},N&&t.createElement(_i,null,t.createElement(Fi,{context:P,modal:!1,initialFocus:-1,returnFocus:!1},t.createElement(pa,Object.assign({ref:T.setFloating,$maxHeight:g,style:Object.assign(Object.assign(Object.assign({},B),null!=w&&null!=s&&{width:`${s}px`}),{minWidth:null!=p?p:"auto"})},K()),t.createElement(ma,null,t.createElement(ht.Provider,{value:{isRoot:!1,activeIndex:j,maxActiveIndex:Q,setActiveIndex:W,close:z}},t.createElement(Do.Provider,{value:{isSorting:O,setIsSorting:H}},v&&t.createElement(ha,null,v),t.createElement(fa,null,t.createElement(ba,{ref:A,$hasStickyHeader:!!v,$hasStickyFooter:!!x,onScroll:R},((e,n=!0)=>t.Children.toArray(e).filter((e=>{if(!t.isValidElement(e))return!1;const r=e.type;if(r===t.Fragment)return!0;const i="function"==typeof r||"object"==typeof r?r.displayName:void 0;return"ContextMenu2TriggerItem"===i||"DataTable2MenuCountControl"===i||"DataTable2MenuSpaceControl"===i||"DataTable2MenuOrderControl"===i||("ContextMenu2Container"===i||(n||("function"==typeof r||"object"==typeof r)&&ne.includes(r.displayName)))})).map((e=>t.isValidElement(e)?t.cloneElement(e,Object.assign(Object.assign(Object.assign({tabIndex:j===e.key?0:-1,ref:t=>{J.current[e.key]=t}},te()),e.props),{key:e.key})):e)))(f)),L&&t.createElement(va,{"aria-hidden":"true"},t.createElement(oe,{name:"skip_down",type:"fill",size:"md",color:E.palette.black}))),x&&t.createElement(ga,null,x)))))))))}));xa.displayName="ContextMenu2";const ya=({children:e})=>{if(!m(e)||"string"==typeof e.type||"function"!=typeof e.type&&"object"!=typeof e.type||!("displayName"in e.type)||e.type.displayName!==xa.displayName)throw new Error("ContextMenu2Container には 1 つの ContextMenu2 しか入れられません");return t.createElement(ht.Provider,{value:{isRoot:!0,close:()=>{},activeIndex:null,maxActiveIndex:-1,setActiveIndex:()=>{}}},t.createElement(hi,null,e))},wa=v.p`
733
733
  border-radius: 4px;
734
734
  padding: 4px 8px;
735
735
  margin-bottom: 8px;
@@ -5182,26 +5182,22 @@ object-assign
5182
5182
  background: ${({theme:e})=>e.palette.neutral.lighter};
5183
5183
  `,P$=e.forwardRef((function({text:t,count:n,countMax:r,value:i,selected:o,onChange:a,onClick:l},s){const c=ee(),d=o?"primary":"secondaryDark";return e.createElement(z$,{ref:s,key:t,value:i,tabIndex:o?0:-1,role:"tab","aria-selected":o,theme:c,selected:o,onClick:e=>{!o&&a&&a(i),l&&l(e)}},e.createElement(Yk,{showZero:!0,layout:"inline",badgeContent:n,max:null!=r?r:99,color:d,size:"small"},e.createElement(Z$,{selected:o},t)))})),_$=({ref:t,data:n,value:r,onChange:i,onClick:o})=>{const a=new Map,l=e.useRef(null),[s,c]=e.useState({}),[d,u]=e.useState(null),p=hc(t,u),m=C$((()=>{const{tabsMeta:e,tabMeta:t}=(()=>{const e=null!=d?d:void 0;let t,n;if(e){const n=e.getBoundingClientRect();t={scrollLeft:e.scrollLeft,left:n.left}}if(e&&r&&l.current){const e=l.current.children;if(e.length>0){const t=e[a.get(r)];n=(null==t?void 0:t.getBoundingClientRect())||null}}return{tabsMeta:t,tabMeta:n}})();let n=0;if(t&&e){const r=e.scrollLeft;n=t.left-e.left+r}const i={left:n,width:t?t.width:0};if(void 0===s.left||void 0===s.width)c(i);else{const e=Math.abs(s.left-i.left),t=Math.abs(s.width-i.width);(e>=1||t>=1)&&c(i)}}));return e.useEffect((()=>{m()})),e.useEffect((()=>{const e=()=>{m()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[m]),e.createElement(R$,{ref:p},e.createElement(T$,{style:Object.assign({},s)}),e.createElement(N$,{ref:l,role:"tablist"},n.map(((t,n)=>{const l=t.value,s=l===r;return a.set(l,n),e.createElement(P$,{key:n.toString(),selected:s,value:l,count:t.count,countMax:t.countMax,text:t.text,onChange:i,onClick:o})})),e.createElement(B$,null)))},G$=v.div`
5184
5184
  cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
5185
- `,Y$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=Aa().hour(n).minute(r).format("HH:mm");t.push(e)}return t},F$=(e,t,n,r)=>{let i;if(0===t)i=e.add(n,"hour").second(0).millisecond(0);else{if(2!==t)return null;i=e.add(n,"minute").second(0).millisecond(0)}const o=i.format(r);return{newTime:i,normalizedValue:o}};var j$=g((({time:e,error:n=!1,errorText:s,disabled:c=!1,onTimeChange:u,dropdownInterval:p=60,filterTimeOptions:m,size:h="medium",variant:g="light",width:f="120px",maxHeight:b=300,onFocus:v,onBlur:x})=>{var y,w,C,E;Me("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const I=ee(),[k,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=e||Aa(),H=l((()=>{const e=Y$(p);return m&&m.length>0?e.filter((e=>m.every((t=>t(e))))):e}),[p,m]),[S,D]=i(O.format(V)),[R,N]=i(Wy(S)),[z,Z]=i({start:0,end:R.length-1,current:0}),[T,B]=i(null);a((()=>{const e=O.format(V);D(e),N(Wy(e))}),[O,V]);const P=d((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=A.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=R[R.length-1].end+1,o=r>=i?i:r,a=R.findIndex((e=>o>=e.start&&o<=e.end+1));Z((e=>R[a].editable?e.current===a?e:Object.assign(Object.assign({},e),{current:a}):Object.assign(Object.assign({},e),{current:a+1}))),null===(n=A.current)||void 0===n||n.setSelectionRange(R[a].start,R[a].end+1)}))}),[R]),_=d((()=>{P(),null==v||v()}),[P,v]),G=d((()=>{Z((e=>Object.assign(Object.assign({},e),{current:0}))),B(null),null==x||x()}),[x]),Y=d(((e,t,n)=>{const r=F$(e,t,n,V);return r?r.newTime:null}),[V]),F=d((t=>{const n=tw(t.code),r=n?nw(t.code):null;if(!ew.includes(t.key)&&!n)return;if(t.key===Qy.ArrowLeft||t.key===Qy.ArrowRight){t.preventDefault();const e=((e,t,n)=>{if(t===Qy.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Qy.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(z.current,t.key,R);Z((t=>Object.assign(Object.assign({},t),{current:t.current+e}))),B(null)}if(t.key===Qy.ArrowUp||t.key===Qy.ArrowDown){t.preventDefault();const n=t.key===Qy.ArrowUp?1:-1,r=e||Aa(),i=Y(r,z.current,n);if(i){const e=i.format(V);D(e),N(Wy(e)),u&&u(i)}}const i=n?r:t.key;if((Ky.includes(t.key)||n)&&i){t.preventDefault();const n=((e,t,n,r)=>{const i=t.map((e=>Object.assign({},e)));let o=!1,a=null;if(r!==n){i[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?a=n:(a=null,o=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);i[n].value=r,a=null,o=!0}return{newSections:i,shouldMoveToNextSection:o,newLastEditedSection:a}})(i,R,z.current,T),r=Xy(n.newSections),o=e||Aa(),a=r,l=Aa(`${o.format("YYYY-MM-DD")} ${a}`),s=l.format(V);if(M((()=>{D(s),N(Wy(s))})),l.isValid()&&u){const e=o.hour(l.hour()).minute(l.minute()).second(0).millisecond(0);u(e)}if(B(n.newLastEditedSection),n.shouldMoveToNextSection)for(let e=z.current+1;e<R.length;e++)if(R[e].editable){Z((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(t.key===Qy.Backspace){t.preventDefault();const e=((e,t)=>{const n=e.map((e=>Object.assign({},e)));return n[t].value="0".padStart(e[t].value.length,"0"),n})(R,z.current);N(e),B(null);const n=Xy(e);D(n)}}),[R,z,T,V,u,e,Y]),j=d((()=>{P()}),[P]),W=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);u&&u(i),$(!1)}),[e,u]),X=d((t=>{t.preventDefault();const n=t.clipboardData.getData("text").trim(),[r,i]=n.split(":"),o=parseInt(r,10),a=parseInt(i,10);if(!(!isNaN(o)&&!isNaN(a)&&o>=0&&o<=23&&a>=0&&a<=59))return;const l=e||Aa(),s=Aa(`${l.format("YYYY-MM-DD")} ${n}`);if(s.isValid()){const e=l.hour(s.hour()).minute(s.minute()).second(0).millisecond(0),t=e.format(V);D(t),N(Wy(t)),u&&u(e)}}),[e,V,u]);return a((()=>{var e;R[z.current]&&(null===(e=A.current)||void 0===e||e.setSelectionRange(R[z.current].start,R[z.current].end+1))}),[z,R]),a((()=>{if(k&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[k,e,L,V]),t.createElement(t.Fragment,null,t.createElement(ia,{ref:A,readOnly:!0,multiline:!1,error:n||!!s,disabled:c,width:f,size:h,variant:g,value:S,append:t.createElement(G$,{disabled:c,"aria-label":"時刻を選択",role:"button",tabIndex:c?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),c||$(!k)}},t.createElement(oe,{name:"arrow_down",color:c?I.palette.text.disabled:I.palette.black})),onFocus:_,onBlur:G,onKeyDown:F,onMouseDown:j,onPaste:X}),t.createElement(ya,null,t.createElement(xa,{open:k,trigger:{x:null!==(w=null===(y=A.current)||void 0===y?void 0:y.getBoundingClientRect().left)&&void 0!==w?w:0,y:(null!==(E=null===(C=A.current)||void 0===C?void 0:C.getBoundingClientRect().bottom)&&void 0!==E?E:0)+5},placement:"bottom-start",width:120,maxHeight:b,onOpenChange:$},H.length>0?H.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,"data-timefield-item":`${L}-${n}`,checked:r,onChange:e=>{e&&W(n)}},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),s&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,s)))}));var W$=g((({time:e,name:n,error:s=!1,errorText:c,disabled:u=!1,onTimeChange:p,dropdownInterval:m=60,filterTimeOptions:h,size:g="medium",variant:f="light",width:b="120px",maxHeight:v=300,onFocus:x,onBlur:y})=>{var w,C,E,I;const k=ee(),[M,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=ra(),H=e||Aa(),S=l((()=>{const e=Y$(m);return h&&h.length>0?e.filter((e=>h.every((t=>t(e))))):e}),[m,h]),{value:D,sections:R,focusedIndex:N,isFocused:z,getSegmentProps:Z,groupProps:T}=(({time:e,disabled:t=!1,onTimeChange:n})=>{const r="HH:mm",l=e||Aa(),[s,c]=i(l.format(r)),u=o(s),[p,m]=i(Wy(s)),[h,g]=i(null),f=o(null),b=o(0),[v,x]=i(!1),y=o([]),w=o(null),C=d((e=>{f.current=e,g(e)}),[]),E=d((e=>{C(e),b.current=0;const t=y.current[e];t&&t!==document.activeElement&&t.focus()}),[C]);a((()=>{const t=(e||Aa()).format(r);c(t),u.current=t,m(Wy(t))}),[e]);const I=d(((e,t)=>{for(let n=e+t;n>=0&&n<p.length;n+=t)if(p[n].editable)return n;return null}),[p]),k=d((t=>{const i=f.current;if(null===i)return;const o=p[i];if(!(null==o?void 0:o.editable))return;const a=b.current;let l=o.value;0===a&&(l="".padStart(o.value.length,"0"));const s=`${l.slice(1)}${t}`,d=[...p];d[i]=Object.assign(Object.assign({},d[i]),{value:s}),m(d);const h=a+1;b.current=h;const g=0===i,v=parseInt(t);let x=!1;x=0===a?!(g?v<=2:v<=5):h>=o.value.length;const y=Xy(d),w=e||Aa(),C=Aa(`${w.format("YYYY-MM-DD")} ${y}`),k=C.format(r);if(c(k),u.current=k,m(Wy(k)),x){b.current=0;const e=I(i,1);null!==e&&E(e)}if(C.isValid()&&n){const e=w.hour(C.hour()).minute(C.minute()).second(0).millisecond(0);n(e)}}),[p,e,n,I,E]),M=d((e=>t=>{y.current[e]=t}),[]),$=d((e=>()=>{x(!0),C(e),b.current=0}),[C]),A=d((e=>t=>{const n=t.relatedTarget;w.current&&n&&w.current.contains(n)||f.current===e&&(x(!1),C(null),b.current=0)}),[C]),L=d((t=>i=>{const o=p[t];if((null==o?void 0:o.editable)&&!(i.ctrlKey||i.metaKey||i.altKey))if(i.key!==Qy.ArrowUp&&i.key!==Qy.ArrowDown){if(i.key===Qy.Backspace||i.key===Qy.Delete){i.preventDefault(),i.stopPropagation();const e=i.key===Qy.Backspace,n="0".repeat(o.value.length);if(o.value===n&&0===b.current){if(e){const e=I(t,-1);null!==e&&E(e)}return}const r=[...p];r[t]=Object.assign(Object.assign({},r[t]),{value:n}),m(r),b.current=0;const a=Xy(r);return c(a),void(u.current=a)}if(tw(i.code)){i.preventDefault();const e=nw(i.code);e&&k(e)}}else{i.preventDefault();const o=i.key===Qy.ArrowUp?1:-1,a=e||Aa(),[l,s]=u.current.split(":").map(Number),d=a.hour(l).minute(s).second(0).millisecond(0),p=F$(d,t,o,r);p&&(c(p.normalizedValue),u.current=p.normalizedValue,m(Wy(p.normalizedValue)),null==n||n(p.newTime))}}),[p,e,r,n,k,I,E]),V=d((e=>e=>{const t=e.nativeEvent;if(e.preventDefault(),"deleteContentBackward"!==t.inputType&&"deleteContentForward"!==t.inputType&&null!=t.data){const e=t.data;/^\d$/.test(e)&&k(e)}}),[k]),O=d((e=>{const n=p[e];if(t||!(null==n?void 0:n.editable))return{ref:M(e),"aria-hidden":!0};const r=["時","分"][p.slice(0,e+1).filter((e=>e.editable)).length-1];return{ref:M(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":r,onFocus:$(e),onBlur:A(e),onKeyDown:L(e),onBeforeInput:V(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[p,t,M,$,A,L,V]),H=d((e=>{const t=f.current;if(null!==t)if(e.key!==Qy.ArrowLeft&&e.key!==Qy.ArrowRight){if(e.key===Qy.Tab){const n=e.shiftKey?-1:1,r=I(t,n);null!==r&&(e.preventDefault(),E(r))}}else{e.preventDefault();const n=e.key===Qy.ArrowLeft?-1:1,r=I(t,n);null!==r&&E(r)}}),[I,E]),S=d((t=>{t.preventDefault();const i=t.clipboardData.getData("text").trim(),[o,a]=i.split(":"),l=parseInt(o,10),s=parseInt(a,10);if(isNaN(l)||isNaN(s)||l<0||l>23||s<0||s>59)return;const d=(e||Aa()).hour(l).minute(s).second(0).millisecond(0),p=d.format(r);c(p),u.current=p,m(Wy(p)),null==n||n(d)}),[e,r,n]);return{value:s,sections:p,focusedIndex:h,isFocused:v,getSegmentProps:O,groupProps:{ref:w,onKeyDown:H,onPaste:S}}})({time:H,disabled:u,onTimeChange:p}),B=d((()=>{null==x||x()}),[x]),P=d((e=>{const t=e.relatedTarget;A.current&&t&&A.current.contains(t)||null==y||y()}),[y]),_=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);null==p||p(i),$(!1)}),[e,p]),G=d((e=>{e.stopPropagation(),e.preventDefault(),u||$(!M)}),[u,M]),Y=d((e=>t=>{t&&_(e)}),[_]);return a((()=>{if(M&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[M,e,L,V]),t.createElement(t.Fragment,null,t.createElement(kw,{ref:A,$disabled:u,$error:s||!!c,$focused:z,$isIOS:O,$size:g,$variant:f,$width:b,onBlurCapture:P,onFocusCapture:B},t.createElement(Mw,Object.assign({},T),R.map(((e,n)=>t.createElement($w,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:z&&N===n},Z(n)),e.value)))),t.createElement(Aw,null,t.createElement(G$,{disabled:u,"aria-label":"時刻を選択",role:"button",tabIndex:u?-1:0,onClick:G},t.createElement(oe,{color:u?k.palette.text.disabled:k.palette.black,name:"arrow_down"})))),t.createElement("input",{type:"hidden",name:n,value:D,disabled:u}),t.createElement(ya,null,t.createElement(xa,{maxHeight:v,open:M,placement:"bottom-start",trigger:{x:null!==(C=null===(w=A.current)||void 0===w?void 0:w.getBoundingClientRect().left)&&void 0!==C?C:0,y:(null!==(I=null===(E=A.current)||void 0===E?void 0:E.getBoundingClientRect().bottom)&&void 0!==I?I:0)+5},width:120,onOpenChange:$},S.length>0?S.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,checked:r,"data-timefield-item":`${L}-${n}`,onChange:Y(n)},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),c&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,c)))}));const X$="min(800px, calc(100vw - 16px))",J$=v.div`
5185
+ `,Y$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=Aa().hour(n).minute(r).format("HH:mm");t.push(e)}return t},F$=(e,t,n,r)=>{let i;if(0===t)i=e.add(n,"hour").second(0).millisecond(0);else{if(2!==t)return null;i=e.add(n,"minute").second(0).millisecond(0)}const o=i.format(r);return{newTime:i,normalizedValue:o}};var j$=g((({time:e,error:n=!1,errorText:s,disabled:c=!1,onTimeChange:u,dropdownInterval:p=60,filterTimeOptions:m,size:h="medium",variant:g="light",width:f="120px",maxHeight:b=300,onFocus:v,onBlur:x})=>{var y,w,C,E;Me("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const I=ee(),[k,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=e||Aa(),H=l((()=>{const e=Y$(p);return m&&m.length>0?e.filter((e=>m.every((t=>t(e))))):e}),[p,m]),[S,D]=i(O.format(V)),[R,N]=i(Wy(S)),[z,Z]=i({start:0,end:R.length-1,current:0}),[T,B]=i(null);a((()=>{const e=O.format(V);D(e),N(Wy(e))}),[O,V]);const P=d((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=A.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=R[R.length-1].end+1,o=r>=i?i:r,a=R.findIndex((e=>o>=e.start&&o<=e.end+1));Z((e=>R[a].editable?e.current===a?e:Object.assign(Object.assign({},e),{current:a}):Object.assign(Object.assign({},e),{current:a+1}))),null===(n=A.current)||void 0===n||n.setSelectionRange(R[a].start,R[a].end+1)}))}),[R]),_=d((()=>{P(),null==v||v()}),[P,v]),G=d((()=>{Z((e=>Object.assign(Object.assign({},e),{current:0}))),B(null),null==x||x()}),[x]),Y=d(((e,t,n)=>{const r=F$(e,t,n,V);return r?r.newTime:null}),[V]),F=d((t=>{const n=tw(t.code),r=n?nw(t.code):null;if(!ew.includes(t.key)&&!n)return;if(t.key===Qy.ArrowLeft||t.key===Qy.ArrowRight){t.preventDefault();const e=((e,t,n)=>{if(t===Qy.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Qy.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(z.current,t.key,R);Z((t=>Object.assign(Object.assign({},t),{current:t.current+e}))),B(null)}if(t.key===Qy.ArrowUp||t.key===Qy.ArrowDown){t.preventDefault();const n=t.key===Qy.ArrowUp?1:-1,r=e||Aa(),i=Y(r,z.current,n);if(i){const e=i.format(V);D(e),N(Wy(e)),u&&u(i)}}const i=n?r:t.key;if((Ky.includes(t.key)||n)&&i){t.preventDefault();const n=((e,t,n,r)=>{const i=t.map((e=>Object.assign({},e)));let o=!1,a=null;if(r!==n){i[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?a=n:(a=null,o=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);i[n].value=r,a=null,o=!0}return{newSections:i,shouldMoveToNextSection:o,newLastEditedSection:a}})(i,R,z.current,T),r=Xy(n.newSections),o=e||Aa(),a=r,l=Aa(`${o.format("YYYY-MM-DD")} ${a}`),s=l.format(V);if(M((()=>{D(s),N(Wy(s))})),l.isValid()&&u){const e=o.hour(l.hour()).minute(l.minute()).second(0).millisecond(0);u(e)}if(B(n.newLastEditedSection),n.shouldMoveToNextSection)for(let e=z.current+1;e<R.length;e++)if(R[e].editable){Z((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(t.key===Qy.Backspace){t.preventDefault();const e=((e,t)=>{const n=e.map((e=>Object.assign({},e)));return n[t].value="0".padStart(e[t].value.length,"0"),n})(R,z.current);N(e),B(null);const n=Xy(e);D(n)}}),[R,z,T,V,u,e,Y]),j=d((()=>{P()}),[P]),W=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);u&&u(i),$(!1)}),[e,u]),X=d((t=>{t.preventDefault();const n=t.clipboardData.getData("text").trim(),[r,i]=n.split(":"),o=parseInt(r,10),a=parseInt(i,10);if(!(!isNaN(o)&&!isNaN(a)&&o>=0&&o<=23&&a>=0&&a<=59))return;const l=e||Aa(),s=Aa(`${l.format("YYYY-MM-DD")} ${n}`);if(s.isValid()){const e=l.hour(s.hour()).minute(s.minute()).second(0).millisecond(0),t=e.format(V);D(t),N(Wy(t)),u&&u(e)}}),[e,V,u]);return a((()=>{var e;R[z.current]&&(null===(e=A.current)||void 0===e||e.setSelectionRange(R[z.current].start,R[z.current].end+1))}),[z,R]),a((()=>{if(k&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[k,e,L,V]),t.createElement(t.Fragment,null,t.createElement(ia,{ref:A,readOnly:!0,multiline:!1,error:n||!!s,disabled:c,width:f,size:h,variant:g,value:S,append:t.createElement(G$,{disabled:c,"aria-label":"時刻を選択",role:"button",tabIndex:c?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),c||$(!k)}},t.createElement(oe,{name:"arrow_down",color:c?I.palette.text.disabled:I.palette.black})),onFocus:_,onBlur:G,onKeyDown:F,onMouseDown:j,onPaste:X}),t.createElement(ya,null,t.createElement(xa,{open:k,trigger:{x:null!==(w=null===(y=A.current)||void 0===y?void 0:y.getBoundingClientRect().left)&&void 0!==w?w:0,y:(null!==(E=null===(C=A.current)||void 0===C?void 0:C.getBoundingClientRect().bottom)&&void 0!==E?E:0)+5},placement:"bottom-start",width:120,maxHeight:b,onOpenChange:$},H.length>0?H.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,"data-timefield-item":`${L}-${n}`,checked:r,onChange:e=>{e&&W(n)}},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),s&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,s)))}));var W$=g((({time:e,name:n,error:s=!1,errorText:c,disabled:u=!1,onTimeChange:p,dropdownInterval:m=60,filterTimeOptions:h,size:g="medium",variant:f="light",width:b="120px",maxHeight:v=300,onFocus:x,onBlur:y})=>{var w,C,E,I;const k=ee(),[M,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=ra(),H=e||Aa(),S=l((()=>{const e=Y$(m);return h&&h.length>0?e.filter((e=>h.every((t=>t(e))))):e}),[m,h]),{value:D,sections:R,focusedIndex:N,isFocused:z,getSegmentProps:Z,groupProps:T}=(({time:e,disabled:t=!1,onTimeChange:n})=>{const r="HH:mm",l=e||Aa(),[s,c]=i(l.format(r)),u=o(s),[p,m]=i(Wy(s)),[h,g]=i(null),f=o(null),b=o(0),[v,x]=i(!1),y=o([]),w=o(null),C=d((e=>{f.current=e,g(e)}),[]),E=d((e=>{C(e),b.current=0;const t=y.current[e];t&&t!==document.activeElement&&t.focus()}),[C]);a((()=>{const t=(e||Aa()).format(r);c(t),u.current=t,m(Wy(t))}),[e]);const I=d(((e,t)=>{for(let n=e+t;n>=0&&n<p.length;n+=t)if(p[n].editable)return n;return null}),[p]),k=d((t=>{const i=f.current;if(null===i)return;const o=p[i];if(!(null==o?void 0:o.editable))return;const a=b.current;let l=o.value;0===a&&(l="".padStart(o.value.length,"0"));const s=`${l.slice(1)}${t}`,d=[...p];d[i]=Object.assign(Object.assign({},d[i]),{value:s}),m(d);const h=a+1;b.current=h;const g=0===i,v=parseInt(t);let x=!1;x=0===a?!(g?v<=2:v<=5):h>=o.value.length;const y=Xy(d),w=e||Aa(),C=Aa(`${w.format("YYYY-MM-DD")} ${y}`),k=C.format(r);if(c(k),u.current=k,m(Wy(k)),x){b.current=0;const e=I(i,1);null!==e&&E(e)}if(C.isValid()&&n){const e=w.hour(C.hour()).minute(C.minute()).second(0).millisecond(0);n(e)}}),[p,e,n,I,E]),M=d((e=>t=>{y.current[e]=t}),[]),$=d((e=>()=>{x(!0),C(e),b.current=0}),[C]),A=d((e=>t=>{const n=t.relatedTarget;w.current&&n&&w.current.contains(n)||f.current===e&&(x(!1),C(null),b.current=0)}),[C]),L=d((t=>i=>{const o=p[t];if((null==o?void 0:o.editable)&&!(i.ctrlKey||i.metaKey||i.altKey))if(i.key!==Qy.ArrowUp&&i.key!==Qy.ArrowDown){if(i.key===Qy.Backspace||i.key===Qy.Delete){i.preventDefault(),i.stopPropagation();const e=i.key===Qy.Backspace,n="0".repeat(o.value.length);if(o.value===n&&0===b.current){if(e){const e=I(t,-1);null!==e&&E(e)}return}const r=[...p];r[t]=Object.assign(Object.assign({},r[t]),{value:n}),m(r),b.current=0;const a=Xy(r);return c(a),void(u.current=a)}if(tw(i.code)){i.preventDefault();const e=nw(i.code);e&&k(e)}}else{i.preventDefault();const o=i.key===Qy.ArrowUp?1:-1,a=e||Aa(),[l,s]=u.current.split(":").map(Number),d=a.hour(l).minute(s).second(0).millisecond(0),p=F$(d,t,o,r);p&&(c(p.normalizedValue),u.current=p.normalizedValue,m(Wy(p.normalizedValue)),null==n||n(p.newTime))}}),[p,e,r,n,k,I,E]),V=d((e=>e=>{const t=e.nativeEvent;if(e.preventDefault(),"deleteContentBackward"!==t.inputType&&"deleteContentForward"!==t.inputType&&null!=t.data){const e=t.data;/^\d$/.test(e)&&k(e)}}),[k]),O=d((e=>{const n=p[e];if(t||!(null==n?void 0:n.editable))return{ref:M(e),"aria-hidden":!0};const r=["時","分"][p.slice(0,e+1).filter((e=>e.editable)).length-1];return{ref:M(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":r,onFocus:$(e),onBlur:A(e),onKeyDown:L(e),onBeforeInput:V(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[p,t,M,$,A,L,V]),H=d((e=>{const t=f.current;if(null!==t)if(e.key!==Qy.ArrowLeft&&e.key!==Qy.ArrowRight){if(e.key===Qy.Tab){const n=e.shiftKey?-1:1,r=I(t,n);null!==r&&(e.preventDefault(),E(r))}}else{e.preventDefault();const n=e.key===Qy.ArrowLeft?-1:1,r=I(t,n);null!==r&&E(r)}}),[I,E]),S=d((t=>{t.preventDefault();const i=t.clipboardData.getData("text").trim(),[o,a]=i.split(":"),l=parseInt(o,10),s=parseInt(a,10);if(isNaN(l)||isNaN(s)||l<0||l>23||s<0||s>59)return;const d=(e||Aa()).hour(l).minute(s).second(0).millisecond(0),p=d.format(r);c(p),u.current=p,m(Wy(p)),null==n||n(d)}),[e,r,n]);return{value:s,sections:p,focusedIndex:h,isFocused:v,getSegmentProps:O,groupProps:{ref:w,onKeyDown:H,onPaste:S}}})({time:H,disabled:u,onTimeChange:p}),B=d((()=>{null==x||x()}),[x]),P=d((e=>{const t=e.relatedTarget;A.current&&t&&A.current.contains(t)||null==y||y()}),[y]),_=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);null==p||p(i),$(!1)}),[e,p]),G=d((e=>{e.stopPropagation(),e.preventDefault(),u||$(!M)}),[u,M]),Y=d((e=>t=>{t&&_(e)}),[_]);return a((()=>{if(M&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[M,e,L,V]),t.createElement(t.Fragment,null,t.createElement(kw,{ref:A,$disabled:u,$error:s||!!c,$focused:z,$isIOS:O,$size:g,$variant:f,$width:b,onBlurCapture:P,onFocusCapture:B},t.createElement(Mw,Object.assign({},T),R.map(((e,n)=>t.createElement($w,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:z&&N===n},Z(n)),e.value)))),t.createElement(Aw,null,t.createElement(G$,{disabled:u,"aria-label":"時刻を選択",role:"button",tabIndex:u?-1:0,onClick:G},t.createElement(oe,{color:u?k.palette.text.disabled:k.palette.black,name:"arrow_down"})))),t.createElement("input",{type:"hidden",name:n,value:D,disabled:u}),t.createElement(ya,null,t.createElement(xa,{maxHeight:v,open:M,placement:"bottom-start",trigger:{x:null!==(C=null===(w=A.current)||void 0===w?void 0:w.getBoundingClientRect().left)&&void 0!==C?C:0,y:(null!==(I=null===(E=A.current)||void 0===E?void 0:E.getBoundingClientRect().bottom)&&void 0!==I?I:0)+5},width:120,onOpenChange:$},S.length>0?S.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,checked:r,"data-timefield-item":`${L}-${n}`,onChange:Y(n)},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),c&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,c)))}));const X$="calc(100vw - 24px)",J$="800px",U$=v.div`
5186
5186
  box-sizing: border-box;
5187
- /* 親 ToastContainer が shrink-to-fit のため 100% では広がらない */
5188
- width: ${X$};
5187
+ display: inline-flex;
5188
+ flex-direction: column;
5189
5189
  margin-inline: auto;
5190
5190
  padding: ${({theme:e})=>2*e.spacing}px;
5191
- /* 退場時の height(実測値→0)縮小アニメ用。入場時は height: auto のため効かない */
5192
- transition: height ${({transitionDuration:e})=>e-100}ms
5193
- 100ms;
5194
- `,U$=v.div`
5191
+ `,Q$=v.div`
5195
5192
  position: relative;
5196
5193
  display: flex;
5197
5194
  align-items: center;
5198
5195
  box-sizing: border-box;
5199
- width: 100%;
5200
- min-width: 0;
5201
- min-height: ${64}px;
5202
- height: auto;
5203
- /* 縦 padding があると min-height の内側が潰れてアイコンが欠ける */
5204
- padding: 0 ${({theme:e})=>2*e.spacing}px;
5196
+ overflow: hidden;
5197
+ width: fit-content;
5198
+ min-width: ${240}px;
5199
+ max-width: ${X$};
5200
+ padding: ${({theme:e})=>2*e.spacing}px;
5205
5201
  background: ${({background:e})=>e};
5206
5202
  box-shadow: ${({boxShadow:e})=>e};
5207
5203
  transition:
@@ -5213,55 +5209,53 @@ object-assign
5213
5209
 
5214
5210
  @media (min-width: ${F.MOBILE}px) {
5215
5211
  min-width: ${400}px;
5216
- max-width: ${800}px;
5212
+ max-width: ${J$};
5217
5213
  }
5218
- `,Q$=v.div`
5214
+ `,q$=v.div`
5215
+ position: relative;
5216
+ z-index: 1;
5219
5217
  display: flex;
5220
5218
  align-items: center;
5221
- justify-content: space-between;
5219
+ gap: ${({theme:e})=>2*e.spacing}px;
5222
5220
  width: 100%;
5223
- min-height: ${64}px;
5224
- `,q$=v.div`
5221
+ min-width: 0;
5222
+ `,K$=v.span`
5223
+ flex-shrink: 0;
5224
+ display: flex;
5225
+ align-items: center;
5226
+ `,eA=v.div`
5225
5227
  flex: 1;
5228
+ min-width: 0;
5226
5229
 
5227
5230
  p {
5228
5231
  margin: 0;
5229
- /* Typography の break-all は Toast では1〜2文字折り返しになる */
5230
5232
  word-break: break-word;
5231
- overflow-wrap: anywhere;
5233
+ overflow-wrap: break-word;
5232
5234
  }
5233
- `,K$=v.div`
5234
- flex-shrink: 0;
5235
- display: flex;
5236
- align-items: center;
5237
- justify-content: center;
5238
- /* size="lg"(24px)のアイコンを行の中央に収める */
5239
- width: 32px;
5240
- height: 32px;
5241
- margin-right: ${({theme:e})=>2*e.spacing}px;
5242
- `,eA=v.div`
5235
+ `,tA=v.div`
5243
5236
  flex-shrink: 0;
5244
5237
  align-self: center;
5245
5238
  cursor: pointer;
5246
- margin-left: ${({theme:e})=>2*e.spacing}px;
5247
- `,tA=w`
5239
+ `,nA=w`
5248
5240
  from {
5249
5241
  width: 100%;
5250
5242
  }
5251
5243
  to {
5252
5244
  width: 0%
5253
5245
  }
5254
- `,nA=v.div`
5255
- animation: ${tA}
5246
+ `,rA=v.div`
5247
+ animation: ${nA}
5256
5248
  ${({autoDismissTimeout:e})=>e}ms linear;
5249
+ animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
5257
5250
  background-color: ${({backgroundColor:e})=>e};
5258
5251
  top: 0;
5259
5252
  left: 0;
5260
- opacity: ${({opacity:e})=>e};
5253
+ opacity: ${({opacity:e})=>e?.08:0};
5261
5254
  position: absolute;
5262
5255
  width: 0;
5263
- height: 3px;
5264
- `,rA={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function iA(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return rA[n]}const oA=({appearance:t,placement:n,transitionDuration:r,transitionState:i,onDismiss:o,children:a,autoDismiss:l,autoDismissTimeout:s,isRunning:c})=>{const d=(({palette:t})=>({info:{background:t.primary.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.primary.softLight),icon:e.createElement(oe,{name:"information",type:"fill",size:"lg",color:t.primary.base}),countDownBackground:t.primary.base,titleColor:t.primary.ultraDark,contentColor:t.primary.base,closeColor:t.primary.base},success:{background:t.success.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.success.lighter),icon:e.createElement(oe,{name:"checkbox_circle",type:"fill",size:"lg",color:t.success.base}),countDownBackground:t.success.base,titleColor:t.success.ultraDark,contentColor:t.success.base,closeColor:t.success.base},warning:{background:t.warning.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.warning.light),icon:e.createElement(oe,{name:"alert",type:"fill",size:"lg",color:t.warning.base}),countDownBackground:t.warning.base,titleColor:t.warning.ultraDark,contentColor:t.warning.base,closeColor:t.warning.base},error:{background:t.danger.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.danger.lighter),icon:e.createElement(oe,{name:"alert",type:"fill",size:"lg",color:t.danger.base}),countDownBackground:t.danger.base,titleColor:t.danger.ultraDark,contentColor:t.danger.base,closeColor:t.danger.base}}))(ee())[t],[u,p]=e.useState("auto"),m=e.useRef(null);return e.useEffect((()=>{if("exiting"!==i)return;const e=m.current;e&&(p(e.offsetHeight),requestAnimationFrame((()=>p(0))))}),[i]),e.createElement(J$,{ref:m,style:{height:u},transitionDuration:r},e.createElement(U$,Object.assign({background:d.background,boxShadow:d.boxShadow,transitionDuration:r,role:"error"===t||"warning"===t?"alert":"status"},(e=>({entering:{transform:`${iA(e)}`,opacity:0},entered:{transform:"translate3d(0,0,0)",opacity:1},exiting:{transform:"scale(0.66)",opacity:0},exited:{transform:"scale(0.66)",opacity:0}}))(n)[i]),e.createElement(Q$,null,e.createElement(se,{display:"flex",alignItems:"center",flex:1},e.createElement(K$,null,d.icon),e.createElement(q$,null,e.createElement(Ee,{color:d.titleColor,weight:"bold"},a))),e.createElement(eA,{onClick:()=>{o()}},e.createElement(oe,{name:"close",color:d.closeColor}))),e.createElement(nA,{opacity:l?1:0,autoDismissTimeout:s,isRunning:c,backgroundColor:d.countDownBackground})))},aA=v.div`
5256
+ height: 100%;
5257
+ pointer-events: none;
5258
+ `,iA={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function oA(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return iA[n]}const aA=({appearance:t,placement:n,transitionDuration:r,transitionState:i,onDismiss:o,children:a,autoDismiss:l,autoDismissTimeout:s,isRunning:c})=>{const d=(({palette:t})=>({info:{background:t.primary.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.primary.softLight),icon:e.createElement(oe,{name:"information",type:"fill",size:"lg",color:t.primary.base}),countDownBackground:t.primary.base,titleColor:t.primary.ultraDark,contentColor:t.primary.base,closeColor:t.primary.base},success:{background:t.success.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.success.lighter),icon:e.createElement(oe,{name:"checkbox_circle",type:"fill",size:"lg",color:t.success.base}),countDownBackground:t.success.base,titleColor:t.success.ultraDark,contentColor:t.success.base,closeColor:t.success.base},warning:{background:t.warning.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.warning.light),icon:e.createElement(oe,{name:"alert",type:"fill",size:"lg",color:t.warning.base}),countDownBackground:t.warning.base,titleColor:t.warning.ultraDark,contentColor:t.warning.base,closeColor:t.warning.base},error:{background:t.danger.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.danger.lighter),icon:e.createElement(oe,{name:"alert",type:"fill",size:"lg",color:t.danger.base}),countDownBackground:t.danger.base,titleColor:t.danger.ultraDark,contentColor:t.danger.base,closeColor:t.danger.base}}))(ee())[t];return e.createElement(U$,null,e.createElement(Q$,Object.assign({background:d.background,boxShadow:d.boxShadow,transitionDuration:r,role:"error"===t||"warning"===t?"alert":"status"},(e=>({entering:{transform:`${oA(e)}`,opacity:0},entered:{transform:"translate3d(0,0,0)",opacity:1},exiting:{transform:"scale(0.66)",opacity:0},exited:{transform:"scale(0.66)",opacity:0}}))(n)[i]),e.createElement(q$,null,e.createElement(K$,null,d.icon),e.createElement(eA,null,e.createElement(Ee,{color:d.titleColor,weight:"bold"},a)),e.createElement(tA,{onClick:()=>{o()}},e.createElement(oe,{name:"close",color:d.closeColor}))),e.createElement(rA,{opacity:l?1:0,autoDismissTimeout:s,isRunning:c,backgroundColor:d.countDownBackground})))},lA=v.div`
5265
5259
  border: 0;
5266
5260
  clip: rect(1px, 1px, 1px, 1px);
5267
5261
  height: 1;
@@ -5270,7 +5264,7 @@ object-assign
5270
5264
  position: absolute;
5271
5265
  white-space: nowrap;
5272
5266
  width: 1;
5273
- `,lA=v.div`
5267
+ `,sA=v.div`
5274
5268
  cursor: pointer;
5275
5269
  flex-shrink: 0;
5276
5270
  opacity: 0.5;
@@ -5279,14 +5273,14 @@ object-assign
5279
5273
  &:hover {
5280
5274
  opacity: 1;
5281
5275
  }
5282
- `,sA=v.div`
5276
+ `,cA=v.div`
5283
5277
  flex-grow: 1;
5284
5278
  font-size: 14;
5285
5279
  line-height: 1.4;
5286
5280
  min-height: 40px;
5287
5281
  padding: ${({gutter:e})=>`${e}px ${1.5*e}px`};
5288
- `,cA=w`from { height: 100%; } to { height: 0% }`,dA=v.div`
5289
- animation: ${({autoDismissTimeout:e})=>`${cA} ${e}ms linear`};
5282
+ `,dA=w`from { height: 100%; } to { height: 0% }`,uA=v.div`
5283
+ animation: ${({autoDismissTimeout:e})=>`${dA} ${e}ms linear`};
5290
5284
  animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
5291
5285
  background-color: rgba(0, 0, 0, 0.1);
5292
5286
  bottom: 0;
@@ -5295,7 +5289,7 @@ object-assign
5295
5289
  opacity: ${({opacity:e})=>e};
5296
5290
  position: absolute;
5297
5291
  width: 100%;
5298
- `,uA=v.div`
5292
+ `,pA=v.div`
5299
5293
  background-color: ${({backgroundColor:e})=>e};
5300
5294
  border-top-left-radius: ${({borderRadius:e})=>e}px;
5301
5295
  border-bottom-left-radius: ${({borderRadius:e})=>e}px;
@@ -5307,11 +5301,11 @@ object-assign
5307
5301
  overflow: hidden;
5308
5302
  text-align: center;
5309
5303
  width: 30px;
5310
- `,pA=v.div`
5304
+ `,mA=v.div`
5311
5305
  height: ${({height:e})=>e};
5312
5306
  transition: height
5313
5307
  ${({transitionDuration:e})=>`height ${e-100}ms 100ms`};
5314
- `,mA=v.div`
5308
+ `,hA=v.div`
5315
5309
  background-color: ${({backgroundColor:e})=>e};
5316
5310
  border-radius: ${({borderRadius:e})=>e}px;
5317
5311
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
@@ -5322,7 +5316,7 @@ object-assign
5322
5316
  transition: ${({transitionDuration:e})=>`transform ${e}ms cubic-bezier(0.2, 0, 0, 1), opacity ${e}ms`};
5323
5317
  width: ${({width:e})=>e}px;
5324
5318
  ${({transitionState:e,placement:t})=>{switch(e){case"entered":return y({transform:"translate3d(0,0,0)"});case"exiting":case"exited":return y({transform:"scale(0.66)",opacity:0});case"entering":return y((e=>{const t=e.split("-");return{right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"}["center"===t[1]?t[0]:t[1]]})(t));default:return""}}}
5325
- `;function hA(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const gA=e=>t.createElement("svg",Object.assign({},hA(14),e),t.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})),fA=()=>{};const bA=e=>{var{tag:n="span"}=e,r=D(e,["tag"]);return t.createElement(aA,Object.assign({as:n},r))},vA={success:{icon:e=>t.createElement("svg",Object.assign({},hA(12),e),t.createElement("path",{fillRule:"evenodd",d:"M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z"})),text:"#006644",fg:"#36B37E",bg:"#E3FCEF"},error:{icon:e=>t.createElement("svg",Object.assign({},hA(12),e),t.createElement("path",{fillRule:"evenodd",d:"M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z"})),text:"#BF2600",fg:"#FF5630",bg:"#FFEBE6"},warning:{icon:e=>t.createElement("svg",Object.assign({},hA(16),e),t.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),text:"#FF8B00",fg:"#FFAB00",bg:"#FFFAE6"},info:{icon:e=>t.createElement("svg",Object.assign({},hA(14),e),t.createElement("path",{fillRule:"evenodd",d:"M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),text:"#505F79",fg:"#2684FF",bg:"white"}},xA=e=>{var{children:n}=e,r=D(e,["children"]);return t.createElement(lA,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},r),n)},yA=e=>t.createElement(sA,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),wA=e=>{var{autoDismissTimeout:n,opacity:r,isRunning:i}=e,o=D(e,["autoDismissTimeout","opacity","isRunning"]);return t.createElement(dA,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:n,isRunning:i,opacity:r},o))},CA=({appearance:e,autoDismiss:n,autoDismissTimeout:r,isRunning:i})=>{const o=vA[e],a=o.icon;return t.createElement(uA,{className:"react-toast-notifications__toast__icon-wrapper",color:o.bg,backgroundColor:o.fg,borderRadius:4,gutter:8},t.createElement(wA,{opacity:n?1:0,autoDismissTimeout:r,isRunning:i}),t.createElement(a,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},EA=e=>{var{appearance:n,placement:r,transitionDuration:l,transitionState:s}=e,c=D(e,["appearance","placement","transitionDuration","transitionState"]);const[d,u]=i("auto"),p=o(null);return a((()=>{if(p.current){if("entered"===s){const e=p.current;u(e.offsetHeight+8)}"exiting"===s&&u(0)}}),[s]),t.createElement(pA,{ref:p,height:d,transitionDuration:l},t.createElement(mA,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:vA[n].bg,borderRadius:4,color:vA[n].text,gutter:8,placement:r,width:360,transitionState:s,transitionDuration:l},c)))},IA=v.div`
5319
+ `;function gA(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const fA=e=>t.createElement("svg",Object.assign({},gA(14),e),t.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})),bA=()=>{};const vA=e=>{var{tag:n="span"}=e,r=D(e,["tag"]);return t.createElement(lA,Object.assign({as:n},r))},xA={success:{icon:e=>t.createElement("svg",Object.assign({},gA(12),e),t.createElement("path",{fillRule:"evenodd",d:"M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z"})),text:"#006644",fg:"#36B37E",bg:"#E3FCEF"},error:{icon:e=>t.createElement("svg",Object.assign({},gA(12),e),t.createElement("path",{fillRule:"evenodd",d:"M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z"})),text:"#BF2600",fg:"#FF5630",bg:"#FFEBE6"},warning:{icon:e=>t.createElement("svg",Object.assign({},gA(16),e),t.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),text:"#FF8B00",fg:"#FFAB00",bg:"#FFFAE6"},info:{icon:e=>t.createElement("svg",Object.assign({},gA(14),e),t.createElement("path",{fillRule:"evenodd",d:"M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),text:"#505F79",fg:"#2684FF",bg:"white"}},yA=e=>{var{children:n}=e,r=D(e,["children"]);return t.createElement(sA,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},r),n)},wA=e=>t.createElement(cA,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),CA=e=>{var{autoDismissTimeout:n,opacity:r,isRunning:i}=e,o=D(e,["autoDismissTimeout","opacity","isRunning"]);return t.createElement(uA,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:n,isRunning:i,opacity:r},o))},EA=({appearance:e,autoDismiss:n,autoDismissTimeout:r,isRunning:i})=>{const o=xA[e],a=o.icon;return t.createElement(pA,{className:"react-toast-notifications__toast__icon-wrapper",color:o.bg,backgroundColor:o.fg,borderRadius:4,gutter:8},t.createElement(CA,{opacity:n?1:0,autoDismissTimeout:r,isRunning:i}),t.createElement(a,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},IA=e=>{var{appearance:n,placement:r,transitionDuration:l,transitionState:s}=e,c=D(e,["appearance","placement","transitionDuration","transitionState"]);const[d,u]=i("auto"),p=o(null);return a((()=>{if(p.current){if("entered"===s){const e=p.current;u(e.offsetHeight+8)}"exiting"===s&&u(0)}}),[s]),t.createElement(mA,{ref:p,height:d,transitionDuration:l},t.createElement(hA,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:xA[n].bg,borderRadius:4,color:xA[n].text,gutter:8,placement:r,width:360,transitionState:s,transitionDuration:l},c)))},kA=v.div`
5326
5320
  box-sizing: border-box;
5327
5321
  max-height: 100%;
5328
5322
  max-width: 100%;
@@ -5332,18 +5326,22 @@ object-assign
5332
5326
  position: fixed;
5333
5327
  z-index: 1000;
5334
5328
  ${({placement:e})=>{switch(e){case"top-left":return y({top:0,left:0});case"top-center":return y({top:0,left:"50%",transform:"translateX(-50%)"});case"top-right":return y({top:0,right:0});case"bottom-left":return y({bottom:0,left:0});case"bottom-center":return y({bottom:0,left:"50%",transform:"translateX(-50%)"});case"bottom-right":return y({bottom:0,right:0});default:return""}}}
5335
- `,kA=e=>{var{hasToasts:n,placement:r}=e,i=D(e,["hasToasts","placement"]);return t.createElement(IA,Object.assign({className:"react-toast-notifications__container",hasToasts:n,placement:r},i))};class MA{constructor(e,t){this.callback=e,this.start=t,this.remaining=t,this.resume()}clear(){clearTimeout(this.timerId)}pause(){clearTimeout(this.timerId),this.remaining-=Date.now()-this.start}resume(){this.start=Date.now(),clearTimeout(this.timerId),this.timerId=setTimeout(this.callback,this.remaining)}}class $A extends f{constructor(){super(...arguments),this.state={isRunning:Boolean(this.props.autoDismiss)},this.startTimer=()=>{const{autoDismiss:e,autoDismissTimeout:t,onDismiss:n}=this.props;e&&(this.setState({isRunning:!0}),this.timeout=new MA(n,t))},this.clearTimer=()=>{this.timeout&&this.timeout.clear()},this.onMouseEnter=()=>{this.setState({isRunning:!1},(()=>{this.timeout&&this.timeout.pause()}))},this.onMouseLeave=()=>{this.setState({isRunning:!0},(()=>{this.timeout&&this.timeout.resume()}))}}componentDidMount(){this.startTimer()}componentDidUpdate(e){if(e.autoDismiss!==this.props.autoDismiss){(this.props.autoDismiss?this.startTimer:this.clearTimer)()}}componentWillUnmount(){this.clearTimer()}render(){const e=this.props,{autoDismiss:n,autoDismissTimeout:r,component:i}=e,o=D(e,["autoDismiss","autoDismissTimeout","component"]),{isRunning:a}=this.state,l=n?this.onMouseEnter:fA,s=n?this.onMouseLeave:fA;return t.createElement(i,Object.assign({autoDismiss:n,autoDismissTimeout:r,isRunning:a,onMouseEnter:l,onMouseLeave:s},o))}}$A.defaultProps={autoDismiss:!1};const AA={Toast:e=>{var{appearance:n="info",autoDismiss:r,autoDismissTimeout:i,children:o,isRunning:a,onDismiss:l=fA,placement:s,transitionDuration:c,transitionState:d,onMouseEnter:u,onMouseLeave:p}=e,m=D(e,["appearance","autoDismiss","autoDismissTimeout","children","isRunning","onDismiss","placement","transitionDuration","transitionState","onMouseEnter","onMouseLeave"]);return t.createElement(EA,Object.assign({appearance:n,placement:s,transitionState:d,transitionDuration:c,onMouseEnter:u,onMouseLeave:p},m),t.createElement(CA,{appearance:n,autoDismiss:r,autoDismissTimeout:i,isRunning:a}),t.createElement(yA,null,o),l?t.createElement(xA,{onClick:l},t.createElement(gA,{className:"react-toast-notifications__toast__dismiss-icon"}),t.createElement(bA,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)},ToastContainer:kA},LA=t.createContext({add:()=>"0",remove:fA,removeAll:fA,update:fA,toasts:[]}),{Consumer:VA,Provider:OA}=LA,HA=!("undefined"==typeof window||!window.document||!window.document.createElement);let SA=class extends f{constructor(e){super(e),this.state={toasts:[]},this.has=e=>!!this.state.toasts.length&&Boolean(this.state.toasts.filter((t=>t.id===e)).length),this.onDismiss=(e,t=fA)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=fA)=>{const r=(null==t?void 0:t.id)?t.id:function(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}();if(!this.has(r))return this.setState((n=>{const i=Object.assign({content:e,id:r},t);return{toasts:this.props.newestOnTop?[i,...n.toasts]:[...n.toasts,i]}}),(()=>n(r))),r},this.remove=(e,t=fA)=>{this.has(e)&&this.setState((t=>{const n=t.toasts.filter((t=>t.id!==e));return{toasts:n}}),(()=>t(e)))},this.removeAll=()=>{this.state.toasts.length&&this.state.toasts.forEach((e=>this.remove(e.id)))},this.update=(e,t,n=fA)=>{this.has(e)&&this.setState((n=>{const r=n.toasts,i=r.findIndex((t=>t.id===e)),o=Object.assign(Object.assign({},r[i]),t);return{toasts:[...r.slice(0,i),o,...r.slice(i+1)]}}),(()=>n(e)))},this.nodeRef=t.createRef()}render(){const{autoDismiss:e,autoDismissTimeout:n,children:r,components:i,placement:o,portalTargetSelector:a,transitionDuration:l}=this.props,{Toast:s,ToastContainer:c}=Object.assign(Object.assign({},AA),i),{add:d,remove:u,removeAll:p,update:m}=this,h=this.state.toasts,g=Boolean(h.length),f=HA?a?document.querySelector(a):document.body:null;return t.createElement(OA,{value:{add:d,remove:u,removeAll:p,update:m,toasts:h}},r,f?k(t.createElement(c,{placement:o,hasToasts:g},t.createElement(rc,{component:null},h.map((r=>{var{appearance:i,autoDismiss:a,content:c,id:d,onDismiss:u}=r,p=D(r,["appearance","autoDismiss","content","id","onDismiss"]);return t.createElement(Fs,{key:d,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:this.nodeRef,timeout:l},(r=>t.createElement($A,Object.assign({key:d,appearance:i,autoDismiss:void 0!==a?a:e,autoDismissTimeout:n,component:s,placement:o,transitionDuration:l,transitionState:r,onDismiss:this.onDismiss(d,u)},p),c)))})))),f):t.createElement(c,{placement:o,hasToasts:g}))}};SA.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:AA,newestOnTop:!1,placement:"top-right",transitionDuration:220};const DA=v(kA)`
5329
+ `,MA=e=>{var{hasToasts:n,placement:r}=e,i=D(e,["hasToasts","placement"]);return t.createElement(kA,Object.assign({className:"react-toast-notifications__container",hasToasts:n,placement:r},i))};class $A{constructor(e,t){this.callback=e,this.start=t,this.remaining=t,this.resume()}clear(){clearTimeout(this.timerId)}pause(){clearTimeout(this.timerId),this.remaining-=Date.now()-this.start}resume(){this.start=Date.now(),clearTimeout(this.timerId),this.timerId=setTimeout(this.callback,this.remaining)}}class AA extends f{constructor(){super(...arguments),this.state={isRunning:Boolean(this.props.autoDismiss)},this.startTimer=()=>{const{autoDismiss:e,autoDismissTimeout:t,onDismiss:n}=this.props;e&&(this.setState({isRunning:!0}),this.timeout=new $A(n,t))},this.clearTimer=()=>{this.timeout&&this.timeout.clear()},this.onMouseEnter=()=>{this.setState({isRunning:!1},(()=>{this.timeout&&this.timeout.pause()}))},this.onMouseLeave=()=>{this.setState({isRunning:!0},(()=>{this.timeout&&this.timeout.resume()}))}}componentDidMount(){this.startTimer()}componentDidUpdate(e){if(e.autoDismiss!==this.props.autoDismiss){(this.props.autoDismiss?this.startTimer:this.clearTimer)()}}componentWillUnmount(){this.clearTimer()}render(){const e=this.props,{autoDismiss:n,autoDismissTimeout:r,component:i}=e,o=D(e,["autoDismiss","autoDismissTimeout","component"]),{isRunning:a}=this.state,l=n?this.onMouseEnter:bA,s=n?this.onMouseLeave:bA;return t.createElement(i,Object.assign({autoDismiss:n,autoDismissTimeout:r,isRunning:a,onMouseEnter:l,onMouseLeave:s},o))}}AA.defaultProps={autoDismiss:!1};const LA={Toast:e=>{var{appearance:n="info",autoDismiss:r,autoDismissTimeout:i,children:o,isRunning:a,onDismiss:l=bA,placement:s,transitionDuration:c,transitionState:d,onMouseEnter:u,onMouseLeave:p}=e,m=D(e,["appearance","autoDismiss","autoDismissTimeout","children","isRunning","onDismiss","placement","transitionDuration","transitionState","onMouseEnter","onMouseLeave"]);return t.createElement(IA,Object.assign({appearance:n,placement:s,transitionState:d,transitionDuration:c,onMouseEnter:u,onMouseLeave:p},m),t.createElement(EA,{appearance:n,autoDismiss:r,autoDismissTimeout:i,isRunning:a}),t.createElement(wA,null,o),l?t.createElement(yA,{onClick:l},t.createElement(fA,{className:"react-toast-notifications__toast__dismiss-icon"}),t.createElement(vA,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)},ToastContainer:MA},VA=t.createContext({add:()=>"0",remove:bA,removeAll:bA,update:bA,toasts:[]}),{Consumer:OA,Provider:HA}=VA,SA=!("undefined"==typeof window||!window.document||!window.document.createElement);let DA=class extends f{constructor(){super(...arguments),this.toastNodeRefs=new Map,this.state={toasts:[]},this.getNodeRef=e=>(this.toastNodeRefs.has(e)||this.toastNodeRefs.set(e,t.createRef()),this.toastNodeRefs.get(e)),this.has=e=>!!this.state.toasts.length&&Boolean(this.state.toasts.filter((t=>t.id===e)).length),this.onDismiss=(e,t=bA)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=bA)=>{const r=(null==t?void 0:t.id)?t.id:function(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}();if(!this.has(r))return this.setState((n=>{const i=Object.assign({content:e,id:r},t);return{toasts:this.props.newestOnTop?[i,...n.toasts]:[...n.toasts,i]}}),(()=>n(r))),r},this.remove=(e,t=bA)=>{this.has(e)&&this.setState((t=>{const n=t.toasts.filter((t=>t.id!==e));return{toasts:n}}),(()=>{this.toastNodeRefs.delete(e),t(e)}))},this.removeAll=()=>{this.state.toasts.length&&this.state.toasts.forEach((e=>this.remove(e.id)))},this.update=(e,t,n=bA)=>{this.has(e)&&this.setState((n=>{const r=n.toasts,i=r.findIndex((t=>t.id===e)),o=Object.assign(Object.assign({},r[i]),t);return{toasts:[...r.slice(0,i),o,...r.slice(i+1)]}}),(()=>n(e)))}}render(){const{autoDismiss:e,autoDismissTimeout:n,children:r,components:i,placement:o,portalTargetSelector:a,transitionDuration:l}=this.props,{Toast:s,ToastContainer:c}=Object.assign(Object.assign({},LA),i),{add:d,remove:u,removeAll:p,update:m}=this,h=this.state.toasts,g=Boolean(h.length),f=SA?a?document.querySelector(a):document.body:null;return t.createElement(HA,{value:{add:d,remove:u,removeAll:p,update:m,toasts:h}},r,f?k(t.createElement(c,{placement:o,hasToasts:g},t.createElement(rc,{component:null},h.map((r=>{var{appearance:i,autoDismiss:a,content:c,id:d,onDismiss:u}=r,p=D(r,["appearance","autoDismiss","content","id","onDismiss"]);const m=this.getNodeRef(d);return t.createElement(Fs,{key:d,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:m,timeout:l},(r=>t.createElement("div",{ref:m},t.createElement(AA,Object.assign({appearance:i,autoDismiss:void 0!==a?a:e,autoDismissTimeout:n,component:s,placement:o,transitionDuration:l,transitionState:r,onDismiss:this.onDismiss(d,u)},p),c))))})))),f):t.createElement(c,{placement:o,hasToasts:g}))}};DA.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:LA,newestOnTop:!1,placement:"top-right",transitionDuration:220};const RA=v(MA)`
5336
5330
  z-index: ${({theme:e})=>e.depth.toast} !important;
5337
5331
 
5338
5332
  ${({placement:e})=>e.includes("center")&&y`
5339
- width: ${X$};
5340
5333
  box-sizing: border-box;
5334
+ max-width: ${X$};
5335
+
5336
+ @media (min-width: ${F.MOBILE}px) {
5337
+ max-width: ${J$};
5338
+ }
5341
5339
  `}
5342
- `,RA=t=>{var{children:n}=t,r=D(t,["children"]);const i={pt:r.placement.includes("top")?3:0,pb:r.placement.includes("bottom")?3:0};return e.createElement(DA,Object.assign({},r),e.createElement(Da,Object.assign({},i),n))},NA={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},zA=e=>t.createElement(oA,Object.assign({},NA,e));zA.Provider=t=>{var{children:n}=t,r=D(t,["children"]);return e.createElement(SA,Object.assign({},r,{components:Object.assign({Toast:oA,ToastContainer:RA},r.components)}),n)},zA.useToasts=()=>{const e=c(LA);if(!e)throw Error("The `useToasts` hook must be called from a descendent of the `ToastProvider`.");return{addToast:e.add,removeToast:e.remove,removeAllToasts:e.removeAll,updateToast:e.update,toastStack:e.toasts}};const ZA=v.div`
5340
+ `,NA=t=>{var{children:n}=t,r=D(t,["children"]);const i={pt:r.placement.includes("top")?3:0,pb:r.placement.includes("bottom")?3:0};return e.createElement(RA,Object.assign({},r),e.createElement(Da,Object.assign({},i),n))},zA={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},ZA=e=>t.createElement(aA,Object.assign({},zA,e));ZA.Provider=t=>{var{children:n}=t,r=D(t,["children"]);return e.createElement(DA,Object.assign({},r,{components:Object.assign({Toast:aA,ToastContainer:NA},r.components)}),n)},ZA.useToasts=()=>{const e=c(VA);if(!e)throw Error("The `useToasts` hook must be called from a descendent of the `ToastProvider`.");return{addToast:e.add,removeToast:e.remove,removeAllToasts:e.removeAll,updateToast:e.update,toastStack:e.toasts}};const TA=v.div`
5343
5341
  position: relative;
5344
5342
  width: 40px;
5345
5343
  height: 22px;
5346
- `,TA=v.span`
5344
+ `,BA=v.span`
5347
5345
  position: absolute;
5348
5346
  top: 50%;
5349
5347
  left: 3px;
@@ -5356,19 +5354,19 @@ object-assign
5356
5354
  ${({checked:e,disabled:t,theme:n})=>t&&e?Co(n.palette.primary.base,.6):t&&!e?Co(n.palette.divider,.6):e?n.palette.primary.dark:n.palette.divider};
5357
5355
  box-shadow: ${({theme:e})=>Eo(3,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
5358
5356
  transition: all 0.2s ease-in-out;
5359
- `,BA=v.div`
5357
+ `,PA=v.div`
5360
5358
  position: absolute;
5361
5359
  width: 100%;
5362
5360
  word-break: break-all;
5363
5361
  white-space: nowrap;
5364
5362
  transition: all 0.2s ease-in-out;
5365
- `,PA=v(BA)`
5363
+ `,_A=v(PA)`
5366
5364
  padding-left: 8px;
5367
5365
  opacity: 0;
5368
- `,_A=v(BA)`
5366
+ `,GA=v(PA)`
5369
5367
  padding-right: 8px;
5370
5368
  opacity: 1;
5371
- `,GA=v.label`
5369
+ `,YA=v.label`
5372
5370
  position: absolute;
5373
5371
  top: 0;
5374
5372
  left: 0;
@@ -5386,13 +5384,13 @@ object-assign
5386
5384
  transition: all 0.2s ease-in-out;
5387
5385
 
5388
5386
  ${({checked:e})=>e&&y`
5389
- & > ${TA} {
5387
+ & > ${BA} {
5390
5388
  left: calc(100% - 14px - 5px);
5391
5389
  }
5392
- & > ${PA} {
5390
+ & > ${_A} {
5393
5391
  opacity: 1;
5394
5392
  }
5395
- & > ${_A} {
5393
+ & > ${GA} {
5396
5394
  opacity: 0;
5397
5395
  }
5398
5396
  `}
@@ -5402,11 +5400,11 @@ object-assign
5402
5400
  border-color: ${({theme:e})=>e.palette.primary.base};
5403
5401
  }
5404
5402
  `}
5405
- `,YA=v.input`
5403
+ `,FA=v.input`
5406
5404
  width: 0;
5407
5405
  height: 0;
5408
5406
  visibility: hidden;
5409
- `,FA=e.forwardRef((function(t,n){const{checked:r=!1,disabled:i=!1,onChange:o,width:a="48px",checkedText:l="",unCheckedText:s="",inputRef:c,children:d}=t;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),e.createElement(ZA,{ref:n,width:a},e.createElement(GA,{checked:r,disabled:i,width:a},e.createElement(YA,{ref:c,checked:r,type:"checkbox",readOnly:null==o,disabled:i,onChange:o}),e.createElement(PA,null,e.createElement(Ee,{component:"div",color:i?"disabled":"primary",align:"left",size:"xs",weight:"bold"},l)),e.createElement(_A,null,e.createElement(Ee,{component:"div",color:i?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},s)),e.createElement(TA,{checked:r,disabled:i})))})),jA=v.div``,WA=v.span`
5407
+ `,jA=e.forwardRef((function(t,n){const{checked:r=!1,disabled:i=!1,onChange:o,width:a="48px",checkedText:l="",unCheckedText:s="",inputRef:c,children:d}=t;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),e.createElement(TA,{ref:n,width:a},e.createElement(YA,{checked:r,disabled:i,width:a},e.createElement(FA,{ref:c,checked:r,type:"checkbox",readOnly:null==o,disabled:i,onChange:o}),e.createElement(_A,null,e.createElement(Ee,{component:"div",color:i?"disabled":"primary",align:"left",size:"xs",weight:"bold"},l)),e.createElement(GA,null,e.createElement(Ee,{component:"div",color:i?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},s)),e.createElement(BA,{checked:r,disabled:i})))})),WA=v.div``,XA=v.span`
5410
5408
  background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.white};
5411
5409
  border: 1px solid
5412
5410
  ${({theme:e,active:t})=>t?e.palette.primary.dark:e.palette.neutral.lighter};
@@ -5414,26 +5412,26 @@ object-assign
5414
5412
  height: ${({theme:e})=>3*e.spacing}px;
5415
5413
  width: ${({theme:e})=>3*e.spacing}px;
5416
5414
  outline: none;
5417
- `,XA=v.div`
5415
+ `,JA=v.div`
5418
5416
  display: grid;
5419
5417
  grid-template-columns: 38px repeat(24, 1fr);
5420
5418
  grid-gap: ${({theme:e})=>e.spacing/2}px;
5421
5419
  align-items: center;
5422
5420
  justify-items: center;
5423
5421
  width: fit-content;
5424
- `,JA=v.div`
5422
+ `,UA=v.div`
5425
5423
  height: 24px;
5426
5424
  text-align: center;
5427
5425
  background-color: ${({theme:e})=>e.palette.neutral.softLight};
5428
5426
  border-radius: ${({theme:e})=>e.spacing/2}px;
5429
5427
  border: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
5430
- `,UA=v(JA)`
5428
+ `,QA=v(UA)`
5431
5429
  width: 38px;
5432
- `,QA=v(JA)`
5430
+ `,qA=v(UA)`
5433
5431
  width: 24px;
5434
- `,qA=v(JA)`
5432
+ `,KA=v(UA)`
5435
5433
  border: none;
5436
- `,KA=e=>{if(!e)return Array(7).fill(Array(24).fill("1"));const t=(e=>{if(!e)return Array(7).fill(Array(24).fill("1")).join("");let t="";for(const n of e)switch(n){case"0":t+="0000";break;case"1":t+="0001";break;case"2":t+="0010";break;case"3":t+="0011";break;case"4":t+="0100";break;case"5":t+="0101";break;case"6":t+="0110";break;case"7":t+="0111";break;case"8":t+="1000";break;case"9":t+="1001";break;case"a":t+="1010";break;case"b":t+="1011";break;case"c":t+="1100";break;case"d":t+="1101";break;case"e":t+="1110";break;case"f":t+="1111";break;default:return""}return t})(e),n=[];for(let e=0;e<7;e++){n[e]=[];for(let r=0;r<24;r++)n[e][r]=t.charAt(24*e+r)}return n},eL=Array.from(Array(24)).map(((e,t)=>t)),tL=({weekList:e,weekTime:n,WeekTimeItem:r,interactive:i=!1,isWithinHoverRange:o,onMouseOver:a,onMouseDown:s})=>{const c=l((()=>KA(n)),[n]),d=(e,t)=>()=>{null==a||a(e,t)},u=(e,t,n)=>()=>{null==s||s(e,t,n)};return t.createElement(XA,null,t.createElement(qA,null),eL.map((e=>t.createElement(QA,{key:e},e))),c.map(((n,a)=>t.createElement(b,{key:a},t.createElement(UA,null,e[a]),n.map(((n,l)=>t.createElement(r,Object.assign({key:`${a}-${l}`,active:"1"===n,hover:!!o&&o(a,l)},i?{"aria-label":`${e[a]} ${String(l).padStart(2,"0")}:00`,"aria-pressed":"1"===n}:{},{onMouseOver:d(a,l),onMouseDown:u(a,l,n)}))))))))},nL=t.forwardRef((function(e,n){const r=ud({props:e,name:"WeekTime"}),{weekList:i,weekTime:o}=r;return t.createElement(jA,{ref:n},t.createElement(tL,{weekTime:o,weekList:i,WeekTimeItem:WA}))})),rL=v.div``,iL=v.button`
5434
+ `,eL=e=>{if(!e)return Array(7).fill(Array(24).fill("1"));const t=(e=>{if(!e)return Array(7).fill(Array(24).fill("1")).join("");let t="";for(const n of e)switch(n){case"0":t+="0000";break;case"1":t+="0001";break;case"2":t+="0010";break;case"3":t+="0011";break;case"4":t+="0100";break;case"5":t+="0101";break;case"6":t+="0110";break;case"7":t+="0111";break;case"8":t+="1000";break;case"9":t+="1001";break;case"a":t+="1010";break;case"b":t+="1011";break;case"c":t+="1100";break;case"d":t+="1101";break;case"e":t+="1110";break;case"f":t+="1111";break;default:return""}return t})(e),n=[];for(let e=0;e<7;e++){n[e]=[];for(let r=0;r<24;r++)n[e][r]=t.charAt(24*e+r)}return n},tL=Array.from(Array(24)).map(((e,t)=>t)),nL=({weekList:e,weekTime:n,WeekTimeItem:r,interactive:i=!1,isWithinHoverRange:o,onMouseOver:a,onMouseDown:s})=>{const c=l((()=>eL(n)),[n]),d=(e,t)=>()=>{null==a||a(e,t)},u=(e,t,n)=>()=>{null==s||s(e,t,n)};return t.createElement(JA,null,t.createElement(KA,null),tL.map((e=>t.createElement(qA,{key:e},e))),c.map(((n,a)=>t.createElement(b,{key:a},t.createElement(QA,null,e[a]),n.map(((n,l)=>t.createElement(r,Object.assign({key:`${a}-${l}`,active:"1"===n,hover:!!o&&o(a,l)},i?{"aria-label":`${e[a]} ${String(l).padStart(2,"0")}:00`,"aria-pressed":"1"===n}:{},{onMouseOver:d(a,l),onMouseDown:u(a,l,n)}))))))))},rL=t.forwardRef((function(e,n){const r=ud({props:e,name:"WeekTime"}),{weekList:i,weekTime:o}=r;return t.createElement(WA,{ref:n},t.createElement(nL,{weekTime:o,weekList:i,WeekTimeItem:XA}))})),iL=v.div``,oL=v.button`
5437
5435
  background-color: ${({active:e,hover:t,theme:n})=>t?n.palette.primary.highlight:e?n.palette.primary.base:n.palette.white};
5438
5436
  border: 1px solid
5439
5437
  ${({theme:e,active:t,hover:n})=>n?e.palette.primary.softLight:t?e.palette.primary.dark:e.palette.neutral.lighter};
@@ -5442,5 +5440,5 @@ object-assign
5442
5440
  height: ${({theme:e})=>3*e.spacing}px;
5443
5441
  width: ${({theme:e})=>3*e.spacing}px;
5444
5442
  outline: none;
5445
- `,oL=t.forwardRef((function(e,n){const r=ud({props:e,name:"WeekTimeSelector"}),{weekList:o,weekTime:s,errorText:c,onChange:d}=r,u=l((()=>KA(s)),[s]),[p,m]=i({weekIndex:0,timeIndex:0}),[h,g]=i({weekIndex:0,timeIndex:0}),[f,b]=i("none"),[v,x]=i("1"),y=(e,t,n)=>{if("choosing"===f){const r=((e,t,n,r,i,o)=>{const a=[...o],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=a[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?i:t));a[e]=t}return a})(p.weekIndex,p.timeIndex,e,t,n,[...u]);b("none"),null==d||d((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===f&&(m({weekIndex:e,timeIndex:t}),g({weekIndex:e,timeIndex:t}),b("choosing"))},w=()=>{"choosing"===f&&y(h.weekIndex,h.timeIndex,v)};return a((()=>(addEventListener("mouseup",w),()=>{removeEventListener("mouseup",w)}))),t.createElement(rL,{ref:n},t.createElement(tL,{weekTime:s,weekList:o,WeekTimeItem:iL,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===f){const n=Math.min(p.weekIndex,h.weekIndex),r=Math.max(p.weekIndex,h.weekIndex),i=Math.min(p.timeIndex,h.timeIndex),o=Math.max(p.timeIndex,h.timeIndex);return e>=n&&e<=r&&t>=i&&t<=o}return!1},onMouseOver:(e,t)=>{"none"!==f&&g({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";x(r),y(e,t,r)}}),c&&t.createElement(Da,{pt:1},t.createElement(Bc,null,c)))}));export{Uc as ADVANCED_FILTER_CONSTANTS,ge as Accordion,$e as ActionButton,Bd as AdvancedFilter,Nd as AdvancedFilterConfigPanel,Xt as AdvancedFilterTrigger,wu as Backdrop,Sd as Badge,Au as Banner,F as BreakPoint,Wa as Button,Hu as ButtonGroup,xp as Calendar,Pp as CalendarRange,_p as Card,Jp as Checkbox,lm as CheckboxCard,sm as ClickAwayListener,wm as ConfirmModal,j as ContainerBreakPoint,Rm as ContextMenu,xa as ContextMenu2,ka as ContextMenu2ButtonControlsItem,wt as ContextMenu2ButtonItem,wo as ContextMenu2CheckItem,ya as ContextMenu2Container,wa as ContextMenu2HeadingItem,Ea as ContextMenu2HelpTextItem,Ia as ContextMenu2SeparatorItem,Xo as ContextMenu2SortableFixedItem,Bo as ContextMenu2SortableGroup,Yo as ContextMenu2SortableItem,Ao as ContextMenu2SwitchItem,aa as ContextMenu2TextInputItem,So as ContextMenu2TriggerItem,Rv as CreatableSelect,Wd as DATE_OPERATORS,Vx as DataTable,zy as DataTable2,Yy as DataTable2ActionButton,Py as DataTable2Body,Gy as DataTable2Cell,Ty as DataTable2Column,By as DataTable2ColumnLabel,Zy as DataTable2Head,Fy as DataTable2InlineEditor,jy as DataTable2InlineSelectEditor,_y as DataTable2Row,xw as DateField,Vw as DateField2,md as DatePicker,Ew as DateRangeField,Dw as DateRangeField2,Nw as DateRangePicker,Am as Divider,Fw as Drawer,Kw as DropdownButton,bC as DualListBox,gE as DualListBox2,dE as DualListBox2Accordion,KC as DualListBox2Item,lE as DualListBox2Section,Bc as ErrorText,mc as Fade,vE as FileUploader,TE as FilterComboBox,Zd as FilterPositionCalculator,JE as FilterSelectInput,vI as FilterTagInput,yI as FixedPanel,se as Flex,II as FloatingTip,SI as FullSizeConfirmModal,NI as Grow,oe as Icon,PI as IconText,ia as Input,xx as ItemEmpty,YI as LoadingBar,dd as LocaleProvider,Sm as Menu,Vm as MenuList,ym as Modal,kk as MultipleFilter,jd as NUMBER_OPERATORS,$M as NavigationRail,Nk as NavigationRailContext,Yk as NotificationBadge,Jd as PRESET_OPERATORS,hx as Pager,Hm as Popover,xm as Portal,qv as RadioButton,AM as RadioCard,_ as Radius,vc as SELECT2_SIZES,Xd as SELECTION_OPERATORS,VM as ScrollArea,Dv as Select,Rc as Select2,Nc as Select2Option,zc as Select2OptionGroup,Zc as Select2Separator,P as Shadow,o$ as Slide,qM as Slider,t$ as SliderField,d$ as Snackbar,G as Space,Da as Spacer,Pa as Spinner,p$ as SplitAnnotation,E$ as Switch,Fd as TEXT_OPERATORS,D$ as Table,_$ as Tabs,De as Tag,sk as TextField,R as ThemeProvider,j$ as TimeField,W$ as TimeField2,zA as Toast,FA as ToggleButton,bc as Tooltip,Ee as Typography,nL as WeekTime,oL as WeekTimeSelector,au as applyFilter,lu as applyMultipleFilters,ou as applyOperatorToValue,Y as breakpointPrimitives,mt as buildFilterSlots,eu as changeOperatorLabel,pu as changeValueLabel,TM as clamp,N as colors,qd as combineOperators,du as combineValues,Qd as createOperator,q as createTheme,cu as createValue,K as defaultTheme,sd as enUS,su as evaluateFilterConditions,xe as fontSize,Ue as generateTagText,Qe as generateTagTitle,et as getAvailableTypes,BM as getClampedValue,pt as getConfiguredFilters,tt as getFilterTypeLabel,gx as getFilteredItems,YM as getKeyboardValue,bu as getLabelsForValues,GM as getNearestThumbIndex,PM as getPercentage,Ud as getPresetOperators,tu as getPresetOperatorsWithLabels,dt as getPresetSlotId,ve as getResponsiveFontSizeCss,nt as getTagBoldText,_M as getValueFromPosition,fu as getValueLabels,gu as getValueStrings,ut as isConfiguredFilter,Ze as isCustomOperator,ze as isRangeOperator,be as isResponsiveObject,qe as isValidFilterConfig,Ke as isValidFilterType,ad as jaJP,vu as mergeValues,iu as normalizeForSearch,Kd as overrideOperatorLabels,uu as overrideValueLabels,T as palette,WM as preventScroll,FM as preventTextSelection,Ce as resolveFontWeight,jM as restoreTextSelection,nu as selectOperators,ru as selectOperatorsByIndex,mu as selectValues,hu as selectValuesByIndex,xu as sortValues,aE as toGroupedItems,W as trimVertical,zd as useAdvancedFilterState,ca as useContextMenu2Anchor,Td as useFilterMenuPosition,fx as useFilterState,Rk as useNavigationRail,XM as useSlider,JM as useSliderScale,ee as useTheme,ld as zhCN};
5443
+ `,aL=t.forwardRef((function(e,n){const r=ud({props:e,name:"WeekTimeSelector"}),{weekList:o,weekTime:s,errorText:c,onChange:d}=r,u=l((()=>eL(s)),[s]),[p,m]=i({weekIndex:0,timeIndex:0}),[h,g]=i({weekIndex:0,timeIndex:0}),[f,b]=i("none"),[v,x]=i("1"),y=(e,t,n)=>{if("choosing"===f){const r=((e,t,n,r,i,o)=>{const a=[...o],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=a[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?i:t));a[e]=t}return a})(p.weekIndex,p.timeIndex,e,t,n,[...u]);b("none"),null==d||d((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===f&&(m({weekIndex:e,timeIndex:t}),g({weekIndex:e,timeIndex:t}),b("choosing"))},w=()=>{"choosing"===f&&y(h.weekIndex,h.timeIndex,v)};return a((()=>(addEventListener("mouseup",w),()=>{removeEventListener("mouseup",w)}))),t.createElement(iL,{ref:n},t.createElement(nL,{weekTime:s,weekList:o,WeekTimeItem:oL,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===f){const n=Math.min(p.weekIndex,h.weekIndex),r=Math.max(p.weekIndex,h.weekIndex),i=Math.min(p.timeIndex,h.timeIndex),o=Math.max(p.timeIndex,h.timeIndex);return e>=n&&e<=r&&t>=i&&t<=o}return!1},onMouseOver:(e,t)=>{"none"!==f&&g({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";x(r),y(e,t,r)}}),c&&t.createElement(Da,{pt:1},t.createElement(Bc,null,c)))}));export{Uc as ADVANCED_FILTER_CONSTANTS,ge as Accordion,$e as ActionButton,Bd as AdvancedFilter,Nd as AdvancedFilterConfigPanel,Xt as AdvancedFilterTrigger,wu as Backdrop,Sd as Badge,Au as Banner,F as BreakPoint,Wa as Button,Hu as ButtonGroup,xp as Calendar,Pp as CalendarRange,_p as Card,Jp as Checkbox,lm as CheckboxCard,sm as ClickAwayListener,wm as ConfirmModal,j as ContainerBreakPoint,Rm as ContextMenu,xa as ContextMenu2,ka as ContextMenu2ButtonControlsItem,wt as ContextMenu2ButtonItem,wo as ContextMenu2CheckItem,ya as ContextMenu2Container,wa as ContextMenu2HeadingItem,Ea as ContextMenu2HelpTextItem,Ia as ContextMenu2SeparatorItem,Xo as ContextMenu2SortableFixedItem,Bo as ContextMenu2SortableGroup,Yo as ContextMenu2SortableItem,Ao as ContextMenu2SwitchItem,aa as ContextMenu2TextInputItem,So as ContextMenu2TriggerItem,Rv as CreatableSelect,Wd as DATE_OPERATORS,Vx as DataTable,zy as DataTable2,Yy as DataTable2ActionButton,Py as DataTable2Body,Gy as DataTable2Cell,Ty as DataTable2Column,By as DataTable2ColumnLabel,Zy as DataTable2Head,Fy as DataTable2InlineEditor,jy as DataTable2InlineSelectEditor,_y as DataTable2Row,xw as DateField,Vw as DateField2,md as DatePicker,Ew as DateRangeField,Dw as DateRangeField2,Nw as DateRangePicker,Am as Divider,Fw as Drawer,Kw as DropdownButton,bC as DualListBox,gE as DualListBox2,dE as DualListBox2Accordion,KC as DualListBox2Item,lE as DualListBox2Section,Bc as ErrorText,mc as Fade,vE as FileUploader,TE as FilterComboBox,Zd as FilterPositionCalculator,JE as FilterSelectInput,vI as FilterTagInput,yI as FixedPanel,se as Flex,II as FloatingTip,SI as FullSizeConfirmModal,NI as Grow,oe as Icon,PI as IconText,ia as Input,xx as ItemEmpty,YI as LoadingBar,dd as LocaleProvider,Sm as Menu,Vm as MenuList,ym as Modal,kk as MultipleFilter,jd as NUMBER_OPERATORS,$M as NavigationRail,Nk as NavigationRailContext,Yk as NotificationBadge,Jd as PRESET_OPERATORS,hx as Pager,Hm as Popover,xm as Portal,qv as RadioButton,AM as RadioCard,_ as Radius,vc as SELECT2_SIZES,Xd as SELECTION_OPERATORS,VM as ScrollArea,Dv as Select,Rc as Select2,Nc as Select2Option,zc as Select2OptionGroup,Zc as Select2Separator,P as Shadow,o$ as Slide,qM as Slider,t$ as SliderField,d$ as Snackbar,G as Space,Da as Spacer,Pa as Spinner,p$ as SplitAnnotation,E$ as Switch,Fd as TEXT_OPERATORS,D$ as Table,_$ as Tabs,De as Tag,sk as TextField,R as ThemeProvider,j$ as TimeField,W$ as TimeField2,ZA as Toast,jA as ToggleButton,bc as Tooltip,Ee as Typography,rL as WeekTime,aL as WeekTimeSelector,au as applyFilter,lu as applyMultipleFilters,ou as applyOperatorToValue,Y as breakpointPrimitives,mt as buildFilterSlots,eu as changeOperatorLabel,pu as changeValueLabel,TM as clamp,N as colors,qd as combineOperators,du as combineValues,Qd as createOperator,q as createTheme,cu as createValue,K as defaultTheme,sd as enUS,su as evaluateFilterConditions,xe as fontSize,Ue as generateTagText,Qe as generateTagTitle,et as getAvailableTypes,BM as getClampedValue,pt as getConfiguredFilters,tt as getFilterTypeLabel,gx as getFilteredItems,YM as getKeyboardValue,bu as getLabelsForValues,GM as getNearestThumbIndex,PM as getPercentage,Ud as getPresetOperators,tu as getPresetOperatorsWithLabels,dt as getPresetSlotId,ve as getResponsiveFontSizeCss,nt as getTagBoldText,_M as getValueFromPosition,fu as getValueLabels,gu as getValueStrings,ut as isConfiguredFilter,Ze as isCustomOperator,ze as isRangeOperator,be as isResponsiveObject,qe as isValidFilterConfig,Ke as isValidFilterType,ad as jaJP,vu as mergeValues,iu as normalizeForSearch,Kd as overrideOperatorLabels,uu as overrideValueLabels,T as palette,WM as preventScroll,FM as preventTextSelection,Ce as resolveFontWeight,jM as restoreTextSelection,nu as selectOperators,ru as selectOperatorsByIndex,mu as selectValues,hu as selectValuesByIndex,xu as sortValues,aE as toGroupedItems,W as trimVertical,zd as useAdvancedFilterState,ca as useContextMenu2Anchor,Td as useFilterMenuPosition,fx as useFilterState,Rk as useNavigationRail,XM as useSlider,JM as useSliderScale,ee as useTheme,ld as zhCN};
5446
5444
  //# sourceMappingURL=index.es.js.map