@forgedevstack/bear 1.0.8 → 1.0.9

package/dist/components/ActivityItem/ActivityItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs"),m=({icon:s,iconBg:r="rgba(16, 185, 129, 0.2)",title:a,description:i,user:t,time:l,onClick:c,className:n,...x})=>e.jsxs("div",{className:d.cn("flex items-start gap-4 p-4 hover:bg-slate-700/30 dark:hover:bg-slate-700/30 rounded-xl transition-colors cursor-pointer",n),onClick:c,...x,children:[e.jsx("div",{className:"flex items-center justify-center w-10 h-10 rounded-xl flex-shrink-0",style:{background:r},children:s}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-gray-900 dark:text-white font-medium truncate",children:a}),e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm truncate",children:i})]}),e.jsxs("div",{className:"text-right flex-shrink-0",children:[e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm",children:l}),t&&e.jsx("p",{className:"text-gray-400 dark:text-slate-500 text-xs",children:t})]})]});exports.ActivityItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const m=({icon:s,iconBg:r="rgba(16, 185, 129, 0.2)",title:a,description:i,user:t,time:l,onClick:c,className:n,...x})=>e.jsxs("div",{className:d.cn("flex items-start gap-4 p-4 hover:bg-slate-700/30 dark:hover:bg-slate-700/30 rounded-xl transition-colors cursor-pointer",n),onClick:c,...x,children:[e.jsx("div",{className:"flex items-center justify-center w-10 h-10 rounded-xl flex-shrink-0",style:{background:r},children:s}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-gray-900 dark:text-white font-medium truncate",children:a}),e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm truncate",children:i})]}),e.jsxs("div",{className:"text-right flex-shrink-0",children:[e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm",children:l}),t&&e.jsx("p",{className:"text-gray-400 dark:text-slate-500 text-xs",children:t})]})]});exports.ActivityItem=m;

package/dist/components/ActivityItem/ActivityItem.js

@@ -1,5 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { cn as m } from "../../utils/cn.js";
+import "react";
 const g = ({
   icon: a,
   iconBg: s = "rgba(16, 185, 129, 0.2)",

package/dist/components/Alert/Alert.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/cn.cjs"),a={filled:e=>r.cn("bear-text-white bear-alert-filled",e==="success"&&"bear-alert-filled-success",e==="info"&&"bear-alert-filled-info",e==="warning"&&"bear-alert-filled-warning",e==="error"&&"bear-alert-filled-error"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},l={SEVERITY:"info",VARIANT:"standard",SHOW_ICON:!0,CLOSABLE:!1};exports.ALERT_DEFAULTS=l;exports.ALERT_VARIANT_CLASSES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/cn.cjs");require("react");const a={filled:e=>r.cn("bear-text-white bear-alert-filled",e==="success"&&"bear-alert-filled-success",e==="info"&&"bear-alert-filled-info",e==="warning"&&"bear-alert-filled-warning",e==="error"&&"bear-alert-filled-error"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},l={SEVERITY:"info",VARIANT:"standard",SHOW_ICON:!0,CLOSABLE:!1};exports.ALERT_DEFAULTS=l;exports.ALERT_VARIANT_CLASSES=a;

package/dist/components/Alert/Alert.const.js

@@ -1,5 +1,6 @@
 import { cn as e } from "../../utils/cn.js";
-const l = {
+import "react";
+const t = {
   filled: (r) => e(
     "bear-text-white bear-alert-filled",
     r === "success" && "bear-alert-filled-success",
@@ -17,5 +18,5 @@ const l = {
 };
 export {
   n as ALERT_DEFAULTS,
-  l as ALERT_VARIANT_CLASSES
+  t as ALERT_VARIANT_CLASSES
 };

package/dist/components/AppBar/AppBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/cn.cjs"),g=({children:a,position:t="sticky",variant:b="default",color:r="primary",className:s,leftContent:i,rightContent:l,centerContent:c,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},p={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-pink-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"},x=n?"bear-shadow-md bear-border-b bear-border-gray-200/10":"";return e.jsx("header",{className:m.cn("Bear-AppBar","bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],o[b],p[r],x,s),style:{backgroundColor:r==="primary"?"var(--bear-primary-600)":void 0},children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:c}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:l})]})})};exports.AppBar=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/cn.cjs");require("react");const u=({children:a,position:t="sticky",variant:b="default",color:r="primary",className:s,leftContent:i,rightContent:l,centerContent:c,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},p={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-pink-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"},x=n?"bear-shadow-md bear-border-b bear-border-gray-200/10":"";return e.jsx("header",{className:m.cn("Bear-AppBar","bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],o[b],p[r],x,s),style:{backgroundColor:r==="primary"?"var(--bear-primary-600)":void 0},children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:c}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:l})]})})};exports.AppBar=u;

package/dist/components/AppBar/AppBar.js

@@ -1,6 +1,7 @@
 import { jsx as e, jsxs as f, Fragment as x } from "react/jsx-runtime";
 import { cn as g } from "../../utils/cn.js";
