admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/carousel-Dwll5oz1.js

@@ -0,0 +1,449 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./camera-CGKLOOep.js";import{t as u}from"./chevron-left-Ddj6-KOu.js";import{t as d}from"./chevron-right-d-umkBru.js";import{t as f}from"./package-0ZgMoFm1.js";import{t as p}from"./shopping-bag-B5BzpLV5.js";import{t as m}from"./trending-up-HlQQXTth.js";import{a as h,k as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./props-table-BR-KjRNe.js";import{t as b}from"./smart-card-B4P_C0nk.js";var x=h(`footprints`,[[`path`,{d:`M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z`,key:`1dudjm`}],[`path`,{d:`M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z`,key:`l2t8xc`}],[`path`,{d:`M16 17h4`,key:`1dejxt`}],[`path`,{d:`M4 13h4`,key:`1bwh8b`}]]),S=h(`headphones`,[[`path`,{d:`M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3`,key:`1xhozi`}]]),C=h(`lamp-desk`,[[`path`,{d:`M10.293 2.293a1 1 0 0 1 1.414 0l2.5 2.5 5.994 1.227a1 1 0 0 1 .506 1.687l-7 7a1 1 0 0 1-1.687-.506l-1.227-5.994-2.5-2.5a1 1 0 0 1 0-1.414z`,key:`sb8slu`}],[`path`,{d:`m14.207 4.793-3.414 3.414`,key:`m2x3oj`}],[`path`,{d:`M3 20a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z`,key:`8b3myj`}],[`path`,{d:`m9.086 6.5-4.793 4.793a1 1 0 0 0-.18 1.17L7 18`,key:`43s6cu`}]]),w=h(`leaf`,[[`path`,{d:`M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z`,key:`nnexq3`}],[`path`,{d:`M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12`,key:`mt58a7`}]]),T=h(`panel-top`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}]]),E=h(`watch`,[[`path`,{d:`M12 10v2.2l1.6 1`,key:`n3r21l`}],[`path`,{d:`m16.13 7.66-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05`,key:`18k57s`}],[`path`,{d:`m7.88 16.36.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05`,key:`16ny36`}],[`circle`,{cx:`12`,cy:`12`,r:`6`,key:`1vlfrh`}]]);function D(e){return Object.prototype.toString.call(e)===`[object Object]`}function O(e){return D(e)||Array.isArray(e)}function ee(){return!!(typeof window<`u`&&window.document&&window.document.createElement)}function k(e,t){let n=Object.keys(e),r=Object.keys(t);return n.length!==r.length||JSON.stringify(Object.keys(e.breakpoints||{}))!==JSON.stringify(Object.keys(t.breakpoints||{}))?!1:n.every(n=>{let r=e[n],i=t[n];return typeof r==`function`?`${r}`==`${i}`:!O(r)||!O(i)?r===i:k(r,i)})}function te(e){return e.concat().sort((e,t)=>e.name>t.name?1:-1).map(e=>e.options)}function ne(e,t){if(e.length!==t.length)return!1;let n=te(e),r=te(t);return n.every((e,t)=>{let n=r[t];return k(e,n)})}function A(e){return typeof e==`number`}function re(e){return typeof e==`string`}function j(e){return typeof e==`boolean`}function M(e){return Object.prototype.toString.call(e)===`[object Object]`}function N(e){return Math.abs(e)}function P(e){return Math.sign(e)}function ie(e,t){return N(e-t)}function ae(e,t){return e===0||t===0||N(e)<=N(t)?0:N(ie(N(e),N(t))/e)}function F(e){return Math.round(e*100)/100}function oe(e){return z(e).map(Number)}function I(e){return e[se(e)]}function se(e){return Math.max(0,e.length-1)}function L(e,t){return t===se(e)}function R(e,t=0){return Array.from(Array(e),(e,n)=>t+n)}function z(e){return Object.keys(e)}function ce(e,t){return[e,t].reduce((e,t)=>(z(t).forEach(n=>{let r=e[n],i=t[n];e[n]=M(r)&&M(i)?ce(r,i):i}),e),{})}function le(e,t){return t.MouseEvent!==void 0&&e instanceof t.MouseEvent}function ue(e,t){let n={start:r,center:i,end:a};function r(){return 0}function i(e){return a(e)/2}function a(e){return t-e}function o(r,i){return re(e)?n[e](r):e(t,r,i)}return{measure:o}}function de(){let e=[];function t(t,n,i,a={passive:!0}){let o;if(`addEventListener`in t)t.addEventListener(n,i,a),o=()=>t.removeEventListener(n,i,a);else{let e=t;e.addListener(i),o=()=>e.removeListener(i)}return e.push(o),r}function n(){e=e.filter(e=>e())}let r={add:t,clear:n};return r}function fe(e,t,n,r){let i=de(),a=1e3/60,o=null,s=0,c=0;function l(){i.add(e,`visibilitychange`,()=>{e.hidden&&m()})}function u(){p(),i.clear()}function d(e){if(!c)return;o||(o=e,n(),n());let i=e-o;for(o=e,s+=i;s>=a;)n(),s-=a;r(s/a),c&&=t.requestAnimationFrame(d)}function f(){c||=t.requestAnimationFrame(d)}function p(){t.cancelAnimationFrame(c),o=null,s=0,c=0}function m(){o=null,s=0}return{init:l,destroy:u,start:f,stop:p,update:n,render:r}}function pe(e,t){let n=t===`rtl`,r=e===`y`,i=r?`y`:`x`,a=r?`x`:`y`,o=!r&&n?-1:1,s=u(),c=d();function l(e){let{height:t,width:n}=e;return r?t:n}function u(){return r?`top`:n?`right`:`left`}function d(){return r?`bottom`:n?`left`:`right`}function f(e){return e*o}return{scroll:i,cross:a,startEdge:s,endEdge:c,measureSize:l,direction:f}}function B(e=0,t=0){let n=N(e-t);function r(t){return t<e}function i(e){return e>t}function a(e){return r(e)||i(e)}function o(n){return a(n)?r(n)?e:t:n}function s(e){return n?e-n*Math.ceil((e-t)/n):e}return{length:n,max:t,min:e,constrain:o,reachedAny:a,reachedMax:i,reachedMin:r,removeOffset:s}}function me(e,t,n){let{constrain:r}=B(0,e),i=e+1,a=o(t);function o(e){return n?N((i+e)%i):r(e)}function s(){return a}function c(e){return a=o(e),d}function l(e){return u().set(s()+e)}function u(){return me(e,s(),n)}let d={get:s,set:c,add:l,clone:u};return d}function he(e,t,n,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_,v){let{cross:y,direction:b}=e,x=[`INPUT`,`SELECT`,`TEXTAREA`],S={passive:!1},C=de(),w=de(),T=B(50,225).constrain(p.measure(20)),E={mouse:300,touch:400},D={mouse:500,touch:600},O=m?43:25,ee=!1,k=0,te=0,ne=!1,A=!1,re=!1,M=!1;function F(e){if(!v)return;function n(t){(j(v)||v(e,t))&&z(t)}let r=t;C.add(r,`dragstart`,e=>e.preventDefault(),S).add(r,`touchmove`,()=>void 0,S).add(r,`touchend`,()=>void 0).add(r,`touchstart`,n).add(r,`mousedown`,n).add(r,`touchcancel`,ue).add(r,`contextmenu`,ue).add(r,`click`,fe,!0)}function oe(){C.clear(),w.clear()}function I(){let e=M?n:t;w.add(e,`touchmove`,ce,S).add(e,`touchend`,ue).add(e,`mousemove`,ce,S).add(e,`mouseup`,ue)}function se(e){let t=e.nodeName||``;return x.includes(t)}function L(){return(m?D:E)[M?`mouse`:`touch`]}function R(e,t){let n=d.add(P(e)*-1),r=u.byDistance(e,!m).distance;return m||N(e)<T?r:g&&t?r*.5:u.byIndex(n.get(),0).distance}function z(e){let t=le(e,r);M=t,re=m&&t&&!e.buttons&&ee,ee=ie(i.get(),o.get())>=2,!(t&&e.button!==0)&&(se(e.target)||(ne=!0,a.pointerDown(e),l.useFriction(0).useDuration(0),i.set(o),I(),k=a.readPoint(e),te=a.readPoint(e,y),f.emit(`pointerDown`)))}function ce(e){if(!le(e,r)&&e.touches.length>=2)return ue(e);let t=a.readPoint(e),n=a.readPoint(e,y),o=ie(t,k),c=ie(n,te);if(!A&&!M&&(!e.cancelable||(A=o>c,!A)))return ue(e);let u=a.pointerMove(e);o>h&&(re=!0),l.useFriction(.3).useDuration(.75),s.start(),i.add(b(u)),e.preventDefault()}function ue(e){let t=u.byDistance(0,!1).index!==d.get(),n=a.pointerUp(e)*L(),r=R(b(n),t),i=ae(n,r),o=O-10*i,s=_+i/50;A=!1,ne=!1,w.clear(),l.useDuration(o).useFriction(s),c.distance(r,!m),M=!1,f.emit(`pointerUp`)}function fe(e){re&&=(e.stopPropagation(),e.preventDefault(),!1)}function pe(){return ne}return{init:F,destroy:oe,pointerDown:pe}}function ge(e,t){let n,r;function i(e){return e.timeStamp}function a(n,r){let i=`client${(r||e.scroll)===`x`?`X`:`Y`}`;return(le(n,t)?n:n.touches[0])[i]}function o(e){return n=e,r=e,a(e)}function s(e){let t=a(e)-a(r),o=i(e)-i(n)>170;return r=e,o&&(n=e),t}function c(e){if(!n||!r)return 0;let t=a(r)-a(n),o=i(e)-i(n),s=i(e)-i(r)>170,c=t/o;return o&&!s&&N(c)>.1?c:0}return{pointerDown:o,pointerMove:s,pointerUp:c,readPoint:a}}function _e(){function e(e){let{offsetTop:t,offsetLeft:n,offsetWidth:r,offsetHeight:i}=e;return{top:t,right:n+r,bottom:t+i,left:n,width:r,height:i}}return{measure:e}}function ve(e){function t(t){return t/100*e}return{measure:t}}function ye(e,t,n,r,i,a,o){let s=[e].concat(r),c,l,u=[],d=!1;function f(e){return i.measureSize(o.measure(e))}function p(i){if(!a)return;l=f(e),u=r.map(f);function o(n){for(let a of n){if(d)return;let n=a.target===e,o=r.indexOf(a.target),s=n?l:u[o];if(N(f(n?e:r[o])-s)>=.5){i.reInit(),t.emit(`resize`);break}}}c=new ResizeObserver(e=>{(j(a)||a(i,e))&&o(e)}),n.requestAnimationFrame(()=>{s.forEach(e=>c.observe(e))})}function m(){d=!0,c&&c.disconnect()}return{init:p,destroy:m}}function be(e,t,n,r,i,a){let o=0,s=0,c=i,l=a,u=e.get(),d=0;function f(){let t=r.get()-e.get(),i=!c,a=0;return i?(o=0,n.set(r),e.set(r),a=t):(n.set(e),o+=t/c,o*=l,u+=o,e.add(o),a=u-d),s=P(a),d=u,x}function p(){return N(r.get()-t.get())<.001}function m(){return c}function h(){return s}function g(){return o}function _(){return y(i)}function v(){return b(a)}function y(e){return c=e,x}function b(e){return l=e,x}let x={direction:h,duration:m,velocity:g,seek:f,settled:p,useBaseFriction:v,useBaseDuration:_,useFriction:b,useDuration:y};return x}function xe(e,t,n,r,i){let a=i.measure(10),o=i.measure(50),s=B(.1,.99),c=!1;function l(){return!(c||!e.reachedAny(n.get())||!e.reachedAny(t.get()))}function u(i){if(!l())return;let c=N(e[e.reachedMin(t.get())?`min`:`max`]-t.get()),u=n.get()-t.get(),d=s.constrain(c/o);n.subtract(u*d),!i&&N(u)<a&&(n.set(e.constrain(n.get())),r.useDuration(25).useBaseFriction())}function d(e){c=!e}return{shouldConstrain:l,constrain:u,toggleActive:d}}function Se(e,t,n,r,i){let a=B(-t+e,0),o=d(),s=u(),c=f();function l(e,t){return ie(e,t)<=1}function u(){let e=o[0],t=I(o);return B(o.lastIndexOf(e),o.indexOf(t)+1)}function d(){return n.map((e,t)=>{let{min:r,max:i}=a,o=a.constrain(e),s=!t,c=L(n,t);return s?i:c||l(r,o)?r:l(i,o)?i:o}).map(e=>parseFloat(e.toFixed(3)))}function f(){if(t<=e+i)return[a.max];if(r===`keepSnaps`)return o;let{min:n,max:c}=s;return o.slice(n,c)}return{snapsContained:c,scrollContainLimit:s}}function Ce(e,t,n){let r=t[0];return{limit:B(n?r-e:I(t),r)}}function we(e,t,n,r){let i=.1,{reachedMin:a,reachedMax:o}=B(t.min+i,t.max+i);function s(e){return e===1?o(n.get()):e===-1?a(n.get()):!1}function c(t){if(!s(t))return;let n=t*-1*e;r.forEach(e=>e.add(n))}return{loop:c}}function Te(e){let{max:t,length:n}=e;function r(e){let r=e-t;return n?r/-n:0}return{get:r}}function Ee(e,t,n,r,i){let{startEdge:a,endEdge:o}=e,{groupSlides:s}=i,c=d().map(t.measure),l=f(),u=p();function d(){return s(r).map(e=>I(e)[o]-e[0][a]).map(N)}function f(){return r.map(e=>n[a]-e[a]).map(e=>-N(e))}function p(){return s(l).map(e=>e[0]).map((e,t)=>e+c[t])}return{snaps:l,snapsAligned:u}}function De(e,t,n,r,i,a){let{groupSlides:o}=i,{min:s,max:c}=r,l=u();function u(){let r=o(a),i=!e||t===`keepSnaps`;return n.length===1?[a]:i?r:r.slice(s,c).map((e,t,n)=>{let r=!t,i=L(n,t);return r?R(I(n[0])+1):i?R(se(a)-I(n)[0]+1,I(n)[0]):e})}return{slideRegistry:l}}function Oe(e,t,n,r,i){let{reachedAny:a,removeOffset:o,constrain:s}=r;function c(e){return e.concat().sort((e,t)=>N(e)-N(t))[0]}function l(n){let r=e?o(n):s(n),{index:i}=t.map((e,t)=>({diff:u(e-r,0),index:t})).sort((e,t)=>N(e.diff)-N(t.diff))[0];return{index:i,distance:r}}function u(t,r){let i=[t,t+n,t-n];if(!e)return t;if(!r)return c(i);let a=i.filter(e=>P(e)===r);return a.length?c(a):I(i)-n}function d(e,n){return{index:e,distance:u(t[e]-i.get(),n)}}function f(n,r){let o=i.get()+n,{index:s,distance:c}=l(o),d=!e&&a(o);return!r||d?{index:s,distance:n}:{index:s,distance:n+u(t[s]-c,0)}}return{byDistance:f,byIndex:d,shortcut:u}}function ke(e,t,n,r,i,a,o){function s(i){let s=i.distance,c=i.index!==t.get();a.add(s),s&&(r.duration()?e.start():(e.update(),e.render(1),e.update())),c&&(n.set(t.get()),t.set(i.index),o.emit(`select`))}function c(e,t){s(i.byDistance(e,t))}function l(e,n){let r=t.clone().set(e);s(i.byIndex(r.get(),n))}return{distance:c,index:l}}function Ae(e,t,n,r,i,a,o,s){let c={passive:!0,capture:!0},l=0;function u(u){if(!s)return;function f(t){if(new Date().getTime()-l>10)return;o.emit(`slideFocusStart`),e.scrollLeft=0;let a=n.findIndex(e=>e.includes(t));A(a)&&(i.useDuration(0),r.index(a,0),o.emit(`slideFocus`))}a.add(document,`keydown`,d,!1),t.forEach((e,t)=>{a.add(e,`focus`,e=>{(j(s)||s(u,e))&&f(t)},c)})}function d(e){e.code===`Tab`&&(l=new Date().getTime())}return{init:u}}function je(e){let t=e;function n(){return t}function r(e){t=o(e)}function i(e){t+=o(e)}function a(e){t-=o(e)}function o(e){return A(e)?e:e.get()}return{get:n,set:r,add:i,subtract:a}}function Me(e,t){let n=e.scroll===`x`?o:s,r=t.style,i=null,a=!1;function o(e){return`translate3d(${e}px,0px,0px)`}function s(e){return`translate3d(0px,${e}px,0px)`}function c(t){if(a)return;let o=F(e.direction(t));o!==i&&(r.transform=n(o),i=o)}function l(e){a=!e}function u(){a||(r.transform=``,t.getAttribute(`style`)||t.removeAttribute(`style`))}return{clear:u,to:c,toggleActive:l}}function Ne(e,t,n,r,i,a,o,s,c){let l=.5,u=oe(i),d=oe(i).reverse(),f=_().concat(v());function p(e,t){return e.reduce((e,t)=>e-i[t],t)}function m(e,t){return e.reduce((e,n)=>p(e,t)>0?e.concat([n]):e,[])}function h(e){return a.map((n,i)=>({start:n-r[i]+l+e,end:n+t-l+e}))}function g(t,r,i){let a=h(r);return t.map(t=>{let r=i?0:-n,o=i?n:0,l=i?`end`:`start`,u=a[t][l];return{index:t,loopPoint:u,slideLocation:je(-1),translate:Me(e,c[t]),target:()=>s.get()>u?r:o}})}function _(){let e=o[0];return g(m(d,e),n,!1)}function v(){return g(m(u,t-o[0]-1),-n,!0)}function y(){return f.every(({index:e})=>p(u.filter(t=>t!==e),t)<=.1)}function b(){f.forEach(e=>{let{target:t,translate:n,slideLocation:r}=e,i=t();i!==r.get()&&(n.to(i),r.set(i))})}function x(){f.forEach(e=>e.translate.clear())}return{canLoop:y,clear:x,loop:b,loopPoints:f}}function Pe(e,t,n){let r,i=!1;function a(a){if(!n)return;function o(e){for(let n of e)if(n.type===`childList`){a.reInit(),t.emit(`slidesChanged`);break}}r=new MutationObserver(e=>{i||(j(n)||n(a,e))&&o(e)}),r.observe(e,{childList:!0})}function o(){r&&r.disconnect(),i=!0}return{init:a,destroy:o}}function Fe(e,t,n,r){let i={},a=null,o=null,s,c=!1;function l(){s=new IntersectionObserver(e=>{c||(e.forEach(e=>{let n=t.indexOf(e.target);i[n]=e}),a=null,o=null,n.emit(`slidesInView`))},{root:e.parentElement,threshold:r}),t.forEach(e=>s.observe(e))}function u(){s&&s.disconnect(),c=!0}function d(e){return z(i).reduce((t,n)=>{let r=parseInt(n),{isIntersecting:a}=i[r];return(e&&a||!e&&!a)&&t.push(r),t},[])}function f(e=!0){if(e&&a)return a;if(!e&&o)return o;let t=d(e);return e&&(a=t),e||(o=t),t}return{init:l,destroy:u,get:f}}function Ie(e,t,n,r,i,a){let{measureSize:o,startEdge:s,endEdge:c}=e,l=n[0]&&i,u=m(),d=h(),f=n.map(o),p=g();function m(){if(!l)return 0;let e=n[0];return N(t[s]-e[s])}function h(){if(!l)return 0;let e=a.getComputedStyle(I(r));return parseFloat(e.getPropertyValue(`margin-${c}`))}function g(){return n.map((e,t,n)=>{let r=!t,i=L(n,t);return r?f[t]+u:i?f[t]+d:n[t+1][s]-e[s]}).map(N)}return{slideSizes:f,slideSizesWithGaps:p,startGap:u,endGap:d}}function Le(e,t,n,r,i,a,o,s,c){let{startEdge:l,endEdge:u,direction:d}=e,f=A(n);function p(e,t){return oe(e).filter(e=>e%t===0).map(n=>e.slice(n,n+t))}function m(e){return e.length?oe(e).reduce((n,f,p)=>{let m=I(n)||0,h=m===0,g=f===se(e),_=i[l]-a[m][l],v=i[l]-a[f][u],y=!r&&h?d(o):0,b=N(v-(!r&&g?d(s):0)-(_+y));return p&&b>t+c&&n.push(f),g&&n.push(e.length),n},[]).map((t,n,r)=>{let i=Math.max(r[n-1]||0);return e.slice(i,t)}):[]}function h(e){return f?p(e,n):m(e)}return{groupSlides:h}}function Re(e,t,n,r,i,a,o){let{align:s,axis:c,direction:l,startIndex:u,loop:d,duration:f,dragFree:p,dragThreshold:m,inViewThreshold:h,slidesToScroll:g,skipSnaps:_,containScroll:v,watchResize:y,watchSlides:b,watchDrag:x,watchFocus:S}=a,C=_e(),w=C.measure(t),T=n.map(C.measure),E=pe(c,l),D=E.measureSize(w),O=ve(D),ee=ue(s,D),k=!d&&!!v,{slideSizes:te,slideSizesWithGaps:ne,startGap:A,endGap:re}=Ie(E,w,T,n,d||!!v,i),j=Le(E,D,g,d,w,T,A,re,2),{snaps:M,snapsAligned:N}=Ee(E,ee,w,T,j),P=-I(M)+I(ne),{snapsContained:ie,scrollContainLimit:ae}=Se(D,P,N,v,2),F=k?ie:N,{limit:L}=Ce(P,F,d),R=me(se(F),u,d),z=R.clone(),ce=oe(n),le=({dragHandler:e,scrollBody:t,scrollBounds:n,options:{loop:r}})=>{r||n.constrain(e.pointerDown()),t.seek()},B=({scrollBody:e,translate:t,location:n,offsetLocation:r,previousLocation:i,scrollLooper:a,slideLooper:o,dragHandler:s,animation:c,eventHandler:l,scrollBounds:u,options:{loop:d}},f)=>{let p=e.settled(),m=!u.shouldConstrain(),h=d?p:p&&m,g=h&&!s.pointerDown();g&&c.stop();let _=n.get()*f+i.get()*(1-f);r.set(_),d&&(a.loop(e.direction()),o.loop()),t.to(r.get()),g&&l.emit(`settle`),h||l.emit(`scroll`)},Re=fe(r,i,()=>le(Ge),e=>B(Ge,e)),ze=.68,Be=F[R.get()],Ve=je(Be),He=je(Be),V=je(Be),H=je(Be),U=be(Ve,V,He,H,f,ze),Ue=Oe(d,F,P,L,H),W=ke(Re,R,z,U,Ue,H,o),We=Te(L),G=de(),K=Fe(t,n,o,h),{slideRegistry:q}=De(k,v,F,ae,j,ce),J=Ae(e,n,q,W,U,G,o,S),Ge={ownerDocument:r,ownerWindow:i,eventHandler:o,containerRect:w,slideRects:T,animation:Re,axis:E,dragHandler:he(E,e,r,i,H,ge(E,i),Ve,Re,W,U,Ue,R,o,O,p,m,_,ze,x),eventStore:G,percentOfView:O,index:R,indexPrevious:z,limit:L,location:Ve,offsetLocation:V,previousLocation:He,options:a,resizeHandler:ye(t,o,i,n,E,y,C),scrollBody:U,scrollBounds:xe(L,V,H,U,O),scrollLooper:we(P,L,V,[Ve,V,He,H]),scrollProgress:We,scrollSnapList:F.map(We.get),scrollSnaps:F,scrollTarget:Ue,scrollTo:W,slideLooper:Ne(E,D,P,te,ne,M,F,V,n),slideFocus:J,slidesHandler:Pe(t,o,b),slidesInView:K,slideIndexes:ce,slideRegistry:q,slidesToScroll:j,target:H,translate:Me(E,t)};return Ge}function ze(){let e={},t;function n(e){t=e}function r(t){return e[t]||[]}function i(e){return r(e).forEach(n=>n(t,e)),c}function a(t,n){return e[t]=r(t).concat([n]),c}function o(t,n){return e[t]=r(t).filter(e=>e!==n),c}function s(){e={}}let c={init:n,emit:i,off:o,on:a,clear:s};return c}var Be={align:`center`,axis:`x`,container:null,slides:null,containScroll:`trimSnaps`,direction:`ltr`,slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function Ve(e){function t(e,t){return ce(e,t||{})}function n(n){let r=n.breakpoints||{};return t(n,z(r).filter(t=>e.matchMedia(t).matches).map(e=>r[e]).reduce((e,n)=>t(e,n),{}))}function r(t){return t.map(e=>z(e.breakpoints||{})).reduce((e,t)=>e.concat(t),[]).map(e.matchMedia)}return{mergeOptions:t,optionsAtMedia:n,optionsMediaQueries:r}}function He(e){let t=[];function n(n,r){return t=r.filter(({options:t})=>e.optionsAtMedia(t).active!==!1),t.forEach(t=>t.init(n,e)),r.reduce((e,t)=>Object.assign(e,{[t.name]:t}),{})}function r(){t=t.filter(e=>e.destroy())}return{init:n,destroy:r}}function V(e,t,n){let r=e.ownerDocument,i=r.defaultView,a=Ve(i),o=He(a),s=de(),c=ze(),{mergeOptions:l,optionsAtMedia:u,optionsMediaQueries:d}=a,{on:f,off:p,emit:m}=c,h=D,g=!1,_,v=l(Be,V.globalOptions),y=l(v),b=[],x,S,C;function w(){let{container:t,slides:n}=y;S=(re(t)?e.querySelector(t):t)||e.children[0];let r=re(n)?S.querySelectorAll(n):n;C=[].slice.call(r||S.children)}function T(t){let n=Re(e,S,C,r,i,t,c);return t.loop&&!n.slideLooper.canLoop()?T(Object.assign({},t,{loop:!1})):n}function E(e,t){g||(v=l(v,e),y=u(v),b=t||b,w(),_=T(y),d([v,...b.map(({options:e})=>e)]).forEach(e=>s.add(e,`change`,D)),y.active&&(_.translate.to(_.location.get()),_.animation.init(),_.slidesInView.init(),_.slideFocus.init(z),_.eventHandler.init(z),_.resizeHandler.init(z),_.slidesHandler.init(z),_.options.loop&&_.slideLooper.loop(),S.offsetParent&&C.length&&_.dragHandler.init(z),x=o.init(z,b)))}function D(e,t){let n=P();O(),E(l({startIndex:n},e),t),c.emit(`reInit`)}function O(){_.dragHandler.destroy(),_.eventStore.clear(),_.translate.clear(),_.slideLooper.clear(),_.resizeHandler.destroy(),_.slidesHandler.destroy(),_.slidesInView.destroy(),_.animation.destroy(),o.destroy(),s.clear()}function ee(){g||(g=!0,s.clear(),O(),c.emit(`destroy`),c.clear())}function k(e,t,n){!y.active||g||(_.scrollBody.useBaseFriction().useDuration(t===!0?0:y.duration),_.scrollTo.index(e,n||0))}function te(e){k(_.index.add(1).get(),e,-1)}function ne(e){k(_.index.add(-1).get(),e,1)}function A(){return _.index.add(1).get()!==P()}function j(){return _.index.add(-1).get()!==P()}function M(){return _.scrollSnapList}function N(){return _.scrollProgress.get(_.offsetLocation.get())}function P(){return _.index.get()}function ie(){return _.indexPrevious.get()}function ae(){return _.slidesInView.get()}function F(){return _.slidesInView.get(!1)}function oe(){return x}function I(){return _}function se(){return e}function L(){return S}function R(){return C}let z={canScrollNext:A,canScrollPrev:j,containerNode:L,internalEngine:I,destroy:ee,off:p,on:f,emit:m,plugins:oe,previousScrollSnap:ie,reInit:h,rootNode:se,scrollNext:te,scrollPrev:ne,scrollProgress:N,scrollSnapList:M,scrollTo:k,selectedScrollSnap:P,slideNodes:R,slidesInView:ae,slidesNotInView:F};return E(t,n),setTimeout(()=>c.emit(`init`),0),z}V.globalOptions=void 0;var H=t(n());function U(e={},t=[]){let n=(0,H.useRef)(e),r=(0,H.useRef)(t),[i,a]=(0,H.useState)(),[o,s]=(0,H.useState)(),c=(0,H.useCallback)(()=>{i&&i.reInit(n.current,r.current)},[i]);return(0,H.useEffect)(()=>{k(n.current,e)||(n.current=e,c())},[e,c]),(0,H.useEffect)(()=>{ne(r.current,t)||(r.current=t,c())},[t,c]),(0,H.useEffect)(()=>{if(ee()&&o){V.globalOptions=U.globalOptions;let e=V(o,n.current,r.current);return a(e),()=>e.destroy()}else a(void 0)},[o,a]),[s,i]}U.globalOptions=void 0;var Ue={previousSlide:`Previous slide`,nextSlide:`Next slide`,goToSlide:`Go to slide {index} of {total}`},W=v(),We=(0,H.createContext)(null);function G(){let e=(0,H.useContext)(We);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}var K=(0,H.forwardRef)(function({orientation:e=`horizontal`,controlPlacement:t=`outside`,opts:n,setApi:r,plugins:i,className:a,children:o,strings:s,...c},l){let u=g(Ue,s),[d,f]=U({...n,axis:e===`horizontal`?`x`:`y`},i),[p,m]=(0,H.useState)(!1),[h,v]=(0,H.useState)(!1),[y,b]=(0,H.useState)(0),[x,S]=(0,H.useState)([]),C=(0,H.useCallback)(e=>{m(e.canScrollPrev()),v(e.canScrollNext()),b(e.selectedScrollSnap()),S(e.scrollSnapList())},[]),w=(0,H.useCallback)(()=>{f?.scrollPrev()},[f]),T=(0,H.useCallback)(()=>{f?.scrollNext()},[f]),E=(0,H.useCallback)(e=>{f?.scrollTo(e)},[f]),D=(0,H.useCallback)(t=>{let n=e===`vertical`?t.key===`ArrowUp`:t.key===`ArrowLeft`,r=e===`vertical`?t.key===`ArrowDown`:t.key===`ArrowRight`;n?(t.preventDefault(),w()):r&&(t.preventDefault(),T())},[e,T,w]);return(0,H.useEffect)(()=>{f&&r?.(f)},[f,r]),(0,H.useEffect)(()=>{if(f)return C(f),f.on(`reInit`,C),f.on(`select`,C),()=>{f.off(`reInit`,C),f.off(`select`,C)}},[f,C]),(0,W.jsx)(We.Provider,{value:{carouselRef:d,api:f,opts:n,orientation:e,controlPlacement:t,scrollPrev:w,scrollNext:T,scrollTo:E,canScrollPrev:p,canScrollNext:h,selectedIndex:y,scrollSnaps:x,strings:u},children:(0,W.jsx)(`div`,{ref:l,onKeyDownCapture:D,role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,"data-orientation":e,"data-control-placement":t,className:_(`carousel--component relative`,a),...c,children:o})})});K.displayName=`Carousel`;var q=(0,H.forwardRef)(function({className:e,...t},n){let{carouselRef:r,orientation:i}=G();return(0,W.jsx)(`div`,{ref:r,className:`carousel--viewport overflow-hidden`,"data-slot":`carousel-viewport`,children:(0,W.jsx)(`div`,{ref:n,"data-slot":`carousel-content`,className:_(`carousel--content flex`,i===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})});q.displayName=`CarouselContent`;var J=(0,H.forwardRef)(function({className:e,...t},n){let{orientation:r}=G();return(0,W.jsx)(`div`,{ref:n,role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:_(`carousel--item min-w-0 shrink-0 grow-0 basis-full`,r===`horizontal`?`pl-4`:`pt-4`,e),...t})});J.displayName=`CarouselItem`;function Ge(e,t,n){return n===`inline`?`relative translate-x-0 translate-y-0 rotate-0`:t===`vertical`?e===`previous`?n===`outside`?`absolute -top-11 left-1/2 -translate-x-1/2 rotate-90`:`absolute top-2 left-1/2 -translate-x-1/2 rotate-90`:n===`outside`?`absolute -bottom-11 left-1/2 -translate-x-1/2 rotate-90`:`absolute bottom-2 left-1/2 -translate-x-1/2 rotate-90`:e===`previous`?n===`outside`?`absolute top-1/2 -left-11 -translate-y-1/2`:`absolute top-1/2 left-2 -translate-y-1/2`:n===`outside`?`absolute top-1/2 -right-11 -translate-y-1/2`:`absolute top-1/2 right-2 -translate-y-1/2`}var Ke={outside:``,inside:`z-10`,overlay:`z-10 border-background/70 bg-background/85 shadow-md backdrop-blur hover:bg-background`,inline:``},qe={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`},Je={dot:`size-2.5 rounded-full border border-border bg-muted hover:bg-muted-foreground/40`,pill:`h-2 w-2 rounded-sm border border-transparent bg-muted-foreground/25 hover:bg-muted-foreground/40`},Ye={dot:`border-foreground bg-foreground hover:bg-foreground`,pill:`w-5 rounded-full border-transparent bg-foreground hover:bg-foreground`},Y=(0,H.forwardRef)(function({className:e,variant:t=`secondary`,buttonStyle:n=`outline`,size:r=`icon-sm`,placement:i,onClick:a,disabled:s,children:c,...l},d){let{orientation:f,controlPlacement:p,scrollPrev:m,canScrollPrev:h,strings:g}=G(),v=i??p;return(0,W.jsx)(o,{ref:d,...l,type:`button`,"data-slot":`carousel-previous`,"data-placement":v,variant:t,buttonStyle:n,size:r,className:_(`carousel--previous touch-manipulation`,Ge(`previous`,f,v),Ke[v],e),disabled:s||!h,onClick:e=>{a?.(e),e.defaultPrevented||m()},children:c??(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(u,{className:`size-4`,"aria-hidden":`true`}),(0,W.jsx)(`span`,{className:`sr-only`,children:g.previousSlide})]})})});Y.displayName=`CarouselPrevious`;var X=(0,H.forwardRef)(function({className:e,variant:t=`secondary`,buttonStyle:n=`outline`,size:r=`icon-sm`,placement:i,onClick:a,disabled:s,children:c,...l},u){let{orientation:f,controlPlacement:p,scrollNext:m,canScrollNext:h,strings:g}=G(),v=i??p;return(0,W.jsx)(o,{ref:u,...l,type:`button`,"data-slot":`carousel-next`,"data-placement":v,variant:t,buttonStyle:n,size:r,className:_(`carousel--next touch-manipulation`,Ge(`next`,f,v),Ke[v],e),disabled:s||!h,onClick:e=>{a?.(e),e.defaultPrevented||m()},children:c??(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(d,{className:`size-4`,"aria-hidden":`true`}),(0,W.jsx)(`span`,{className:`sr-only`,children:g.nextSlide})]})})});X.displayName=`CarouselNext`;var Xe=(0,H.forwardRef)(function({align:e=`center`,showDots:t=!0,previousProps:n,nextProps:r,dotsProps:i,className:a,children:o,...s},c){return(0,W.jsx)(`div`,{ref:c,"data-slot":`carousel-navigation`,"data-align":e,className:_(`carousel--navigation flex flex-wrap items-center gap-2`,qe[e],a),...s,children:o??(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(Y,{placement:`inline`,...n}),t&&(0,W.jsx)(Ze,{...i}),(0,W.jsx)(X,{placement:`inline`,...r})]})})});Xe.displayName=`CarouselNavigation`;var Ze=(0,H.forwardRef)(function({className:e,dotClassName:t,paginationStyle:n=`dot`,...r},i){let{scrollSnaps:a}=G();return a.length<=1?null:(0,W.jsx)(`div`,{ref:i,"data-slot":`carousel-dots`,"data-pagination-style":n,className:_(`carousel--dots flex flex-wrap items-center justify-center gap-1.5`,e),...r,children:a.map((e,r)=>(0,W.jsx)(Qe,{index:r,paginationStyle:n,className:t},r))})});Ze.displayName=`CarouselDots`;var Qe=(0,H.forwardRef)(function({index:e,paginationStyle:t=`dot`,className:n,variant:r=`secondary`,buttonStyle:i=`ghost`,size:a=`icon-xs`,onClick:s,children:c,...l},u){let{selectedIndex:d,scrollSnaps:f,scrollTo:p,strings:m}=G(),h=d===e,g=m.goToSlide.replace(`{index}`,String(e+1)).replace(`{total}`,String(f.length));return(0,W.jsx)(o,{ref:u,...l,type:`button`,"data-slot":`carousel-dot`,"data-selected":h?``:void 0,"data-pagination-style":t,"aria-label":g,"aria-current":h?`true`:void 0,variant:r,buttonStyle:i,size:a,className:_(`carousel--dot min-w-0 shrink-0 p-0 transition-[width,background-color,border-color] duration-200`,Je[t],h&&Ye[t],n),onClick:t=>{s?.(t),t.defaultPrevented||p(e)},children:c??(0,W.jsx)(`span`,{className:`sr-only`,children:g})})});Qe.displayName=`CarouselDot`;var $e=e({GalleryCarousel:()=>at,InsideControlsCarousel:()=>rt,LocalizedControls:()=>ut,ProductCarousel:()=>nt,ProductGridGallery:()=>ot,ResponsiveCarousel:()=>ct,TopNavigationCarousel:()=>st,VerticalCarousel:()=>lt}),Z=[{id:`orbit`,name:`Orbit field watch`,category:`Accessories`,revenue:`$18.4k`,units:`1,284`,stock:`In stock`,icon:E,visualClass:`border-info/20 bg-gradient-to-br from-info/5 via-card to-info/5`},{id:`signal`,name:`Signal headphones`,category:`Audio`,revenue:`$12.1k`,units:`842`,stock:`Low stock`,icon:S,visualClass:`border-primary/20 bg-gradient-to-br from-primary/5 via-card to-primary/5`},{id:`stride`,name:`Stride runner`,category:`Footwear`,revenue:`$8.9k`,units:`694`,stock:`In stock`,icon:x,visualClass:`border-success/20 bg-gradient-to-br from-success/5 via-card to-success/5`},{id:`focus`,name:`Focus camera`,category:`Photo`,revenue:`$7.3k`,units:`512`,stock:`Restock`,icon:l,visualClass:`border-warning/20 bg-gradient-to-br from-warning/10 via-card to-warning/10`},{id:`arc`,name:`Arc desk lamp`,category:`Home office`,revenue:`$6.8k`,units:`438`,stock:`In stock`,icon:C,visualClass:`border-info/20 bg-gradient-to-br from-muted via-card to-info/5`},{id:`terra`,name:`Terra planter`,category:`Garden`,revenue:`$5.6k`,units:`376`,stock:`In stock`,icon:w,visualClass:`border-success/20 bg-gradient-to-br from-muted via-card to-success/5`}];function et(e){return e===`In stock`?`success`:`warning`}function tt({product:e,className:t=`aspect-video w-full`,compact:n=!1}){let i=e.icon;return(0,W.jsxs)(`div`,{role:`img`,"aria-label":e.name,className:[`relative flex items-center justify-center overflow-hidden rounded-md border`,e.visualClass,t].join(` `),children:[(0,W.jsx)(`div`,{className:`absolute inset-x-4 top-4 h-px bg-foreground/10`}),(0,W.jsx)(`div`,{className:`absolute inset-y-4 left-4 w-px bg-foreground/10`}),(0,W.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-center`,children:[(0,W.jsx)(`div`,{className:n?`rounded-md border border-border/70 bg-background/70 p-1.5`:`rounded-lg border border-border/70 bg-background/70 p-3 shadow-xs`,children:(0,W.jsx)(i,{className:n?`size-5 text-foreground`:`size-8 text-foreground`,"aria-hidden":`true`})}),!n&&(0,W.jsx)(r,{size:`xs`,weight:`semibold`,className:`max-w-32 truncate`,children:e.name})]})]})}function nt(){return(0,W.jsxs)(K,{className:`w-full max-w-2xl px-11`,children:[(0,W.jsx)(q,{children:Z.map(e=>(0,W.jsx)(J,{children:(0,W.jsx)(b,{padding:`sm`,className:`overflow-hidden`,children:(0,W.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-[1.2fr_1fr] sm:items-center`,children:[(0,W.jsx)(tt,{product:e}),(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsx)(c,{variant:`info`,children:e.category}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{weight:`semibold`,children:e.name}),(0,W.jsx)(r,{size:`xs`,type:`secondary`,children:`Featured product performance`})]}),(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(m,{className:`size-4 text-success`}),(0,W.jsx)(r,{weight:`semibold`,children:e.revenue})]})]})]})})},e.id))}),(0,W.jsx)(Y,{className:`left-0`}),(0,W.jsx)(X,{className:`right-0`}),(0,W.jsx)(Ze,{paginationStyle:`pill`,className:`mt-3`})]})}function rt(){return(0,W.jsxs)(K,{controlPlacement:`inside`,opts:{align:`start`},className:`w-full max-w-3xl`,children:[(0,W.jsx)(q,{children:Z.slice(0,4).map(e=>(0,W.jsx)(J,{className:`md:basis-1/2`,children:(0,W.jsxs)(b,{title:e.name,description:e.category,icon:(0,W.jsx)(f,{className:`size-4`}),padding:`sm`,className:`overflow-hidden`,children:[(0,W.jsx)(tt,{product:e,className:`aspect-[16/10] w-full`}),(0,W.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-3`,children:`Absolute controls sit inside the carousel bounds.`})]})},e.id))}),(0,W.jsx)(Y,{}),(0,W.jsx)(X,{}),(0,W.jsx)(Ze,{className:`mt-3`})]})}function it(){let{selectedIndex:e,scrollTo:t}=G();return(0,W.jsx)(`div`,{className:`mt-3 grid grid-cols-4 gap-2`,children:Z.slice(0,4).map((n,r)=>(0,W.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,"aria-label":`Show ${n.name}`,"aria-current":e===r?`true`:void 0,className:`h-auto min-w-0 justify-start rounded-lg p-1 data-[active=true]:ring-2 data-[active=true]:ring-ring/40`,"data-active":e===r?`true`:void 0,onClick:()=>t(r),children:(0,W.jsx)(tt,{product:n,className:`aspect-video w-full`,compact:!0})},n.id))})}function at(){return(0,W.jsxs)(K,{opts:{align:`start`,loop:!0},controlPlacement:`overlay`,className:`w-full max-w-3xl`,strings:{goToSlide:`Show gallery image {index} of {total}`},children:[(0,W.jsxs)(`div`,{className:`relative`,children:[(0,W.jsx)(q,{className:`-ml-3`,children:Z.slice(0,4).map(e=>(0,W.jsx)(J,{className:`pl-3`,children:(0,W.jsx)(b,{padding:`sm`,className:`overflow-hidden`,children:(0,W.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[1.4fr_1fr] md:items-center`,children:[(0,W.jsx)(tt,{product:e,className:`aspect-[16/10] w-full`}),(0,W.jsxs)(`div`,{className:`space-y-3`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(c,{variant:`info`,children:e.category}),(0,W.jsx)(c,{variant:et(e.stock),children:e.stock})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{weight:`semibold`,children:e.name}),(0,W.jsx)(r,{size:`xs`,type:`secondary`,children:`Gallery navigation uses thumbnails plus Embla state.`})]}),(0,W.jsxs)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{size:`xxs`,type:`secondary`,children:`Revenue`}),(0,W.jsx)(r,{weight:`semibold`,children:e.revenue})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{size:`xxs`,type:`secondary`,children:`Units`}),(0,W.jsx)(r,{weight:`semibold`,children:e.units})]})]})]})]})})},e.id))}),(0,W.jsx)(Y,{}),(0,W.jsx)(X,{})]}),(0,W.jsx)(it,{})]})}function ot(){return(0,W.jsxs)(K,{opts:{align:`start`},className:`w-full max-w-5xl`,strings:{goToSlide:`Show product group {index} of {total}`},children:[(0,W.jsx)(q,{children:[Z.slice(0,3),Z.slice(3,6)].map((e,t)=>(0,W.jsx)(J,{children:(0,W.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:e.map(e=>(0,W.jsxs)(b,{title:e.name,description:e.category,icon:(0,W.jsx)(p,{className:`size-4`}),headerEnd:(0,W.jsx)(c,{variant:et(e.stock),children:e.stock}),padding:`sm`,children:[(0,W.jsx)(tt,{product:e,className:`aspect-[4/3] w-full`}),(0,W.jsxs)(`div`,{className:`mt-3 grid grid-cols-2 gap-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{size:`xxs`,type:`secondary`,children:`Revenue`}),(0,W.jsx)(r,{weight:`semibold`,children:e.revenue})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{size:`xxs`,type:`secondary`,children:`Units`}),(0,W.jsx)(r,{weight:`semibold`,children:e.units})]})]})]},e.id))})},t))}),(0,W.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-3`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(T,{className:`size-4 text-muted-foreground`}),(0,W.jsx)(r,{size:`xs`,type:`secondary`,children:`Grouped by merchandising priority`})]}),(0,W.jsx)(Xe,{align:`end`,dotsProps:{paginationStyle:`pill`}})]})]})}function st(){return(0,W.jsxs)(K,{controlPlacement:`inline`,opts:{align:`start`},className:`w-full max-w-3xl`,children:[(0,W.jsxs)(`div`,{className:`mb-3 flex flex-wrap items-center justify-between gap-3`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(r,{weight:`semibold`,children:`Relative top controls`}),(0,W.jsx)(r,{size:`xs`,type:`secondary`,children:`Inline arrows and dots stay in document flow.`})]}),(0,W.jsx)(Xe,{align:`end`,dotsProps:{paginationStyle:`pill`}})]}),(0,W.jsx)(q,{children:Z.slice(0,4).map(e=>(0,W.jsx)(J,{className:`sm:basis-1/2`,children:(0,W.jsx)(b,{title:e.name,description:e.category,icon:(0,W.jsx)(p,{className:`size-4`}),headerEnd:(0,W.jsx)(c,{variant:et(e.stock),children:e.stock}),children:(0,W.jsxs)(r,{size:`xs`,type:`secondary`,children:[e.units,` units sold this month.`]})})},e.id))})]})}function ct(){return(0,W.jsxs)(K,{opts:{align:`start`},className:`w-full max-w-4xl px-11`,children:[(0,W.jsx)(q,{children:Z.map(e=>(0,W.jsx)(J,{className:`sm:basis-1/2 lg:basis-1/3`,children:(0,W.jsxs)(b,{title:e.name,description:e.category,icon:(0,W.jsx)(f,{className:`size-4`}),children:[(0,W.jsx)(tt,{product:e,className:`aspect-[4/3] w-full`}),(0,W.jsxs)(r,{size:`xs`,type:`secondary`,className:`mt-3`,children:[`Revenue this month: `,e.revenue]})]})},e.id))}),(0,W.jsx)(Y,{className:`left-0`}),(0,W.jsx)(X,{className:`right-0`})]})}function lt(){return(0,W.jsxs)(K,{orientation:`vertical`,className:`h-80 w-full max-w-md py-11`,children:[(0,W.jsx)(q,{className:`h-64`,children:Z.map(e=>(0,W.jsx)(J,{className:`basis-1/2`,children:(0,W.jsxs)(b,{title:e.name,description:e.category,children:[(0,W.jsx)(r,{size:`xs`,type:`secondary`,children:`Monthly revenue`}),(0,W.jsx)(r,{weight:`semibold`,children:e.revenue})]})},e.id))}),(0,W.jsx)(Y,{className:`top-0`}),(0,W.jsx)(X,{className:`bottom-0`})]})}function ut(){return(0,W.jsxs)(K,{className:`w-full max-w-md px-11`,strings:{previousSlide:`Previous product`,nextSlide:`Next product`,goToSlide:`Show product {index} of {total}`},children:[(0,W.jsx)(q,{children:Z.slice(0,2).map(e=>(0,W.jsx)(J,{children:(0,W.jsx)(b,{title:e.name,description:e.category,children:(0,W.jsx)(r,{size:`xs`,type:`secondary`,children:"Accessible labels are supplied through `strings`."})})},e.id))}),(0,W.jsx)(Y,{className:`left-0`}),(0,W.jsx)(X,{className:`right-0`}),(0,W.jsx)(Ze,{className:`mt-3`})]})}var Q=`import {
+	Camera,
+	Footprints,
+	Headphones,
+	LampDesk,
+	Leaf,
+	Package,
+	PanelTop,
+	ShoppingBag,
+	TrendingUp,
+	Watch,
+	type LucideIcon,
+} from 'lucide-react';
+
+import {
+	Carousel,
+	CarouselContent,
+	CarouselDots,
+	CarouselItem,
+	CarouselNext,
+	CarouselNavigation,
+	CarouselPrevious,
+	useCarousel,
+} from '@/components/base/carousel';
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { Text } from '@/components/typography';
+
+const products = [
+	{
+		id: 'orbit',
+		name: 'Orbit field watch',
+		category: 'Accessories',
+		revenue: '$18.4k',
+		units: '1,284',
+		stock: 'In stock',
+		icon: Watch,
+		visualClass: 'border-info/20 bg-gradient-to-br from-info/5 via-card to-info/5',
+	},
+	{
+		id: 'signal',
+		name: 'Signal headphones',
+		category: 'Audio',
+		revenue: '$12.1k',
+		units: '842',
+		stock: 'Low stock',
+		icon: Headphones,
+		visualClass: 'border-primary/20 bg-gradient-to-br from-primary/5 via-card to-primary/5',
+	},
+	{
+		id: 'stride',
+		name: 'Stride runner',
+		category: 'Footwear',
+		revenue: '$8.9k',
+		units: '694',
+		stock: 'In stock',
+		icon: Footprints,
+		visualClass: 'border-success/20 bg-gradient-to-br from-success/5 via-card to-success/5',
+	},
+	{
+		id: 'focus',
+		name: 'Focus camera',
+		category: 'Photo',
+		revenue: '$7.3k',
+		units: '512',
+		stock: 'Restock',
+		icon: Camera,
+		visualClass: 'border-warning/20 bg-gradient-to-br from-warning/10 via-card to-warning/10',
+	},
+	{
+		id: 'arc',
+		name: 'Arc desk lamp',
+		category: 'Home office',
+		revenue: '$6.8k',
+		units: '438',
+		stock: 'In stock',
+		icon: LampDesk,
+		visualClass: 'border-info/20 bg-gradient-to-br from-muted via-card to-info/5',
+	},
+	{
+		id: 'terra',
+		name: 'Terra planter',
+		category: 'Garden',
+		revenue: '$5.6k',
+		units: '376',
+		stock: 'In stock',
+		icon: Leaf,
+		visualClass: 'border-success/20 bg-gradient-to-br from-muted via-card to-success/5',
+	},
+] satisfies Array<{
+	id: string;
+	name: string;
+	category: string;
+	revenue: string;
+	units: string;
+	stock: string;
+	icon: LucideIcon;
+	visualClass: string;
+}>;
+
+function stockVariant(stock: string) {
+	return stock === 'In stock' ? 'success' : 'warning';
+}
+
+function ProductVisual({
+	product,
+	className = 'aspect-video w-full',
+	compact = false,
+}: {
+	product: (typeof products)[number];
+	className?: string;
+	compact?: boolean;
+}) {
+	const Icon = product.icon;
+
+	return (
+		<div
+			role="img"
+			aria-label={product.name}
+			className={[
+				'relative flex items-center justify-center overflow-hidden rounded-md border',
+				product.visualClass,
+				className,
+			].join(' ')}
+		>
+			<div className="absolute inset-x-4 top-4 h-px bg-foreground/10" />
+			<div className="absolute inset-y-4 left-4 w-px bg-foreground/10" />
+			<div className="flex flex-col items-center gap-2 text-center">
+				<div className={compact ? 'rounded-md border border-border/70 bg-background/70 p-1.5' : 'rounded-lg border border-border/70 bg-background/70 p-3 shadow-xs'}>
+					<Icon className={compact ? 'size-5 text-foreground' : 'size-8 text-foreground'} aria-hidden="true" />
+				</div>
+				{!compact && (
+					<Text size="xs" weight="semibold" className="max-w-32 truncate">
+						{product.name}
+					</Text>
+				)}
+			</div>
+		</div>
+	);
+}
+
+export function ProductCarousel() {
+	return (
+		<Carousel className="w-full max-w-2xl px-11">
+			<CarouselContent>
+				{products.map((product) => (
+					<CarouselItem key={product.id}>
+						<SmartCard padding="sm" className="overflow-hidden">
+							<div className="grid gap-3 sm:grid-cols-[1.2fr_1fr] sm:items-center">
+								<ProductVisual product={product} />
+								<div className="space-y-2">
+									<Badge variant="info">{product.category}</Badge>
+									<div>
+										<Text weight="semibold">{product.name}</Text>
+										<Text size="xs" type="secondary">Featured product performance</Text>
+									</div>
+									<div className="flex items-center gap-2">
+										<TrendingUp className="size-4 text-success" />
+										<Text weight="semibold">{product.revenue}</Text>
+									</div>
+								</div>
+							</div>
+						</SmartCard>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+			<CarouselPrevious className="left-0" />
+			<CarouselNext className="right-0" />
+			<CarouselDots paginationStyle="pill" className="mt-3" />
+		</Carousel>
+	);
+}
+
+export function InsideControlsCarousel() {
+	return (
+		<Carousel controlPlacement="inside" opts={{ align: 'start' }} className="w-full max-w-3xl">
+			<CarouselContent>
+				{products.slice(0, 4).map((product) => (
+					<CarouselItem key={product.id} className="md:basis-1/2">
+						<SmartCard
+							title={product.name}
+							description={product.category}
+							icon={<Package className="size-4" />}
+							padding="sm"
+							className="overflow-hidden"
+						>
+							<ProductVisual product={product} className="aspect-[16/10] w-full" />
+							<Text size="xs" type="secondary" className="mt-3">
+								Absolute controls sit inside the carousel bounds.
+							</Text>
+						</SmartCard>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+			<CarouselPrevious />
+			<CarouselNext />
+			<CarouselDots className="mt-3" />
+		</Carousel>
+	);
+}
+
+function GalleryThumbnails() {
+	const { selectedIndex, scrollTo } = useCarousel();
+
+	return (
+		<div className="mt-3 grid grid-cols-4 gap-2">
+			{products.slice(0, 4).map((product, index) => (
+				<Button
+					key={product.id}
+					type="button"
+					variant="secondary"
+					buttonStyle="ghost"
+					size="sm"
+					aria-label={\`Show \${product.name}\`}
+					aria-current={selectedIndex === index ? 'true' : undefined}
+					className="h-auto min-w-0 justify-start rounded-lg p-1 data-[active=true]:ring-2 data-[active=true]:ring-ring/40"
+					data-active={selectedIndex === index ? 'true' : undefined}
+					onClick={() => scrollTo(index)}
+				>
+					<ProductVisual product={product} className="aspect-video w-full" compact />
+				</Button>
+			))}
+		</div>
+	);
+}
+
+export function GalleryCarousel() {
+	return (
+		<Carousel
+			opts={{ align: 'start', loop: true }}
+			controlPlacement="overlay"
+			className="w-full max-w-3xl"
+			strings={{ goToSlide: 'Show gallery image {index} of {total}' }}
+		>
+			<div className="relative">
+				<CarouselContent className="-ml-3">
+					{products.slice(0, 4).map((product) => (
+						<CarouselItem key={product.id} className="pl-3">
+							<SmartCard padding="sm" className="overflow-hidden">
+								<div className="grid gap-4 md:grid-cols-[1.4fr_1fr] md:items-center">
+									<ProductVisual product={product} className="aspect-[16/10] w-full" />
+									<div className="space-y-3">
+										<div className="flex items-center gap-2">
+											<Badge variant="info">{product.category}</Badge>
+											<Badge variant={stockVariant(product.stock)}>{product.stock}</Badge>
+										</div>
+										<div>
+											<Text weight="semibold">{product.name}</Text>
+											<Text size="xs" type="secondary">
+												Gallery navigation uses thumbnails plus Embla state.
+											</Text>
+										</div>
+										<div className="grid grid-cols-2 gap-2">
+											<div>
+												<Text size="xxs" type="secondary">Revenue</Text>
+												<Text weight="semibold">{product.revenue}</Text>
+											</div>
+											<div>
+												<Text size="xxs" type="secondary">Units</Text>
+												<Text weight="semibold">{product.units}</Text>
+											</div>
+										</div>
+									</div>
+								</div>
+							</SmartCard>
+						</CarouselItem>
+					))}
+				</CarouselContent>
+				<CarouselPrevious />
+				<CarouselNext />
+			</div>
+			<GalleryThumbnails />
+		</Carousel>
+	);
+}
+
+export function ProductGridGallery() {
+	const groups = [
+		products.slice(0, 3),
+		products.slice(3, 6),
+	];
+
+	return (
+		<Carousel
+			opts={{ align: 'start' }}
+			className="w-full max-w-5xl"
+			strings={{ goToSlide: 'Show product group {index} of {total}' }}
+		>
+			<CarouselContent>
+				{groups.map((group, index) => (
+					<CarouselItem key={index}>
+						<div className="grid gap-3 md:grid-cols-3">
+							{group.map((product) => (
+								<SmartCard
+									key={product.id}
+									title={product.name}
+									description={product.category}
+									icon={<ShoppingBag className="size-4" />}
+									headerEnd={<Badge variant={stockVariant(product.stock)}>{product.stock}</Badge>}
+									padding="sm"
+								>
+									<ProductVisual product={product} className="aspect-[4/3] w-full" />
+									<div className="mt-3 grid grid-cols-2 gap-2">
+										<div>
+											<Text size="xxs" type="secondary">Revenue</Text>
+											<Text weight="semibold">{product.revenue}</Text>
+										</div>
+										<div>
+											<Text size="xxs" type="secondary">Units</Text>
+											<Text weight="semibold">{product.units}</Text>
+										</div>
+									</div>
+								</SmartCard>
+							))}
+						</div>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+			<div className="mt-3 flex flex-wrap items-center justify-between gap-3">
+				<div className="flex items-center gap-2">
+					<PanelTop className="size-4 text-muted-foreground" />
+					<Text size="xs" type="secondary">Grouped by merchandising priority</Text>
+				</div>
+				<CarouselNavigation align="end" dotsProps={{ paginationStyle: 'pill' }} />
+			</div>
+		</Carousel>
+	);
+}
+
+export function TopNavigationCarousel() {
+	return (
+		<Carousel controlPlacement="inline" opts={{ align: 'start' }} className="w-full max-w-3xl">
+			<div className="mb-3 flex flex-wrap items-center justify-between gap-3">
+				<div>
+					<Text weight="semibold">Relative top controls</Text>
+					<Text size="xs" type="secondary">Inline arrows and dots stay in document flow.</Text>
+				</div>
+				<CarouselNavigation align="end" dotsProps={{ paginationStyle: 'pill' }} />
+			</div>
+			<CarouselContent>
+				{products.slice(0, 4).map((product) => (
+					<CarouselItem key={product.id} className="sm:basis-1/2">
+						<SmartCard
+							title={product.name}
+							description={product.category}
+							icon={<ShoppingBag className="size-4" />}
+							headerEnd={<Badge variant={stockVariant(product.stock)}>{product.stock}</Badge>}
+						>
+							<Text size="xs" type="secondary">
+								{product.units} units sold this month.
+							</Text>
+						</SmartCard>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+		</Carousel>
+	);
+}
+
+export function ResponsiveCarousel() {
+	return (
+		<Carousel opts={{ align: 'start' }} className="w-full max-w-4xl px-11">
+			<CarouselContent>
+				{products.map((product) => (
+					<CarouselItem key={product.id} className="sm:basis-1/2 lg:basis-1/3">
+						<SmartCard
+							title={product.name}
+							description={product.category}
+							icon={<Package className="size-4" />}
+						>
+							<ProductVisual product={product} className="aspect-[4/3] w-full" />
+							<Text size="xs" type="secondary" className="mt-3">
+								Revenue this month: {product.revenue}
+							</Text>
+						</SmartCard>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+			<CarouselPrevious className="left-0" />
+			<CarouselNext className="right-0" />
+		</Carousel>
+	);
+}
+
+export function VerticalCarousel() {
+	return (
+		<Carousel orientation="vertical" className="h-80 w-full max-w-md py-11">
+			<CarouselContent className="h-64">
+				{products.map((product) => (
+					<CarouselItem key={product.id} className="basis-1/2">
+						<SmartCard title={product.name} description={product.category}>
+							<Text size="xs" type="secondary">Monthly revenue</Text>
+							<Text weight="semibold">{product.revenue}</Text>
+						</SmartCard>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+			<CarouselPrevious className="top-0" />
+			<CarouselNext className="bottom-0" />
+		</Carousel>
+	);
+}
+
+export function LocalizedControls() {
+	return (
+		<Carousel
+			className="w-full max-w-md px-11"
+			strings={{
+				previousSlide: 'Previous product',
+				nextSlide: 'Next product',
+				goToSlide: 'Show product {index} of {total}',
+			}}
+		>
+			<CarouselContent>
+				{products.slice(0, 2).map((product) => (
+					<CarouselItem key={product.id}>
+						<SmartCard title={product.name} description={product.category}>
+							<Text size="xs" type="secondary">Accessible labels are supplied through \`strings\`.</Text>
+						</SmartCard>
+					</CarouselItem>
+				))}
+			</CarouselContent>
+			<CarouselPrevious className="left-0" />
+			<CarouselNext className="right-0" />
+			<CarouselDots className="mt-3" />
+		</Carousel>
+	);
+}
+`;function dt(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return $e||$(`Examples`,!1),at||$(`Examples.GalleryCarousel`,!0),rt||$(`Examples.InsideControlsCarousel`,!0),ut||$(`Examples.LocalizedControls`,!0),nt||$(`Examples.ProductCarousel`,!0),ot||$(`Examples.ProductGridGallery`,!0),ct||$(`Examples.ResponsiveCarousel`,!0),st||$(`Examples.TopNavigationCarousel`,!0),lt||$(`Examples.VerticalCarousel`,!0),(0,W.jsxs)(i,{title:`Carousel`,description:`Embla-backed carousel with keyboard navigation, orientation support, plugins, and base Button controls.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/carousel`,children:[(0,W.jsx)(a,{title:`Overview`,id:`overview`,children:(0,W.jsxs)(t.p,{children:[(0,W.jsx)(t.code,{children:`Carousel`}),` is the package-owned Embla wrapper. Importing it requires the
+optional `,(0,W.jsx)(t.code,{children:`embla-carousel-react`}),` peer; apps that never import `,(0,W.jsx)(t.code,{children:`base/carousel`}),`
+do not need that dependency. Pagination can use compact round dots or the
+pill treatment via `,(0,W.jsx)(t.code,{children:`paginationStyle="pill"`}),` on `,(0,W.jsx)(t.code,{children:`CarouselDots`}),` or
+`,(0,W.jsx)(t.code,{children:`CarouselNavigation`}),` `,(0,W.jsx)(t.code,{children:`dotsProps`}),`.`]})}),(0,W.jsxs)(a,{title:`Usage`,id:`usage`,children:[(0,W.jsxs)(t.p,{children:[`Install `,(0,W.jsx)(t.code,{children:`embla-carousel-react`}),` in apps that import this exact entrypoint, then
+import the carousel family:`]}),(0,W.jsx)(t.pre,{children:(0,W.jsx)(t.code,{className:`language-tsx`,children:`import {
+	Carousel,
+	CarouselContent,
+	CarouselItem,
+	CarouselPrevious,
+	CarouselNext,
+	CarouselNavigation,
+	CarouselDots,
+} from 'admin-ui-starter-kit/base/carousel';
+`})}),(0,W.jsxs)(t.p,{children:[`Use `,(0,W.jsx)(t.code,{children:`opts`}),` and `,(0,W.jsx)(t.code,{children:`plugins`}),` for Embla configuration, `,(0,W.jsx)(t.code,{children:`orientation`}),` for horizontal
+or vertical layouts, and `,(0,W.jsx)(t.code,{children:`setApi`}),` when a composed surface needs direct access to
+the Embla API. Choose root `,(0,W.jsx)(t.code,{children:`controlPlacement`}),` or per-control `,(0,W.jsx)(t.code,{children:`placement`}),` for
+outside, inside, overlay, or inline arrows. Use `,(0,W.jsx)(t.code,{children:`CarouselNavigation`}),` when arrows
+and pagination should live in the document flow, and pass `,(0,W.jsx)(t.code,{children:`strings`}),` to override
+all accessible labels.`]})]}),(0,W.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,W.jsx)(s,{name:`ProductCarousel`,source:Q,children:(0,W.jsx)(nt,{})}),(0,W.jsx)(s,{name:`InsideControlsCarousel`,source:Q,children:(0,W.jsx)(rt,{})}),(0,W.jsx)(s,{name:`GalleryCarousel`,source:Q,children:(0,W.jsx)(at,{})}),(0,W.jsx)(s,{name:`ProductGridGallery`,source:Q,children:(0,W.jsx)(ot,{})}),(0,W.jsx)(s,{name:`TopNavigationCarousel`,source:Q,children:(0,W.jsx)(st,{})}),(0,W.jsx)(s,{name:`ResponsiveCarousel`,source:Q,children:(0,W.jsx)(ct,{})}),(0,W.jsx)(s,{name:`VerticalCarousel`,source:Q,children:(0,W.jsx)(lt,{})}),(0,W.jsx)(s,{name:`LocalizedControls`,source:Q,children:(0,W.jsx)(ut,{})})]}),(0,W.jsxs)(a,{title:`API`,id:`api`,children:[(0,W.jsx)(t.h4,{children:`Carousel`}),(0,W.jsx)(y,{component:`Carousel`}),(0,W.jsx)(t.h4,{children:`CarouselPrevious`}),(0,W.jsx)(y,{component:`CarouselPrevious`}),(0,W.jsx)(t.h4,{children:`CarouselNext`}),(0,W.jsx)(y,{component:`CarouselNext`}),(0,W.jsx)(t.h4,{children:`CarouselNavigation`}),(0,W.jsx)(y,{component:`CarouselNavigation`}),(0,W.jsx)(t.h4,{children:`CarouselDots`}),(0,W.jsx)(y,{component:`CarouselDots`}),(0,W.jsx)(t.h4,{children:`CarouselDot`}),(0,W.jsx)(y,{component:`CarouselDot`})]})]})}function ft(e={}){let{wrapper:t}=e.components||{};return t?(0,W.jsx)(t,{...e,children:(0,W.jsx)(dt,{...e})}):dt(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ft as default};