admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{chart-BWnVf-d-.js → chart-D2EGeI3b.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t,t as n}from"./chunk-QTnfLwEv.js";import{n as r,t as i}from"./react-dom-Bz4cALsF.js";import{Er as a,hr as o,mr as s,t as c,yr as l}from"./example-BIrQab7K.js";import{n as u,r as d,s as f}from"./index-Cz4UGUT2.js";import{t as p}from"./props-table-BR-KjRNe.js";import{t as m}from"./smart-card-B4P_C0nk.js";import{$ as h,$n as g,$r as _,$t as v,A as y,An as b,Ar as x,At as S,B as C,Bn as w,Br as T,Bt as E,C as D,Cn as O,Ct as ee,D as te,Dn as ne,Dr as k,Dt as re,E as ie,En as ae,Et as oe,F as se,Fn as ce,Fr as A,Ft as le,G as ue,Gn as de,Gt as fe,H as pe,Hn as j,Ht as me,I as he,In as ge,Ir as _e,It as ve,J as ye,Jn as be,Jr as xe,Jt as Se,K as Ce,Kn as we,Kr as Te,Kt as Ee,L as De,Ln as Oe,Lr as ke,Lt as Ae,M as je,Mn as Me,Mr as Ne,Mt as Pe,N as Fe,Nn as Ie,Nr as Le,Nt as Re,O as ze,On as Be,Or as Ve,Ot as He,P as Ue,Pn as We,Pr as Ge,Pt as Ke,Q as qe,Qn as Je,Qr as M,Qt as Ye,R as Xe,Rn as Ze,Rr as Qe,Rt as $e,S as et,Sn as tt,St as nt,T as rt,Tn as it,Tr as at,Tt as ot,U as st,Un as ct,Ut as lt,V as ut,Vn as dt,Vr as ft,Vt as pt,W as mt,Wn as ht,Wt as gt,X as _t,Xn as vt,Xr as yt,Xt as bt,Y as xt,Yn as St,Yr as N,Yt as Ct,Z as wt,Zn as Tt,Zr as P,Zt as Et,_ as Dt,_n as Ot,_r as kt,_t as At,a as jt,an as Mt,ar as Nt,at as Pt,b as Ft,bn as It,br as F,bt as Lt,c as Rt,cn as zt,cr as Bt,ct as Vt,d as Ht,dn as Ut,dr as Wt,dt as Gt,en as Kt,er as qt,et as Jt,f as Yt,fn as Xt,fr as I,ft as Zt,g as Qt,gn as L,gr as $t,gt as en,h as tn,hn as nn,hr as rn,ht as an,i as on,in as sn,ir as cn,it as ln,j as un,jn as R,jr as z,jt as B,k as dn,kn as fn,kr as pn,kt as mn,l as hn,ln as gn,lr as _n,lt as vn,m as yn,mn as bn,mr as xn,mt as Sn,n as Cn,nn as wn,nr as Tn,nt as En,o as Dn,on as On,or as kn,ot as An,p as jn,pn as Mn,pr as Nn,pt as Pn,q as Fn,qn as In,qr as Ln,qt as Rn,r as zn,rn as Bn,rr as Vn,rt as Hn,s as Un,sn as Wn,sr as Gn,st as Kn,t as qn,tn as Jn,tr as Yn,tt as V,u as Xn,un as Zn,ur as Qn,ut as $n,v as er,vn as tr,vr as nr,vt as rr,w as ir,wn as ar,wt as or,x as sr,xn as cr,xr as H,xt as lr,y as ur,yn as dr,yr as U,yt as fr,z as pr,zn as mr,zr as hr,zt as gr}from"./AreaChart-DUe3j5uB.js";var _r=Math.cos,vr=Math.sin,yr=Math.sqrt,br=Math.PI;br/2;var xr=2*br,Sr={draw(e,t){let n=yr(t/br);e.moveTo(n,0),e.arc(0,0,n,0,xr)}},Cr={draw(e,t){let n=yr(t/5)/2;e.moveTo(-3*n,-n),e.lineTo(-n,-n),e.lineTo(-n,-3*n),e.lineTo(n,-3*n),e.lineTo(n,-n),e.lineTo(3*n,-n),e.lineTo(3*n,n),e.lineTo(n,n),e.lineTo(n,3*n),e.lineTo(-n,3*n),e.lineTo(-n,n),e.lineTo(-3*n,n),e.closePath()}},wr=yr(1/3),Tr=wr*2,Er={draw(e,t){let n=yr(t/Tr),r=n*wr;e.moveTo(0,-n),e.lineTo(r,0),e.lineTo(0,n),e.lineTo(-r,0),e.closePath()}},Dr={draw(e,t){let n=yr(t),r=-n/2;e.rect(r,r,n,n)}},Or=.8908130915292852,kr=vr(br/10)/vr(7*br/10),Ar=vr(xr/10)*kr,jr=-_r(xr/10)*kr,Mr={draw(e,t){let n=yr(t*Or),r=Ar*n,i=jr*n;e.moveTo(0,-n),e.lineTo(r,i);for(let t=1;t<5;++t){let a=xr*t/5,o=_r(a),s=vr(a);e.lineTo(s*n,-o*n),e.lineTo(o*r-s*i,s*r+o*i)}e.closePath()}},Nr=yr(3),Pr={draw(e,t){let n=-yr(t/(Nr*3));e.moveTo(0,n*2),e.lineTo(-Nr*n,-n),e.lineTo(Nr*n,-n),e.closePath()}},W=-.5,G=yr(3)/2,Fr=1/yr(12),Ir=(Fr/2+1)*3,Lr={draw(e,t){let n=yr(t/Ir),r=n/2,i=n*Fr,a=r,o=n*Fr+n,s=-a,c=o;e.moveTo(r,i),e.lineTo(a,o),e.lineTo(s,c),e.lineTo(W*r-G*i,G*r+W*i),e.lineTo(W*a-G*o,G*a+W*o),e.lineTo(W*s-G*c,G*s+W*c),e.lineTo(W*r+G*i,W*i-G*r),e.lineTo(W*a+G*o,W*o-G*a),e.lineTo(W*s+G*c,W*c-G*s),e.closePath()}};function Rr(e,t){let n=null,r=Te(i);e=typeof e==`function`?e:Ln(e||Sr),t=typeof t==`function`?t:Ln(t===void 0?64:+t);function i(){let i;if(n||=i=r(),e.apply(this,arguments).draw(n,+t.apply(this,arguments)),i)return n=null,i+``||null}return i.type=function(t){return arguments.length?(e=typeof t==`function`?t:Ln(t),i):e},i.size=function(e){return arguments.length?(t=typeof e==`function`?e:Ln(+e),i):t},i.context=function(e){return arguments.length?(n=e??null,i):n},i}var K=t(r()),zr=[`type`,`size`,`sizeType`];function Br(){return Br=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Br.apply(null,arguments)}function Vr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Hr(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Vr(Object(n),!0).forEach(function(t){Ur(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Vr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Ur(e,t,n){return(t=Wr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wr(e){var t=Gr(e,`string`);return typeof t==`symbol`?t:t+``}function Gr(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Kr(e,t){if(e==null)return{};var n,r,i=qr(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function qr(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var Jr={symbolCircle:Sr,symbolCross:Cr,symbolDiamond:Er,symbolSquare:Dr,symbolStar:Mr,symbolTriangle:Pr,symbolWye:Lr},Yr=Math.PI/180,Xr=e=>Jr[`symbol${Qe(e)}`]||Sr,Zr=(e,t,n)=>{if(t===`area`)return e;switch(n){case`cross`:return 5*e*e/9;case`diamond`:return .5*e*e/Math.sqrt(3);case`square`:return e*e;case`star`:var r=18*Yr;return 1.25*e*e*(Math.tan(r)-Math.tan(r*2)*Math.tan(r)**2);case`triangle`:return Math.sqrt(3)*e*e/4;case`wye`:return(21-10*Math.sqrt(3))*e*e/8;default:return Math.PI*e*e/4}},Qr=(e,t)=>{Jr[`symbol${Qe(e)}`]=t},$r=e=>{var{type:t=`circle`,size:n=64,sizeType:r=`area`}=e,i=Hr(Hr({},Kr(e,zr)),{},{type:t,size:n,sizeType:r}),a=`circle`;typeof t==`string`&&(a=t);var o=()=>{var e=Xr(a),t=Rr().type(e).size(Zr(n,r,a))();if(t!==null)return t},{className:s,cx:c,cy:l}=i,u=P(i);return A(c)&&A(l)&&A(n)?K.createElement(`path`,Br({},u,{className:d(`recharts-symbols`,s),transform:`translate(${c}, ${l})`,d:o()})):null};$r.registerSymbol=Qr;function ei(){return ei=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ei.apply(null,arguments)}function ti(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ni(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ti(Object(n),!0).forEach(function(t){ri(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ti(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function ri(e,t,n){return(t=ii(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ii(e){var t=ai(e,`string`);return typeof t==`symbol`?t:t+``}function ai(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var oi=32,si={align:`center`,iconSize:14,inactiveColor:`#ccc`,layout:`horizontal`,verticalAlign:`middle`,labelStyle:{}};function ci(e){if(typeof e==`object`&&e&&`strokeDasharray`in e)return String(e.strokeDasharray)}function li(e){var{data:t,iconType:n,inactiveColor:r}=e,i=oi/2,a=oi/6,o=oi/3,s=t.inactive?r:t.color,c=n??t.type;if(c===`none`)return null;if(c===`plainline`)return K.createElement(`line`,{strokeWidth:4,fill:`none`,stroke:s,strokeDasharray:ci(t.payload),x1:0,y1:i,x2:oi,y2:i,className:`recharts-legend-icon`});if(c===`line`)return K.createElement(`path`,{strokeWidth:4,fill:`none`,stroke:s,d:`M0,${i}h${o}
+import{n as e,r as t,t as n}from"./chunk-QTnfLwEv.js";import{n as r,t as i}from"./react-dom-Bz4cALsF.js";import{Dr as a,Er as o,Rr as s,jr as c,t as l}from"./example-Cz_880po.js";import{n as u,r as d,s as f}from"./index-BQIv1ffM.js";import{t as p}from"./props-table-2pIZzGC-.js";import{t as m}from"./smart-card-Dhu_1A_u.js";import{$ as h,$n as g,$r as _,$t as v,A as y,An as b,Ar as x,At as S,B as C,Bn as w,Br as T,Bt as E,C as D,Cn as O,Ct as ee,D as te,Dn as ne,Dr as k,Dt as re,E as ie,En as ae,Et as oe,F as se,Fn as ce,Fr as A,Ft as le,G as ue,Gn as de,Gt as fe,H as pe,Hn as j,Ht as me,I as he,In as ge,Ir as _e,It as ve,J as ye,Jn as be,Jr as xe,Jt as Se,K as Ce,Kn as we,Kr as Te,Kt as Ee,L as De,Ln as Oe,Lr as ke,Lt as Ae,M as je,Mn as Me,Mr as Ne,Mt as Pe,N as Fe,Nn as Ie,Nr as Le,Nt as Re,O as ze,On as Be,Or as Ve,Ot as He,P as Ue,Pn as We,Pr as Ge,Pt as Ke,Q as qe,Qn as Je,Qr as M,Qt as Ye,R as Xe,Rn as Ze,Rr as Qe,Rt as $e,S as et,Sn as tt,St as nt,T as rt,Tn as it,Tr as at,Tt as ot,U as st,Un as ct,Ut as lt,V as ut,Vn as dt,Vr as ft,Vt as pt,W as mt,Wn as ht,Wt as gt,X as _t,Xn as vt,Xr as yt,Xt as bt,Y as xt,Yn as St,Yr as N,Yt as Ct,Z as wt,Zn as Tt,Zr as P,Zt as Et,_ as Dt,_n as Ot,_r as kt,_t as At,a as jt,an as Mt,ar as Nt,at as Pt,b as Ft,bn as It,br as F,bt as Lt,c as Rt,cn as zt,cr as Bt,ct as Vt,d as Ht,dn as Ut,dr as Wt,dt as Gt,en as Kt,er as qt,et as Jt,f as Yt,fn as Xt,fr as I,ft as Zt,g as Qt,gn as L,gr as $t,gt as en,h as tn,hn as nn,hr as rn,ht as an,i as on,in as sn,ir as cn,it as ln,j as un,jn as R,jr as z,jt as B,k as dn,kn as fn,kr as pn,kt as mn,l as hn,ln as gn,lr as _n,lt as vn,m as yn,mn as bn,mr as xn,mt as Sn,n as Cn,nn as wn,nr as Tn,nt as En,o as Dn,on as On,or as kn,ot as An,p as jn,pn as Mn,pr as Nn,pt as Pn,q as Fn,qn as In,qr as Ln,qt as Rn,r as zn,rn as Bn,rr as Vn,rt as Hn,s as Un,sn as Wn,sr as Gn,st as Kn,t as qn,tn as Jn,tr as Yn,tt as V,u as Xn,un as Zn,ur as Qn,ut as $n,v as er,vn as tr,vr as nr,vt as rr,w as ir,wn as ar,wt as or,x as sr,xn as cr,xr as H,xt as lr,y as ur,yn as dr,yr as U,yt as fr,z as pr,zn as mr,zr as hr,zt as gr}from"./AreaChart-BkAbL-UV.js";var _r=Math.cos,vr=Math.sin,yr=Math.sqrt,br=Math.PI;br/2;var xr=2*br,Sr={draw(e,t){let n=yr(t/br);e.moveTo(n,0),e.arc(0,0,n,0,xr)}},Cr={draw(e,t){let n=yr(t/5)/2;e.moveTo(-3*n,-n),e.lineTo(-n,-n),e.lineTo(-n,-3*n),e.lineTo(n,-3*n),e.lineTo(n,-n),e.lineTo(3*n,-n),e.lineTo(3*n,n),e.lineTo(n,n),e.lineTo(n,3*n),e.lineTo(-n,3*n),e.lineTo(-n,n),e.lineTo(-3*n,n),e.closePath()}},wr=yr(1/3),Tr=wr*2,Er={draw(e,t){let n=yr(t/Tr),r=n*wr;e.moveTo(0,-n),e.lineTo(r,0),e.lineTo(0,n),e.lineTo(-r,0),e.closePath()}},Dr={draw(e,t){let n=yr(t),r=-n/2;e.rect(r,r,n,n)}},Or=.8908130915292852,kr=vr(br/10)/vr(7*br/10),Ar=vr(xr/10)*kr,jr=-_r(xr/10)*kr,Mr={draw(e,t){let n=yr(t*Or),r=Ar*n,i=jr*n;e.moveTo(0,-n),e.lineTo(r,i);for(let t=1;t<5;++t){let a=xr*t/5,o=_r(a),s=vr(a);e.lineTo(s*n,-o*n),e.lineTo(o*r-s*i,s*r+o*i)}e.closePath()}},Nr=yr(3),Pr={draw(e,t){let n=-yr(t/(Nr*3));e.moveTo(0,n*2),e.lineTo(-Nr*n,-n),e.lineTo(Nr*n,-n),e.closePath()}},W=-.5,G=yr(3)/2,Fr=1/yr(12),Ir=(Fr/2+1)*3,Lr={draw(e,t){let n=yr(t/Ir),r=n/2,i=n*Fr,a=r,o=n*Fr+n,s=-a,c=o;e.moveTo(r,i),e.lineTo(a,o),e.lineTo(s,c),e.lineTo(W*r-G*i,G*r+W*i),e.lineTo(W*a-G*o,G*a+W*o),e.lineTo(W*s-G*c,G*s+W*c),e.lineTo(W*r+G*i,W*i-G*r),e.lineTo(W*a+G*o,W*o-G*a),e.lineTo(W*s+G*c,W*c-G*s),e.closePath()}};function Rr(e,t){let n=null,r=Te(i);e=typeof e==`function`?e:Ln(e||Sr),t=typeof t==`function`?t:Ln(t===void 0?64:+t);function i(){let i;if(n||=i=r(),e.apply(this,arguments).draw(n,+t.apply(this,arguments)),i)return n=null,i+``||null}return i.type=function(t){return arguments.length?(e=typeof t==`function`?t:Ln(t),i):e},i.size=function(e){return arguments.length?(t=typeof e==`function`?e:Ln(+e),i):t},i.context=function(e){return arguments.length?(n=e??null,i):n},i}var K=t(r()),zr=[`type`,`size`,`sizeType`];function Br(){return Br=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Br.apply(null,arguments)}function Vr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Hr(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Vr(Object(n),!0).forEach(function(t){Ur(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Vr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Ur(e,t,n){return(t=Wr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wr(e){var t=Gr(e,`string`);return typeof t==`symbol`?t:t+``}function Gr(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Kr(e,t){if(e==null)return{};var n,r,i=qr(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function qr(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var Jr={symbolCircle:Sr,symbolCross:Cr,symbolDiamond:Er,symbolSquare:Dr,symbolStar:Mr,symbolTriangle:Pr,symbolWye:Lr},Yr=Math.PI/180,Xr=e=>Jr[`symbol${Qe(e)}`]||Sr,Zr=(e,t,n)=>{if(t===`area`)return e;switch(n){case`cross`:return 5*e*e/9;case`diamond`:return .5*e*e/Math.sqrt(3);case`square`:return e*e;case`star`:var r=18*Yr;return 1.25*e*e*(Math.tan(r)-Math.tan(r*2)*Math.tan(r)**2);case`triangle`:return Math.sqrt(3)*e*e/4;case`wye`:return(21-10*Math.sqrt(3))*e*e/8;default:return Math.PI*e*e/4}},Qr=(e,t)=>{Jr[`symbol${Qe(e)}`]=t},$r=e=>{var{type:t=`circle`,size:n=64,sizeType:r=`area`}=e,i=Hr(Hr({},Kr(e,zr)),{},{type:t,size:n,sizeType:r}),a=`circle`;typeof t==`string`&&(a=t);var o=()=>{var e=Xr(a),t=Rr().type(e).size(Zr(n,r,a))();if(t!==null)return t},{className:s,cx:c,cy:l}=i,u=P(i);return A(c)&&A(l)&&A(n)?K.createElement(`path`,Br({},u,{className:d(`recharts-symbols`,s),transform:`translate(${c}, ${l})`,d:o()})):null};$r.registerSymbol=Qr;function ei(){return ei=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ei.apply(null,arguments)}function ti(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ni(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ti(Object(n),!0).forEach(function(t){ri(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ti(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function ri(e,t,n){return(t=ii(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ii(e){var t=ai(e,`string`);return typeof t==`symbol`?t:t+``}function ai(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var oi=32,si={align:`center`,iconSize:14,inactiveColor:`#ccc`,layout:`horizontal`,verticalAlign:`middle`,labelStyle:{}};function ci(e){if(typeof e==`object`&&e&&`strokeDasharray`in e)return String(e.strokeDasharray)}function li(e){var{data:t,iconType:n,inactiveColor:r}=e,i=oi/2,a=oi/6,o=oi/3,s=t.inactive?r:t.color,c=n??t.type;if(c===`none`)return null;if(c===`plainline`)return K.createElement(`line`,{strokeWidth:4,fill:`none`,stroke:s,strokeDasharray:ci(t.payload),x1:0,y1:i,x2:oi,y2:i,className:`recharts-legend-icon`});if(c===`line`)return K.createElement(`path`,{strokeWidth:4,fill:`none`,stroke:s,d:`M0,${i}h${o}
             A${a},${a},0,1,1,${2*o},${i}
             H${oi}M${2*o},${i}
             A${a},${a},0,1,1,${o},${i}`,className:`recharts-legend-icon`});if(c===`rect`)return K.createElement(`path`,{stroke:`none`,fill:s,d:`M0,${oi/8}h${oi}v${oi*3/4}h${-oi}z`,className:`recharts-legend-icon`});if(K.isValidElement(t.legendIcon)){var l=ni({},t);return delete l.legendIcon,K.cloneElement(t.legendIcon,l)}return K.createElement($r,{fill:s,cx:i,cy:i,size:oi,sizeType:`diameter`,type:c})}function ui(e){var{payload:t,iconSize:n,layout:r,formatter:i,inactiveColor:a,iconType:o,labelStyle:s}=e,c={x:0,y:0,width:oi,height:oi},l={display:r===`horizontal`?`inline-block`:`block`,marginRight:10},u={display:`inline-block`,verticalAlign:`middle`,marginRight:4};return t.map((t,r)=>{var f=t.formatter||i,p=d({"recharts-legend-item":!0,[`legend-item-${r}`]:!0,inactive:t.inactive});if(t.type===`none`)return null;var m=typeof s==`object`?ni({},s):{};m.color=t.inactive?a:m.color||t.color;var h=f?f(t.value,t,r):t.value;return K.createElement(`li`,ei({className:p,style:l,key:`legend-item-${r}`},Ve(e,t,r)),K.createElement(yt,{width:n,height:n,viewBox:c,style:u,"aria-label":`${t.value} legend icon`},K.createElement(li,{data:t,iconType:o,inactiveColor:a})),K.createElement(`span`,{className:`recharts-legend-item-text`,style:m},h))})}var di=e=>{var t=k(e,si),{payload:n,layout:r,align:i}=t;if(!n||!n.length)return null;var a={padding:0,margin:0,textAlign:r===`horizontal`?i:`left`};return K.createElement(`ul`,{className:`recharts-default-legend`,style:a},K.createElement(ui,ei({},t,{payload:n})))},fi=n((e=>{function t(e,t){let n=new Map;for(let r=0;r<e.length;r++){let i=e[r],a=t(i,r,e);n.has(a)||n.set(a,i)}return Array.from(n.values())}e.uniqBy=t})),pi=n((e=>{function t(e,t){return function(...n){return e.apply(this,n.slice(0,t))}}e.ary=t})),mi=n((e=>{function t(e){return e}e.identity=t})),hi=n((e=>{var t=t();function n(e){return function(n){return t.get(n,e)}}e.property=n})),gi=n((e=>{function t(e){return e==null||typeof e!=`object`&&typeof e!=`function`}e.isPrimitive=t})),_i=n((e=>{function t(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}e.isTypedArray=t})),vi=n((e=>{function t(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}e.getSymbols=t})),yi=n((e=>{function t(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}e.getTag=t})),bi=n((e=>{e.argumentsTag=`[object Arguments]`,e.arrayBufferTag=`[object ArrayBuffer]`,e.arrayTag=`[object Array]`,e.bigInt64ArrayTag=`[object BigInt64Array]`,e.bigUint64ArrayTag=`[object BigUint64Array]`,e.booleanTag=`[object Boolean]`,e.dataViewTag=`[object DataView]`,e.dateTag=`[object Date]`,e.errorTag=`[object Error]`,e.float32ArrayTag=`[object Float32Array]`,e.float64ArrayTag=`[object Float64Array]`,e.functionTag=`[object Function]`,e.int16ArrayTag=`[object Int16Array]`,e.int32ArrayTag=`[object Int32Array]`,e.int8ArrayTag=`[object Int8Array]`,e.mapTag=`[object Map]`,e.numberTag=`[object Number]`,e.objectTag=`[object Object]`,e.regexpTag=`[object RegExp]`,e.setTag=`[object Set]`,e.stringTag=`[object String]`,e.symbolTag=`[object Symbol]`,e.uint16ArrayTag=`[object Uint16Array]`,e.uint32ArrayTag=`[object Uint32Array]`,e.uint8ArrayTag=`[object Uint8Array]`,e.uint8ClampedArrayTag=`[object Uint8ClampedArray]`})),xi=n((e=>{e.globalThis_=typeof globalThis==`object`&&globalThis||typeof window==`object`&&window||typeof self==`object`&&self||typeof global==`object`&&global||(function(){return this})()||Function(`return this`)()})),Si=n((e=>{var t=xi();function n(e){return t.globalThis_.Buffer!==void 0&&t.globalThis_.Buffer.isBuffer(e)}e.isBuffer=n})),Ci=n((e=>{var t=gi(),n=_i(),r=vi(),i=yi(),a=bi(),o=Si();function s(e,t){return c(e,void 0,e,new Map,t)}function c(e,r,i,a=new Map,s=void 0){let d=s?.(e,r,i,a);if(d!==void 0)return d;if(t.isPrimitive(e))return e;if(a.has(e))return a.get(e);if(Array.isArray(e)){let t=Array(e.length);a.set(e,t);for(let n=0;n<e.length;n++)t[n]=c(e[n],n,i,a,s);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;a.set(e,t);for(let[n,r]of e)t.set(n,c(r,n,i,a,s));return t}if(e instanceof Set){let t=new Set;a.set(e,t);for(let n of e)t.add(c(n,void 0,i,a,s));return t}if(o.isBuffer(e))return e.subarray();if(n.isTypedArray(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);a.set(e,t);for(let n=0;n<e.length;n++)t[n]=c(e[n],n,i,a,s);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return a.set(e,t),l(t,e,i,a,s),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return a.set(e,t),l(t,e,i,a,s),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return a.set(e,t),l(t,e,i,a,s),t}if(e instanceof Error){let t=structuredClone(e);return a.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,t.constructor=e.constructor,l(t,e,i,a,s),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return a.set(e,t),l(t,e,i,a,s),t}if(e instanceof Number){let t=new Number(e.valueOf());return a.set(e,t),l(t,e,i,a,s),t}if(e instanceof String){let t=new String(e.valueOf());return a.set(e,t),l(t,e,i,a,s),t}if(typeof e==`object`&&u(e)){let t=Object.create(Object.getPrototypeOf(e));return a.set(e,t),l(t,e,i,a,s),t}return e}function l(e,t,n=e,i,a){let o=[...Object.keys(t),...r.getSymbols(t)];for(let r=0;r<o.length;r++){let s=o[r],l=Object.getOwnPropertyDescriptor(e,s);(l==null||l.writable)&&(e[s]=c(t[s],s,n,i,a))}}function u(e){switch(i.getTag(e)){case a.argumentsTag:case a.arrayTag:case a.arrayBufferTag:case a.dataViewTag:case a.booleanTag:case a.dateTag:case a.float32ArrayTag:case a.float64ArrayTag:case a.int8ArrayTag:case a.int16ArrayTag:case a.int32ArrayTag:case a.mapTag:case a.numberTag:case a.objectTag:case a.regexpTag:case a.setTag:case a.stringTag:case a.symbolTag:case a.uint8ArrayTag:case a.uint8ClampedArrayTag:case a.uint16ArrayTag:case a.uint32ArrayTag:return!0;default:return!1}}e.cloneDeepWith=s,e.cloneDeepWithImpl=c,e.copyProperties=l})),wi=n((e=>{var t=Ci();function n(e){return t.cloneDeepWithImpl(e,void 0,e,new Map,void 0)}e.cloneDeep=n})),Ti=n((e=>{var t=gi(),n=n();at();var r=r();function i(e,t,n){return typeof n==`function`?a(e,t,function e(t,r,i,o,s,c){let l=n(t,r,i,o,s,c);return l===void 0?a(t,r,e,c):!!l},new Map):i(e,t,()=>void 0)}function a(e,t,i,s){if(t===e)return!0;switch(typeof t){case`object`:return o(e,t,i,s);case`function`:return Object.keys(t).length>0?a(e,{...t},i,s):n.isEqualsSameValueZero(e,t);default:return r.isObject(e)?typeof t==`string`?t===``:!0:n.isEqualsSameValueZero(e,t)}}function o(e,n,r,i){if(n==null)return!0;if(Array.isArray(n))return c(e,n,r,i);if(n instanceof Map)return s(e,n,r,i);if(n instanceof Set)return l(e,n,r,i);let a=Object.keys(n);if(e==null||t.isPrimitive(e))return a.length===0;if(a.length===0)return!0;if(i?.has(n))return i.get(n)===e;i?.set(n,e);try{for(let o=0;o<a.length;o++){let s=a[o];if(!t.isPrimitive(e)&&!(s in e)||n[s]===void 0&&e[s]!==void 0||n[s]===null&&e[s]!==null||!r(e[s],n[s],s,e,n,i))return!1}return!0}finally{i?.delete(n)}}function s(e,t,n,r){if(t.size===0)return!0;if(!(e instanceof Map))return!1;for(let[i,a]of t.entries())if(n(e.get(i),a,i,e,t,r)===!1)return!1;return!0}function c(e,t,n,r){if(t.length===0)return!0;if(!Array.isArray(e))return!1;let i=new Set;for(let a=0;a<t.length;a++){let o=t[a],s=!1;for(let c=0;c<e.length;c++){if(i.has(c))continue;let l=e[c],u=!1;if(n(l,o,a,e,t,r)&&(u=!0),u){i.add(c),s=!0;break}}if(!s)return!1}return!0}function l(e,t,n,r){return t.size===0?!0:e instanceof Set?c([...e],[...t],n,r):!1}e.isMatchWith=i})),Ei=n((e=>{var t=Ti();function n(e,n){return t.isMatchWith(e,n,()=>void 0)}e.isMatch=n})),Di=n((e=>{var t=wi(),n=Ei();function r(e){return e=t.cloneDeep(e),t=>n.isMatch(t,e)}e.matches=r})),Oi=n((e=>{var t=yi(),n=bi(),r=Ci();function i(e,i){return r.cloneDeepWith(e,(a,o,s,c)=>{let l=i?.(a,o,s,c);if(l!==void 0)return l;if(typeof e==`object`){if(t.getTag(e)===`[object Object]`&&typeof e.constructor!=`function`){let t={};return c.set(e,t),r.copyProperties(t,e,s,c),t}switch(Object.prototype.toString.call(e)){case n.numberTag:case n.stringTag:case n.booleanTag:{let t=new e.constructor(e?.valueOf());return r.copyProperties(t,e),t}case n.argumentsTag:{let t={};return r.copyProperties(t,e),t.length=e.length,t[Symbol.iterator]=e[Symbol.iterator],t}default:return}}})}e.cloneDeepWith=i})),ki=n((e=>{var t=Oi();function n(e){return t.cloneDeepWith(e)}e.cloneDeep=n})),Ai=n((e=>{var t=yi();function n(e){return typeof e==`object`&&!!e&&t.getTag(e)===`[object Arguments]`}e.isArguments=n})),ji=n((e=>{var t=t(),n=n(),r=r(),i=Ai();function a(e,a){let o;if(o=Array.isArray(a)?a:typeof a==`string`&&t.isDeepKey(a)&&e?.[a]==null?n.toPath(a):[a],o.length===0)return!1;let s=e;for(let e=0;e<o.length;e++){let t=o[e];if((s==null||!Object.hasOwn(s,t))&&!((Array.isArray(s)||i.isArguments(s))&&r.isIndex(t)&&t<s.length))return!1;s=s[t]}return!0}e.has=a})),Mi=n((e=>{var t=t(),n=n(),r=Ei(),i=ki(),a=ji();function o(e,o){switch(typeof e){case`object`:Object.is(e?.valueOf(),-0)&&(e=`-0`);break;case`number`:e=t.toKey(e);break}return o=i.cloneDeep(o),function(t){let i=n.get(t,e);return i===void 0?a.has(t,e):o===void 0?i===void 0:r.isMatch(i,o)}}e.matchesProperty=o})),Ni=n((e=>{var t=mi(),n=hi(),r=Di(),i=Mi();function a(e){if(e==null)return t.identity;switch(typeof e){case`function`:return e;case`object`:return Array.isArray(e)&&e.length===2?i.matchesProperty(e[0],e[1]):r.matches(e);case`string`:case`symbol`:case`number`:return n.property(e)}}e.iteratee=a})),Pi=n((e=>{function t(e){return typeof e==`object`&&!!e}e.isObjectLike=t})),Fi=n((e=>{var t=t(),n=Pi();function r(e){return n.isObjectLike(e)&&t.isArrayLike(e)}e.isArrayLikeObject=r})),Ii=n((e=>{var t=fi(),n=pi(),r=mi(),i=Ni(),a=Fi();function o(e,o=r.identity){return a.isArrayLikeObject(e)?t.uniqBy(Array.from(e),n.ary(i.iteratee(o),1)):[]}e.uniqBy=o})),Li=t(n(((e,t)=>{t.exports=Ii().uniqBy}))());function Ri(e,t,n){return t===!0?(0,Li.default)(e,n):typeof t==`function`?(0,Li.default)(e,t):e}function zi(){return H(kt)}var Bi=1;function Vi(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],[t,n]=(0,K.useState)({height:0,left:0,top:0,width:0});return[t,(0,K.useCallback)(e=>{if(e!=null){var r=e.getBoundingClientRect(),i={height:r.height,left:r.left,top:r.top,width:r.width};(Math.abs(i.height-t.height)>Bi||Math.abs(i.left-t.left)>Bi||Math.abs(i.top-t.top)>Bi||Math.abs(i.width-t.width)>Bi)&&n({height:i.height,left:i.left,top:i.top,width:i.width})}},[t.width,t.height,t.top,t.left,...e])]}var Hi=t(i()),Ui=[`contextPayload`];function Wi(){return Wi=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Wi.apply(null,arguments)}function Gi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ki(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Gi(Object(n),!0).forEach(function(t){qi(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function qi(e,t,n){return(t=Ji(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ji(e){var t=Yi(e,`string`);return typeof t==`symbol`?t:t+``}function Yi(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Xi(e,t){if(e==null)return{};var n,r,i=Zi(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Zi(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function Qi(e){return e.value}function $i(e){var{contextPayload:t}=e,n=Xi(e,Ui),r=Ri(t,e.payloadUniqBy,Qi),i=Ki(Ki({},n),{},{payload:r});return K.isValidElement(e.content)?K.cloneElement(e.content,i):typeof e.content==`function`?K.createElement(e.content,i):K.createElement(di,i)}function ea(e,t,n,r,i,a){var{layout:o,align:s,verticalAlign:c}=t,l,u;return(!e||(e.left===void 0||e.left===null)&&(e.right===void 0||e.right===null))&&(l=s===`center`&&o===`vertical`?{left:((r||0)-a.width)/2}:s===`right`?{right:n&&n.right||0}:{left:n&&n.left||0}),(!e||(e.top===void 0||e.top===null)&&(e.bottom===void 0||e.bottom===null))&&(u=c===`middle`?{top:((i||0)-a.height)/2}:c===`bottom`?{bottom:n&&n.bottom||0}:{top:n&&n.top||0}),Ki(Ki({},l),u)}function ta(e){var t=F();return(0,K.useEffect)(()=>{t(w(e))},[t,e]),null}function na(e){var t=F();return(0,K.useEffect)(()=>(t(dt(e)),()=>{t(dt({width:0,height:0}))}),[t,e]),null}function ra(e,t,n,r){return e===`vertical`&&t!=null?{height:t}:e===`horizontal`?{width:n||r}:null}var ia={align:`center`,iconSize:14,inactiveColor:`#ccc`,itemSorter:`value`,layout:`horizontal`,verticalAlign:`bottom`};function aa(e){var t=k(e,ia),n=zi(),r=xe(),i=In(),{width:a,height:o,wrapperStyle:s,portal:c}=t,[l,u]=Vi([n]),d=we(),f=ht();if(d==null||f==null)return null;var p=d-(i?.left||0)-(i?.right||0),m=ra(t.layout,o,a,p),h=c?s:Ki(Ki({position:`absolute`,width:m?.width||a||`auto`,height:m?.height||o||`auto`},ea(s,t,i,d,f,l)),s),g=c??r;return g==null||n==null?null:(0,Hi.createPortal)(K.createElement(`div`,{className:`recharts-legend-wrapper`,style:h,ref:u},K.createElement(ta,{layout:t.layout,align:t.align,verticalAlign:t.verticalAlign,itemSorter:t.itemSorter}),!c&&K.createElement(na,{width:l.width,height:l.height}),K.createElement($i,Wi({},t,m,{margin:i,chartWidth:d,chartHeight:f,contextPayload:n}))),g)}var oa=K.memo(aa,mr);oa.displayName=`Legend`;var sa=t(nr());function ca(){return ca=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ca.apply(null,arguments)}function la(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ua(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?la(Object(n),!0).forEach(function(t){da(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):la(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function da(e,t,n){return(t=fa(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fa(e){var t=pa(e,`string`);return typeof t==`symbol`?t:t+``}function pa(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function ma(e){return Array.isArray(e)&&Ge(e[0])&&Ge(e[1])?e.join(` ~ `):e}var ha={separator:` : `,contentStyle:{margin:0,padding:10,backgroundColor:`#fff`,border:`1px solid #ccc`,whiteSpace:`nowrap`},itemStyle:{display:`block`,paddingTop:4,paddingBottom:4,color:`#000`},labelStyle:{},accessibilityLayer:!1};function ga(e,t){return t==null?e:(0,sa.default)(e,t)}var _a=e=>{var{separator:t=ha.separator,contentStyle:n,itemStyle:r,labelStyle:i=ha.labelStyle,payload:a,formatter:o,itemSorter:s,wrapperClassName:c,labelClassName:l,label:u,labelFormatter:f,accessibilityLayer:p=ha.accessibilityLayer}=e,m=()=>{if(a&&a.length){var e={padding:0,margin:0},n=ga(a,s).map((e,n)=>{if(!e||e.type===`none`)return null;var i=e.formatter||o||ma,{value:s,name:c}=e,l=s,u=c;if(i){var d=i(s,c,e,n,a);if(Array.isArray(d))[l,u]=d;else if(d!=null)l=d;else return null}var f=ua(ua({},ha.itemStyle),{},{color:e.color||ha.itemStyle.color},r);return K.createElement(`li`,{className:`recharts-tooltip-item`,key:`tooltip-item-${n}`,style:f},Ge(u)?K.createElement(`span`,{className:`recharts-tooltip-item-name`},u):null,Ge(u)?K.createElement(`span`,{className:`recharts-tooltip-item-separator`},t):null,K.createElement(`span`,{className:`recharts-tooltip-item-value`},l),K.createElement(`span`,{className:`recharts-tooltip-item-unit`},e.unit||``))});return K.createElement(`ul`,{className:`recharts-tooltip-item-list`,style:e},n)}return null},h=ua(ua({},ha.contentStyle),n),g=ua({margin:0},i),_=!Le(u),v=_?u:``,y=d(`recharts-default-tooltip`,c),b=d(`recharts-tooltip-label`,l);_&&f&&a!=null&&(v=f(u,a));var x=p?{role:`status`,"aria-live":`assertive`}:{};return K.createElement(`div`,ca({className:y,style:h},x),K.createElement(`p`,{className:b,style:g},K.isValidElement(v)?v:`${v}`),m())},va=`recharts-tooltip-wrapper`,ya={visibility:`hidden`};function ba(e){var{coordinate:t,translateX:n,translateY:r}=e;return d(va,{[`${va}-right`]:A(n)&&t&&A(t.x)&&n>=t.x,[`${va}-left`]:A(n)&&t&&A(t.x)&&n<t.x,[`${va}-bottom`]:A(r)&&t&&A(t.y)&&r>=t.y,[`${va}-top`]:A(r)&&t&&A(t.y)&&r<t.y})}function xa(e){var{allowEscapeViewBox:t,coordinate:n,key:r,offset:i,position:a,reverseDirection:o,tooltipDimension:s,viewBox:c,viewBoxDimension:l}=e;if(a&&A(a[r]))return a[r];var u=n[r]-s-(i>0?i:0),d=n[r]+i;if(t[r])return o[r]?u:d;var f=c[r];return f==null?0:o[r]?Math.max(u<f?d:u,f):l==null?0:d+s>f+l?Math.max(u,f):Math.max(d,f)}function Sa(e){var{translateX:t,translateY:n,useTranslate3d:r}=e;return{transform:r?`translate3d(${t}px, ${n}px, 0)`:`translate(${t}px, ${n}px)`}}function Ca(e){var{allowEscapeViewBox:t,coordinate:n,offsetTop:r,offsetLeft:i,position:a,reverseDirection:o,tooltipBox:s,useTranslate3d:c,viewBox:l}=e,u,d,f;return s.height>0&&s.width>0&&n?(d=xa({allowEscapeViewBox:t,coordinate:n,key:`x`,offset:i,position:a,reverseDirection:o,tooltipDimension:s.width,viewBox:l,viewBoxDimension:l.width}),f=xa({allowEscapeViewBox:t,coordinate:n,key:`y`,offset:r,position:a,reverseDirection:o,tooltipDimension:s.height,viewBox:l,viewBoxDimension:l.height}),u=Sa({translateX:d,translateY:f,useTranslate3d:c})):u=ya,{cssProperties:u,cssClasses:ba({translateX:d,translateY:f,coordinate:n})}}function wa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ta(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?wa(Object(n),!0).forEach(function(t){Ea(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wa(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Ea(e,t,n){return(t=Da(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Da(e){var t=Oa(e,`string`);return typeof t==`symbol`?t:t+``}function Oa(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function ka(e){if(!(e.prefersReducedMotion&&e.isAnimationActive===`auto`)&&e.isAnimationActive&&e.active)return`transform ${e.animationDuration}ms ${e.animationEasing}`}function Aa(e){var t=Oe(),[n,r]=K.useState(()=>({dismissed:!1,dismissedAtCoordinate:{x:0,y:0}}));K.useEffect(()=>{var t=t=>{t.key===`Escape`&&r({dismissed:!0,dismissedAtCoordinate:{x:e.coordinate?.x??0,y:e.coordinate?.y??0}})};return document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e.coordinate?.x,e.coordinate?.y]),n.dismissed&&((e.coordinate?.x??0)!==n.dismissedAtCoordinate.x||(e.coordinate?.y??0)!==n.dismissedAtCoordinate.y)&&r(Ta(Ta({},n),{},{dismissed:!1}));var{cssClasses:i,cssProperties:a}=Ca({allowEscapeViewBox:e.allowEscapeViewBox,coordinate:e.coordinate,offsetLeft:typeof e.offset==`number`?e.offset:e.offset.x,offsetTop:typeof e.offset==`number`?e.offset:e.offset.y,position:e.position,reverseDirection:e.reverseDirection,tooltipBox:{height:e.lastBoundingBox.height,width:e.lastBoundingBox.width},useTranslate3d:e.useTranslate3d,viewBox:e.viewBox}),o=Ta(Ta({},e.hasPortalFromProps?{}:Ta(Ta({transition:ka({prefersReducedMotion:t,isAnimationActive:e.isAnimationActive,active:e.active,animationDuration:e.animationDuration,animationEasing:e.animationEasing})},a),{},{pointerEvents:`none`,position:`absolute`,top:0,left:0})),{},{visibility:!n.dismissed&&e.active&&e.hasPayload?`visible`:`hidden`},e.wrapperStyle);return K.createElement(`div`,{xmlns:`http://www.w3.org/1999/xhtml`,tabIndex:-1,className:i,style:o,ref:e.innerRef},e.children)}var ja=K.memo(Aa),Ma=[`x`,`y`,`top`,`left`,`width`,`height`,`className`];function Na(){return Na=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Na.apply(null,arguments)}function Pa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Fa(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Pa(Object(n),!0).forEach(function(t){Ia(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pa(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Ia(e,t,n){return(t=La(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function La(e){var t=Ra(e,`string`);return typeof t==`symbol`?t:t+``}function Ra(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function za(e,t){if(e==null)return{};var n,r,i=Ba(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Ba(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var Va=(e,t,n,r,i,a)=>`M${e},${i}v${r}M${a},${t}h${n}`,Ha=e=>{var{x:t=0,y:n=0,top:r=0,left:i=0,width:a=0,height:o=0,className:s}=e,c=za(e,Ma),l=Fa({x:t,y:n,top:r,left:i,width:a,height:o},c);return!A(t)||!A(n)||!A(a)||!A(o)||!A(r)||!A(i)?null:K.createElement(`path`,Na({},P(l),{className:d(`recharts-cross`,s),d:Va(t,n,a,o,r,i)}))};function Ua(e,t,n,r){var i=r/2;return{stroke:`none`,fill:`#ccc`,x:e===`horizontal`?t.x-i:n.left+.5,y:e===`horizontal`?n.top+.5:t.y-i,width:e===`horizontal`?r:n.width-1,height:e===`horizontal`?n.height-1:r}}var Wa=[`radius`],Ga=[`radius`],Ka,qa,Ja,Ya,Xa,Za,Qa,$a,eo,to;function no(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ro(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?no(Object(n),!0).forEach(function(t){io(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):no(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function io(e,t,n){return(t=ao(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ao(e){var t=oo(e,`string`);return typeof t==`symbol`?t:t+``}function oo(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function so(){return so=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},so.apply(null,arguments)}function co(e,t){if(e==null)return{};var n,r,i=lo(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function lo(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function uo(e,t){return t||=e.slice(0),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var fo=(e,t,n,r,i)=>{var a=hr(n),o=hr(r),s=Math.min(Math.abs(a)/2,Math.abs(o)/2),c=o>=0?1:-1,l=a>=0?1:-1,u=+(o>=0&&a>=0||o<0&&a<0),d;if(s>0&&Array.isArray(i)){for(var f=[0,0,0,0],p=0,m=4;p<m;p++){var h=i[p]??0;f[p]=h>s?s:h}d=T(Ka||=uo([`M`,`,`,``]),e,t+c*f[0]),f[0]>0&&(d+=T(qa||=uo([`A `,`,`,`,0,0,`,`,`,`,`,``]),f[0],f[0],u,e+l*f[0],t)),d+=T(Ja||=uo([`L `,`,`,``]),e+n-l*f[1],t),f[1]>0&&(d+=T(Ya||=uo([`A `,`,`,`,0,0,`,`,
@@ -34,7 +34,7 @@ ${n.map(([e,n])=>{let r=n.theme?.[t]??n.color;return r?`  --color-${e}: ${r};`:n
 `)}
 }
 `).join(`
-`)}}):null}var $m=rs;function eh({active:e,payload:t,className:n,indicator:r=`dot`,hideLabel:i=!1,hideIndicator:o=!1,label:s,labelFormatter:c,labelClassName:l,formatter:d,color:f,nameKey:p,labelKey:m}){let{config:h}=Xm(),g=K.useMemo(()=>{if(i||!t?.length)return null;let[e]=t,n=rh(h,e,`${m??e?.dataKey??e?.name??`value`}`),r=!m&&typeof s==`string`?h[s]?.label??s:n?.label;return c?(0,$.jsx)(a,{tag:`div`,size:`xs`,weight:`medium`,className:u(`chart--tooltip-label`,l),children:c(r,t)}):r?(0,$.jsx)(a,{tag:`div`,size:`xs`,weight:`medium`,className:u(`chart--tooltip-label`,l),children:r}):null},[s,c,t,i,l,h,m]);if(!e||!t?.length)return null;let _=t.length===1&&r!==`dot`;return(0,$.jsxs)(`div`,{className:u(`chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 [font-size:var(--text-xs)] text-popover-foreground shadow-xl`,n),children:[!_&&g,(0,$.jsx)(`div`,{className:`grid gap-1.5`,children:t.filter(e=>e.type!==`none`).map((e,t)=>{let n=rh(h,e,`${p??e.name??e.dataKey??`value`}`),i=typeof e.payload?.fill==`string`?e.payload.fill:void 0,s=f??i??e.color??e.fill;return(0,$.jsx)(`div`,{className:u(`chart--tooltip-item flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground`,r===`dot`&&`items-center`),children:d&&e.value!==void 0&&e.name!==void 0?d(e.value,e.name,e,t,e.payload):(0,$.jsxs)($.Fragment,{children:[n?.icon?(0,$.jsx)(n.icon,{}):!o&&(0,$.jsx)(`div`,{className:u(`shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]`,r===`dot`&&`size-2.5`,r===`line`&&`h-3 w-1`,r===`dashed`&&`h-0 w-0 border-[1.5px] border-dashed bg-transparent`,_&&r===`dashed`&&`my-0.5`),style:{"--color-bg":s,"--color-border":s}}),(0,$.jsxs)(`div`,{className:u(`flex flex-1 justify-between gap-3 leading-none`,_?`items-end`:`items-center`),children:[(0,$.jsxs)(`div`,{className:`grid gap-1.5`,children:[_&&g,(0,$.jsx)(a,{tag:`span`,size:`xs`,type:`secondary`,children:n?.label??e.name})]}),e.value!==void 0&&(0,$.jsx)(a,{tag:`span`,size:`xs`,weight:`medium`,className:`font-mono tabular-nums`,children:Array.isArray(e.value)?e.value.join(` - `):typeof e.value==`number`?e.value.toLocaleString():String(e.value)})]})]})},`${e.dataKey??e.name??`value`}-${t}`)})})]})}var th=oa;function nh({className:e,hideIcon:t=!1,payload:n,verticalAlign:r=`bottom`,nameKey:i}){let{config:o}=Xm();return n?.length?(0,$.jsx)(`div`,{className:u(`chart--legend flex flex-wrap items-center justify-center gap-x-4 gap-y-2 [font-size:var(--text-xs)]`,r===`top`?`pb-3`:`pt-3`,e),children:n.filter(e=>e.type!==`none`).map((e,n)=>{let r=`${i??e.dataKey??`value`}`,s=rh(o,e,r),c=e.value??e.name??e.dataKey??r;return(0,$.jsxs)(`div`,{className:`chart--legend-item flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground`,children:[s?.icon&&!t?(0,$.jsx)(s.icon,{}):(0,$.jsx)(`div`,{className:`h-2 w-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),(0,$.jsx)(a,{tag:`span`,size:`xs`,children:s?.label??c})]},`${e.value??r}-${n}`)})}):null}function rh(e,t,n){if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n;return n in t&&typeof t[n]==`string`?i=t[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]}function ih({title:e,description:t,headerEnd:n,footer:r,config:i,children:a,initialDimension:o,surface:s,padding:c,className:l,contentClassName:d,chartClassName:f}){return(0,$.jsx)(m,{title:e,description:t,headerEnd:n,footerSlot:r,surface:s,padding:c,className:u(`chart-card--component`,l),contentClassName:u(`chart-card--content`,d),children:(0,$.jsx)(Zm,{config:i,initialDimension:o,className:u(`chart-card--chart min-h-[220px]`,f),children:a})})}ih.displayName=`ChartCard`;var ah=e({AreaChartCard:()=>vh,BarChartCard:()=>_h,DonutChartCard:()=>bh,LineChartCard:()=>yh,MixedSeriesChartCard:()=>Sh,RadialChartCard:()=>xh}),oh=[{month:`Jan`,revenue:3e4,target:36e3,orders:240},{month:`Feb`,revenue:42e3,target:39e3,orders:310},{month:`Mar`,revenue:38e3,target:43e3,orders:290},{month:`Apr`,revenue:54e3,target:47e3,orders:420},{month:`May`,revenue:46e3,target:52e3,orders:370},{month:`Jun`,revenue:68e3,target:56e3,orders:520}],sh=[{channel:`Direct`,desktop:186,mobile:80},{channel:`Search`,desktop:305,mobile:200},{channel:`Social`,desktop:237,mobile:120},{channel:`Email`,desktop:73,mobile:190},{channel:`Partner`,desktop:209,mobile:130}],ch=[{segment:`New`,value:420,fill:`var(--color-new)`},{segment:`Returning`,value:680,fill:`var(--color-returning)`},{segment:`Enterprise`,value:260,fill:`var(--color-enterprise)`}],lh=[{name:`Used`,value:76,fill:`var(--color-used)`}],uh=[{id:`jan-feb`,x1:`Jan`,x2:`Feb`},{id:`mar-apr`,x1:`Mar`,x2:`Apr`},{id:`may-jun`,x1:`May`,x2:`Jun`}],dh=[{id:`direct-search`,x1:`Direct`,x2:`Search`},{id:`social-email`,x1:`Social`,x2:`Email`}],fh={revenue:{label:`Revenue`,color:`var(--chart-1)`},target:{label:`Target`,color:`var(--chart-2)`},orders:{label:`Orders`,color:`var(--chart-2)`},desktop:{label:`Desktop`,color:`var(--chart-1)`},mobile:{label:`Mobile`,color:`var(--chart-2)`},new:{label:`New`,color:`var(--chart-1)`},returning:{label:`Returning`,color:`var(--chart-2)`},enterprise:{label:`Enterprise`,color:`var(--chart-3)`},used:{label:`Used capacity`,color:`var(--chart-1)`}};function ph(e){let t=Number(e);return Number.isFinite(t)?`$${Math.round(t/1e3)}k`:String(e)}function mh({label:e,value:t,tone:n=`secondary`}){return(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsx)(a,{size:`xs`,type:`secondary`,children:e}),(0,$.jsx)(l,{variant:n,children:t})]})}function hh(){return(0,$.jsx)($.Fragment,{children:uh.map(e=>(0,$.jsx)(Hu,{x1:e.x1,x2:e.x2,fill:`var(--muted)`,fillOpacity:.34,strokeOpacity:0},e.id))})}function gh(){return(0,$.jsx)($.Fragment,{children:dh.map(e=>(0,$.jsx)(Hu,{x1:e.x1,x2:e.x2,fill:`var(--muted)`,fillOpacity:.28,strokeOpacity:0},e.id))})}function _h(){return(0,$.jsx)(ih,{title:`Revenue growth`,description:`Monthly revenue by completed order date`,headerEnd:(0,$.jsx)(l,{variant:`success`,children:`+12.4%`}),footer:(0,$.jsx)(mh,{label:`Best month`,value:`June`,tone:`success`}),config:fh,children:(0,$.jsxs)(gm,{accessibilityLayer:!0,data:oh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(hh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`month`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:36,tickLine:!1,axisLine:!1,tickFormatter:ph}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`dot`})}),(0,$.jsx)(Ap,{dataKey:`revenue`,fill:`var(--color-revenue)`,radius:[4,4,2,2],maxBarSize:48})]})})}function vh(){return(0,$.jsx)(ih,{title:`Order volume`,description:`Orders accepted over the last six months`,headerEnd:(0,$.jsx)(l,{variant:`info`,children:`+31%`}),footer:(0,$.jsx)(mh,{label:`Queued fulfillment`,value:`18 orders`}),config:fh,children:(0,$.jsxs)(qn,{accessibilityLayer:!0,data:oh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(`defs`,{children:(0,$.jsxs)(`linearGradient`,{id:`orders-fill`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,$.jsx)(`stop`,{offset:`5%`,stopColor:`var(--color-orders)`,stopOpacity:.35}),(0,$.jsx)(`stop`,{offset:`95%`,stopColor:`var(--color-orders)`,stopOpacity:.02})]})}),(0,$.jsx)(hh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`month`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:28,tickLine:!1,axisLine:!1}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`line`})}),(0,$.jsx)(Xn,{dataKey:`orders`,type:`natural`,fill:`url(#orders-fill)`,stroke:`var(--color-orders)`,strokeWidth:2})]})})}function yh(){return(0,$.jsx)(ih,{title:`Revenue vs target`,description:`Actual revenue compared with monthly target`,headerEnd:(0,$.jsx)(l,{variant:`success`,children:`On pace`}),footer:(0,$.jsx)(mh,{label:`Target gap closed`,value:`18%`,tone:`success`}),config:fh,children:(0,$.jsxs)(mm,{accessibilityLayer:!0,data:oh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(hh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`month`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:36,tickLine:!1,axisLine:!1,tickFormatter:ph}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`dot`})}),(0,$.jsx)(th,{content:(0,$.jsx)(nh,{})}),(0,$.jsx)(jf,{dataKey:`revenue`,type:`monotone`,stroke:`var(--color-revenue)`,strokeWidth:2,dot:!1}),(0,$.jsx)(jf,{dataKey:`target`,type:`monotone`,stroke:`var(--color-target)`,strokeWidth:2,strokeDasharray:`5 4`,dot:!1})]})})}function bh(){return(0,$.jsx)(ih,{title:`Customer mix`,description:`Active customer segments this month`,headerEnd:(0,$.jsx)(l,{variant:`info`,children:`1,360`}),footer:(0,$.jsx)(mh,{label:`Returning share`,value:`50%`,tone:`success`}),config:fh,chartClassName:`mx-auto max-w-sm`,children:(0,$.jsxs)(Im,{accessibilityLayer:!0,children:[(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{hideLabel:!0,nameKey:`segment`})}),(0,$.jsx)(xl,{data:ch,dataKey:`value`,nameKey:`segment`,innerRadius:58,outerRadius:86,paddingAngle:2,children:ch.map(e=>(0,$.jsx)(is,{fill:e.fill},e.segment))}),(0,$.jsx)(th,{content:(0,$.jsx)(nh,{nameKey:`segment`})})]})})}function xh(){return(0,$.jsx)(ih,{title:`Automation capacity`,description:`Current worker pool utilization`,headerEnd:(0,$.jsx)(l,{variant:`warning`,children:`76%`}),footer:(0,$.jsx)(mh,{label:`Autoscale threshold`,value:`85%`,tone:`warning`}),config:fh,chartClassName:`mx-auto max-w-sm`,children:(0,$.jsxs)(Wm,{accessibilityLayer:!0,data:lh,startAngle:90,endAngle:-270,innerRadius:72,outerRadius:104,children:[(0,$.jsx)($s,{type:`number`,domain:[0,100],tick:!1}),(0,$.jsx)(Eu,{dataKey:`value`,background:!0,cornerRadius:8}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{hideLabel:!0})})]})})}function Sh(){return(0,$.jsx)(ih,{title:`Traffic by channel`,description:`Desktop bars with mobile trend overlay`,headerEnd:(0,$.jsx)(l,{variant:`info`,children:`5 channels`}),footer:(0,$.jsx)(mh,{label:`Mobile lift`,value:`+8.6%`,tone:`success`}),config:fh,children:(0,$.jsxs)(Km,{accessibilityLayer:!0,data:sh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(gh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`channel`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:28,tickLine:!1,axisLine:!1}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`dashed`})}),(0,$.jsx)(th,{content:(0,$.jsx)(nh,{})}),(0,$.jsx)(Ap,{dataKey:`desktop`,fill:`var(--color-desktop)`,radius:[4,4,2,2],maxBarSize:44}),(0,$.jsx)(jf,{dataKey:`mobile`,type:`monotone`,stroke:`var(--color-mobile)`,strokeWidth:2,strokeDasharray:`5 4`,dot:!1})]})})}var Ch=`import {
+`)}}):null}var $m=rs;function eh({active:e,payload:t,className:n,indicator:r=`dot`,hideLabel:i=!1,hideIndicator:a=!1,label:o,labelFormatter:c,labelClassName:l,formatter:d,color:f,nameKey:p,labelKey:m}){let{config:h}=Xm(),g=K.useMemo(()=>{if(i||!t?.length)return null;let[e]=t,n=rh(h,e,`${m??e?.dataKey??e?.name??`value`}`),r=!m&&typeof o==`string`?h[o]?.label??o:n?.label;return c?(0,$.jsx)(s,{tag:`div`,size:`xs`,weight:`medium`,className:u(`chart--tooltip-label`,l),children:c(r,t)}):r?(0,$.jsx)(s,{tag:`div`,size:`xs`,weight:`medium`,className:u(`chart--tooltip-label`,l),children:r}):null},[o,c,t,i,l,h,m]);if(!e||!t?.length)return null;let _=t.length===1&&r!==`dot`;return(0,$.jsxs)(`div`,{className:u(`chart--tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-border/60 bg-popover px-2.5 py-1.5 [font-size:var(--text-xs)] text-popover-foreground shadow-xl`,n),children:[!_&&g,(0,$.jsx)(`div`,{className:`grid gap-1.5`,children:t.filter(e=>e.type!==`none`).map((e,t)=>{let n=rh(h,e,`${p??e.name??e.dataKey??`value`}`),i=typeof e.payload?.fill==`string`?e.payload.fill:void 0,o=f??i??e.color??e.fill;return(0,$.jsx)(`div`,{className:u(`chart--tooltip-item flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground`,r===`dot`&&`items-center`),children:d&&e.value!==void 0&&e.name!==void 0?d(e.value,e.name,e,t,e.payload):(0,$.jsxs)($.Fragment,{children:[n?.icon?(0,$.jsx)(n.icon,{}):!a&&(0,$.jsx)(`div`,{className:u(`shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]`,r===`dot`&&`size-2.5`,r===`line`&&`h-3 w-1`,r===`dashed`&&`h-0 w-0 border-[1.5px] border-dashed bg-transparent`,_&&r===`dashed`&&`my-0.5`),style:{"--color-bg":o,"--color-border":o}}),(0,$.jsxs)(`div`,{className:u(`flex flex-1 justify-between gap-3 leading-none`,_?`items-end`:`items-center`),children:[(0,$.jsxs)(`div`,{className:`grid gap-1.5`,children:[_&&g,(0,$.jsx)(s,{tag:`span`,size:`xs`,type:`secondary`,children:n?.label??e.name})]}),e.value!==void 0&&(0,$.jsx)(s,{tag:`span`,size:`xs`,weight:`medium`,className:`font-mono tabular-nums`,children:Array.isArray(e.value)?e.value.join(` - `):typeof e.value==`number`?e.value.toLocaleString():String(e.value)})]})]})},`${e.dataKey??e.name??`value`}-${t}`)})})]})}var th=oa;function nh({className:e,hideIcon:t=!1,payload:n,verticalAlign:r=`bottom`,nameKey:i}){let{config:a}=Xm();return n?.length?(0,$.jsx)(`div`,{className:u(`chart--legend flex flex-wrap items-center justify-center gap-x-4 gap-y-2 [font-size:var(--text-xs)]`,r===`top`?`pb-3`:`pt-3`,e),children:n.filter(e=>e.type!==`none`).map((e,n)=>{let r=`${i??e.dataKey??`value`}`,o=rh(a,e,r),c=e.value??e.name??e.dataKey??r;return(0,$.jsxs)(`div`,{className:`chart--legend-item flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground`,children:[o?.icon&&!t?(0,$.jsx)(o.icon,{}):(0,$.jsx)(`div`,{className:`h-2 w-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),(0,$.jsx)(s,{tag:`span`,size:`xs`,children:o?.label??c})]},`${e.value??r}-${n}`)})}):null}function rh(e,t,n){if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n;return n in t&&typeof t[n]==`string`?i=t[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]}function ih({title:e,description:t,headerEnd:n,footer:r,config:i,children:a,initialDimension:o,surface:s,padding:c,className:l,contentClassName:d,chartClassName:f}){return(0,$.jsx)(m,{title:e,description:t,headerEnd:n,footerSlot:r,surface:s,padding:c,className:u(`chart-card--component`,l),contentClassName:u(`chart-card--content`,d),children:(0,$.jsx)(Zm,{config:i,initialDimension:o,className:u(`chart-card--chart min-h-[220px]`,f),children:a})})}ih.displayName=`ChartCard`;var ah=e({AreaChartCard:()=>vh,BarChartCard:()=>_h,DonutChartCard:()=>bh,LineChartCard:()=>yh,MixedSeriesChartCard:()=>Sh,RadialChartCard:()=>xh}),oh=[{month:`Jan`,revenue:3e4,target:36e3,orders:240},{month:`Feb`,revenue:42e3,target:39e3,orders:310},{month:`Mar`,revenue:38e3,target:43e3,orders:290},{month:`Apr`,revenue:54e3,target:47e3,orders:420},{month:`May`,revenue:46e3,target:52e3,orders:370},{month:`Jun`,revenue:68e3,target:56e3,orders:520}],sh=[{channel:`Direct`,desktop:186,mobile:80},{channel:`Search`,desktop:305,mobile:200},{channel:`Social`,desktop:237,mobile:120},{channel:`Email`,desktop:73,mobile:190},{channel:`Partner`,desktop:209,mobile:130}],ch=[{segment:`New`,value:420,fill:`var(--color-new)`},{segment:`Returning`,value:680,fill:`var(--color-returning)`},{segment:`Enterprise`,value:260,fill:`var(--color-enterprise)`}],lh=[{name:`Used`,value:76,fill:`var(--color-used)`}],uh=[{id:`jan-feb`,x1:`Jan`,x2:`Feb`},{id:`mar-apr`,x1:`Mar`,x2:`Apr`},{id:`may-jun`,x1:`May`,x2:`Jun`}],dh=[{id:`direct-search`,x1:`Direct`,x2:`Search`},{id:`social-email`,x1:`Social`,x2:`Email`}],fh={revenue:{label:`Revenue`,color:`var(--chart-1)`},target:{label:`Target`,color:`var(--chart-2)`},orders:{label:`Orders`,color:`var(--chart-2)`},desktop:{label:`Desktop`,color:`var(--chart-1)`},mobile:{label:`Mobile`,color:`var(--chart-2)`},new:{label:`New`,color:`var(--chart-1)`},returning:{label:`Returning`,color:`var(--chart-2)`},enterprise:{label:`Enterprise`,color:`var(--chart-3)`},used:{label:`Used capacity`,color:`var(--chart-1)`}};function ph(e){let t=Number(e);return Number.isFinite(t)?`$${Math.round(t/1e3)}k`:String(e)}function mh({label:e,value:t,tone:n=`secondary`}){return(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsx)(s,{size:`xs`,type:`secondary`,children:e}),(0,$.jsx)(c,{variant:n,children:t})]})}function hh(){return(0,$.jsx)($.Fragment,{children:uh.map(e=>(0,$.jsx)(Hu,{x1:e.x1,x2:e.x2,fill:`var(--muted)`,fillOpacity:.34,strokeOpacity:0},e.id))})}function gh(){return(0,$.jsx)($.Fragment,{children:dh.map(e=>(0,$.jsx)(Hu,{x1:e.x1,x2:e.x2,fill:`var(--muted)`,fillOpacity:.28,strokeOpacity:0},e.id))})}function _h(){return(0,$.jsx)(ih,{title:`Revenue growth`,description:`Monthly revenue by completed order date`,headerEnd:(0,$.jsx)(c,{variant:`success`,children:`+12.4%`}),footer:(0,$.jsx)(mh,{label:`Best month`,value:`June`,tone:`success`}),config:fh,children:(0,$.jsxs)(gm,{accessibilityLayer:!0,data:oh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(hh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`month`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:36,tickLine:!1,axisLine:!1,tickFormatter:ph}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`dot`})}),(0,$.jsx)(Ap,{dataKey:`revenue`,fill:`var(--color-revenue)`,radius:[4,4,2,2],maxBarSize:48})]})})}function vh(){return(0,$.jsx)(ih,{title:`Order volume`,description:`Orders accepted over the last six months`,headerEnd:(0,$.jsx)(c,{variant:`info`,children:`+31%`}),footer:(0,$.jsx)(mh,{label:`Queued fulfillment`,value:`18 orders`}),config:fh,children:(0,$.jsxs)(qn,{accessibilityLayer:!0,data:oh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(`defs`,{children:(0,$.jsxs)(`linearGradient`,{id:`orders-fill`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,$.jsx)(`stop`,{offset:`5%`,stopColor:`var(--color-orders)`,stopOpacity:.35}),(0,$.jsx)(`stop`,{offset:`95%`,stopColor:`var(--color-orders)`,stopOpacity:.02})]})}),(0,$.jsx)(hh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`month`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:28,tickLine:!1,axisLine:!1}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`line`})}),(0,$.jsx)(Xn,{dataKey:`orders`,type:`natural`,fill:`url(#orders-fill)`,stroke:`var(--color-orders)`,strokeWidth:2})]})})}function yh(){return(0,$.jsx)(ih,{title:`Revenue vs target`,description:`Actual revenue compared with monthly target`,headerEnd:(0,$.jsx)(c,{variant:`success`,children:`On pace`}),footer:(0,$.jsx)(mh,{label:`Target gap closed`,value:`18%`,tone:`success`}),config:fh,children:(0,$.jsxs)(mm,{accessibilityLayer:!0,data:oh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(hh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`month`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:36,tickLine:!1,axisLine:!1,tickFormatter:ph}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`dot`})}),(0,$.jsx)(th,{content:(0,$.jsx)(nh,{})}),(0,$.jsx)(jf,{dataKey:`revenue`,type:`monotone`,stroke:`var(--color-revenue)`,strokeWidth:2,dot:!1}),(0,$.jsx)(jf,{dataKey:`target`,type:`monotone`,stroke:`var(--color-target)`,strokeWidth:2,strokeDasharray:`5 4`,dot:!1})]})})}function bh(){return(0,$.jsx)(ih,{title:`Customer mix`,description:`Active customer segments this month`,headerEnd:(0,$.jsx)(c,{variant:`info`,children:`1,360`}),footer:(0,$.jsx)(mh,{label:`Returning share`,value:`50%`,tone:`success`}),config:fh,chartClassName:`mx-auto max-w-sm`,children:(0,$.jsxs)(Im,{accessibilityLayer:!0,children:[(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{hideLabel:!0,nameKey:`segment`})}),(0,$.jsx)(xl,{data:ch,dataKey:`value`,nameKey:`segment`,innerRadius:58,outerRadius:86,paddingAngle:2,children:ch.map(e=>(0,$.jsx)(is,{fill:e.fill},e.segment))}),(0,$.jsx)(th,{content:(0,$.jsx)(nh,{nameKey:`segment`})})]})})}function xh(){return(0,$.jsx)(ih,{title:`Automation capacity`,description:`Current worker pool utilization`,headerEnd:(0,$.jsx)(c,{variant:`warning`,children:`76%`}),footer:(0,$.jsx)(mh,{label:`Autoscale threshold`,value:`85%`,tone:`warning`}),config:fh,chartClassName:`mx-auto max-w-sm`,children:(0,$.jsxs)(Wm,{accessibilityLayer:!0,data:lh,startAngle:90,endAngle:-270,innerRadius:72,outerRadius:104,children:[(0,$.jsx)($s,{type:`number`,domain:[0,100],tick:!1}),(0,$.jsx)(Eu,{dataKey:`value`,background:!0,cornerRadius:8}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{hideLabel:!0})})]})})}function Sh(){return(0,$.jsx)(ih,{title:`Traffic by channel`,description:`Desktop bars with mobile trend overlay`,headerEnd:(0,$.jsx)(c,{variant:`info`,children:`5 channels`}),footer:(0,$.jsx)(mh,{label:`Mobile lift`,value:`+8.6%`,tone:`success`}),config:fh,children:(0,$.jsxs)(Km,{accessibilityLayer:!0,data:sh,margin:{left:4,right:8,top:12},children:[(0,$.jsx)(gh,{}),(0,$.jsx)(Hd,{vertical:!1,strokeDasharray:`3 3`,strokeOpacity:.7}),(0,$.jsx)(Zp,{dataKey:`channel`,tickLine:!1,axisLine:!1,tickMargin:8}),(0,$.jsx)(fm,{width:28,tickLine:!1,axisLine:!1}),(0,$.jsx)($m,{cursor:!1,content:(0,$.jsx)(eh,{indicator:`dashed`})}),(0,$.jsx)(th,{content:(0,$.jsx)(nh,{})}),(0,$.jsx)(Ap,{dataKey:`desktop`,fill:`var(--color-desktop)`,radius:[4,4,2,2],maxBarSize:44}),(0,$.jsx)(jf,{dataKey:`mobile`,type:`monotone`,stroke:`var(--color-mobile)`,strokeWidth:2,strokeDasharray:`5 4`,dot:!1})]})})}var Ch=`import {
 	Area,
 	AreaChart,
 	Bar,
@@ -338,9 +338,9 @@ export function MixedSeriesChartCard() {
 		</ChartCard>
 	);
 }
-`;function wh(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return ah||Eh(`Examples`,!1),vh||Eh(`Examples.AreaChartCard`,!0),_h||Eh(`Examples.BarChartCard`,!0),bh||Eh(`Examples.DonutChartCard`,!0),yh||Eh(`Examples.LineChartCard`,!0),Sh||Eh(`Examples.MixedSeriesChartCard`,!0),xh||Eh(`Examples.RadialChartCard`,!0),(0,$.jsxs)(o,{title:`Chart`,description:`Token-aware Recharts helpers plus a composed ChartCard for admin analytics surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/chart`,children:[(0,$.jsx)(s,{title:`Overview`,id:`overview`,children:(0,$.jsxs)(t.p,{children:[`The base chart helpers provide configuration, color variables, tooltip content,
+`;function wh(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return ah||Eh(`Examples`,!1),vh||Eh(`Examples.AreaChartCard`,!0),_h||Eh(`Examples.BarChartCard`,!0),bh||Eh(`Examples.DonutChartCard`,!0),yh||Eh(`Examples.LineChartCard`,!0),Sh||Eh(`Examples.MixedSeriesChartCard`,!0),xh||Eh(`Examples.RadialChartCard`,!0),(0,$.jsxs)(a,{title:`Chart`,description:`Token-aware Recharts helpers plus a composed ChartCard for admin analytics surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/chart`,children:[(0,$.jsx)(o,{title:`Overview`,id:`overview`,children:(0,$.jsxs)(t.p,{children:[`The base chart helpers provide configuration, color variables, tooltip content,
 and legend content for Recharts. Use `,(0,$.jsx)(t.code,{children:`ChartCard`}),` from `,(0,$.jsx)(t.code,{children:`composed/analytics`}),`
-when the chart needs standard card chrome.`]})}),(0,$.jsxs)(s,{title:`Usage`,id:`usage`,children:[(0,$.jsxs)(t.p,{children:[`Apps that import chart primitives install `,(0,$.jsx)(t.code,{children:`recharts`}),`, then use the exact chart
+when the chart needs standard card chrome.`]})}),(0,$.jsxs)(o,{title:`Usage`,id:`usage`,children:[(0,$.jsxs)(t.p,{children:[`Apps that import chart primitives install `,(0,$.jsx)(t.code,{children:`recharts`}),`, then use the exact chart
 entrypoint:`]}),(0,$.jsx)(t.pre,{children:(0,$.jsx)(t.code,{className:`language-tsx`,children:`import {
 	ChartContainer,
 	ChartTooltip,
@@ -355,4 +355,4 @@ import { ChartCard } from 'admin-ui-starter-kit/composed/analytics';
 colors as `,(0,$.jsx)(t.code,{children:`--color-*`}),` variables scoped to the chart. Use `,(0,$.jsx)(t.code,{children:`ChartTooltipContent`}),`
 and `,(0,$.jsx)(t.code,{children:`ChartLegendContent`}),` for tokenized admin-density chrome. Use `,(0,$.jsx)(t.code,{children:`ChartCard`}),`
 when a chart needs SmartCard header, footer, and slot structure without adding a
-schema layer.`]})]}),(0,$.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,$.jsx)(c,{name:`BarChartCard`,source:Ch,children:(0,$.jsx)(_h,{})}),(0,$.jsx)(c,{name:`AreaChartCard`,source:Ch,children:(0,$.jsx)(vh,{})}),(0,$.jsx)(c,{name:`LineChartCard`,source:Ch,children:(0,$.jsx)(yh,{})}),(0,$.jsx)(c,{name:`DonutChartCard`,source:Ch,children:(0,$.jsx)(bh,{})}),(0,$.jsx)(c,{name:`RadialChartCard`,source:Ch,children:(0,$.jsx)(xh,{})}),(0,$.jsx)(c,{name:`MixedSeriesChartCard`,source:Ch,children:(0,$.jsx)(Sh,{})})]}),(0,$.jsxs)(s,{title:`API`,id:`api`,children:[(0,$.jsx)(t.h4,{children:`ChartContainer`}),(0,$.jsx)(p,{component:`ChartContainer`}),(0,$.jsx)(t.h4,{children:`ChartStyle`}),(0,$.jsx)(p,{component:`ChartStyle`}),(0,$.jsx)(t.h4,{children:`ChartTooltipContent`}),(0,$.jsx)(p,{component:`ChartTooltipContent`}),(0,$.jsx)(t.h4,{children:`ChartLegendContent`}),(0,$.jsx)(p,{component:`ChartLegendContent`}),(0,$.jsx)(t.h4,{children:`ChartCard`}),(0,$.jsx)(p,{component:`ChartCard`})]})]})}function Th(e={}){let{wrapper:t}=e.components||{};return t?(0,$.jsx)(t,{...e,children:(0,$.jsx)(wh,{...e})}):wh(e)}function Eh(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Th as default};
+schema layer.`]})]}),(0,$.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,$.jsx)(l,{name:`BarChartCard`,source:Ch,children:(0,$.jsx)(_h,{})}),(0,$.jsx)(l,{name:`AreaChartCard`,source:Ch,children:(0,$.jsx)(vh,{})}),(0,$.jsx)(l,{name:`LineChartCard`,source:Ch,children:(0,$.jsx)(yh,{})}),(0,$.jsx)(l,{name:`DonutChartCard`,source:Ch,children:(0,$.jsx)(bh,{})}),(0,$.jsx)(l,{name:`RadialChartCard`,source:Ch,children:(0,$.jsx)(xh,{})}),(0,$.jsx)(l,{name:`MixedSeriesChartCard`,source:Ch,children:(0,$.jsx)(Sh,{})})]}),(0,$.jsxs)(o,{title:`API`,id:`api`,children:[(0,$.jsx)(t.h4,{children:`ChartContainer`}),(0,$.jsx)(p,{component:`ChartContainer`}),(0,$.jsx)(t.h4,{children:`ChartStyle`}),(0,$.jsx)(p,{component:`ChartStyle`}),(0,$.jsx)(t.h4,{children:`ChartTooltipContent`}),(0,$.jsx)(p,{component:`ChartTooltipContent`}),(0,$.jsx)(t.h4,{children:`ChartLegendContent`}),(0,$.jsx)(p,{component:`ChartLegendContent`}),(0,$.jsx)(t.h4,{children:`ChartCard`}),(0,$.jsx)(p,{component:`ChartCard`})]})]})}function Th(e={}){let{wrapper:t}=e.components||{};return t?(0,$.jsx)(t,{...e,children:(0,$.jsx)(wh,{...e})}):wh(e)}function Eh(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Th as default};

package/dist/showcase/assets/{chart-column-DjAyOA-t.js → chart-column-DKcP77Dx.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]);export{t};

package/dist/showcase/assets/checkbox-BI3gcjED.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Gt as n,K as r,Qt as i,Ur as a,Wt as o,X as ee,Y as te,ar as s,br as c,cr as l,fr as u,g as d,gr as f,lr as p,mr as m,nr as h,or as g,pr as ne,vn as re}from"./example-Cz_880po.js";import{n as _,s as v}from"./index-BQIv1ffM.js";import{t as ie}from"./useControlled-BF8maje6.js";import{t as ae}from"./useValueChanged-DSoTBFAJ.js";import{c as y,n as oe,o as se,r as ce,t as le}from"./LabelableContext-DapqaNeY.js";import{t as ue}from"./FieldItemContext-BSFHjS7g.js";import{t as de}from"./useAriaLabelledBy-J_Rvjwx3.js";var b=e(t(),1);function fe(e){if(!e)return null;for(let t of e.elements){let e=t.tagName;if(e===`BUTTON`||e===`INPUT`){let e=t;if(e.type===`submit`)return e}}return null}var x=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.indeterminate=`data-indeterminate`,e.disabled=`data-disabled`,e.readonly=`data-readonly`,e.required=`data-required`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({});function S(e){return b.useMemo(()=>({checked(t){return e.indeterminate?{}:t?{[x.checked]:``}:{[x.unchecked]:``}},...y}),[e.indeterminate])}var C=b.createContext(void 0);function pe(e=!0){let t=b.useContext(C);if(t===void 0&&!e)throw Error(u(3));return t}var w=b.createContext(void 0);function T(){let e=b.useContext(w);if(e===void 0)throw Error(u(14));return e}var E=v(),me=`data-parent`,D=b.forwardRef(function(e,t){let{checked:r,className:a,defaultChecked:ee=!1,"aria-labelledby":te,disabled:u=!1,form:_,id:v,indeterminate:y=!1,inputRef:x,name:C,onCheckedChange:T,parent:D=!1,readOnly:O=!1,render:he,required:k=!1,uncheckedValue:A,value:j,nativeButton:M=!1,style:ge,..._e}=e,{clearErrors:ve}=oe(),{disabled:ye,name:be,setDirty:xe,setFilled:N,setFocused:P,setTouched:Se,state:Ce,validationMode:we,validityData:Te,validation:Ee}=se(),De=ue(),{labelId:Oe,controlId:ke,registerControlId:F,getDescriptionProps:Ae}=le(),I=pe(),L=I?.parent,R=L&&I.allValues,z=ye||De.disabled||I?.disabled||u,B=be??C,V=j??B,je=d(),Me=d(),H=ke;R?H=D?Me:`${L.id}-${V}`:v&&(H=v);let U={};R&&(D?U=I.parent.getParentProps():V&&(U=I.parent.getChildProps(V)));let{checked:Ne=r,indeterminate:Pe=y,onCheckedChange:Fe,...Ie}=U,W=I?.value,Le=I?.setValue,Re=I?.defaultValue,G=b.useRef(null),K=f(()=>Symbol(`checkbox-control`)),q=b.useRef(!1),{getButtonProps:ze,buttonRef:Be}=p({disabled:z,native:M}),J=I?.validation??Ee,[Y,Ve]=ie({controlled:V&&W&&!D?W.includes(V):Ne,default:V&&Re&&!D?Re.includes(V):ee,name:`Checkbox`,state:`checked`}),X=R?!!Ne:Y,Z=R&&Pe||y;m(()=>{F!==g&&(q.current=!0,F(K.current,H))},[H,F,K]),b.useEffect(()=>{let e=K.current;return()=>{!q.current||F===g||(q.current=!1,F(e,void 0))}},[F,K]),ce(G,je,Y,void 0,!I&&!z,C);let Q=b.useRef(null),He=l(x,Q,J.inputRef,J.registerInput),Ue=de(te,Oe,Q,!M,H??void 0);m(()=>{Q.current&&(Q.current.indeterminate=Z,Y&&N(!0))},[Y,Z,N]),ae(Y,()=>{I||(ve(B),N(Y),xe(Y!==Te.initialValue),J.change(Y))});let We=ne({checked:Y,disabled:z,form:_,name:D?void 0:B,id:M?void 0:H??void 0,required:k,ref:He,style:B?n:o,tabIndex:-1,type:`checkbox`,"aria-hidden":!0,onChange(e){if(e.nativeEvent.defaultPrevented)return;if(O){e.preventDefault();return}let t=e.currentTarget.checked,n=i(re,e.nativeEvent);T?.(t,n),!n.isCanceled&&(Fe?.(t,n),!n.isCanceled&&(Ve(t),V&&W&&Le&&!D&&!R&&Le(t?[...W,V]:W.filter(e=>e!==V),n)))},onFocus(){G.current?.focus()}},j===void 0?s:{value:(I?Y&&j:j)||``},Ae,e=>J.getValidationProps(z,e));b.useEffect(()=>{if(!L||!V)return;let e=L.disabledStatesRef.current;return e.set(V,z),()=>{e.delete(V)}},[L,z,V]);let $=b.useMemo(()=>({...Ce,checked:X,disabled:z,readOnly:O,required:k,indeterminate:Z}),[Ce,X,z,O,k,Z]),Ge=S($),Ke=h(`span`,e,{state:$,ref:[Be,G,t,I?.registerControlRef],props:[{id:M?H??void 0:je,role:`checkbox`,"aria-checked":Z?`mixed`:X,"aria-readonly":O||void 0,"aria-required":k||void 0,"aria-labelledby":Ue,[me]:D?``:void 0,onFocus(){z||P(!0)},onBlur(){let e=Q.current;e&&(Se(!0),P(!1),we===`onBlur`&&J.commit(I?W:e.checked))},onKeyDown(e){if(e.key!==`Enter`||(e.preventBaseUIHandler(),e.defaultPrevented))return;let t=Q.current?.form??null,n=e.currentTarget,r=e.nativeEvent,i=e.preventDefault,a=r.preventDefault,o=!1;e.preventDefault=()=>{o=!0,i.call(e)},r.preventDefault=()=>{o=!0,a.call(r)},a.call(r),c(n).queueMicrotask(()=>{e.preventDefault=i,r.preventDefault=a,o||fe(t)?.click()})},onClick(e){if(O||z)return;e.preventDefault();let t=Q.current;t&&t.dispatchEvent(new(c(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))}},_e,Ie,ze,Ae,e=>J.getValidationProps(z,e)],stateAttributesMapping:Ge});return(0,E.jsxs)(w.Provider,{value:$,children:[Ke,!Y&&!I&&B&&!D&&A!==void 0&&(0,E.jsx)(`input`,{type:`hidden`,form:_,name:B,value:A,disabled:z}),(0,E.jsx)(`input`,{...We,suppressHydrationWarning:!0})]})}),O=b.forwardRef(function(e,t){let{render:n,className:i,style:a,keepMounted:o=!1,...s}=e,c=T(),l=c.checked||c.indeterminate,{mounted:u,transitionStatus:d,setMounted:f}=ee(l),p=b.useRef(null),m={...c,transitionStatus:d};r({open:l,ref:p,onComplete(){l||f(!1)}});let g={...S(c),...te,...y},ne=o||u,re=h(`span`,e,{ref:[t,p],state:m,stateAttributesMapping:g,props:s});return ne?re:null});function he({className:e,onCheckedChange:t,...n}){return(0,E.jsx)(D,{"data-slot":`checkbox`,className:_(`peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-[color,box-shadow] outline-none`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive`,`data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground`,`data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`,e),onCheckedChange:t,...n,children:(0,E.jsx)(O,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current`,children:(0,E.jsx)(a,{className:`size-3.5`})})})}export{he as t};

package/dist/showcase/assets/chevron-down-ByPPEdNm.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]);export{t};

package/dist/showcase/assets/chevron-left-BNByuq3g.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]);export{t};

package/dist/showcase/assets/chevron-right-D4pIMCh9.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]);export{t};

package/dist/showcase/assets/chevron-up-Cha879Nz.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`chevron-up`,[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]]);export{t};

package/dist/showcase/assets/chevrons-up-down-eAgHau5X.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`chevrons-up-down`,[[`path`,{d:`m7 15 5 5 5-5`,key:`1hf1tw`}],[`path`,{d:`m7 9 5-5 5 5`,key:`sgt6xg`}]]);export{t};

package/dist/showcase/assets/circle-V5hdlsIn.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]);export{t};

package/dist/showcase/assets/{circle-alert-ysbx8rsZ.js → circle-alert-BW-Btwgh.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]);export{t};

package/dist/showcase/assets/circle-check-1MSds3Vu.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle-check`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};

package/dist/showcase/assets/circle-check-big-vBWkmhCZ.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle-check-big`,[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]]);export{t};

package/dist/showcase/assets/circle-dot-CsD5uXwH.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle-dot`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}]]);export{t};

package/dist/showcase/assets/{circle-question-mark-Dbi-WTYN.js → circle-question-mark-xYn9p1nL.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`circle-question-mark`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`,key:`1u773s`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle-question-mark`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`,key:`1u773s`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]);export{t};

package/dist/showcase/assets/{circle-x-c5z6-eYV.js → circle-x-VSqZOeGt.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`circle-x`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`circle-x`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]);export{t};

package/dist/showcase/assets/clock-3-CP_t59kW.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`clock-3`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6h4`,key:`135r8i`}]]);export{t};