-const k = ({
+import "react";
+const u = ({
   children: a,
   position: t = "sticky",
   variant: b = "default",
@@ -49,5 +50,5 @@ const k = ({
   );
 };
 export {
-  k as AppBar
+  u as AppBar
 };

package/dist/components/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),e=require("./Badge.constants.cjs"),u=({variant:s="neutral",size:n="sm",pill:t=!1,dot:d=!1,className:l,children:o,testId:c,...i})=>a.jsxs("span",{className:r.cn("Bear-Badge","bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",e.sizeClasses[n],e.variantClasses[s],t?"Bear-Badge--pill bear-rounded-full":"bear-rounded-md",l),"data-testid":c,...i,children:[d&&a.jsx("span",{className:r.cn("Bear-Badge__dot",e.BADGE_DOT_SIZE_CLASSES,"bear-rounded-full",e.dotVariantColors[s])}),a.jsx("span",{className:"Bear-Badge__content",children:o})]});exports.Badge=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs");require("react");const e=require("./Badge.constants.cjs"),u=({variant:s="neutral",size:n="sm",pill:t=!1,dot:d=!1,className:l,children:o,testId:i,...c})=>a.jsxs("span",{className:r.cn("Bear-Badge","bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",e.sizeClasses[n],e.variantClasses[s],t?"Bear-Badge--pill bear-rounded-full":"bear-rounded-md",l),"data-testid":i,...c,children:[d&&a.jsx("span",{className:r.cn("Bear-Badge__dot",e.BADGE_DOT_SIZE_CLASSES,"bear-rounded-full",e.dotVariantColors[s])}),a.jsx("span",{className:"Bear-Badge__content",children:o})]});exports.Badge=u;

package/dist/components/Badge/Badge.js

@@ -1,13 +1,14 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { cn as r } from "../../utils/cn.js";
-import { dotVariantColors as B, BADGE_DOT_SIZE_CLASSES as f, variantClasses as p, sizeClasses as c } from "./Badge.constants.js";
-const g = ({
+import "react";
+import { dotVariantColors as p, BADGE_DOT_SIZE_CLASSES as B, variantClasses as f, sizeClasses as c } from "./Badge.constants.js";
+const x = ({
   variant: e = "neutral",
   size: s = "sm",
-  pill: d = !1,
-  dot: l = !1,
-  className: n,
-  children: t,
+  pill: t = !1,
+  dot: d = !1,
+  className: l,
+  children: n,
   testId: o,
   ...m
 }) => /* @__PURE__ */ i(
@@ -17,28 +18,28 @@ const g = ({
       "Bear-Badge",
       "bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",
       c[s],
-      p[e],
-      d ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
-      n
+      f[e],
+      t ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
+      l
     ),
     "data-testid": o,
     ...m,
     children: [
-      l && /* @__PURE__ */ a(
+      d && /* @__PURE__ */ a(
         "span",
         {
           className: r(
             "Bear-Badge__dot",
-            f,
+            B,
             "bear-rounded-full",
-            B[e]
+            p[e]
           )
         }
       ),
-      /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: t })
+      /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: n })
     ]
   }
 );
 export {
-  g as Badge
+  x as Badge
 };

package/dist/components/BearLogo/EmberLogo.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils/cn.cjs"),t=({size:r=48,className:o,animated:s=!1})=>e.jsxs("svg",{width:r,height:r,viewBox:"0 0 100 100",fill:"none",className:l.cn("bear-logo",s&&"bear-animate-bear-glow",o),children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"emberFlameGrad",x1:"50%",y1:"100%",x2:"50%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#ea580c"}),e.jsx("stop",{offset:"30%",stopColor:"#f97316"}),e.jsx("stop",{offset:"60%",stopColor:"#fb923c"}),e.jsx("stop",{offset:"100%",stopColor:"#fed7aa"})]}),e.jsxs("linearGradient",{id:"emberCoreGrad",x1:"50%",y1:"100%",x2:"50%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#f97316"}),e.jsx("stop",{offset:"50%",stopColor:"#fbbf24"}),e.jsx("stop",{offset:"100%",stopColor:"#fef3c7"})]}),e.jsxs("filter",{id:"emberGlow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{stdDeviation:"3",result:"coloredBlur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"coloredBlur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"#1a1a2e",stroke:"url(#emberFlameGrad)",strokeWidth:"2"}),e.jsx("path",{d:`M50 15
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils/cn.cjs");require("react");const t=({size:r=48,className:o,animated:s=!1})=>e.jsxs("svg",{width:r,height:r,viewBox:"0 0 100 100",fill:"none",className:l.cn("bear-logo",s&&"bear-animate-bear-glow",o),children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"emberFlameGrad",x1:"50%",y1:"100%",x2:"50%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#ea580c"}),e.jsx("stop",{offset:"30%",stopColor:"#f97316"}),e.jsx("stop",{offset:"60%",stopColor:"#fb923c"}),e.jsx("stop",{offset:"100%",stopColor:"#fed7aa"})]}),e.jsxs("linearGradient",{id:"emberCoreGrad",x1:"50%",y1:"100%",x2:"50%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#f97316"}),e.jsx("stop",{offset:"50%",stopColor:"#fbbf24"}),e.jsx("stop",{offset:"100%",stopColor:"#fef3c7"})]}),e.jsxs("filter",{id:"emberGlow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{stdDeviation:"3",result:"coloredBlur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"coloredBlur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"#1a1a2e",stroke:"url(#emberFlameGrad)",strokeWidth:"2"}),e.jsx("path",{d:`M50 15
            C35 30 25 45 25 60
            C25 75 35 85 50 85
            C65 85 75 75 75 60

package/dist/components/BearLogo/EmberLogo.js

@@ -1,6 +1,7 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn.js";
-const c = ({
+import "react";
+const n = ({
   size: o = 48,
   className: l,
   animated: f = !1
@@ -87,5 +88,5 @@ const c = ({
   }
 );
 export {
-  c as EmberLogo
+  n as EmberLogo
 };

package/dist/components/BottomNavigation/BottomNavigation.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs"),u=({items:s,value:i,onChange:t,showLabels:n="active",variant:l="default",className:c})=>{const d={default:"bear-bg-zinc-900 bear-border-t bear-border-zinc-800",elevated:"bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",transparent:"bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-zinc-800/50"},o=e=>n===!0||n==="always"?!0:n==="active"?e:!1;return r.jsx("nav",{className:b.cn("bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",d[l],c),children:s.map(e=>{const a=i===e.id;return r.jsxs("button",{onClick:()=>!e.disabled&&(t==null?void 0:t(e.id)),disabled:e.disabled,className:b.cn("bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",a?"bear-text-pink-400":"bear-text-zinc-500 hover:bear-text-zinc-300",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsxs("div",{className:"bear-relative",children:[r.jsx("span",{className:b.cn("bear-transition-transform",a&&"bear-scale-110"),children:e.icon}),e.badge!==void 0&&r.jsx("span",{className:"bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-pink-500 bear-text-white bear-rounded-full",children:e.badge})]}),o(a)&&r.jsx("span",{className:b.cn("bear-text-xs bear-mt-1 bear-transition-all",a?"bear-font-medium":""),children:e.label})]},e.id)})})};exports.BottomNavigation=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs");require("react");const u=({items:n,value:s,onChange:t,showLabels:i="active",variant:l="default",className:c})=>{const d={default:"bear-bg-zinc-900 bear-border-t bear-border-zinc-800",elevated:"bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",transparent:"bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-zinc-800/50"},o=e=>i===!0||i==="always"?!0:i==="active"?e:!1;return r.jsx("nav",{className:b.cn("bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",d[l],c),children:n.map(e=>{const a=s===e.id;return r.jsxs("button",{onClick:()=>!e.disabled&&(t==null?void 0:t(e.id)),disabled:e.disabled,className:b.cn("bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",a?"bear-text-pink-400":"bear-text-zinc-500 hover:bear-text-zinc-300",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsxs("div",{className:"bear-relative",children:[r.jsx("span",{className:b.cn("bear-transition-transform",a&&"bear-scale-110"),children:e.icon}),e.badge!==void 0&&r.jsx("span",{className:"bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-pink-500 bear-text-white bear-rounded-full",children:e.badge})]}),o(a)&&r.jsx("span",{className:b.cn("bear-text-xs bear-mt-1 bear-transition-all",a?"bear-font-medium":""),children:e.label})]},e.id)})})};exports.BottomNavigation=u;

package/dist/components/BottomNavigation/BottomNavigation.js

@@ -1,6 +1,7 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { cn as b } from "../../utils/cn.js";
-const p = ({
+import "react";
+const m = ({
   items: n,
   value: s,
   onChange: t,
@@ -45,5 +46,5 @@ const p = ({
   }) });
 };
 export {
-  p as BottomNavigation
+  m as BottomNavigation
 };

package/dist/components/Carousel/Carousel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),z=({children:M,autoPlay:l=0,showDots:I=!0,showArrows:T=!0,loop:c=!0,slidesToShow:n=1,gap:i=16,pauseOnHover:f=!0,onSlideChange:u,className:L,testId:$})=>{const[t,C]=s.useState(0),[x,m]=s.useState(!1),[y,E]=s.useState(null),[v,k]=s.useState(null),R=s.useRef(null),j=s.Children.toArray(M),d=j.length,o=Math.max(0,d-n);s.useEffect(()=>{if(l>0&&!x){const e=setInterval(()=>{g()},l);return()=>clearInterval(e)}},[l,x,t]);const h=e=>{let r=e;c?e<0?r=o:e>o&&(r=0):r=Math.max(0,Math.min(o,e)),C(r),u==null||u(r)},g=()=>h(t+1),w=()=>h(t-1),p=50,S=e=>{k(null),E(e.targetTouches[0].clientX)},q=e=>{k(e.targetTouches[0].clientX)},W=()=>{if(!y||!v)return;const e=y-v,r=e>p,X=e<-p;r?g():X&&w()},N=`calc((100% - ${i*(n-1)}px) / ${n})`;return a.jsxs("div",{ref:R,className:b.cn("bear-relative bear-overflow-hidden",L),onMouseEnter:()=>f&&m(!0),onMouseLeave:()=>f&&m(!1),onTouchStart:S,onTouchMove:q,onTouchEnd:W,"data-testid":$,children:[a.jsx("div",{className:"bear-flex bear-transition-transform bear-duration-500 bear-ease-out",style:{gap:`${i}px`,transform:`translateX(calc(-${t} * (${N} + ${i}px)))`},children:j.map((e,r)=>a.jsx("div",{className:"bear-shrink-0",style:{width:N},children:e},r))}),T&&d>n&&a.jsxs(a.Fragment,{children:[a.jsx("button",{onClick:w,disabled:!c&&t===0,className:b.cn("bear-absolute bear-left-2 bear-top-1/2 bear--translate-y-1/2","bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center","bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-white dark:hover:bear-bg-gray-700","bear-transition-all bear-z-10","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),children:a.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),a.jsx("button",{onClick:g,disabled:!c&&t===o,className:b.cn("bear-absolute bear-right-2 bear-top-1/2 bear--translate-y-1/2","bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center","bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-white dark:hover:bear-bg-gray-700","bear-transition-all bear-z-10","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),children:a.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),I&&d>n&&a.jsx("div",{className:"bear-flex bear-justify-center bear-gap-2 bear-mt-4",children:Array.from({length:o+1}).map((e,r)=>a.jsx("button",{onClick:()=>h(r),className:b.cn("bear-w-2.5 bear-h-2.5 bear-rounded-full bear-transition-all",r===t?"bear-bg-pink-500 bear-w-6":"bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500")},r))})]})};exports.Carousel=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),i=require("../../utils/cn.cjs"),o=require("./Carousel.const.cjs"),le=({children:z,autoPlay:y=0,showDots:B=!0,showArrows:P=!0,loop:m=!0,slidesToShow:u=1,gap:x=16,pauseOnHover:_=!0,onSlideChange:k,transition:p="slide",transitionDuration:d=o.DEFAULT_TRANSITION_DURATION,indicator:v="dots",thumbnails:E,thumbnailSize:S=o.DEFAULT_THUMBNAIL_SIZE,keyboard:w=!0,draggable:A=!0,showProgress:G=!1,showCounter:X=!1,activeColor:h=o.DEFAULT_ACTIVE_COLOR,className:Z,style:q,testId:F})=>{const[t,H]=s.useState(0),[M,R]=s.useState(!1),[$,K]=s.useState(null),[C,O]=s.useState(null),[L,U]=s.useState(!1),V=s.useRef(null),I=s.useRef(null),N=s.Children.toArray(z),f=N.length,l=Math.max(0,f-u),n=s.useCallback(a=>{if(L)return;let e=a;m?a<0?e=l:a>l&&(e=0):e=Math.max(0,Math.min(l,a)),U(!0),H(e),k==null||k(e),setTimeout(()=>U(!1),d)},[L,m,l,k,d]),b=s.useCallback(()=>n(t+1),[n,t]),c=s.useCallback(()=>n(t-1),[n,t]);s.useEffect(()=>{if(y>0&&!M)return I.current=setInterval(b,y),()=>{I.current&&clearInterval(I.current)}},[y,M,b]);const Y=s.useCallback(a=>{w&&(a.key==="ArrowLeft"?c():a.key==="ArrowRight"&&b())},[w,c,b]),J=a=>{O(null),K(a.targetTouches[0].clientX)},Q=a=>{O(a.targetTouches[0].clientX)},ee=()=>{if(!$||!C)return;const a=$-C;a>o.MIN_SWIPE_DISTANCE?b():a<-o.MIN_SWIPE_DISTANCE&&c()},[T,j]=s.useState(!1),[W,ae]=s.useState(0),re=s.useCallback(a=>{A&&(j(!0),ae(a.clientX))},[A]),te=s.useCallback(a=>{if(!T)return;j(!1);const e=W-a.clientX;e>o.MIN_SWIPE_DISTANCE?b():e<-o.MIN_SWIPE_DISTANCE&&c()},[T,W,b,c]),D=`calc((100% - ${x*(u-1)}px) / ${u})`,se=a=>{const e=a===t,g=`${d}ms`;switch(p){case"fade":return{position:"absolute",inset:0,opacity:e?1:0,transition:`opacity ${g} ease-in-out`,zIndex:e?1:0,pointerEvents:e?"auto":"none"};case"zoom":return{position:"absolute",inset:0,opacity:e?1:0,transform:e?"scale(1)":"scale(0.85)",transition:`opacity ${g} ease, transform ${g} ease`,zIndex:e?1:0,pointerEvents:e?"auto":"none"};case"flip":return{position:"absolute",inset:0,opacity:e?1:0,transform:e?"rotateY(0deg)":"rotateY(90deg)",transition:`opacity ${g} ease, transform ${g} ease`,zIndex:e?1:0,pointerEvents:e?"auto":"none",backfaceVisibility:"hidden"};case"slide":default:return{}}},oe=p==="fade"||p==="zoom"||p==="flip";return r.jsxs("div",{ref:V,className:i.cn("bear-relative bear-overflow-hidden bear-outline-none",Z),style:q,onMouseEnter:()=>_&&R(!0),onMouseLeave:()=>{_&&R(!1),T&&j(!1)},onTouchStart:J,onTouchMove:Q,onTouchEnd:ee,onMouseDown:re,onMouseUp:te,onKeyDown:Y,tabIndex:w?0:void 0,"data-testid":F,role:"region","aria-label":"Carousel","aria-roledescription":"carousel",children:[G&&y>0&&r.jsx("div",{className:"bear-absolute bear-top-0 bear-left-0 bear-right-0 bear-z-20",style:{height:o.PROGRESS_BAR_HEIGHT},children:r.jsx("div",{className:"bear-h-full bear-transition-all bear-ease-linear",style:{width:`${(t+1)/f*100}%`,background:h,transition:`width ${d}ms ease`}})}),oe?r.jsx("div",{className:"bear-relative",style:{minHeight:200},children:N.map((a,e)=>r.jsx("div",{style:se(e),children:a},e))}):r.jsx("div",{className:"bear-flex",style:{gap:`${x}px`,transform:`translateX(calc(-${t} * (${D} + ${x}px)))`,transition:`transform ${d}ms cubic-bezier(0.25, 0.1, 0.25, 1)`},children:N.map((a,e)=>r.jsx("div",{className:"bear-shrink-0",style:{width:D},children:a},e))}),P&&f>u&&r.jsxs(r.Fragment,{children:[r.jsx("button",{onClick:c,disabled:!m&&t===0,className:i.cn("bear-absolute bear-left-2 bear-top-1/2 bear--translate-y-1/2","bear-rounded-full bear-flex bear-items-center bear-justify-center","bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-white dark:hover:bear-bg-gray-700","bear-transition-all bear-z-10","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),style:{width:o.ARROW_BUTTON_SIZE,height:o.ARROW_BUTTON_SIZE},"aria-label":"Previous slide",children:r.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),r.jsx("button",{onClick:b,disabled:!m&&t===l,className:i.cn("bear-absolute bear-right-2 bear-top-1/2 bear--translate-y-1/2","bear-rounded-full bear-flex bear-items-center bear-justify-center","bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-white dark:hover:bear-bg-gray-700","bear-transition-all bear-z-10","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),style:{width:o.ARROW_BUTTON_SIZE,height:o.ARROW_BUTTON_SIZE},"aria-label":"Next slide",children:r.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),X&&r.jsxs("div",{className:"bear-absolute bear-top-3 bear-right-3 bear-z-10 bear-bg-black/50 bear-text-white bear-text-xs bear-font-medium bear-px-2.5 bear-py-1 bear-rounded-full",children:[t+1," / ",f]}),B&&v!=="none"&&f>u&&r.jsx("div",{className:"bear-flex bear-justify-center bear-gap-2 bear-mt-4",children:v==="thumbnails"&&E?E.map((a,e)=>r.jsx("button",{onClick:()=>n(e),className:i.cn("bear-rounded bear-overflow-hidden bear-border-2 bear-transition-all",e===t?"bear-opacity-100 bear-scale-110":"bear-opacity-60 hover:bear-opacity-80"),style:{width:S,height:S,borderColor:e===t?h:"transparent"},"aria-label":`Go to slide ${e+1}`,children:r.jsx("img",{src:a,alt:"",className:"bear-w-full bear-h-full bear-object-cover"})},e)):v==="numbers"?Array.from({length:l+1}).map((a,e)=>r.jsx("button",{onClick:()=>n(e),className:i.cn("bear-w-7 bear-h-7 bear-rounded-full bear-text-xs bear-font-medium bear-transition-all","bear-flex bear-items-center bear-justify-center",e===t?"bear-text-white bear-shadow-md":"bear-bg-gray-200 dark:bear-bg-gray-600 bear-text-gray-600 dark:bear-text-gray-300 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-500"),style:e===t?{background:h}:void 0,"aria-label":`Go to slide ${e+1}`,children:e+1},e)):v==="bars"?Array.from({length:l+1}).map((a,e)=>r.jsx("button",{onClick:()=>n(e),className:i.cn("bear-h-1 bear-rounded-full bear-transition-all",e===t?"bear-w-8":"bear-w-4 bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"),style:e===t?{background:h}:void 0,"aria-label":`Go to slide ${e+1}`},e)):Array.from({length:l+1}).map((a,e)=>r.jsx("button",{onClick:()=>n(e),className:i.cn("bear-h-2.5 bear-rounded-full bear-transition-all",e===t?"bear-w-6":"bear-w-2.5 bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"),style:e===t?{background:h}:void 0,"aria-label":`Go to slide ${e+1}`},e))})]})};exports.Carousel=le;

package/dist/components/Carousel/Carousel.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=500,_=50,I=48,A="var(--bear-primary-500)",E=40,R=3;exports.ARROW_BUTTON_SIZE=E;exports.DEFAULT_ACTIVE_COLOR=A;exports.DEFAULT_THUMBNAIL_SIZE=I;exports.DEFAULT_TRANSITION_DURATION=T;exports.MIN_SWIPE_DISTANCE=_;exports.PROGRESS_BAR_HEIGHT=R;

package/dist/components/Carousel/Carousel.const.d.ts

@@ -0,0 +1,12 @@
+/** Default transition duration in ms */
+export declare const DEFAULT_TRANSITION_DURATION = 500;
+/** Min swipe distance to trigger navigation (px) */
+export declare const MIN_SWIPE_DISTANCE = 50;
+/** Default thumbnail size (px) */
+export declare const DEFAULT_THUMBNAIL_SIZE = 48;
+/** Default active color */
+export declare const DEFAULT_ACTIVE_COLOR = "var(--bear-primary-500)";
+/** Arrow button size (px) */
+export declare const ARROW_BUTTON_SIZE = 40;
+/** Progress bar height (px) */
+export declare const PROGRESS_BAR_HEIGHT = 3;

package/dist/components/Carousel/Carousel.const.js

@@ -0,0 +1,9 @@
+const T = 500, _ = 50, I = 48, A = "var(--bear-primary-500)", E = 40, R = 3;
+export {
+  E as ARROW_BUTTON_SIZE,
+  A as DEFAULT_ACTIVE_COLOR,
+  I as DEFAULT_THUMBNAIL_SIZE,
+  T as DEFAULT_TRANSITION_DURATION,
+  _ as MIN_SWIPE_DISTANCE,
+  R as PROGRESS_BAR_HEIGHT
+};

package/dist/components/Carousel/Carousel.d.ts

@@ -1,14 +1,25 @@
 import { FC } from 'react';
 import { CarouselProps } from './Carousel.types';
 /**
- * Carousel - Sliding content carousel with touch support
+ * Carousel - Feature-rich sliding content carousel
+ *
+ * @description
+ * Supports slide, fade, zoom, and flip transitions, thumbnail indicators,
+ * keyboard navigation, drag/swipe, progress bar, and counter.
  *
  * @example
  * ```tsx
- * <Carousel autoPlay={5000} showDots showArrows>
+ * <Carousel
+ *   autoPlay={5000}
+ *   transition="fade"
+ *   indicator="thumbnails"
+ *   thumbnails={['/img1.jpg', '/img2.jpg']}
+ *   showArrows
+ *   showProgress
+ *   keyboard
+ * >
  *   <div>Slide 1</div>
  *   <div>Slide 2</div>
- *   <div>Slide 3</div>
  * </Carousel>
  * ```
  */

package/dist/components/Carousel/Carousel.js

@@ -1,122 +1,269 @@
-import { jsxs as j, jsx as a, Fragment as D } from "react/jsx-runtime";
-import { useState as o, useRef as F, Children as P, useEffect as _ } from "react";
+import { jsxs as M, jsx as t, Fragment as ce } from "react/jsx-runtime";
+import { useState as n, useRef as X, Children as de, useCallback as c, useEffect as ue } from "react";
 import { cn as b } from "../../utils/cn.js";
-const K = ({
-  children: I,
-  autoPlay: l = 0,
-  showDots: L = !0,
-  showArrows: T = !0,
-  loop: i = !0,
-  slidesToShow: n = 1,
-  gap: c = 16,
-  pauseOnHover: g = !0,
-  onSlideChange: d,
-  className: $,
-  testId: E
+import { DEFAULT_TRANSITION_DURATION as he, MIN_SWIPE_DISTANCE as w, PROGRESS_BAR_HEIGHT as fe, DEFAULT_ACTIVE_COLOR as ge, ARROW_BUTTON_SIZE as N, DEFAULT_THUMBNAIL_SIZE as me } from "./Carousel.const.js";
+const we = ({
+  children: F,
+  autoPlay: m = 0,
+  showDots: P = !0,
+  showArrows: H = !0,
+  loop: y = !0,
+  slidesToShow: d = 1,
+  gap: I = 16,
+  pauseOnHover: _ = !0,
+  onSlideChange: p,
+  transition: v = "slide",
+  transitionDuration: u = he,
+  indicator: k = "dots",
+  thumbnails: L,
+  thumbnailSize: R = me,
+  keyboard: T = !0,
+  draggable: j = !0,
+  showProgress: K = !1,
+  showCounter: V = !1,
+  activeColor: h = ge,
+  className: Y,
+  style: Z,
+  testId: q
 }) => {
-  const [t, C] = o(0), [m, k] = o(!1), [v, R] = o(null), [y, x] = o(null), W = F(null), p = P.toArray(I), u = p.length, s = Math.max(0, u - n);
-  _(() => {
-    if (l > 0 && !m) {
-      const e = setInterval(() => {
-        f();
-      }, l);
-      return () => clearInterval(e);
+  const [a, J] = n(0), [z, C] = n(!1), [U, Q] = n(null), [D, S] = n(null), [G, O] = n(!1), ee = X(null), $ = X(null), x = de.toArray(F), f = x.length, s = Math.max(0, f - d), o = c(
+    (r) => {
+      if (G) return;
+      let e = r;
+      y ? r < 0 ? e = s : r > s && (e = 0) : e = Math.max(0, Math.min(s, r)), O(!0), J(e), p == null || p(e), setTimeout(() => O(!1), u);
+    },
+    [G, y, s, p, u]
+  ), l = c(() => o(a + 1), [o, a]), i = c(() => o(a - 1), [o, a]);
+  ue(() => {
+    if (m > 0 && !z)
+      return $.current = setInterval(l, m), () => {
+        $.current && clearInterval($.current);
+      };
+  }, [m, z, l]);
+  const re = c(
+    (r) => {
+      T && (r.key === "ArrowLeft" ? i() : r.key === "ArrowRight" && l());
+    },
+    [T, i, l]
+  ), ae = (r) => {
+    S(null), Q(r.targetTouches[0].clientX);
+  }, te = (r) => {
+    S(r.targetTouches[0].clientX);
+  }, se = () => {
+    if (!U || !D) return;
+    const r = U - D;
+    r > w ? l() : r < -w && i();
+  }, [E, A] = n(!1), [B, oe] = n(0), le = c(
+    (r) => {
+      j && (A(!0), oe(r.clientX));
+    },
+    [j]
+  ), ne = c(
+    (r) => {
+      if (!E) return;
+      A(!1);
+      const e = B - r.clientX;
+      e > w ? l() : e < -w && i();
+    },
+    [E, B, l, i]
+  ), W = `calc((100% - ${I * (d - 1)}px) / ${d})`, be = (r) => {
+    const e = r === a, g = `${u}ms`;
+    switch (v) {
+      case "fade":
+        return {
+          position: "absolute",
+          inset: 0,
+          opacity: e ? 1 : 0,
+          transition: `opacity ${g} ease-in-out`,
+          zIndex: e ? 1 : 0,
+          pointerEvents: e ? "auto" : "none"
+        };
+      case "zoom":
+        return {
+          position: "absolute",
+          inset: 0,
+          opacity: e ? 1 : 0,
+          transform: e ? "scale(1)" : "scale(0.85)",
+          transition: `opacity ${g} ease, transform ${g} ease`,
+          zIndex: e ? 1 : 0,
+          pointerEvents: e ? "auto" : "none"
+        };
+      case "flip":
+        return {
+          position: "absolute",
+          inset: 0,
+          opacity: e ? 1 : 0,
+          transform: e ? "rotateY(0deg)" : "rotateY(90deg)",
+          transition: `opacity ${g} ease, transform ${g} ease`,
+          zIndex: e ? 1 : 0,
+          pointerEvents: e ? "auto" : "none",
+          backfaceVisibility: "hidden"
+        };
+      case "slide":
+      default:
+        return {};
     }
-  }, [l, m, t]);
-  const h = (e) => {
-    let r = e;
-    i ? e < 0 ? r = s : e > s && (r = 0) : r = Math.max(0, Math.min(s, e)), C(r), d == null || d(r);
-  }, f = () => h(t + 1), w = () => h(t - 1), N = 50, X = (e) => {
-    x(null), R(e.targetTouches[0].clientX);
-  }, z = (e) => {
-    x(e.targetTouches[0].clientX);
-  }, A = () => {
-    if (!v || !y) return;
-    const e = v - y, r = e > N, B = e < -N;
-    r ? f() : B && w();
-  }, M = `calc((100% - ${c * (n - 1)}px) / ${n})`;
-  return /* @__PURE__ */ j(
+  }, ie = v === "fade" || v === "zoom" || v === "flip";
+  return /* @__PURE__ */ M(
     "div",
     {
-      ref: W,
-      className: b("bear-relative bear-overflow-hidden", $),
-      onMouseEnter: () => g && k(!0),
-      onMouseLeave: () => g && k(!1),
-      onTouchStart: X,
-      onTouchMove: z,
-      onTouchEnd: A,
-      "data-testid": E,
+      ref: ee,
+      className: b("bear-relative bear-overflow-hidden bear-outline-none", Y),
+      style: Z,
+      onMouseEnter: () => _ && C(!0),
+      onMouseLeave: () => {
+        _ && C(!1), E && A(!1);
+      },
+      onTouchStart: ae,
+      onTouchMove: te,
+      onTouchEnd: se,
+      onMouseDown: le,
+      onMouseUp: ne,
+      onKeyDown: re,
+      tabIndex: T ? 0 : void 0,
+      "data-testid": q,
+      role: "region",
+      "aria-label": "Carousel",
+      "aria-roledescription": "carousel",
       children: [
-        /* @__PURE__ */ a(
+        K && m > 0 && /* @__PURE__ */ t(
           "div",
           {
-            className: "bear-flex bear-transition-transform bear-duration-500 bear-ease-out",
-            style: {
-              gap: `${c}px`,
-              transform: `translateX(calc(-${t} * (${M} + ${c}px)))`
-            },
-            children: p.map((e, r) => /* @__PURE__ */ a(
+            className: "bear-absolute bear-top-0 bear-left-0 bear-right-0 bear-z-20",
+            style: { height: fe },
+            children: /* @__PURE__ */ t(
               "div",
               {
-                className: "bear-shrink-0",
-                style: { width: M },
-                children: e
-              },
-              r
-            ))
+                className: "bear-h-full bear-transition-all bear-ease-linear",
+                style: {
+                  width: `${(a + 1) / f * 100}%`,
+                  background: h,
+                  transition: `width ${u}ms ease`
+                }
+              }
+            )
           }
         ),
-        T && u > n && /* @__PURE__ */ j(D, { children: [
-          /* @__PURE__ */ a(
+        ie ? /* @__PURE__ */ t("div", { className: "bear-relative", style: { minHeight: 200 }, children: x.map((r, e) => /* @__PURE__ */ t("div", { style: be(e), children: r }, e)) }) : /* @__PURE__ */ t(
+          "div",
+          {
+            className: "bear-flex",
+            style: {
+              gap: `${I}px`,
+              transform: `translateX(calc(-${a} * (${W} + ${I}px)))`,
+              transition: `transform ${u}ms cubic-bezier(0.25, 0.1, 0.25, 1)`
+            },
+            children: x.map((r, e) => /* @__PURE__ */ t("div", { className: "bear-shrink-0", style: { width: W }, children: r }, e))
+          }
+        ),
+        H && f > d && /* @__PURE__ */ M(ce, { children: [
+          /* @__PURE__ */ t(
             "button",
             {
-              onClick: w,
-              disabled: !i && t === 0,
+              onClick: i,
+              disabled: !y && a === 0,
               className: b(
                 "bear-absolute bear-left-2 bear-top-1/2 bear--translate-y-1/2",
-                "bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center",
+                "bear-rounded-full bear-flex bear-items-center bear-justify-center",
                 "bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg",
                 "bear-text-gray-700 dark:bear-text-gray-200",
                 "hover:bear-bg-white dark:hover:bear-bg-gray-700",
                 "bear-transition-all bear-z-10",
                 "disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"
               ),
-              children: /* @__PURE__ */ a("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+              style: { width: N, height: N },
+              "aria-label": "Previous slide",
+              children: /* @__PURE__ */ t("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "button",
             {
-              onClick: f,
-              disabled: !i && t === s,
+              onClick: l,
+              disabled: !y && a === s,
               className: b(
                 "bear-absolute bear-right-2 bear-top-1/2 bear--translate-y-1/2",
-                "bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center",
+                "bear-rounded-full bear-flex bear-items-center bear-justify-center",
                 "bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg",
                 "bear-text-gray-700 dark:bear-text-gray-200",
                 "hover:bear-bg-white dark:hover:bear-bg-gray-700",
                 "bear-transition-all bear-z-10",
                 "disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"
               ),
-              children: /* @__PURE__ */ a("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+              style: { width: N, height: N },
+              "aria-label": "Next slide",
+              children: /* @__PURE__ */ t("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
             }
           )
         ] }),
-        L && u > n && /* @__PURE__ */ a("div", { className: "bear-flex bear-justify-center bear-gap-2 bear-mt-4", children: Array.from({ length: s + 1 }).map((e, r) => /* @__PURE__ */ a(
+        V && /* @__PURE__ */ M("div", { className: "bear-absolute bear-top-3 bear-right-3 bear-z-10 bear-bg-black/50 bear-text-white bear-text-xs bear-font-medium bear-px-2.5 bear-py-1 bear-rounded-full", children: [
+          a + 1,
+          " / ",
+          f
+        ] }),
+        P && k !== "none" && f > d && /* @__PURE__ */ t("div", { className: "bear-flex bear-justify-center bear-gap-2 bear-mt-4", children: k === "thumbnails" && L ? L.map((r, e) => /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => h(r),
+            onClick: () => o(e),
             className: b(
-              "bear-w-2.5 bear-h-2.5 bear-rounded-full bear-transition-all",
-              r === t ? "bear-bg-pink-500 bear-w-6" : "bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
-            )
+              "bear-rounded bear-overflow-hidden bear-border-2 bear-transition-all",
+              e === a ? "bear-opacity-100 bear-scale-110" : "bear-opacity-60 hover:bear-opacity-80"
+            ),
+            style: {
+              width: R,
+              height: R,
+              borderColor: e === a ? h : "transparent"
+            },
+            "aria-label": `Go to slide ${e + 1}`,
+            children: /* @__PURE__ */ t("img", { src: r, alt: "", className: "bear-w-full bear-h-full bear-object-cover" })
           },
-          r
-        )) })
+          e
+        )) : k === "numbers" ? Array.from({ length: s + 1 }).map((r, e) => /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => o(e),
+            className: b(
+              "bear-w-7 bear-h-7 bear-rounded-full bear-text-xs bear-font-medium bear-transition-all",
+              "bear-flex bear-items-center bear-justify-center",
+              e === a ? "bear-text-white bear-shadow-md" : "bear-bg-gray-200 dark:bear-bg-gray-600 bear-text-gray-600 dark:bear-text-gray-300 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-500"
+            ),
+            style: e === a ? { background: h } : void 0,
+            "aria-label": `Go to slide ${e + 1}`,
+            children: e + 1
+          },
+          e
+        )) : k === "bars" ? Array.from({ length: s + 1 }).map((r, e) => /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => o(e),
+            className: b(
+              "bear-h-1 bear-rounded-full bear-transition-all",
+              e === a ? "bear-w-8" : "bear-w-4 bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
+            ),
+            style: e === a ? { background: h } : void 0,
+            "aria-label": `Go to slide ${e + 1}`
+          },
+          e
+        )) : (
+          /* Default dots */
+          Array.from({ length: s + 1 }).map((r, e) => /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => o(e),
+              className: b(
+                "bear-h-2.5 bear-rounded-full bear-transition-all",
+                e === a ? "bear-w-6" : "bear-w-2.5 bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
+              ),
+              style: e === a ? { background: h } : void 0,
+              "aria-label": `Go to slide ${e + 1}`
+            },
+            e
+          ))
+        ) })
       ]
     }
   );
 };
 export {
-  K as Carousel
+  we as Carousel
 };