@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index102.cjs

@@ -1 +1 @@
-let e=require("lodash-es");function t(e){return e.isMulti===!0}function n(n){let{options:r,injectOptions:i,placeholder:a=`Chọn...`,description:o,disabled:s,isClearable:c=!0,isSearchable:l=!0,isLoading:u=!1,className:d,rules:f,onSearchTextChange:p,hasNextPage:m,isFetchingNextPage:h,fetchNextPage:g,maxTagCount:_=`responsive`,tagRender:v,showSelectAll:y=!1}=n,b=(0,e.get)(f,`required`),x=!(0,e.isNil)(b)&&b!==!1,S={options:r,injectOptions:i,placeholder:a,isClearable:c,isSearchable:l,isLoading:u,className:d,disabled:s,onSearchTextChange:p,hasNextPage:m,isFetchingNextPage:h,fetchNextPage:g,maxTagCount:_,tagRender:v,showSelectAll:y};return{isRequired:x,description:o,enhancedRules:(()=>{if(!f)return f;let e={...f};return x&&typeof e.required!=`string`&&typeof e.required!=`object`?e.required=`Trường này là bắt buộc`:typeof e.required==`object`&&!e.required.message&&(e.required={...e.required,message:`Trường này là bắt buộc`}),e})(),baseSelectProps:S,isMulti:t(n),createChangeHandlers:e=>({onChangeMulti:r=>{e.onChange(r),t(n)&&n.onChange&&n.onChange(r)},onChangeSingle:r=>{e.onChange(r),!t(n)&&n.onChange&&n.onChange(r)}})}}exports.useFormSelect=n;
+const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t);var n=(0,t.createContext)(null);n.displayName=`PanelGroupContext`;var r={group:`data-panel-group`,groupDirection:`data-panel-group-direction`,groupId:`data-panel-group-id`,panel:`data-panel`,panelCollapsible:`data-panel-collapsible`,panelId:`data-panel-id`,panelSize:`data-panel-size`,resizeHandle:`data-resize-handle`,resizeHandleActive:`data-resize-handle-active`,resizeHandleEnabled:`data-panel-resize-handle-enabled`,resizeHandleId:`data-panel-resize-handle-id`,resizeHandleState:`data-resize-handle-state`},i=10,a=t.useLayoutEffect,o=t.useId,s=typeof o==`function`?o:()=>null,c=0;function l(e=null){let n=s(),r=(0,t.useRef)(e||n||null);return r.current===null&&(r.current=``+ c++),e??r.current}function u({children:e,className:i=``,collapsedSize:o,collapsible:s,defaultSize:c,forwardedRef:u,id:d,maxSize:f,minSize:p,onCollapse:m,onExpand:h,onResize:g,order:_,style:v,tagName:y=`div`,...b}){let x=(0,t.useContext)(n);if(x===null)throw Error(`Panel components must be rendered within a PanelGroup container`);let{collapsePanel:S,expandPanel:C,getPanelSize:w,getPanelStyle:T,groupId:E,isPanelCollapsed:D,reevaluatePanelConstraints:O,registerPanel:k,resizePanel:A,unregisterPanel:j}=x,M=l(d),N=(0,t.useRef)({callbacks:{onCollapse:m,onExpand:h,onResize:g},constraints:{collapsedSize:o,collapsible:s,defaultSize:c,maxSize:f,minSize:p},id:M,idIsFromProps:d!==void 0,order:_});(0,t.useRef)({didLogMissingDefaultSizeWarning:!1}),a(()=>{let{callbacks:e,constraints:t}=N.current,n={...t};N.current.id=M,N.current.idIsFromProps=d!==void 0,N.current.order=_,e.onCollapse=m,e.onExpand=h,e.onResize=g,t.collapsedSize=o,t.collapsible=s,t.defaultSize=c,t.maxSize=f,t.minSize=p,(n.collapsedSize!==t.collapsedSize||n.collapsible!==t.collapsible||n.maxSize!==t.maxSize||n.minSize!==t.minSize)&&O(N.current,n)}),a(()=>{let e=N.current;return k(e),()=>{j(e)}},[_,M,k,j]),(0,t.useImperativeHandle)(u,()=>({collapse:()=>{S(N.current)},expand:e=>{C(N.current,e)},getId(){return M},getSize(){return w(N.current)},isCollapsed(){return D(N.current)},isExpanded(){return!D(N.current)},resize:e=>{A(N.current,e)}}),[S,C,w,D,M,A]);let P=T(N.current,c);return(0,t.createElement)(y,{...b,children:e,className:i,id:M,style:{...P,...v},[r.groupId]:E,[r.panel]:``,[r.panelCollapsible]:s||void 0,[r.panelId]:M,[r.panelSize]:parseFloat(``+P.flexGrow).toFixed(1)})}var d=(0,t.forwardRef)((e,n)=>(0,t.createElement)(u,{...e,forwardedRef:n}));u.displayName=`Panel`,d.displayName=`forwardRef(Panel)`;var f;function p(){return f}var m=null,h=!0,g=-1,_=null;function v(e,t){if(t){let e=(t&ee)!==0,n=(t&te)!==0,r=(t&ne)!==0,i=(t&re)!==0;if(e)return r?`se-resize`:i?`ne-resize`:`e-resize`;if(n)return r?`sw-resize`:i?`nw-resize`:`w-resize`;if(r)return`s-resize`;if(i)return`n-resize`}switch(e){case`horizontal`:return`ew-resize`;case`intersection`:return`move`;case`vertical`:return`ns-resize`}}function y(){_!==null&&(document.head.removeChild(_),m=null,_=null,g=-1)}function b(e,t){if(!h)return;let n=v(e,t);if(m!==n){if(m=n,_===null){_=document.createElement(`style`);let e=p();e&&_.setAttribute(`nonce`,e),document.head.appendChild(_)}if(g>=0){var r;(r=_.sheet)==null||r.removeRule(g)}g=_.sheet?.insertRule(`*{cursor: ${n} !important;}`)??-1}}function x(e){return e.type===`keydown`}function S(e){return e.type.startsWith(`pointer`)}function C(e){return e.type.startsWith(`mouse`)}function w(e){if(S(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(C(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}}function T(){if(typeof matchMedia==`function`)return matchMedia(`(pointer:coarse)`).matches?`coarse`:`fine`}function E(e,t,n){return n?e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y:e.x<=t.x+t.width&&e.x+e.width>=t.x&&e.y<=t.y+t.height&&e.y+e.height>=t.y}function D(e,t){if(e===t)throw Error(`Cannot compare node with itself`);let n={a:N(e),b:N(t)},r;for(;n.a.at(-1)===n.b.at(-1);)e=n.a.pop(),t=n.b.pop(),r=e;U(r,`Stacking order can only be calculated for elements with a common ancestor`);let i={a:M(j(n.a)),b:M(j(n.b))};if(i.a===i.b){let e=r.childNodes,t={a:n.a.at(-1),b:n.b.at(-1)},i=e.length;for(;i--;){let n=e[i];if(n===t.a)return 1;if(n===t.b)return-1}}return Math.sign(i.a-i.b)}var O=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function k(e){let t=getComputedStyle(P(e)??e).display;return t===`flex`||t===`inline-flex`}function A(e){let t=getComputedStyle(e);return!!(t.position===`fixed`||t.zIndex!==`auto`&&(t.position!==`static`||k(e))||+t.opacity<1||`transform`in t&&t.transform!==`none`||`webkitTransform`in t&&t.webkitTransform!==`none`||`mixBlendMode`in t&&t.mixBlendMode!==`normal`||`filter`in t&&t.filter!==`none`||`webkitFilter`in t&&t.webkitFilter!==`none`||`isolation`in t&&t.isolation===`isolate`||O.test(t.willChange)||t.webkitOverflowScrolling===`touch`)}function j(e){let t=e.length;for(;t--;){let n=e[t];if(U(n,`Missing node`),A(n))return n}return null}function M(e){return e&&Number(getComputedStyle(e).zIndex)||0}function N(e){let t=[];for(;e;)t.push(e),e=P(e);return t}function P(e){let{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}var ee=1,te=2,ne=4,re=8,ie=T()===`coarse`,F=[],I=!1,L=new Map,R=new Map,z=new Set;function ae(e,t,n,r,i){let{ownerDocument:a}=t,o={direction:n,element:t,hitAreaMargins:r,setResizeHandlerState:i},s=L.get(a)??0;return L.set(a,s+1),z.add(o),fe(),function(){R.delete(e),z.delete(o);let t=L.get(a)??1;if(L.set(a,t-1),fe(),t===1&&L.delete(a),F.includes(o)){let e=F.indexOf(o);e>=0&&F.splice(e,1),ue(),i(`up`,!0,null)}}}function oe(e){let{target:t}=e,{x:n,y:r}=w(e);I=!0,ce({target:t,x:n,y:r}),fe(),F.length>0&&(H(`down`,e),e.preventDefault(),se(t)||e.stopImmediatePropagation())}function B(e){let{x:t,y:n}=w(e);if(I&&e.buttons===0&&(I=!1,H(`up`,e)),!I){let{target:r}=e;ce({target:r,x:t,y:n})}H(`move`,e),ue(),F.length>0&&e.preventDefault()}function V(e){let{target:t}=e,{x:n,y:r}=w(e);R.clear(),I=!1,F.length>0&&(e.preventDefault(),se(t)||e.stopImmediatePropagation()),H(`up`,e),ce({target:t,x:n,y:r}),ue(),fe()}function se(e){let t=e;for(;t;){if(t.hasAttribute(r.resizeHandle))return!0;t=t.parentElement}return!1}function ce({target:e,x:t,y:n}){F.splice(0);let r=null;(e instanceof HTMLElement||e instanceof SVGElement)&&(r=e),z.forEach(e=>{let{element:i,hitAreaMargins:a}=e,o=i.getBoundingClientRect(),{bottom:s,left:c,right:l,top:u}=o,d=ie?a.coarse:a.fine;if(t>=c-d&&t<=l+d&&n>=u-d&&n<=s+d){if(r!==null&&document.contains(r)&&i!==r&&!i.contains(r)&&!r.contains(i)&&D(r,i)>0){let e=r,t=!1;for(;e&&!e.contains(i);){if(E(e.getBoundingClientRect(),o,!0)){t=!0;break}e=e.parentElement}if(t)return}F.push(e)}})}function le(e,t){R.set(e,t)}function ue(){let e=!1,t=!1;F.forEach(n=>{let{direction:r}=n;r===`horizontal`?e=!0:t=!0});let n=0;R.forEach(e=>{n|=e}),e&&t?b(`intersection`,n):e?b(`horizontal`,n):t?b(`vertical`,n):y()}var de=new AbortController;function fe(){de.abort(),de=new AbortController;let e={capture:!0,signal:de.signal};z.size&&(I?(F.length>0&&L.forEach((t,n)=>{let{body:r}=n;t>0&&(r.addEventListener(`contextmenu`,V,e),r.addEventListener(`pointerleave`,B,e),r.addEventListener(`pointermove`,B,e))}),window.addEventListener(`pointerup`,V,e),window.addEventListener(`pointercancel`,V,e)):L.forEach((t,n)=>{let{body:r}=n;t>0&&(r.addEventListener(`pointerdown`,oe,e),r.addEventListener(`pointermove`,B,e))}))}function H(e,t){z.forEach(n=>{let{setResizeHandlerState:r}=n;r(e,F.includes(n),t)})}function pe(){let[e,n]=(0,t.useState)(0);return(0,t.useCallback)(()=>n(e=>e+1),[])}function U(e,t){if(!e)throw console.error(t),Error(t)}function W(e,t,n=i){return e.toFixed(n)===t.toFixed(n)?0:e>t?1:-1}function G(e,t,n=i){return W(e,t,n)===0}function K(e,t,n){return W(e,t,n)===0}function me(e,t,n){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++){let i=e[r],a=t[r];if(!K(i,a,n))return!1}return!0}function q({panelConstraints:e,panelIndex:t,size:n}){let r=e[t];U(r!=null,`Panel constraints not found for index ${t}`);let{collapsedSize:a=0,collapsible:o,maxSize:s=100,minSize:c=0}=r;if(W(n,c)<0)if(o){let e=(a+c)/2;n=W(n,e)<0?a:c}else n=c;return n=Math.min(s,n),n=parseFloat(n.toFixed(i)),n}function J({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:r,prevLayout:i,trigger:a}){if(K(e,0))return t;let o=[...t],[s,c]=r;U(s!=null,`Invalid first pivot index`),U(c!=null,`Invalid second pivot index`);let l=0;if(a===`keyboard`){{let r=e<0?c:s,i=n[r];U(i,`Panel constraints not found for index ${r}`);let{collapsedSize:a=0,collapsible:o,minSize:l=0}=i;if(o){let n=t[r];if(U(n!=null,`Previous layout not found for panel index ${r}`),K(n,a)){let t=l-n;W(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}{let r=e<0?s:c,i=n[r];U(i,`No panel constraints found for index ${r}`);let{collapsedSize:a=0,collapsible:o,minSize:l=0}=i;if(o){let n=t[r];if(U(n!=null,`Previous layout not found for panel index ${r}`),K(n,l)){let t=n-a;W(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}}{let r=e<0?1:-1,i=e<0?c:s,a=0;for(;;){let e=t[i];U(e!=null,`Previous layout not found for panel index ${i}`);let o=q({panelConstraints:n,panelIndex:i,size:100})-e;if(a+=o,i+=r,i<0||i>=n.length)break}let o=Math.min(Math.abs(e),Math.abs(a));e=e<0?0-o:o}{let r=e<0?s:c;for(;r>=0&&r<n.length;){let i=Math.abs(e)-Math.abs(l),a=t[r];U(a!=null,`Previous layout not found for panel index ${r}`);let s=a-i,c=q({panelConstraints:n,panelIndex:r,size:s});if(!K(a,c)&&(l+=a-c,o[r]=c,l.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3),void 0,{numeric:!0})>=0))break;e<0?r--:r++}}if(me(i,o))return i;{let r=e<0?c:s,i=t[r];U(i!=null,`Previous layout not found for panel index ${r}`);let a=i+l,u=q({panelConstraints:n,panelIndex:r,size:a});if(o[r]=u,!K(u,a)){let t=a-u,r=e<0?c:s;for(;r>=0&&r<n.length;){let i=o[r];U(i!=null,`Previous layout not found for panel index ${r}`);let a=i+t,s=q({panelConstraints:n,panelIndex:r,size:a});if(K(i,s)||(t-=s-i,o[r]=s),K(t,0))break;e>0?r--:r++}}}return K(o.reduce((e,t)=>t+e,0),100)?o:i}function he({layout:e,panelsArray:t,pivotIndices:n}){let r=0,i=100,a=0,o=0,s=n[0];return U(s!=null,`No pivot index found`),t.forEach((e,t)=>{let{constraints:n}=e,{maxSize:c=100,minSize:l=0}=n;t===s?(r=l,i=c):(a+=l,o+=c)}),{valueMax:Math.min(i,100-a),valueMin:Math.max(r,100-o),valueNow:e[s]}}function Y(e,t=document){return Array.from(t.querySelectorAll(`[${r.resizeHandleId}][data-panel-group-id="${e}"]`))}function ge(e,t,n=document){return Y(e,n).findIndex(e=>e.getAttribute(r.resizeHandleId)===t)??null}function _e(e,t,n){let r=ge(e,t,n);return r==null?[-1,-1]:[r,r+1]}function ve(e,t=document){return t instanceof HTMLElement&&t?.dataset?.panelGroupId==e?t:t.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`)||null}function ye(e,t=document){return t.querySelector(`[${r.resizeHandleId}="${e}"]`)||null}function be(e,t,n,r=document){let i=ye(t,r),a=Y(e,r),o=i?a.indexOf(i):-1;return[n[o]?.id??null,n[o+1]?.id??null]}function xe({committedValuesRef:e,eagerValuesRef:n,groupId:i,layout:o,panelDataArray:s,panelGroupElement:c,setLayout:l}){(0,t.useRef)({didWarnAboutMissingResizeHandle:!1}),a(()=>{if(!c)return;let e=Y(i,c);for(let t=0;t<s.length-1;t++){let{valueMax:n,valueMin:r,valueNow:i}=he({layout:o,panelsArray:s,pivotIndices:[t,t+1]}),a=e[t];if(a!=null){let e=s[t];U(e,`No panel data found for index "${t}"`),a.setAttribute(`aria-controls`,e.id),a.setAttribute(`aria-valuemax`,``+Math.round(n)),a.setAttribute(`aria-valuemin`,``+Math.round(r)),a.setAttribute(`aria-valuenow`,i==null?``:``+Math.round(i))}}return()=>{e.forEach((e,t)=>{e.removeAttribute(`aria-controls`),e.removeAttribute(`aria-valuemax`),e.removeAttribute(`aria-valuemin`),e.removeAttribute(`aria-valuenow`)})}},[i,o,s,c]),(0,t.useEffect)(()=>{if(!c)return;let e=n.current;U(e,`Eager values not found`);let{panelDataArray:t}=e;U(ve(i,c)!=null,`No group found for id "${i}"`);let a=Y(i,c);U(a,`No resize handles found for group id "${i}"`);let s=a.map(e=>{let n=e.getAttribute(r.resizeHandleId);U(n,`Resize handle element has no handle id attribute`);let[a,s]=be(i,n,t,c);if(a==null||s==null)return()=>{};let u=e=>{if(!e.defaultPrevented)switch(e.key){case`Enter`:{e.preventDefault();let r=t.findIndex(e=>e.id===a);if(r>=0){let e=t[r];U(e,`No panel data found for index ${r}`);let a=o[r],{collapsedSize:s=0,collapsible:u,minSize:d=0}=e.constraints;if(a!=null&&u){let e=J({delta:K(a,s)?d-s:s-a,initialLayout:o,panelConstraints:t.map(e=>e.constraints),pivotIndices:_e(i,n,c),prevLayout:o,trigger:`keyboard`});o!==e&&l(e)}}break}}};return e.addEventListener(`keydown`,u),()=>{e.removeEventListener(`keydown`,u)}});return()=>{s.forEach(e=>e())}},[c,e,n,i,o,s,l])}function Se(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function Ce(e,t){let n=e===`horizontal`,{x:r,y:i}=w(t);return n?r:i}function we(e,t,n,i,a){let o=n===`horizontal`,s=ye(t,a);U(s,`No resize handle element found for id "${t}"`);let c=s.getAttribute(r.groupId);U(c,`Resize handle element has no group id attribute`);let{initialCursorPosition:l}=i,u=Ce(n,e),d=ve(c,a);U(d,`No group element found for id "${c}"`);let f=d.getBoundingClientRect(),p=o?f.width:f.height;return(u-l)/p*100}function Te(e,t,n,r,i,a){if(x(e)){let t=n===`horizontal`,r=0;r=e.shiftKey?100:i??10;let a=0;switch(e.key){case`ArrowDown`:a=t?0:r;break;case`ArrowLeft`:a=t?-r:0;break;case`ArrowRight`:a=t?r:0;break;case`ArrowUp`:a=t?0:-r;break;case`End`:a=100;break;case`Home`:a=-100;break}return a}else return r==null?0:we(e,t,n,r,a)}function Ee({panelDataArray:e}){let t=Array(e.length),n=e.map(e=>e.constraints),r=0,i=100;for(let a=0;a<e.length;a++){let e=n[a];U(e,`Panel constraints not found for index ${a}`);let{defaultSize:o}=e;o!=null&&(r++,t[a]=o,i-=o)}for(let a=0;a<e.length;a++){let o=n[a];U(o,`Panel constraints not found for index ${a}`);let{defaultSize:s}=o;if(s!=null)continue;let c=e.length-r,l=i/c;r++,t[a]=l,i-=l}return t}function X(e,t,n){t.forEach((t,r)=>{let i=e[r];U(i,`Panel data not found for index ${r}`);let{callbacks:a,constraints:o,id:s}=i,{collapsedSize:c=0,collapsible:l}=o,u=n[s];if(u==null||t!==u){n[s]=t;let{onCollapse:e,onExpand:r,onResize:i}=a;i&&i(t,u),l&&(e||r)&&(r&&(u==null||G(u,c))&&!G(t,c)&&r(),e&&(u==null||!G(u,c))&&G(t,c)&&e())}})}function De(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!=t[n])return!1;return!0}function Oe({defaultSize:e,dragState:t,layout:n,panelData:r,panelIndex:i,precision:a=3}){let o=n[i],s;return s=o==null?e==null?`1`:e.toPrecision(a):r.length===1?`1`:o.toPrecision(a),{flexBasis:0,flexGrow:s,flexShrink:1,overflow:`hidden`,pointerEvents:t===null?void 0:`none`}}function ke(e,t=10){let n=null;return(...r)=>{n!==null&&clearTimeout(n),n=setTimeout(()=>{e(...r)},t)}}function Ae(e){try{if(typeof localStorage<`u`)e.getItem=e=>localStorage.getItem(e),e.setItem=(e,t)=>{localStorage.setItem(e,t)};else throw Error(`localStorage not supported in this environment`)}catch(t){console.error(t),e.getItem=()=>null,e.setItem=()=>{}}}function je(e){return`react-resizable-panels:${e}`}function Me(e){return e.map(e=>{let{constraints:t,id:n,idIsFromProps:r,order:i}=e;return r?n:i?`${i}:${JSON.stringify(t)}`:JSON.stringify(t)}).sort((e,t)=>e.localeCompare(t)).join(`,`)}function Ne(e,t){try{let n=je(e),r=t.getItem(n);if(r){let e=JSON.parse(r);if(typeof e==`object`&&e)return e}}catch{}return null}function Pe(e,t,n){return(Ne(e,n)??{})[Me(t)]??null}function Fe(e,t,n,r,i){let a=je(e),o=Me(t),s=Ne(e,i)??{};s[o]={expandToSizes:Object.fromEntries(n.entries()),layout:r};try{i.setItem(a,JSON.stringify(s))}catch(e){console.error(e)}}function Ie({layout:e,panelConstraints:t}){let n=[...e],r=n.reduce((e,t)=>e+t,0);if(n.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${n.map(e=>`${e}%`).join(`, `)}`);if(!K(r,100)&&n.length>0)for(let e=0;e<t.length;e++){let t=n[e];U(t!=null,`No layout data found for index ${e}`),n[e]=100/r*t}let i=0;for(let e=0;e<t.length;e++){let r=n[e];U(r!=null,`No layout data found for index ${e}`);let a=q({panelConstraints:t,panelIndex:e,size:r});r!=a&&(i+=r-a,n[e]=a)}if(!K(i,0))for(let e=0;e<t.length;e++){let r=n[e];U(r!=null,`No layout data found for index ${e}`);let a=r+i,o=q({panelConstraints:t,panelIndex:e,size:a});if(r!==o&&(i-=o-r,n[e]=o,K(i,0)))break}return n}var Le=100,Z={getItem:e=>(Ae(Z),Z.getItem(e)),setItem:(e,t)=>{Ae(Z),Z.setItem(e,t)}},Re={};function ze({autoSaveId:e=null,children:i,className:o=``,direction:s,forwardedRef:c,id:u=null,onLayout:d=null,keyboardResizeBy:f=null,storage:p=Z,style:m,tagName:h=`div`,...g}){let _=l(u),v=(0,t.useRef)(null),[y,b]=(0,t.useState)(null),[w,T]=(0,t.useState)([]),E=pe(),D=(0,t.useRef)({}),O=(0,t.useRef)(new Map),k=(0,t.useRef)(0),A=(0,t.useRef)({autoSaveId:e,direction:s,dragState:y,id:_,keyboardResizeBy:f,onLayout:d,storage:p}),j=(0,t.useRef)({layout:w,panelDataArray:[],panelDataArrayChanged:!1});(0,t.useRef)({didLogIdAndOrderWarning:!1,didLogPanelConstraintsWarning:!1,prevPanelIds:[]}),(0,t.useImperativeHandle)(c,()=>({getId:()=>A.current.id,getLayout:()=>{let{layout:e}=j.current;return e},setLayout:e=>{let{onLayout:t}=A.current,{layout:n,panelDataArray:r}=j.current,i=Ie({layout:e,panelConstraints:r.map(e=>e.constraints)});Se(n,i)||(T(i),j.current.layout=i,t&&t(i),X(r,i,D.current))}}),[]),a(()=>{A.current.autoSaveId=e,A.current.direction=s,A.current.dragState=y,A.current.id=_,A.current.onLayout=d,A.current.storage=p}),xe({committedValuesRef:A,eagerValuesRef:j,groupId:_,layout:w,panelDataArray:j.current.panelDataArray,setLayout:T,panelGroupElement:v.current}),(0,t.useEffect)(()=>{let{panelDataArray:t}=j.current;if(e){if(w.length===0||w.length!==t.length)return;let n=Re[e];n??(n=ke(Fe,Le),Re[e]=n);let r=[...t],i=new Map(O.current);n(e,r,i,w,p)}},[e,w,p]),(0,t.useEffect)(()=>{});let M=(0,t.useCallback)(e=>{let{onLayout:t}=A.current,{layout:n,panelDataArray:r}=j.current;if(e.constraints.collapsible){let i=r.map(e=>e.constraints),{collapsedSize:a=0,panelSize:o,pivotIndices:s}=$(r,e,n);if(U(o!=null,`Panel size not found for panel "${e.id}"`),!G(o,a)){O.current.set(e.id,o);let c=J({delta:Q(r,e)===r.length-1?o-a:a-o,initialLayout:n,panelConstraints:i,pivotIndices:s,prevLayout:n,trigger:`imperative-api`});De(n,c)||(T(c),j.current.layout=c,t&&t(c),X(r,c,D.current))}}},[]),N=(0,t.useCallback)((e,t)=>{let{onLayout:n}=A.current,{layout:r,panelDataArray:i}=j.current;if(e.constraints.collapsible){let a=i.map(e=>e.constraints),{collapsedSize:o=0,panelSize:s=0,minSize:c=0,pivotIndices:l}=$(i,e,r),u=t??c;if(G(s,o)){let t=O.current.get(e.id),o=t!=null&&t>=u?t:u,c=J({delta:Q(i,e)===i.length-1?s-o:o-s,initialLayout:r,panelConstraints:a,pivotIndices:l,prevLayout:r,trigger:`imperative-api`});De(r,c)||(T(c),j.current.layout=c,n&&n(c),X(i,c,D.current))}}},[]),P=(0,t.useCallback)(e=>{let{layout:t,panelDataArray:n}=j.current,{panelSize:r}=$(n,e,t);return U(r!=null,`Panel size not found for panel "${e.id}"`),r},[]),ie=(0,t.useCallback)((e,t)=>{let{panelDataArray:n}=j.current;return Oe({defaultSize:t,dragState:y,layout:w,panelData:n,panelIndex:Q(n,e)})},[y,w]),F=(0,t.useCallback)(e=>{let{layout:t,panelDataArray:n}=j.current,{collapsedSize:r=0,collapsible:i,panelSize:a}=$(n,e,t);return U(a!=null,`Panel size not found for panel "${e.id}"`),i===!0&&G(a,r)},[]),I=(0,t.useCallback)(e=>{let{layout:t,panelDataArray:n}=j.current,{collapsedSize:r=0,collapsible:i,panelSize:a}=$(n,e,t);return U(a!=null,`Panel size not found for panel "${e.id}"`),!i||W(a,r)>0},[]),L=(0,t.useCallback)(e=>{let{panelDataArray:t}=j.current;t.push(e),t.sort((e,t)=>{let n=e.order,r=t.order;return n==null&&r==null?0:n==null?-1:r==null?1:n-r}),j.current.panelDataArrayChanged=!0,E()},[E]);a(()=>{if(j.current.panelDataArrayChanged){j.current.panelDataArrayChanged=!1;let{autoSaveId:e,onLayout:t,storage:n}=A.current,{layout:r,panelDataArray:i}=j.current,a=null;if(e){let t=Pe(e,i,n);t&&(O.current=new Map(Object.entries(t.expandToSizes)),a=t.layout)}a??=Ee({panelDataArray:i});let o=Ie({layout:a,panelConstraints:i.map(e=>e.constraints)});Se(r,o)||(T(o),j.current.layout=o,t&&t(o),X(i,o,D.current))}}),a(()=>{let e=j.current;return()=>{e.layout=[]}},[]);let R=(0,t.useCallback)(e=>{let t=!1,n=v.current;return n&&window.getComputedStyle(n,null).getPropertyValue(`direction`)===`rtl`&&(t=!0),function(n){n.preventDefault();let r=v.current;if(!r)return()=>null;let{direction:i,dragState:a,id:o,keyboardResizeBy:s,onLayout:c}=A.current,{layout:l,panelDataArray:u}=j.current,{initialLayout:d}=a??{},f=_e(o,e,r),p=Te(n,e,i,a,s,r),m=i===`horizontal`;m&&t&&(p=-p);let h=u.map(e=>e.constraints),g=J({delta:p,initialLayout:d??l,panelConstraints:h,pivotIndices:f,prevLayout:l,trigger:x(n)?`keyboard`:`mouse-or-touch`}),_=!De(l,g);(S(n)||C(n))&&k.current!=p&&(k.current=p,!_&&p!==0?m?le(e,p<0?ee:te):le(e,p<0?ne:re):le(e,0)),_&&(T(g),j.current.layout=g,c&&c(g),X(u,g,D.current))}},[]),z=(0,t.useCallback)((e,t)=>{let{onLayout:n}=A.current,{layout:r,panelDataArray:i}=j.current,a=i.map(e=>e.constraints),{panelSize:o,pivotIndices:s}=$(i,e,r);U(o!=null,`Panel size not found for panel "${e.id}"`);let c=J({delta:Q(i,e)===i.length-1?o-t:t-o,initialLayout:r,panelConstraints:a,pivotIndices:s,prevLayout:r,trigger:`imperative-api`});De(r,c)||(T(c),j.current.layout=c,n&&n(c),X(i,c,D.current))},[]),ae=(0,t.useCallback)((e,t)=>{let{layout:n,panelDataArray:r}=j.current,{collapsedSize:i=0,collapsible:a}=t,{collapsedSize:o=0,collapsible:s,maxSize:c=100,minSize:l=0}=e.constraints,{panelSize:u}=$(r,e,n);u!=null&&(a&&s&&G(u,i)?G(i,o)||z(e,o):u<l?z(e,l):u>c&&z(e,c))},[z]),oe=(0,t.useCallback)((e,t)=>{let{direction:n}=A.current,{layout:r}=j.current;if(!v.current)return;let i=ye(e,v.current);U(i,`Drag handle element not found for id "${e}"`);let a=Ce(n,t);b({dragHandleId:e,dragHandleRect:i.getBoundingClientRect(),initialCursorPosition:a,initialLayout:r})},[]),B=(0,t.useCallback)(()=>{b(null)},[]),V=(0,t.useCallback)(e=>{let{panelDataArray:t}=j.current,n=Q(t,e);n>=0&&(t.splice(n,1),delete D.current[e.id],j.current.panelDataArrayChanged=!0,E())},[E]),se=(0,t.useMemo)(()=>({collapsePanel:M,direction:s,dragState:y,expandPanel:N,getPanelSize:P,getPanelStyle:ie,groupId:_,isPanelCollapsed:F,isPanelExpanded:I,reevaluatePanelConstraints:ae,registerPanel:L,registerResizeHandle:R,resizePanel:z,startDragging:oe,stopDragging:B,unregisterPanel:V,panelGroupElement:v.current}),[M,y,s,N,P,ie,_,F,I,ae,L,R,z,oe,B,V]),ce={display:`flex`,flexDirection:s===`horizontal`?`row`:`column`,height:`100%`,overflow:`hidden`,width:`100%`};return(0,t.createElement)(n.Provider,{value:se},(0,t.createElement)(h,{...g,children:i,className:o,id:u,ref:v,style:{...ce,...m},[r.group]:``,[r.groupDirection]:s,[r.groupId]:_}))}var Be=(0,t.forwardRef)((e,n)=>(0,t.createElement)(ze,{...e,forwardedRef:n}));ze.displayName=`PanelGroup`,Be.displayName=`forwardRef(PanelGroup)`;function Q(e,t){return e.findIndex(e=>e===t||e.id===t.id)}function $(e,t,n){let r=Q(e,t),i=r===e.length-1?[r-1,r]:[r,r+1],a=n[r];return{...t.constraints,panelSize:a,pivotIndices:i}}function Ve({disabled:e,handleId:n,resizeHandler:i,panelGroupElement:a}){(0,t.useEffect)(()=>{if(e||i==null||a==null)return;let t=ye(n,a);if(t==null)return;let o=e=>{if(!e.defaultPrevented)switch(e.key){case`ArrowDown`:case`ArrowLeft`:case`ArrowRight`:case`ArrowUp`:case`End`:case`Home`:e.preventDefault(),i(e);break;case`F6`:{e.preventDefault();let i=t.getAttribute(r.groupId);U(i,`No group element found for id "${i}"`);let o=Y(i,a),s=ge(i,n,a);U(s!==null,`No resize element found for id "${n}"`),o[e.shiftKey?s>0?s-1:o.length-1:s+1<o.length?s+1:0].focus();break}}};return t.addEventListener(`keydown`,o),()=>{t.removeEventListener(`keydown`,o)}},[a,e,n,i])}function He({children:e=null,className:i=``,disabled:o=!1,hitAreaMargins:s,id:c,onBlur:u,onClick:d,onDragging:f,onFocus:p,onPointerDown:m,onPointerUp:h,style:g={},tabIndex:_=0,tagName:v=`div`,...y}){let b=(0,t.useRef)(null),x=(0,t.useRef)({onClick:d,onDragging:f,onPointerDown:m,onPointerUp:h});(0,t.useEffect)(()=>{x.current.onClick=d,x.current.onDragging=f,x.current.onPointerDown=m,x.current.onPointerUp=h});let S=(0,t.useContext)(n);if(S===null)throw Error(`PanelResizeHandle components must be rendered within a PanelGroup container`);let{direction:C,groupId:w,registerResizeHandle:T,startDragging:E,stopDragging:D,panelGroupElement:O}=S,k=l(c),[A,j]=(0,t.useState)(`inactive`),[M,N]=(0,t.useState)(!1),[P,ee]=(0,t.useState)(null),te=(0,t.useRef)({state:A});a(()=>{te.current.state=A}),(0,t.useEffect)(()=>{if(o)ee(null);else{let e=T(k);ee(()=>e)}},[o,k,T]);let ne=s?.coarse??15,re=s?.fine??5;(0,t.useEffect)(()=>{if(o||P==null)return;let e=b.current;U(e,`Element ref not attached`);let t=!1;return ae(k,e,C,{coarse:ne,fine:re},(e,n,r)=>{if(!n){j(`inactive`);return}switch(e){case`down`:{j(`drag`),t=!1,U(r,`Expected event to be defined for "down" action`),E(k,r);let{onDragging:e,onPointerDown:n}=x.current;e?.(!0),n?.();break}case`move`:{let{state:e}=te.current;t=!0,e!==`drag`&&j(`hover`),U(r,`Expected event to be defined for "move" action`),P(r);break}case`up`:{j(`hover`),D();let{onClick:e,onDragging:n,onPointerUp:r}=x.current;n?.(!1),r?.(),t||e?.();break}}})},[ne,C,o,re,T,k,P,E,D]),Ve({disabled:o,handleId:k,resizeHandler:P,panelGroupElement:O});let ie={touchAction:`none`,userSelect:`none`};return(0,t.createElement)(v,{...y,children:e,className:i,id:c,onBlur:()=>{N(!1),u?.()},onFocus:()=>{N(!0),p?.()},ref:b,role:`separator`,style:{...ie,...g},tabIndex:_,[r.groupDirection]:C,[r.groupId]:w,[r.resizeHandle]:``,[r.resizeHandleActive]:A===`drag`?`pointer`:M?`keyboard`:void 0,[r.resizeHandleEnabled]:!o,[r.resizeHandleId]:k,[r.resizeHandleState]:A})}He.displayName=`PanelResizeHandle`,exports.Panel=d,exports.PanelGroup=Be,exports.PanelResizeHandle=He;

package/dist/index102.js

@@ -1,67 +1,33 @@
-import { Badge as e } from "./index5.js";
-import { Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i } from "./index30.js";
-import { Icons as a } from "./index41.js";
-import { useEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/Select/MultiSelectTags.tsx
-function d({ selectedOptions: d, maxTagCount: f = "responsive", onRemove: p, disabled: m, tagRender: h }) {
-	let g = s(null), [_, v] = c(d.length), [y, b] = c([]);
-	o(() => {
-		if (f === "responsive" && g.current) {
-			let e = g.current, t = e.offsetWidth - 60, n = 0, r = 0, i = Array.from(e.children);
-			for (let e = 0; e < i.length; e++) {
-				let a = i[e];
-				if (a.classList.contains("select-tag")) {
-					let e = a.offsetWidth + 4;
-					if (n + e <= t) n += e, r++;
-					else break;
-				}
-			}
-			r < d.length ? (v(Math.max(1, r - 1)), b(d.slice(Math.max(1, r - 1)))) : (v(d.length), b([]));
-		} else typeof f == "number" ? (v(Math.min(f, d.length)), b(d.slice(f))) : (v(d.length), b([]));
-	}, [d, f]);
-	let x = h || ((t, n) => /* @__PURE__ */ u(e, {
-		variant: "secondary",
-		className: "select-tag flex items-center gap-1 px-2 py-0.5 text-xs whitespace-nowrap",
-		children: [
-			t.icon && /* @__PURE__ */ l("span", {
-				className: "text-xs",
-				children: t.icon
-			}),
-			/* @__PURE__ */ l("span", {
-				className: "truncate max-w-[100px]",
-				children: t.label
-			}),
-			!m && /* @__PURE__ */ l(a.XIcon, {
-				className: "w-3 h-3 cursor-pointer hover:text-destructive",
-				onClick: (e) => {
-					e.stopPropagation(), n();
-				}
-			})
-		]
-	}, t.value));
-	return /* @__PURE__ */ u("div", {
-		ref: g,
-		className: "flex items-center gap-1 flex-wrap flex-1 min-w-0",
-		children: [d.slice(0, _).map((e) => x(e, () => p(e.value))), y.length > 0 && /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
-			asChild: !0,
-			children: /* @__PURE__ */ u(e, {
-				variant: "outline",
-				className: "cursor-help text-xs px-2 py-0.5",
-				children: ["+", y.length]
-			})
-		}), /* @__PURE__ */ l(n, {
-			side: "bottom",
-			className: "max-w-xs",
-			children: /* @__PURE__ */ l("div", {
-				className: "flex flex-col gap-1",
-				children: y.map((e) => /* @__PURE__ */ u("div", {
-					className: "flex items-center gap-2 text-xs",
-					children: [e.icon && /* @__PURE__ */ l("span", { children: e.icon }), /* @__PURE__ */ l("span", { children: e.label })]
-				}, e.value))
-			})
-		})] }) })]
+"use client";
+import { cn as e } from "./index3.js";
+import { Panel as t, PanelGroup as n, PanelResizeHandle as r } from "./index101.js";
+import { GripVerticalIcon as i } from "lucide-react";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/ui/resizable.tsx
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ a(n, {
+		"data-slot": "resizable-panel-group",
+		className: e("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", t),
+		...r
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ a(t, {
+		"data-slot": "resizable-panel",
+		...e
+	});
+}
+function c({ withHandle: t, className: n, ...o }) {
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "resizable-handle",
+		className: e("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", n),
+		...o,
+		children: t && /* @__PURE__ */ a("div", {
+			className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+			children: /* @__PURE__ */ a(i, { className: "size-2.5" })
+		})
 	});
 }
 //#endregion
-export { d as MultiSelectTags };
+export { c as ResizableHandle, s as ResizablePanel, o as ResizablePanelGroup };

package/dist/index103.cjs

@@ -1 +1 @@
-const e=require("./index6.cjs"),t=require("./index31.cjs"),n=require("./index42.cjs");let r=require("react"),i=require("react/jsx-runtime");function a({selectedOptions:a,maxTagCount:o=`responsive`,onRemove:s,disabled:c,tagRender:l}){let u=(0,r.useRef)(null),[d,f]=(0,r.useState)(a.length),[p,m]=(0,r.useState)([]);(0,r.useEffect)(()=>{if(o===`responsive`&&u.current){let e=u.current,t=e.offsetWidth-60,n=0,r=0,i=Array.from(e.children);for(let e=0;e<i.length;e++){let a=i[e];if(a.classList.contains(`select-tag`)){let e=a.offsetWidth+4;if(n+e<=t)n+=e,r++;else break}}r<a.length?(f(Math.max(1,r-1)),m(a.slice(Math.max(1,r-1)))):(f(a.length),m([]))}else typeof o==`number`?(f(Math.min(o,a.length)),m(a.slice(o))):(f(a.length),m([]))},[a,o]);let h=l||((t,r)=>(0,i.jsxs)(e.Badge,{variant:`secondary`,className:`select-tag flex items-center gap-1 px-2 py-0.5 text-xs whitespace-nowrap`,children:[t.icon&&(0,i.jsx)(`span`,{className:`text-xs`,children:t.icon}),(0,i.jsx)(`span`,{className:`truncate max-w-[100px]`,children:t.label}),!c&&(0,i.jsx)(n.Icons.XIcon,{className:`w-3 h-3 cursor-pointer hover:text-destructive`,onClick:e=>{e.stopPropagation(),r()}})]},t.value));return(0,i.jsxs)(`div`,{ref:u,className:`flex items-center gap-1 flex-wrap flex-1 min-w-0`,children:[a.slice(0,d).map(e=>h(e,()=>s(e.value))),p.length>0&&(0,i.jsx)(t.TooltipProvider,{children:(0,i.jsxs)(t.Tooltip,{children:[(0,i.jsx)(t.TooltipTrigger,{asChild:!0,children:(0,i.jsxs)(e.Badge,{variant:`outline`,className:`cursor-help text-xs px-2 py-0.5`,children:[`+`,p.length]})}),(0,i.jsx)(t.TooltipContent,{side:`bottom`,className:`max-w-xs`,children:(0,i.jsx)(`div`,{className:`flex flex-col gap-1`,children:p.map(e=>(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-xs`,children:[e.icon&&(0,i.jsx)(`span`,{children:e.icon}),(0,i.jsx)(`span`,{children:e.label})]},e.value))})})]})})]})}exports.MultiSelectTags=a;
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index102.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({className:e,...r}){return(0,a.jsx)(n.PanelGroup,{"data-slot":`resizable-panel-group`,className:t.cn(`flex h-full w-full data-[panel-group-direction=vertical]:flex-col`,e),...r})}function s({...e}){return(0,a.jsx)(n.Panel,{"data-slot":`resizable-panel`,...e})}function c({withHandle:e,className:i,...o}){return(0,a.jsx)(n.PanelResizeHandle,{"data-slot":`resizable-handle`,className:t.cn(`bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90`,i),...o,children:e&&(0,a.jsx)(`div`,{className:`bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border`,children:(0,a.jsx)(r.GripVerticalIcon,{className:`size-2.5`})})})}exports.ResizableHandle=c,exports.ResizablePanel=s,exports.ResizablePanelGroup=o;

package/dist/index103.js

@@ -1,151 +1,35 @@
-import { Popover as e, PopoverContent as t, PopoverTrigger as n } from "./index21.js";
-import { Icons as r } from "./index41.js";
-import { MultiSelectTags as i } from "./index102.js";
-import { useMemo as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { isNil as d } from "lodash-es";
-//#region src/Select/BaseSelect.tsx
-function f(e) {
-	return e.isMulti === !0;
+import { cn as e } from "./index3.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-scroll-area";
+//#region src/ui/scroll-area.tsx
+function i({ className: i, children: o, ...s }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "scroll-area",
+		className: e("relative", i),
+		...s,
+		children: [
+			/* @__PURE__ */ t(r.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+				children: o
+			}),
+			/* @__PURE__ */ t(a, {}),
+			/* @__PURE__ */ t(r.Corner, {})
+		]
+	});
 }
-function p(p) {
-	let { options: m, injectOptions: h = [], placeholder: g = "Chọn...", isClearable: _ = !0, isSearchable: v = !0, isLoading: y = !1, className: b = "", disabled: x = !1, onSearchTextChange: S, hasNextPage: C = !1, isFetchingNextPage: w = !1, fetchNextPage: T, maxTagCount: E = "responsive", tagRender: D, showSelectAll: O = !1 } = p, k = f(p), { value: A } = p, [j, M] = s(!1), [N, P] = s(""), F = o(null), I = a(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of h) e.set(t.value, t);
-		for (let t of m) e.set(t.value, t);
-		return Array.from(e.values());
-	}, [m, h]), L = (e) => {
-		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e.currentTarget;
-		n - t <= r + 50 && C && !w && T && T();
-	}, R = a(() => !v || !N || S ? I : I.filter((e) => e.label.toLowerCase().includes(N.toLowerCase())), [
-		I,
-		v,
-		N,
-		S
-	]), z = a(() => k && Array.isArray(A) ? A : d(A) ? [] : [A], [A, k]), B = (e) => {
-		if (!x) if (f(p)) {
-			let t = z.includes(e) ? z.filter((t) => t !== e) : [...z, e];
-			p.onChange && p.onChange(t);
-		} else p.onChange && p.onChange(e), M(!1);
-	}, V = (e) => {
-		x || (e.stopPropagation(), f(p) ? p.onChange && p.onChange([]) : p.onChange && p.onChange(null), P(""), S && S(""));
-	}, H = (e) => {
-		let t = e.target.value;
-		P(t), S && S(t);
-	}, U = a(() => I.filter((e) => z.includes(e.value)), [z, I]), W = a(() => z.length ? k ? I.filter((e) => z.includes(e.value)).map((e) => e.label).join(", ") : I.find((e) => e.value === z[0])?.label || "" : "", [
-		z,
-		I,
-		k
-	]);
-	return /* @__PURE__ */ u(e, {
-		open: j,
-		onOpenChange: x ? void 0 : M,
-		children: [/* @__PURE__ */ l(n, {
-			asChild: !0,
-			children: /* @__PURE__ */ u("button", {
-				type: "button",
-				className: `flex items-center w-full min-w-60 border rounded-md px-3 py-1.5 text-xs bg-white dark:bg-input/30 ${b} ${j ? "ring-2 ring-primary" : ""} ${x ? "bg-muted cursor-not-allowed opacity-60" : ""}`,
-				onClick: () => !x && M((e) => !e),
-				disabled: x,
-				children: [
-					k && z.length > 0 ? /* @__PURE__ */ l(i, {
-						selectedOptions: U,
-						maxTagCount: E,
-						onRemove: (e) => {
-							if (x || !f(p)) return;
-							let t = z.filter((t) => t !== e);
-							p.onChange && p.onChange(t);
-						},
-						disabled: x,
-						tagRender: D
-					}) : /* @__PURE__ */ l("span", {
-						className: "flex-1 truncate text-left text-xs",
-						children: W || /* @__PURE__ */ l("span", {
-							className: "text-muted-foreground",
-							children: g
-						})
-					}),
-					_ && z.length > 0 && !x && /* @__PURE__ */ l(r.XIcon, {
-						className: "w-3.5 h-3.5 ml-2 text-muted-foreground hover:text-destructive flex-shrink-0",
-						onClick: V
-					}),
-					/* @__PURE__ */ l(r.ChevronDownIcon, { className: "w-3.5 h-3.5 ml-2 text-muted-foreground flex-shrink-0" })
-				]
-			})
-		}), /* @__PURE__ */ u(t, {
-			className: "p-0 w-60",
-			align: "start",
-			children: [
-				v && !x && /* @__PURE__ */ u("div", {
-					className: "flex items-center px-2 py-1.5 border-b",
-					children: [/* @__PURE__ */ l(r.SearchIcon, { className: "w-4 h-4 mr-2 text-muted-foreground" }), /* @__PURE__ */ l("input", {
-						ref: F,
-						className: "w-full outline-none bg-transparent text-xs",
-						placeholder: "Tìm kiếm...",
-						value: N,
-						onChange: H,
-						autoFocus: !0,
-						disabled: x
-					})]
-				}),
-				k && O && !x && R.length > 0 && /* @__PURE__ */ u("div", {
-					className: "flex items-center px-3 py-2 border-b cursor-pointer hover:bg-accent text-xs font-medium",
-					onClick: () => {
-						if (!(x || !f(p))) if (z.length === R.length) p.onChange && p.onChange([]);
-						else {
-							let e = R.map((e) => e.value);
-							p.onChange && p.onChange(e);
-						}
-					},
-					children: [/* @__PURE__ */ l("span", {
-						className: "flex-1",
-						children: z.length === R.length ? "Bỏ chọn tất cả" : "Chọn tất cả"
-					}), /* @__PURE__ */ u("span", {
-						className: "text-muted-foreground text-xs",
-						children: [
-							"(",
-							z.length,
-							"/",
-							R.length,
-							")"
-						]
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "max-h-56 overflow-y-auto",
-					onScroll: L,
-					children: y && I.length === 0 ? /* @__PURE__ */ l("div", {
-						className: "p-3 text-center text-muted-foreground text-xs",
-						children: "Đang tải..."
-					}) : R.length === 0 ? /* @__PURE__ */ l("div", {
-						className: "p-3 text-center text-muted-foreground text-xs",
-						children: "Không có dữ liệu"
-					}) : /* @__PURE__ */ u(c, { children: [R.map((e) => /* @__PURE__ */ u("div", {
-						className: `flex items-center px-3 py-1.5 cursor-pointer hover:bg-accent text-xs ${z.includes(e.value) ? "bg-accent/50" : ""} ${x ? "pointer-events-none opacity-60" : ""}`,
-						onClick: () => B(e.value),
-						children: [
-							e.icon && /* @__PURE__ */ l("span", {
-								className: "mr-2",
-								children: e.icon
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "truncate flex-1 text-xs",
-								children: e.label
-							}),
-							k && /* @__PURE__ */ l("span", {
-								className: `ml-2 w-4 h-4 border rounded flex items-center justify-center ${z.includes(e.value) ? "bg-primary text-white" : "bg-white"}`,
-								children: z.includes(e.value) && /* @__PURE__ */ l(r.CheckIcon, { className: "w-3 h-3" })
-							}),
-							!k && z.includes(e.value) && /* @__PURE__ */ l(r.CheckIcon, { className: "w-3.5 h-3.5 ml-2 text-primary" })
-						]
-					}, e.value)), (w || C && R.length > 0) && /* @__PURE__ */ l("div", {
-						className: "p-3 text-center text-muted-foreground text-xs",
-						children: w ? "Đang tải thêm..." : ""
-					})] })
-				})
-			]
-		})]
+function a({ className: n, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ t(r.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: i,
+		className: e("flex touch-none p-px transition-colors select-none", i === "vertical" && "h-full w-2.5 border-l border-l-transparent", i === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", n),
+		...a,
+		children: /* @__PURE__ */ t(r.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-full"
+		})
 	});
 }
 //#endregion
-export { p as BaseSelect };
+export { i as ScrollArea, a as ScrollBar };

package/dist/index104.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs"),t=require("./index22.cjs"),n=require("./index42.cjs"),r=require("./index103.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("lodash-es");function s(e){return e.isMulti===!0}function c(e){let{options:c,injectOptions:l=[],placeholder:u=`Chọn...`,isClearable:d=!0,isSearchable:f=!0,isLoading:p=!1,className:m=``,disabled:h=!1,onSearchTextChange:g,hasNextPage:_=!1,isFetchingNextPage:v=!1,fetchNextPage:y,maxTagCount:b=`responsive`,tagRender:x,showSelectAll:S=!1}=e,C=s(e),{value:w}=e,[T,E]=(0,i.useState)(!1),[D,O]=(0,i.useState)(``),k=(0,i.useRef)(null),A=(0,i.useMemo)(()=>{let e=new Map;for(let t of l)e.set(t.value,t);for(let t of c)e.set(t.value,t);return Array.from(e.values())},[c,l]),j=e=>{let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;n-t<=r+50&&_&&!v&&y&&y()},M=(0,i.useMemo)(()=>!f||!D||g?A:A.filter(e=>e.label.toLowerCase().includes(D.toLowerCase())),[A,f,D,g]),N=(0,i.useMemo)(()=>C&&Array.isArray(w)?w:(0,o.isNil)(w)?[]:[w],[w,C]),P=t=>{if(!h)if(s(e)){let n=N.includes(t)?N.filter(e=>e!==t):[...N,t];e.onChange&&e.onChange(n)}else e.onChange&&e.onChange(t),E(!1)},F=t=>{h||(t.stopPropagation(),s(e)?e.onChange&&e.onChange([]):e.onChange&&e.onChange(null),O(``),g&&g(``))},I=e=>{let t=e.target.value;O(t),g&&g(t)},L=(0,i.useMemo)(()=>A.filter(e=>N.includes(e.value)),[N,A]),R=(0,i.useMemo)(()=>N.length?C?A.filter(e=>N.includes(e.value)).map(e=>e.label).join(`, `):A.find(e=>e.value===N[0])?.label||``:``,[N,A,C]);return(0,a.jsxs)(t.Popover,{open:T,onOpenChange:h?void 0:E,children:[(0,a.jsx)(t.PopoverTrigger,{asChild:!0,children:(0,a.jsxs)(`button`,{type:`button`,className:`flex items-center w-full min-w-60 border rounded-md px-3 py-1.5 text-xs bg-white dark:bg-input/30 ${m} ${T?`ring-2 ring-primary`:``} ${h?`bg-muted cursor-not-allowed opacity-60`:``}`,onClick:()=>!h&&E(e=>!e),disabled:h,children:[C&&N.length>0?(0,a.jsx)(r.MultiSelectTags,{selectedOptions:L,maxTagCount:b,onRemove:t=>{if(h||!s(e))return;let n=N.filter(e=>e!==t);e.onChange&&e.onChange(n)},disabled:h,tagRender:x}):(0,a.jsx)(`span`,{className:`flex-1 truncate text-left text-xs`,children:R||(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:u})}),d&&N.length>0&&!h&&(0,a.jsx)(n.Icons.XIcon,{className:`w-3.5 h-3.5 ml-2 text-muted-foreground hover:text-destructive flex-shrink-0`,onClick:F}),(0,a.jsx)(n.Icons.ChevronDownIcon,{className:`w-3.5 h-3.5 ml-2 text-muted-foreground flex-shrink-0`})]})}),(0,a.jsxs)(t.PopoverContent,{className:`p-0 w-60`,align:`start`,children:[f&&!h&&(0,a.jsxs)(`div`,{className:`flex items-center px-2 py-1.5 border-b`,children:[(0,a.jsx)(n.Icons.SearchIcon,{className:`w-4 h-4 mr-2 text-muted-foreground`}),(0,a.jsx)(`input`,{ref:k,className:`w-full outline-none bg-transparent text-xs`,placeholder:`Tìm kiếm...`,value:D,onChange:I,autoFocus:!0,disabled:h})]}),C&&S&&!h&&M.length>0&&(0,a.jsxs)(`div`,{className:`flex items-center px-3 py-2 border-b cursor-pointer hover:bg-accent text-xs font-medium`,onClick:()=>{if(!(h||!s(e)))if(N.length===M.length)e.onChange&&e.onChange([]);else{let t=M.map(e=>e.value);e.onChange&&e.onChange(t)}},children:[(0,a.jsx)(`span`,{className:`flex-1`,children:N.length===M.length?`Bỏ chọn tất cả`:`Chọn tất cả`}),(0,a.jsxs)(`span`,{className:`text-muted-foreground text-xs`,children:[`(`,N.length,`/`,M.length,`)`]})]}),(0,a.jsx)(`div`,{className:`max-h-56 overflow-y-auto`,onScroll:j,children:p&&A.length===0?(0,a.jsx)(`div`,{className:`p-3 text-center text-muted-foreground text-xs`,children:`Đang tải...`}):M.length===0?(0,a.jsx)(`div`,{className:`p-3 text-center text-muted-foreground text-xs`,children:`Không có dữ liệu`}):(0,a.jsxs)(a.Fragment,{children:[M.map(e=>(0,a.jsxs)(`div`,{className:`flex items-center px-3 py-1.5 cursor-pointer hover:bg-accent text-xs ${N.includes(e.value)?`bg-accent/50`:``} ${h?`pointer-events-none opacity-60`:``}`,onClick:()=>P(e.value),children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),(0,a.jsx)(`span`,{className:`truncate flex-1 text-xs`,children:e.label}),C&&(0,a.jsx)(`span`,{className:`ml-2 w-4 h-4 border rounded flex items-center justify-center ${N.includes(e.value)?`bg-primary text-white`:`bg-white`}`,children:N.includes(e.value)&&(0,a.jsx)(n.Icons.CheckIcon,{className:`w-3 h-3`})}),!C&&N.includes(e.value)&&(0,a.jsx)(n.Icons.CheckIcon,{className:`w-3.5 h-3.5 ml-2 text-primary`})]},e.value)),(v||_&&M.length>0)&&(0,a.jsx)(`div`,{className:`p-3 text-center text-muted-foreground text-xs`,children:v?`Đang tải thêm...`:``})]})})]})]})}exports.BaseSelect=c;
+const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-scroll-area");i=e.__toESM(i,1);function a({className:e,children:n,...a}){return(0,r.jsxs)(i.Root,{"data-slot":`scroll-area`,className:t.cn(`relative`,e),...a,children:[(0,r.jsx)(i.Viewport,{"data-slot":`scroll-area-viewport`,className:`focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1`,children:n}),(0,r.jsx)(o,{}),(0,r.jsx)(i.Corner,{})]})}function o({className:e,orientation:n=`vertical`,...a}){return(0,r.jsx)(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:n,className:t.cn(`flex touch-none p-px transition-colors select-none`,n===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,n===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,r.jsx)(i.ScrollAreaThumb,{"data-slot":`scroll-area-thumb`,className:`bg-border relative flex-1 rounded-full`})})}exports.ScrollArea=a,exports.ScrollBar=o;

package/dist/index104.js

@@ -1,23 +1,97 @@
-import { FormBase as e } from "./index42.js";
-import { useFormSelect as t } from "./index101.js";
-import { BaseSelect as n } from "./index103.js";
+import { cn as e } from "./index3.js";
+import { CheckIcon as t, ChevronDownIcon as n, ChevronUpIcon as r } from "lucide-react";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/Form/FormSelect/FormSelect.tsx
-function i(i) {
-	let { baseSelectProps: a, isMulti: o, createChangeHandlers: s } = t(i);
-	return /* @__PURE__ */ r(e, {
-		...i,
-		children: (e) => {
-			let { onChangeMulti: t, onChangeSingle: i } = s(e);
-			return /* @__PURE__ */ r(n, {
-				...a,
-				isMulti: o,
-				value: e.value,
-				onChange: o ? t : i
-			});
-		}
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-select";
+//#region src/ui/select.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "select",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Group, {
+		"data-slot": "select-group",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ i(o.Value, {
+		"data-slot": "select-value",
+		...e
+	});
+}
+function u({ className: t, size: r = "default", children: s, ...c }) {
+	return /* @__PURE__ */ a(o.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": r,
+		className: e("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...c,
+		children: [s, /* @__PURE__ */ i(o.Icon, {
+			asChild: !0,
+			children: /* @__PURE__ */ i(n, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function d({ className: t, children: n, position: r = "item-aligned", align: s = "center", ...c }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
+		"data-slot": "select-content",
+		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", t),
+		position: r,
+		align: s,
+		...c,
+		children: [
+			/* @__PURE__ */ i(h, {}),
+			/* @__PURE__ */ i(o.Viewport, {
+				className: e("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children: n
+			}),
+			/* @__PURE__ */ i(g, {})
+		]
+	}) });
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Label, {
+		"data-slot": "select-label",
+		className: e("text-muted-foreground px-2 py-1.5 text-xs", t),
+		...n
+	});
+}
+function p({ className: n, children: r, ...s }) {
+	return /* @__PURE__ */ a(o.Item, {
+		"data-slot": "select-item",
+		className: e("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", n),
+		...s,
+		children: [/* @__PURE__ */ i("span", {
+			"data-slot": "select-item-indicator",
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "size-4" }) })
+		}), /* @__PURE__ */ i(o.ItemText, { children: r })]
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Separator, {
+		"data-slot": "select-separator",
+		className: e("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: e("flex cursor-default items-center justify-center py-1", t),
+		...n,
+		children: /* @__PURE__ */ i(r, { className: "size-4" })
+	});
+}
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ i(o.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: e("flex cursor-default items-center justify-center py-1", t),
+		...r,
+		children: /* @__PURE__ */ i(n, { className: "size-4" })
 	});
 }
 //#endregion
-export { i as FormSelect };
+export { s as Select, d as SelectContent, c as SelectGroup, p as SelectItem, f as SelectLabel, g as SelectScrollDownButton, h as SelectScrollUpButton, m as SelectSeparator, u as SelectTrigger, l as SelectValue };

package/dist/index105.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs"),t=require("./index43.cjs"),n=require("./index102.cjs"),r=require("./index104.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){let{baseSelectProps:i,isMulti:o,createChangeHandlers:s}=n.useFormSelect(e);return(0,a.jsx)(t.FormBase,{...e,children:e=>{let{onChangeMulti:t,onChangeSingle:n}=s(e);return(0,a.jsx)(r.BaseSelect,{...i,isMulti:o,value:e.value,onChange:o?t:n})}})}exports.FormSelect=o;
+const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-select");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`select`,...e})}function s({...e}){return(0,i.jsx)(a.Group,{"data-slot":`select-group`,...e})}function c({...e}){return(0,i.jsx)(a.Value,{"data-slot":`select-value`,...e})}function l({className:e,size:r=`default`,children:o,...s}){return(0,i.jsxs)(a.Trigger,{"data-slot":`select-trigger`,"data-size":r,className:t.cn(`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(a.Icon,{asChild:!0,children:(0,i.jsx)(n.ChevronDownIcon,{className:`size-4 opacity-50`})})]})}function u({className:e,children:n,position:r=`item-aligned`,align:o=`center`,...s}){return(0,i.jsx)(a.Portal,{children:(0,i.jsxs)(a.Content,{"data-slot":`select-content`,className:t.cn(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md`,r===`popper`&&`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,e),position:r,align:o,...s,children:[(0,i.jsx)(m,{}),(0,i.jsx)(a.Viewport,{className:t.cn(`p-1`,r===`popper`&&`h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1`),children:n}),(0,i.jsx)(h,{})]})})}function d({className:e,...n}){return(0,i.jsx)(a.Label,{"data-slot":`select-label`,className:t.cn(`text-muted-foreground px-2 py-1.5 text-xs`,e),...n})}function f({className:e,children:r,...o}){return(0,i.jsxs)(a.Item,{"data-slot":`select-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,e),...o,children:[(0,i.jsx)(`span`,{"data-slot":`select-item-indicator`,className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CheckIcon,{className:`size-4`})})}),(0,i.jsx)(a.ItemText,{children:r})]})}function p({className:e,...n}){return(0,i.jsx)(a.Separator,{"data-slot":`select-separator`,className:t.cn(`bg-border pointer-events-none -mx-1 my-1 h-px`,e),...n})}function m({className:e,...r}){return(0,i.jsx)(a.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:t.cn(`flex cursor-default items-center justify-center py-1`,e),...r,children:(0,i.jsx)(n.ChevronUpIcon,{className:`size-4`})})}function h({className:e,...r}){return(0,i.jsx)(a.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:t.cn(`flex cursor-default items-center justify-center py-1`,e),...r,children:(0,i.jsx)(n.ChevronDownIcon,{className:`size-4`})})}exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;

package/dist/index105.js

@@ -1,27 +1,82 @@
-//#region src/Form/FormRadioGroup/useFormRadio.ts
-function e(e) {
-	let { rules: r = {}, value: i, onChange: a, showEmpty: o } = e, s = r.required !== void 0 && r.required !== !1;
-	return {
-		isRequired: s,
-		processedRules: n(r, s),
-		parseValue: (e) => i === void 0 ? o ? "" : String(e ?? "") : String(i),
-		emitChange: (e, t) => {
-			e(t), a?.(t);
-		},
-		sizeClasses: t
-	};
-}
-var t = {
-	large: "size-5",
-	middle: "size-4",
-	small: "size-3.5"
-};
-function n(e = {}, t) {
-	let n = { ...e };
-	return t && typeof n.required != "string" && typeof n.required != "object" ? n.required = "Trường này là bắt buộc" : typeof n.required == "object" && !n.required.message && (n.required = {
-		...n.required,
-		message: "Trường này là bắt buộc"
-	}), n;
+"use client";
+import { cn as e } from "./index3.js";
+import { XIcon as t } from "lucide-react";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-dialog";
+//#region src/ui/sheet.tsx
+function a({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "sheet",
+		...e
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "sheet-trigger",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(i.Close, {
+		"data-slot": "sheet-close",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ n(i.Portal, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", t),
+		...r
+	});
+}
+function u({ className: a, children: o, side: s = "right", ...u }) {
+	return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ r(i.Content, {
+		"data-slot": "sheet-content",
+		className: e("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
+		...u,
+		children: [o, /* @__PURE__ */ r(i.Close, {
+			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+			children: [/* @__PURE__ */ n(t, { className: "size-4" }), /* @__PURE__ */ n("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "sheet-header",
+		className: e("flex flex-col gap-1.5 p-4", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "sheet-footer",
+		className: e("mt-auto flex flex-col gap-2 p-4", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Title, {
+		"data-slot": "sheet-title",
+		className: e("text-foreground font-semibold", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Description, {
+		"data-slot": "sheet-description",
+		className: e("text-muted-foreground text-sm", t),
+		...r
+	});
 }
 //#endregion
-export { e as useFormRadio };
+export { a as Sheet, s as SheetClose, u as SheetContent, m as SheetDescription, f as SheetFooter, d as SheetHeader, p as SheetTitle, o as SheetTrigger };