@jigowatts/jigowatts-ui 2.1.2 → 2.3.0

package/dist/components/PageSizeSelector/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { S as g } from "../../index-D7VNQwOv.js";
+import { S as g } from "../../index-omG0Vz2u.js";
 import '../../assets/index24.css';const S = "_pageSelectorWrapper_1ylkc_1", h = "_pageSelectorContainer_1ylkc_5", m = "_selectBoxWrapper_1ylkc_14", l = {
   pageSelectorWrapper: S,
   pageSelectorContainer: h,

package/dist/components/Pagination/index.cjs.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index33.css');const ne=require("react/jsx-runtime"),X=require("classnames"),le=require("react-icons/md"),ce=require("../../_commonjsHelpers-DKOUU3wS.cjs"),fe=require("react");var pe={exports:{}};(function(ee,ie){(function(V,J){ee.exports=J(fe)})(ce.commonjsGlobal,V=>(()=>{var J={703:(u,g,P)=>{var a=P(414);function H(){}function F(){}F.resetWarningCache=H,u.exports=function(){function b(se,R,Y,K,oe,U){if(U!==a){var G=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw G.name="Invariant Violation",G}}function w(){return b}b.isRequired=b;var M={array:b,bigint:b,bool:b,func:b,number:b,object:b,string:b,symbol:b,any:b,arrayOf:w,element:b,elementType:b,instanceOf:w,node:b,objectOf:w,oneOf:w,oneOfType:w,shape:w,exact:w,checkPropTypes:F,resetWarningCache:H};return M.PropTypes=M,M}},697:(u,g,P)=>{u.exports=P(703)()},414:u=>{u.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},98:u=>{u.exports=V}},S={};function v(u){var g=S[u];if(g!==void 0)return g.exports;var P=S[u]={exports:{}};return J[u](P,P.exports,v),P.exports}v.n=u=>{var g=u&&u.__esModule?()=>u.default:()=>u;return v.d(g,{a:g}),g},v.d=(u,g)=>{for(var P in g)v.o(g,P)&&!v.o(u,P)&&Object.defineProperty(u,P,{enumerable:!0,get:g[P]})},v.o=(u,g)=>Object.prototype.hasOwnProperty.call(u,g),v.r=u=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(u,"__esModule",{value:!0})};var ae={};return(()=>{v.r(ae),v.d(ae,{default:()=>ge});var u=v(98),g=v.n(u),P=v(697),a=v.n(P);function H(){return H=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},H.apply(this,arguments)}var F=function(r){var i=r.pageClassName,o=r.pageLinkClassName,l=r.page,I=r.selected,D=r.activeClassName,O=r.activeLinkClassName,t=r.getEventListener,e=r.pageSelectedHandler,p=r.href,n=r.extraAriaContext,s=r.pageLabelBuilder,c=r.rel,f=r.ariaLabel||"Page "+l+(n?" "+n:""),h=null;return I&&(h="page",f=r.ariaLabel||"Page "+l+" is your current page",i=i!==void 0?i+" "+D:D,o!==void 0?O!==void 0&&(o=o+" "+O):o=O),g().createElement("li",{className:i},g().createElement("a",H({rel:c,role:p?void 0:"button",className:o,href:p,tabIndex:I?"-1":"0","aria-label":f,"aria-current":h,onKeyPress:e},t(e)),s(l)))};F.propTypes={pageSelectedHandler:a().func.isRequired,selected:a().bool.isRequired,pageClassName:a().string,pageLinkClassName:a().string,activeClassName:a().string,activeLinkClassName:a().string,extraAriaContext:a().string,href:a().string,ariaLabel:a().string,page:a().number.isRequired,getEventListener:a().func.isRequired,pageLabelBuilder:a().func.isRequired,rel:a().string};const b=F;function w(){return w=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},w.apply(this,arguments)}var M=function(r){var i=r.breakLabel,o=r.breakAriaLabel,l=r.breakClassName,I=r.breakLinkClassName,D=r.breakHandler,O=r.getEventListener,t=l||"break";return g().createElement("li",{className:t},g().createElement("a",w({className:I,role:"button",tabIndex:"0","aria-label":o,onKeyPress:D},O(D)),i))};M.propTypes={breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabel:a().string,breakClassName:a().string,breakLinkClassName:a().string,breakHandler:a().func.isRequired,getEventListener:a().func.isRequired};const se=M;function R(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return r??i}function Y(r){return Y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(i){return typeof i}:function(i){return i&&typeof Symbol=="function"&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i},Y(r)}function K(){return K=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},K.apply(this,arguments)}function oe(r,i){for(var o=0;o<i.length;o++){var l=i[o];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(r,l.key,l)}}function U(r,i){return U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,l){return o.__proto__=l,o},U(r,i)}function G(r,i){if(i&&(Y(i)==="object"||typeof i=="function"))return i;if(i!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return x(r)}function x(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function $(r){return $=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(i){return i.__proto__||Object.getPrototypeOf(i)},$(r)}function y(r,i,o){return i in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r}var te=function(r){(function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&U(t,e)})(O,r);var i,o,l,I,D=(l=O,I=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}(),function(){var t,e=$(l);if(I){var p=$(this).constructor;t=Reflect.construct(e,arguments,p)}else t=e.apply(this,arguments);return G(this,t)});function O(t){var e,p;return function(n,s){if(!(n instanceof s))throw new TypeError("Cannot call a class as a function")}(this,O),y(x(e=D.call(this,t)),"handlePreviousPage",function(n){var s=e.state.selected;e.handleClick(n,null,s>0?s-1:void 0,{isPrevious:!0})}),y(x(e),"handleNextPage",function(n){var s=e.state.selected,c=e.props.pageCount;e.handleClick(n,null,s<c-1?s+1:void 0,{isNext:!0})}),y(x(e),"handlePageSelected",function(n,s){if(e.state.selected===n)return e.callActiveCallback(n),void e.handleClick(s,null,void 0,{isActive:!0});e.handleClick(s,null,n)}),y(x(e),"handlePageChange",function(n){e.state.selected!==n&&(e.setState({selected:n}),e.callCallback(n))}),y(x(e),"getEventListener",function(n){return y({},e.props.eventListener,n)}),y(x(e),"handleClick",function(n,s,c){var f=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},h=f.isPrevious,_=h!==void 0&&h,W=f.isNext,Z=W!==void 0&&W,q=f.isBreak,L=q!==void 0&&q,E=f.isActive,A=E!==void 0&&E;n.preventDefault?n.preventDefault():n.returnValue=!1;var j=e.state.selected,d=e.props.onClick,N=c;if(d){var k=d({index:s,selected:j,nextSelectedPage:c,event:n,isPrevious:_,isNext:Z,isBreak:L,isActive:A});if(k===!1)return;Number.isInteger(k)&&(N=k)}N!==void 0&&e.handlePageChange(N)}),y(x(e),"handleBreakClick",function(n,s){var c=e.state.selected;e.handleClick(s,n,c<n?e.getForwardJump():e.getBackwardJump(),{isBreak:!0})}),y(x(e),"callCallback",function(n){e.props.onPageChange!==void 0&&typeof e.props.onPageChange=="function"&&e.props.onPageChange({selected:n})}),y(x(e),"callActiveCallback",function(n){e.props.onPageActive!==void 0&&typeof e.props.onPageActive=="function"&&e.props.onPageActive({selected:n})}),y(x(e),"getElementPageRel",function(n){var s=e.state.selected,c=e.props,f=c.nextPageRel,h=c.prevPageRel,_=c.selectedPageRel;return s-1===n?h:s===n?_:s+1===n?f:void 0}),y(x(e),"pagination",function(){var n=[],s=e.props,c=s.pageRangeDisplayed,f=s.pageCount,h=s.marginPagesDisplayed,_=s.breakLabel,W=s.breakClassName,Z=s.breakLinkClassName,q=s.breakAriaLabels,L=e.state.selected;if(f<=c)for(var E=0;E<f;E++)n.push(e.getPageElement(E));else{var A=c/2,j=c-A;L>f-c/2?A=c-(j=f-L):L<c/2&&(j=c-(A=L));var d,N,k=function(T){return e.getPageElement(T)},m=[];for(d=0;d<f;d++){var z=d+1;if(z<=h)m.push({type:"page",index:d,display:k(d)});else if(z>f-h)m.push({type:"page",index:d,display:k(d)});else if(d>=L-A&&d<=L+(L===0&&c>1?j-1:j))m.push({type:"page",index:d,display:k(d)});else if(_&&m.length>0&&m[m.length-1].display!==N&&(c>0||h>0)){var re=d<L?q.backward:q.forward;N=g().createElement(se,{key:d,breakAriaLabel:re,breakLabel:_,breakClassName:W,breakLinkClassName:Z,breakHandler:e.handleBreakClick.bind(null,d),getEventListener:e.getEventListener}),m.push({type:"break",index:d,display:N})}}m.forEach(function(T,B){var Q=T;T.type==="break"&&m[B-1]&&m[B-1].type==="page"&&m[B+1]&&m[B+1].type==="page"&&m[B+1].index-m[B-1].index<=2&&(Q={type:"page",index:T.index,display:k(T.index)}),n.push(Q.display)})}return n}),t.initialPage!==void 0&&t.forcePage!==void 0&&console.warn("(react-paginate): Both initialPage (".concat(t.initialPage,") and forcePage (").concat(t.forcePage,") props are provided, which is discouraged.")+` Use exclusively forcePage prop for a controlled component.
-See https://reactjs.org/docs/forms.html#controlled-components`),p=t.initialPage?t.initialPage:t.forcePage?t.forcePage:0,e.state={selected:p},e}return i=O,(o=[{key:"componentDidMount",value:function(){var t=this.props,e=t.initialPage,p=t.disableInitialCallback,n=t.extraAriaContext,s=t.pageCount,c=t.forcePage;e===void 0||p||this.callCallback(e),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead."),Number.isInteger(s)||console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(s,"). Did you forget a Math.ceil()?")),e!==void 0&&e>s-1&&console.warn("(react-paginate): The initialPage prop provided is greater than the maximum page index from pageCount prop (".concat(e," > ").concat(s-1,").")),c!==void 0&&c>s-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(c," > ").concat(s-1,")."))}},{key:"componentDidUpdate",value:function(t){this.props.forcePage!==void 0&&this.props.forcePage!==t.forcePage&&(this.props.forcePage>this.props.pageCount-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(this.props.forcePage," > ").concat(this.props.pageCount-1,").")),this.setState({selected:this.props.forcePage})),Number.isInteger(t.pageCount)&&!Number.isInteger(this.props.pageCount)&&console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(this.props.pageCount,"). Did you forget a Math.ceil()?"))}},{key:"getForwardJump",value:function(){var t=this.state.selected,e=this.props,p=e.pageCount,n=t+e.pageRangeDisplayed;return n>=p?p-1:n}},{key:"getBackwardJump",value:function(){var t=this.state.selected-this.props.pageRangeDisplayed;return t<0?0:t}},{key:"getElementHref",value:function(t){var e=this.props,p=e.hrefBuilder,n=e.pageCount,s=e.hrefAllControls;if(p)return s||t>=0&&t<n?p(t+1,n,this.state.selected):void 0}},{key:"ariaLabelBuilder",value:function(t){var e=t===this.state.selected;if(this.props.ariaLabelBuilder&&t>=0&&t<this.props.pageCount){var p=this.props.ariaLabelBuilder(t+1,e);return this.props.extraAriaContext&&!e&&(p=p+" "+this.props.extraAriaContext),p}}},{key:"getPageElement",value:function(t){var e=this.state.selected,p=this.props,n=p.pageClassName,s=p.pageLinkClassName,c=p.activeClassName,f=p.activeLinkClassName,h=p.extraAriaContext,_=p.pageLabelBuilder;return g().createElement(b,{key:t,pageSelectedHandler:this.handlePageSelected.bind(null,t),selected:e===t,rel:this.getElementPageRel(t),pageClassName:n,pageLinkClassName:s,activeClassName:c,activeLinkClassName:f,extraAriaContext:h,href:this.getElementHref(t),ariaLabel:this.ariaLabelBuilder(t),page:t+1,pageLabelBuilder:_,getEventListener:this.getEventListener})}},{key:"render",value:function(){var t=this.props.renderOnZeroPageCount;if(this.props.pageCount===0&&t!==void 0)return t&&t(this.props);var e=this.props,p=e.disabledClassName,n=e.disabledLinkClassName,s=e.pageCount,c=e.className,f=e.containerClassName,h=e.previousLabel,_=e.previousClassName,W=e.previousLinkClassName,Z=e.previousAriaLabel,q=e.prevRel,L=e.nextLabel,E=e.nextClassName,A=e.nextLinkClassName,j=e.nextAriaLabel,d=e.nextRel,N=this.state.selected,k=N===0,m=N===s-1,z="".concat(R(_)).concat(k?" ".concat(R(p)):""),re="".concat(R(E)).concat(m?" ".concat(R(p)):""),T="".concat(R(W)).concat(k?" ".concat(R(n)):""),B="".concat(R(A)).concat(m?" ".concat(R(n)):""),Q=k?"true":"false",de=m?"true":"false";return g().createElement("ul",{className:c||f,role:"navigation","aria-label":"Pagination"},g().createElement("li",{className:z},g().createElement("a",K({className:T,href:this.getElementHref(N-1),tabIndex:k?"-1":"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":Q,"aria-label":Z,rel:q},this.getEventListener(this.handlePreviousPage)),h)),this.pagination(),g().createElement("li",{className:re},g().createElement("a",K({className:B,href:this.getElementHref(N+1),tabIndex:m?"-1":"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":de,"aria-label":j,rel:d},this.getEventListener(this.handleNextPage)),L)))}}])&&oe(i.prototype,o),Object.defineProperty(i,"prototype",{writable:!1}),O}(u.Component);y(te,"propTypes",{pageCount:a().number.isRequired,pageRangeDisplayed:a().number,marginPagesDisplayed:a().number,previousLabel:a().node,previousAriaLabel:a().string,prevPageRel:a().string,prevRel:a().string,nextLabel:a().node,nextAriaLabel:a().string,nextPageRel:a().string,nextRel:a().string,breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabels:a().shape({forward:a().string,backward:a().string}),hrefBuilder:a().func,hrefAllControls:a().bool,onPageChange:a().func,onPageActive:a().func,onClick:a().func,initialPage:a().number,forcePage:a().number,disableInitialCallback:a().bool,containerClassName:a().string,className:a().string,pageClassName:a().string,pageLinkClassName:a().string,pageLabelBuilder:a().func,activeClassName:a().string,activeLinkClassName:a().string,previousClassName:a().string,nextClassName:a().string,previousLinkClassName:a().string,nextLinkClassName:a().string,disabledClassName:a().string,disabledLinkClassName:a().string,breakClassName:a().string,breakLinkClassName:a().string,extraAriaContext:a().string,ariaLabelBuilder:a().func,eventListener:a().string,renderOnZeroPageCount:a().func,selectedPageRel:a().string}),y(te,"defaultProps",{pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevPageRel:"prev",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextPageRel:"next",nextRel:"next",breakLabel:"...",breakAriaLabels:{forward:"Jump forward",backward:"Jump backward"},disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(r){return r},eventListener:"onClick",renderOnZeroPageCount:void 0,selectedPageRel:"canonical",hrefAllControls:!1});const ge=te})(),ae})())})(pe);var me=pe.exports;const be=ce.getDefaultExportFromCjs(me),ve="_paginationWrapper_vmodx_1",he="_pageLink_vmodx_13",Ce="_paginationItem_vmodx_29",Pe="_white_vmodx_35",ye="_arrow_vmodx_55",ke="_paginationItemActive_vmodx_61",xe="_disable_vmodx_74",Le="_marginLeft_vmodx_79",Ne="_marginRight_vmodx_83",C={paginationWrapper:ve,pageLink:he,paginationItem:Ce,white:Pe,arrow:ye,paginationItemActive:ke,disable:xe,marginLeft:Le,marginRight:Ne},ue=ee=>{const{pageCount:ie,onChangePage:V,activePage:J,color:S="default"}=ee;return ne.jsx(be,{className:C.paginationWrapper,pageClassName:X(C.paginationItem,{[C.white]:S==="white"}),pageLinkClassName:C.pageLink,nextLinkClassName:C.pageLink,previousLinkClassName:C.pageLink,activeClassName:X(C.paginationItemActive,{[C.white]:S==="white"}),disabledClassName:C.disable,nextClassName:X(C.arrow,C.marginLeft,{[C.white]:S==="white"}),previousClassName:X(C.arrow,C.marginRight,{[C.white]:S==="white"}),renderOnZeroPageCount:null,marginPagesDisplayed:1,breakLabel:"...",previousLabel:ne.jsx(le.MdOutlineNavigateBefore,{}),nextLabel:ne.jsx(le.MdOutlineNavigateNext,{}),pageCount:ie,forcePage:J,onPageChange:v=>{window.scrollTo(0,0),V(v.selected+1)}})};exports.Pagination=ue;exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index33.css');const ne=require("react/jsx-runtime"),X=require("classnames"),le=require("react-icons/md"),ce=require("../../_commonjsHelpers-DKOUU3wS.cjs"),fe=require("react");var pe={exports:{}};(function(ee,ie){(function(V,J){ee.exports=J(fe)})(ce.commonjsGlobal,V=>(()=>{var J={703:(u,g,P)=>{var a=P(414);function H(){}function F(){}F.resetWarningCache=H,u.exports=function(){function m(se,_,Y,K,oe,U){if(U!==a){var G=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw G.name="Invariant Violation",G}}function w(){return m}m.isRequired=m;var M={array:m,bigint:m,bool:m,func:m,number:m,object:m,string:m,symbol:m,any:m,arrayOf:w,element:m,elementType:m,instanceOf:w,node:m,objectOf:w,oneOf:w,oneOfType:w,shape:w,exact:w,checkPropTypes:F,resetWarningCache:H};return M.PropTypes=M,M}},697:(u,g,P)=>{u.exports=P(703)()},414:u=>{u.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},98:u=>{u.exports=V}},S={};function v(u){var g=S[u];if(g!==void 0)return g.exports;var P=S[u]={exports:{}};return J[u](P,P.exports,v),P.exports}v.n=u=>{var g=u&&u.__esModule?()=>u.default:()=>u;return v.d(g,{a:g}),g},v.d=(u,g)=>{for(var P in g)v.o(g,P)&&!v.o(u,P)&&Object.defineProperty(u,P,{enumerable:!0,get:g[P]})},v.o=(u,g)=>Object.prototype.hasOwnProperty.call(u,g),v.r=u=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(u,"__esModule",{value:!0})};var ae={};return(()=>{v.r(ae),v.d(ae,{default:()=>ge});var u=v(98),g=v.n(u),P=v(697),a=v.n(P);function H(){return H=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},H.apply(this,arguments)}var F=function(r){var i=r.pageClassName,o=r.pageLinkClassName,l=r.page,I=r.selected,D=r.activeClassName,j=r.activeLinkClassName,t=r.getEventListener,e=r.pageSelectedHandler,p=r.href,n=r.extraAriaContext,s=r.pageLabelBuilder,c=r.rel,f=r.ariaLabel||"Page "+l+(n?" "+n:""),h=null;return I&&(h="page",f=r.ariaLabel||"Page "+l+" is your current page",i=i!==void 0?i+" "+D:D,o!==void 0?j!==void 0&&(o=o+" "+j):o=j),g().createElement("li",{className:i},g().createElement("a",H({rel:c,role:p?void 0:"button",className:o,href:p,tabIndex:I?"-1":"0","aria-label":f,"aria-current":h,onKeyPress:e},t(e)),s(l)))};F.propTypes={pageSelectedHandler:a().func.isRequired,selected:a().bool.isRequired,pageClassName:a().string,pageLinkClassName:a().string,activeClassName:a().string,activeLinkClassName:a().string,extraAriaContext:a().string,href:a().string,ariaLabel:a().string,page:a().number.isRequired,getEventListener:a().func.isRequired,pageLabelBuilder:a().func.isRequired,rel:a().string};const m=F;function w(){return w=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},w.apply(this,arguments)}var M=function(r){var i=r.breakLabel,o=r.breakAriaLabel,l=r.breakClassName,I=r.breakLinkClassName,D=r.breakHandler,j=r.getEventListener,t=l||"break";return g().createElement("li",{className:t},g().createElement("a",w({className:I,role:"button",tabIndex:"0","aria-label":o,onKeyPress:D},j(D)),i))};M.propTypes={breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabel:a().string,breakClassName:a().string,breakLinkClassName:a().string,breakHandler:a().func.isRequired,getEventListener:a().func.isRequired};const se=M;function _(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return r??i}function Y(r){return Y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(i){return typeof i}:function(i){return i&&typeof Symbol=="function"&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i},Y(r)}function K(){return K=Object.assign?Object.assign.bind():function(r){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[l]=o[l])}return r},K.apply(this,arguments)}function oe(r,i){for(var o=0;o<i.length;o++){var l=i[o];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(r,l.key,l)}}function U(r,i){return U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,l){return o.__proto__=l,o},U(r,i)}function G(r,i){if(i&&(Y(i)==="object"||typeof i=="function"))return i;if(i!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return x(r)}function x(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function $(r){return $=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(i){return i.__proto__||Object.getPrototypeOf(i)},$(r)}function y(r,i,o){return i in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r}var te=function(r){(function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&U(t,e)})(j,r);var i,o,l,I,D=(l=j,I=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}(),function(){var t,e=$(l);if(I){var p=$(this).constructor;t=Reflect.construct(e,arguments,p)}else t=e.apply(this,arguments);return G(this,t)});function j(t){var e,p;return function(n,s){if(!(n instanceof s))throw new TypeError("Cannot call a class as a function")}(this,j),y(x(e=D.call(this,t)),"handlePreviousPage",function(n){var s=e.state.selected;e.handleClick(n,null,s>0?s-1:void 0,{isPrevious:!0})}),y(x(e),"handleNextPage",function(n){var s=e.state.selected,c=e.props.pageCount;e.handleClick(n,null,s<c-1?s+1:void 0,{isNext:!0})}),y(x(e),"handlePageSelected",function(n,s){if(e.state.selected===n)return e.callActiveCallback(n),void e.handleClick(s,null,void 0,{isActive:!0});e.handleClick(s,null,n)}),y(x(e),"handlePageChange",function(n){e.state.selected!==n&&(e.setState({selected:n}),e.callCallback(n))}),y(x(e),"getEventListener",function(n){return y({},e.props.eventListener,n)}),y(x(e),"handleClick",function(n,s,c){var f=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},h=f.isPrevious,O=h!==void 0&&h,W=f.isNext,Z=W!==void 0&&W,q=f.isBreak,L=q!==void 0&&q,R=f.isActive,E=R!==void 0&&R;n.preventDefault?n.preventDefault():n.returnValue=!1;var A=e.state.selected,d=e.props.onClick,N=c;if(d){var k=d({index:s,selected:A,nextSelectedPage:c,event:n,isPrevious:O,isNext:Z,isBreak:L,isActive:E});if(k===!1)return;Number.isInteger(k)&&(N=k)}N!==void 0&&e.handlePageChange(N)}),y(x(e),"handleBreakClick",function(n,s){var c=e.state.selected;e.handleClick(s,n,c<n?e.getForwardJump():e.getBackwardJump(),{isBreak:!0})}),y(x(e),"callCallback",function(n){e.props.onPageChange!==void 0&&typeof e.props.onPageChange=="function"&&e.props.onPageChange({selected:n})}),y(x(e),"callActiveCallback",function(n){e.props.onPageActive!==void 0&&typeof e.props.onPageActive=="function"&&e.props.onPageActive({selected:n})}),y(x(e),"getElementPageRel",function(n){var s=e.state.selected,c=e.props,f=c.nextPageRel,h=c.prevPageRel,O=c.selectedPageRel;return s-1===n?h:s===n?O:s+1===n?f:void 0}),y(x(e),"pagination",function(){var n=[],s=e.props,c=s.pageRangeDisplayed,f=s.pageCount,h=s.marginPagesDisplayed,O=s.breakLabel,W=s.breakClassName,Z=s.breakLinkClassName,q=s.breakAriaLabels,L=e.state.selected;if(f<=c)for(var R=0;R<f;R++)n.push(e.getPageElement(R));else{var E=c/2,A=c-E;L>f-c/2?E=c-(A=f-L):L<c/2&&(A=c-(E=L));var d,N,k=function(T){return e.getPageElement(T)},b=[];for(d=0;d<f;d++){var z=d+1;if(z<=h)b.push({type:"page",index:d,display:k(d)});else if(z>f-h)b.push({type:"page",index:d,display:k(d)});else if(d>=L-E&&d<=L+(L===0&&c>1?A-1:A))b.push({type:"page",index:d,display:k(d)});else if(O&&b.length>0&&b[b.length-1].display!==N&&(c>0||h>0)){var re=d<L?q.backward:q.forward;N=g().createElement(se,{key:d,breakAriaLabel:re,breakLabel:O,breakClassName:W,breakLinkClassName:Z,breakHandler:e.handleBreakClick.bind(null,d),getEventListener:e.getEventListener}),b.push({type:"break",index:d,display:N})}}b.forEach(function(T,B){var Q=T;T.type==="break"&&b[B-1]&&b[B-1].type==="page"&&b[B+1]&&b[B+1].type==="page"&&b[B+1].index-b[B-1].index<=2&&(Q={type:"page",index:T.index,display:k(T.index)}),n.push(Q.display)})}return n}),t.initialPage!==void 0&&t.forcePage!==void 0&&console.warn("(react-paginate): Both initialPage (".concat(t.initialPage,") and forcePage (").concat(t.forcePage,") props are provided, which is discouraged.")+` Use exclusively forcePage prop for a controlled component.
+See https://reactjs.org/docs/forms.html#controlled-components`),p=t.initialPage?t.initialPage:t.forcePage?t.forcePage:0,e.state={selected:p},e}return i=j,(o=[{key:"componentDidMount",value:function(){var t=this.props,e=t.initialPage,p=t.disableInitialCallback,n=t.extraAriaContext,s=t.pageCount,c=t.forcePage;e===void 0||p||this.callCallback(e),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead."),Number.isInteger(s)||console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(s,"). Did you forget a Math.ceil()?")),e!==void 0&&e>s-1&&console.warn("(react-paginate): The initialPage prop provided is greater than the maximum page index from pageCount prop (".concat(e," > ").concat(s-1,").")),c!==void 0&&c>s-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(c," > ").concat(s-1,")."))}},{key:"componentDidUpdate",value:function(t){this.props.forcePage!==void 0&&this.props.forcePage!==t.forcePage&&(this.props.forcePage>this.props.pageCount-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(this.props.forcePage," > ").concat(this.props.pageCount-1,").")),this.setState({selected:this.props.forcePage})),Number.isInteger(t.pageCount)&&!Number.isInteger(this.props.pageCount)&&console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(this.props.pageCount,"). Did you forget a Math.ceil()?"))}},{key:"getForwardJump",value:function(){var t=this.state.selected,e=this.props,p=e.pageCount,n=t+e.pageRangeDisplayed;return n>=p?p-1:n}},{key:"getBackwardJump",value:function(){var t=this.state.selected-this.props.pageRangeDisplayed;return t<0?0:t}},{key:"getElementHref",value:function(t){var e=this.props,p=e.hrefBuilder,n=e.pageCount,s=e.hrefAllControls;if(p)return s||t>=0&&t<n?p(t+1,n,this.state.selected):void 0}},{key:"ariaLabelBuilder",value:function(t){var e=t===this.state.selected;if(this.props.ariaLabelBuilder&&t>=0&&t<this.props.pageCount){var p=this.props.ariaLabelBuilder(t+1,e);return this.props.extraAriaContext&&!e&&(p=p+" "+this.props.extraAriaContext),p}}},{key:"getPageElement",value:function(t){var e=this.state.selected,p=this.props,n=p.pageClassName,s=p.pageLinkClassName,c=p.activeClassName,f=p.activeLinkClassName,h=p.extraAriaContext,O=p.pageLabelBuilder;return g().createElement(m,{key:t,pageSelectedHandler:this.handlePageSelected.bind(null,t),selected:e===t,rel:this.getElementPageRel(t),pageClassName:n,pageLinkClassName:s,activeClassName:c,activeLinkClassName:f,extraAriaContext:h,href:this.getElementHref(t),ariaLabel:this.ariaLabelBuilder(t),page:t+1,pageLabelBuilder:O,getEventListener:this.getEventListener})}},{key:"render",value:function(){var t=this.props.renderOnZeroPageCount;if(this.props.pageCount===0&&t!==void 0)return t&&t(this.props);var e=this.props,p=e.disabledClassName,n=e.disabledLinkClassName,s=e.pageCount,c=e.className,f=e.containerClassName,h=e.previousLabel,O=e.previousClassName,W=e.previousLinkClassName,Z=e.previousAriaLabel,q=e.prevRel,L=e.nextLabel,R=e.nextClassName,E=e.nextLinkClassName,A=e.nextAriaLabel,d=e.nextRel,N=this.state.selected,k=N===0,b=N===s-1,z="".concat(_(O)).concat(k?" ".concat(_(p)):""),re="".concat(_(R)).concat(b?" ".concat(_(p)):""),T="".concat(_(W)).concat(k?" ".concat(_(n)):""),B="".concat(_(E)).concat(b?" ".concat(_(n)):""),Q=k?"true":"false",de=b?"true":"false";return g().createElement("ul",{className:c||f,role:"navigation","aria-label":"Pagination"},g().createElement("li",{className:z},g().createElement("a",K({className:T,href:this.getElementHref(N-1),tabIndex:k?"-1":"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":Q,"aria-label":Z,rel:q},this.getEventListener(this.handlePreviousPage)),h)),this.pagination(),g().createElement("li",{className:re},g().createElement("a",K({className:B,href:this.getElementHref(N+1),tabIndex:b?"-1":"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":de,"aria-label":A,rel:d},this.getEventListener(this.handleNextPage)),L)))}}])&&oe(i.prototype,o),Object.defineProperty(i,"prototype",{writable:!1}),j}(u.Component);y(te,"propTypes",{pageCount:a().number.isRequired,pageRangeDisplayed:a().number,marginPagesDisplayed:a().number,previousLabel:a().node,previousAriaLabel:a().string,prevPageRel:a().string,prevRel:a().string,nextLabel:a().node,nextAriaLabel:a().string,nextPageRel:a().string,nextRel:a().string,breakLabel:a().oneOfType([a().string,a().node]),breakAriaLabels:a().shape({forward:a().string,backward:a().string}),hrefBuilder:a().func,hrefAllControls:a().bool,onPageChange:a().func,onPageActive:a().func,onClick:a().func,initialPage:a().number,forcePage:a().number,disableInitialCallback:a().bool,containerClassName:a().string,className:a().string,pageClassName:a().string,pageLinkClassName:a().string,pageLabelBuilder:a().func,activeClassName:a().string,activeLinkClassName:a().string,previousClassName:a().string,nextClassName:a().string,previousLinkClassName:a().string,nextLinkClassName:a().string,disabledClassName:a().string,disabledLinkClassName:a().string,breakClassName:a().string,breakLinkClassName:a().string,extraAriaContext:a().string,ariaLabelBuilder:a().func,eventListener:a().string,renderOnZeroPageCount:a().func,selectedPageRel:a().string}),y(te,"defaultProps",{pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevPageRel:"prev",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextPageRel:"next",nextRel:"next",breakLabel:"...",breakAriaLabels:{forward:"Jump forward",backward:"Jump backward"},disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(r){return r},eventListener:"onClick",renderOnZeroPageCount:void 0,selectedPageRel:"canonical",hrefAllControls:!1});const ge=te})(),ae})())})(pe);var be=pe.exports;const me=ce.getDefaultExportFromCjs(be),ve="_paginationWrapper_1xjjw_1",he="_pageLink_1xjjw_13",Ce="_paginationItem_1xjjw_29",Pe="_white_1xjjw_35",ye="_arrow_1xjjw_55",ke="_paginationItemActive_1xjjw_61",xe="_disable_1xjjw_74",Le="_marginLeft_1xjjw_79",Ne="_marginRight_1xjjw_83",C={paginationWrapper:ve,pageLink:he,paginationItem:Ce,white:Pe,arrow:ye,paginationItemActive:ke,disable:xe,marginLeft:Le,marginRight:Ne},ue=ee=>{const{pageCount:ie,onChangePage:V,activePage:J,color:S="default"}=ee;return ne.jsx(me,{className:C.paginationWrapper,pageClassName:X(C.paginationItem,{[C.white]:S==="white"}),pageLinkClassName:C.pageLink,nextLinkClassName:C.pageLink,previousLinkClassName:C.pageLink,activeClassName:X(C.paginationItemActive,{[C.white]:S==="white"}),disabledClassName:C.disable,nextClassName:X(C.arrow,C.marginLeft,{[C.white]:S==="white"}),previousClassName:X(C.arrow,C.marginRight,{[C.white]:S==="white"}),renderOnZeroPageCount:null,marginPagesDisplayed:1,breakLabel:"...",previousLabel:ne.jsx(le.MdOutlineNavigateBefore,{}),nextLabel:ne.jsx(le.MdOutlineNavigateNext,{}),pageCount:ie,forcePage:J,onPageChange:v=>{window.scrollTo(0,0),V(v.selected+1)}})};exports.Pagination=ue;exports.default=ue;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Pagination/index.es.js

@@ -15,7 +15,7 @@ import '../../assets/index33.css';var le = { exports: {} };
       function F() {
       }
       F.resetWarningCache = q, u.exports = function() {
-        function b(se, R, Y, K, oe, U) {
+        function b(se, j, Y, K, oe, U) {
           if (U !== a) {
             var G = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
             throw G.name = "Invariant Violation", G;
@@ -83,7 +83,7 @@ import '../../assets/index33.css';var le = { exports: {} };
       };
       M.propTypes = { breakLabel: a().oneOfType([a().string, a().node]), breakAriaLabel: a().string, breakClassName: a().string, breakLinkClassName: a().string, breakHandler: a().func.isRequired, getEventListener: a().func.isRequired };
       const se = M;
-      function R(r) {
+      function j(r) {
         var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
         return r ?? i;
       }
@@ -171,11 +171,11 @@ import '../../assets/index33.css';var le = { exports: {} };
           }), y(x(e), "getEventListener", function(n) {
             return y({}, e.props.eventListener, n);
           }), y(x(e), "handleClick", function(n, s, c) {
-            var f = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, h = f.isPrevious, _ = h !== void 0 && h, W = f.isNext, Z = W !== void 0 && W, H = f.isBreak, L = H !== void 0 && H, E = f.isActive, A = E !== void 0 && E;
+            var f = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, h = f.isPrevious, _ = h !== void 0 && h, W = f.isNext, Z = W !== void 0 && W, H = f.isBreak, L = H !== void 0 && H, R = f.isActive, E = R !== void 0 && R;
             n.preventDefault ? n.preventDefault() : n.returnValue = !1;
-            var j = e.state.selected, d = e.props.onClick, N = c;
+            var A = e.state.selected, d = e.props.onClick, N = c;
             if (d) {
-              var k = d({ index: s, selected: j, nextSelectedPage: c, event: n, isPrevious: _, isNext: Z, isBreak: L, isActive: A });
+              var k = d({ index: s, selected: A, nextSelectedPage: c, event: n, isPrevious: _, isNext: Z, isBreak: L, isActive: E });
               if (k === !1) return;
               Number.isInteger(k) && (N = k);
             }
@@ -192,10 +192,10 @@ import '../../assets/index33.css';var le = { exports: {} };
             return s - 1 === n ? h : s === n ? _ : s + 1 === n ? f : void 0;
           }), y(x(e), "pagination", function() {
             var n = [], s = e.props, c = s.pageRangeDisplayed, f = s.pageCount, h = s.marginPagesDisplayed, _ = s.breakLabel, W = s.breakClassName, Z = s.breakLinkClassName, H = s.breakAriaLabels, L = e.state.selected;
-            if (f <= c) for (var E = 0; E < f; E++) n.push(e.getPageElement(E));
+            if (f <= c) for (var R = 0; R < f; R++) n.push(e.getPageElement(R));
             else {
-              var A = c / 2, j = c - A;
-              L > f - c / 2 ? A = c - (j = f - L) : L < c / 2 && (j = c - (A = L));
+              var E = c / 2, A = c - E;
+              L > f - c / 2 ? E = c - (A = f - L) : L < c / 2 && (A = c - (E = L));
               var d, N, k = function(T) {
                 return e.getPageElement(T);
               }, m = [];
@@ -203,7 +203,7 @@ import '../../assets/index33.css';var le = { exports: {} };
                 var z = d + 1;
                 if (z <= h) m.push({ type: "page", index: d, display: k(d) });
                 else if (z > f - h) m.push({ type: "page", index: d, display: k(d) });
-                else if (d >= L - A && d <= L + (L === 0 && c > 1 ? j - 1 : j)) m.push({ type: "page", index: d, display: k(d) });
+                else if (d >= L - E && d <= L + (L === 0 && c > 1 ? A - 1 : A)) m.push({ type: "page", index: d, display: k(d) });
                 else if (_ && m.length > 0 && m[m.length - 1].display !== N && (c > 0 || h > 0)) {
                   var re = d < L ? H.backward : H.forward;
                   N = g().createElement(se, { key: d, breakAriaLabel: re, breakLabel: _, breakClassName: W, breakLinkClassName: Z, breakHandler: e.handleBreakClick.bind(null, d), getEventListener: e.getEventListener }), m.push({ type: "break", index: d, display: N });
@@ -244,8 +244,8 @@ See https://reactjs.org/docs/forms.html#controlled-components`), p = t.initialPa
         } }, { key: "render", value: function() {
           var t = this.props.renderOnZeroPageCount;
           if (this.props.pageCount === 0 && t !== void 0) return t && t(this.props);
-          var e = this.props, p = e.disabledClassName, n = e.disabledLinkClassName, s = e.pageCount, c = e.className, f = e.containerClassName, h = e.previousLabel, _ = e.previousClassName, W = e.previousLinkClassName, Z = e.previousAriaLabel, H = e.prevRel, L = e.nextLabel, E = e.nextClassName, A = e.nextLinkClassName, j = e.nextAriaLabel, d = e.nextRel, N = this.state.selected, k = N === 0, m = N === s - 1, z = "".concat(R(_)).concat(k ? " ".concat(R(p)) : ""), re = "".concat(R(E)).concat(m ? " ".concat(R(p)) : ""), T = "".concat(R(W)).concat(k ? " ".concat(R(n)) : ""), B = "".concat(R(A)).concat(m ? " ".concat(R(n)) : ""), Q = k ? "true" : "false", pe = m ? "true" : "false";
-          return g().createElement("ul", { className: c || f, role: "navigation", "aria-label": "Pagination" }, g().createElement("li", { className: z }, g().createElement("a", K({ className: T, href: this.getElementHref(N - 1), tabIndex: k ? "-1" : "0", role: "button", onKeyPress: this.handlePreviousPage, "aria-disabled": Q, "aria-label": Z, rel: H }, this.getEventListener(this.handlePreviousPage)), h)), this.pagination(), g().createElement("li", { className: re }, g().createElement("a", K({ className: B, href: this.getElementHref(N + 1), tabIndex: m ? "-1" : "0", role: "button", onKeyPress: this.handleNextPage, "aria-disabled": pe, "aria-label": j, rel: d }, this.getEventListener(this.handleNextPage)), L)));
+          var e = this.props, p = e.disabledClassName, n = e.disabledLinkClassName, s = e.pageCount, c = e.className, f = e.containerClassName, h = e.previousLabel, _ = e.previousClassName, W = e.previousLinkClassName, Z = e.previousAriaLabel, H = e.prevRel, L = e.nextLabel, R = e.nextClassName, E = e.nextLinkClassName, A = e.nextAriaLabel, d = e.nextRel, N = this.state.selected, k = N === 0, m = N === s - 1, z = "".concat(j(_)).concat(k ? " ".concat(j(p)) : ""), re = "".concat(j(R)).concat(m ? " ".concat(j(p)) : ""), T = "".concat(j(W)).concat(k ? " ".concat(j(n)) : ""), B = "".concat(j(E)).concat(m ? " ".concat(j(n)) : ""), Q = k ? "true" : "false", pe = m ? "true" : "false";
+          return g().createElement("ul", { className: c || f, role: "navigation", "aria-label": "Pagination" }, g().createElement("li", { className: z }, g().createElement("a", K({ className: T, href: this.getElementHref(N - 1), tabIndex: k ? "-1" : "0", role: "button", onKeyPress: this.handlePreviousPage, "aria-disabled": Q, "aria-label": Z, rel: H }, this.getEventListener(this.handlePreviousPage)), h)), this.pagination(), g().createElement("li", { className: re }, g().createElement("a", K({ className: B, href: this.getElementHref(N + 1), tabIndex: m ? "-1" : "0", role: "button", onKeyPress: this.handleNextPage, "aria-disabled": pe, "aria-label": A, rel: d }, this.getEventListener(this.handleNextPage)), L)));
         } }]) && oe(i.prototype, o), Object.defineProperty(i, "prototype", { writable: !1 }), O;
       }(u.Component);
       y(te, "propTypes", { pageCount: a().number.isRequired, pageRangeDisplayed: a().number, marginPagesDisplayed: a().number, previousLabel: a().node, previousAriaLabel: a().string, prevPageRel: a().string, prevRel: a().string, nextLabel: a().node, nextAriaLabel: a().string, nextPageRel: a().string, nextRel: a().string, breakLabel: a().oneOfType([a().string, a().node]), breakAriaLabels: a().shape({ forward: a().string, backward: a().string }), hrefBuilder: a().func, hrefAllControls: a().bool, onPageChange: a().func, onPageActive: a().func, onClick: a().func, initialPage: a().number, forcePage: a().number, disableInitialCallback: a().bool, containerClassName: a().string, className: a().string, pageClassName: a().string, pageLinkClassName: a().string, pageLabelBuilder: a().func, activeClassName: a().string, activeLinkClassName: a().string, previousClassName: a().string, nextClassName: a().string, previousLinkClassName: a().string, nextLinkClassName: a().string, disabledClassName: a().string, disabledLinkClassName: a().string, breakClassName: a().string, breakLinkClassName: a().string, extraAriaContext: a().string, ariaLabelBuilder: a().func, eventListener: a().string, renderOnZeroPageCount: a().func, selectedPageRel: a().string }), y(te, "defaultProps", { pageRangeDisplayed: 2, marginPagesDisplayed: 3, activeClassName: "selected", previousLabel: "Previous", previousClassName: "previous", previousAriaLabel: "Previous page", prevPageRel: "prev", prevRel: "prev", nextLabel: "Next", nextClassName: "next", nextAriaLabel: "Next page", nextPageRel: "next", nextRel: "next", breakLabel: "...", breakAriaLabels: { forward: "Jump forward", backward: "Jump backward" }, disabledClassName: "disabled", disableInitialCallback: !1, pageLabelBuilder: function(r) {
@@ -256,7 +256,7 @@ See https://reactjs.org/docs/forms.html#controlled-components`), p = t.initialPa
   })());
 })(le);
 var be = le.exports;