package/dist/showcase/assets/clock-9xbB7EnW.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`clock`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6l4 2`,key:`mmk7yg`}]]);export{t};

package/dist/showcase/assets/{code-xml-SoYTMEdm.js → code-xml-CeGA85eB.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`code-xml`,[[`path`,{d:`m18 16 4-4-4-4`,key:`1inbqp`}],[`path`,{d:`m6 8-4 4 4 4`,key:`15zrgr`}],[`path`,{d:`m14.5 4-5 16`,key:`e7oirm`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`code-xml`,[[`path`,{d:`m18 16 4-4-4-4`,key:`1inbqp`}],[`path`,{d:`m6 8-4 4 4 4`,key:`15zrgr`}],[`path`,{d:`m14.5 4-5 16`,key:`e7oirm`}]]);export{t};

package/dist/showcase/assets/{collapsible-Cv3oGVkH.js → collapsible-C2W51-wl.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Un as r,hr as i,mr as a,t as o}from"./example-BIrQab7K.js";import{t as s}from"./chevron-down-CSn8HCwf.js";import{s as c}from"./index-Cz4UGUT2.js";import{n as l,r as u,t as d}from"./collapsible-DagkA3To.js";var f=e({Default:()=>h}),p=t(n(),1),m=c();function h(){let[e,t]=(0,p.useState)(!1);return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(d,{open:e,onOpenChange:t,children:[(0,m.jsx)(u,{render:t=>(0,m.jsxs)(r,{variant:`outline`,...t,children:[(0,m.jsx)(s,{className:`size-3.5 transition-transform ${e?`rotate-180`:``}`}),e?`Hide details`:`Show details`]})}),(0,m.jsxs)(l,{className:`mt-3 rounded-md border border-border p-3 text-sm`,children:[(0,m.jsx)(`p`,{children:`Hidden content revealed.`}),(0,m.jsx)(`p`,{className:`text-muted-foreground`,children:`More text here.`})]})]})})}var g=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,er as a,t as o}from"./example-Cz_880po.js";import{t as s}from"./chevron-down-ByPPEdNm.js";import{s as c}from"./index-BQIv1ffM.js";import{n as l,r as u,t as d}from"./collapsible-C4eof15p.js";var f=e({Default:()=>h}),p=t(n(),1),m=c();function h(){let[e,t]=(0,p.useState)(!1);return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(d,{open:e,onOpenChange:t,children:[(0,m.jsx)(u,{render:t=>(0,m.jsxs)(a,{variant:`outline`,...t,children:[(0,m.jsx)(s,{className:`size-3.5 transition-transform ${e?`rotate-180`:``}`}),e?`Hide details`:`Show details`]})}),(0,m.jsxs)(l,{className:`mt-3 rounded-md border border-border p-3 text-sm`,children:[(0,m.jsx)(`p`,{children:`Hidden content revealed.`}),(0,m.jsx)(`p`,{className:`text-muted-foreground`,children:`More text here.`})]})]})})}var g=`import { useState } from 'react';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
 import { Button } from '@/components/ui/button';
 import { ChevronDown } from 'lucide-react';
