@rebnd/ui 0.0.1

package/dist/ui.js

@@ -0,0 +1,2577 @@
+import { defineComponent as x, ref as C, h as p, nextTick as ne, isVNode as tt, computed as y, cloneVNode as Y, shallowRef as rt, watch as te, getCurrentScope as nt, onScopeDispose as ot, shallowReadonly as P, unref as at, provide as it, inject as st, resolveComponent as lt, withDirectives as ct, vShow as dt, onMounted as ut, onUnmounted as ft } from "vue";
+const mt = {
+  details: {
+    type: Array,
+    required: !0,
+    default: () => []
+  },
+  multiple: {
+    type: Boolean,
+    default: !1
+  }
+};
+function oe(e) {
+  return typeof e == "object" && e != null && !Array.isArray(e);
+}
+var pt = (e) => typeof e == "object" && e !== null;
+function Be(e) {
+  return Object.fromEntries(Object.entries(e ?? {}).filter(([t, r]) => r !== void 0));
+}
+var gt = (e) => e === "base";
+function bt(e) {
+  return e.slice().filter((t) => !gt(t));
+}
+function ye(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+}
+function ht(e) {
+  let t = "", r;
+  for (r = Math.abs(e); r > 52; r = r / 52 | 0)
+    t = ye(r % 52) + t;
+  return ye(r % 52) + t;
+}
+function yt(e, t) {
+  let r = t.length;
+  for (; r; )
+    e = e * 33 ^ t.charCodeAt(--r);
+  return e;
+}
+function vt(e) {
+  return ht(yt(5381, e) >>> 0);
+}
+var ze = /\s*!(important)?/i;
+function xt(e) {
+  return typeof e == "string" ? ze.test(e) : !1;
+}
+function wt(e) {
+  return typeof e == "string" ? e.replace(ze, "").trim() : e;
+}
+function Oe(e) {
+  return typeof e == "string" ? e.replaceAll(" ", "_") : e;
+}
+var U = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return (...n) => {
+    const o = JSON.stringify(n);
+    if (t.has(o))
+      return t.get(o);
+    const i = e(...n);
+    return t.set(o, i), i;
+  };
+};
+function se(...e) {
+  return e.reduce((t, r) => (r && Object.keys(r).forEach((n) => {
+    const o = t[n], i = r[n];
+    oe(o) && oe(i) ? t[n] = se(o, i) : t[n] = i;
+  }), t), {});
+}
+var kt = (e) => e != null;
+function De(e, t, r = {}) {
+  const { stop: n, getKey: o } = r;
+  function i(a, s = []) {
+    if (pt(a)) {
+      const l = {};
+      for (const [c, f] of Object.entries(a)) {
+        const d = (o == null ? void 0 : o(c, f)) ?? c, u = [...s, d];
+        if (n != null && n(a, u))
+          return t(a, s);
+        const m = i(f, u);
+        kt(m) && (l[d] = m);
+      }
+      return l;
+    }
+    return t(a, s);
+  }
+  return i(e);
+}
+function _t(e, t) {
+  return e.reduce(
+    (r, n, o) => {
+      const i = t[o];
+      return n != null && (r[i] = n), r;
+    },
+    {}
+  );
+}
+function Ve(e, t, r = !0) {
+  const { utility: n, conditions: o } = t, { hasShorthand: i, resolveShorthand: a } = n;
+  return De(
+    e,
+    (s) => Array.isArray(s) ? _t(s, o.breakpoints.keys) : s,
+    {
+      stop: (s) => Array.isArray(s),
+      getKey: r ? (s) => i ? a(s) : s : void 0
+    }
+  );
+}
+var Ct = {
+  shift: (e) => e,
+  finalize: (e) => e,
+  breakpoints: { keys: [] }
+}, St = (e) => typeof e == "string" ? e.replaceAll(/[\n\s]+/g, " ") : e;
+function Rt(e) {
+  const { utility: t, hash: r, conditions: n = Ct } = e, o = (a) => [t.prefix, a].filter(Boolean).join("-"), i = (a, s) => {
+    let l;
+    if (r) {
+      const c = [...n.finalize(a), s];
+      l = o(t.toHash(c, vt));
+    } else
+      l = [...n.finalize(a), o(s)].join(":");
+    return l;
+  };
+  return U(({ base: a, ...s } = {}) => {
+    const l = Object.assign(s, a), c = Ve(l, e), f = /* @__PURE__ */ new Set();
+    return De(c, (d, u) => {
+      if (d == null)
+        return;
+      const m = xt(d), [h, ...b] = n.shift(u), g = bt(b), k = t.transform(h, wt(St(d)));
+      let v = i(g, k.className);
+      m && (v = `${v}!`), f.add(v);
+    }), Array.from(f).join(" ");
+  });
+}
+function Tt(...e) {
+  return e.flat().filter((t) => oe(t) && Object.keys(Be(t)).length > 0);
+}
+function Et(e) {
+  function t(o) {
+    const i = Tt(...o);
+    return i.length === 1 ? i : i.map((a) => Ve(a, e));
+  }
+  function r(...o) {
+    return se(...t(o));
+  }
+  function n(...o) {
+    return Object.assign({}, ...t(o));
+  }
+  return { mergeCss: U(r), assignCss: n };
+}
+var At = /([A-Z])/g, Bt = /^ms-/, zt = U((e) => e.startsWith("--") ? e : e.replace(At, "-$1").replace(Bt, "-ms-").toLowerCase()), Ot = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
+`${Ot.split(",").join("|")}`;
+function Dt(e, ...t) {
+  const r = Object.getOwnPropertyDescriptors(e), n = Object.keys(r), o = (a) => {
+    const s = {};
+    for (let l = 0; l < a.length; l++) {
+      const c = a[l];
+      r[c] && (Object.defineProperty(s, c, r[c]), delete r[c]);
+    }
+    return s;
+  }, i = (a) => o(Array.isArray(a) ? a : n.filter(a));
+  return t.map(i).concat(o(n));
+}
+var Vt = (...e) => {
+  const t = e.reduce((r, n) => (n && n.forEach((o) => r.add(o)), r), /* @__PURE__ */ new Set([]));
+  return Array.from(t);
+};
+const Lt = "_light,_dark,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base", Le = new Set(Lt.split(",")), It = /^@|&|&$/;
+function ve(e) {
+  return Le.has(e) || It.test(e);
+}
+const Mt = /^_/, $t = /&|@/;
+function Nt(e) {
+  return e.map((t) => Le.has(t) ? t.replace(Mt, "") : $t.test(t) ? `[${Oe(t.trim())}]` : t);
+}
+function Pt(e) {
+  return e.sort((t, r) => {
+    const n = ve(t), o = ve(r);
+    return n && !o ? 1 : !n && o ? -1 : 0;
+  });
+}
+const Wt = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle", Ie = /* @__PURE__ */ new Map(), Me = /* @__PURE__ */ new Map();
+Wt.split(",").forEach((e) => {
+  const [t, r] = e.split(":"), [n, ...o] = r.split("/");
+  Ie.set(t, n), o.length && o.forEach((i) => {
+    Me.set(i === "1" ? n : i, t);
+  });
+});
+const xe = (e) => Me.get(e) || e, $e = {
+  conditions: {
+    shift: Pt,
+    finalize: Nt,
+    breakpoints: { keys: ["base", "sm", "md", "lg", "xl", "2xl"] }
+  },
+  utility: {
+    transform: (e, t) => {
+      const r = xe(e);
+      return { className: `${Ie.get(r) || zt(r)}_${Oe(t)}` };
+    },
+    hasShorthand: !0,
+    toHash: (e, t) => t(e.join(":")),
+    resolveShorthand: xe
+  }
+}, jt = Rt($e), w = (...e) => jt(I(...e));
+w.raw = (...e) => I(...e);
+const { mergeCss: I } = Et($e), we = (e) => ({
+  base: {},
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: [],
+  ...e
+});
+function G(e) {
+  const { base: t, variants: r, defaultVariants: n, compoundVariants: o } = we(e), i = (u) => ({ ...n, ...Be(u) });
+  function a(u = {}) {
+    var g;
+    const m = i(u);
+    let h = { ...t };
+    for (const [k, v] of Object.entries(m))
+      (g = r[k]) != null && g[v] && (h = I(h, r[k][v]));
+    const b = Ft(o, m);
+    return I(h, b);
+  }
+  function s(u) {
+    const m = we(u.config), h = Vt(u.variantKeys, Object.keys(r));
+    return G({
+      base: I(t, m.base),
+      variants: Object.fromEntries(
+        h.map((b) => [b, I(r[b], m.variants[b])])
+      ),
+      defaultVariants: se(n, m.defaultVariants),
+      compoundVariants: [...o, ...m.compoundVariants]
+    });
+  }
+  function l(u) {
+    return w(a(u));
+  }
+  const c = Object.keys(r);
+  function f(u) {
+    return Dt(u, c);
+  }
+  const d = Object.fromEntries(Object.entries(r).map(([u, m]) => [u, Object.keys(m)]));
+  return Object.assign(U(l), {
+    __cva__: !0,
+    variantMap: d,
+    variantKeys: c,
+    raw: a,
+    config: e,
+    merge: s,
+    splitVariantProps: f,
+    getVariantProps: i
+  });
+}
+function Ft(e, t) {
+  let r = {};
+  return e.forEach((n) => {
+    Object.entries(n).every(([i, a]) => i === "css" ? !0 : (Array.isArray(a) ? a : [a]).some((l) => t[i] === l)) && (r = I(r, n.css));
+  }), r;
+}
+const Ht = w({
+  cursor: "pointer",
+  minWidth: "320px",
+  border: "1px solid",
+  borderColor: {
+    base: "neutrals.800",
+    _dark: "neutrals.100"
+  },
+  "& details": {
+    fontWeight: "bold",
+    backgroundColor: {
+      base: {
+        base: "neutrals.100",
+        _hover: "neutrals.200"
+      },
+      _dark: {
+        base: "neutrals.900",
+        _hover: "neutrals.800"
+      }
+    },
+    "&[open]": {
+      "& > summary": {
+        _before: {
+          transform: "rotate(-45deg)",
+          transition: "transform 400ms cubic-bezier(0.4, 0, 0.2, 1)"
+        }
+      }
+    },
+    "& > summary": {
+      position: "relative",
+      display: "flex",
+      flexDirection: "row",
+      gap: ".5rem",
+      padding: "1rem",
+      alignItems: "center",
+      listStyle: "none",
+      "& i": {
+        fontSize: "0.75rem"
+      },
+      _before: {
+        content: "''",
+        position: "absolute",
+        top: "calc(50% - 5px)",
+        right: "16px",
+        width: "8px",
+        height: "8px",
+        backgroundColor: {
+          base: {
+            base: "neutrals.100"
+          },
+          _dark: {
+            base: "neutrals.900"
+          }
+        },
+        borderStyle: "solid",
+        borderWidth: "2px 2px 0 0",
+        display: "inline-block",
+        borderColor: {
+          base: "neutrals.800",
+          _dark: "neutrals.50"
+        },
+        transform: "rotate(135deg)",
+        transition: "transform 400ms cubic-bezier(0.4, 0, 0.2, 1)",
+        verticalAlign: "top"
+      }
+    },
+    "& p": {
+      padding: "1rem"
+    },
+    "&:not(:last-child)": {
+      borderBottom: "1px solid",
+      borderColor: {
+        base: "neutrals.800",
+        _dark: "neutrals.100"
+      }
+    }
+  }
+}), Xt = x({
+  name: "RebndAccordion",
+  props: mt,
+  setup(e) {
+    const t = C([]);
+    function r(o) {
+      o && o instanceof HTMLDetailsElement && t.value.push(o);
+    }
+    async function n(o, i) {
+      if (!(e.multiple || o.newState === "closed"))
+        for await (const a of t.value)
+          await ne(() => {
+            i !== a.id && (a.open = !1);
+          });
+    }
+    return () => p(
+      "div",
+      { class: Ht },
+      e.details.map(
+        (o) => p(
+          "details",
+          {
+            id: o.id,
+            ref: r,
+            key: o.id,
+            onToggle: (i) => n(i, o.id)
+          },
+          [
+            p("summary", [
+              o.icon && p("i", { class: o.icon }),
+              o.title
+            ]),
+            p("p", o.content)
+          ]
+        )
+      )
+    );
+  }
+}), le = /^(primary|secondary|info|success|warning|error)$/, Z = /^(xs|sm|md|lg|xl)$/, ce = /^(solid|ghost|outlined)$/, Yt = /^(?:ftp|http|https):\/\/|[./].*$/, Gt = {
+  color: {
+    type: String,
+    default: "primary",
+    validator: function(e) {
+      return le.test(e);
+    }
+  },
+  name: {
+    type: String,
+    default: "John Doe",
+    validator: function(e) {
+      if (e.split(/(?=[A-Z])/).length < 2)
+        throw new Error("name props expect a full name");
+      return !0;
+    }
+  },
+  src: {
+    type: String,
+    validator: function(e) {
+      return Yt.test(e);
+    }
+  },
+  size: {
+    type: String,
+    default: "md",
+    validator: function(e) {
+      return Z.test(e);
+    }
+  }
+}, ae = G({
+  base: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    color: "#fff",
+    backgroundColor: "primary",
+    borderRadius: "80px"
+  },
+  variants: {
+    color: {
+      error: {
+        backgroundColor: "error"
+      },
+      info: {
+        backgroundColor: "info"
+      },
+      primary: {
+        backgroundColor: "primary"
+      },
+      secondary: {
+        backgroundColor: "secondary"
+      },
+      success: {
+        backgroundColor: "success"
+      },
+      warning: {
+        backgroundColor: "warning"
+      }
+    },
+    size: {
+      xs: { width: "24px", height: "24px" },
+      sm: { width: "32px", height: "32px" },
+      md: { width: "40px", height: "40px" },
+      lg: { width: "48px", height: "48px" },
+      xl: { width: "56px", height: "56px" }
+    }
+  },
+  defaultVariants: {
+    color: "secondary",
+    size: "md"
+  }
+});
+function Zt(e, t) {
+  if (!t) return !0;
+  const r = t.split("").map((o) => o.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&")).join(".*?");
+  return new RegExp(r, "i").test(e);
+}
+function qt(e) {
+  return `${e.split(" ")[0][0]}${e.split(" ")[1][0]}`;
+}
+const Kt = x({
+  name: "RebndAvatar",
+  props: Gt,
+  setup(e) {
+    return () => e != null && e.src ? p("img", {
+      class: ae({ color: e == null ? void 0 : e.color, size: e == null ? void 0 : e.size }),
+      src: e == null ? void 0 : e.src,
+      alt: `${e.name} Avatar`
+    }) : p(
+      "div",
+      {
+        "aria-label": `${e.name} Avatar`,
+        class: ae({ size: e == null ? void 0 : e.size }),
+        role: "img",
+        style: `background-color:${e == null ? void 0 : e.color}`
+      },
+      p("span", null, qt(e.name))
+    );
+  }
+}), Ut = {
+  max: {
+    type: Number,
+    default: 6
+  },
+  size: {
+    type: String,
+    default: "md",
+    validator: function(e) {
+      return Z.test(e);
+    }
+  }
+}, Jt = w({
+  display: "flex",
+  flexDirection: "row"
+}), Qt = w({
+  boxSizing: "content-box",
+  borderRadius: "50%",
+  border: "4px solid",
+  borderColor: {
+    base: "neutrals.50",
+    _dark: "neutrals.950"
+  },
+  marginLeft: { base: "-8px", _first: "0px" }
+});
+function er(e) {
+  return w(ae.raw({ size: e }), {
+    fontSize: "1rem",
+    background: "neutrals.900",
+    alignSelf: "center",
+    marginLeft: "-8px"
+  });
+}
+class z extends Error {
+  constructor(t) {
+    super(`${t} cannot be used without any slot!`), this.name = "SlotError";
+  }
+}
+function Ne(e) {
+  var r, n;
+  return [
+    ...e.every((o) => rr(o)) && Array.isArray((r = e == null ? void 0 : e[0]) == null ? void 0 : r.children) ? (n = e == null ? void 0 : e[0]) == null ? void 0 : n.children.filter(tt) : e
+  ];
+}
+function tr(e) {
+  var t;
+  return typeof e.children == "string" ? e.children : Array.isArray(e.children) ? (t = e.children.find(
+    (n) => n && (n == null ? void 0 : n.type) === Symbol.for("v-txt")
+  )) == null ? void 0 : t.children : "";
+}
+function rr(e) {
+  return e.type === Symbol.for("v-fgt");
+}
+const nr = x({
+  name: "RebndAvatarGroup",
+  props: Ut,
+  setup(e, { slots: t }) {
+    const r = C([]), n = y(
+      () => r.value.filter((i, a) => a < (e == null ? void 0 : e.max))
+    ), o = y(
+      () => r.value.length - (e == null ? void 0 : e.max)
+    );
+    return () => {
+      if (!t.default) throw new z("RebndAvatarGroup");
+      const i = Ne(t.default());
+      return r.value = i.map(
+        (a) => Y(a, { class: Qt, size: e == null ? void 0 : e.size })
+      ), p("ul", { class: Jt }, [
+        n.value.length && n.value,
+        o.value > 0 && p(
+          "li",
+          { class: er(e == null ? void 0 : e.size) },
+          `+${o.value}`
+        )
+      ]);
+    };
+  }
+}), or = {
+  as: {
+    type: String,
+    default: "span"
+  },
+  color: {
+    type: String,
+    default: "primary",
+    validator: function(e) {
+      return le.test(e);
+    }
+  },
+  cx: {
+    type: String,
+    default: ""
+  },
+  rounded: {
+    type: String,
+    default: "none",
+    validator: function(e) {
+      return /^(none|xs|sm|md|lg|xl|full)$/.test(e);
+    }
+  },
+  size: {
+    type: String,
+    default: "md",
+    validator: function(e) {
+      return Z.test(e);
+    }
+  },
+  variant: {
+    type: String,
+    default: "solid",
+    validator: function(e) {
+      return ce.test(e);
+    }
+  }
+}, ar = G({
+  base: {
+    cursor: "pointer",
+    userSelect: "none",
+    width: "fit-content",
+    display: "flex",
+    flexDirection: "row",
+    gap: "4px",
+    alignItems: "center",
+    padding: ".5rem 1rem .5rem .5rem",
+    fontSize: ".625rem"
+  },
+  variants: {
+    color: {
+      info: {
+        backgroundColor: {
+          base: "info.lighter",
+          _dark: "info.darker"
+        },
+        color: { base: "info", _dark: "info.lighter" }
+      },
+      error: {
+        backgroundColor: { base: "error.lighter", _dark: "error.darker" },
+        color: { base: "error", _dark: "error.lighter" }
+      },
+      primary: {
+        backgroundColor: { base: "primary.lighter", _dark: "primary.darker" },
+        color: { base: "primary", _dark: "primary.lighter" }
+      },
+      secondary: {
+        backgroundColor: {
+          base: "secondary.lighter",
+          _dark: "secondary.darker"
+        },
+        color: { base: "secondary", _dark: "secondary.lighter" }
+      },
+      success: {
+        backgroundColor: { base: "success.lighter", _dark: "success.darker" },
+        color: { base: "success", _dark: "success.lighter" }
+      },
+      warning: {
+        backgroundColor: { base: "warning.lighter", _dark: "warning.darker" },
+        color: { base: "warning", _dark: "warning.lighter" }
+      }
+    },
+    rounded: {
+      none: {
+        borderRadius: "none"
+      },
+      xs: {
+        borderRadius: "xs"
+      },
+      sm: {
+        borderRadius: "sm"
+      },
+      md: {
+        borderRadius: "md"
+      },
+      lg: {
+        borderRadius: "lg"
+      },
+      xl: {
+        borderRadius: "xl"
+      },
+      full: {
+        borderRadius: "full"
+      }
+    },
+    size: {
+      xs: {
+        fontSize: "0.5rem"
+      },
+      sm: {
+        fontSize: "0.75rem"
+      },
+      md: {
+        fontSize: "0.875rem"
+      },
+      lg: {
+        fontSize: "1rem"
+      },
+      xl: {
+        fontSize: "1.25rem"
+      }
+    },
+    variant: {
+      solid: {
+        outline: "none"
+      },
+      ghost: {
+        backgroundColor: "transparent"
+      },
+      outlined: {
+        backgroundColor: "transparent",
+        outline: "1px solid transparent"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      color: "error",
+      variant: "outlined",
+      css: {
+        outlineColor: {
+          base: "error",
+          _dark: "error.darker"
+        }
+      }
+    },
+    {
+      color: "info",
+      variant: "outlined",
+      css: {
+        outlineColor: {
+          base: "info",
+          _dark: "info.darker"
+        }
+      }
+    },
+    {
+      color: "primary",
+      variant: "outlined",
+      css: {
+        outlineColor: {
+          base: "primary",
+          _dark: "primary.darker"
+        }
+      }
+    },
+    {
+      color: "secondary",
+      variant: "outlined",
+      css: {
+        outlineColor: {
+          base: "secondary",
+          _dark: "secondary.darker"
+        }
+      }
+    },
+    {
+      color: "success",
+      variant: "outlined",
+      css: {
+        outlineColor: {
+          base: "success",
+          _dark: "success.darker"
+        }
+      }
+    },
+    {
+      color: "warning",
+      variant: "outlined",
+      css: {
+        outlineColor: {
+          base: "warning",
+          _dark: "warning.darker"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    rounded: "none",
+    size: "md",
+    variant: "solid"
+  }
+}), ir = x({
+  name: "RebndBadge",
+  props: or,
+  setup({ as: e, color: t, cx: r, rounded: n, size: o, variant: i }, { slots: a }) {
+    return () => {
+      if (!a.default) throw new z("RebndBadge");
+      return p(
+        e,
+        {
+          class: [ar({ color: t, rounded: n, size: o, variant: i }), r]
+        },
+        a.default && a.default()
+      );
+    };
+  }
+}), sr = {
+  max: {
+    type: Number,
+    default: 3
+  },
+  separator: {
+    type: String,
+    default: "arrow"
+  }
+}, lr = w({
+  display: "flex",
+  flexDirection: "row",
+  gap: ".25rem",
+  alignItems: "center",
+  fontWeight: 600,
+  color: {
+    _dark: "neutral.100",
+    base: "neutral.800"
+  },
+  "& .breadcrumb_extra-links": {
+    paddingRight: "5rem"
+  },
+  "& a:not(:last-child)": {
+    color: {
+      _dark: "color-mix(in oklch, var(--colors-neutral-100), white 50%)",
+      base: "color-mix(in oklch, var(--colors-neutral-800), white 50%)"
+    },
+    _hover: {
+      color: {
+        _dark: "neutral.100",
+        base: "neutral.800"
+      }
+    }
+  }
+}), cr = {
+  fillColor: {
+    type: String,
+    default: "currentColor"
+  },
+  height: {
+    type: [Number, String],
+    default: "16"
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  width: {
+    type: [Number, String],
+    default: "16"
+  }
+}, dr = w({
+  display: "inline-block"
+});
+function Pe(e) {
+  return Object.keys(e).forEach((t) => {
+    const r = e[t];
+    r && typeof r == "object" && Pe(r);
+  }), Object.freeze(e);
+}
+const ke = Pe([
+  {
+    id: "arrow",
+    template: '<path d="M15.3998 9.88006L10.8098 5.29006C10.6224 5.10381 10.369 4.99927 10.1048 4.99927C9.84062 4.99927 9.58716 5.10381 9.3998 5.29006C9.30607 5.38302 9.23168 5.49362 9.18091 5.61548C9.13014 5.73734 9.104 5.86805 9.104 6.00006C9.104 6.13207 9.13014 6.26278 9.18091 6.38464C9.23168 6.5065 9.30607 6.6171 9.3998 6.71006L13.9998 11.2901C14.0935 11.383 14.1679 11.4936 14.2187 11.6155C14.2695 11.7373 14.2956 11.868 14.2956 12.0001C14.2956 12.1321 14.2695 12.2628 14.2187 12.3846C14.1679 12.5065 14.0935 12.6171 13.9998 12.7101L9.3998 17.2901C9.2115 17.477 9.10518 17.7312 9.10425 17.9965C9.10331 18.2619 9.20783 18.5168 9.3948 18.7051C9.58178 18.8934 9.8359 18.9997 10.1013 19.0006C10.3666 19.0016 10.6215 18.897 10.8098 18.7101L15.3998 14.1201C15.9616 13.5576 16.2772 12.7951 16.2772 12.0001C16.2772 11.2051 15.9616 10.4426 15.3998 9.88006V9.88006Z"></path>'
+  },
+  {
+    id: "bar",
+    template: '<path d="M11 4.66667L11 19.3333C11 19.7015 11.4477 20 12 20C12.5523 20 13 19.7015 13 19.3333L13 4.66667C13 4.29848 12.5523 4 12 4C11.4477 4 11 4.29848 11 4.66667Z"></path>'
+  },
+  {
+    id: "chevron-up-down",
+    template: '<path d="m7 15 5 5 5-5"></path><path d="m7 9 5-5 5 5"></path>'
+  },
+  {
+    id: "dash",
+    template: '<path d="M17 10.9998H7C6.44772 10.9998 6 11.4475 6 11.9998C6 12.552 6.44772 12.9998 7 12.9998H17C17.5523 12.9998 18 12.552 18 11.9998C18 11.4475 17.5523 10.9998 17 10.9998Z"></path>'
+  },
+  {
+    id: "dot",
+    template: '<circle cx="12" cy="12" r="4"></circle>'
+  },
+  {
+    id: "external",
+    template: '<path d="m24,3v7c0,.552-.447,1-1,1s-1-.448-1-1V3.414l-11.793,11.793c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.023,0-1.414L20.586,2h-6.586c-.553,0-1-.448-1-1s.447-1,1-1h7c1.654,0,3,1.346,3,3Zm-1,11c-.553,0-1,.448-1,1v4c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V5c0-1.654,1.346-3,3-3h4c.553,0,1-.448,1-1s-.447-1-1-1h-4C2.243,0,0,2.243,0,5v14c0,2.757,2.243,5,5,5h14c2.757,0,5-2.243,5-5v-4c0-.552-.447-1-1-1Z"/>'
+  },
+  {
+    id: "horizontal-dots",
+    template: `<path d="M2 14.0002C3.10457 14.0002 4 13.1048 4 12.0002C4 10.8957 3.10457 10.0002 2 10.0002C0.89543 10.0002 0 10.8957 0 12.0002C0 13.1048 0.89543 14.0002 2 14.0002Z" />
+<path d="M12.0001 14.0002C13.1047 14.0002 14.0001 13.1048 14.0001 12.0002C14.0001 10.8957 13.1047 10.0002 12.0001 10.0002C10.8956 10.0002 10.0001 10.8957 10.0001 12.0002C10.0001 13.1048 10.8956 14.0002 12.0001 14.0002Z" />
+<path d="M22 14.0002C23.1046 14.0002 24 13.1048 24 12.0002C24 10.8957 23.1046 10.0002 22 10.0002C20.8954 10.0002 20 10.8957 20 12.0002C20 13.1048 20.8954 14.0002 22 14.0002Z" />`
+  },
+  {
+    id: "not-found",
+    template: '<path xmlns="http://www.w3.org/2000/svg" d="m23.707,22.293l-5.963-5.963c1.412-1.725,2.262-3.927,2.262-6.324C20.006,4.492,15.52.006,10.006.006S.006,4.492.006,10.006s4.486,10,10,10c2.398,0,4.6-.85,6.324-2.262l5.963,5.963c.195.195.451.293.707.293s.512-.098.707-.293c.391-.391.391-1.023,0-1.414Zm-13.701-4.287c-4.411,0-8-3.589-8-8S5.595,2.006,10.006,2.006s8,3.589,8,8-3.589,8-8,8Zm3.701-10.299l-2.293,2.293,2.293,2.293c.391.391.391,1.023,0,1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-2.293-2.293-2.293,2.293c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.023,0-1.414l2.293-2.293-2.293-2.293c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l2.293,2.293,2.293-2.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z"/>'
+  },
+  {
+    id: "search",
+    template: '<path d="M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z"/>'
+  },
+  {
+    id: "slash",
+    template: '<path d="M13.634 7.16964L8.63397 15.8299C8.35783 16.3082 8.52171 16.9198 9 17.1959C9.4783 17.4721 10.0899 17.3082 10.366 16.8299L15.366 8.16965C15.6422 7.69136 15.4783 7.07976 15 6.80362C14.5217 6.52748 13.9101 6.69135 13.634 7.16964Z"></path>'
+  },
+  {
+    id: "underscore",
+    template: '<path d="M17 18H7C6.44772 18 6 18.4477 6 19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19C18 18.4477 17.5523 18 17 18Z"></path>'
+  }
+]), M = x({
+  name: "RebndIcon",
+  props: cr,
+  setup(e) {
+    const t = y(
+      () => ke.find((r) => r.id === e.name) || ke[0]
+    );
+    return () => p(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        width: e.width,
+        height: e.height,
+        "aria-hidden": !0,
+        "aria-labelledby": e.name,
+        role: "img",
+        class: dr
+      },
+      p("g", { fill: e.fillColor, innerHTML: t.value.template })
+    );
+  }
+}), ur = {
+  mode: {
+    type: String,
+    default: "click"
+  },
+  offset: {
+    type: Number,
+    default: 10
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  placement: {
+    type: String,
+    default: "bottom-start"
+  }
+}, fr = w({
+  position: "relative",
+  "& button span": {
+    srOnly: !0
+  },
+  "& ul": {
+    minWidth: "max-content",
+    width: "100%",
+    border: "1px solid",
+    borderColor: {
+      _dark: "#15171E",
+      base: "neutral.100"
+    },
+    borderRadius: "4px",
+    backgroundColor: {
+      _dark: "neutral.950",
+      base: "#fff"
+    }
+  },
+  "& li": {
+    cursor: "pointer",
+    "&:not(.combobox__input-search)": {
+      padding: ".5rem"
+    },
+    "&:nth-of-type(even)": {
+      background: {
+        _dark: "#0f1015",
+        base: "neutral.50"
+      }
+    },
+    _hover: {
+      backgroundColor: {
+        _dark: "#15171E",
+        base: "neutral.200"
+      }
+    }
+  }
+}), _e = Math.min, H = Math.max, K = Math.round, A = (e) => ({
+  x: e,
+  y: e
+});
+function mr(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function de(e) {
+  return e.split("-")[0];
+}
+function We(e) {
+  return e.split("-")[1];
+}
+function pr(e) {
+  return e === "x" ? "y" : "x";
+}
+function gr(e) {
+  return e === "y" ? "height" : "width";
+}
+function ue(e) {
+  return ["top", "bottom"].includes(de(e)) ? "y" : "x";
+}
+function br(e) {
+  return pr(ue(e));
+}
+function je(e) {
+  const {
+    x: t,
+    y: r,
+    width: n,
+    height: o
+  } = e;
+  return {
+    width: n,
+    height: o,
+    top: r,
+    left: t,
+    right: t + n,
+    bottom: r + o,
+    x: t,
+    y: r
+  };
+}
+function Ce(e, t, r) {
+  let {
+    reference: n,
+    floating: o
+  } = e;
+  const i = ue(t), a = br(t), s = gr(a), l = de(t), c = i === "y", f = n.x + n.width / 2 - o.width / 2, d = n.y + n.height / 2 - o.height / 2, u = n[s] / 2 - o[s] / 2;
+  let m;
+  switch (l) {
+    case "top":
+      m = {
+        x: f,
+        y: n.y - o.height
+      };
+      break;
+    case "bottom":
+      m = {
+        x: f,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      m = {
+        x: n.x + n.width,
+        y: d
+      };
+      break;
+    case "left":
+      m = {
+        x: n.x - o.width,
+        y: d
+      };
+      break;
+    default:
+      m = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (We(t)) {
+    case "start":
+      m[a] -= u * (r && c ? -1 : 1);
+      break;
+    case "end":
+      m[a] += u * (r && c ? -1 : 1);
+      break;
+  }
+  return m;
+}
+const hr = async (e, t, r) => {
+  const {
+    placement: n = "bottom",
+    strategy: o = "absolute",
+    middleware: i = [],
+    platform: a
+  } = r, s = i.filter(Boolean), l = await (a.isRTL == null ? void 0 : a.isRTL(t));
+  let c = await a.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: o
+  }), {
+    x: f,
+    y: d
+  } = Ce(c, n, l), u = n, m = {}, h = 0;
+  for (let b = 0; b < s.length; b++) {
+    const {
+      name: g,
+      fn: k
+    } = s[b], {
+      x: v,
+      y: R,
+      data: N,
+      reset: O
+    } = await k({
+      x: f,
+      y: d,
+      initialPlacement: n,
+      placement: u,
+      strategy: o,
+      middlewareData: m,
+      rects: c,
+      platform: a,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    f = v ?? f, d = R ?? d, m = {
+      ...m,
+      [g]: {
+        ...m[g],
+        ...N
+      }
+    }, O && h <= 50 && (h++, typeof O == "object" && (O.placement && (u = O.placement), O.rects && (c = O.rects === !0 ? await a.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: o
+    }) : O.rects), {
+      x: f,
+      y: d
+    } = Ce(c, u, l)), b = -1);
+  }
+  return {
+    x: f,
+    y: d,
+    placement: u,
+    strategy: o,
+    middlewareData: m
+  };
+};
+async function yr(e, t) {
+  const {
+    placement: r,
+    platform: n,
+    elements: o
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(o.floating)), a = de(r), s = We(r), l = ue(r) === "y", c = ["left", "top"].includes(a) ? -1 : 1, f = i && l ? -1 : 1, d = mr(t, e);
+  let {
+    mainAxis: u,
+    crossAxis: m,
+    alignmentAxis: h
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return s && typeof h == "number" && (m = s === "end" ? h * -1 : h), l ? {
+    x: m * f,
+    y: u * c
+  } : {
+    x: u * c,
+    y: m * f
+  };
+}
+const vr = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var r, n;
+      const {
+        x: o,
+        y: i,
+        placement: a,
+        middlewareData: s
+      } = t, l = await yr(t, e);
+      return a === ((r = s.offset) == null ? void 0 : r.placement) && (n = s.arrow) != null && n.alignmentOffset ? {} : {
+        x: o + l.x,
+        y: i + l.y,
+        data: {
+          ...l,
+          placement: a
+        }
+      };
+    }
+  };
+};
+function J() {
+  return typeof window < "u";
+}
+function $(e) {
+  return fe(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function S(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function D(e) {
+  var t;
+  return (t = (fe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function fe(e) {
+  return J() ? e instanceof Node || e instanceof S(e).Node : !1;
+}
+function T(e) {
+  return J() ? e instanceof Element || e instanceof S(e).Element : !1;
+}
+function B(e) {
+  return J() ? e instanceof HTMLElement || e instanceof S(e).HTMLElement : !1;
+}
+function Se(e) {
+  return !J() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof S(e).ShadowRoot;
+}
+function q(e) {
+  const {
+    overflow: t,
+    overflowX: r,
+    overflowY: n,
+    display: o
+  } = E(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + r) && !["inline", "contents"].includes(o);
+}
+function xr(e) {
+  return ["table", "td", "th"].includes($(e));
+}
+function Q(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function me(e) {
+  const t = pe(), r = T(e) ? E(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => r[n] ? r[n] !== "none" : !1) || (r.containerType ? r.containerType !== "normal" : !1) || !t && (r.backdropFilter ? r.backdropFilter !== "none" : !1) || !t && (r.filter ? r.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (r.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (r.contain || "").includes(n));
+}
+function wr(e) {
+  let t = L(e);
+  for (; B(t) && !j(t); ) {
+    if (me(t))
+      return t;
+    if (Q(t))
+      return null;
+    t = L(t);
+  }
+  return null;
+}
+function pe() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function j(e) {
+  return ["html", "body", "#document"].includes($(e));
+}
+function E(e) {
+  return S(e).getComputedStyle(e);
+}
+function ee(e) {
+  return T(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function L(e) {
+  if ($(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Se(e) && e.host || // Fallback.
+    D(e)
+  );
+  return Se(t) ? t.host : t;
+}
+function Fe(e) {
+  const t = L(e);
+  return j(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : B(t) && q(t) ? t : Fe(t);
+}
+function He(e, t, r) {
+  var n;
+  t === void 0 && (t = []);
+  const o = Fe(e), i = o === ((n = e.ownerDocument) == null ? void 0 : n.body), a = S(o);
+  return i ? (ie(a), t.concat(a, a.visualViewport || [], q(o) ? o : [], [])) : t.concat(o, He(o, []));
+}
+function ie(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function Xe(e) {
+  const t = E(e);
+  let r = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
+  const o = B(e), i = o ? e.offsetWidth : r, a = o ? e.offsetHeight : n, s = K(r) !== i || K(n) !== a;
+  return s && (r = i, n = a), {
+    width: r,
+    height: n,
+    $: s
+  };
+}
+function Ye(e) {
+  return T(e) ? e : e.contextElement;
+}
+function W(e) {
+  const t = Ye(e);
+  if (!B(t))
+    return A(1);
+  const r = t.getBoundingClientRect(), {
+    width: n,
+    height: o,
+    $: i
+  } = Xe(t);
+  let a = (i ? K(r.width) : r.width) / n, s = (i ? K(r.height) : r.height) / o;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+    x: a,
+    y: s
+  };
+}
+const kr = /* @__PURE__ */ A(0);
+function Ge(e) {
+  const t = S(e);
+  return !pe() || !t.visualViewport ? kr : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function _r(e, t, r) {
+  return t === void 0 && (t = !1), !r || t && r !== S(e) ? !1 : t;
+}
+function X(e, t, r, n) {
+  t === void 0 && (t = !1), r === void 0 && (r = !1);
+  const o = e.getBoundingClientRect(), i = Ye(e);
+  let a = A(1);
+  t && (n ? T(n) && (a = W(n)) : a = W(e));
+  const s = _r(i, r, n) ? Ge(i) : A(0);
+  let l = (o.left + s.x) / a.x, c = (o.top + s.y) / a.y, f = o.width / a.x, d = o.height / a.y;
+  if (i) {
+    const u = S(i), m = n && T(n) ? S(n) : n;
+    let h = u, b = ie(h);
+    for (; b && n && m !== h; ) {
+      const g = W(b), k = b.getBoundingClientRect(), v = E(b), R = k.left + (b.clientLeft + parseFloat(v.paddingLeft)) * g.x, N = k.top + (b.clientTop + parseFloat(v.paddingTop)) * g.y;
+      l *= g.x, c *= g.y, f *= g.x, d *= g.y, l += R, c += N, h = S(b), b = ie(h);
+    }
+  }
+  return je({
+    width: f,
+    height: d,
+    x: l,
+    y: c
+  });
+}
+function ge(e, t) {
+  const r = ee(e).scrollLeft;
+  return t ? t.left + r : X(D(e)).left + r;
+}
+function Ze(e, t, r) {
+  r === void 0 && (r = !1);
+  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - (r ? 0 : (
+    // RTL <body> scrollbar.
+    ge(e, n)
+  )), i = n.top + t.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function Cr(e) {
+  let {
+    elements: t,
+    rect: r,
+    offsetParent: n,
+    strategy: o
+  } = e;
+  const i = o === "fixed", a = D(n), s = t ? Q(t.floating) : !1;
+  if (n === a || s && i)
+    return r;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = A(1);
+  const f = A(0), d = B(n);
+  if ((d || !d && !i) && (($(n) !== "body" || q(a)) && (l = ee(n)), B(n))) {
+    const m = X(n);
+    c = W(n), f.x = m.x + n.clientLeft, f.y = m.y + n.clientTop;
+  }
+  const u = a && !d && !i ? Ze(a, l, !0) : A(0);
+  return {
+    width: r.width * c.x,
+    height: r.height * c.y,
+    x: r.x * c.x - l.scrollLeft * c.x + f.x + u.x,
+    y: r.y * c.y - l.scrollTop * c.y + f.y + u.y
+  };
+}
+function Sr(e) {
+  return Array.from(e.getClientRects());
+}
+function Rr(e) {
+  const t = D(e), r = ee(e), n = e.ownerDocument.body, o = H(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = H(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  let a = -r.scrollLeft + ge(e);
+  const s = -r.scrollTop;
+  return E(n).direction === "rtl" && (a += H(t.clientWidth, n.clientWidth) - o), {
+    width: o,
+    height: i,
+    x: a,
+    y: s
+  };
+}
+function Tr(e, t) {
+  const r = S(e), n = D(e), o = r.visualViewport;
+  let i = n.clientWidth, a = n.clientHeight, s = 0, l = 0;
+  if (o) {
+    i = o.width, a = o.height;
+    const c = pe();
+    (!c || c && t === "fixed") && (s = o.offsetLeft, l = o.offsetTop);
+  }
+  return {
+    width: i,
+    height: a,
+    x: s,
+    y: l
+  };
+}
+function Er(e, t) {
+  const r = X(e, !0, t === "fixed"), n = r.top + e.clientTop, o = r.left + e.clientLeft, i = B(e) ? W(e) : A(1), a = e.clientWidth * i.x, s = e.clientHeight * i.y, l = o * i.x, c = n * i.y;
+  return {
+    width: a,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+function Re(e, t, r) {
+  let n;
+  if (t === "viewport")
+    n = Tr(e, r);
+  else if (t === "document")
+    n = Rr(D(e));
+  else if (T(t))
+    n = Er(t, r);
+  else {
+    const o = Ge(e);
+    n = {
+      x: t.x - o.x,
+      y: t.y - o.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return je(n);
+}
+function qe(e, t) {
+  const r = L(e);
+  return r === t || !T(r) || j(r) ? !1 : E(r).position === "fixed" || qe(r, t);
+}
+function Ar(e, t) {
+  const r = t.get(e);
+  if (r)
+    return r;
+  let n = He(e, []).filter((s) => T(s) && $(s) !== "body"), o = null;
+  const i = E(e).position === "fixed";
+  let a = i ? L(e) : e;
+  for (; T(a) && !j(a); ) {
+    const s = E(a), l = me(a);
+    !l && s.position === "fixed" && (o = null), (i ? !l && !o : !l && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || q(a) && !l && qe(e, a)) ? n = n.filter((f) => f !== a) : o = s, a = L(a);
+  }
+  return t.set(e, n), n;
+}
+function Br(e) {
+  let {
+    element: t,
+    boundary: r,
+    rootBoundary: n,
+    strategy: o
+  } = e;
+  const a = [...r === "clippingAncestors" ? Q(t) ? [] : Ar(t, this._c) : [].concat(r), n], s = a[0], l = a.reduce((c, f) => {
+    const d = Re(t, f, o);
+    return c.top = H(d.top, c.top), c.right = _e(d.right, c.right), c.bottom = _e(d.bottom, c.bottom), c.left = H(d.left, c.left), c;
+  }, Re(t, s, o));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function zr(e) {
+  const {
+    width: t,
+    height: r
+  } = Xe(e);
+  return {
+    width: t,
+    height: r
+  };
+}
+function Or(e, t, r) {
+  const n = B(t), o = D(t), i = r === "fixed", a = X(e, !0, i, t);
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = A(0);
+  if (n || !n && !i)
+    if (($(t) !== "body" || q(o)) && (s = ee(t)), n) {
+      const u = X(t, !0, i, t);
+      l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
+    } else o && (l.x = ge(o));
+  const c = o && !n && !i ? Ze(o, s) : A(0), f = a.left + s.scrollLeft - l.x - c.x, d = a.top + s.scrollTop - l.y - c.y;
+  return {
+    x: f,
+    y: d,
+    width: a.width,
+    height: a.height
+  };
+}
+function re(e) {
+  return E(e).position === "static";
+}
+function Te(e, t) {
+  if (!B(e) || E(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let r = e.offsetParent;
+  return D(e) === r && (r = r.ownerDocument.body), r;
+}
+function Ke(e, t) {
+  const r = S(e);
+  if (Q(e))
+    return r;
+  if (!B(e)) {
+    let o = L(e);
+    for (; o && !j(o); ) {
+      if (T(o) && !re(o))
+        return o;
+      o = L(o);
+    }
+    return r;
+  }
+  let n = Te(e, t);
+  for (; n && xr(n) && re(n); )
+    n = Te(n, t);
+  return n && j(n) && re(n) && !me(n) ? r : n || wr(e) || r;
+}
+const Dr = async function(e) {
+  const t = this.getOffsetParent || Ke, r = this.getDimensions, n = await r(e.floating);
+  return {
+    reference: Or(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Vr(e) {
+  return E(e).direction === "rtl";
+}
+const Lr = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Cr,
+  getDocumentElement: D,
+  getClippingRect: Br,
+  getOffsetParent: Ke,
+  getElementRects: Dr,
+  getClientRects: Sr,
+  getDimensions: zr,
+  getScale: W,
+  isElement: T,
+  isRTL: Vr
+}, Ir = vr, Mr = (e, t, r) => {
+  const n = /* @__PURE__ */ new Map(), o = {
+    platform: Lr,
+    ...r
+  }, i = {
+    ...o.platform,
+    _c: n
+  };
+  return hr(e, t, {
+    ...o,
+    platform: i
+  });
+};
+function $r(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function Ee(e) {
+  if ($r(e)) {
+    const t = e.$el;
+    return fe(t) && $(t) === "#comment" ? null : t;
+  }
+  return e;
+}
+function F(e) {
+  return typeof e == "function" ? e() : at(e);
+}
+function Ue(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Ae(e, t) {
+  const r = Ue(e);
+  return Math.round(t * r) / r;
+}
+function Nr(e, t, r) {
+  r === void 0 && (r = {});
+  const n = r.whileElementsMounted, o = y(() => {
+    var _;
+    return (_ = F(r.open)) != null ? _ : !0;
+  }), i = y(() => F(r.middleware)), a = y(() => {
+    var _;
+    return (_ = F(r.placement)) != null ? _ : "bottom";
+  }), s = y(() => {
+    var _;
+    return (_ = F(r.strategy)) != null ? _ : "absolute";
+  }), l = y(() => {
+    var _;
+    return (_ = F(r.transform)) != null ? _ : !0;
+  }), c = y(() => Ee(e.value)), f = y(() => Ee(t.value)), d = C(0), u = C(0), m = C(s.value), h = C(a.value), b = rt({}), g = C(!1), k = y(() => {
+    const _ = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!f.value)
+      return _;
+    const V = Ae(f.value, d.value), he = Ae(f.value, u.value);
+    return l.value ? {
+      ..._,
+      transform: "translate(" + V + "px, " + he + "px)",
+      ...Ue(f.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: V + "px",
+      top: he + "px"
+    };
+  });
+  let v;
+  function R() {
+    if (c.value == null || f.value == null)
+      return;
+    const _ = o.value;
+    Mr(c.value, f.value, {
+      middleware: i.value,
+      placement: a.value,
+      strategy: s.value
+    }).then((V) => {
+      d.value = V.x, u.value = V.y, m.value = V.strategy, h.value = V.placement, b.value = V.middlewareData, g.value = _ !== !1;
+    });
+  }
+  function N() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function O() {
+    if (N(), n === void 0) {
+      R();
+      return;
+    }
+    if (c.value != null && f.value != null) {
+      v = n(c.value, f.value, R);
+      return;
+    }
+  }
+  function et() {
+    o.value || (g.value = !1);
+  }
+  return te([i, a, s, o], R, {
+    flush: "sync"
+  }), te([c, f], O, {
+    flush: "sync"
+  }), te(o, et, {
+    flush: "sync"
+  }), nt() && ot(N), {
+    x: P(d),
+    y: P(u),
+    strategy: P(m),
+    placement: P(h),
+    middlewareData: P(b),
+    isPositioned: P(g),
+    floatingStyles: k,
+    update: R
+  };
+}
+const be = x({
+  name: "RebndDropdown",
+  props: ur,
+  setup(e, { slots: t }) {
+    const r = C(null), n = C(null), o = C(!1), { floatingStyles: i } = Nr(r, n, {
+      placement: e.placement,
+      middleware: [Ir(e.offset)]
+    });
+    function a() {
+      e.mode === "click" && (o.value = !o.value);
+    }
+    function s(d) {
+      d(), f();
+    }
+    function l() {
+      e.mode === "hover" && (o.value = !0);
+    }
+    function c() {
+      e.mode === "hover" && f();
+    }
+    function f() {
+      o.value = !1;
+    }
+    return () => {
+      if (!t.default || !t.dropdown)
+        throw new z("RebndDropdown");
+      return p(
+        "div",
+        {
+          class: fr,
+          onMouseenter: l,
+          onMouseleave: c
+        },
+        [
+          t.default && t.default({ isOpen: o.value }).map(
+            (d) => Y(d, {
+              ref: r,
+              onClick: a,
+              class: "dropdown__input",
+              "aria-expanded": o.value,
+              "aria-haspopup": "listbox"
+            })
+          ),
+          o.value && p(
+            "ul",
+            {
+              ref: n,
+              style: i.value,
+              role: "listbox"
+            },
+            t.dropdown && t.dropdown({ onDropDownAction: s })
+          )
+        ]
+      );
+    };
+  }
+}), Pr = G({
+  base: {
+    cursor: "pointer",
+    paddingBlock: "0.5rem",
+    borderRadius: "0.25rem",
+    color: {
+      base: "neutrals.50",
+      _dark: "neutrals.950"
+    },
+    fontWeight: "600",
+    outline: {
+      base: "1px solid",
+      _focus: "2px solid"
+    }
+  },
+  variants: {
+    color: {
+      error: {
+        backgroundColor: { base: "error", _hover: "error.darker" },
+        outlineColor: { _focus: "error.darker" }
+      },
+      info: {
+        backgroundColor: { base: "info", _hover: "info.darker" },
+        outlineColor: { _focus: "info.darker" }
+      },
+      primary: {
+        backgroundColor: { base: "primary", _hover: "primary.darker" },
+        outlineColor: { _focus: "primary.darker" }
+      },
+      secondary: {
+        backgroundColor: {
+          base: "secondary",
+          _hover: "secondary.darker"
+        },
+        outlineColor: { _focus: "secondary.darker" }
+      },
+      success: {
+        backgroundColor: { base: "success", _hover: "success.darker" },
+        outlineColor: { _focus: "success.darker" }
+      },
+      warning: {
+        backgroundColor: { base: "warning", _hover: "warning.darker" },
+        outlineColor: { _focus: "warning.darker" }
+      }
+    },
+    size: {
+      xs: {
+        fontSize: "0.625rem",
+        paddingInline: "0.75rem",
+        paddingBlock: "0.375rem"
+      },
+      sm: {
+        fontSize: "0.875rem",
+        paddingInline: "1rem"
+      },
+      md: {
+        fontSize: "1rem",
+        paddingInline: "1.25rem"
+      },
+      lg: {
+        fontSize: "1.125rem",
+        paddingInline: "1.75rem"
+      },
+      xl: {
+        fontSize: "1.25rem",
+        paddingInline: "2rem"
+      }
+    },
+    variant: {
+      solid: {
+        outline: { base: "none" }
+      },
+      ghost: {
+        backgroundColor: { base: "transparent" },
+        outline: { base: "none" }
+      },
+      outlined: {
+        backgroundColor: { base: "transparent" }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      color: "error",
+      variant: ["ghost", "outlined"],
+      css: {
+        color: {
+          base: "error",
+          _dark: "error.darker"
+        },
+        _hover: {
+          backgroundColor: "error/10"
+        }
+      }
+    },
+    {
+      color: "info",
+      variant: ["ghost", "outlined"],
+      css: {
+        color: {
+          base: "info",
+          _dark: "info.darker"
+        },
+        _hover: {
+          backgroundColor: "info/10"
+        }
+      }
+    },
+    {
+      color: "primary",
+      variant: ["ghost", "outlined"],
+      css: {
+        color: {
+          base: "primary",
+          _dark: "primary.darker"
+        },
+        _hover: {
+          backgroundColor: "primary/10"
+        }
+      }
+    },
+    {
+      color: "secondary",
+      variant: ["ghost", "outlined"],
+      css: {
+        color: {
+          base: "secondary",
+          _dark: "secondary.darker"
+        },
+        _hover: {
+          backgroundColor: "secondary/10"
+        }
+      }
+    },
+    {
+      color: "success",
+      variant: ["ghost", "outlined"],
+      css: {
+        color: {
+          base: "success",
+          _dark: "success.darker"
+        },
+        _hover: {
+          backgroundColor: "success/10"
+        }
+      }
+    },
+    {
+      color: "warning",
+      variant: ["ghost", "outlined"],
+      css: {
+        color: {
+          base: "warning",
+          _dark: "warning.darker"
+        },
+        _hover: {
+          backgroundColor: "warning/10"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    variant: "solid"
+  }
+}), Wr = {
+  color: {
+    type: String,
+    default: "primary",
+    validator: function(e) {
+      return le.test(e);
+    }
+  },
+  size: {
+    type: String,
+    default: "md",
+    validator: function(e) {
+      return Z.test(e);
+    }
+  },
+  type: {
+    type: String,
+    default: "button",
+    validator: function(e) {
+      return /^(button|search|submit)$/.test(e);
+    }
+  },
+  variant: {
+    type: String,
+    default: "solid",
+    validator: function(e) {
+      return ce.test(e);
+    }
+  }
+}, Je = x({
+  name: "RebndButton",
+  props: Wr,
+  setup({ color: e, size: t, type: r, variant: n }, { slots: o }) {
+    return () => {
+      if (!o.default) throw new z("RebndButton");
+      return p(
+        "button",
+        {
+          class: Pr({ color: e, size: t, variant: n }),
+          tabindex: 0,
+          type: r,
+          dataActive: !0
+        },
+        o.default && o.default()
+      );
+    };
+  }
+}), jr = x({
+  name: "RebndBreadcrumb",
+  props: sr,
+  setup(e, { slots: t }) {
+    const r = y(
+      () => p(M, {
+        name: e.separator,
+        class: "rb__breadcrumb-separator",
+        "aria-hidden": "true"
+      })
+    ), n = y(
+      () => (a) => p(be, null, {
+        default: () => [
+          p(
+            Je,
+            {
+              color: "secondary",
+              variant: "ghost"
+            },
+            {
+              default: () => [
+                p(M, { name: "horizontal-dots" }),
+                p("span", null, "More links")
+              ]
+            }
+          )
+        ],
+        dropdown: () => a.map((s) => p("li", { class: "breadcrumb_extra-links" }, s))
+      })
+    );
+    function o(a) {
+      const s = a.length - e.max + 1;
+      return [
+        ...a.slice(0, 1),
+        a.slice(1, s),
+        ...a.slice(s)
+      ];
+    }
+    function i(a) {
+      return Array.isArray(a) ? n.value(a) : a;
+    }
+    return () => {
+      if (!t.default) throw new z("RebndBreadcrumb");
+      const a = Ne(t.default()), l = a.length > e.max ? o(a) : a, c = l.reduce((f, d, u) => (u > 0 && u <= l.length - 1 ? f = [...f, r.value, i(d)] : f = [...f, i(d)], f), []);
+      return p("nav", { class: lr }, c);
+    };
+  }
+}), Fr = {
+  as: {
+    type: String,
+    default: "article"
+  }
+}, Hr = w({
+  border: "1px solid",
+  borderColor: {
+    base: "neutrals.100",
+    _dark: "neutrals.800"
+  },
+  borderRadius: "0.5rem",
+  display: "flex",
+  flexDir: "column",
+  gap: "2rem",
+  padding: "1.5rem 0.5rem",
+  width: "fit-content",
+  shadow: {
+    base: "elevation3.base",
+    _dark: "elevation3.dark"
+  },
+  "& .card__header": {
+    fontSize: "1.25rem",
+    fontWeight: "600"
+  },
+  "& .card__footer": {
+    fontSize: "0.875rem"
+  }
+}), Xr = x({
+  name: "RebndCard",
+  props: Fr,
+  setup(e, { slots: t }) {
+    return () => {
+      if (!t.default) throw new z("RebndCard");
+      return p(e.as, { class: Hr }, [
+        t.header && p("header", { class: "card__header" }, t.header()),
+        t.default && t.default(),
+        t.footer && p("footer", { class: "card__footer" }, t.footer())
+      ]);
+    };
+  }
+}), Yr = {
+  modelValue: {
+    type: [String, Array],
+    default: ""
+  },
+  multiple: {
+    type: Boolean,
+    default: !1
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  }
+}, Gr = w({
+  "& .combobox__input-search": {
+    position: "relative",
+    borderBottom: "1px solid",
+    borderColor: {
+      _dark: "#15171E",
+      base: "neutral.100"
+    },
+    "& > input": {
+      outline: "none",
+      paddingLeft: "2rem"
+    },
+    "& .combobox__search-icon": {
+      position: "absolute",
+      top: "calc(50% - 6px)",
+      left: "8px"
+    }
+  },
+  "& .combobox__empty-field": {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: "0.5rem",
+    fontSize: "0.75rem",
+    padding: "1rem 2rem"
+  }
+}), Zr = {
+  hasError: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  }
+}, qr = w({
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.25rem",
+  color: "#D3D7E4",
+  "& input": {
+    "&.has__leading": {
+      paddingLeft: "2rem"
+    },
+    "&:disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  "& .input__leading, & .input__trailing": {
+    fontSize: "12px",
+    lineHeight: "1",
+    position: "absolute",
+    top: "calc(50% - 8px)"
+  },
+  "& .input__leading": {
+    left: "8px"
+  },
+  "& .input__trailing": {
+    right: "8px"
+  },
+  "& .input__helper-text": {
+    fontStyle: "italic",
+    fontSize: "0.75rem"
+  }
+}), Qe = x({
+  name: "RebndInput",
+  props: Zr,
+  emits: ["update:modelValue"],
+  inheritAttrs: !1,
+  setup(e, { slots: t, attrs: r, emit: n }) {
+    function o(i) {
+      i.target instanceof HTMLInputElement && n("update:modelValue", i.target.value);
+    }
+    return () => p("div", { class: ["input__wrapper", qr] }, [
+      t.leading && p("span", { class: "input__leading" }, t.leading()),
+      p("input", {
+        class: { error: e.hasError, has__leading: t.leading },
+        type: "text",
+        ...r,
+        value: e.modelValue,
+        onInput: o
+      }),
+      t.trailing && p("span", { class: "input__trailing" }, t.trailing()),
+      t.helperText && p("p", { class: "input__helper-text" }, t.helperText())
+    ]);
+  }
+}), Kr = x({
+  name: "RebndCombobox",
+  props: Yr,
+  emits: ["update:modelValue"],
+  setup(e, { emit: t, slots: r }) {
+    const n = /* @__PURE__ */ new Map(), o = C(""), i = y(() => a.value ? s(e.modelValue) : n.get(e.modelValue) || ""), a = y(
+      () => e.multiple || Array.isArray(e.modelValue)
+    );
+    function s(d) {
+      const u = d.map((h) => n.get(h)).slice(0, 2).join(", "), m = d.length - 2;
+      return d.length <= 2 ? u : u + `, +${m}`;
+    }
+    function l(d) {
+      d.target instanceof HTMLInputElement && (o.value = d.target.value);
+    }
+    function c(d, u) {
+      var m;
+      a.value ? f((m = d.props) == null ? void 0 : m["data-label"]) : u(() => {
+        var h;
+        return t("update:modelValue", (h = d.props) == null ? void 0 : h["data-label"]);
+      });
+    }
+    function f(d) {
+      const u = [...e.modelValue], h = u.includes(d) ? u.filter((b) => b !== d) : [...u, d];
+      t("update:modelValue", h);
+    }
+    return () => {
+      if (!r.default) throw new z("RebndCombobox");
+      const d = r.default();
+      d.forEach((h) => {
+        var k;
+        const b = ((k = h.props) == null ? void 0 : k["data-label"]) || "", g = tr(h);
+        n.set(b, g);
+      });
+      const u = d.filter((h) => {
+        var g;
+        const b = ((g = h.props) == null ? void 0 : g["data-label"]) || "";
+        return Zt(b, o.value);
+      }), m = u.reduce(
+        (h, b) => [...h, b],
+        [
+          p("li", { class: "combobox__input-search", role: "none" }, [
+            p("input", {
+              placeholder: "Search...",
+              "aria-label": "Search options",
+              value: o.value,
+              onInput: l
+            }),
+            p(M, {
+              class: "combobox__search-icon",
+              name: "search",
+              width: 12,
+              height: 12
+            })
+          ]),
+          !u.length && p("li", { class: "combobox__empty-field" }, [
+            p(M, { name: "not-found", height: 12, width: 12 }),
+            `Nothing matching ${o.value}`
+          ])
+        ]
+      );
+      return p(
+        be,
+        { class: Gr },
+        {
+          default: () => p(
+            Qe,
+            {
+              type: "search",
+              readOnly: "true",
+              modelValue: i.value,
+              placeholder: e.placeholder
+            },
+            {
+              leading: () => r.icon && r.icon(),
+              trailing: () => p(M, { name: "chevron-up-down" })
+            }
+          ),
+          dropdown: ({
+            onDropDownAction: h
+          }) => [
+            ...m.filter(
+              (b) => !!b && typeof b == "object"
+            ).map(
+              (b) => Y(b, {
+                onClick: () => c(b, h)
+              })
+            ),
+            r.footer && p("li", r.footer())
+          ]
+        }
+      );
+    };
+  }
+}), Ur = {
+  schema: {
+    type: Object,
+    required: !0
+  },
+  state: {
+    type: Object,
+    required: !0
+  }
+}, Jr = w({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1rem",
+  width: "100%"
+}), Qr = x({
+  name: "RebndForm",
+  props: Ur,
+  emits: ["submit"],
+  setup(e, { slots: t, emit: r }) {
+    const n = C([]);
+    it("form-errors", n);
+    const o = y(
+      () => {
+        var s;
+        return ((s = n.value) == null ? void 0 : s.length) !== 0;
+      }
+    );
+    function i() {
+      const s = e.schema.safeParse(e.state);
+      return s.success ? [] : s.error.issues.map(({ path: l, message: c }) => ({
+        path: l.join("."),
+        message: c
+      }));
+    }
+    function a(s) {
+      s.preventDefault();
+      let l = s;
+      n.value = i(), o.value ? l = {
+        ...l,
+        state: null
+      } : l = {
+        ...l,
+        state: e.state
+      }, r("submit", l);
+    }
+    return () => {
+      if (!t.default) throw new z("RebndForm");
+      return p(
+        "form",
+        { class: Jr, onSubmit: a },
+        t.default && t.default()
+      );
+    };
+  }
+}), en = {
+  name: {
+    type: String,
+    default: ""
+  }
+}, tn = w({
+  display: "flex",
+  flexDirection: "column",
+  gap: ".5rem",
+  "& label": {
+    fontSize: "0.75rem",
+    fontWeight: "medium"
+  },
+  "& .form__error-text": {
+    color: "red.400",
+    fontSize: "0.75rem"
+  }
+}), rn = x({
+  name: "RebndFormGroup",
+  props: en,
+  setup(e, { slots: t }) {
+    const r = st("form-errors"), n = y(
+      () => {
+        var o;
+        return r ? (o = r.value.find(({ path: i }) => i === (e == null ? void 0 : e.name))) == null ? void 0 : o.message : null;
+      }
+    );
+    return () => {
+      if (!t.default) throw new z("RebndFormGroup");
+      return p(
+        "fieldset",
+        {
+          class: tn
+        },
+        [
+          t.label && p("label", { for: e.name }, t.label()),
+          t.default && t.default().map((o) => Y(o, { hasError: n.value })),
+          n.value && p("p", { class: "form__error-text" }, n.value)
+        ]
+      );
+    };
+  }
+}), nn = {
+  as: {
+    type: String,
+    default: "a"
+  }
+}, on = w({
+  display: "inline-block",
+  color: { base: "primary", _hover: "primary.darker" },
+  scale: { base: "1", _hover: "0.95" },
+  transition: "all",
+  transitionDuration: "400ms",
+  "& > svg": { marginLeft: "0.5rem", verticalAlign: "middle" }
+}), an = x({
+  name: "RebndLink",
+  props: nn,
+  setup(e, { attrs: t, slots: r }) {
+    const n = y(
+      () => t.target === "_blank"
+    ), o = y(
+      () => e.as === "a" ? "a" : lt(e.as)
+    );
+    return () => p(
+      o.value,
+      {
+        class: on,
+        ...t,
+        ...n.value && { rel: "noopener noreferrer" }
+      },
+      r.default && [
+        r.default(),
+        n.value && p(M, { name: "external", height: 10, width: 10 })
+      ]
+    );
+  }
+}), sn = {
+  activeTab: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    required: !0
+  }
+}, ln = w({
+  padding: "0.5rem 1rem"
+}), cn = x({
+  name: "RebndTab",
+  props: sn,
+  setup(e, { slots: t }) {
+    const r = y(
+      () => e.activeTab === e.title
+    );
+    return () => {
+      var n, o;
+      return ct(
+        p(
+          "div",
+          {
+            id: `panel-${(n = e == null ? void 0 : e.title) == null ? void 0 : n.toLowerCase()}`,
+            class: ln,
+            role: "tabpanel",
+            tabindex: "0",
+            "aria-labelledby": `tab-${(o = e == null ? void 0 : e.title) == null ? void 0 : o.toLowerCase()}`
+          },
+          t.default && t.default()
+        ),
+        [[dt, r.value]]
+      );
+    };
+  }
+}), dn = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "md",
+    validator: function(e) {
+      return Z.test(e);
+    }
+  },
+  variant: {
+    type: String,
+    default: "outlined",
+    validator: function(e) {
+      return ce.test(e);
+    }
+  }
+}, un = G({
+  base: {
+    display: "flex",
+    flexDirection: "row",
+    gap: "0.25rem",
+    justifyContent: "space-around",
+    border: "1px solid",
+    color: {
+      base: "neutrals.900",
+      _dark: "neutral.50"
+    },
+    borderColor: { base: "neutrals.100", _dark: "neutrals.800" },
+    borderRadius: "4px",
+    fontWeight: "bold",
+    "& button": {
+      flex: 1,
+      zIndex: 1,
+      paddingBlock: "0.25rem",
+      paddingInline: "0.75rem"
+    },
+    "& div": {
+      position: "absolute",
+      transition: "all 500ms cubic-bezier(0,1.34,.86,.9)",
+      backgroundColor: {
+        base: "neutrals.50",
+        _dark: "neutrals.800"
+      }
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        fontSize: "0.5rem"
+      },
+      sm: {
+        fontSize: "0.75rem"
+      },
+      md: {
+        fontSize: "0.875rem"
+      },
+      lg: {
+        fontSize: "1rem"
+      },
+      xl: {
+        fontSize: "1.25rem"
+      }
+    },
+    variant: {
+      solid: {
+        border: "none",
+        backgroundColor: {
+          base: "neutrals.100",
+          _dark: "neutrals.900"
+        }
+      },
+      ghost: {
+        border: "none",
+        backgroundColor: "transparent"
+      },
+      outlined: {
+        backgroundColor: "transparent",
+        border: "1px solid transparent"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "outlined"
+  }
+}), fn = x({
+  name: "RebndTabs",
+  props: dn,
+  emits: ["update:modelValue"],
+  setup(e, { emit: t, slots: r }) {
+    const n = C(""), o = C([]), i = C([]), a = C([]), s = y(
+      () => o.value[l.value]
+    ), l = y(
+      () => o.value.findIndex((g) => g === e.modelValue) ?? 0
+    ), c = y(
+      () => (g) => e.modelValue === g
+    ), f = y(
+      () => c.value(s.value) ? "0" : "-1"
+    );
+    ut(async () => {
+      await ne(), u(), window.addEventListener("resize", u);
+    }), ft(
+      () => window.removeEventListener("resize", u)
+    );
+    function d() {
+      i.value = a.value.map(
+        (g) => g.getBoundingClientRect()
+      );
+    }
+    function u() {
+      d(), b();
+    }
+    async function m(g) {
+      t("update:modelValue", g), await ne(), b();
+    }
+    function h(g) {
+      g && g instanceof HTMLButtonElement && a.value.push(g);
+    }
+    function b() {
+      const { top: g, left: k, height: v, width: R } = i.value[l.value];
+      n.value = `top:${g}px;left:${k}px;height:${v}px;width:${R}px`;
+    }
+    return () => {
+      if (!r.default) throw new z("RebndTabs");
+      return o.value = r.default().map(({ props: g }) => g == null ? void 0 : g.title), p("div", [
+        p(
+          "nav",
+          {
+            class: un({
+              size: e.size,
+              variant: e.variant
+            }),
+            role: "tablist"
+          },
+          [
+            o.value.map(
+              (g) => p(
+                "button",
+                {
+                  role: "tab",
+                  ref: h,
+                  "aria-selected": c.value(g),
+                  "aria-controls": `panel-${g.toLowerCase()}`,
+                  id: `tab-${g.toLowerCase()}`,
+                  tabindex: f.value,
+                  class: ["button", { active: c.value(g) }],
+                  onClick: () => m(g)
+                },
+                g
+              )
+            ),
+            p("div", {
+              style: n.value
+            })
+          ]
+        ),
+        r.default && r.default().map(
+          (g) => Y(g, {
+            activeTab: s.value
+          })
+        )
+      ]);
+    };
+  }
+}), mn = {
+  hasError: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  }
+}, pn = w({
+  resize: "none"
+}), gn = x({
+  name: "RebndTextArea",
+  props: mn,
+  setup(e, { slots: t }) {
+    return () => p("textarea", {
+      class: [pn, { error: e.hasError }]
+    });
+  }
+}), hn = {
+  RAccordion: Xt,
+  RAvatar: Kt,
+  RAvatarGroup: nr,
+  RBadge: ir,
+  RBreadcrumb: jr,
+  RButton: Je,
+  RCard: Xr,
+  RCombobox: Kr,
+  RDropdown: be,
+  RForm: Qr,
+  RFormGroup: rn,
+  RIcon: M,
+  RInput: Qe,
+  RLink: an,
+  RTab: cn,
+  RTabs: fn,
+  RTextArea: gn
+};
+export {
+  hn as default
+};