-const ve = /* @__PURE__ */ fe(be), he = "_paginationWrapper_vmodx_1", Ce = "_pageLink_vmodx_13", Pe = "_paginationItem_vmodx_29", ye = "_white_vmodx_35", ke = "_arrow_vmodx_55", xe = "_paginationItemActive_vmodx_61", Le = "_disable_vmodx_74", Ne = "_marginLeft_vmodx_79", we = "_marginRight_vmodx_83", C = {
+const ve = /* @__PURE__ */ fe(be), he = "_paginationWrapper_1xjjw_1", Ce = "_pageLink_1xjjw_13", Pe = "_paginationItem_1xjjw_29", ye = "_white_1xjjw_35", ke = "_arrow_1xjjw_55", xe = "_paginationItemActive_1xjjw_61", Le = "_disable_1xjjw_74", Ne = "_marginLeft_1xjjw_79", we = "_marginRight_1xjjw_83", C = {
   paginationWrapper: he,
   pageLink: Ce,
   paginationItem: Pe,
@@ -266,7 +266,7 @@ const ve = /* @__PURE__ */ fe(be), he = "_paginationWrapper_vmodx_1", Ce = "_pag
   disable: Le,
   marginLeft: Ne,
   marginRight: we
-}, je = (ee) => {
+}, Ae = (ee) => {
   const { pageCount: ie, onChangePage: V, activePage: J, color: S = "default" } = ee;
   return /* @__PURE__ */ ne(
     ve,
@@ -302,7 +302,7 @@ const ve = /* @__PURE__ */ fe(be), he = "_paginationWrapper_vmodx_1", Ce = "_pag
   );
 };
 export {
-  je as Pagination,
-  je as default
+  Ae as Pagination,
+  Ae as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/PasswordInputController/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),i=require("@mui/icons-material"),o=require("@mui/material"),m=require("react-hook-form"),l=a=>{const{control:u,name:d,autoComplete:c,placeholder:p,defaultValue:x,inputProps:C}=a,[r,w]=h.useState(!1),b=()=>{w(!r)};return e.jsx(m.Controller,{control:u,name:d,defaultValue:x,render:({field:t,fieldState:s})=>{var n;return e.jsxs(o.FormControl,{error:s.invalid,children:[e.jsx(o.TextField,{...t,type:r?"text":"password",autoComplete:c,placeholder:p,value:t.value??"",InputProps:{...C,endAdornment:t.value?e.jsx(o.InputAdornment,{position:"end",children:e.jsx(o.IconButton,{"aria-label":"toggle password visibility",onClick:b,edge:"end",children:r?e.jsx(i.VisibilityOff,{}):e.jsx(i.Visibility,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"#CCCCCC"},"& .MuiInputBase-root":{backgroundColor:"#FFFFFF"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px white inset"}}}),e.jsx(o.FormHelperText,{children:(n=s.error)==null?void 0:n.message})]})}})};exports.PasswordInputController=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("react"),i=require("@mui/icons-material"),o=require("@mui/material"),h=require("react-hook-form"),l=a=>{const{control:u,name:d,autoComplete:c,placeholder:p,defaultValue:w,inputProps:x}=a,[r,C]=b.useState(!1),j=()=>{C(!r)};return e.jsx(h.Controller,{control:u,name:d,defaultValue:w,render:({field:t,fieldState:s})=>{var n;return e.jsxs(o.FormControl,{error:s.invalid,children:[e.jsx(o.TextField,{...t,type:r?"text":"password",autoComplete:c,placeholder:p,value:t.value??"",InputProps:{...x,endAdornment:t.value?e.jsx(o.InputAdornment,{position:"end",children:e.jsx(o.IconButton,{"aria-label":"toggle password visibility",onClick:j,edge:"end",children:r?e.jsx(i.VisibilityOff,{}):e.jsx(i.Visibility,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"var(--jigowatts-color-border, #CCCCCC)"},"& .MuiInputBase-root":{backgroundColor:"var(--jigowatts-color-surface, #FFFFFF)"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px var(--jigowatts-color-surface, white) inset"}}}),e.jsx(o.FormHelperText,{children:(n=s.error)==null?void 0:n.message})]})}})};exports.PasswordInputController=l;exports.default=l;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/PasswordInputController/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PasswordInputController/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Visibility, VisibilityOff } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype MultilineOption = {\n  rows: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const PasswordInputController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, autoComplete, placeholder, defaultValue, inputProps } =\n    props;\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const handleClickShowPassword = () => {\n    setShowPassword(!showPassword);\n  };\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={showPassword ? \"text\" : \"password\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            InputProps={{\n              ...inputProps,\n              endAdornment: field.value ? (\n                <InputAdornment position=\"end\">\n                  <IconButton\n                    aria-label=\"toggle password visibility\"\n                    onClick={handleClickShowPassword}\n                    edge=\"end\"\n                  >\n                    {showPassword ? <VisibilityOff /> : <Visibility />}\n                  </IconButton>\n                </InputAdornment>\n              ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"#CCCCCC\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"#FFFFFF\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow: \"0 0 0 1000px white inset\",\n              },\n            }}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default PasswordInputController;\n"],"names":["PasswordInputController","props","control","name","autoComplete","placeholder","defaultValue","inputProps","showPassword","setShowPassword","useState","handleClickShowPassword","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","FormHelperText","_a"],"mappings":"6PAqCaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,YAAAC,EAAa,aAAAC,EAAc,WAAAC,GAC9DN,EAEI,CAACO,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEhDC,EAA0B,IAAM,CACpCF,EAAgB,CAACD,CAAY,CAC/B,EAEA,OACEI,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAAX,EACA,KAAAC,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAQ,EAAO,WAAAC,YAChBC,OAAAA,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAAA,IAACM,EAAAA,UAAA,CACE,GAAGJ,EACJ,KAAMN,EAAe,OAAS,WAC9B,aAAAJ,EACA,YAAAC,EACA,MAAOS,EAAM,OAAS,GACtB,WAAY,CACV,GAAGP,EACH,aAAcO,EAAM,MAClBF,EAAAA,IAACO,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAP,EAAAA,IAACQ,EAAAA,WAAA,CACC,aAAW,6BACX,QAAST,EACT,KAAK,MAEJ,SAAAH,EAAeI,MAACS,EAAAA,cAAA,CAAA,CAAc,QAAMC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAEpD,EACE,MAAA,EAEN,GAAI,CACF,+BAAgC,CAC9B,YAAa,SAAA,EAEf,uBAAwB,CACtB,gBAAiB,SAAA,EAEnB,yBAA0B,CACxB,gBAAiB,0BAAA,CACnB,CACF,CAAA,EAEFV,EAAAA,IAACW,EAAAA,eAAA,CAAgB,UAAAC,EAAAT,EAAW,QAAX,YAAAS,EAAkB,OAAA,CAAQ,CAAA,CAAA,CAC7C,EAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PasswordInputController/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Visibility, VisibilityOff } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype MultilineOption = {\n  rows: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const PasswordInputController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, autoComplete, placeholder, defaultValue, inputProps } =\n    props;\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const handleClickShowPassword = () => {\n    setShowPassword(!showPassword);\n  };\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={showPassword ? \"text\" : \"password\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            InputProps={{\n              ...inputProps,\n              endAdornment: field.value ? (\n                <InputAdornment position=\"end\">\n                  <IconButton\n                    aria-label=\"toggle password visibility\"\n                    onClick={handleClickShowPassword}\n                    edge=\"end\"\n                  >\n                    {showPassword ? <VisibilityOff /> : <Visibility />}\n                  </IconButton>\n                </InputAdornment>\n              ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"var(--jigowatts-color-border, #CCCCCC)\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"var(--jigowatts-color-surface, #FFFFFF)\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow:\n                  \"0 0 0 1000px var(--jigowatts-color-surface, white) inset\",\n              },\n            }}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default PasswordInputController;\n"],"names":["PasswordInputController","props","control","name","autoComplete","placeholder","defaultValue","inputProps","showPassword","setShowPassword","useState","handleClickShowPassword","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","FormHelperText","_a"],"mappings":"6PAqCaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,YAAAC,EAAa,aAAAC,EAAc,WAAAC,GAC9DN,EAEI,CAACO,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEhDC,EAA0B,IAAM,CACpCF,EAAgB,CAACD,CAAY,CAC/B,EAEA,OACEI,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAAX,EACA,KAAAC,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAQ,EAAO,WAAAC,YAChBC,OAAAA,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAAA,IAACM,EAAAA,UAAA,CACE,GAAGJ,EACJ,KAAMN,EAAe,OAAS,WAC9B,aAAAJ,EACA,YAAAC,EACA,MAAOS,EAAM,OAAS,GACtB,WAAY,CACV,GAAGP,EACH,aAAcO,EAAM,MAClBF,EAAAA,IAACO,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAP,EAAAA,IAACQ,EAAAA,WAAA,CACC,aAAW,6BACX,QAAST,EACT,KAAK,MAEJ,SAAAH,EAAeI,MAACS,EAAAA,cAAA,CAAA,CAAc,QAAMC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAEpD,EACE,MAAA,EAEN,GAAI,CACF,+BAAgC,CAC9B,YAAa,wCAAA,EAEf,uBAAwB,CACtB,gBAAiB,yCAAA,EAEnB,yBAA0B,CACxB,gBACE,0DAAA,CACJ,CACF,CAAA,EAEFV,EAAAA,IAACW,EAAAA,eAAA,CAAgB,UAAAC,EAAAT,EAAW,QAAX,YAAAS,EAAkB,OAAA,CAAQ,CAAA,CAAA,CAC7C,EAAA,CAAA,CAIR"}

package/dist/components/PasswordInputController/index.es.js

@@ -1,23 +1,23 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { VisibilityOff as h, Visibility as b } from "@mui/icons-material";
-import { FormControl as f, TextField as x, InputAdornment as F, IconButton as v, FormHelperText as I } from "@mui/material";
-import { Controller as P } from "react-hook-form";
-const V = (i) => {
-  const { control: s, name: l, autoComplete: a, placeholder: d, defaultValue: p, inputProps: u } = i, [r, m] = w(!1), c = () => {
-    m(!r);
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { VisibilityOff as f, Visibility as h } from "@mui/icons-material";
+import { FormControl as b, TextField as v, InputAdornment as x, IconButton as F, FormHelperText as g } from "@mui/material";
+import { Controller as I } from "react-hook-form";
+const S = (s) => {
+  const { control: n, name: l, autoComplete: a, placeholder: d, defaultValue: u, inputProps: p } = s, [r, c] = C(!1), m = () => {
+    c(!r);
   };
   return /* @__PURE__ */ o(
-    P,
+    I,
     {
-      control: s,
+      control: n,
       name: l,
-      defaultValue: p,
+      defaultValue: u,
       render: ({ field: e, fieldState: t }) => {
-        var n;
-        return /* @__PURE__ */ C(f, { error: t.invalid, children: [
+        var i;
+        return /* @__PURE__ */ w(b, { error: t.invalid, children: [
           /* @__PURE__ */ o(
-            x,
+            v,
             {
               ...e,
               type: r ? "text" : "password",
@@ -25,38 +25,38 @@ const V = (i) => {
               placeholder: d,
               value: e.value ?? "",
               InputProps: {
-                ...u,
-                endAdornment: e.value ? /* @__PURE__ */ o(F, { position: "end", children: /* @__PURE__ */ o(
-                  v,
+                ...p,
+                endAdornment: e.value ? /* @__PURE__ */ o(x, { position: "end", children: /* @__PURE__ */ o(
+                  F,
                   {
                     "aria-label": "toggle password visibility",
-                    onClick: c,
+                    onClick: m,
                     edge: "end",
-                    children: r ? /* @__PURE__ */ o(h, {}) : /* @__PURE__ */ o(b, {})
+                    children: r ? /* @__PURE__ */ o(f, {}) : /* @__PURE__ */ o(h, {})
                   }
                 ) }) : void 0
               },
               sx: {
                 "& .MuiInput-underline:before": {
-                  borderColor: "#CCCCCC"
+                  borderColor: "var(--jigowatts-color-border, #CCCCCC)"
                 },
                 "& .MuiInputBase-root": {
-                  backgroundColor: "#FFFFFF"
+                  backgroundColor: "var(--jigowatts-color-surface, #FFFFFF)"
                 },
                 "input:-webkit-autofill": {
-                  WebkitBoxShadow: "0 0 0 1000px white inset"
+                  WebkitBoxShadow: "0 0 0 1000px var(--jigowatts-color-surface, white) inset"
                 }
               }
             }
           ),
-          /* @__PURE__ */ o(I, { children: (n = t.error) == null ? void 0 : n.message })
+          /* @__PURE__ */ o(g, { children: (i = t.error) == null ? void 0 : i.message })
         ] });
       }
     }
   );
 };
 export {
-  V as PasswordInputController,
-  V as default
+  S as PasswordInputController,
+  S as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/PasswordInputController/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/PasswordInputController/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Visibility, VisibilityOff } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype MultilineOption = {\n  rows: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const PasswordInputController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, autoComplete, placeholder, defaultValue, inputProps } =\n    props;\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const handleClickShowPassword = () => {\n    setShowPassword(!showPassword);\n  };\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={showPassword ? \"text\" : \"password\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            InputProps={{\n              ...inputProps,\n              endAdornment: field.value ? (\n                <InputAdornment position=\"end\">\n                  <IconButton\n                    aria-label=\"toggle password visibility\"\n                    onClick={handleClickShowPassword}\n                    edge=\"end\"\n                  >\n                    {showPassword ? <VisibilityOff /> : <Visibility />}\n                  </IconButton>\n                </InputAdornment>\n              ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"#CCCCCC\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"#FFFFFF\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow: \"0 0 0 1000px white inset\",\n              },\n            }}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default PasswordInputController;\n"],"names":["PasswordInputController","props","control","name","autoComplete","placeholder","defaultValue","inputProps","showPassword","setShowPassword","useState","handleClickShowPassword","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","FormHelperText","_a"],"mappings":";;;;;AAqCO,MAAMA,IAA0B,CACrCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,cAAAC,GAAc,aAAAC,GAAa,cAAAC,GAAc,YAAAC,MAC9DN,GAEI,CAACO,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAA0B,MAAM;AACpC,IAAAF,EAAgB,CAACD,CAAY;AAAA,EAC/B;AAEA,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAC;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAQ,GAAO,YAAAC;;AAChB,+BAAAC,EAACC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,MAAMN,IAAe,SAAS;AAAA,cAC9B,cAAAJ;AAAA,cACA,aAAAC;AAAA,cACA,OAAOS,EAAM,SAAS;AAAA,cACtB,YAAY;AAAA,gBACV,GAAGP;AAAA,gBACH,cAAcO,EAAM,QAClB,gBAAAF,EAACO,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAP;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,cAAW;AAAA,oBACX,SAAST;AAAA,oBACT,MAAK;AAAA,oBAEJ,UAAAH,IAAe,gBAAAI,EAACS,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAW;AAAA,kBAAA;AAAA,gBAAA,GAEpD,IACE;AAAA,cAAA;AAAA,cAEN,IAAI;AAAA,gBACF,gCAAgC;AAAA,kBAC9B,aAAa;AAAA,gBAAA;AAAA,gBAEf,wBAAwB;AAAA,kBACtB,iBAAiB;AAAA,gBAAA;AAAA,gBAEnB,0BAA0B;AAAA,kBACxB,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,YACF;AAAA,UAAA;AAAA,UAEF,gBAAAV,EAACW,GAAA,EAAgB,WAAAC,IAAAT,EAAW,UAAX,gBAAAS,EAAkB,QAAA,CAAQ;AAAA,QAAA,EAAA,CAC7C;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/PasswordInputController/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Visibility, VisibilityOff } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype MultilineOption = {\n  rows: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const PasswordInputController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, autoComplete, placeholder, defaultValue, inputProps } =\n    props;\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const handleClickShowPassword = () => {\n    setShowPassword(!showPassword);\n  };\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={showPassword ? \"text\" : \"password\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            InputProps={{\n              ...inputProps,\n              endAdornment: field.value ? (\n                <InputAdornment position=\"end\">\n                  <IconButton\n                    aria-label=\"toggle password visibility\"\n                    onClick={handleClickShowPassword}\n                    edge=\"end\"\n                  >\n                    {showPassword ? <VisibilityOff /> : <Visibility />}\n                  </IconButton>\n                </InputAdornment>\n              ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"var(--jigowatts-color-border, #CCCCCC)\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"var(--jigowatts-color-surface, #FFFFFF)\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow:\n                  \"0 0 0 1000px var(--jigowatts-color-surface, white) inset\",\n              },\n            }}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default PasswordInputController;\n"],"names":["PasswordInputController","props","control","name","autoComplete","placeholder","defaultValue","inputProps","showPassword","setShowPassword","useState","handleClickShowPassword","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","FormHelperText","_a"],"mappings":";;;;;AAqCO,MAAMA,IAA0B,CACrCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,cAAAC,GAAc,aAAAC,GAAa,cAAAC,GAAc,YAAAC,MAC9DN,GAEI,CAACO,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAA0B,MAAM;AACpC,IAAAF,EAAgB,CAACD,CAAY;AAAA,EAC/B;AAEA,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAC;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAQ,GAAO,YAAAC;;AAChB,+BAAAC,EAACC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,MAAMN,IAAe,SAAS;AAAA,cAC9B,cAAAJ;AAAA,cACA,aAAAC;AAAA,cACA,OAAOS,EAAM,SAAS;AAAA,cACtB,YAAY;AAAA,gBACV,GAAGP;AAAA,gBACH,cAAcO,EAAM,QAClB,gBAAAF,EAACO,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAP;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,cAAW;AAAA,oBACX,SAAST;AAAA,oBACT,MAAK;AAAA,oBAEJ,UAAAH,IAAe,gBAAAI,EAACS,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAW;AAAA,kBAAA;AAAA,gBAAA,GAEpD,IACE;AAAA,cAAA;AAAA,cAEN,IAAI;AAAA,gBACF,gCAAgC;AAAA,kBAC9B,aAAa;AAAA,gBAAA;AAAA,gBAEf,wBAAwB;AAAA,kBACtB,iBAAiB;AAAA,gBAAA;AAAA,gBAEnB,0BAA0B;AAAA,kBACxB,iBACE;AAAA,gBAAA;AAAA,cACJ;AAAA,YACF;AAAA,UAAA;AAAA,UAEF,gBAAAV,EAACW,GAAA,EAAgB,WAAAC,IAAAT,EAAW,UAAX,gBAAAS,EAAkB,QAAA,CAAQ;AAAA,QAAA,EAAA,CAC7C;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/RadioButton/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("classnames");const e=require("../../index-BM3CSrls.cjs");exports.RadioButton=e.RadioButton;exports.default=e.RadioButton;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("classnames");const e=require("../../index-c8cvlwzF.cjs");exports.RadioButton=e.RadioButton;exports.default=e.RadioButton;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/RadioButton/index.es.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { R as i, R as m } from "../../index-CogWL0bN.js";
+import { R as i, R as m } from "../../index-CqVxO31c.js";
 export {
   i as RadioButton,
   m as default

package/dist/components/RadioButton/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),t=require("../../react.esm-DGuy6Rn3.cjs"),i=require("../../index-Ds6DK19y.cjs"),s=require("../../index-BM3CSrls.cjs");describe("RadioButton component",()=>{const o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}];it("renders the radio buttons with correct labels and values",()=>{t.render(n.jsx(s.RadioButton,{values:o})),o.forEach(({label:e,value:r})=>{const a=t.screen.getByLabelText(e);expect(a).toBeInTheDocument(),expect(a).toHaveAttribute("value",r)})}),it("shows error message when provided",()=>{const e="Error message";t.render(n.jsx(s.RadioButton,{values:o,errorMessage:e}));const r=t.screen.getByText(e);expect(r).toBeInTheDocument()}),it("does not show error message when not provided",()=>{t.render(n.jsx(s.RadioButton,{values:o}));const e=t.screen.queryByText(/Error message/i);expect(e).not.toBeInTheDocument()}),it("applies the error class to inputs when errorMessage is provided",()=>{t.render(n.jsx(s.RadioButton,{values:o,errorMessage:"Error message"})),o.forEach(({label:r})=>{const a=t.screen.getByLabelText(r);expect(a).toHaveClass(s.styles.error)})}),it("does not apply the error class to inputs when errorMessage is not provided",()=>{t.render(n.jsx(s.RadioButton,{values:o})),o.forEach(({label:e})=>{const r=t.screen.getByLabelText(e);expect(r).not.toHaveClass(s.styles.error)})}),it("should be accessible",async()=>{const{container:e}=t.render(n.jsx(s.RadioButton,{values:o})),r=await i.jestAxe.axe(e);expect.extend(i.jestAxe.toHaveNoViolations),expect(r).toHaveNoViolations()})});
+"use strict";const n=require("react/jsx-runtime"),t=require("../../react.esm-DGuy6Rn3.cjs"),i=require("../../index-Ds6DK19y.cjs"),s=require("../../index-c8cvlwzF.cjs");describe("RadioButton component",()=>{const o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}];it("renders the radio buttons with correct labels and values",()=>{t.render(n.jsx(s.RadioButton,{values:o})),o.forEach(({label:e,value:r})=>{const a=t.screen.getByLabelText(e);expect(a).toBeInTheDocument(),expect(a).toHaveAttribute("value",r)})}),it("shows error message when provided",()=>{const e="Error message";t.render(n.jsx(s.RadioButton,{values:o,errorMessage:e}));const r=t.screen.getByText(e);expect(r).toBeInTheDocument()}),it("does not show error message when not provided",()=>{t.render(n.jsx(s.RadioButton,{values:o}));const e=t.screen.queryByText(/Error message/i);expect(e).not.toBeInTheDocument()}),it("applies the error class to inputs when errorMessage is provided",()=>{t.render(n.jsx(s.RadioButton,{values:o,errorMessage:"Error message"})),o.forEach(({label:r})=>{const a=t.screen.getByLabelText(r);expect(a).toHaveClass(s.styles.error)})}),it("does not apply the error class to inputs when errorMessage is not provided",()=>{t.render(n.jsx(s.RadioButton,{values:o})),o.forEach(({label:e})=>{const r=t.screen.getByLabelText(e);expect(r).not.toHaveClass(s.styles.error)})}),it("should be accessible",async()=>{const{container:e}=t.render(n.jsx(s.RadioButton,{values:o})),r=await i.jestAxe.axe(e);expect.extend(i.jestAxe.toHaveNoViolations),expect(r).toHaveNoViolations()})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/RadioButton/index.test.es.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { r as s, s as n } from "../../react.esm-BBESb8eI.js";
 import { j as c } from "../../index-DI17hZPH.js";
-import { s as l, R as a } from "../../index-CogWL0bN.js";
+import { s as l, R as a } from "../../index-CqVxO31c.js";
 describe("RadioButton component", () => {
   const o = [
     { label: "Option 1", value: "option1" },

package/dist/components/ScrollableDialog/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("@mui/material"),i=o=>{const{dialogTitle:a,dialogContent:t,dialogActions:r,open:s,onCloseDialog:n,...c}=o;return e.jsxs(l.Dialog,{...c,open:s,onClose:()=>n("cancel"),scroll:"paper","aria-labelledby":"scroll-dialog-title","aria-describedby":"scroll-dialog-description",children:[e.jsx(l.DialogTitle,{sx:{display:"flex",gap:"5px",alignItems:"center"},children:a}),e.jsx(l.DialogContent,{dividers:!0,children:e.jsx(l.DialogContentText,{tabIndex:-1,children:t})}),e.jsx(l.DialogActions,{sx:{gap:"10px"},children:r})]})};exports.ScrollableDialog=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("@mui/material"),i=o=>{const{dialogTitle:a,dialogContent:r,dialogActions:t,open:s,onCloseDialog:n,...c}=o;return e.jsxs(l.Dialog,{...c,open:s,onClose:()=>n("cancel"),scroll:"paper","aria-labelledby":"scroll-dialog-title","aria-describedby":"scroll-dialog-description",children:[e.jsx(l.DialogTitle,{sx:{display:"flex",gap:"5px",alignItems:"center"},children:a}),e.jsx(l.DialogContent,{dividers:!0,children:e.jsx(l.Box,{component:"div",tabIndex:-1,children:r})}),e.jsx(l.DialogActions,{sx:{gap:"10px"},children:t})]})};exports.ScrollableDialog=i;exports.default=i;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/ScrollableDialog/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <DialogContentText tabIndex={-1}>{dialogContent}</DialogContentText>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":"4KA0BaA,EAAoBC,GAAiB,CAChD,KAAM,CACJ,YAAAC,EACA,cAAAC,EACA,cAAAC,EACA,KAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EACDN,EAEJ,OACEO,EAAAA,KAACC,EAAAA,OAAA,CACE,GAAGF,EACJ,KAAAF,EACA,QAAS,IAAMC,EAAc,QAAQ,EACrC,OAAQ,QACR,kBAAgB,sBAChB,mBAAiB,4BAEjB,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAA,CACC,GAAI,CACF,QAAS,OACT,IAAK,MACL,WAAY,QAAA,EAGb,SAAAT,CAAA,CAAA,EAEHQ,EAAAA,IAACE,EAAAA,eAAc,SAAU,GACvB,eAACC,oBAAA,CAAkB,SAAU,GAAK,SAAAV,CAAA,CAAc,CAAA,CAClD,QACCW,EAAAA,cAAA,CAAc,GAAI,CAAE,IAAK,MAAA,EAAW,SAAAV,CAAA,CAAc,CAAA,CAAA,CAAA,CAGzD"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <Box component=\"div\" tabIndex={-1}>\n          {dialogContent}\n        </Box>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","Box","DialogActions"],"mappings":"4KA0BaA,EAAoBC,GAAiB,CAChD,KAAM,CACJ,YAAAC,EACA,cAAAC,EACA,cAAAC,EACA,KAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EACDN,EAEJ,OACEO,EAAAA,KAACC,EAAAA,OAAA,CACE,GAAGF,EACJ,KAAAF,EACA,QAAS,IAAMC,EAAc,QAAQ,EACrC,OAAQ,QACR,kBAAgB,sBAChB,mBAAiB,4BAEjB,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAA,CACC,GAAI,CACF,QAAS,OACT,IAAK,MACL,WAAY,QAAA,EAGb,SAAAT,CAAA,CAAA,EAEHQ,EAAAA,IAACE,EAAAA,cAAA,CAAc,SAAU,GACvB,SAAAF,EAAAA,IAACG,EAAAA,IAAA,CAAI,UAAU,MAAM,SAAU,GAC5B,SAAAV,CAAA,CACH,EACF,QACCW,EAAAA,cAAA,CAAc,GAAI,CAAE,IAAK,MAAA,EAAW,SAAAV,CAAA,CAAc,CAAA,CAAA,CAAA,CAGzD"}

package/dist/components/ScrollableDialog/index.es.js

@@ -1,20 +1,20 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { Dialog as d, DialogTitle as c, DialogContent as g, DialogContentText as p, DialogActions as x } from "@mui/material";
-const h = (o) => {
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { Dialog as s, DialogTitle as c, DialogContent as g, Box as p, DialogActions as x } from "@mui/material";
+const D = (o) => {
   const {
     dialogTitle: i,
     dialogContent: e,
     dialogActions: a,
     open: r,
-    onCloseDialog: t,
-    ...n
+    onCloseDialog: n,
+    ...t
   } = o;
-  return /* @__PURE__ */ s(
-    d,
+  return /* @__PURE__ */ d(
+    s,
     {
-      ...n,
+      ...t,
       open: r,
-      onClose: () => t("cancel"),
+      onClose: () => n("cancel"),
       scroll: "paper",
       "aria-labelledby": "scroll-dialog-title",
       "aria-describedby": "scroll-dialog-description",
@@ -30,14 +30,14 @@ const h = (o) => {
             children: i
           }
         ),
-        /* @__PURE__ */ l(g, { dividers: !0, children: /* @__PURE__ */ l(p, { tabIndex: -1, children: e }) }),
+        /* @__PURE__ */ l(g, { dividers: !0, children: /* @__PURE__ */ l(p, { component: "div", tabIndex: -1, children: e }) }),
         /* @__PURE__ */ l(x, { sx: { gap: "10px" }, children: a })
       ]
     }
   );
 };
 export {
-  h as ScrollableDialog,
-  h as default
+  D as ScrollableDialog,
+  D as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/ScrollableDialog/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <DialogContentText tabIndex={-1}>{dialogContent}</DialogContentText>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":";;AA0BO,MAAMA,IAAmB,CAACC,MAAiB;AAChD,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AAEJ,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAAF;AAAA,MACA,SAAS,MAAMC,EAAc,QAAQ;AAAA,MACrC,QAAQ;AAAA,MACR,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,YAAA;AAAA,YAGb,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAQ,EAACE,KAAc,UAAU,IACvB,4BAACC,GAAA,EAAkB,UAAU,IAAK,UAAAV,EAAA,CAAc,EAAA,CAClD;AAAA,0BACCW,GAAA,EAAc,IAAI,EAAE,KAAK,OAAA,GAAW,UAAAV,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/ScrollableDialog/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\n\nexport type ConfirmDialogResult = \"confirm\" | \"cancel\";\n\ntype Props = {\n  /** ダイアログのタイトル */\n  dialogTitle: ReactNode;\n  /** ダイアログの内容 */\n  dialogContent: ReactNode;\n  /** ダイアログの処理ボタン（複数可） */\n  dialogActions: ReactNode;\n  /** ダイアログの表示状態 */\n  open: boolean;\n  /** 閉じた時のhandler */\n  onCloseDialog: (result: ConfirmDialogResult) => void;\n} & MuiDialogProps;\n\n/** MuiDialogを継承したコンテントのスクロール可能なDialogです。 */\nexport const ScrollableDialog = (props: Props) => {\n  const {\n    dialogTitle,\n    dialogContent,\n    dialogActions,\n    open,\n    onCloseDialog,\n    ...dialogProps\n  } = props;\n\n  return (\n    <Dialog\n      {...dialogProps}\n      open={open}\n      onClose={() => onCloseDialog(\"cancel\")}\n      scroll={\"paper\"}\n      aria-labelledby=\"scroll-dialog-title\"\n      aria-describedby=\"scroll-dialog-description\"\n    >\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          gap: \"5px\",\n          alignItems: \"center\",\n        }}\n      >\n        {dialogTitle}\n      </DialogTitle>\n      <DialogContent dividers={true}>\n        <Box component=\"div\" tabIndex={-1}>\n          {dialogContent}\n        </Box>\n      </DialogContent>\n      <DialogActions sx={{ gap: \"10px\" }}>{dialogActions}</DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ScrollableDialog;\n"],"names":["ScrollableDialog","props","dialogTitle","dialogContent","dialogActions","open","onCloseDialog","dialogProps","jsxs","Dialog","jsx","DialogTitle","DialogContent","Box","DialogActions"],"mappings":";;AA0BO,MAAMA,IAAmB,CAACC,MAAiB;AAChD,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AAEJ,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAAF;AAAA,MACA,SAAS,MAAMC,EAAc,QAAQ;AAAA,MACrC,QAAQ;AAAA,MACR,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,YAAA;AAAA,YAGb,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAQ,EAACE,GAAA,EAAc,UAAU,IACvB,UAAA,gBAAAF,EAACG,GAAA,EAAI,WAAU,OAAM,UAAU,IAC5B,UAAAV,EAAA,CACH,GACF;AAAA,0BACCW,GAAA,EAAc,IAAI,EAAE,KAAK,OAAA,GAAW,UAAAV,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

package/dist/components/SearchForm/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index6.css');const e=require("react/jsx-runtime"),s=require("@mui/icons-material"),n=require("@mui/material"),x=require("../FlexButtons/index.cjs.js"),_="_container_89suu_1",p="_header_89suu_6",j="_mainContent_89suu_19",b="_searchForm_89suu_27",F="_inputItems_89suu_33",t={container:_,header:p,mainContent:j,searchForm:b,inputItems:F},r=({headerTitle:c,children:a,defaultExpanded:i,handleSubmit:u,onSubmitSearch:l,onClickClear:o})=>{const d=()=>{o&&o()},m=u(h=>{l(h)});return e.jsxs(n.Accordion,{defaultExpanded:i,className:t.container,children:[e.jsx(n.AccordionSummary,{className:t.header,"aria-controls":"panel-content",expandIcon:e.jsx(s.ExpandMore,{}),children:c||"絞り込み"}),e.jsx(n.AccordionDetails,{className:t.mainContent,children:e.jsxs("form",{className:t.searchForm,onSubmit:m,children:[e.jsx("div",{className:t.inputItems,children:a}),e.jsxs(x.FlexButtons,{position:"flex-end",children:[e.jsx(n.Button,{onClick:d,variant:"outlined",sx:{p:1,background:"white",color:"#6672e8",borderBlockColor:"#6672e8",width:"128px"},children:"クリア"}),e.jsx(n.Button,{type:"submit",variant:"contained",startIcon:e.jsx(s.Search,{}),sx:{background:"#6672e8",color:"white",":hover":{background:"#6672e8"},width:"128px"},children:"検索"})]})]})})]})};exports.SearchForm=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index6.css');const t=require("react/jsx-runtime"),s=require("@mui/icons-material"),e=require("@mui/material"),r=require("../Button/index.cjs.js"),j=require("../FlexButtons/index.cjs.js"),x="_container_vj5gz_1",p="_header_vj5gz_6",B="_mainContent_vj5gz_19",v="_searchForm_vj5gz_27",g="_inputItems_vj5gz_33",b="_clearButton_vj5gz_39",F="_submitButton_vj5gz_47",n={container:x,header:p,mainContent:B,searchForm:v,inputItems:g,clearButton:b,submitButton:F},c=({headerTitle:a,children:i,defaultExpanded:u,handleSubmit:l,onSubmitSearch:m,onClickClear:o})=>{const d=()=>{o&&o()},_=l(h=>{m(h)});return t.jsxs(e.Accordion,{defaultExpanded:u,className:n.container,children:[t.jsx(e.AccordionSummary,{className:n.header,"aria-controls":"panel-content",expandIcon:t.jsx(s.ExpandMore,{}),children:a||"絞り込み"}),t.jsx(e.AccordionDetails,{className:n.mainContent,children:t.jsxs("form",{className:n.searchForm,onSubmit:_,children:[t.jsx("div",{className:n.inputItems,children:i}),t.jsxs(j.FlexButtons,{position:"flex-end",children:[t.jsx(r.Button,{onClick:d,variant:"outlined",color:"primary",className:n.clearButton,children:"クリア"}),t.jsx(r.Button,{type:"submit",variant:"contained",startIcon:t.jsx(s.Search,{}),color:"primary",className:n.submitButton,children:"検索"})]})]})})]})};exports.SearchForm=c;exports.default=c;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/SearchForm/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/SearchForm/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore, Search } from \"@mui/icons-material\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Button,\n} from \"@mui/material\";\nimport { type FieldValues, type useForm } from \"react-hook-form\";\n\nimport { FlexButtons } from \"../FlexButtons\";\nimport styles from \"./index.module.scss\";\n\ntype Props<T extends FieldValues = FieldValues> = {\n  headerTitle?: string;\n  children: ReactNode;\n  defaultExpanded?: boolean;\n  handleSubmit: ReturnType<typeof useForm<T>>[\"handleSubmit\"];\n  onSubmitSearch: (data: T) => void;\n  onClickClear?: () => void;\n};\n\nexport const SearchForm = <T extends FieldValues = FieldValues>({\n  headerTitle,\n  children,\n  defaultExpanded,\n  handleSubmit,\n  onSubmitSearch,\n  onClickClear,\n}: Props<T>) => {\n  const handleClear = () => {\n    if (onClickClear) {\n      onClickClear();\n    }\n  };\n\n  const handle = handleSubmit((data) => {\n    onSubmitSearch(data);\n  });\n\n  return (\n    <Accordion defaultExpanded={defaultExpanded} className={styles.container}>\n      <AccordionSummary\n        className={styles.header}\n        aria-controls=\"panel-content\"\n        expandIcon={<ExpandMore />}\n      >\n        {headerTitle || \"絞り込み\"}\n      </AccordionSummary>\n      <AccordionDetails className={styles.mainContent}>\n        <form className={styles.searchForm} onSubmit={handle}>\n          <div className={styles.inputItems}>{children}</div>\n          <FlexButtons position=\"flex-end\">\n            <Button\n              onClick={handleClear}\n              variant=\"outlined\"\n              sx={{\n                p: 1,\n                background: \"white\",\n                color: \"#6672e8\",\n                borderBlockColor: \"#6672e8\",\n                width: \"128px\",\n              }}\n            >\n              クリア\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              startIcon={<Search />}\n              sx={{\n                background: \"#6672e8\",\n                color: \"white\",\n                \":hover\": { background: \"#6672e8\" },\n                width: \"128px\",\n              }}\n            >\n              検索\n            </Button>\n          </FlexButtons>\n        </form>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default SearchForm;\n"],"names":["SearchForm","headerTitle","children","defaultExpanded","handleSubmit","onSubmitSearch","onClickClear","handleClear","handle","data","jsxs","Accordion","styles","jsx","AccordionSummary","ExpandMore","AccordionDetails","FlexButtons","Button","Search"],"mappings":"8aAsBaA,EAAa,CAAsC,CAC9D,YAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,CACF,IAAgB,CACd,MAAMC,EAAc,IAAM,CACpBD,GACFA,EAAA,CAEJ,EAEME,EAASJ,EAAcK,GAAS,CACpCJ,EAAeI,CAAI,CACrB,CAAC,EAED,OACEC,EAAAA,KAACC,EAAAA,UAAA,CAAU,gBAAAR,EAAkC,UAAWS,EAAO,UAC7D,SAAA,CAAAC,EAAAA,IAACC,EAAAA,iBAAA,CACC,UAAWF,EAAO,OAClB,gBAAc,gBACd,iBAAaG,EAAAA,WAAA,EAAW,EAEvB,SAAAd,GAAe,MAAA,CAAA,EAElBY,EAAAA,IAACG,EAAAA,iBAAA,CAAiB,UAAWJ,EAAO,YAClC,SAAAF,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAO,WAAY,SAAUJ,EAC5C,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,WAAa,SAAAV,EAAS,EAC7CQ,EAAAA,KAACO,EAAAA,YAAA,CAAY,SAAS,WACpB,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,OAAA,CACC,QAASX,EACT,QAAQ,WACR,GAAI,CACF,EAAG,EACH,WAAY,QACZ,MAAO,UACP,iBAAkB,UAClB,MAAO,OAAA,EAEV,SAAA,KAAA,CAAA,EAGDM,EAAAA,IAACK,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,YACR,gBAAYC,EAAAA,OAAA,EAAO,EACnB,GAAI,CACF,WAAY,UACZ,MAAO,QACP,SAAU,CAAE,WAAY,SAAA,EACxB,MAAO,OAAA,EAEV,SAAA,IAAA,CAAA,CAED,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/SearchForm/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore, Search } from \"@mui/icons-material\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n} from \"@mui/material\";\nimport { type FieldValues, type useForm } from \"react-hook-form\";\n\nimport Button from \"../Button\";\nimport { FlexButtons } from \"../FlexButtons\";\nimport styles from \"./index.module.scss\";\n\ntype Props<T extends FieldValues = FieldValues> = {\n  headerTitle?: string;\n  children: ReactNode;\n  defaultExpanded?: boolean;\n  handleSubmit: ReturnType<typeof useForm<T>>[\"handleSubmit\"];\n  onSubmitSearch: (data: T) => void;\n  onClickClear?: () => void;\n};\n\nexport const SearchForm = <T extends FieldValues = FieldValues>({\n  headerTitle,\n  children,\n  defaultExpanded,\n  handleSubmit,\n  onSubmitSearch,\n  onClickClear,\n}: Props<T>) => {\n  const handleClear = () => {\n    if (onClickClear) {\n      onClickClear();\n    }\n  };\n\n  const handle = handleSubmit((data) => {\n    onSubmitSearch(data);\n  });\n\n  return (\n    <Accordion defaultExpanded={defaultExpanded} className={styles.container}>\n      <AccordionSummary\n        className={styles.header}\n        aria-controls=\"panel-content\"\n        expandIcon={<ExpandMore />}\n      >\n        {headerTitle || \"絞り込み\"}\n      </AccordionSummary>\n      <AccordionDetails className={styles.mainContent}>\n        <form className={styles.searchForm} onSubmit={handle}>\n          <div className={styles.inputItems}>{children}</div>\n          <FlexButtons position=\"flex-end\">\n            <Button\n              onClick={handleClear}\n              variant=\"outlined\"\n              color=\"primary\"\n              className={styles.clearButton}\n            >\n              クリア\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              startIcon={<Search />}\n              color=\"primary\"\n              className={styles.submitButton}\n            >\n              検索\n            </Button>\n          </FlexButtons>\n        </form>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default SearchForm;\n"],"names":["SearchForm","headerTitle","children","defaultExpanded","handleSubmit","onSubmitSearch","onClickClear","handleClear","handle","data","jsxs","Accordion","styles","jsx","AccordionSummary","ExpandMore","AccordionDetails","FlexButtons","Button","Search"],"mappings":"oiBAsBaA,EAAa,CAAsC,CAC9D,YAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,CACF,IAAgB,CACd,MAAMC,EAAc,IAAM,CACpBD,GACFA,EAAA,CAEJ,EAEME,EAASJ,EAAcK,GAAS,CACpCJ,EAAeI,CAAI,CACrB,CAAC,EAED,OACEC,EAAAA,KAACC,EAAAA,UAAA,CAAU,gBAAAR,EAAkC,UAAWS,EAAO,UAC7D,SAAA,CAAAC,EAAAA,IAACC,EAAAA,iBAAA,CACC,UAAWF,EAAO,OAClB,gBAAc,gBACd,iBAAaG,EAAAA,WAAA,EAAW,EAEvB,SAAAd,GAAe,MAAA,CAAA,EAElBY,EAAAA,IAACG,EAAAA,iBAAA,CAAiB,UAAWJ,EAAO,YAClC,SAAAF,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAO,WAAY,SAAUJ,EAC5C,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,WAAa,SAAAV,EAAS,EAC7CQ,EAAAA,KAACO,EAAAA,YAAA,CAAY,SAAS,WACpB,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,OAAA,CACC,QAASX,EACT,QAAQ,WACR,MAAM,UACN,UAAWK,EAAO,YACnB,SAAA,KAAA,CAAA,EAGDC,EAAAA,IAACK,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,YACR,gBAAYC,EAAAA,OAAA,EAAO,EACnB,MAAM,UACN,UAAWP,EAAO,aACnB,SAAA,IAAA,CAAA,CAED,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ"}