@@ -24,4 +24,4 @@ export function Default() {
 		</>
 	);
 }
-`;function _(e){return f||y(`Examples`,!1),h||y(`Examples.Default`,!0),(0,m.jsx)(i,{title:`UI · Collapsible`,description:`Headless show/hide region.`,layer:`ui`,status:`ready`,children:(0,m.jsx)(a,{title:`Examples`,id:`examples`,children:(0,m.jsx)(o,{name:`Default`,source:g,children:(0,m.jsx)(h,{})})})})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(_,{...e})}):_(e)}function y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{v as default};
+`;function _(e){return f||y(`Examples`,!1),h||y(`Examples.Default`,!0),(0,m.jsx)(r,{title:`UI · Collapsible`,description:`Headless show/hide region.`,layer:`ui`,status:`ready`,children:(0,m.jsx)(i,{title:`Examples`,id:`examples`,children:(0,m.jsx)(o,{name:`Default`,source:g,children:(0,m.jsx)(h,{})})})})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(_,{...e})}):_(e)}function y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{v as default};

package/dist/showcase/assets/collapsible-C4eof15p.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Y as n,hr as r,l as i,lr as a,mr as o,nr as s,rr as c}from"./example-Cz_880po.js";import{s as l}from"./index-BQIv1ffM.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"./useCollapsiblePanel-BwUOowW2.js";var g=e(t(),1),_={...f,...n},v=l(),y=g.forwardRef(function(e,t){let{render:n,className:i,defaultOpen:a=!1,disabled:o=!1,onOpenChange:c,open:l,style:u,...f}=e,m=r(c),h=p({open:l,defaultOpen:a,onOpenChange:m,disabled:o}),y=g.useMemo(()=>({open:h.open,disabled:h.disabled,transitionStatus:h.transitionStatus}),[h.open,h.disabled,h.transitionStatus]),b=g.useMemo(()=>({...h,onOpenChange:m,state:y}),[h,m,y]),x=s(`div`,e,{state:y,ref:t,props:f,stateAttributesMapping:_});return(0,v.jsx)(d.Provider,{value:b,children:x})}),b={...m,...n},x=g.forwardRef(function(e,t){let{panelId:n,open:r,handleTrigger:i,state:o,disabled:c}=u(),{className:l,disabled:d=c,render:f,nativeButton:p=!0,style:m,...h}=e,{getButtonProps:g,buttonRef:_}=a({disabled:d,focusableWhenDisabled:!0,native:p});return s(`button`,e,{state:o,ref:[t,_],props:[{"aria-controls":r?n:void 0,"aria-expanded":r,onClick:i},h,g],stateAttributesMapping:b})}),S=function(e){return e.collapsiblePanelHeight=`--collapsible-panel-height`,e.collapsiblePanelWidth=`--collapsible-panel-width`,e}({}),C=g.forwardRef(function(e,t){let{className:n,hiddenUntilFound:r,keepMounted:i,render:a,id:l,style:d,...f}=e,{mounted:p,onOpenChange:m,open:g,panelId:v,setMounted:y,setPanelIdState:b,setOpen:x,state:C,transitionStatus:w}=u(),T=r??!1,E=i??!1;o(()=>{if(l)return b(l),()=>{b(void 0)}},[l,b]);let{height:D,props:O,ref:k,shouldPreventOpenAnimation:A,shouldRender:j,transitionStatus:M,width:N}=h({externalRef:t,hiddenUntilFound:T,id:v,keepMounted:E,mounted:p,onOpenChange:m,open:g,setMounted:y,setOpen:x,transitionStatus:w}),P={...C,transitionStatus:M},F=c(d,P),I=s(`div`,{...e,style:void 0},{state:P,ref:k,props:[O,{style:{[S.collapsiblePanelHeight]:D===void 0?`auto`:`${D}px`,[S.collapsiblePanelWidth]:N===void 0?`auto`:`${N}px`}},f,F?{style:F}:void 0,A?{style:{animationName:`none`}}:void 0],stateAttributesMapping:_});return j?I:null});function w({...e}){return(0,v.jsx)(y,{"data-slot":`collapsible`,...e})}function T({asChild:e=!1,nativeButton:t,render:n,children:r,...a}){let o=e?(0,v.jsx)(i,{}):void 0,s=typeof n==`function`?((e,t)=>{let{nativeButton:r,...i}=e;return n(i,t)}):n,c=!0;e&&g.isValidElement(r)&&(c=typeof r.type==`string`?r.type===`button`:!(`href`in(r.props??{})));let l=t??(e?c:!0);return(0,v.jsx)(x,{"data-slot":`collapsible-trigger`,render:o??s,nativeButton:l,...a,children:r})}function E({...e}){return(0,v.jsx)(C,{"data-slot":`collapsible-content`,...e})}export{E as n,T as r,w as t};

