From 8785a68703b738230ea30c1e5988261de2c5f60a Mon Sep 17 00:00:00 2001 From: Phuc To Date: Thu, 12 Dec 2024 10:47:51 +0700 Subject: [PATCH] chore(deps): upgrade justd-icons to v1.10.0 - Upgrade justd-icons to v1.10.0 - Replace IconCircleInfoFill with IconCircleExclamationFill - Replace IconTriangleInfoFill with IconTriangleExclamationFill - Correct chart icons --- app/(app)/themes/blocks/revenue-chart.tsx | 4 +- .../themes/blocks/subscription-chart.tsx | 4 +- app/(app)/themes/blocks/traffic-chart.tsx | 4 +- bun.lockb | Bin 403318 -> 403414 bytes components/doc-refs.tsx | 4 +- components/docs/generated/previews.ts | 1934 ++++++++--------- .../docs/layouts/navbar/navbar-icon-demo.tsx | 4 +- .../docs/overlays/sheet/sheet-menu-demo.tsx | 2 +- .../surfaces/chart/area/area-chart-demo.tsx | 4 +- .../chart/area/area-chart-gradient-demo.tsx | 4 +- .../chart/area/area-chart-linear-demo.tsx | 4 +- .../chart/bar/bar-chart-analytic-demo.tsx | 4 +- .../surfaces/chart/bar/bar-chart-demo.tsx | 4 +- .../chart/bar/bar-chart-horizontal-demo.tsx | 4 +- .../chart/bar/bar-chart-mixed-demo.tsx | 4 +- .../chart/bar/bar-chart-multiple-demo.tsx | 4 +- .../docs/surfaces/chart/basic-chart-demo.tsx | 4 +- .../surfaces/chart/line/line-chart-demo.tsx | 4 +- .../chart/line/line-chart-dots-color-demo.tsx | 4 +- .../chart/line/line-chart-dots-demo.tsx | 4 +- .../chart/line/line-chart-label-demo.tsx | 4 +- .../chart/line/line-chart-linear-demo.tsx | 4 +- .../chart/line/line-chart-multiple-demo.tsx | 4 +- .../surfaces/chart/pie/pie-chart-demo.tsx | 4 +- .../chart/pie/pie-chart-label-demo.tsx | 4 +- .../chart/pie/pie-chart-stacked-demo.tsx | 4 +- .../surfaces/chart/radar/radar-chart-demo.tsx | 4 +- .../chart/radar/radar-chart-dots-demo.tsx | 4 +- .../chart/radar/radar-chart-icon-demo.tsx | 4 +- .../radar/radar-chart-line-only-demo.tsx | 4 +- .../chart/radar/radar-chart-multiple-demo.tsx | 4 +- .../chart/radial/radial-chart-demo.tsx | 4 +- .../chart/radial/radial-chart-grid-demo.tsx | 4 +- .../chart/radial/radial-chart-shape-demo.tsx | 4 +- .../radial/radial-chart-stacked-demo.tsx | 4 +- .../chart/radial/radial-chart-text-demo.tsx | 4 +- components/ui/meter.tsx | 4 +- components/ui/note.tsx | 4 +- components/ui/toast.tsx | 8 +- package.json | 2 +- 40 files changed, 1043 insertions(+), 1043 deletions(-) diff --git a/app/(app)/themes/blocks/revenue-chart.tsx b/app/(app)/themes/blocks/revenue-chart.tsx index 631cdaaa..629ff4b4 100644 --- a/app/(app)/themes/blocks/revenue-chart.tsx +++ b/app/(app)/themes/blocks/revenue-chart.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -91,7 +91,7 @@ export function RevenueChart() {
- Profit increased by 5.2% this year + Profit increased by 5.2% this year
January - December {new Date().getFullYear() - 1} diff --git a/app/(app)/themes/blocks/subscription-chart.tsx b/app/(app)/themes/blocks/subscription-chart.tsx index af6291cd..950b6514 100644 --- a/app/(app)/themes/blocks/subscription-chart.tsx +++ b/app/(app)/themes/blocks/subscription-chart.tsx @@ -2,7 +2,7 @@ import * as React from "react" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Label, Pie, PieChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -91,7 +91,7 @@ export function SubscriptionChart() {
- Growth by 8.5% this month + Growth by 8.5% this month
Showing total subscribers for the last 9 months diff --git a/app/(app)/themes/blocks/traffic-chart.tsx b/app/(app)/themes/blocks/traffic-chart.tsx index bade9fa0..421c2b73 100644 --- a/app/(app)/themes/blocks/traffic-chart.tsx +++ b/app/(app)/themes/blocks/traffic-chart.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Bar, BarChart, Rectangle, XAxis, YAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -88,7 +88,7 @@ export function TrafficChart() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
August - October 2024 diff --git a/bun.lockb b/bun.lockb index 49906305627bb27264de4fd332c8453632ace589..746036ff673a2caf0b35462d864fa25535a89414 100755 GIT binary patch delta 17669 zcma)Dd3;UB+dt>#+{m%TmPB$z5^4!eWDz%Hxnidh)KW_MMMOjsk%dwv2~~U1({`!| zp;fU}Y_Zg?mY`y-eW^9n5?V^N-tRMW&b{=b{k-`j&wOW|dFGjCnVEC$oX0=aJawez ztiU=qv^9PsBFnGoaP(rV>Dh?Nq1z%qx^&{hyaUblzwqwgKBZlQ!mhU}t54@jlD8z~ z+|goOJ=9O;OHxIki(0&E1J7%DlB5D9W)4dpJXn(YE|8>3z{j+FS8KMGFG-bwp6hgE zVoGvWq9n~;BuN!ee`2vD`G9T!tqqz7S`)O#x02)vS^!!dv?XW_(2OOLL*FrIe(!8b-WEqg3g1ILhpjoK+l&+QeDtTpfrshDnB8UKQ9GlaTXnE9^p`Q4!0h6Up0b4+ChYPuG z=!Y>uq4SB^`z)C z)YC+6=j59VccE9Fd$dNP4_OxZv^*DVzJS7!~Bpbvn({=@d}1%m`4j zNW4yCb=q8~^>kWQr+;l1{G~cQ1xl9Ot<%*yoxi<{XqbkIYG4?x(`FA91Kl)__z7VPHXA9C4PC5C4tCQ4HL(2)}T-92xIN9}V{h>g>N-96+ut)qLB?7~tZqCQwD&)eS?BC5a% z?!bRz7;;(2uVTIMxhu?29h9c92b2sefs#9nW#Iw%sXi-yc>KVWMCmjztxwfJeL;V` z!yS~JQ~W@Z-av&3)CY78C^7E5F9uiyMQDzGsHcwCQBPTT7?k*)KoI%=q7axf1(fQY z@Q-Yf0ZbF?2TBvF`dCE99?%L%sGKcNMH+iN6HbcxLs%&(ZTKKeUV8LI%s3qNByce> z(ZOjM0g3SmLx$-5%OH^ITRs<-@I`%1;Mw3O3+AJqLLvs36#45fgi1CFE1-ZY=pNYG z4YcPAA?RCuz_!3uP~Q}k7Ouv6`zG*L0R9^NX@FJWr|6mh>;amh(|7gumY@`yE1&?4 zw-yR#lfV<`NP-%Ifi$iTN{X1kK#a+m0U3!&iK9%YC;sHj_>7GB(bBKzM>CmbmU;aR zP@3T-)K>!C3rY(807@>Lsq<%p(u6Yqfc+_m`k;aa>I_O9(_Lg*zTEx=@fk3dQBB%QtkN(0pgr5LFUS`+la?}Gp8@7ZF&qKYzaIE4mMU|c1c z)1ja=Bk#&GkM8kkry1=ArD$KTgD0a(=&ztiz7P!F_^0;LIbK=6^AQlu62A5m3I zFhwi#^vOP_*A7Zcpsgrz8!(0VI#B8zhTb&VM>S+FH38HUI3qDLEoEe))B%{J)&nKJ z2zQyAV-6^p&B;UHJWw)+R8z=(3=H|%DFfp(69=WGj>t+*$*hceYCi)?Gd-xqSZvu@5Jz_C4@$#as4Me0 z4t_&$xzrNFJp`uq#LR^Fl=wl3*MZ5)M?uLe^+75AJLqznp&zxs2~3AF4^T44-`--p z^Pt$!vvc;KK=xPyS{rm4D81|<(S0wqJ&(CZ(<*n~@($UM=01f?0@ z(Cg;~iTWp?RFD0U(`@ZZtp?eFp&|@wgOc>eAwqiVrrZuW!Jw3W# zhc}a@`Y-i!whA+OpxzJl&%#8!Ujilb%?=m+ega0=mCrFj5ILl_Hru;_I;Mqi+xu&G zdN=;eY(s;r70$GpOTLz*7Fs}jgxo?)UTst7&XuIDXm!!jCtB6c^CW4Y9jyXtV@D5x zdKt*vVZJ0qYXOlF>SrjmM7>EXjI*k@fFgmMwBR0A^^H793Ivk1;LcX{ZJ;2|S;nmD zc%VkSt*nhzUZMG~wVCgtu7!3tDnf0rK$4mY-e{|N2v936wO53?3?=($=G#DgHtHJ- zg>1~Swbh&gg!-rm^AeOgX#q(Q<_9SC&{88J5N6rms{Q~J z2PA2QXe+-&*w>_$0Zj(#!TY60Sk<`iBp&quidOcnRrM&8q&In6dMB&gS}WLQlRwc)x7o~_(b8HA=oq2?g;E4~WUcHi zs~Wxr<^*!m&_n$Uh-?FCn5WlTfrN|t15p42?G1MU=p+CF0)X5s_?oYir2clqfXI%} zcCJ-D3goarnuw4bwOP1?BlA|EK|G|Qx4bl>c`{IQ?e1F<>Q0nIIFV%U9}F#F2J>8? zA-uQKR!K^+kC6t{0?4cdM_c7XTIoKU`T}(#lu1tOZ7*v$4X7pWO{>U3t#rRluBiDR zu$e3EgpIU-0}V_L6Ov(K-z!tQF{S5~U8j+Pkd_EHoc5;>ndP4houQ*QxxfE6Sy z*k+Z3w1Oixd9qe|#Ae>JpVsNSkr9Z5P)jN(sEwq8N{8 zyfhc30lf6gUg~pDlHTKW8&K-YOH~gUr4*EUYb#44%zIGk!Ams{BkXx;C`w&uX|`OMISNhrlQo2TICY0;G|8qXr=i7j^=;LrYW-T4T`Hog_+GZ|3B}p0F9FaduQco(Wvr(dqSG3@GtNJ%koRHKNTkL5uCKCBm ztGW@W8`_{8Rs;2n2!5;-k$hb{Yg0c*9j!;;$CxFW|2doLc~-~}%YHHtIp3MDFI#|! zA1hrutNH|}8ApXk^?-9?Q-%CCRy7_d2yNxGvVq|WKnJe;Zzz#1v6CX(Le2{_K*82l zb*PTSqPhsEDd(ge>l9EBKM^=z5Q3rJV5=GfMDoP)mkmVuYU1aEi$KCOv=X(rD3ryr zjJ0Pt5II0Bw@ZQaJnvvtrDKqOu`Ip7yVTNv7$ z2!wpc>1a7h6nzM>IIDbLE4^w{n_LyzBL?Ay@j#K_Fl%L)*)|}W0c-&D2N2l~ z7*oUzZQ1E)^KewQ&{D5PQY%?bWXUf&uZY;1H$_h~50*hdq^^j|MLH5mc^QbL2+o?f zjJPCM_W=^qB*gSK9H)Q|1BGyz$O-iYP#Yka4$cyK;V)M>@Y8 zrydI_ATsrAc=`U;+Vytmib046tT0oBowE!jZF#OgQ zr^mlVhKpFp1ZrnUFrNW>n+24UBVAq?Bhte6l^v0UV?e^!Ku%tgtlf!>QU^)0o>J5! z4@l@wnw;_?slN<;Vve7H#8*z_2b>>Ib$b~P@J4u&PnE{ zJ|3FpZa~pmYO6>W6oh@yMZT#e|7la3D@MoQRpAOiI2p-Ygc43aC6O+8MMZgpCAyqMsfpk?dSS((A3A3i> zSk=Wq!dh7U%uj%De!^oyM0sIhv7Ai;qK%t}hWQL33Sx8P3Q(1Yb0$jt1qZ_XC=ed2 zu;u&X?HD;2MuVY8umY28laH`c5VaxRkkJgVCHJzLrxDTuhDRzWAU@GK2(Qj)8|0ZJ zk7ND{dhN1TlDDh4LSwLCsT&aP0??d;;D=UqhTep{=?|5FdU2@@@M?^VBaYGutkf*q z%nk5Xt*sU?H$u*3$<7#N3o2TGi?8nH-+{ulmGKd3KsA}KyCS;>05t^{)^e<-8W1T1 zGp!7F0id+iA7QG?{IQMp6{|TND2$%xtlxQx(4405#WE z;?buBB^nz(!M@QD@AxQaVIu5dLx3p1aPC3~uLGjFaAYpTYcw3B<04cQuluME>Z7e{ zcc363>_b3b1ChzG(_t4p1|~GXH9@+^47{MGo#}%Ie}l7KqkNani8il_P0_qYzHR6PSMu#IH*|bfC95Y9dOc z8b9dD^I0jH<;%?94P3$X`TB?aPD4pIFATREh%!+eLd*?h>3=}w_*4^tDE9>_0^(}2 zG7A)IDD!7j(KZ&Sx1IAO&>%Z%?l0B{!O4Jz*xOzJIi}vHkzESbu0kL&Iz^mQV|yEn z)E7tuY%tE9GlBZqW!?dzr32$ZN^`sn6|+r$67B*(4i-(vfgIhM1Q^4S7jl6_8)D6T z0Z7DPSfC+}giisY>_S9B#iKwmK;^ZvZs9IX3`RPcj%0Y}YEv(vl9pUNxghH6;k7CG z7T&}goCF|R!4S_~t>)!G$ly;R%%)(9LzLuptkfG0oyPoYL)IbGM}S{Mb-55@kD-%7 zXCTr9*_DUY5GYxU)4?haV97q{z8)_}$?xS@nYV0}pRiKY%8AV17mWw;YE~@WWDAcl zd*93}l&@*7ZS z1K#hxgGy%>ToH?8r3l(e=$*@ZD3O!!R02)EElRE@XPs;Lba(6OzyCF^@0+KG9S-mE z#oL}f{?8j7T-bR;^>#bUO}_ugY0dwhEWFYptF-EpJAZnWJQ>`-T*4c>-)a1L#I9nT2$jl?%blkN=#c!a&NZjxGBQa>15Hk^`_dKht)i3`a^!RsOl-xaVPUsoWjc& zL2_%Et^UrW6a}3#?NQAgvDESENxYAn@#{rGN^;=POi40HlJu}>&JEKflRUV{uhf(z zo4dnzT*)H#;F?J>zX5x?k61=|%Y_isk3xfGcW6@rsY)&1w!)n#vPd>@daCat9oh;fap>wzXM#Vq3IH4i5|q z42FhJS?(~UvFbigJg?kgN5C(05-NYfoYIt7`55b#hRTb~Z@A*la?_NFuT+J~*I3Wt z;Oom44_D?Id_B{ZvF08N@e3YTP3}>2H(lu?2Wt637ms;C$9v`$xtZiCs3{Nah9!>5 zf=W{Ef#1&9-tIrYikzR%y54f~WtBY?ujN zJ4^8lGp=Ve_lg^Ov}(gkCb@rTAWSGp#tjkQQ}U*-9{miz7%dN2?p37*dpb$+k)JVn z1ZL~Z@<)PHXY*%*__8h|lu$W<#f$=qX7j;fF>bDGTC=g`XVYAVI^+#xM@hyAc8BJey*!fWii}S4NXjI*1 zjX^BN9i>Blo-MuirgngSO@+m(vH`>w!bXpVfmg9BqoLm==9-Plq@pGtDo(P1q5mP| z5z8F|e%{;DV%(g{{BiuvHQ#qqFj$Bf>^VC!M#+`;v2Gt3qlC)Gncq}&{*}$1j!GwX ziH7!Meq-$t*~W6P5bx|Mw_sDog0BaQ&rxF8xLmY|J}i2iGQ=qF7^lP;dK>qn;yT4N z%85JpwL_mm_8tw!hxU~Bv)P0$vE|tgMTC7U#wDz8(g(GwlznumLxxbxV%*}|6W%ed zwtV9a2ZPX5pWm0`;TthkDw6&s@>teoJO*}VN6Cxar?ISLJZA8UW95%o_X#jx5`$Yj z*}Vyhm&Le~HS2V7-2RAx6&`F%Fw9 z`a76kX?{fw;T9qCHL?b%1=wr7uwd%}_?p$pSZ?%*>&vLcxH5O(_Tx(rr{|w=7+(+X z*6a?V++tizOWqW@w5fCI4TaXUAlk5!n9nRM^2SZJo!4hCt?tqOiG#to>(;FEp$++; zt^3f?GM}ZQtHrn-x2Ry;(0eZRjyV{1vwV_mT&HuX8r^uK{P`gVgK^<*f4Q!#-L2GJ zj+VdJed=0uhqyPgOS;#-eyORYgQ1?@a&E%lcEMks-RWp)&Z1^RtyrC5p!;*x)u+Z| z2SYqd2Lm>fX~Z`Ld~UFPo+W7W@zR8M9ejCgI~c;&fx#UNl|0&%=B*mJ&%scvw=8d$ z{9cBw!8}LHWmf4k4DpyX_zXLWaqaKRDmgKs@2zTUlE($%xDXN~9b+@WfF#J2u(S-;Ir1>5n?!C2RSV++2-v49g#Y_B~TqWTB6m0>oQjtPT3cQ^H1 zI&jah8ge5^{5@i24B1%ixVRr%Tqpa(M*$y9a4>{1+gF%wCop(oy21B@552i_&3Fex z0$MC+QO>4}+Iww5ilb#5n}Mzt4Gd(;;~y+|tJkiqM-GOiY$q77=AR?JJK*yL-~BG{ z4Cy-IzU1Jmz+C5mp}`3;(y7p#D>HVq|JcFMinX4D6{$Y^fJju)@;S;TS)R^3>I>M~x#(2DZq9{Mj5~%+TwMnG%wBsN_C-R_KEI81 znFnQy*|{6g<xhZ@t){?hZ%kKgJk7Ai^C*nIF=jLVH~RSLI!ICI!nV1O7pADP(E zd1Ufa;ucm&%GyW8M}{PUp&1rHXjF&gFN5CU^RZBevDEpHW?bitiW@%Kd*ZH0p%xBY zQZma2gFK0CAwJ_;XfLl0M}5lHVwxEBWuY#4N;UIU{5)l0!39{Xo98Ls@;vrV9_DV` z5guU1vmrDIO>*zN@gw`Q#ILd4*9 zwr?Tg_aJl2S3<*#E27K&dM|o5@dfS5q!W4>mq>s8W8j4W)m@sRML!WuU}N(!s}RN@ zLEga*65@7oXMg4^-eK2Ze^&&H=l!vlv%JcT~Pv(0=WpGOlY#U>GiyGVjIce2{fpjLw|h z(_-8-4gWIWbHClyU~Z%^ck(K>0PL1H`~*?~YWC`OFfP8zx_yvGPR88(u)B+4qc|4v z4Ogb;H?UtJ+xiU#Y0t_)EXD=5Umn!I(8!v04xO!mq1Yv*4$Sr~lG3=m`DFFy?Vb9L z{FO_m=NQSj-dRoVc>cGdq{Vz5XbF|3uo>uT(Jz|j3_fF9(=#Cax=GHzBW|2tWIMrt z2j+9cXIxC(f9R*%US0bKI`~4E>k_4{+Wl9Nl&9HyOQ8A#HhYQUX@ad+EKx$RAzcEL zeb`fK?7#xP1A3FS{|-~%!@l?q!6LF$-pQhtW4wP)o5L&{*&JqEVZJi?TvlORFA*P^wvC9*8@e|1?7t89xOS;MLd~ z)};VlUg?S4Plo`u0TRqy0_Bi5yIp`Yuh9P={X{0~mF&baoF`rp%<3#hmEKiMP#?tL zJU<=vRRy~DcHXwHKnlnnD7 z8?X|AX581T^+!&Hb=z0u3Y$`t?q(}jLhLE_C&|0Y+*WZPdly5jaSwLP;x3)yR~@3` zEaf$pz^ZKQDm?8rdMxn^Zp&EVD)e5p)hp!Yv?M z*n5XT4m0o77}B^f+duAd_tI_+W4Nf`K)j)S#JYjOB>llsRx34ScQ$b~ChW^(5*f}e zk&qac`van2|2oA(fekw|ze3dZVG$q}H@>X(SnrC{2M-kY z+VHw@4}RgC^38lUO~0@6zz{JkAL3!q{G$%y&{D7G%5rmx#1dZ6V_OeIeTLj=9!^am z`K3&JU59@cC0dMh)aC1y`ih|EsK{80@j<}JT072nU$^HQeSYwqFT1iC6BBu%FAK)1 zqRV(yu)fp;N%q$Goe&@fVt;ReFL?*~YR&-+zw&RCmeJ(utJj09+4QjQ^9eL}t z$;aWUe+g0u)y=HimnT2j_a(>3`bzogMC_HX;S@WG;Y){Uh34iEEGB%8HJteh@Q4NP z!o2hq+xYyV=EVJTw)HN!s!sx{>Xv{!!TOId;L`0oOcAr}hETrcx+~a9hO#cG2>X}i z8;&x*rfBRjT--YyEYN?xD-*)~VA{DGk z>sb1a#?(A5#%CDiBcpP^muD4lwfPZwDBDhav)Gv*mDpOw7f6ZIt4DlxaP2_w;cyU$ zpMY>UY_(U(!C8^c5%M{9VK2xy_GGUTs_#;ADQmk=X^c~7`aUHBzZ0+A2bK|R-#)Os zZi1}Cej}z|J!u%}Zkzc%HBJCS=}V1%ViCs&%fByU zd`(IEhq>)b>1)q)`clG=TgG0DQ`B-gH@)r@CF{CGuz;VyB91b~n(kQXbj9be@4@wN z8e@lejXgY^f?r+WEXLqQ2W z=^!_SSxOKo{8$(IALoKRHlNtV8HtsYC{1hWA0g!|EKaI&ce648O6r>ne(3Q%inFOc zSNlTBH+^3Dn(a(qN_gzh*<1IMo(!)s+w0RN!1$!;!1vLc2la^bg<3&@&1lavK5}|m zsm^-0mJ1)4MH4kI*U zcP@a>_+;m&`&Un&+*|V_&c`>`?(72iEXFrJ_0Dhq*lp{P?{x+ogK}Bb6A(0)H3qR5 z9|^T;5`M4T$|QQCw~8n5Vm1H_VaC@*-D-y|UjOI7@;U<+Xyf~%$Q#e5cJ7zl($TdN zTS>Bw50^}NA66X}y(C{}fHhjME2P8Q>`&q|K79K7!2V9hf41OKm!ZQn*5o8~Fus(! zkl(LgzvbOdIv9*^sotE|vD3FLC#`U_oM&Uv)na^o6+C@K;lt4_gB&_|utG54Y5O4Y z8DDYjII*y7V%)*jIvCHA>IOga&rzrLm zb{u&Ed;e$ncm`YWGoBVJv%7?9GQZP!xIBnUC-kG}qyxR5*R31*2)*@RqRz0i)6mTL zitWXzCf!Z9=HORT{!0KnDHvp(aIv23!D;+jBce&Zz|Nh)NcEZPSEFU33UVvls03&Lw+lux~CY z8(tR3Fof4XM4Z3u;8}4+saAI*Zd}j=jZfFw@959QxHZmz5u0MS#dBu~yK)7uS+d#K zUoh5VR`?4nU}6VBEXJp3UVo(CEqJTWRFjNkiTry^0OG7aMRDNzUI<)0^$NSJBJ(@-3#u@?@{?dyR3pyfyQ?j$eSUUR9cdIqkaQ z=0h(rjW5|;Temys8g-YR*0>@;Qf=1l8ua~%y$@nBK7}iGf96)+wM^s*6b_P}u?1iV zGrpaBGSBtOCmV}r2tjxW6l8pD=eqpw6(hcWqq5P`OyYXrhbG+Jp!eAIeq7SMfn_ND zVhSC?aA4s|)8wGs`B5rN)`S~fPej>U8Ty#uf;uxu^*db z^RtJg4NCM)9+sIEpOVrfVMt=a`@Xy?Aknu@R>tTt8Hwp5k~0z;HVAAoV0c<)md@J1 ze{4d0R>F{miT-28*75!5Bj3bP$yvTZFN@=MH~7F(*4rbxXSHoJXh?l$UNK6i<=M)$ zPL?-N_t%V-=XPwkcA-k$sMe=0eRn9WSK`|l$!#)M>zwQ K`>MY4#s32a#sUEV delta 17569 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 F`hO}I&D8(^ diff --git a/components/doc-refs.tsx b/components/doc-refs.tsx index 04ceb007..5cc0eb60 100644 --- a/components/doc-refs.tsx +++ b/components/doc-refs.tsx @@ -10,7 +10,7 @@ import { IconBrandFramer, IconBrandGithub, IconBrandJustd, - IconChart2, + IconChartBar, IconCommandFill } from "justd-icons" import { Menu, MenuItem } from "react-aria-components" @@ -32,7 +32,7 @@ export function DocRefs({ references }: { references: string[] }) { break case url.includes("recharts"): title = "Recharts" - icon = IconChart2 + icon = IconChartBar break case url.includes("framer"): title = "Framer Motion" diff --git a/components/docs/generated/previews.ts b/components/docs/generated/previews.ts index 3bed4cfa..84293814 100644 --- a/components/docs/generated/previews.ts +++ b/components/docs/generated/previews.ts @@ -5,1465 +5,1465 @@ import React from 'react'; export const previews: Record = { - "date-and-time/date-field/date-field-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-demo")), + "anatomies/avatar-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/avatar-anatomy")), }, - "date-and-time/date-field/date-field-prefix-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-prefix-demo")), + "anatomies/breadcrumbs-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/breadcrumbs-anatomy")), }, - "date-and-time/date-field/date-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-controlled-demo")), + "anatomies/button-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/button-anatomy")), }, - "date-and-time/date-field/date-field-suffix-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-suffix-demo")), + "anatomies/card-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/card-anatomy")), }, - "date-and-time/date-field/date-field-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-uncontrolled-demo")), + "anatomies/carousel-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/carousel-anatomy")), }, - "date-and-time/date-field/date-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-disabled-demo")), + "anatomies/chart-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/chart-anatomy")), }, - "date-and-time/date-field/date-field-readonly-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-readonly-demo")), + "anatomies/checkbox-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/checkbox-anatomy")), }, - "date-and-time/date-field/date-time-field-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-time-field-demo")), + "anatomies/checkbox-group-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/checkbox-group-anatomy")), }, - "date-and-time/date-field/date-field-validation-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-validation-demo")), + "anatomies/choicebox-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/choicebox-anatomy")), }, - "date-and-time/calendar/range-calendar-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/calendar/range-calendar-demo")), + "anatomies/color-area-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-area-anatomy")), }, - "date-and-time/calendar/calendar-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/calendar/calendar-demo")), + "anatomies/color-field-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-field-anatomy")), }, - "date-and-time/date-range-picker/date-range-picker-disabled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-disabled-demo")), + "anatomies/color-picker-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-picker-anatomy")), }, - "date-and-time/date-range-picker/date-range-picker-controlled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-controlled-demo")), + "anatomies/color-slider-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-slider-anatomy")), }, - "date-and-time/date-range-picker/date-range-picker-time-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-time-demo")), + "anatomies/color-swatch-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-swatch-anatomy")), }, - "date-and-time/date-range-picker/date-range-picker-custom-validation-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-custom-validation-demo")), + "anatomies/color-swatch-picker-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-swatch-picker-anatomy")), }, - "date-and-time/date-range-picker/date-range-picker-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-demo")), + "anatomies/color-wheel-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/color-wheel-anatomy")), }, - "date-and-time/date-range-picker/date-range-picker-validation-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-validation-demo")), + "anatomies/combo-box-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/combo-box-anatomy")), }, - "date-and-time/time-field/date-field-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/date-field-demo")), + "anatomies/command-menu-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/command-menu-anatomy")), }, - "date-and-time/time-field/time-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-disabled-demo")), + "anatomies/description-list-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/description-list-anatomy")), }, - "date-and-time/time-field/time-field-validation-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-validation-demo")), + "anatomies/disclosure-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/disclosure-anatomy")), }, - "date-and-time/time-field/time-field-suffix-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-suffix-demo")), + "anatomies/disclosure-group-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/disclosure-group-anatomy")), }, - "date-and-time/time-field/time-field-hc-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-hc-demo")), + "anatomies/drawer-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/drawer-anatomy")), }, - "date-and-time/time-field/time-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-controlled-demo")), + "anatomies/drop-zone-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/drop-zone-anatomy")), }, - "date-and-time/time-field/time-field-prefix-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-prefix-demo")), + "anatomies/file-trigger-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/file-trigger-anatomy")), }, - "date-and-time/time-field/time-field-readonly-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-readonly-demo")), + "anatomies/grid-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/grid-anatomy")), }, - "date-and-time/time-field/time-field-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-demo")), + "anatomies/grid-list-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/grid-list-anatomy")), }, - "date-and-time/date-picker/date-picker-custom-validation-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-custom-validation-demo")), + "anatomies/heading-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/heading-anatomy")), }, - "date-and-time/date-picker/date-picker-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-demo")), + "anatomies/input-otp-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/input-otp-anatomy")), }, - "date-and-time/date-picker/date-time-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-time-demo")), + "anatomies/link-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/link-anatomy")), }, - "date-and-time/date-picker/date-picker-required-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-required-demo")), + "anatomies/list-box-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/list-box-anatomy")), }, - "date-and-time/date-picker/date-picker-disabled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-disabled-demo")), + "anatomies/loader-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/loader-anatomy")), }, - "date-and-time/date-picker/date-picker-controlled-demo": { - component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-controlled-demo")), + "anatomies/menu-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/menu-anatomy")), }, - "forms/input-otp/input-otp-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/input-otp/input-otp-controlled-demo")), + "anatomies/meter-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/meter-anatomy")), }, - "forms/input-otp/input-otp-separator-demo": { - component: React.lazy(() => import("@/components/docs/forms/input-otp/input-otp-separator-demo")), + "anatomies/modal-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/modal-anatomy")), }, - "forms/input-otp/input-otp-demo": { - component: React.lazy(() => import("@/components/docs/forms/input-otp/input-otp-demo")), + "anatomies/multiple-select-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/multiple-select-anatomy")), }, - "forms/form-validation-demo": { - component: React.lazy(() => import("@/components/docs/forms/form-validation-demo")), + "anatomies/navbar-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/navbar-anatomy")), }, - "forms/number-field/number-field-invalid-demo": { - component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-invalid-demo")), + "anatomies/note-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/note-anatomy")), }, - "forms/number-field/number-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-disabled-demo")), + "anatomies/number-field-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/number-field-anatomy")), }, - "forms/number-field/number-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-controlled-demo")), + "anatomies/pagination-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/pagination-anatomy")), }, - "forms/number-field/number-field-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-uncontrolled-demo")), + "anatomies/popover-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/popover-anatomy")), }, - "forms/number-field/number-field-demo": { - component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-demo")), + "anatomies/progress-bar-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/progress-bar-anatomy")), }, - "forms/checkbox/checkbox-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-demo")), + "anatomies/progress-circle-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/progress-circle-anatomy")), }, - "forms/checkbox/checkbox-group-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-demo")), + "anatomies/radio-group-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/radio-group-anatomy")), }, - "forms/checkbox/checkbox-group-validation-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-validation-demo")), + "anatomies/search-field-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/search-field-anatomy")), }, - "forms/checkbox/checkbox-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-uncontrolled-demo")), + "anatomies/select-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/select-anatomy")), }, - "forms/checkbox/checkbox-indeterminate-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-indeterminate-demo")), + "anatomies/separator-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/separator-anatomy")), }, - "forms/checkbox/checkbox-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-description-demo")), + "anatomies/sheet-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/sheet-anatomy")), }, - "forms/checkbox/checkbox-group-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-description-demo")), + "anatomies/sidebar-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/sidebar-anatomy")), }, - "forms/checkbox/checkbox-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-controlled-demo")), + "anatomies/skeleton-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/skeleton-anatomy")), }, - "forms/checkbox/checkbox-invalid-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-invalid-demo")), + "anatomies/table-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/table-anatomy")), }, - "forms/checkbox/checkbox-group-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-uncontrolled-demo")), + "anatomies/tabs-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/tabs-anatomy")), }, - "forms/checkbox/checkbox-group-indeterminate-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-indeterminate-demo")), + "anatomies/tag-group-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/tag-group-anatomy")), }, - "forms/checkbox/checkbox-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-disabled-demo")), + "anatomies/text-field-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/text-field-anatomy")), }, - "forms/checkbox/checkbox-group-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-disabled-demo")), + "anatomies/textarea-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/textarea-anatomy")), }, - "forms/checkbox/checkbox-group-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-controlled-demo")), + "anatomies/toggle-group-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/toggle-group-anatomy")), }, - "forms/textarea/textarea-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-demo")), + "anatomies/toolbar-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/toolbar-anatomy")), }, - "forms/textarea/textarea-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-controlled-demo")), + "anatomies/tooltip-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/tooltip-anatomy")), }, - "forms/textarea/textarea-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-uncontrolled-demo")), + "anatomies/tree-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/tree-anatomy")), }, - "forms/textarea/textarea-readonly-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-readonly-demo")), + "anatomies/visually-hidden-anatomy": { + component: React.lazy(() => import("@/components/docs/anatomies/visually-hidden-anatomy")), }, - "forms/textarea/textarea-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-description-demo")), + "buttons/button/button-appearance-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-appearance-demo")), }, - "forms/textarea/textarea-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-disabled-demo")), + "buttons/button/button-basic-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-basic-demo")), }, - "forms/textarea/textarea-validation-demo": { - component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-validation-demo")), + "buttons/button/button-disabled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-disabled-demo")), }, - "forms/form-demo": { - component: React.lazy(() => import("@/components/docs/forms/form-demo")), + "buttons/button/button-icon-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-icon-demo")), }, - "forms/text-field/text-field-validation-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-validation-demo")), + "buttons/button/button-intent-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-intent-demo")), }, - "forms/text-field/text-field-readonly-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-readonly-demo")), + "buttons/button/button-link-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-link-demo")), }, - "forms/text-field/text-field-prefix-suffix-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-prefix-suffix-demo")), + "buttons/button/button-loader-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-loader-demo")), }, - "forms/text-field/text-field-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-uncontrolled-demo")), + "buttons/button/button-only-icon-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-only-icon-demo")), }, - "forms/text-field/text-field-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-description-demo")), + "buttons/button/button-pending-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-pending-demo")), }, - "forms/text-field/text-field-revealable-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-revealable-demo")), + "buttons/button/button-shape-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-shape-demo")), }, - "forms/text-field/text-field-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-demo")), + "buttons/button/button-size-demo": { + component: React.lazy(() => import("@/components/docs/buttons/button/button-size-demo")), }, - "forms/text-field/text-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-disabled-demo")), + "buttons/file-trigger/file-trigger-avatar-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-avatar-demo")), }, - "forms/text-field/text-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-controlled-demo")), + "buttons/file-trigger/file-trigger-camera-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-camera-demo")), }, - "forms/text-field/text-field-suffix-button-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-suffix-button-demo")), + "buttons/file-trigger/file-trigger-controlled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-controlled-demo")), }, - "forms/text-field/text-field-pending-demo": { - component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-pending-demo")), + "buttons/file-trigger/file-trigger-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-demo")), }, - "forms/radio-group/radio-group-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-demo")), + "buttons/file-trigger/file-trigger-disabled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-disabled-demo")), }, - "forms/radio-group/radio-group-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-controlled-demo")), + "buttons/file-trigger/file-trigger-folder-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-folder-demo")), }, - "forms/radio-group/radio-group-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-uncontrolled-demo")), + "buttons/file-trigger/file-trigger-multiple-demo": { + component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-multiple-demo")), }, - "forms/radio-group/radio-group-orientation-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-orientation-demo")), + "buttons/toggle/toggle-appearance-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-appearance-demo")), }, - "forms/radio-group/radio-group-invalid-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-invalid-demo")), + "buttons/toggle/toggle-controlled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-controlled-demo")), }, - "forms/radio-group/radio-group-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-disabled-demo")), + "buttons/toggle/toggle-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-demo")), }, - "forms/radio-group/radio-group-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-description-demo")), + "buttons/toggle/toggle-disabled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-disabled-demo")), }, - "forms/radio-group/radio-group-children-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-children-description-demo")), + "buttons/toggle/toggle-shape-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-shape-demo")), }, - "forms/search-field/search-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-controlled-demo")), + "buttons/toggle/toggle-size-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-size-demo")), }, - "forms/search-field/search-field-pending-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-pending-demo")), + "buttons/toggle-group/toggle-group-appearance-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-appearance-demo")), }, - "forms/search-field/search-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-disabled-demo")), + "buttons/toggle-group/toggle-group-controlled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-controlled-demo")), }, - "forms/search-field/search-field-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-demo")), + "buttons/toggle-group/toggle-group-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-demo")), }, - "forms/search-field/search-field-readonly-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-readonly-demo")), + "buttons/toggle-group/toggle-group-disabled-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-disabled-demo")), }, - "forms/search-field/search-field-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-uncontrolled-demo")), + "buttons/toggle-group/toggle-group-orientation-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-orientation-demo")), }, - "forms/search-field/search-field-with-label-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-with-label-demo")), + "buttons/toggle-group/toggle-group-selection-mode-demo": { + component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-selection-mode-demo")), }, - "forms/search-field/search-field-description-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-description-demo")), + "collections/choicebox/choicebox-columns-demo": { + component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-columns-demo")), }, - "forms/search-field/search-field-validation-demo": { - component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-validation-demo")), + "collections/choicebox/choicebox-controlled-demo": { + component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-controlled-demo")), }, - "forms/tag-field/tag-field-intent-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-intent-demo")), + "collections/choicebox/choicebox-demo": { + component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-demo")), }, - "forms/tag-field/tag-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-disabled-demo")), + "collections/choicebox/choicebox-disabled-demo": { + component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-disabled-demo")), }, - "forms/tag-field/tag-field-max-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-max-demo")), + "collections/choicebox/choicebox-single-selection-demo": { + component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-single-selection-demo")), }, - "forms/tag-field/tag-field-shape-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-shape-demo")), + "collections/grid-list/grid-list-controlled-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-controlled-demo")), }, - "forms/tag-field/tag-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-controlled-demo")), + "collections/grid-list/grid-list-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-demo")), }, - "forms/tag-field/tag-field-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-demo")), + "collections/grid-list/grid-list-disabled-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-disabled-demo")), }, - "forms/tag-field/tag-field-appearance-demo": { - component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-appearance-demo")), + "collections/grid-list/grid-list-drag-between-item-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-drag-between-item-demo")), + }, + "collections/grid-list/grid-list-drag-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-drag-demo")), + }, + "collections/grid-list/grid-list-multiple-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-multiple-demo")), }, - "buttons/file-trigger/file-trigger-disabled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-disabled-demo")), + "collections/grid-list/grid-list-render-empty-state-demo": { + component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-render-empty-state-demo")), }, - "buttons/file-trigger/file-trigger-folder-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-folder-demo")), + "collections/list-box/list-box-controlled-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-controlled-demo")), }, - "buttons/file-trigger/file-trigger-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-demo")), + "collections/list-box/list-box-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-demo")), }, - "buttons/file-trigger/file-trigger-controlled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-controlled-demo")), + "collections/list-box/list-box-disabled-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-disabled-demo")), }, - "buttons/file-trigger/file-trigger-multiple-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-multiple-demo")), + "collections/list-box/list-box-item-details-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-item-details-demo")), }, - "buttons/file-trigger/file-trigger-camera-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-camera-demo")), + "collections/list-box/list-box-multiple-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-multiple-demo")), }, - "buttons/file-trigger/file-trigger-avatar-demo": { - component: React.lazy(() => import("@/components/docs/buttons/file-trigger/file-trigger-avatar-demo")), + "collections/list-box/list-box-rearrange-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-rearrange-demo")), }, - "buttons/toggle-group/toggle-group-controlled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-controlled-demo")), + "collections/list-box/list-box-section-demo": { + component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-section-demo")), }, - "buttons/toggle-group/toggle-group-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-demo")), + "collections/menu/menu-basic-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-basic-demo")), }, - "buttons/toggle-group/toggle-group-selection-mode-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-selection-mode-demo")), + "collections/menu/menu-collection-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-collection-demo")), }, - "buttons/toggle-group/toggle-group-disabled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-disabled-demo")), + "collections/menu/menu-danger-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-danger-demo")), }, - "buttons/toggle-group/toggle-group-orientation-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-orientation-demo")), + "collections/menu/menu-disabled-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-disabled-demo")), }, - "buttons/toggle-group/toggle-group-appearance-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle-group/toggle-group-appearance-demo")), + "collections/menu/menu-item-details-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-item-details-demo")), }, - "buttons/toggle/toggle-disabled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-disabled-demo")), + "collections/menu/menu-respect-screen-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-respect-screen-demo")), }, - "buttons/toggle/toggle-appearance-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-appearance-demo")), + "collections/menu/menu-section-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-section-demo")), }, - "buttons/toggle/toggle-shape-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-shape-demo")), + "collections/menu/menu-section-level-selection": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-section-level-selection")), }, - "buttons/toggle/toggle-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-demo")), + "collections/menu/menu-sub-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-sub-demo")), }, - "buttons/toggle/toggle-size-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-size-demo")), + "collections/menu/menu-with-arrow-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-with-arrow-demo")), }, - "buttons/toggle/toggle-controlled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/toggle/toggle-controlled-demo")), + "collections/menu/menu-with-icon-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/menu-with-icon-demo")), }, - "buttons/button/button-intent-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-intent-demo")), + "collections/menu/multiple-menu-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/multiple-menu-demo")), }, - "buttons/button/button-icon-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-icon-demo")), + "collections/menu/single-menu-demo": { + component: React.lazy(() => import("@/components/docs/collections/menu/single-menu-demo")), }, - "buttons/button/button-loader-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-loader-demo")), + "collections/table/table-bulk-demo": { + component: React.lazy(() => import("@/components/docs/collections/table/table-bulk-demo")), }, - "buttons/button/button-disabled-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-disabled-demo")), + "collections/table/table-demo": { + component: React.lazy(() => import("@/components/docs/collections/table/table-demo")), }, - "buttons/button/button-only-icon-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-only-icon-demo")), + "collections/table/table-drag-demo": { + component: React.lazy(() => import("@/components/docs/collections/table/table-drag-demo")), }, - "buttons/button/button-size-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-size-demo")), + "collections/table/table-resize-demo": { + component: React.lazy(() => import("@/components/docs/collections/table/table-resize-demo")), }, - "buttons/button/button-shape-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-shape-demo")), + "collections/table/table-sorting-demo": { + component: React.lazy(() => import("@/components/docs/collections/table/table-sorting-demo")), }, - "buttons/button/button-basic-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-basic-demo")), + "collections/tag-group/tag-group-controlled-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-controlled-demo")), }, - "buttons/button/button-pending-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-pending-demo")), + "collections/tag-group/tag-group-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-demo")), }, - "buttons/button/button-appearance-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-appearance-demo")), + "collections/tag-group/tag-group-disabled-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-disabled-demo")), }, - "buttons/button/button-link-demo": { - component: React.lazy(() => import("@/components/docs/buttons/button/button-link-demo")), + "collections/tag-group/tag-group-href-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-href-demo")), }, - "overlays/drawer/drawer-nested-demo": { - component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-nested-demo")), + "collections/tag-group/tag-group-intent-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-intent-demo")), }, - "overlays/drawer/drawer-basic-demo": { - component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-basic-demo")), + "collections/tag-group/tag-group-shape-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-shape-demo")), }, - "overlays/drawer/drawer-sticky-demo": { - component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-sticky-demo")), + "collections/tag-group/tag-group-with-remove-demo": { + component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-with-remove-demo")), }, - "overlays/drawer/drawer-controlled-demo": { - component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-controlled-demo")), + "collections/tree/tree-demo": { + component: React.lazy(() => import("@/components/docs/collections/tree/tree-demo")), }, - "overlays/drawer/drawer-without-notch-demo": { - component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-without-notch-demo")), + "colors/color-area/color-area-channel-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-channel-demo")), }, - "overlays/tooltip/tooltip-delay-demo": { - component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-delay-demo")), + "colors/color-area/color-area-controlled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-controlled-demo")), }, - "overlays/tooltip/tooltip-demo": { - component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-demo")), + "colors/color-area/color-area-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-demo")), }, - "overlays/tooltip/tooltip-placement-demo": { - component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-placement-demo")), + "colors/color-area/color-area-disabled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-disabled-demo")), }, - "overlays/tooltip/tooltip-without-arrow-demo": { - component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-without-arrow-demo")), + "colors/color-area/color-area-space-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-space-demo")), }, - "overlays/tooltip/tooltip-intent-demo": { - component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-intent-demo")), + "colors/color-area/color-area-with-slider-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-with-slider-demo")), }, - "overlays/popover/popover-controlled-demo": { - component: React.lazy(() => import("@/components/docs/overlays/popover/popover-controlled-demo")), + "colors/color-field/color-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-controlled-demo")), }, - "overlays/popover/popover-placement-demo": { - component: React.lazy(() => import("@/components/docs/overlays/popover/popover-placement-demo")), + "colors/color-field/color-field-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-demo")), }, - "overlays/popover/popover-arrow-demo": { - component: React.lazy(() => import("@/components/docs/overlays/popover/popover-arrow-demo")), + "colors/color-field/color-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-disabled-demo")), }, - "overlays/popover/popover-custom-close": { - component: React.lazy(() => import("@/components/docs/overlays/popover/popover-custom-close")), + "colors/color-field/color-field-validation-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-validation-demo")), }, - "overlays/popover/popover-trigger-demo": { - component: React.lazy(() => import("@/components/docs/overlays/popover/popover-trigger-demo")), + "colors/color-field/color-field-with-prefix-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-with-prefix-demo")), }, - "overlays/popover/popover-demo": { - component: React.lazy(() => import("@/components/docs/overlays/popover/popover-demo")), + "colors/color-field/color-field-with-suffix-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-with-suffix-demo")), }, - "overlays/modal/modal-triggered-by-menu-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-triggered-by-menu-demo")), + "colors/color-picker/color-picker-combination-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-combination-demo")), }, - "overlays/modal/modal-custom-classnames-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-custom-classnames-demo")), + "colors/color-picker/color-picker-controlled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-controlled-demo")), }, - "overlays/modal/modal-nested-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-nested-demo")), + "colors/color-picker/color-picker-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-demo")), }, - "overlays/modal/modal-size-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-size-demo")), + "colors/color-picker/color-picker-disabled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-disabled-demo")), }, - "overlays/modal/modal-sticky-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-sticky-demo")), + "colors/color-picker/color-picker-enable-selection-format-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-enable-selection-format-demo")), }, - "overlays/modal/alert-dialog-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/alert-dialog-demo")), + "colors/color-picker/color-picker-enable-swatch-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-enable-swatch-demo")), }, - "overlays/modal/modal-blur-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-blur-demo")), + "colors/color-picker/color-picker-with-description-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-with-description-demo")), }, - "overlays/modal/modal-controlled-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-controlled-demo")), + "colors/color-picker/color-picker-with-label-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-with-label-demo")), }, - "overlays/modal/modal-custom-style-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-custom-style-demo")), + "colors/color-slider/color-slider-controlled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-controlled-demo")), }, - "overlays/modal/modal-demo": { - component: React.lazy(() => import("@/components/docs/overlays/modal/modal-demo")), + "colors/color-slider/color-slider-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-demo")), }, - "overlays/sheet/sheet-custom-style-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-custom-style-demo")), + "colors/color-slider/color-slider-disabled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-disabled-demo")), }, - "overlays/sheet/sheet-custom-close-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-custom-close-demo")), + "colors/color-slider/color-slider-vertical-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-vertical-demo")), }, - "overlays/sheet/sheet-menu-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-menu-demo")), + "colors/color-slider/color-slider-with-label-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-with-label-demo")), }, - "overlays/sheet/sheet-controlled-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-controlled-demo")), + "colors/color-swatch/color-swatch-controlled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-controlled-demo")), }, - "overlays/sheet/sheet-position-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-position-demo")), + "colors/color-swatch/color-swatch-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-demo")), }, - "overlays/sheet/sheet-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-demo")), + "colors/color-swatch/color-swatch-picker-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-picker-demo")), }, - "overlays/sheet/sheet-stack-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-stack-demo")), + "colors/color-swatch/color-swatch-picker-item-disabled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-picker-item-disabled-demo")), }, - "overlays/sheet/sheet-sticky-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-sticky-demo")), + "colors/color-wheel/color-wheel-controlled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-wheel/color-wheel-controlled-demo")), }, - "overlays/sheet/sheet-classnames-demo": { - component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-classnames-demo")), + "colors/color-wheel/color-wheel-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-wheel/color-wheel-demo")), }, - "navigation/disclosure/disclosure-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure/disclosure-demo")), + "colors/color-wheel/color-wheel-disabled-demo": { + component: React.lazy(() => import("@/components/docs/colors/color-wheel/color-wheel-disabled-demo")), }, - "navigation/disclosure/disclosure-controlled-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure/disclosure-controlled-demo")), + "colors/controlled-values": { + component: React.lazy(() => import("@/components/docs/colors/controlled-values")), }, - "navigation/disclosure/disclosure-disabled-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure/disclosure-disabled-demo")), + "controls/command-menu/command-menu-blur-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-blur-demo")), }, - "navigation/tabs/tabs-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-demo")), + "controls/command-menu/command-menu-controlled-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-controlled-demo")), }, - "navigation/tabs/tabs-icons-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-icons-demo")), + "controls/command-menu/command-menu-danger-item-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-danger-item-demo")), }, - "navigation/tabs/tabs-link-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-link-demo")), + "controls/command-menu/command-menu-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-demo")), }, - "navigation/tabs/tabs-collections-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-collections-demo")), + "controls/command-menu/command-menu-description-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-description-demo")), }, - "navigation/tabs/tabs-responsive-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-responsive-demo")), + "controls/command-menu/command-menu-disabled-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-disabled-demo")), }, - "navigation/tabs/tabs-orientation-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-orientation-demo")), + "controls/command-menu/command-menu-keyboard-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-keyboard-demo")), }, - "navigation/tabs/tabs-disabled-demo": { - component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-disabled-demo")), + "controls/command-menu/command-menu-section-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-section-demo")), }, - "navigation/pagination/pagination-dynamic-demo": { - component: React.lazy(() => import("@/components/docs/navigation/pagination/pagination-dynamic-demo")), + "controls/command-menu/command-menu-separator-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-separator-demo")), }, - "navigation/pagination/pagination-demo": { - component: React.lazy(() => import("@/components/docs/navigation/pagination/pagination-demo")), + "controls/command-menu/command-menu-trigger-by-keyboard-demo": { + component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-trigger-by-keyboard-demo")), }, - "navigation/pagination/simple-pagination-demo": { - component: React.lazy(() => import("@/components/docs/navigation/pagination/simple-pagination-demo")), + "controls/context-menu/context-menu-danger-demo": { + component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-danger-demo")), }, - "navigation/disclosure-group/disclosure-group-hide-indicator-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-hide-indicator-demo")), + "controls/context-menu/context-menu-demo": { + component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-demo")), }, - "navigation/disclosure-group/disclosure-group-disabled-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-disabled-demo")), + "controls/context-menu/context-menu-disabled-demo": { + component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-disabled-demo")), }, - "navigation/disclosure-group/disclosure-group-border-hidden-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-border-hidden-demo")), + "controls/context-menu/context-menu-item-details-demo": { + component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-item-details-demo")), }, - "navigation/disclosure-group/disclosure-group-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-demo")), + "controls/context-menu/context-menu-separator-demo": { + component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-separator-demo")), }, - "navigation/disclosure-group/disclosure-group-hide-everything-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-hide-everything-demo")), + "controls/context-menu/context-menu-with-icon-demo": { + component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-with-icon-demo")), }, - "navigation/disclosure-group/disclosure-group-allow-multiple-expand-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-allow-multiple-expand-demo")), + "controls/slider/slider-controlled-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-controlled-demo")), }, - "navigation/disclosure-group/disclosure-group-default-expand-demo": { - component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-default-expand-demo")), + "controls/slider/slider-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-demo")), }, - "navigation/link/link-intent-demo": { - component: React.lazy(() => import("@/components/docs/navigation/link/link-intent-demo")), + "controls/slider/slider-disabled-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-disabled-demo")), }, - "navigation/link/link-unstyled-demo": { - component: React.lazy(() => import("@/components/docs/navigation/link/link-unstyled-demo")), + "controls/slider/slider-orientation-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-orientation-demo")), }, - "navigation/link/link-button-demo": { - component: React.lazy(() => import("@/components/docs/navigation/link/link-button-demo")), + "controls/slider/slider-prefix-suffix-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-prefix-suffix-demo")), }, - "navigation/link/link-demo": { - component: React.lazy(() => import("@/components/docs/navigation/link/link-demo")), + "controls/slider/slider-range-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-range-demo")), }, - "navigation/link/link-disabled-demo": { - component: React.lazy(() => import("@/components/docs/navigation/link/link-disabled-demo")), + "controls/slider/slider-step-demo": { + component: React.lazy(() => import("@/components/docs/controls/slider/slider-step-demo")), }, - "navigation/breadcrumbs/breadcrumbs-collections-demo": { - component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-collections-demo")), + "controls/switch/switch-controlled-demo": { + component: React.lazy(() => import("@/components/docs/controls/switch/switch-controlled-demo")), }, - "navigation/breadcrumbs/breadcrumbs-menu-demo": { - component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-menu-demo")), + "controls/switch/switch-demo": { + component: React.lazy(() => import("@/components/docs/controls/switch/switch-demo")), }, - "navigation/breadcrumbs/breadcrumbs-current-demo": { - component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-current-demo")), + "controls/switch/switch-disabled-demo": { + component: React.lazy(() => import("@/components/docs/controls/switch/switch-disabled-demo")), }, - "navigation/breadcrumbs/breadcrumbs-demo": { - component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-demo")), + "controls/switch/switch-variant-demo": { + component: React.lazy(() => import("@/components/docs/controls/switch/switch-variant-demo")), }, - "navigation/breadcrumbs/breadcrumbs-separator-demo": { - component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-separator-demo")), + "controls/toolbar/toolbar-demo": { + component: React.lazy(() => import("@/components/docs/controls/toolbar/toolbar-demo")), }, - "anatomies/pagination-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/pagination-anatomy")), + "controls/toolbar/toolbar-disabled-demo": { + component: React.lazy(() => import("@/components/docs/controls/toolbar/toolbar-disabled-demo")), }, - "anatomies/table-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/table-anatomy")), + "controls/toolbar/toolbar-orientation-demo": { + component: React.lazy(() => import("@/components/docs/controls/toolbar/toolbar-orientation-demo")), }, - "anatomies/radio-group-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/radio-group-anatomy")), + "date-and-time/calendar/calendar-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/calendar/calendar-demo")), }, - "anatomies/list-box-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/list-box-anatomy")), + "date-and-time/calendar/range-calendar-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/calendar/range-calendar-demo")), }, - "anatomies/file-trigger-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/file-trigger-anatomy")), + "date-and-time/date-field/date-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-controlled-demo")), }, - "anatomies/chart-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/chart-anatomy")), + "date-and-time/date-field/date-field-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-demo")), }, - "anatomies/progress-circle-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/progress-circle-anatomy")), + "date-and-time/date-field/date-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-disabled-demo")), }, - "anatomies/number-field-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/number-field-anatomy")), + "date-and-time/date-field/date-field-prefix-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-prefix-demo")), }, - "anatomies/color-field-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-field-anatomy")), + "date-and-time/date-field/date-field-readonly-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-readonly-demo")), }, - "anatomies/sidebar-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/sidebar-anatomy")), + "date-and-time/date-field/date-field-suffix-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-suffix-demo")), }, - "anatomies/color-swatch-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-swatch-anatomy")), + "date-and-time/date-field/date-field-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-uncontrolled-demo")), }, - "anatomies/tooltip-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/tooltip-anatomy")), + "date-and-time/date-field/date-field-validation-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-field-validation-demo")), }, - "anatomies/breadcrumbs-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/breadcrumbs-anatomy")), + "date-and-time/date-field/date-time-field-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-field/date-time-field-demo")), }, - "anatomies/description-list-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/description-list-anatomy")), + "date-and-time/date-picker/date-picker-controlled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-controlled-demo")), }, - "anatomies/modal-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/modal-anatomy")), + "date-and-time/date-picker/date-picker-custom-validation-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-custom-validation-demo")), }, - "anatomies/color-area-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-area-anatomy")), + "date-and-time/date-picker/date-picker-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-demo")), }, - "anatomies/carousel-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/carousel-anatomy")), + "date-and-time/date-picker/date-picker-disabled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-disabled-demo")), }, - "anatomies/color-swatch-picker-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-swatch-picker-anatomy")), + "date-and-time/date-picker/date-picker-required-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-picker-required-demo")), }, - "anatomies/note-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/note-anatomy")), + "date-and-time/date-picker/date-time-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-picker/date-time-demo")), }, - "anatomies/drop-zone-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/drop-zone-anatomy")), + "date-and-time/date-range-picker/date-range-picker-controlled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-controlled-demo")), }, - "anatomies/tag-group-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/tag-group-anatomy")), + "date-and-time/date-range-picker/date-range-picker-custom-validation-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-custom-validation-demo")), }, - "anatomies/toolbar-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/toolbar-anatomy")), + "date-and-time/date-range-picker/date-range-picker-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-demo")), }, - "anatomies/toggle-group-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/toggle-group-anatomy")), + "date-and-time/date-range-picker/date-range-picker-disabled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-disabled-demo")), }, - "anatomies/heading-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/heading-anatomy")), + "date-and-time/date-range-picker/date-range-picker-time-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-time-demo")), }, - "anatomies/disclosure-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/disclosure-anatomy")), + "date-and-time/date-range-picker/date-range-picker-validation-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/date-range-picker/date-range-picker-validation-demo")), }, - "anatomies/tabs-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/tabs-anatomy")), + "date-and-time/time-field/date-field-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/date-field-demo")), }, - "anatomies/grid-list-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/grid-list-anatomy")), + "date-and-time/time-field/time-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-controlled-demo")), }, - "anatomies/sheet-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/sheet-anatomy")), + "date-and-time/time-field/time-field-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-demo")), }, - "anatomies/skeleton-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/skeleton-anatomy")), + "date-and-time/time-field/time-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-disabled-demo")), }, - "anatomies/color-picker-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-picker-anatomy")), + "date-and-time/time-field/time-field-hc-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-hc-demo")), }, - "anatomies/drawer-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/drawer-anatomy")), + "date-and-time/time-field/time-field-prefix-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-prefix-demo")), }, - "anatomies/grid-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/grid-anatomy")), + "date-and-time/time-field/time-field-readonly-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-readonly-demo")), }, - "anatomies/checkbox-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/checkbox-anatomy")), + "date-and-time/time-field/time-field-suffix-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-suffix-demo")), }, - "anatomies/tree-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/tree-anatomy")), + "date-and-time/time-field/time-field-validation-demo": { + component: React.lazy(() => import("@/components/docs/date-and-time/time-field/time-field-validation-demo")), }, - "anatomies/disclosure-group-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/disclosure-group-anatomy")), + "drag-and-drop/drop-zone-and-file-trigger-demo": { + component: React.lazy(() => import("@/components/docs/drag-and-drop/drop-zone-and-file-trigger-demo")), }, - "anatomies/avatar-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/avatar-anatomy")), + "drag-and-drop/drop-zone-demo": { + component: React.lazy(() => import("@/components/docs/drag-and-drop/drop-zone-demo")), }, - "anatomies/choicebox-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/choicebox-anatomy")), + "forms/checkbox/checkbox-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-controlled-demo")), }, - "anatomies/loader-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/loader-anatomy")), + "forms/checkbox/checkbox-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-demo")), }, - "anatomies/visually-hidden-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/visually-hidden-anatomy")), + "forms/checkbox/checkbox-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-description-demo")), }, - "anatomies/color-wheel-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-wheel-anatomy")), + "forms/checkbox/checkbox-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-disabled-demo")), }, - "anatomies/search-field-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/search-field-anatomy")), + "forms/checkbox/checkbox-group-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-controlled-demo")), }, - "anatomies/checkbox-group-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/checkbox-group-anatomy")), + "forms/checkbox/checkbox-group-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-demo")), }, - "anatomies/textarea-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/textarea-anatomy")), + "forms/checkbox/checkbox-group-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-description-demo")), }, - "anatomies/color-slider-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/color-slider-anatomy")), + "forms/checkbox/checkbox-group-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-disabled-demo")), }, - "anatomies/select-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/select-anatomy")), + "forms/checkbox/checkbox-group-indeterminate-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-indeterminate-demo")), }, - "anatomies/input-otp-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/input-otp-anatomy")), + "forms/checkbox/checkbox-group-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-uncontrolled-demo")), }, - "anatomies/card-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/card-anatomy")), + "forms/checkbox/checkbox-group-validation-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-group-validation-demo")), }, - "anatomies/multiple-select-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/multiple-select-anatomy")), + "forms/checkbox/checkbox-indeterminate-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-indeterminate-demo")), }, - "anatomies/menu-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/menu-anatomy")), + "forms/checkbox/checkbox-invalid-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-invalid-demo")), }, - "anatomies/command-menu-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/command-menu-anatomy")), + "forms/checkbox/checkbox-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/checkbox/checkbox-uncontrolled-demo")), }, - "anatomies/meter-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/meter-anatomy")), + "forms/form-demo": { + component: React.lazy(() => import("@/components/docs/forms/form-demo")), }, - "anatomies/combo-box-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/combo-box-anatomy")), + "forms/form-validation-demo": { + component: React.lazy(() => import("@/components/docs/forms/form-validation-demo")), }, - "anatomies/navbar-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/navbar-anatomy")), + "forms/input-otp/input-otp-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/input-otp/input-otp-controlled-demo")), }, - "anatomies/text-field-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/text-field-anatomy")), + "forms/input-otp/input-otp-demo": { + component: React.lazy(() => import("@/components/docs/forms/input-otp/input-otp-demo")), }, - "anatomies/button-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/button-anatomy")), + "forms/input-otp/input-otp-separator-demo": { + component: React.lazy(() => import("@/components/docs/forms/input-otp/input-otp-separator-demo")), }, - "anatomies/progress-bar-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/progress-bar-anatomy")), + "forms/number-field/number-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-controlled-demo")), }, - "anatomies/link-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/link-anatomy")), + "forms/number-field/number-field-demo": { + component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-demo")), }, - "anatomies/separator-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/separator-anatomy")), + "forms/number-field/number-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-disabled-demo")), }, - "anatomies/popover-anatomy": { - component: React.lazy(() => import("@/components/docs/anatomies/popover-anatomy")), + "forms/number-field/number-field-invalid-demo": { + component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-invalid-demo")), }, - "controls/toolbar/toolbar-disabled-demo": { - component: React.lazy(() => import("@/components/docs/controls/toolbar/toolbar-disabled-demo")), + "forms/number-field/number-field-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/number-field/number-field-uncontrolled-demo")), }, - "controls/toolbar/toolbar-demo": { - component: React.lazy(() => import("@/components/docs/controls/toolbar/toolbar-demo")), + "forms/radio-group/radio-group-children-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-children-description-demo")), }, - "controls/toolbar/toolbar-orientation-demo": { - component: React.lazy(() => import("@/components/docs/controls/toolbar/toolbar-orientation-demo")), + "forms/radio-group/radio-group-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-controlled-demo")), }, - "controls/slider/slider-range-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-range-demo")), + "forms/radio-group/radio-group-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-demo")), }, - "controls/slider/slider-orientation-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-orientation-demo")), + "forms/radio-group/radio-group-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-description-demo")), }, - "controls/slider/slider-controlled-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-controlled-demo")), + "forms/radio-group/radio-group-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-disabled-demo")), }, - "controls/slider/slider-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-demo")), + "forms/radio-group/radio-group-invalid-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-invalid-demo")), }, - "controls/slider/slider-prefix-suffix-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-prefix-suffix-demo")), + "forms/radio-group/radio-group-orientation-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-orientation-demo")), }, - "controls/slider/slider-disabled-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-disabled-demo")), + "forms/radio-group/radio-group-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/radio-group/radio-group-uncontrolled-demo")), }, - "controls/slider/slider-step-demo": { - component: React.lazy(() => import("@/components/docs/controls/slider/slider-step-demo")), + "forms/search-field/search-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-controlled-demo")), }, - "controls/context-menu/context-menu-disabled-demo": { - component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-disabled-demo")), + "forms/search-field/search-field-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-demo")), }, - "controls/context-menu/context-menu-separator-demo": { - component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-separator-demo")), + "forms/search-field/search-field-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-description-demo")), }, - "controls/context-menu/context-menu-demo": { - component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-demo")), + "forms/search-field/search-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-disabled-demo")), }, - "controls/context-menu/context-menu-danger-demo": { - component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-danger-demo")), + "forms/search-field/search-field-pending-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-pending-demo")), }, - "controls/context-menu/context-menu-item-details-demo": { - component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-item-details-demo")), + "forms/search-field/search-field-readonly-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-readonly-demo")), }, - "controls/context-menu/context-menu-with-icon-demo": { - component: React.lazy(() => import("@/components/docs/controls/context-menu/context-menu-with-icon-demo")), + "forms/search-field/search-field-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-uncontrolled-demo")), }, - "controls/command-menu/command-menu-disabled-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-disabled-demo")), + "forms/search-field/search-field-validation-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-validation-demo")), }, - "controls/command-menu/command-menu-section-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-section-demo")), + "forms/search-field/search-field-with-label-demo": { + component: React.lazy(() => import("@/components/docs/forms/search-field/search-field-with-label-demo")), }, - "controls/command-menu/command-menu-trigger-by-keyboard-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-trigger-by-keyboard-demo")), + "forms/tag-field/tag-field-appearance-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-appearance-demo")), }, - "controls/command-menu/command-menu-blur-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-blur-demo")), + "forms/tag-field/tag-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-controlled-demo")), }, - "controls/command-menu/command-menu-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-demo")), + "forms/tag-field/tag-field-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-demo")), }, - "controls/command-menu/command-menu-separator-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-separator-demo")), + "forms/tag-field/tag-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-disabled-demo")), }, - "controls/command-menu/command-menu-keyboard-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-keyboard-demo")), + "forms/tag-field/tag-field-intent-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-intent-demo")), }, - "controls/command-menu/command-menu-description-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-description-demo")), + "forms/tag-field/tag-field-max-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-max-demo")), }, - "controls/command-menu/command-menu-controlled-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-controlled-demo")), + "forms/tag-field/tag-field-shape-demo": { + component: React.lazy(() => import("@/components/docs/forms/tag-field/tag-field-shape-demo")), }, - "controls/command-menu/command-menu-danger-item-demo": { - component: React.lazy(() => import("@/components/docs/controls/command-menu/command-menu-danger-item-demo")), + "forms/text-field/text-field-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-controlled-demo")), }, - "controls/switch/switch-variant-demo": { - component: React.lazy(() => import("@/components/docs/controls/switch/switch-variant-demo")), + "forms/text-field/text-field-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-demo")), }, - "controls/switch/switch-demo": { - component: React.lazy(() => import("@/components/docs/controls/switch/switch-demo")), + "forms/text-field/text-field-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-description-demo")), }, - "controls/switch/switch-controlled-demo": { - component: React.lazy(() => import("@/components/docs/controls/switch/switch-controlled-demo")), + "forms/text-field/text-field-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-disabled-demo")), }, - "controls/switch/switch-disabled-demo": { - component: React.lazy(() => import("@/components/docs/controls/switch/switch-disabled-demo")), + "forms/text-field/text-field-pending-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-pending-demo")), }, - "drag-and-drop/drop-zone-and-file-trigger-demo": { - component: React.lazy(() => import("@/components/docs/drag-and-drop/drop-zone-and-file-trigger-demo")), + "forms/text-field/text-field-prefix-suffix-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-prefix-suffix-demo")), }, - "drag-and-drop/drop-zone-demo": { - component: React.lazy(() => import("@/components/docs/drag-and-drop/drop-zone-demo")), + "forms/text-field/text-field-readonly-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-readonly-demo")), }, - "layouts/navbar/navbar-icon-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-icon-demo")), + "forms/text-field/text-field-revealable-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-revealable-demo")), }, - "layouts/navbar/navbar-disabled-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-disabled-demo")), + "forms/text-field/text-field-suffix-button-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-suffix-button-demo")), }, - "layouts/navbar/navbar-current-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-current-demo")), + "forms/text-field/text-field-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-uncontrolled-demo")), }, - "layouts/navbar/navbar-floating-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-floating-demo")), + "forms/text-field/text-field-validation-demo": { + component: React.lazy(() => import("@/components/docs/forms/text-field/text-field-validation-demo")), }, - "layouts/navbar/navbar-logo-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-logo-demo")), + "forms/textarea/textarea-controlled-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-controlled-demo")), }, - "layouts/navbar/navbar-creating-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-creating-demo")), + "forms/textarea/textarea-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-demo")), }, - "layouts/navbar/navbar-basic-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-basic-demo")), + "forms/textarea/textarea-description-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-description-demo")), }, - "layouts/navbar/navbar-intent-demo": { - component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-intent-demo")), + "forms/textarea/textarea-disabled-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-disabled-demo")), }, - "colors/controlled-values": { - component: React.lazy(() => import("@/components/docs/colors/controlled-values")), + "forms/textarea/textarea-readonly-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-readonly-demo")), }, - "colors/color-slider/color-slider-disabled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-disabled-demo")), + "forms/textarea/textarea-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-uncontrolled-demo")), }, - "colors/color-slider/color-slider-vertical-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-vertical-demo")), + "forms/textarea/textarea-validation-demo": { + component: React.lazy(() => import("@/components/docs/forms/textarea/textarea-validation-demo")), }, - "colors/color-slider/color-slider-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-demo")), + "layouts/navbar/navbar-basic-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-basic-demo")), }, - "colors/color-slider/color-slider-with-label-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-with-label-demo")), + "layouts/navbar/navbar-creating-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-creating-demo")), }, - "colors/color-slider/color-slider-controlled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-slider/color-slider-controlled-demo")), + "layouts/navbar/navbar-current-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-current-demo")), }, - "colors/color-area/color-area-channel-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-channel-demo")), + "layouts/navbar/navbar-disabled-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-disabled-demo")), }, - "colors/color-area/color-area-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-demo")), + "layouts/navbar/navbar-floating-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-floating-demo")), }, - "colors/color-area/color-area-space-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-space-demo")), + "layouts/navbar/navbar-icon-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-icon-demo")), }, - "colors/color-area/color-area-controlled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-controlled-demo")), + "layouts/navbar/navbar-intent-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-intent-demo")), }, - "colors/color-area/color-area-with-slider-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-with-slider-demo")), + "layouts/navbar/navbar-logo-demo": { + component: React.lazy(() => import("@/components/docs/layouts/navbar/navbar-logo-demo")), }, - "colors/color-area/color-area-disabled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-area/color-area-disabled-demo")), + "media/avatar-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-demo")), }, - "colors/color-field/color-field-disabled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-disabled-demo")), + "media/avatar-fallback-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-fallback-demo")), }, - "colors/color-field/color-field-with-prefix-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-with-prefix-demo")), + "media/avatar-group-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-group-demo")), }, - "colors/color-field/color-field-validation-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-validation-demo")), + "media/avatar-initials-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-initials-demo")), }, - "colors/color-field/color-field-with-suffix-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-with-suffix-demo")), + "media/avatar-shape-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-shape-demo")), }, - "colors/color-field/color-field-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-demo")), + "media/avatar-size-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-size-demo")), }, - "colors/color-field/color-field-controlled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-field/color-field-controlled-demo")), + "media/avatar-status-demo": { + component: React.lazy(() => import("@/components/docs/media/avatar-status-demo")), }, - "colors/color-swatch/color-swatch-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-demo")), + "media/carousel-api-demo": { + component: React.lazy(() => import("@/components/docs/media/carousel-api-demo")), }, - "colors/color-swatch/color-swatch-picker-item-disabled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-picker-item-disabled-demo")), + "media/carousel-autoplay-demo": { + component: React.lazy(() => import("@/components/docs/media/carousel-autoplay-demo")), }, - "colors/color-swatch/color-swatch-controlled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-controlled-demo")), + "media/carousel-demo": { + component: React.lazy(() => import("@/components/docs/media/carousel-demo")), }, - "colors/color-swatch/color-swatch-picker-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-swatch/color-swatch-picker-demo")), + "media/carousel-options-demo": { + component: React.lazy(() => import("@/components/docs/media/carousel-options-demo")), }, - "colors/color-picker/color-picker-controlled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-controlled-demo")), + "media/carousel-orientation-demo": { + component: React.lazy(() => import("@/components/docs/media/carousel-orientation-demo")), }, - "colors/color-picker/color-picker-with-description-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-with-description-demo")), + "media/carousel-with-collection-demo": { + component: React.lazy(() => import("@/components/docs/media/carousel-with-collection-demo")), }, - "colors/color-picker/color-picker-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-demo")), + "navigation/breadcrumbs/breadcrumbs-collections-demo": { + component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-collections-demo")), }, - "colors/color-picker/color-picker-enable-swatch-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-enable-swatch-demo")), + "navigation/breadcrumbs/breadcrumbs-current-demo": { + component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-current-demo")), }, - "colors/color-picker/color-picker-disabled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-disabled-demo")), + "navigation/breadcrumbs/breadcrumbs-demo": { + component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-demo")), }, - "colors/color-picker/color-picker-with-label-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-with-label-demo")), + "navigation/breadcrumbs/breadcrumbs-menu-demo": { + component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-menu-demo")), }, - "colors/color-picker/color-picker-enable-selection-format-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-enable-selection-format-demo")), + "navigation/breadcrumbs/breadcrumbs-separator-demo": { + component: React.lazy(() => import("@/components/docs/navigation/breadcrumbs/breadcrumbs-separator-demo")), }, - "colors/color-picker/color-picker-combination-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-picker/color-picker-combination-demo")), + "navigation/disclosure/disclosure-controlled-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure/disclosure-controlled-demo")), }, - "colors/color-wheel/color-wheel-controlled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-wheel/color-wheel-controlled-demo")), + "navigation/disclosure/disclosure-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure/disclosure-demo")), }, - "colors/color-wheel/color-wheel-disabled-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-wheel/color-wheel-disabled-demo")), + "navigation/disclosure/disclosure-disabled-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure/disclosure-disabled-demo")), }, - "colors/color-wheel/color-wheel-demo": { - component: React.lazy(() => import("@/components/docs/colors/color-wheel/color-wheel-demo")), + "navigation/disclosure-group/disclosure-group-allow-multiple-expand-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-allow-multiple-expand-demo")), }, - "pickers/multiple-select/multiple-select-disabled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-disabled-demo")), + "navigation/disclosure-group/disclosure-group-border-hidden-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-border-hidden-demo")), }, - "pickers/multiple-select/multiple-select-demo": { - component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-demo")), + "navigation/disclosure-group/disclosure-group-default-expand-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-default-expand-demo")), }, - "pickers/multiple-select/multiple-select-controlled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-controlled-demo")), + "navigation/disclosure-group/disclosure-group-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-demo")), }, - "pickers/multiple-select/multiple-select-intent-demo": { - component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-intent-demo")), + "navigation/disclosure-group/disclosure-group-disabled-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-disabled-demo")), }, - "pickers/multiple-select/multiple-select-invalid-demo": { - component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-invalid-demo")), + "navigation/disclosure-group/disclosure-group-hide-everything-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-hide-everything-demo")), }, - "pickers/multiple-select/multiple-select-shape-demo": { - component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-shape-demo")), + "navigation/disclosure-group/disclosure-group-hide-indicator-demo": { + component: React.lazy(() => import("@/components/docs/navigation/disclosure-group/disclosure-group-hide-indicator-demo")), }, - "pickers/combo-box/combo-box-controlled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-controlled-demo")), + "navigation/link/link-button-demo": { + component: React.lazy(() => import("@/components/docs/navigation/link/link-button-demo")), }, - "pickers/combo-box/combo-box-readonly-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-readonly-demo")), + "navigation/link/link-demo": { + component: React.lazy(() => import("@/components/docs/navigation/link/link-demo")), }, - "pickers/combo-box/combo-box-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-demo")), + "navigation/link/link-disabled-demo": { + component: React.lazy(() => import("@/components/docs/navigation/link/link-disabled-demo")), }, - "pickers/combo-box/combo-box-controlled-selection-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-controlled-selection-demo")), + "navigation/link/link-intent-demo": { + component: React.lazy(() => import("@/components/docs/navigation/link/link-intent-demo")), }, - "pickers/combo-box/combo-box-avatar-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-avatar-demo")), + "navigation/link/link-unstyled-demo": { + component: React.lazy(() => import("@/components/docs/navigation/link/link-unstyled-demo")), }, - "pickers/combo-box/combo-box-section-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-section-demo")), + "navigation/pagination/pagination-demo": { + component: React.lazy(() => import("@/components/docs/navigation/pagination/pagination-demo")), }, - "pickers/combo-box/combo-box-invalid-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-invalid-demo")), + "navigation/pagination/pagination-dynamic-demo": { + component: React.lazy(() => import("@/components/docs/navigation/pagination/pagination-dynamic-demo")), }, - "pickers/combo-box/combo-box-disabled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-disabled-demo")), + "navigation/pagination/simple-pagination-demo": { + component: React.lazy(() => import("@/components/docs/navigation/pagination/simple-pagination-demo")), }, - "pickers/combo-box/combo-box-validation-demo": { - component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-validation-demo")), + "navigation/tabs/tabs-collections-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-collections-demo")), }, - "pickers/select/select-disabled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-disabled-demo")), + "navigation/tabs/tabs-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-demo")), }, - "pickers/select/select-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-demo")), + "navigation/tabs/tabs-disabled-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-disabled-demo")), }, - "pickers/select/select-validation-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-validation-demo")), + "navigation/tabs/tabs-icons-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-icons-demo")), }, - "pickers/select/select-with-icon-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-with-icon-demo")), + "navigation/tabs/tabs-link-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-link-demo")), }, - "pickers/select/select-item-details-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-item-details-demo")), + "navigation/tabs/tabs-orientation-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-orientation-demo")), }, - "pickers/select/select-controlled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-controlled-demo")), + "navigation/tabs/tabs-responsive-demo": { + component: React.lazy(() => import("@/components/docs/navigation/tabs/tabs-responsive-demo")), }, - "pickers/select/select-uncontrolled-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-uncontrolled-demo")), + "overlays/drawer/drawer-basic-demo": { + component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-basic-demo")), }, - "pickers/select/select-section-demo": { - component: React.lazy(() => import("@/components/docs/pickers/select/select-section-demo")), + "overlays/drawer/drawer-controlled-demo": { + component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-controlled-demo")), }, - "surfaces/show-more/show-more-controlled-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-controlled-demo")), + "overlays/drawer/drawer-nested-demo": { + component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-nested-demo")), }, - "surfaces/show-more/show-more-as-text-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-as-text-demo")), + "overlays/drawer/drawer-sticky-demo": { + component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-sticky-demo")), }, - "surfaces/show-more/show-more-orientation-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-orientation-demo")), + "overlays/drawer/drawer-without-notch-demo": { + component: React.lazy(() => import("@/components/docs/overlays/drawer/drawer-without-notch-demo")), }, - "surfaces/show-more/show-more-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-demo")), + "overlays/modal/alert-dialog-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/alert-dialog-demo")), }, - "surfaces/card/card-login-form-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/card/card-login-form-demo")), + "overlays/modal/modal-blur-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-blur-demo")), }, - "surfaces/card/card-table-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/card/card-table-demo")), + "overlays/modal/modal-controlled-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-controlled-demo")), }, - "surfaces/card/card-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/card/card-demo")), + "overlays/modal/modal-custom-classnames-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-custom-classnames-demo")), }, - "surfaces/separator/separator-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/separator/separator-demo")), + "overlays/modal/modal-custom-style-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-custom-style-demo")), }, - "surfaces/separator/separator-orientation-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/separator/separator-orientation-demo")), + "overlays/modal/modal-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-demo")), }, - "surfaces/heading/heading-tracking-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/heading/heading-tracking-demo")), + "overlays/modal/modal-nested-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-nested-demo")), }, - "surfaces/heading/heading-level-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/heading/heading-level-demo")), + "overlays/modal/modal-size-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-size-demo")), }, - "surfaces/heading/heading-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/heading/heading-demo")), + "overlays/modal/modal-sticky-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-sticky-demo")), }, - "surfaces/chart/area/area-chart-linear-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-linear-demo")), + "overlays/modal/modal-triggered-by-menu-demo": { + component: React.lazy(() => import("@/components/docs/overlays/modal/modal-triggered-by-menu-demo")), }, - "surfaces/chart/area/area-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-demo")), + "overlays/popover/popover-arrow-demo": { + component: React.lazy(() => import("@/components/docs/overlays/popover/popover-arrow-demo")), }, - "surfaces/chart/area/area-chart-gradient-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-gradient-demo")), + "overlays/popover/popover-controlled-demo": { + component: React.lazy(() => import("@/components/docs/overlays/popover/popover-controlled-demo")), }, - "surfaces/chart/area/area-chart-stacked-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-stacked-demo")), + "overlays/popover/popover-custom-close": { + component: React.lazy(() => import("@/components/docs/overlays/popover/popover-custom-close")), }, - "surfaces/chart/pie/pie-chart-interactive-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-interactive-demo")), + "overlays/popover/popover-demo": { + component: React.lazy(() => import("@/components/docs/overlays/popover/popover-demo")), }, - "surfaces/chart/pie/pie-chart-legend-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-legend-demo")), + "overlays/popover/popover-placement-demo": { + component: React.lazy(() => import("@/components/docs/overlays/popover/popover-placement-demo")), }, - "surfaces/chart/pie/pie-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-demo")), + "overlays/popover/popover-trigger-demo": { + component: React.lazy(() => import("@/components/docs/overlays/popover/popover-trigger-demo")), }, - "surfaces/chart/pie/pie-chart-stacked-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-stacked-demo")), + "overlays/sheet/sheet-classnames-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-classnames-demo")), }, - "surfaces/chart/pie/pie-chart-label-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-label-demo")), + "overlays/sheet/sheet-controlled-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-controlled-demo")), }, - "surfaces/chart/line/line-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-demo")), + "overlays/sheet/sheet-custom-close-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-custom-close-demo")), }, - "surfaces/chart/line/line-chart-dots-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-dots-demo")), + "overlays/sheet/sheet-custom-style-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-custom-style-demo")), }, - "surfaces/chart/line/line-chart-multiple-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-multiple-demo")), + "overlays/sheet/sheet-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-demo")), }, - "surfaces/chart/line/line-chart-label-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-label-demo")), + "overlays/sheet/sheet-menu-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-menu-demo")), }, - "surfaces/chart/line/line-chart-dots-color-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-dots-color-demo")), + "overlays/sheet/sheet-position-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-position-demo")), }, - "surfaces/chart/line/line-chart-linear-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-linear-demo")), + "overlays/sheet/sheet-stack-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-stack-demo")), }, - "surfaces/chart/radial/radial-chart-text-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-text-demo")), + "overlays/sheet/sheet-sticky-demo": { + component: React.lazy(() => import("@/components/docs/overlays/sheet/sheet-sticky-demo")), }, - "surfaces/chart/radial/radial-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-demo")), + "overlays/tooltip/tooltip-delay-demo": { + component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-delay-demo")), }, - "surfaces/chart/radial/radial-chart-shape-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-shape-demo")), + "overlays/tooltip/tooltip-demo": { + component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-demo")), }, - "surfaces/chart/radial/radial-chart-stacked-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-stacked-demo")), + "overlays/tooltip/tooltip-intent-demo": { + component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-intent-demo")), }, - "surfaces/chart/radial/radial-chart-grid-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-grid-demo")), + "overlays/tooltip/tooltip-placement-demo": { + component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-placement-demo")), }, - "surfaces/chart/bar/bar-chart-multiple-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-multiple-demo")), + "overlays/tooltip/tooltip-without-arrow-demo": { + component: React.lazy(() => import("@/components/docs/overlays/tooltip/tooltip-without-arrow-demo")), }, - "surfaces/chart/bar/bar-chart-analytic-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-analytic-demo")), + "pickers/combo-box/combo-box-avatar-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-avatar-demo")), }, - "surfaces/chart/bar/bar-chart-mixed-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-mixed-demo")), + "pickers/combo-box/combo-box-controlled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-controlled-demo")), }, - "surfaces/chart/bar/bar-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-demo")), + "pickers/combo-box/combo-box-controlled-selection-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-controlled-selection-demo")), }, - "surfaces/chart/bar/bar-chart-horizontal-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-horizontal-demo")), + "pickers/combo-box/combo-box-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-demo")), }, - "surfaces/chart/radar/radar-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-demo")), + "pickers/combo-box/combo-box-disabled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-disabled-demo")), }, - "surfaces/chart/radar/radar-chart-line-only-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-line-only-demo")), + "pickers/combo-box/combo-box-invalid-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-invalid-demo")), }, - "surfaces/chart/radar/radar-chart-icon-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-icon-demo")), + "pickers/combo-box/combo-box-readonly-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-readonly-demo")), }, - "surfaces/chart/radar/radar-chart-dots-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-dots-demo")), + "pickers/combo-box/combo-box-section-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-section-demo")), }, - "surfaces/chart/radar/radar-chart-multiple-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-multiple-demo")), + "pickers/combo-box/combo-box-validation-demo": { + component: React.lazy(() => import("@/components/docs/pickers/combo-box/combo-box-validation-demo")), }, - "surfaces/chart/basic-chart-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/chart/basic-chart-demo")), + "pickers/multiple-select/multiple-select-controlled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-controlled-demo")), }, - "surfaces/description-list/description-list-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/description-list/description-list-demo")), + "pickers/multiple-select/multiple-select-demo": { + component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-demo")), }, - "surfaces/description-list/description-list-heading-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/description-list/description-list-heading-demo")), + "pickers/multiple-select/multiple-select-disabled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-disabled-demo")), }, - "surfaces/description-list/description-list-card-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/description-list/description-list-card-demo")), + "pickers/multiple-select/multiple-select-intent-demo": { + component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-intent-demo")), }, - "surfaces/grid/grid-gap-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-gap-demo")), + "pickers/multiple-select/multiple-select-invalid-demo": { + component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-invalid-demo")), }, - "surfaces/grid/grid-collections-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-collections-demo")), + "pickers/multiple-select/multiple-select-shape-demo": { + component: React.lazy(() => import("@/components/docs/pickers/multiple-select/multiple-select-shape-demo")), }, - "surfaces/grid/grid-basic-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-basic-demo")), + "pickers/select/select-controlled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-controlled-demo")), }, - "surfaces/grid/grid-responsive-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-responsive-demo")), + "pickers/select/select-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-demo")), }, - "surfaces/grid/grid-item-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-item-demo")), + "pickers/select/select-disabled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-disabled-demo")), }, - "surfaces/grid/grid-debug-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-debug-demo")), + "pickers/select/select-item-details-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-item-details-demo")), }, - "surfaces/grid/grid-gap-x-y-demo": { - component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-gap-x-y-demo")), + "pickers/select/select-section-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-section-demo")), }, - "statuses/toast-description-demo": { - component: React.lazy(() => import("@/components/docs/statuses/toast-description-demo")), + "pickers/select/select-uncontrolled-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-uncontrolled-demo")), }, - "statuses/meter-decimal-format-demo": { - component: React.lazy(() => import("@/components/docs/statuses/meter-decimal-format-demo")), + "pickers/select/select-validation-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-validation-demo")), + }, + "pickers/select/select-with-icon-demo": { + component: React.lazy(() => import("@/components/docs/pickers/select/select-with-icon-demo")), }, "statuses/badge-demo": { component: React.lazy(() => import("@/components/docs/statuses/badge-demo")), }, - "statuses/progress-circle-controlled-demo": { - component: React.lazy(() => import("@/components/docs/statuses/progress-circle-controlled-demo")), + "statuses/badge-intent-demo": { + component: React.lazy(() => import("@/components/docs/statuses/badge-intent-demo")), }, - "statuses/skeleton-shape-demo": { - component: React.lazy(() => import("@/components/docs/statuses/skeleton-shape-demo")), + "statuses/badge-shape-demo": { + component: React.lazy(() => import("@/components/docs/statuses/badge-shape-demo")), }, - "statuses/progress-bar-demo": { - component: React.lazy(() => import("@/components/docs/statuses/progress-bar-demo")), + "statuses/indeterminate-progress-bar-demo": { + component: React.lazy(() => import("@/components/docs/statuses/indeterminate-progress-bar-demo")), }, "statuses/loader-demo": { component: React.lazy(() => import("@/components/docs/statuses/loader-demo")), }, - "statuses/skeleton-intent-demo": { - component: React.lazy(() => import("@/components/docs/statuses/skeleton-intent-demo")), + "statuses/loader-intent-demo": { + component: React.lazy(() => import("@/components/docs/statuses/loader-intent-demo")), + }, + "statuses/loader-size-demo": { + component: React.lazy(() => import("@/components/docs/statuses/loader-size-demo")), }, "statuses/loader-variant-demo": { component: React.lazy(() => import("@/components/docs/statuses/loader-variant-demo")), }, - "statuses/progress-circle-indeterminate-demo": { - component: React.lazy(() => import("@/components/docs/statuses/progress-circle-indeterminate-demo")), - }, - "statuses/indeterminate-progress-bar-demo": { - component: React.lazy(() => import("@/components/docs/statuses/indeterminate-progress-bar-demo")), - }, - "statuses/skeleton-demo": { - component: React.lazy(() => import("@/components/docs/statuses/skeleton-demo")), - }, - "statuses/loader-intent-demo": { - component: React.lazy(() => import("@/components/docs/statuses/loader-intent-demo")), + "statuses/meter-currency-format-demo": { + component: React.lazy(() => import("@/components/docs/statuses/meter-currency-format-demo")), }, - "statuses/toast-action-demo": { - component: React.lazy(() => import("@/components/docs/statuses/toast-action-demo")), + "statuses/meter-decimal-format-demo": { + component: React.lazy(() => import("@/components/docs/statuses/meter-decimal-format-demo")), }, - "statuses/badge-shape-demo": { - component: React.lazy(() => import("@/components/docs/statuses/badge-shape-demo")), + "statuses/meter-demo": { + component: React.lazy(() => import("@/components/docs/statuses/meter-demo")), }, "statuses/note-demo": { component: React.lazy(() => import("@/components/docs/statuses/note-demo")), }, - "statuses/progress-circle-color-demo": { - component: React.lazy(() => import("@/components/docs/statuses/progress-circle-color-demo")), - }, - "statuses/toast-status-demo": { - component: React.lazy(() => import("@/components/docs/statuses/toast-status-demo")), + "statuses/note-hide-indicator-demo": { + component: React.lazy(() => import("@/components/docs/statuses/note-hide-indicator-demo")), }, "statuses/note-intent-demo": { component: React.lazy(() => import("@/components/docs/statuses/note-intent-demo")), }, - "statuses/progress-circle-custom-size-demo": { - component: React.lazy(() => import("@/components/docs/statuses/progress-circle-custom-size-demo")), - }, - "statuses/meter-currency-format-demo": { - component: React.lazy(() => import("@/components/docs/statuses/meter-currency-format-demo")), + "statuses/progress-bar-demo": { + component: React.lazy(() => import("@/components/docs/statuses/progress-bar-demo")), }, - "statuses/toast-positions-demo": { - component: React.lazy(() => import("@/components/docs/statuses/toast-positions-demo")), + "statuses/progress-circle-color-demo": { + component: React.lazy(() => import("@/components/docs/statuses/progress-circle-color-demo")), }, - "statuses/note-hide-indicator-demo": { - component: React.lazy(() => import("@/components/docs/statuses/note-hide-indicator-demo")), + "statuses/progress-circle-controlled-demo": { + component: React.lazy(() => import("@/components/docs/statuses/progress-circle-controlled-demo")), }, - "statuses/badge-intent-demo": { - component: React.lazy(() => import("@/components/docs/statuses/badge-intent-demo")), + "statuses/progress-circle-custom-size-demo": { + component: React.lazy(() => import("@/components/docs/statuses/progress-circle-custom-size-demo")), }, "statuses/progress-circle-demo": { component: React.lazy(() => import("@/components/docs/statuses/progress-circle-demo")), }, - "statuses/toast-demo": { - component: React.lazy(() => import("@/components/docs/statuses/toast-demo")), + "statuses/progress-circle-indeterminate-demo": { + component: React.lazy(() => import("@/components/docs/statuses/progress-circle-indeterminate-demo")), }, - "statuses/meter-demo": { - component: React.lazy(() => import("@/components/docs/statuses/meter-demo")), + "statuses/skeleton-demo": { + component: React.lazy(() => import("@/components/docs/statuses/skeleton-demo")), }, - "statuses/loader-size-demo": { - component: React.lazy(() => import("@/components/docs/statuses/loader-size-demo")), + "statuses/skeleton-intent-demo": { + component: React.lazy(() => import("@/components/docs/statuses/skeleton-intent-demo")), }, - "collections/tree/tree-demo": { - component: React.lazy(() => import("@/components/docs/collections/tree/tree-demo")), + "statuses/skeleton-shape-demo": { + component: React.lazy(() => import("@/components/docs/statuses/skeleton-shape-demo")), }, - "collections/choicebox/choicebox-single-selection-demo": { - component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-single-selection-demo")), + "statuses/toast-action-demo": { + component: React.lazy(() => import("@/components/docs/statuses/toast-action-demo")), }, - "collections/choicebox/choicebox-controlled-demo": { - component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-controlled-demo")), + "statuses/toast-demo": { + component: React.lazy(() => import("@/components/docs/statuses/toast-demo")), }, - "collections/choicebox/choicebox-disabled-demo": { - component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-disabled-demo")), + "statuses/toast-description-demo": { + component: React.lazy(() => import("@/components/docs/statuses/toast-description-demo")), }, - "collections/choicebox/choicebox-columns-demo": { - component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-columns-demo")), + "statuses/toast-positions-demo": { + component: React.lazy(() => import("@/components/docs/statuses/toast-positions-demo")), }, - "collections/choicebox/choicebox-demo": { - component: React.lazy(() => import("@/components/docs/collections/choicebox/choicebox-demo")), + "statuses/toast-status-demo": { + component: React.lazy(() => import("@/components/docs/statuses/toast-status-demo")), }, - "collections/table/table-resize-demo": { - component: React.lazy(() => import("@/components/docs/collections/table/table-resize-demo")), + "surfaces/card/card-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/card/card-demo")), }, - "collections/table/table-demo": { - component: React.lazy(() => import("@/components/docs/collections/table/table-demo")), + "surfaces/card/card-login-form-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/card/card-login-form-demo")), }, - "collections/table/table-sorting-demo": { - component: React.lazy(() => import("@/components/docs/collections/table/table-sorting-demo")), + "surfaces/card/card-table-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/card/card-table-demo")), }, - "collections/table/table-bulk-demo": { - component: React.lazy(() => import("@/components/docs/collections/table/table-bulk-demo")), + "surfaces/chart/area/area-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-demo")), }, - "collections/table/table-drag-demo": { - component: React.lazy(() => import("@/components/docs/collections/table/table-drag-demo")), + "surfaces/chart/area/area-chart-gradient-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-gradient-demo")), }, - "collections/menu/menu-collection-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-collection-demo")), + "surfaces/chart/area/area-chart-linear-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-linear-demo")), }, - "collections/menu/single-menu-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/single-menu-demo")), + "surfaces/chart/area/area-chart-stacked-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/area/area-chart-stacked-demo")), }, - "collections/menu/multiple-menu-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/multiple-menu-demo")), + "surfaces/chart/bar/bar-chart-analytic-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-analytic-demo")), }, - "collections/menu/menu-section-level-selection": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-section-level-selection")), + "surfaces/chart/bar/bar-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-demo")), }, - "collections/menu/menu-respect-screen-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-respect-screen-demo")), + "surfaces/chart/bar/bar-chart-horizontal-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-horizontal-demo")), }, - "collections/menu/menu-danger-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-danger-demo")), + "surfaces/chart/bar/bar-chart-mixed-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-mixed-demo")), }, - "collections/menu/menu-section-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-section-demo")), + "surfaces/chart/bar/bar-chart-multiple-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/bar/bar-chart-multiple-demo")), }, - "collections/menu/menu-with-arrow-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-with-arrow-demo")), + "surfaces/chart/basic-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/basic-chart-demo")), }, - "collections/menu/menu-with-icon-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-with-icon-demo")), + "surfaces/chart/line/line-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-demo")), }, - "collections/menu/menu-item-details-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-item-details-demo")), + "surfaces/chart/line/line-chart-dots-color-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-dots-color-demo")), }, - "collections/menu/menu-sub-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-sub-demo")), + "surfaces/chart/line/line-chart-dots-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-dots-demo")), }, - "collections/menu/menu-basic-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-basic-demo")), + "surfaces/chart/line/line-chart-label-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-label-demo")), }, - "collections/menu/menu-disabled-demo": { - component: React.lazy(() => import("@/components/docs/collections/menu/menu-disabled-demo")), + "surfaces/chart/line/line-chart-linear-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-linear-demo")), }, - "collections/grid-list/grid-list-drag-between-item-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-drag-between-item-demo")), + "surfaces/chart/line/line-chart-multiple-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/line/line-chart-multiple-demo")), }, - "collections/grid-list/grid-list-multiple-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-multiple-demo")), + "surfaces/chart/pie/pie-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-demo")), }, - "collections/grid-list/grid-list-render-empty-state-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-render-empty-state-demo")), + "surfaces/chart/pie/pie-chart-interactive-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-interactive-demo")), }, - "collections/grid-list/grid-list-controlled-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-controlled-demo")), + "surfaces/chart/pie/pie-chart-label-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-label-demo")), }, - "collections/grid-list/grid-list-disabled-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-disabled-demo")), + "surfaces/chart/pie/pie-chart-legend-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-legend-demo")), }, - "collections/grid-list/grid-list-drag-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-drag-demo")), + "surfaces/chart/pie/pie-chart-stacked-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/pie/pie-chart-stacked-demo")), }, - "collections/grid-list/grid-list-demo": { - component: React.lazy(() => import("@/components/docs/collections/grid-list/grid-list-demo")), + "surfaces/chart/radar/radar-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-demo")), }, - "collections/list-box/list-box-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-demo")), + "surfaces/chart/radar/radar-chart-dots-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-dots-demo")), }, - "collections/list-box/list-box-multiple-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-multiple-demo")), + "surfaces/chart/radar/radar-chart-icon-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-icon-demo")), }, - "collections/list-box/list-box-item-details-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-item-details-demo")), + "surfaces/chart/radar/radar-chart-line-only-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-line-only-demo")), }, - "collections/list-box/list-box-section-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-section-demo")), + "surfaces/chart/radar/radar-chart-multiple-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radar/radar-chart-multiple-demo")), }, - "collections/list-box/list-box-rearrange-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-rearrange-demo")), + "surfaces/chart/radial/radial-chart-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-demo")), }, - "collections/list-box/list-box-controlled-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-controlled-demo")), + "surfaces/chart/radial/radial-chart-grid-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-grid-demo")), }, - "collections/list-box/list-box-disabled-demo": { - component: React.lazy(() => import("@/components/docs/collections/list-box/list-box-disabled-demo")), + "surfaces/chart/radial/radial-chart-shape-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-shape-demo")), }, - "collections/tag-group/tag-group-disabled-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-disabled-demo")), + "surfaces/chart/radial/radial-chart-stacked-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-stacked-demo")), }, - "collections/tag-group/tag-group-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-demo")), + "surfaces/chart/radial/radial-chart-text-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/chart/radial/radial-chart-text-demo")), }, - "collections/tag-group/tag-group-shape-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-shape-demo")), + "surfaces/description-list/description-list-card-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/description-list/description-list-card-demo")), }, - "collections/tag-group/tag-group-controlled-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-controlled-demo")), + "surfaces/description-list/description-list-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/description-list/description-list-demo")), }, - "collections/tag-group/tag-group-with-remove-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-with-remove-demo")), + "surfaces/description-list/description-list-heading-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/description-list/description-list-heading-demo")), }, - "collections/tag-group/tag-group-href-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-href-demo")), + "surfaces/grid/grid-basic-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-basic-demo")), }, - "collections/tag-group/tag-group-intent-demo": { - component: React.lazy(() => import("@/components/docs/collections/tag-group/tag-group-intent-demo")), + "surfaces/grid/grid-collections-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-collections-demo")), }, - "media/avatar-size-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-size-demo")), + "surfaces/grid/grid-debug-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-debug-demo")), }, - "media/carousel-demo": { - component: React.lazy(() => import("@/components/docs/media/carousel-demo")), + "surfaces/grid/grid-gap-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-gap-demo")), }, - "media/avatar-initials-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-initials-demo")), + "surfaces/grid/grid-gap-x-y-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-gap-x-y-demo")), }, - "media/carousel-with-collection-demo": { - component: React.lazy(() => import("@/components/docs/media/carousel-with-collection-demo")), + "surfaces/grid/grid-item-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-item-demo")), }, - "media/carousel-api-demo": { - component: React.lazy(() => import("@/components/docs/media/carousel-api-demo")), + "surfaces/grid/grid-responsive-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/grid/grid-responsive-demo")), }, - "media/avatar-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-demo")), + "surfaces/heading/heading-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/heading/heading-demo")), }, - "media/avatar-shape-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-shape-demo")), + "surfaces/heading/heading-level-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/heading/heading-level-demo")), }, - "media/carousel-options-demo": { - component: React.lazy(() => import("@/components/docs/media/carousel-options-demo")), + "surfaces/heading/heading-tracking-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/heading/heading-tracking-demo")), }, - "media/avatar-group-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-group-demo")), + "surfaces/separator/separator-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/separator/separator-demo")), }, - "media/avatar-fallback-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-fallback-demo")), + "surfaces/separator/separator-orientation-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/separator/separator-orientation-demo")), }, - "media/avatar-status-demo": { - component: React.lazy(() => import("@/components/docs/media/avatar-status-demo")), + "surfaces/show-more/show-more-as-text-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-as-text-demo")), }, - "media/carousel-autoplay-demo": { - component: React.lazy(() => import("@/components/docs/media/carousel-autoplay-demo")), + "surfaces/show-more/show-more-controlled-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-controlled-demo")), }, - "media/carousel-orientation-demo": { - component: React.lazy(() => import("@/components/docs/media/carousel-orientation-demo")), + "surfaces/show-more/show-more-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-demo")), + }, + "surfaces/show-more/show-more-orientation-demo": { + component: React.lazy(() => import("@/components/docs/surfaces/show-more/show-more-orientation-demo")), }, }; diff --git a/components/docs/layouts/navbar/navbar-icon-demo.tsx b/components/docs/layouts/navbar/navbar-icon-demo.tsx index b3946567..c5e4e0cd 100644 --- a/components/docs/layouts/navbar/navbar-icon-demo.tsx +++ b/components/docs/layouts/navbar/navbar-icon-demo.tsx @@ -1,7 +1,7 @@ import { IconBrandApple, IconBrandJustd, - IconChart3, + IconChartBar, IconChevronLgDown, IconColors, IconCommandRegular, @@ -36,7 +36,7 @@ export default function NavbarIconDemo() { Themes - Charts + Charts diff --git a/components/docs/overlays/sheet/sheet-menu-demo.tsx b/components/docs/overlays/sheet/sheet-menu-demo.tsx index 7fe02452..840046ed 100644 --- a/components/docs/overlays/sheet/sheet-menu-demo.tsx +++ b/components/docs/overlays/sheet/sheet-menu-demo.tsx @@ -8,7 +8,7 @@ import { IconBrandCopilot, IconBrandGithub, IconBuilding, - IconChart, + IconChartBar, IconCodeBrackets, IconFilter, IconGear, diff --git a/components/docs/surfaces/chart/area/area-chart-demo.tsx b/components/docs/surfaces/chart/area/area-chart-demo.tsx index cb614043..1397320e 100644 --- a/components/docs/surfaces/chart/area/area-chart-demo.tsx +++ b/components/docs/surfaces/chart/area/area-chart-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -66,7 +66,7 @@ export default function AreaChartDemo() {
- Sales increased by 8.4% this year + Sales increased by 8.4% this year
January - December 2023 diff --git a/components/docs/surfaces/chart/area/area-chart-gradient-demo.tsx b/components/docs/surfaces/chart/area/area-chart-gradient-demo.tsx index c0891503..abad3ffc 100644 --- a/components/docs/surfaces/chart/area/area-chart-gradient-demo.tsx +++ b/components/docs/surfaces/chart/area/area-chart-gradient-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -89,7 +89,7 @@ export default function AreaChartGradientDemo() {
- Profit increased by 10.2% this year + Profit increased by 10.2% this year
January - December 2024 diff --git a/components/docs/surfaces/chart/area/area-chart-linear-demo.tsx b/components/docs/surfaces/chart/area/area-chart-linear-demo.tsx index 97c7e3ce..2128d9c5 100644 --- a/components/docs/surfaces/chart/area/area-chart-linear-demo.tsx +++ b/components/docs/surfaces/chart/area/area-chart-linear-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart5 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -69,7 +69,7 @@ export default function AreaChartLinearDemo() {
- Revenue increased by 12.5% this year + Revenue increased by 12.5% this year
January - December 2024 diff --git a/components/docs/surfaces/chart/bar/bar-chart-analytic-demo.tsx b/components/docs/surfaces/chart/bar/bar-chart-analytic-demo.tsx index 6437dc1d..b193f6de 100644 --- a/components/docs/surfaces/chart/bar/bar-chart-analytic-demo.tsx +++ b/components/docs/surfaces/chart/bar/bar-chart-analytic-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Bar, BarChart, Rectangle, XAxis, YAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -100,7 +100,7 @@ export default function BarChartAnalyticDemo() {
- Visitors increased by 5.2% this year + Visitors increased by 5.2% this year
Showing total visitors for last year diff --git a/components/docs/surfaces/chart/bar/bar-chart-demo.tsx b/components/docs/surfaces/chart/bar/bar-chart-demo.tsx index 5df0476a..35f3f0eb 100644 --- a/components/docs/surfaces/chart/bar/bar-chart-demo.tsx +++ b/components/docs/surfaces/chart/bar/bar-chart-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -55,7 +55,7 @@ export default function BarChartDemo() {
- Trending up by 10.5% this month + Trending up by 10.5% this month
Showing total sales for the last 11 months
 diff --git a/components/docs/surfaces/chart/bar/bar-chart-horizontal-demo.tsx b/components/docs/surfaces/chart/bar/bar-chart-horizontal-demo.tsx index 589fbab3..aa45ce2d 100644 --- a/components/docs/surfaces/chart/bar/bar-chart-horizontal-demo.tsx +++ b/components/docs/surfaces/chart/bar/bar-chart-horizontal-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -78,7 +78,7 @@ export default function BarChartHorizontalDemo() {
- Sales increased by 5.2% this year + Sales increased by 5.2% this year
Showing total visitors for the last 7 months diff --git a/components/docs/surfaces/chart/bar/bar-chart-mixed-demo.tsx b/components/docs/surfaces/chart/bar/bar-chart-mixed-demo.tsx index 9f600ead..2df69314 100644 --- a/components/docs/surfaces/chart/bar/bar-chart-mixed-demo.tsx +++ b/components/docs/surfaces/chart/bar/bar-chart-mixed-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Bar, BarChart, XAxis, YAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -86,7 +86,7 @@ export default function BarChartMixedDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 9 months diff --git a/components/docs/surfaces/chart/bar/bar-chart-multiple-demo.tsx b/components/docs/surfaces/chart/bar/bar-chart-multiple-demo.tsx index d1fe0e45..4fa9bebd 100644 --- a/components/docs/surfaces/chart/bar/bar-chart-multiple-demo.tsx +++ b/components/docs/surfaces/chart/bar/bar-chart-multiple-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -64,7 +64,7 @@ export default function BarChartMultipleDemo() {
- Online courses increased by 15.2% this year + Online courses increased by 15.2% this year
Showing total revenue for january 2023 to august 2024 diff --git a/components/docs/surfaces/chart/basic-chart-demo.tsx b/components/docs/surfaces/chart/basic-chart-demo.tsx index 6d50d97f..b8e4b5fe 100644 --- a/components/docs/surfaces/chart/basic-chart-demo.tsx +++ b/components/docs/surfaces/chart/basic-chart-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -90,7 +90,7 @@ export default function BasicChartDemo() {
- Profit increased by 10.2% this year + Profit increased by 10.2% this year
January - December 2024 diff --git a/components/docs/surfaces/chart/line/line-chart-demo.tsx b/components/docs/surfaces/chart/line/line-chart-demo.tsx index 1fedf42b..e21bd6a3 100644 --- a/components/docs/surfaces/chart/line/line-chart-demo.tsx +++ b/components/docs/surfaces/chart/line/line-chart-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { CartesianGrid, Line, LineChart, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -64,7 +64,7 @@ export default function LineChartDemo() {
- Sales increased by 5.2% this year + Sales increased by 5.2% this year
Showing total visitors for one year
 diff --git a/components/docs/surfaces/chart/line/line-chart-dots-color-demo.tsx b/components/docs/surfaces/chart/line/line-chart-dots-color-demo.tsx index 54d833f4..c845dd6a 100644 --- a/components/docs/surfaces/chart/line/line-chart-dots-color-demo.tsx +++ b/components/docs/surfaces/chart/line/line-chart-dots-color-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { CartesianGrid, Dot, Line, LineChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -85,7 +85,7 @@ export default function LineChartDotsColorDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 10 months diff --git a/components/docs/surfaces/chart/line/line-chart-dots-demo.tsx b/components/docs/surfaces/chart/line/line-chart-dots-demo.tsx index 7fe698ea..eeff57c6 100644 --- a/components/docs/surfaces/chart/line/line-chart-dots-demo.tsx +++ b/components/docs/surfaces/chart/line/line-chart-dots-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { CartesianGrid, Line, LineChart, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -73,7 +73,7 @@ export default function LineChartDotsDemo() {
- Profit increased by 5.2% this year + Profit increased by 5.2% this year
Showing total profit for the last 10 months diff --git a/components/docs/surfaces/chart/line/line-chart-label-demo.tsx b/components/docs/surfaces/chart/line/line-chart-label-demo.tsx index 3b64edee..61e73de7 100644 --- a/components/docs/surfaces/chart/line/line-chart-label-demo.tsx +++ b/components/docs/surfaces/chart/line/line-chart-label-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -70,7 +70,7 @@ export default function LineChartLabelDemo() {
- Revenue increased by 5.2% this year + Revenue increased by 5.2% this year
Showing total revenue for the last 10 months diff --git a/components/docs/surfaces/chart/line/line-chart-linear-demo.tsx b/components/docs/surfaces/chart/line/line-chart-linear-demo.tsx index f583d615..d2016364 100644 --- a/components/docs/surfaces/chart/line/line-chart-linear-demo.tsx +++ b/components/docs/surfaces/chart/line/line-chart-linear-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { CartesianGrid, Line, LineChart, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -74,7 +74,7 @@ export default function LineChartLinearDemo() {
- Sales increased by 5.2% this year + Sales increased by 5.2% this year
Showing sales for january 2023 to october 2024 diff --git a/components/docs/surfaces/chart/line/line-chart-multiple-demo.tsx b/components/docs/surfaces/chart/line/line-chart-multiple-demo.tsx index 396cd3f5..35efb459 100644 --- a/components/docs/surfaces/chart/line/line-chart-multiple-demo.tsx +++ b/components/docs/surfaces/chart/line/line-chart-multiple-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { CartesianGrid, Line, LineChart, XAxis } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -81,7 +81,7 @@ export default function LineChartMultipleDemo() {
- Profit and sales increased by 12.5% this year + Profit and sales increased by 12.5% this year
January 2023 - April 2024 diff --git a/components/docs/surfaces/chart/pie/pie-chart-demo.tsx b/components/docs/surfaces/chart/pie/pie-chart-demo.tsx index 1afb4e8b..26fd183f 100644 --- a/components/docs/surfaces/chart/pie/pie-chart-demo.tsx +++ b/components/docs/surfaces/chart/pie/pie-chart-demo.tsx @@ -2,7 +2,7 @@ import * as React from "react" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Label, Pie, PieChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -83,7 +83,7 @@ export default function PieChartDemo() {
- Subscribers increased by 8.5% this year + Subscribers increased by 8.5% this year
Showing total subscribers for the last 3 months diff --git a/components/docs/surfaces/chart/pie/pie-chart-label-demo.tsx b/components/docs/surfaces/chart/pie/pie-chart-label-demo.tsx index a5e9833c..6cf7a9cd 100644 --- a/components/docs/surfaces/chart/pie/pie-chart-label-demo.tsx +++ b/components/docs/surfaces/chart/pie/pie-chart-label-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Pie, PieChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -58,7 +58,7 @@ export default function PieChartLabelDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 6 months diff --git a/components/docs/surfaces/chart/pie/pie-chart-stacked-demo.tsx b/components/docs/surfaces/chart/pie/pie-chart-stacked-demo.tsx index 39749f81..75495d6b 100644 --- a/components/docs/surfaces/chart/pie/pie-chart-stacked-demo.tsx +++ b/components/docs/surfaces/chart/pie/pie-chart-stacked-demo.tsx @@ -2,7 +2,7 @@ import * as React from "react" -import { IconTrendingChart4 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Pie, PieChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -86,7 +86,7 @@ export default function PieChartStackedDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 6 months diff --git a/components/docs/surfaces/chart/radar/radar-chart-demo.tsx b/components/docs/surfaces/chart/radar/radar-chart-demo.tsx index 1dc3169e..3800ed31 100644 --- a/components/docs/surfaces/chart/radar/radar-chart-demo.tsx +++ b/components/docs/surfaces/chart/radar/radar-chart-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -45,7 +45,7 @@ export default function RadarChartDemo() {
- Sales increased by 5.2% this year + Sales increased by 5.2% this year
January - December 2023 diff --git a/components/docs/surfaces/chart/radar/radar-chart-dots-demo.tsx b/components/docs/surfaces/chart/radar/radar-chart-dots-demo.tsx index 72921753..f7d77222 100644 --- a/components/docs/surfaces/chart/radar/radar-chart-dots-demo.tsx +++ b/components/docs/surfaces/chart/radar/radar-chart-dots-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -53,7 +53,7 @@ export default function RadarChartDotsDemo() {
- Sales increased by 5.2% this year + Sales increased by 5.2% this year
January - December 2023 diff --git a/components/docs/surfaces/chart/radar/radar-chart-icon-demo.tsx b/components/docs/surfaces/chart/radar/radar-chart-icon-demo.tsx index e51b621f..bd243041 100644 --- a/components/docs/surfaces/chart/radar/radar-chart-icon-demo.tsx +++ b/components/docs/surfaces/chart/radar/radar-chart-icon-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconArrowWall2Down, IconArrowWallUp, IconTrendingChart3 } from "justd-icons" +import { IconArrowWall2Down, IconArrowWallUp, IconChartTrending } from "justd-icons" import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -53,7 +53,7 @@ export default function RadarChartIconDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
January - June 2024 diff --git a/components/docs/surfaces/chart/radar/radar-chart-line-only-demo.tsx b/components/docs/surfaces/chart/radar/radar-chart-line-only-demo.tsx index e77cf100..639c3764 100644 --- a/components/docs/surfaces/chart/radar/radar-chart-line-only-demo.tsx +++ b/components/docs/surfaces/chart/radar/radar-chart-line-only-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -62,7 +62,7 @@ export default function RadarChartLineOnlyDemo() {
- Profit increased by 5.2% this year + Profit increased by 5.2% this year
January - December 2023 diff --git a/components/docs/surfaces/chart/radar/radar-chart-multiple-demo.tsx b/components/docs/surfaces/chart/radar/radar-chart-multiple-demo.tsx index d54ce026..e7035fcd 100644 --- a/components/docs/surfaces/chart/radar/radar-chart-multiple-demo.tsx +++ b/components/docs/surfaces/chart/radar/radar-chart-multiple-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -50,7 +50,7 @@ export default function RadarChartMultipleDemo() {
- Profit increased by 5.2% this year + Profit increased by 5.2% this year
January - December 2023 diff --git a/components/docs/surfaces/chart/radial/radial-chart-demo.tsx b/components/docs/surfaces/chart/radial/radial-chart-demo.tsx index 66f286bc..45c1278c 100644 --- a/components/docs/surfaces/chart/radial/radial-chart-demo.tsx +++ b/components/docs/surfaces/chart/radial/radial-chart-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { RadialBar, RadialBarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -58,7 +58,7 @@ export default function RadialChartDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 6 months diff --git a/components/docs/surfaces/chart/radial/radial-chart-grid-demo.tsx b/components/docs/surfaces/chart/radial/radial-chart-grid-demo.tsx index e14986a0..d15268ed 100644 --- a/components/docs/surfaces/chart/radial/radial-chart-grid-demo.tsx +++ b/components/docs/surfaces/chart/radial/radial-chart-grid-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { PolarGrid, RadialBar, RadialBarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -59,7 +59,7 @@ export default function RadialChartGridDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 6 months diff --git a/components/docs/surfaces/chart/radial/radial-chart-shape-demo.tsx b/components/docs/surfaces/chart/radial/radial-chart-shape-demo.tsx index 0630c1ef..20246a5c 100644 --- a/components/docs/surfaces/chart/radial/radial-chart-shape-demo.tsx +++ b/components/docs/surfaces/chart/radial/radial-chart-shape-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -62,7 +62,7 @@ export default function RadialChartShapeDemo() {
- Trending up by 5.2% this month + Trending up by 5.2% this month
Showing total visitors for the last 6 months diff --git a/components/docs/surfaces/chart/radial/radial-chart-stacked-demo.tsx b/components/docs/surfaces/chart/radial/radial-chart-stacked-demo.tsx index 03405f00..3a708795 100644 --- a/components/docs/surfaces/chart/radial/radial-chart-stacked-demo.tsx +++ b/components/docs/surfaces/chart/radial/radial-chart-stacked-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -71,7 +71,7 @@ export default function RadialChartStackedDemo() {
- Profit increased by 5.2% this year + Profit increased by 5.2% this year
Showing total profit and sales for the last 3 months diff --git a/components/docs/surfaces/chart/radial/radial-chart-text-demo.tsx b/components/docs/surfaces/chart/radial/radial-chart-text-demo.tsx index ea529bd3..8491ee37 100644 --- a/components/docs/surfaces/chart/radial/radial-chart-text-demo.tsx +++ b/components/docs/surfaces/chart/radial/radial-chart-text-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { IconTrendingChart3 } from "justd-icons" +import { IconChartTrending } from "justd-icons" import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" import { Card, Chart, type ChartConfig } from "ui" @@ -68,7 +68,7 @@ export default function RadialChartTextDemo() {
- Visitors increased by 5.2% this year + Visitors increased by 5.2% this year
Showing total visitors for the last 3 months diff --git a/components/ui/meter.tsx b/components/ui/meter.tsx index 60eda47f..d2daac4d 100644 --- a/components/ui/meter.tsx +++ b/components/ui/meter.tsx @@ -3,7 +3,7 @@ import * as React from "react" import { motion } from "framer-motion" -import { IconTriangleInfo } from "justd-icons" +import { IconTriangleExclamation } from "justd-icons" import { Meter as MeterPrimitive, type MeterProps as MeterPrimitiveProps @@ -27,7 +27,7 @@ const Meter = ({ label, ...props }: MeterProps) => { className={`text-sm tabular-nums ${percentage >= 80 ? "text-danger" : "text-muted-fg"}`} > {percentage >= 80 && ( - diff --git a/components/ui/note.tsx b/components/ui/note.tsx index 3307eb69..e6514c3b 100644 --- a/components/ui/note.tsx +++ b/components/ui/note.tsx @@ -2,7 +2,7 @@ import * as React from "react" -import { IconCircleCheck, IconCircleInfo, IconTriangleInfo } from "justd-icons" +import { IconCircleCheck, IconCircleInfo, IconTriangleExclamation } from "justd-icons" import { Text } from "react-aria-components" import { tv, type VariantProps } from "tailwind-variants" @@ -47,7 +47,7 @@ const Note = ({ hideIndicator = false, intent = "info", className, ...props }: N ) : intent === "success" ? ( ) : ( - + )}
)} diff --git a/components/ui/toast.tsx b/components/ui/toast.tsx index c9c9b43a..b2924766 100644 --- a/components/ui/toast.tsx +++ b/components/ui/toast.tsx @@ -3,7 +3,7 @@ import React from "react" import { useTheme } from "@/components/theme-provider" -import { IconCheck, IconCircleInfoFill, IconTriangleInfoFill } from "justd-icons" +import { IconCheck, IconCircleExclamationFill, IconTriangleExclamationFill } from "justd-icons" import { Toaster as ToasterPrimitive, type ToasterProps } from "sonner" import { twJoin } from "tailwind-merge" @@ -17,10 +17,10 @@ const Toast = ({ ...props }: ToasterProps) => { theme={theme as ToasterProps["theme"]} className="toaster group" icons={{ - info: , + info: , success: , - warning: , - error: , + warning: , + error: , loading: }} toastOptions={{ diff --git a/package.json b/package.json index 2b0a26ed..2dbb841e 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,7 @@ "embla-carousel-react": "^8.5.1", "framer-motion": "12.0.0-alpha.1", "input-otp": "^1.4.1", - "justd-icons": "^1.8.1", + "justd-icons": "^1.10.0", "next": "^15.0.3", "next-themes": "^0.2.1", "ntcjs": "^1.1.3",