package/dist/showcase/assets/{combobox-CPC4a_MH.js → combobox-i8o4u6Q0.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,t as o,yr as s}from"./example-BIrQab7K.js";import{s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{r as u,t as d}from"./avatar-5EFTnHEG.js";import{i as f}from"./index.esm-Ducg7a0P.js";import{n as p,t as m}from"./enhanced-combobox-Cs_-wq9p.js";import{t as h}from"./form-field-Cxm4APa9.js";import{t as g}from"./customers-DvBxRjHv.js";import{t as _}from"./orders-BFwWtubb.js";import{i as v,n as y,t as b}from"./fetchers-DHuMQ6PN.js";var x=e({AsyncCustomers:()=>F,AsyncDebouncedSearch:()=>I,AsyncWithLoadMore:()=>L,CustomGroupLabels:()=>z,CustomItemRendering:()=>R,Default:()=>E,Disabled:()=>U,FormFieldIntegration:()=>q,GroupedTeamByRole:()=>P,Invalid:()=>W,MinSearchLength:()=>G,MultipleApplyButton:()=>j,MultipleCloseOnSelect:()=>M,MultipleGrouped:()=>N,MultipleSelect:()=>A,RealisticCustomerPicker:()=>K,SingleCreatable:()=>k,SingleHighlightMatch:()=>O,SingleSelect:()=>D,SizeLg:()=>H,SizeMd:()=>V,SizeSm:()=>B}),S=t(n(),1),C=c(),w=[{id:`apple`,name:`Apple`,group:`Pomes`},{id:`pear`,name:`Pear`,group:`Pomes`},{id:`banana`,name:`Banana`,group:`Tropical`},{id:`mango`,name:`Mango`,group:`Tropical`},{id:`kiwi`,name:`Kiwi`,group:`Tropical`},{id:`cherry`,name:`Cherry`,group:`Stone`},{id:`peach`,name:`Peach`,group:`Stone`},{id:`plum`,name:`Plum`,group:`Stone`}];function T(e){return(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?w.filter(e=>e.name.toLowerCase().includes(t)):w},[e])}function E(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)(null);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:i,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0}),(0,C.jsxs)(r,{size:`xs`,type:`secondary`,children:[`value: `,n?.name??`—`]})]})}function D(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function O(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,highlightMatch:!0,strings:{placeholder:`Type "an" or "ea"…`}})})}function k(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)(w),[a,o]=(0,S.useState)(null);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:a,onSelectedValueChange:o,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,creatable:!0,onCreate:e=>{let n={id:e.toLowerCase(),name:e};i(e=>[...e,n]),o(n),t(``)},strings:{placeholder:`Pick or create…`,createNew:`Create`}}),(0,C.jsxs)(r,{size:`xs`,type:`secondary`,children:[`items: `,n.length]})]})}function A(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)([]);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:i,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Find a fruit…`,noResults:`Nothing matches`}}),(0,C.jsxs)(r,{size:`xs`,type:`secondary`,children:[`selected: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function j(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)([]);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:i,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,applyButton:!0,strings:{placeholder:`Pick fruits…`}}),(0,C.jsxs)(r,{size:`xs`,type:`secondary`,children:[`committed: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function M(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,closeOnSelect:!0,strings:{placeholder:`Add a fruit…`}})})}function N(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.group??`Other`,minSearchLength:0})})}function P(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?v.filter(e=>e.name.toLowerCase().includes(t)||e.role.toLowerCase().includes(t)):v},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.role,minSearchLength:0,strings:{placeholder:`Pick a teammate…`}})})}function F(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]),[i,a]=(0,S.useState)(!0),[o,s]=(0,S.useState)(null);return(0,S.useEffect)(()=>{let e=!0;return a(!0),b().then(t=>{e&&(r(t),a(!1))}),()=>{e=!1}},[]),(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,isLoading:i,minSearchLength:0,strings:{placeholder:`Search customers…`,searching:`Loading customers…`}})})}function I(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]),[i,a]=(0,S.useState)(!1),[o,s]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:n,searchValue:e,onSearchValueChange:t,onSearch:e=>{a(!0),y().then(t=>{let n=e.toLowerCase().trim();r(n?t.filter(e=>e.name.toLowerCase().includes(n)):t),a(!1)})},debounceMs:250,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>e.name,getItemKey:e=>e.id,isLoading:i,minSearchLength:2,strings:{placeholder:`Type a name…`,typeMore:`Type at least 2 characters`,searching:`Searching…`}})})}function L(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)(1),[a,o]=(0,S.useState)(!1),[s,c]=(0,S.useState)(null),l=g.slice(0,n*4),u=l.length<g.length;return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,C.jsx)(m,{items:l,searchValue:e,onSearchValueChange:t,selectedValue:s,onSelectedValueChange:c,getItemLabel:e=>e.name,getItemKey:e=>e.id,hasMore:u,onLoadMore:()=>{o(!0),setTimeout(()=>{i(e=>e+1),o(!1)},350)},isLoadingMore:a,minSearchLength:0,strings:{placeholder:`Scroll for more…`,loadingMore:`Loading more…`}}),(0,C.jsxs)(r,{size:`xs`,type:`secondary`,children:[`page `,n,` • `,l.length,`/`,g.length]})]})}function R(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?g.filter(e=>e.name.toLowerCase().includes(t)):g},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:i,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,renderItem:e=>(0,C.jsxs)(`div`,{className:`flex items-center gap-2.5 w-full`,children:[(0,C.jsx)(d,{className:`h-7 w-7`,children:(0,C.jsx)(u,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,C.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,C.jsx)(r,{weight:`semibold`,children:e.name}),(0,C.jsx)(r,{size:`xs`,type:`secondary`,children:e.email})]}),(0,C.jsx)(s,{variant:`secondary`,children:e.country})]}),strings:{placeholder:`Pick a customer…`}})})}function z(){let[e,t]=(0,S.useState)(``),[n,i]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?_.filter(e=>e.number.toLowerCase().includes(t)):_},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:i,getItemLabel:e=>e.number,getItemKey:e=>e.id,getItemGroup:e=>e.status,renderGroupLabel:e=>(0,C.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,C.jsx)(r,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`uppercase tracking-wide`,children:e})}),minSearchLength:0,strings:{placeholder:`Find an order…`}})})}function B(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{size:`sm`,items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function V(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{size:`md`,items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function H(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{size:`lg`,items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function U(){let[e,t]=(0,S.useState)(``);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:w,searchValue:e,onSearchValueChange:t,selectedValue:w[0]??null,onSelectedValueChange:()=>{},getItemLabel:e=>e.name,getItemKey:e=>e.id,disabled:!0,minSearchLength:0})})}function W(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,required:!0,error:`A selection is required`})})}function G(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t.length<2?[]:g.filter(e=>e.name.toLowerCase().includes(t))},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:2,strings:{placeholder:`Type to search…`,typeMore:`Type at least 2 characters`}})})}function K(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?g.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):g},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Search customers…`}})})}function q(){let{control:e,watch:t}=f({defaultValues:{assignee:null},mode:`onBlur`}),[n,i]=(0,S.useState)(``),a=t(`assignee`),o=(0,S.useMemo)(()=>{let e=n.toLowerCase().trim();return e?v.filter(t=>t.name.toLowerCase().includes(e)||t.role.toLowerCase().includes(e)):v},[n]);return(0,C.jsxs)(`div`,{className:`grid w-full max-w-sm gap-2`,children:[(0,C.jsx)(h,{name:`assignee`,control:e,label:`Assignee`,required:!0,hint:`Search by teammate or role.`,rules:{required:`Choose an assignee`},children:(e,t,a)=>(0,C.jsx)(m,{name:e.name,items:o,searchValue:n,onSearchValueChange:i,selectedValue:e.value,onSelectedValueChange:e.onChange,onBlur:e.onBlur,invalid:a,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Assign owner…`},renderItem:e=>(0,C.jsxs)(`div`,{className:`flex w-full items-center gap-2.5`,children:[(0,C.jsx)(d,{className:`h-7 w-7`,children:(0,C.jsx)(u,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,C.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,C.jsx)(r,{weight:`semibold`,children:e.name}),(0,C.jsx)(r,{size:`xs`,type:`secondary`,children:e.role})]}),(0,C.jsx)(s,{variant:`secondary`,children:e.role})]})})}),(0,C.jsxs)(r,{size:`xs`,type:`secondary`,children:[`Selected owner: `,a?.name??`none`]})]})}var J=`import { useEffect, useMemo, useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,t as s}from"./example-Cz_880po.js";import{s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{r as u,t as d}from"./avatar-LGWm52rv.js";import{i as f}from"./index.esm-Ducg7a0P.js";import{n as p,t as m}from"./enhanced-combobox-BOimEW-1.js";import{t as h}from"./form-field-B5g_5Zjm.js";import{t as g}from"./customers-DvBxRjHv.js";import{t as _}from"./orders-BFwWtubb.js";import{i as v,n as y,t as b}from"./fetchers-DHuMQ6PN.js";var x=e({AsyncCustomers:()=>F,AsyncDebouncedSearch:()=>I,AsyncWithLoadMore:()=>L,CustomGroupLabels:()=>z,CustomItemRendering:()=>R,Default:()=>E,Disabled:()=>U,FormFieldIntegration:()=>q,GroupedTeamByRole:()=>P,Invalid:()=>W,MinSearchLength:()=>G,MultipleApplyButton:()=>j,MultipleCloseOnSelect:()=>M,MultipleGrouped:()=>N,MultipleSelect:()=>A,RealisticCustomerPicker:()=>K,SingleCreatable:()=>k,SingleHighlightMatch:()=>O,SingleSelect:()=>D,SizeLg:()=>H,SizeMd:()=>V,SizeSm:()=>B}),S=t(n(),1),C=c(),w=[{id:`apple`,name:`Apple`,group:`Pomes`},{id:`pear`,name:`Pear`,group:`Pomes`},{id:`banana`,name:`Banana`,group:`Tropical`},{id:`mango`,name:`Mango`,group:`Tropical`},{id:`kiwi`,name:`Kiwi`,group:`Tropical`},{id:`cherry`,name:`Cherry`,group:`Stone`},{id:`peach`,name:`Peach`,group:`Stone`},{id:`plum`,name:`Plum`,group:`Stone`}];function T(e){return(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?w.filter(e=>e.name.toLowerCase().includes(t)):w},[e])}function E(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0}),(0,C.jsxs)(a,{size:`xs`,type:`secondary`,children:[`value: `,n?.name??`—`]})]})}function D(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function O(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,highlightMatch:!0,strings:{placeholder:`Type "an" or "ea"…`}})})}function k(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(w),[i,o]=(0,S.useState)(null);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:i,onSelectedValueChange:o,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,creatable:!0,onCreate:e=>{let n={id:e.toLowerCase(),name:e};r(e=>[...e,n]),o(n),t(``)},strings:{placeholder:`Pick or create…`,createNew:`Create`}}),(0,C.jsxs)(a,{size:`xs`,type:`secondary`,children:[`items: `,n.length]})]})}function A(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Find a fruit…`,noResults:`Nothing matches`}}),(0,C.jsxs)(a,{size:`xs`,type:`secondary`,children:[`selected: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function j(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]);return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,applyButton:!0,strings:{placeholder:`Pick fruits…`}}),(0,C.jsxs)(a,{size:`xs`,type:`secondary`,children:[`committed: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function M(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,closeOnSelect:!0,strings:{placeholder:`Add a fruit…`}})})}function N(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(p,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.group??`Other`,minSearchLength:0})})}function P(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?v.filter(e=>e.name.toLowerCase().includes(t)||e.role.toLowerCase().includes(t)):v},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.role,minSearchLength:0,strings:{placeholder:`Pick a teammate…`}})})}function F(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]),[i,a]=(0,S.useState)(!0),[o,s]=(0,S.useState)(null);return(0,S.useEffect)(()=>{let e=!0;return a(!0),b().then(t=>{e&&(r(t),a(!1))}),()=>{e=!1}},[]),(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,isLoading:i,minSearchLength:0,strings:{placeholder:`Search customers…`,searching:`Loading customers…`}})})}function I(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)([]),[i,a]=(0,S.useState)(!1),[o,s]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:n,searchValue:e,onSearchValueChange:t,onSearch:e=>{a(!0),y().then(t=>{let n=e.toLowerCase().trim();r(n?t.filter(e=>e.name.toLowerCase().includes(n)):t),a(!1)})},debounceMs:250,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>e.name,getItemKey:e=>e.id,isLoading:i,minSearchLength:2,strings:{placeholder:`Type a name…`,typeMore:`Type at least 2 characters`,searching:`Searching…`}})})}function L(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(1),[i,o]=(0,S.useState)(!1),[s,c]=(0,S.useState)(null),l=g.slice(0,n*4),u=l.length<g.length;return(0,C.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,C.jsx)(m,{items:l,searchValue:e,onSearchValueChange:t,selectedValue:s,onSelectedValueChange:c,getItemLabel:e=>e.name,getItemKey:e=>e.id,hasMore:u,onLoadMore:()=>{o(!0),setTimeout(()=>{r(e=>e+1),o(!1)},350)},isLoadingMore:i,minSearchLength:0,strings:{placeholder:`Scroll for more…`,loadingMore:`Loading more…`}}),(0,C.jsxs)(a,{size:`xs`,type:`secondary`,children:[`page `,n,` • `,l.length,`/`,g.length]})]})}function R(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?g.filter(e=>e.name.toLowerCase().includes(t)):g},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,renderItem:e=>(0,C.jsxs)(`div`,{className:`flex items-center gap-2.5 w-full`,children:[(0,C.jsx)(d,{className:`h-7 w-7`,children:(0,C.jsx)(u,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,C.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,C.jsx)(a,{weight:`semibold`,children:e.name}),(0,C.jsx)(a,{size:`xs`,type:`secondary`,children:e.email})]}),(0,C.jsx)(o,{variant:`secondary`,children:e.country})]}),strings:{placeholder:`Pick a customer…`}})})}function z(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?_.filter(e=>e.number.toLowerCase().includes(t)):_},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.number,getItemKey:e=>e.id,getItemGroup:e=>e.status,renderGroupLabel:e=>(0,C.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,C.jsx)(a,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`uppercase tracking-wide`,children:e})}),minSearchLength:0,strings:{placeholder:`Find an order…`}})})}function B(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{size:`sm`,items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function V(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{size:`md`,items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function H(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{size:`lg`,items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function U(){let[e,t]=(0,S.useState)(``);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:w,searchValue:e,onSearchValueChange:t,selectedValue:w[0]??null,onSelectedValueChange:()=>{},getItemLabel:e=>e.name,getItemKey:e=>e.id,disabled:!0,minSearchLength:0})})}function W(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,C.jsx)(m,{items:T(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,required:!0,error:`A selection is required`})})}function G(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t.length<2?[]:g.filter(e=>e.name.toLowerCase().includes(t))},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:2,strings:{placeholder:`Type to search…`,typeMore:`Type at least 2 characters`}})})}function K(){let[e,t]=(0,S.useState)(``),[n,r]=(0,S.useState)(null);return(0,C.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,C.jsx)(m,{items:(0,S.useMemo)(()=>{let t=e.toLowerCase().trim();return t?g.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):g},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Search customers…`}})})}function q(){let{control:e,watch:t}=f({defaultValues:{assignee:null},mode:`onBlur`}),[n,r]=(0,S.useState)(``),i=t(`assignee`),s=(0,S.useMemo)(()=>{let e=n.toLowerCase().trim();return e?v.filter(t=>t.name.toLowerCase().includes(e)||t.role.toLowerCase().includes(e)):v},[n]);return(0,C.jsxs)(`div`,{className:`grid w-full max-w-sm gap-2`,children:[(0,C.jsx)(h,{name:`assignee`,control:e,label:`Assignee`,required:!0,hint:`Search by teammate or role.`,rules:{required:`Choose an assignee`},children:(e,t,i)=>(0,C.jsx)(m,{name:e.name,items:s,searchValue:n,onSearchValueChange:r,selectedValue:e.value,onSelectedValueChange:e.onChange,onBlur:e.onBlur,invalid:i,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Assign owner…`},renderItem:e=>(0,C.jsxs)(`div`,{className:`flex w-full items-center gap-2.5`,children:[(0,C.jsx)(d,{className:`h-7 w-7`,children:(0,C.jsx)(u,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,C.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,C.jsx)(a,{weight:`semibold`,children:e.name}),(0,C.jsx)(a,{size:`xs`,type:`secondary`,children:e.role})]}),(0,C.jsx)(o,{variant:`secondary`,children:e.role})]})})}),(0,C.jsxs)(a,{size:`xs`,type:`secondary`,children:[`Selected owner: `,i?.name??`none`]})]})}var J=`import { useEffect, useMemo, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { EnhancedCombobox, EnhancedComboboxMultiple } from '@/components/base/combobox';
 import { ControlledFormField } from '@/components/base/forms';
@@ -677,13 +677,13 @@ export function FormFieldIntegration() {
 		</div>
 	);
 }
-`;function Y(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return x||Z(`Examples`,!1),F||Z(`Examples.AsyncCustomers`,!0),I||Z(`Examples.AsyncDebouncedSearch`,!0),L||Z(`Examples.AsyncWithLoadMore`,!0),z||Z(`Examples.CustomGroupLabels`,!0),R||Z(`Examples.CustomItemRendering`,!0),E||Z(`Examples.Default`,!0),U||Z(`Examples.Disabled`,!0),q||Z(`Examples.FormFieldIntegration`,!0),P||Z(`Examples.GroupedTeamByRole`,!0),W||Z(`Examples.Invalid`,!0),G||Z(`Examples.MinSearchLength`,!0),j||Z(`Examples.MultipleApplyButton`,!0),M||Z(`Examples.MultipleCloseOnSelect`,!0),N||Z(`Examples.MultipleGrouped`,!0),A||Z(`Examples.MultipleSelect`,!0),K||Z(`Examples.RealisticCustomerPicker`,!0),k||Z(`Examples.SingleCreatable`,!0),O||Z(`Examples.SingleHighlightMatch`,!0),D||Z(`Examples.SingleSelect`,!0),H||Z(`Examples.SizeLg`,!0),V||Z(`Examples.SizeMd`,!0),B||Z(`Examples.SizeSm`,!0),(0,C.jsxs)(i,{title:`Combobox`,description:`EnhancedCombobox and EnhancedComboboxMultiple — searchable, optionally grouped, with apply / close-on-select behaviours, async fetchers, custom rendering, and form integration.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/combobox`,children:[(0,C.jsx)(a,{title:`Overview`,id:`overview`,children:(0,C.jsxs)(t.p,{children:[`The combobox primitives are intentionally generic — pass an `,(0,C.jsx)(t.code,{children:`items`}),` array
+`;function Y(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return x||Z(`Examples`,!1),F||Z(`Examples.AsyncCustomers`,!0),I||Z(`Examples.AsyncDebouncedSearch`,!0),L||Z(`Examples.AsyncWithLoadMore`,!0),z||Z(`Examples.CustomGroupLabels`,!0),R||Z(`Examples.CustomItemRendering`,!0),E||Z(`Examples.Default`,!0),U||Z(`Examples.Disabled`,!0),q||Z(`Examples.FormFieldIntegration`,!0),P||Z(`Examples.GroupedTeamByRole`,!0),W||Z(`Examples.Invalid`,!0),G||Z(`Examples.MinSearchLength`,!0),j||Z(`Examples.MultipleApplyButton`,!0),M||Z(`Examples.MultipleCloseOnSelect`,!0),N||Z(`Examples.MultipleGrouped`,!0),A||Z(`Examples.MultipleSelect`,!0),K||Z(`Examples.RealisticCustomerPicker`,!0),k||Z(`Examples.SingleCreatable`,!0),O||Z(`Examples.SingleHighlightMatch`,!0),D||Z(`Examples.SingleSelect`,!0),H||Z(`Examples.SizeLg`,!0),V||Z(`Examples.SizeMd`,!0),B||Z(`Examples.SizeSm`,!0),(0,C.jsxs)(r,{title:`Combobox`,description:`EnhancedCombobox and EnhancedComboboxMultiple — searchable, optionally grouped, with apply / close-on-select behaviours, async fetchers, custom rendering, and form integration.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/combobox`,children:[(0,C.jsx)(i,{title:`Overview`,id:`overview`,children:(0,C.jsxs)(t.p,{children:[`The combobox primitives are intentionally generic — pass an `,(0,C.jsx)(t.code,{children:`items`}),` array
 (any shape), a `,(0,C.jsx)(t.code,{children:`getItemLabel`}),` and `,(0,C.jsx)(t.code,{children:`getItemKey`}),`, and own the `,(0,C.jsx)(t.code,{children:`searchValue`}),` and
 `,(0,C.jsx)(t.code,{children:`selectedValue(s)`}),` state. Optional `,(0,C.jsx)(t.code,{children:`getItemGroup`}),` collapses items into
 sections; `,(0,C.jsx)(t.code,{children:`applyButton`}),` defers commit until the user clicks Apply;
 `,(0,C.jsx)(t.code,{children:`closeOnSelect`}),` closes the popover after each pick. `,(0,C.jsx)(t.code,{children:`creatable`}),` + `,(0,C.jsx)(t.code,{children:`onCreate`}),`
 turn it into a free-form input. Every callback (`,(0,C.jsx)(t.code,{children:`onSearch`}),`, `,(0,C.jsx)(t.code,{children:`onLoadMore`}),`,
-`,(0,C.jsx)(t.code,{children:`onCreate`}),`) is an opt-in seam — no hardcoded fetcher, no opinionated wiring.`]})}),(0,C.jsxs)(a,{title:`Consumer usage`,id:`usage`,children:[(0,C.jsx)(t.p,{children:`Consumers import the searchable select primitives from the exact package
+`,(0,C.jsx)(t.code,{children:`onCreate`}),`) is an opt-in seam — no hardcoded fetcher, no opinionated wiring.`]})}),(0,C.jsxs)(i,{title:`Consumer usage`,id:`usage`,children:[(0,C.jsx)(t.p,{children:`Consumers import the searchable select primitives from the exact package
 entrypoint:`}),(0,C.jsx)(t.pre,{children:(0,C.jsx)(t.code,{className:`language-tsx`,children:`import { EnhancedCombobox, EnhancedComboboxMultiple } from 'admin-ui-starter-kit/base/combobox';
 import { ControlledFormField } from 'admin-ui-starter-kit/base/forms';
 `})}),(0,C.jsxs)(t.p,{children:[`Use `,(0,C.jsx)(t.code,{children:`EnhancedCombobox`}),` for one value and `,(0,C.jsx)(t.code,{children:`EnhancedComboboxMultiple`}),` for arrays.
@@ -693,4 +693,4 @@ restore selected values, and keep list keys stable across async refreshes.`]}),(
 `,(0,C.jsx)(t.code,{children:`field.onBlur`}),`, `,(0,C.jsx)(t.code,{children:`field.value`}),`, and `,(0,C.jsx)(t.code,{children:`field.onChange`}),`, then forward the third
 render-prop argument as `,(0,C.jsx)(t.code,{children:`invalid={invalid}`}),`. Use the combobox `,(0,C.jsx)(t.code,{children:`error`}),` prop only
 when the combobox renders outside `,(0,C.jsx)(t.code,{children:`FormField`}),` and needs to display its own error
-message.`]})]}),(0,C.jsxs)(a,{title:`Single`,id:`single`,children:[(0,C.jsx)(o,{name:`Default`,source:J,children:(0,C.jsx)(E,{})}),(0,C.jsx)(o,{name:`SingleSelect`,source:J,children:(0,C.jsx)(D,{})}),(0,C.jsx)(o,{name:`SingleHighlightMatch`,source:J,children:(0,C.jsx)(O,{})}),(0,C.jsx)(o,{name:`SingleCreatable`,source:J,children:(0,C.jsx)(k,{})})]}),(0,C.jsxs)(a,{title:`Multiple`,id:`multiple`,children:[(0,C.jsx)(o,{name:`MultipleSelect`,source:J,children:(0,C.jsx)(A,{})}),(0,C.jsx)(o,{name:`MultipleApplyButton`,source:J,children:(0,C.jsx)(j,{})}),(0,C.jsx)(o,{name:`MultipleCloseOnSelect`,source:J,children:(0,C.jsx)(M,{})})]}),(0,C.jsxs)(a,{title:`Grouped options`,id:`grouped`,children:[(0,C.jsx)(o,{name:`MultipleGrouped`,source:J,children:(0,C.jsx)(N,{})}),(0,C.jsx)(o,{name:`GroupedTeamByRole`,source:J,children:(0,C.jsx)(P,{})})]}),(0,C.jsxs)(a,{title:`Async / fetcher`,id:`async`,children:[(0,C.jsx)(o,{name:`AsyncCustomers`,source:J,children:(0,C.jsx)(F,{})}),(0,C.jsx)(o,{name:`AsyncDebouncedSearch`,source:J,children:(0,C.jsx)(I,{})}),(0,C.jsx)(o,{name:`AsyncWithLoadMore`,source:J,children:(0,C.jsx)(L,{})})]}),(0,C.jsxs)(a,{title:`Custom rendering`,id:`custom-rendering`,children:[(0,C.jsx)(o,{name:`CustomItemRendering`,source:J,children:(0,C.jsx)(R,{})}),(0,C.jsx)(o,{name:`CustomGroupLabels`,source:J,children:(0,C.jsx)(z,{})})]}),(0,C.jsxs)(a,{title:`Sizes`,id:`sizes`,children:[(0,C.jsx)(o,{name:`SizeSm`,source:J,children:(0,C.jsx)(B,{})}),(0,C.jsx)(o,{name:`SizeMd`,source:J,children:(0,C.jsx)(V,{})}),(0,C.jsx)(o,{name:`SizeLg`,source:J,children:(0,C.jsx)(H,{})})]}),(0,C.jsxs)(a,{title:`States`,id:`states`,children:[(0,C.jsx)(o,{name:`Disabled`,source:J,children:(0,C.jsx)(U,{})}),(0,C.jsx)(o,{name:`Invalid`,source:J,children:(0,C.jsx)(W,{})}),(0,C.jsx)(o,{name:`MinSearchLength`,source:J,children:(0,C.jsx)(G,{})})]}),(0,C.jsxs)(a,{title:`Realistic usage`,id:`realistic`,children:[(0,C.jsx)(o,{name:`RealisticCustomerPicker`,source:J,children:(0,C.jsx)(K,{})}),(0,C.jsx)(o,{name:`FormFieldIntegration`,source:J,children:(0,C.jsx)(q,{})})]}),(0,C.jsxs)(a,{title:`API`,id:`api`,children:[(0,C.jsx)(t.h4,{children:`EnhancedCombobox`}),(0,C.jsx)(l,{component:`EnhancedCombobox`}),(0,C.jsx)(t.h4,{children:`EnhancedComboboxMultiple`}),(0,C.jsx)(l,{component:`EnhancedComboboxMultiple`})]})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(Y,{...e})}):Y(e)}function Z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{X as default};
+message.`]})]}),(0,C.jsxs)(i,{title:`Single`,id:`single`,children:[(0,C.jsx)(s,{name:`Default`,source:J,children:(0,C.jsx)(E,{})}),(0,C.jsx)(s,{name:`SingleSelect`,source:J,children:(0,C.jsx)(D,{})}),(0,C.jsx)(s,{name:`SingleHighlightMatch`,source:J,children:(0,C.jsx)(O,{})}),(0,C.jsx)(s,{name:`SingleCreatable`,source:J,children:(0,C.jsx)(k,{})})]}),(0,C.jsxs)(i,{title:`Multiple`,id:`multiple`,children:[(0,C.jsx)(s,{name:`MultipleSelect`,source:J,children:(0,C.jsx)(A,{})}),(0,C.jsx)(s,{name:`MultipleApplyButton`,source:J,children:(0,C.jsx)(j,{})}),(0,C.jsx)(s,{name:`MultipleCloseOnSelect`,source:J,children:(0,C.jsx)(M,{})})]}),(0,C.jsxs)(i,{title:`Grouped options`,id:`grouped`,children:[(0,C.jsx)(s,{name:`MultipleGrouped`,source:J,children:(0,C.jsx)(N,{})}),(0,C.jsx)(s,{name:`GroupedTeamByRole`,source:J,children:(0,C.jsx)(P,{})})]}),(0,C.jsxs)(i,{title:`Async / fetcher`,id:`async`,children:[(0,C.jsx)(s,{name:`AsyncCustomers`,source:J,children:(0,C.jsx)(F,{})}),(0,C.jsx)(s,{name:`AsyncDebouncedSearch`,source:J,children:(0,C.jsx)(I,{})}),(0,C.jsx)(s,{name:`AsyncWithLoadMore`,source:J,children:(0,C.jsx)(L,{})})]}),(0,C.jsxs)(i,{title:`Custom rendering`,id:`custom-rendering`,children:[(0,C.jsx)(s,{name:`CustomItemRendering`,source:J,children:(0,C.jsx)(R,{})}),(0,C.jsx)(s,{name:`CustomGroupLabels`,source:J,children:(0,C.jsx)(z,{})})]}),(0,C.jsxs)(i,{title:`Sizes`,id:`sizes`,children:[(0,C.jsx)(s,{name:`SizeSm`,source:J,children:(0,C.jsx)(B,{})}),(0,C.jsx)(s,{name:`SizeMd`,source:J,children:(0,C.jsx)(V,{})}),(0,C.jsx)(s,{name:`SizeLg`,source:J,children:(0,C.jsx)(H,{})})]}),(0,C.jsxs)(i,{title:`States`,id:`states`,children:[(0,C.jsx)(s,{name:`Disabled`,source:J,children:(0,C.jsx)(U,{})}),(0,C.jsx)(s,{name:`Invalid`,source:J,children:(0,C.jsx)(W,{})}),(0,C.jsx)(s,{name:`MinSearchLength`,source:J,children:(0,C.jsx)(G,{})})]}),(0,C.jsxs)(i,{title:`Realistic usage`,id:`realistic`,children:[(0,C.jsx)(s,{name:`RealisticCustomerPicker`,source:J,children:(0,C.jsx)(K,{})}),(0,C.jsx)(s,{name:`FormFieldIntegration`,source:J,children:(0,C.jsx)(q,{})})]}),(0,C.jsxs)(i,{title:`API`,id:`api`,children:[(0,C.jsx)(t.h4,{children:`EnhancedCombobox`}),(0,C.jsx)(l,{component:`EnhancedCombobox`}),(0,C.jsx)(t.h4,{children:`EnhancedComboboxMultiple`}),(0,C.jsx)(l,{component:`EnhancedComboboxMultiple`})]})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(Y,{...e})}):Y(e)}function Z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{X as default};

package/dist/showcase/assets/{command-C37Q471b.js → command-C4F78Ppy.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{n as t,s as n}from"./index-Cz4UGUT2.js";import{a as r,n as i,o as a,r as o,t as s}from"./command-BtaMPVtf.js";e();var c=n();function l({className:e,...n}){return(0,c.jsx)(s,{className:t(`command--component`,`rounded-md! p-0 bg-transparent`,e),...n})}function u({className:e,...n}){return(0,c.jsx)(a,{className:t(`max-h-72 px-1 py-1`,e),...n})}function d({className:e,...n}){return(0,c.jsx)(o,{className:t(`p-0 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pt-1.5 [&_[cmdk-group-heading]]:pb-0.5 [&_[cmdk-group-heading]]:text-[length:var(--text-xxs)] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function f({className:e,...n}){return(0,c.jsx)(r,{className:t(`px-2 py-(--row-py) gap-2 rounded-md text-[length:var(--text-xs)]`,e),...n})}function p({className:e,...n}){return(0,c.jsx)(i,{className:t(`py-4 text-center text-[length:var(--text-xs)] text-muted-foreground`,e),...n})}export{u as a,f as i,p as n,d as r,l as t};
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{n as t,s as n}from"./index-BQIv1ffM.js";import{a as r,n as i,o as a,r as o,t as s}from"./command-wjOXUieO.js";e();var c=n();function l({className:e,...n}){return(0,c.jsx)(s,{className:t(`command--component`,`rounded-md! p-0 bg-transparent`,e),...n})}function u({className:e,...n}){return(0,c.jsx)(a,{className:t(`max-h-72 px-1 py-1`,e),...n})}function d({className:e,...n}){return(0,c.jsx)(o,{className:t(`p-0 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pt-1.5 [&_[cmdk-group-heading]]:pb-0.5 [&_[cmdk-group-heading]]:text-[length:var(--text-xxs)] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function f({className:e,...n}){return(0,c.jsx)(r,{className:t(`px-2 py-(--row-py) gap-2 rounded-md text-[length:var(--text-xs)]`,e),...n})}function p({className:e,...n}){return(0,c.jsx)(i,{className:t(`py-4 text-center text-[length:var(--text-xs)] text-muted-foreground`,e),...n})}export{u as a,f as i,p as n,d as r,l as t};

package/dist/showcase/assets/command-wjOXUieO.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{Fr as r,Pr as i,Ur as a}from"./example-Cz_880po.js";import{i as o,n as s,s as c}from"./index-BQIv1ffM.js";import{a as l,i as u,l as d,n as f,o as p}from"./dist-CjZ6RM9v.js";import{n as m,t as h}from"./input-group-BmqJ20bA.js";var g=1,_=.9,v=.8,y=.17,b=.1,x=.999,S=.9999,C=.99,w=/[\\\/_+.#"@\[\(\{&]/,T=/[\\\/_+.#"@\[\(\{&]/g,E=/[\s-]/,D=/[\s-]/g;function O(e,t,n,r,i,a,o){if(a===t.length)return i===e.length?g:C;var s=`${i},${a}`;if(o[s]!==void 0)return o[s];for(var c=r.charAt(a),l=n.indexOf(c,i),u=0,d,f,p,m;l>=0;)d=O(e,t,n,r,l+1,a+1,o),d>u&&(l===i?d*=g:w.test(e.charAt(l-1))?(d*=v,p=e.slice(i,l-1).match(T),p&&i>0&&(d*=x**+p.length)):E.test(e.charAt(l-1))?(d*=_,m=e.slice(i,l-1).match(D),m&&i>0&&(d*=x**+m.length)):(d*=y,i>0&&(d*=x**+(l-i))),e.charAt(l)!==t.charAt(a)&&(d*=S)),(d<b&&n.charAt(l-1)===r.charAt(a+1)||r.charAt(a+1)===r.charAt(a)&&n.charAt(l-1)!==r.charAt(a))&&(f=O(e,t,n,r,l+1,a+2,o),f*b>d&&(d=f*b)),d>u&&(u=d),l=n.indexOf(c,l+1);return o[s]=u,u}function k(e){return e.toLowerCase().replace(D,` `)}function A(e,t,n){return e=n&&n.length>0?`${e+` `+n.join(` `)}`:e,O(e,t,k(e),k(t),0,0,{})}var j=e(t(),1);n();var M=c(),N=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=i(`Primitive.${t}`),r=j.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,M.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),P=`[cmdk-group=""]`,F=`[cmdk-group-items=""]`,ee=`[cmdk-group-heading=""]`,I=`[cmdk-item=""]`,L=`${I}:not([aria-disabled="true"])`,R=`cmdk-item-select`,z=`data-value`,te=(e,t,n)=>A(e,t,n),B=j.createContext(void 0),V=()=>j.useContext(B),H=j.createContext(void 0),U=()=>j.useContext(H),W=j.createContext(void 0),G=j.forwardRef((e,t)=>{let n=Z(()=>({search:``,value:e.value??e.defaultValue??``,selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),r=Z(()=>new Set),i=Z(()=>new Map),a=Z(()=>new Map),o=Z(()=>new Set),s=le(e),{label:c,children:l,value:u,onValueChange:f,filter:p,shouldFilter:m,loop:h,disablePointerSelection:g=!1,vimBindings:_=!0,...v}=e,y=d(),b=d(),x=d(),S=j.useRef(null),C=de();X(()=>{if(u!==void 0){let e=u.trim();n.current.value=e,w.emit()}},[u]),X(()=>{C(6,A)},[]);let w=j.useMemo(()=>({subscribe:e=>(o.current.add(e),()=>o.current.delete(e)),snapshot:()=>n.current,setState:(e,t,r)=>{var i,a,o;if(!Object.is(n.current[e],t)){if(n.current[e]=t,e===`search`)k(),D(),C(1,O);else if(e===`value`){if(document.activeElement.hasAttribute(`cmdk-input`)||document.activeElement.hasAttribute(`cmdk-root`)){let e=document.getElementById(x);e?e.focus():(i=document.getElementById(y))==null||i.focus()}if(C(7,()=>{n.current.selectedItemId=M()?.id,w.emit()}),r||C(5,A),s.current?.value!==void 0){let e=t??``;(o=(a=s.current).onValueChange)==null||o.call(a,e);return}}w.emit()}},emit:()=>{o.current.forEach(e=>e())}}),[]),T=j.useMemo(()=>({value:(e,t,r)=>{t!==a.current.get(e)?.value&&(a.current.set(e,{value:t,keywords:r}),n.current.filtered.items.set(e,E(t,r)),C(2,()=>{D(),w.emit()}))},item:(e,t)=>(r.current.add(e),t&&(i.current.has(t)?i.current.get(t).add(e):i.current.set(t,new Set([e]))),C(3,()=>{k(),D(),n.current.value||O(),w.emit()}),()=>{a.current.delete(e),r.current.delete(e),n.current.filtered.items.delete(e);let t=M();C(4,()=>{k(),t?.getAttribute(`id`)===e&&O(),w.emit()})}),group:e=>(i.current.has(e)||i.current.set(e,new Set),()=>{a.current.delete(e),i.current.delete(e)}),filter:()=>s.current.shouldFilter,label:c||e[`aria-label`],getDisablePointerSelection:()=>s.current.disablePointerSelection,listId:y,inputId:x,labelId:b,listInnerRef:S}),[]);function E(e,t){let r=s.current?.filter??te;return e?r(e,n.current.search,t):0}function D(){if(!n.current.search||s.current.shouldFilter===!1)return;let e=n.current.filtered.items,t=[];n.current.filtered.groups.forEach(n=>{let r=i.current.get(n),a=0;r.forEach(t=>{let n=e.get(t);a=Math.max(n,a)}),t.push([n,a])});let r=S.current;V().sort((t,n)=>{let r=t.getAttribute(`id`),i=n.getAttribute(`id`);return(e.get(i)??0)-(e.get(r)??0)}).forEach(e=>{let t=e.closest(F);t?t.appendChild(e.parentElement===t?e:e.closest(`${F} > *`)):r.appendChild(e.parentElement===r?e:e.closest(`${F} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{let t=S.current?.querySelector(`${P}[${z}="${encodeURIComponent(e[0])}"]`);t?.parentElement.appendChild(t)})}function O(){let e=V().find(e=>e.getAttribute(`aria-disabled`)!==`true`)?.getAttribute(z);w.setState(`value`,e||void 0)}function k(){if(!n.current.search||s.current.shouldFilter===!1){n.current.filtered.count=r.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let t of r.current){let r=E(a.current.get(t)?.value??``,a.current.get(t)?.keywords??[]);n.current.filtered.items.set(t,r),r>0&&e++}for(let[e,t]of i.current)for(let r of t)if(n.current.filtered.items.get(r)>0){n.current.filtered.groups.add(e);break}n.current.filtered.count=e}function A(){var e;let t=M();t&&(t.parentElement?.firstChild===t&&((e=t.closest(P)?.querySelector(ee))==null||e.scrollIntoView({block:`nearest`})),t.scrollIntoView({block:`nearest`}))}function M(){return S.current?.querySelector(`${I}[aria-selected="true"]`)}function V(){return Array.from(S.current?.querySelectorAll(L)||[])}function U(e){let t=V()[e];t&&w.setState(`value`,t.getAttribute(z))}function W(e){var t;let n=M(),r=V(),i=r.findIndex(e=>e===n),a=r[i+e];(t=s.current)!=null&&t.loop&&(a=i+e<0?r[r.length-1]:i+e===r.length?r[0]:r[i+e]),a&&w.setState(`value`,a.getAttribute(z))}function G(e){let t=M()?.closest(P),n;for(;t&&!n;)t=e>0?se(t,P):ce(t,P),n=t?.querySelector(L);n?w.setState(`value`,n.getAttribute(z)):W(e)}let K=()=>U(V().length-1),q=e=>{e.preventDefault(),e.metaKey?K():e.altKey?G(1):W(1)},J=e=>{e.preventDefault(),e.metaKey?U(0):e.altKey?G(-1):W(-1)};return j.createElement(N.div,{ref:t,tabIndex:-1,...v,"cmdk-root":``,onKeyDown:e=>{var t;(t=v.onKeyDown)==null||t.call(v,e);let n=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||n))switch(e.key){case`n`:case`j`:_&&e.ctrlKey&&q(e);break;case`ArrowDown`:q(e);break;case`p`:case`k`:_&&e.ctrlKey&&J(e);break;case`ArrowUp`:J(e);break;case`Home`:e.preventDefault(),U(0);break;case`End`:e.preventDefault(),K();break;case`Enter`:{e.preventDefault();let t=M();if(t){let e=new Event(R);t.dispatchEvent(e)}}}}},j.createElement(`label`,{"cmdk-label":``,htmlFor:T.inputId,id:T.labelId,style:pe},c),$(e,e=>j.createElement(H.Provider,{value:w},j.createElement(B.Provider,{value:T},e))))}),K=j.forwardRef((e,t)=>{let n=d(),i=j.useRef(null),a=j.useContext(W),o=V(),s=le(e),c=s.current?.forceMount??a?.forceMount;X(()=>{if(!c)return o.item(n,a?.id)},[c]);let l=ue(n,i,[e.value,e.children,i],e.keywords),u=U(),f=Q(e=>e.value&&e.value===l.current),p=Q(e=>c||o.filter()===!1?!0:e.search?e.filtered.items.get(n)>0:!0);j.useEffect(()=>{let t=i.current;if(!(!t||e.disabled))return t.addEventListener(R,m),()=>t.removeEventListener(R,m)},[p,e.onSelect,e.disabled]);function m(){var e,t;h(),(t=(e=s.current).onSelect)==null||t.call(e,l.current)}function h(){u.setState(`value`,l.current,!0)}if(!p)return null;let{disabled:g,value:_,onSelect:v,forceMount:y,keywords:b,...x}=e;return j.createElement(N.div,{ref:r(i,t),...x,id:n,"cmdk-item":``,role:`option`,"aria-disabled":!!g,"aria-selected":!!f,"data-disabled":!!g,"data-selected":!!f,onPointerMove:g||o.getDisablePointerSelection()?void 0:h,onClick:g?void 0:m},e.children)}),q=j.forwardRef((e,t)=>{let{heading:n,children:i,forceMount:a,...o}=e,s=d(),c=j.useRef(null),l=j.useRef(null),u=d(),f=V(),p=Q(e=>a||f.filter()===!1?!0:e.search?e.filtered.groups.has(s):!0);X(()=>f.group(s),[]),ue(s,c,[e.value,e.heading,l]);let m=j.useMemo(()=>({id:s,forceMount:a}),[a]);return j.createElement(N.div,{ref:r(c,t),...o,"cmdk-group":``,role:`presentation`,hidden:p?void 0:!0},n&&j.createElement(`div`,{ref:l,"cmdk-group-heading":``,"aria-hidden":!0,id:u},n),$(e,e=>j.createElement(`div`,{"cmdk-group-items":``,role:`group`,"aria-labelledby":n?u:void 0},j.createElement(W.Provider,{value:m},e))))}),J=j.forwardRef((e,t)=>{let{alwaysRender:n,...i}=e,a=j.useRef(null),o=Q(e=>!e.search);return!n&&!o?null:j.createElement(N.div,{ref:r(a,t),...i,"cmdk-separator":``,role:`separator`})}),ne=j.forwardRef((e,t)=>{let{onValueChange:n,...r}=e,i=e.value!=null,a=U(),o=Q(e=>e.search),s=Q(e=>e.selectedItemId),c=V();return j.useEffect(()=>{e.value!=null&&a.setState(`search`,e.value)},[e.value]),j.createElement(N.input,{ref:t,...r,"cmdk-input":``,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,"aria-autocomplete":`list`,role:`combobox`,"aria-expanded":!0,"aria-controls":c.listId,"aria-labelledby":c.labelId,"aria-activedescendant":s,id:c.inputId,type:`text`,value:i?e.value:o,onChange:e=>{i||a.setState(`search`,e.target.value),n?.(e.target.value)}})}),re=j.forwardRef((e,t)=>{let{children:n,label:i=`Suggestions`,...a}=e,o=j.useRef(null),s=j.useRef(null),c=Q(e=>e.selectedItemId),l=V();return j.useEffect(()=>{if(s.current&&o.current){let e=s.current,t=o.current,n,r=new ResizeObserver(()=>{n=requestAnimationFrame(()=>{let n=e.offsetHeight;t.style.setProperty(`--cmdk-list-height`,n.toFixed(1)+`px`)})});return r.observe(e),()=>{cancelAnimationFrame(n),r.unobserve(e)}}},[]),j.createElement(N.div,{ref:r(o,t),...a,"cmdk-list":``,role:`listbox`,tabIndex:-1,"aria-activedescendant":c,"aria-label":i,id:l.listId},$(e,e=>j.createElement(`div`,{ref:r(s,l.listInnerRef),"cmdk-list-sizer":``},e)))}),ie=j.forwardRef((e,t)=>{let{open:n,onOpenChange:r,overlayClassName:i,contentClassName:a,container:o,...s}=e;return j.createElement(p,{open:n,onOpenChange:r},j.createElement(l,{container:o},j.createElement(u,{"cmdk-overlay":``,className:i}),j.createElement(f,{"aria-label":e.label,"cmdk-dialog":``,className:a},j.createElement(G,{ref:t,...s}))))}),ae=j.forwardRef((e,t)=>Q(e=>e.filtered.count===0)?j.createElement(N.div,{ref:t,...e,"cmdk-empty":``,role:`presentation`}):null),oe=j.forwardRef((e,t)=>{let{progress:n,children:r,label:i=`Loading...`,...a}=e;return j.createElement(N.div,{ref:t,...a,"cmdk-loading":``,role:`progressbar`,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i},$(e,e=>j.createElement(`div`,{"aria-hidden":!0},e)))}),Y=Object.assign(G,{List:re,Item:K,Input:ne,Group:q,Separator:J,Dialog:ie,Empty:ae,Loading:oe});function se(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return n;n=n.nextElementSibling}}function ce(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return n;n=n.previousElementSibling}}function le(e){let t=j.useRef(e);return X(()=>{t.current=e}),t}var X=typeof window>`u`?j.useEffect:j.useLayoutEffect;function Z(e){let t=j.useRef();return t.current===void 0&&(t.current=e()),t}function Q(e){let t=U(),n=()=>e(t.snapshot());return j.useSyncExternalStore(t.subscribe,n,n)}function ue(e,t,n,r=[]){let i=j.useRef(),a=V();return X(()=>{var o;let s=(()=>{for(let e of n){if(typeof e==`string`)return e.trim();if(typeof e==`object`&&`current`in e)return e.current?e.current.textContent?.trim():i.current}})(),c=r.map(e=>e.trim());a.value(e,s,c),(o=t.current)==null||o.setAttribute(z,s),i.current=s}),i}var de=()=>{let[e,t]=j.useState(),n=Z(()=>new Map);return X(()=>{n.current.forEach(e=>e()),n.current=new Map},[e]),(e,r)=>{n.current.set(e,r),t({})}};function fe(e){let t=e.type;return typeof t==`function`?t(e.props):`render`in t?t.render(e.props):e}function $({asChild:e,children:t},n){return e&&j.isValidElement(t)?j.cloneElement(fe(t),{ref:t.ref},n(t.props.children)):n(t)}var pe={position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,borderWidth:`0`};function me({className:e,...t}){return(0,M.jsx)(Y,{"data-slot":`command`,className:s(`bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden`,e),...t})}function he({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,M.jsxs)(h,{className:`bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!`,children:[(0,M.jsx)(Y.Input,{"data-slot":`command-input`,className:s(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...t}),(0,M.jsx)(m,{children:(0,M.jsx)(o,{className:`size-4 shrink-0 opacity-50`})})]})})}function ge({className:e,...t}){return(0,M.jsx)(Y.List,{"data-slot":`command-list`,className:s(`no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto`,e),...t})}function _e({className:e,...t}){return(0,M.jsx)(Y.Empty,{"data-slot":`command-empty`,className:s(`py-6 text-center text-sm`,e),...t})}function ve({className:e,...t}){return(0,M.jsx)(Y.Group,{"data-slot":`command-group`,className:s(`text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium`,e),...t})}function ye({className:e,...t}){return(0,M.jsx)(Y.Separator,{"data-slot":`command-separator`,className:s(`bg-border -mx-1 h-px w-auto`,e),...t})}function be({className:e,children:t,...n}){return(0,M.jsxs)(Y.Item,{"data-slot":`command-item`,className:s(`data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...n,children:[t,(0,M.jsx)(a,{className:`ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}export{be as a,he as i,_e as n,ge as o,ve as r,ye as s,me as t};

package/dist/showcase/assets/{comment-composer-W0xfh_HP.js → comment-composer-DeURrlgL.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Fr as r,kr as i,r as a,zr as o}from"./example-BIrQab7K.js";import{t as s}from"./file-text-D3AE37vP.js";import{t as c}from"./file-Dc5UHkfE.js";import{t as l}from"./image-Byz-p7hT.js";import{t as u}from"./rich-text-editor-Bha0lSKT.js";import{t as d}from"./paperclip-CDMZ_JAo.js";import{t as f}from"./send-BzGRF4t-.js";import{t as p}from"./x-BqJnRkKw.js";import{a as m,k as h,n as g,s as _}from"./index-Cz4UGUT2.js";import{i as v,t as y}from"./popover-BSB11Qjp.js";import{n as b,r as x,t as S}from"./mention-inline-suggestions-DyW6IwL8.js";var C=m(`at-sign`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8`,key:`7n84p3`}]]),w=m(`calendar-range`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M17 14h-6`,key:`bkmgh3`}],[`path`,{d:`M13 18H7`,key:`bb0bb7`}],[`path`,{d:`M7 14h.01`,key:`1qa3f1`}],[`path`,{d:`M17 18h.01`,key:`1bdyru`}]]),T=e(t(),1),E=_(),D={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function O(e){return h(D,e)}function k(e){let t=o(),n=r();return(0,T.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>t.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>t.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??n.formatRelativeTime}),[e,t,n.formatRelativeTime])}function A(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,T.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,T.useState)(()=>a[0]??null),[c,l]=(0,T.useState)(!1),[u,d]=(0,T.useState)(``),[f,p]=(0,T.useState)({}),[m,h]=(0,T.useState)(!1),[g,_]=(0,T.useState)(()=>r?[...r]:[]),v=(0,T.useRef)(0),y=(0,T.useRef)(null);(0,T.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let b=(0,T.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),x=(0,T.useCallback)(async(e,r)=>{let i=t?.[e];if(i?.search)return(await i.search(r)).map(t=>({...t,kind:e}));if(i?.suggestions){let t=i.suggestions;return(r.trim().length===0?t:t.filter(e=>e.label.toLowerCase().includes(r.toLowerCase()))).map(t=>({...t,kind:e}))}return n?(await n(r,e)).map(t=>({...t,kind:e})):[]},[t,n]);(0,T.useEffect)(()=>{if(y.current&&clearTimeout(y.current),a.length===0){p({});return}let e=++v.current,t=async()=>{h(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await x(e,u)]}catch{return[e,[]]}}));if(e!==v.current)return;let n={};for(let[e,r]of t)n[e]=r;p(n)}finally{e===v.current&&h(!1)}};return y.current=setTimeout(()=>{t()},i),()=>{y.current&&clearTimeout(y.current)}},[a,u,x,i]),(0,T.useEffect)(()=>{if(c||!o||(f[o]??[]).length>0)return;let e=a.find(e=>(f[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,c,f]);let S=(0,T.useCallback)(e=>{s(e)},[]),C=(0,T.useCallback)(e=>{d(e)},[]),w=(0,T.useCallback)(e=>{_(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,T.useCallback)(e=>{_(t=>t.filter(t=>t.id!==e))},[]),D=(0,T.useCallback)(e=>{_([...e])},[]),O=(0,T.useCallback)(()=>{_([]),d(``),l(!1),v.current++},[]),k=(0,T.useCallback)(e=>{let n=e.kind??o,r=`${n}:${e.id}`,i=t?.[n],a=e.href??i?.buildHref?.(e),s={id:r,kind:n,label:e.label,href:a,data:e.data};return w(s),s},[o,w,t]);return{kinds:a,activeKind:o,setActiveKind:S,activeResource:b,query:u,setQuery:C,suggestions:(0,T.useMemo)(()=>o?f[o]??[]:[],[o,f]),suggestionsByKind:f,isLoading:m,mentions:g,addMention:w,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:c,setManualKindOverride:l}}function j(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function M(e={}){let t=e.resources,n=e.onResourceSearch,r=A({...e,resources:t,onResourceSearch:n}),[i,a]=(0,T.useState)(!1),[o,s]=(0,T.useState)(!1),c=(0,T.useRef)(null),l=(0,T.useRef)(null),u=(0,T.useCallback)(e=>{a(e),e||(c.current=null,l.current=null,s(!1),r.setManualKindOverride(!1))},[r]),d=e.editorRef,f=(0,T.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let n=d?.current?.getCaretContext();if(!n){c.current&&(c.current=null,u(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),f=n.textBefore.match(o);if(!f){c.current&&(c.current=null,u(!1));return}let p=f[1],m=f[2]??``,h=e[p];c.current={kind:h,triggerChar:p,consumedLength:p.length+m.length},s(!0),l.current!==p&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),l.current=p),r.query!==m&&r.setQuery(m),a(!0)},[d,t,r,u]),p=(0,T.useCallback)(e=>{let n=r.selectSuggestion(e),i=c.current,a=t?.[n.kind]?.tone,o=j(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&d?.current?(d.current.replaceBeforeCaret(i.consumedLength,o),c.current=null):d?.current&&d.current.insertHTML(o),u(!1),n},[d,t,r,u]);return{...r,pickerOpen:i,setPickerOpen:u,triggerActive:o,handleCaretChange:f,pickSuggestion:p}}var N=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function P(e){if(!e)return[];let t=[],n=0,r;for(N.lastIndex=0;(r=N.exec(e))!==null;){let[i,,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}var F=`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none`;function I(e){let{html:t,mentions:n,resources:r,renderMention:i,sanitizer:a,className:o,prose:s=!0}=e,c=r,l=a?a(t??``):t??``,u=new Map;for(let e of n??[])u.set(e.id,e);let d=u.size>0?P(l):[{kind:`html`,value:l}],f=e=>{if(i)return i(e);let t=c?.[e.kind];return(0,E.jsx)(x,{mention:e,resource:t})},p=d.map((e,t)=>{if(e.kind===`mention`){let n=u.get(e.refId);return n?(0,E.jsx)(T.Fragment,{children:f(n)},`ref-${t}-${e.refId}`):(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return s?(0,E.jsx)(`div`,{className:g(`mention-content--component`,F,o),children:p}):(0,E.jsx)(E.Fragment,{children:p})}var L=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,R=/data-ref-kind\s*=\s*"([^"]+)"/i;function z(e){let t=[];if(!e)return t;let n=new Set,r;for(L.lastIndex=0;(r=L.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(R)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}function B(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function V(e){return e.mimeType?.startsWith(`image/`)?l:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?s:e.mimeType?c:d}var H=({attachment:e,editable:t=!1,onRemove:r,onRetry:o,accessors:s,strings:c,compact:l=!1,className:u})=>{let d=h(D,c),f=s?.getMediaUrl?.(e)??e.url,m=s?.getMediaName?.(e)??e.name??d.attachmentFallback,_=V(e),v=e.status===`uploading`,y=e.status===`failed`,b=B(e.size),x=v?d.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):y?e.error??d.attachmentFailedLabel:b,S=g(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,l?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,y?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,u),C=v?(0,E.jsx)(i,{className:g(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,E.jsx)(_,{className:g(`shrink-0`,`size-3.5`,y?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),w=(0,E.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,E.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:g(`truncate`,y&&`text-destructive`),children:m}),x?(0,E.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:x}):null]});return(0,E.jsxs)(`div`,{className:S,children:[C,f&&!v&&!y?(0,E.jsx)(`a`,{href:f,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":d.attachmentDownloadLabel,children:w}):w,v&&typeof e.progress==`number`&&(0,E.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,E.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),y&&o&&(0,E.jsx)(a,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`xs`,onClick:()=>o(e.id),className:`h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60`,children:d.attachmentRetryLabel}),t&&r&&(0,E.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>r(e.id),className:`-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground`,"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,children:(0,E.jsx)(p,{className:`size-3`})})]})};function U(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,T.useState)(()=>a?[...a]:[]),u=(0,T.useRef)(new Map),d=(0,T.useRef)(new Map),f=(0,T.useRef)(o);f.current=o;let p=(0,T.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),m=(0,T.useCallback)(e=>{l([...e])},[]),h=(0,T.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),p(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{p(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),p(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;p(e,{status:`failed`,error:n}),s?.(n)})},[s,t,p]),g=(0,T.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>h(i,e))}return t})},[h,i,r,n,s,t]),_=(0,T.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),v=(0,T.useCallback)(e=>{let t=d.current.get(e);t&&h(e,t)},[h]),y=(0,T.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,T.useEffect)(()=>{f.current?.(c)},[c]),(0,T.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,T.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,T.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:g,removeAttachment:_,retryAttachment:v,setAttachments:m,reset:y}}function W(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var G=(0,T.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:r=!1,errors:o,resetKey:s=0,onSubmit:c,onCancel:l,editingComment:p,strings:m,resources:h,onResourceSearch:g,attachments:_,initialValues:x,autoFocus:w=!1,inlineSubmit:D=!0,placeholder:k},A){let j=O(m),N=h,P=g,F=_,I=(0,T.useRef)(null),[L,R]=(0,T.useState)(()=>x?.content??p?.content??``),[B,V]=(0,T.useState)(null),G=M({resources:N,onResourceSearch:P,editorRef:I,initialMentions:x?.references??p?.references}),q=U({...F,initialAttachments:x?.attachments??void 0});(0,T.useImperativeHandle)(A,()=>({focus:()=>I.current?.focus(),clear:()=>{I.current?.clear(),G.reset(),q.reset(),V(null)},setBody:e=>{I.current?.setHTML(e)}}),[q,G]),(0,T.useEffect)(()=>{I.current?.setHTML(x?.content??``),G.setMentions(x?.references??[]),q.setAttachments(x?.attachments??[]),V(null)},[e.id,e.type,s]),(0,T.useEffect)(()=>{if(!p)return;I.current?.setHTML(p.content??``),G.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);q.setAttachments(e)},[p?.id]),(0,T.useEffect)(()=>{o?.content&&V(o.content)},[o]);let J=t=>{t?.preventDefault();let n=I.current?.getHTML()??L;if(!W(n)){V(j.invalidContent);return}V(null),c({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:G.mentions,attachments:q.uploadedAttachments,editingId:p?.id})},Y=(0,T.useRef)(null),X=()=>Y.current?.click(),ee=e=>{e&&q.addFiles(e)},Z=q.attachments.length>0,Q=!!p,te=r?j.composerSubmitting:Q?j.composerSave:j.composerSubmit,ne=Q?(0,E.jsx)(K,{label:j.composerEditingEyebrow,closeLabel:j.composerCancel,onClose:l}):null,re=(0,T.useMemo)(()=>{let e=[];return N&&Object.keys(N).length>0&&e.push({id:`reference`,icon:C,label:j.composerReferenceLabel,onClick:()=>G.setPickerOpen(!0)}),F?.onUpload&&!F.disabled&&e.push({id:`attachment`,icon:d,label:j.composerAttachmentLabel,onClick:X}),e},[N,F?.onUpload,F?.disabled,j.composerReferenceLabel,j.composerAttachmentLabel]);if(!t)return null;let $=(0,E.jsx)(a,{type:`button`,onClick:()=>J(),disabled:r||q.isUploading,icon:r?i:f,children:te}),ie=Q||l?(0,E.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:r,children:j.composerCancel}):null,ae=Z?(0,E.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:q.attachments.map(e=>(0,E.jsx)(H,{attachment:e,editable:!0,onRemove:q.removeAttachment,onRetry:q.retryAttachment,strings:m},e.id))}):null,oe=Z?ae:null,se=D===!1?null:$,ce=D===!1||Q;return(0,E.jsxs)(`form`,{onSubmit:J,className:`space-y-2`,children:[ne,(0,E.jsx)(`input`,{ref:Y,type:`file`,multiple:!0,hidden:!0,accept:F?.accept,onChange:e=>{ee(e.target.files),e.target.value=``}}),!G.triggerActive&&(0,E.jsxs)(y,{open:G.pickerOpen,onOpenChange:G.setPickerOpen,children:[(0,E.jsx)(v,{render:(0,E.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:j.composerReferenceLabel}),(0,E.jsx)(b,{open:G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,kinds:G.kinds,resources:N,query:G.query,setQuery:G.setQuery,suggestions:G.suggestions,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,searchPlaceholder:j.composerReferenceSearchPlaceholder,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),(0,E.jsxs)(`div`,{className:`relative`,children:[(0,E.jsx)(u,{ref:I,value:L,onChange:e=>{R(e);let t=z(e),n=G.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);G.setMentions(r)}},placeholder:k??j.composerPlaceholder,strings:{editorLabel:k??j.composerPlaceholder},minHeight:`3rem`,autoFocus:w||Q,extraToolbarItems:re,toolbarTrailing:se,footerSlot:oe,onCaretChange:G.handleCaretChange}),(0,E.jsx)(S,{open:G.triggerActive&&G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,onManualKindChange:()=>G.setManualKindOverride(!0),kinds:G.kinds,resources:N,query:G.query,suggestions:G.suggestions,suggestionsByKind:G.suggestionsByKind,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),B&&(0,E.jsx)(n,{size:`xs`,type:`error`,children:B}),ce&&(0,E.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[ie,$]})]})});function K({label:e,closeLabel:t,onClose:r}){return(0,E.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,E.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),r?(0,E.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:r,className:`size-4 rounded p-0 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,E.jsx)(p,{className:`size-3`})}):null]})}export{O as a,k as i,H as n,w as o,I as r,G as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,Vr as r,Zr as i,qr as a,r as o}from"./example-Cz_880po.js";import{t as s}from"./file-text-DwqbUujq.js";import{t as c}from"./file-C8PCBEtY.js";import{t as l}from"./image-gc4qX_7C.js";import{t as u}from"./rich-text-editor-CNtfwLC2.js";import{t as d}from"./paperclip-DoqDQQVa.js";import{t as f}from"./send-BWzI7mwi.js";import{t as p}from"./x-D8UN9pOu.js";import{a as m,k as h,n as g,s as _}from"./index-BQIv1ffM.js";import{i as v,t as y}from"./popover-xC8qczvP.js";import{n as b,r as x,t as S}from"./mention-inline-suggestions-Dx2Z1GHF.js";var C=m(`at-sign`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8`,key:`7n84p3`}]]),w=m(`calendar-range`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M17 14h-6`,key:`bkmgh3`}],[`path`,{d:`M13 18H7`,key:`bb0bb7`}],[`path`,{d:`M7 14h.01`,key:`1qa3f1`}],[`path`,{d:`M17 18h.01`,key:`1bdyru`}]]),T=e(t(),1),E=_(),D={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function O(e){return h(D,e)}function k(e){let t=i(),n=a();return(0,T.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>t.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>t.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??n.formatRelativeTime}),[e,t,n.formatRelativeTime])}function A(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,T.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,T.useState)(()=>a[0]??null),[c,l]=(0,T.useState)(!1),[u,d]=(0,T.useState)(``),[f,p]=(0,T.useState)({}),[m,h]=(0,T.useState)(!1),[g,_]=(0,T.useState)(()=>r?[...r]:[]),v=(0,T.useRef)(0),y=(0,T.useRef)(null);(0,T.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let b=(0,T.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),x=(0,T.useCallback)(async(e,r)=>{let i=t?.[e];if(i?.search)return(await i.search(r)).map(t=>({...t,kind:e}));if(i?.suggestions){let t=i.suggestions;return(r.trim().length===0?t:t.filter(e=>e.label.toLowerCase().includes(r.toLowerCase()))).map(t=>({...t,kind:e}))}return n?(await n(r,e)).map(t=>({...t,kind:e})):[]},[t,n]);(0,T.useEffect)(()=>{if(y.current&&clearTimeout(y.current),a.length===0){p({});return}let e=++v.current,t=async()=>{h(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await x(e,u)]}catch{return[e,[]]}}));if(e!==v.current)return;let n={};for(let[e,r]of t)n[e]=r;p(n)}finally{e===v.current&&h(!1)}};return y.current=setTimeout(()=>{t()},i),()=>{y.current&&clearTimeout(y.current)}},[a,u,x,i]),(0,T.useEffect)(()=>{if(c||!o||(f[o]??[]).length>0)return;let e=a.find(e=>(f[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,c,f]);let S=(0,T.useCallback)(e=>{s(e)},[]),C=(0,T.useCallback)(e=>{d(e)},[]),w=(0,T.useCallback)(e=>{_(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,T.useCallback)(e=>{_(t=>t.filter(t=>t.id!==e))},[]),D=(0,T.useCallback)(e=>{_([...e])},[]),O=(0,T.useCallback)(()=>{_([]),d(``),l(!1),v.current++},[]),k=(0,T.useCallback)(e=>{let n=e.kind??o,r=`${n}:${e.id}`,i=t?.[n],a=e.href??i?.buildHref?.(e),s={id:r,kind:n,label:e.label,href:a,data:e.data};return w(s),s},[o,w,t]);return{kinds:a,activeKind:o,setActiveKind:S,activeResource:b,query:u,setQuery:C,suggestions:(0,T.useMemo)(()=>o?f[o]??[]:[],[o,f]),suggestionsByKind:f,isLoading:m,mentions:g,addMention:w,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:c,setManualKindOverride:l}}function j(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function M(e={}){let t=e.resources,n=e.onResourceSearch,r=A({...e,resources:t,onResourceSearch:n}),[i,a]=(0,T.useState)(!1),[o,s]=(0,T.useState)(!1),c=(0,T.useRef)(null),l=(0,T.useRef)(null),u=(0,T.useCallback)(e=>{a(e),e||(c.current=null,l.current=null,s(!1),r.setManualKindOverride(!1))},[r]),d=e.editorRef,f=(0,T.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let n=d?.current?.getCaretContext();if(!n){c.current&&(c.current=null,u(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),f=n.textBefore.match(o);if(!f){c.current&&(c.current=null,u(!1));return}let p=f[1],m=f[2]??``,h=e[p];c.current={kind:h,triggerChar:p,consumedLength:p.length+m.length},s(!0),l.current!==p&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),l.current=p),r.query!==m&&r.setQuery(m),a(!0)},[d,t,r,u]),p=(0,T.useCallback)(e=>{let n=r.selectSuggestion(e),i=c.current,a=t?.[n.kind]?.tone,o=j(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&d?.current?(d.current.replaceBeforeCaret(i.consumedLength,o),c.current=null):d?.current&&d.current.insertHTML(o),u(!1),n},[d,t,r,u]);return{...r,pickerOpen:i,setPickerOpen:u,triggerActive:o,handleCaretChange:f,pickSuggestion:p}}var N=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function P(e){if(!e)return[];let t=[],n=0,r;for(N.lastIndex=0;(r=N.exec(e))!==null;){let[i,,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}var F=`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none`;function I(e){let{html:t,mentions:n,resources:r,renderMention:i,sanitizer:a,className:o,prose:s=!0}=e,c=r,l=a?a(t??``):t??``,u=new Map;for(let e of n??[])u.set(e.id,e);let d=u.size>0?P(l):[{kind:`html`,value:l}],f=e=>{if(i)return i(e);let t=c?.[e.kind];return(0,E.jsx)(x,{mention:e,resource:t})},p=d.map((e,t)=>{if(e.kind===`mention`){let n=u.get(e.refId);return n?(0,E.jsx)(T.Fragment,{children:f(n)},`ref-${t}-${e.refId}`):(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return s?(0,E.jsx)(`div`,{className:g(`mention-content--component`,F,o),children:p}):(0,E.jsx)(E.Fragment,{children:p})}var L=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,R=/data-ref-kind\s*=\s*"([^"]+)"/i;function z(e){let t=[];if(!e)return t;let n=new Set,r;for(L.lastIndex=0;(r=L.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(R)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}function B(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function V(e){return e.mimeType?.startsWith(`image/`)?l:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?s:e.mimeType?c:d}var H=({attachment:e,editable:t=!1,onRemove:i,onRetry:a,accessors:s,strings:c,compact:l=!1,className:u})=>{let d=h(D,c),f=s?.getMediaUrl?.(e)??e.url,m=s?.getMediaName?.(e)??e.name??d.attachmentFallback,_=V(e),v=e.status===`uploading`,y=e.status===`failed`,b=B(e.size),x=v?d.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):y?e.error??d.attachmentFailedLabel:b,S=g(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,l?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,y?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,u),C=v?(0,E.jsx)(r,{className:g(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,E.jsx)(_,{className:g(`shrink-0`,`size-3.5`,y?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),w=(0,E.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,E.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:g(`truncate`,y&&`text-destructive`),children:m}),x?(0,E.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:x}):null]});return(0,E.jsxs)(`div`,{className:S,children:[C,f&&!v&&!y?(0,E.jsx)(`a`,{href:f,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":d.attachmentDownloadLabel,children:w}):w,v&&typeof e.progress==`number`&&(0,E.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,E.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),y&&a&&(0,E.jsx)(o,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`xs`,onClick:()=>a(e.id),className:`h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60`,children:d.attachmentRetryLabel}),t&&i&&(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>i(e.id),className:`-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground`,"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,children:(0,E.jsx)(p,{className:`size-3`})})]})};function U(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,T.useState)(()=>a?[...a]:[]),u=(0,T.useRef)(new Map),d=(0,T.useRef)(new Map),f=(0,T.useRef)(o);f.current=o;let p=(0,T.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),m=(0,T.useCallback)(e=>{l([...e])},[]),h=(0,T.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),p(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{p(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),p(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;p(e,{status:`failed`,error:n}),s?.(n)})},[s,t,p]),g=(0,T.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>h(i,e))}return t})},[h,i,r,n,s,t]),_=(0,T.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),v=(0,T.useCallback)(e=>{let t=d.current.get(e);t&&h(e,t)},[h]),y=(0,T.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,T.useEffect)(()=>{f.current?.(c)},[c]),(0,T.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,T.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,T.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:g,removeAttachment:_,retryAttachment:v,setAttachments:m,reset:y}}function W(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var G=(0,T.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:i=!1,errors:a,resetKey:s=0,onSubmit:c,onCancel:l,editingComment:p,strings:m,resources:h,onResourceSearch:g,attachments:_,initialValues:x,autoFocus:w=!1,inlineSubmit:D=!0,placeholder:k},A){let j=O(m),N=h,P=g,F=_,I=(0,T.useRef)(null),[L,R]=(0,T.useState)(()=>x?.content??p?.content??``),[B,V]=(0,T.useState)(null),G=M({resources:N,onResourceSearch:P,editorRef:I,initialMentions:x?.references??p?.references}),q=U({...F,initialAttachments:x?.attachments??void 0});(0,T.useImperativeHandle)(A,()=>({focus:()=>I.current?.focus(),clear:()=>{I.current?.clear(),G.reset(),q.reset(),V(null)},setBody:e=>{I.current?.setHTML(e)}}),[q,G]),(0,T.useEffect)(()=>{I.current?.setHTML(x?.content??``),G.setMentions(x?.references??[]),q.setAttachments(x?.attachments??[]),V(null)},[e.id,e.type,s]),(0,T.useEffect)(()=>{if(!p)return;I.current?.setHTML(p.content??``),G.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);q.setAttachments(e)},[p?.id]),(0,T.useEffect)(()=>{a?.content&&V(a.content)},[a]);let J=t=>{t?.preventDefault();let n=I.current?.getHTML()??L;if(!W(n)){V(j.invalidContent);return}V(null),c({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:G.mentions,attachments:q.uploadedAttachments,editingId:p?.id})},Y=(0,T.useRef)(null),X=()=>Y.current?.click(),ee=e=>{e&&q.addFiles(e)},Z=q.attachments.length>0,Q=!!p,te=i?j.composerSubmitting:Q?j.composerSave:j.composerSubmit,ne=Q?(0,E.jsx)(K,{label:j.composerEditingEyebrow,closeLabel:j.composerCancel,onClose:l}):null,re=(0,T.useMemo)(()=>{let e=[];return N&&Object.keys(N).length>0&&e.push({id:`reference`,icon:C,label:j.composerReferenceLabel,onClick:()=>G.setPickerOpen(!0)}),F?.onUpload&&!F.disabled&&e.push({id:`attachment`,icon:d,label:j.composerAttachmentLabel,onClick:X}),e},[N,F?.onUpload,F?.disabled,j.composerReferenceLabel,j.composerAttachmentLabel]);if(!t)return null;let $=(0,E.jsx)(o,{type:`button`,onClick:()=>J(),disabled:i||q.isUploading,icon:i?r:f,children:te}),ie=Q||l?(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:i,children:j.composerCancel}):null,ae=Z?(0,E.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:q.attachments.map(e=>(0,E.jsx)(H,{attachment:e,editable:!0,onRemove:q.removeAttachment,onRetry:q.retryAttachment,strings:m},e.id))}):null,oe=Z?ae:null,se=D===!1?null:$,ce=D===!1||Q;return(0,E.jsxs)(`form`,{onSubmit:J,className:`space-y-2`,children:[ne,(0,E.jsx)(`input`,{ref:Y,type:`file`,multiple:!0,hidden:!0,accept:F?.accept,onChange:e=>{ee(e.target.files),e.target.value=``}}),!G.triggerActive&&(0,E.jsxs)(y,{open:G.pickerOpen,onOpenChange:G.setPickerOpen,children:[(0,E.jsx)(v,{render:(0,E.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:j.composerReferenceLabel}),(0,E.jsx)(b,{open:G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,kinds:G.kinds,resources:N,query:G.query,setQuery:G.setQuery,suggestions:G.suggestions,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,searchPlaceholder:j.composerReferenceSearchPlaceholder,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),(0,E.jsxs)(`div`,{className:`relative`,children:[(0,E.jsx)(u,{ref:I,value:L,onChange:e=>{R(e);let t=z(e),n=G.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);G.setMentions(r)}},placeholder:k??j.composerPlaceholder,strings:{editorLabel:k??j.composerPlaceholder},minHeight:`3rem`,autoFocus:w||Q,extraToolbarItems:re,toolbarTrailing:se,footerSlot:oe,onCaretChange:G.handleCaretChange}),(0,E.jsx)(S,{open:G.triggerActive&&G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,onManualKindChange:()=>G.setManualKindOverride(!0),kinds:G.kinds,resources:N,query:G.query,suggestions:G.suggestions,suggestionsByKind:G.suggestionsByKind,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),B&&(0,E.jsx)(n,{size:`xs`,type:`error`,children:B}),ce&&(0,E.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[ie,$]})]})});function K({label:e,closeLabel:t,onClose:r}){return(0,E.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,E.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),r?(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:r,className:`size-4 rounded p-0 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,E.jsx)(p,{className:`size-3`})}):null]})}export{O as a,k as i,H as n,w as o,I as r,G as t};

package/dist/showcase/assets/comment-item-D07Qk-Nt.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Lr as n,Rr as r,a as i,c as a,jr as o,o as s,r as c,s as l}from"./example-Cz_880po.js";import{a as u,i as d,n as ee,r as f}from"./comment-composer-DeURrlgL.js";import{t as p}from"./pencil-C2OfFQMj.js";import{t as m}from"./trash-2-CE9bDw49.js";import{a as h,l as g,n as _,s as v}from"./index-BQIv1ffM.js";import{o as te,r as y,t as b}from"./avatar-LGWm52rv.js";var x=h(`corner-down-right`,[[`path`,{d:`m15 10 5 5-5 5`,key:`qqa56n`}],[`path`,{d:`M4 4v7a4 4 0 0 0 4 4h12`,key:`z08zvw`}]]),S=h(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),C=h(`smile`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2`,key:`1y1vjs`}],[`line`,{x1:`9`,x2:`9.01`,y1:`9`,y2:`9`,key:`yxxnd0`}],[`line`,{x1:`15`,x2:`15.01`,y1:`9`,y2:`9`,key:`1p4y9e`}]]),w=e(t(),1),T=v();function E(e){let{comment:t,resources:n,renderReference:i,sanitizer:a}=e,o=t.contentType??t.content_type??`text`;return o===`rich`?D(t.content):o===`html`?(0,T.jsx)(f,{html:t.content??``,mentions:t.references,resources:n,renderMention:i,sanitizer:a}):(0,T.jsx)(r,{className:`whitespace-pre-line`,children:A(t.content??``)})}function D(e){if(!e)return null;try{let t=JSON.parse(e);return!t||!Array.isArray(t.blocks)||t.blocks.length===0?null:(0,T.jsx)(`div`,{className:`prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1`,children:t.blocks.map((e,t)=>(0,T.jsx)(w.Fragment,{children:O(e)},e.id??`${e.type}-${t}`))})}catch{return(0,T.jsx)(r,{className:`whitespace-pre-line`,children:A(e)})}}function O(e){let t=e.data??{};switch(e.type){case`paragraph`:{let e=String(t.text??``).trim();return e?(0,T.jsx)(r,{asHTML:!0,content:e}):null}case`header`:{let e=k(String(t.text??``)),r=Number(t.level??3);return e?(0,w.createElement)(n,{tag:`h${Math.min(Math.max(r,1),6)}`},e):null}case`list`:{let e=(Array.isArray(t.items)?t.items:[]).map(e=>k(String(e??``))).filter(e=>e.length>0);return e.length===0?null:t.style===`ordered`?(0,T.jsx)(`ol`,{className:`ml-6 list-decimal space-y-1 text-sm`,children:e.map((e,t)=>(0,T.jsx)(`li`,{children:e},`${e}-${t}`))}):(0,T.jsx)(`ul`,{className:`ml-6 list-disc space-y-1 text-sm`,children:e.map(e=>(0,T.jsx)(`li`,{children:e},e))})}case`quote`:{let e=String(t.text??``).trim();if(!e)return null;let n=k(String(t.caption??``));return(0,T.jsxs)(`blockquote`,{className:`border-muted text-muted-foreground border-l-2 pl-3 text-sm italic`,children:[(0,T.jsx)(r,{asHTML:!0,content:e}),n.length>0&&(0,T.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,n]})]})}case`delimiter`:return(0,T.jsx)(`div`,{className:`border-muted my-4 border-b border-dashed`,"aria-hidden":`true`});default:{let e=k(String(t.text??``));return e?(0,T.jsx)(r,{className:`whitespace-pre-line`,children:e}):null}}}function k(e){return e.replace(/<[^>]*>/g,``).trim()}function A(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``)return``;if(t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}var j=`?`,ne=e=>e?.url,M=e=>e?.name,N=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),P=e=>{try{return g(new Date(e),{addSuffix:!0})}catch{return`—`}},F=(0,w.memo)(function({comment:e,canModerate:t,onDelete:n,onPinToggle:f,onReact:h,onReply:g,strings:v,getMediaUrl:D,getMediaName:O,getStatusLabel:k,formatRelativeTime:A,resources:F,renderAttachment:I,renderReference:L}){let R=u(v),z=d({getMediaUrl:D,getMediaName:O,getStatusLabel:k,formatRelativeTime:A}),B=z.getMediaUrl??ne,V=z.getMediaName??M,H=z.getStatusLabel??N,U=z.formatRelativeTime??P,W=e.user?.name??R.fallbackAuthor,G=e.user?.avatar??void 0,K=(0,w.useMemo)(()=>e.createdAt?U(e.createdAt):`—`,[e.createdAt,U]),q=(0,w.useMemo)(()=>{if(!W)return j;let e=W.trim();return e===``?j:e.charAt(0).toUpperCase()},[W]),J=(0,w.useMemo)(()=>Array.isArray(e.tagsArray)?e.tagsArray.filter(e=>typeof e==`string`):e.tagsArray&&typeof e.tagsArray==`object`?Object.values(e.tagsArray).filter(e=>typeof e==`string`):[],[e.tagsArray]),Y=(0,w.useMemo)(()=>(e.attachments??e.media??[]).filter(e=>!!e&&typeof e==`object`),[e.attachments,e.media]),X=e.reactions??[],Z=e.isPinned===!0,re=e.isEdited===!0,Q=e.status&&e.status!==`active`,$=Q&&e.status?H(e.status):null,ie=e.canDelete===!0||t===!0,ae=e.canEdit===!0||t===!0,oe=Y.length>0;return(0,T.jsx)(`article`,{className:_(`comment-item--component group relative overflow-hidden rounded-lg border transition-colors`,`border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5`),"data-comment-id":e.id,children:(0,T.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,T.jsxs)(b,{className:`mt-0.5 h-8 w-8 shrink-0`,children:[!!G&&(0,T.jsx)(te,{src:G,alt:W}),(0,T.jsx)(y,{className:`bg-muted text-muted-foreground text-xs font-medium`,children:q})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,T.jsx)(r,{tag:`span`,weight:`semibold`,className:`truncate`,children:W}),!!Z&&(0,T.jsx)(l,{delayDuration:0,children:(0,T.jsxs)(i,{children:[(0,T.jsx)(a,{render:(0,T.jsx)(`span`,{className:`inline-flex shrink-0 self-center`}),children:(0,T.jsx)(S,{className:`text-warning size-3`,"aria-hidden":!0})}),(0,T.jsx)(s,{side:`top`,className:`text-xs`,children:R.pinned})]})}),(0,T.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:K}),!!re&&(0,T.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:R.edited}),!!Q&&!!$&&(0,T.jsx)(o,{variant:`secondary`,className:`self-center uppercase tracking-wide`,children:$})]}),(0,T.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,T.jsx)(E,{comment:e,resources:F,renderReference:L})}),J.length>0&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:J.map(e=>(0,T.jsx)(o,{variant:`secondary`,className:`uppercase tracking-wide`,children:e},e))}),oe&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:Y.map(e=>I?(0,T.jsx)(`div`,{children:I(e)},e.id??e.name):(0,T.jsx)(ee,{attachment:e,accessors:{getMediaUrl:B,getMediaName:V},strings:v},e.id??e.name))}),X.length>0&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1`,children:X.map(t=>(0,T.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>h&&e.id?h(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`h-auto rounded-full p-0`,children:(0,T.jsxs)(o,{variant:t.mine?`primary`:`secondary`,className:`cursor-pointer transition-colors hover:opacity-90`,children:[(0,T.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:t.emoji}),(0,T.jsx)(`span`,{className:`tabular-nums`,children:t.count})]})},t.emoji))})]}),(0,T.jsxs)(`div`,{className:_(`absolute right-2 top-2 opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70`),children:[!!g&&(0,T.jsx)(c,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&g(e.id),title:R.replyLabel,"aria-label":R.replyLabel,children:(0,T.jsx)(x,{className:`size-3.5`})}),!!h&&(0,T.jsx)(c,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&h(e.id,`👍`),title:R.addReactionLabel,"aria-label":R.addReactionLabel,children:(0,T.jsx)(C,{className:`size-3.5`})}),!!f&&t&&(0,T.jsx)(c,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>f(e),title:Z?R.unpinLabel:R.pinLabel,"aria-label":Z?R.unpinLabel:R.pinLabel,children:(0,T.jsx)(S,{className:_(`size-3.5`,Z&&`text-warning`)})}),!!ae&&!!e.id&&(0,T.jsx)(c,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,title:R.editLabel,"aria-label":R.editLabel,children:(0,T.jsx)(p,{className:`size-3.5`})}),!!ie&&!!n&&!!e.id&&(0,T.jsx)(c,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>n(e.id),title:R.deleteLabel,"aria-label":R.deleteLabel,children:(0,T.jsx)(m,{className:`size-3.5`})})]})]})})});export{F as t};