@boxcustodia/library 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/node_modules/@base-ui/react/switch/root/SwitchRootDataAttributes.es.js

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
+export {
+  e as SwitchRootDataAttributes
+};

package/dist/node_modules/@base-ui/react/switch/stateAttributesMapping.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../internals/field-constants/constants.cjs.js"),t=require("./root/SwitchRootDataAttributes.cjs.js"),r={...i.fieldValidityMapping,checked(e){return e?{[t.SwitchRootDataAttributes.checked]:""}:{[t.SwitchRootDataAttributes.unchecked]:""}}};exports.stateAttributesMapping=r;

package/dist/node_modules/@base-ui/react/switch/stateAttributesMapping.es.js

@@ -0,0 +1,15 @@
+import { fieldValidityMapping as i } from "../internals/field-constants/constants.es.js";
+import { SwitchRootDataAttributes as t } from "./root/SwitchRootDataAttributes.es.js";
+const o = {
+  ...i,
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  }
+};
+export {
+  o as stateAttributesMapping
+};

package/dist/node_modules/@base-ui/react/switch/thumb/SwitchThumb.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("../root/SwitchRootContext.cjs.js"),a=require("../../internals/useRenderElement.cjs.js"),l=require("../stateAttributesMapping.cjs.js");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const b=p(i),o=b.forwardRef(function(t,r){const{render:n,className:f,style:d,...s}=t,c=u.useSwitchRootContext();return a.useRenderElement("span",t,{state:c,ref:r,stateAttributesMapping:l.stateAttributesMapping,props:s})});process.env.NODE_ENV!=="production"&&(o.displayName="SwitchThumb");exports.SwitchThumb=o;

package/dist/node_modules/@base-ui/react/switch/thumb/SwitchThumb.es.js

@@ -0,0 +1,23 @@
+"use client";
+import * as s from "react";
+import { useSwitchRootContext as i } from "../root/SwitchRootContext.es.js";
+import { useRenderElement as m } from "../../internals/useRenderElement.es.js";
+import { stateAttributesMapping as n } from "../stateAttributesMapping.es.js";
+const p = /* @__PURE__ */ s.forwardRef(function(t, e) {
+  const {
+    render: c,
+    className: f,
+    style: u,
+    ...r
+  } = t, o = i();
+  return m("span", t, {
+    state: o,
+    ref: e,
+    stateAttributesMapping: n,
+    props: r
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "SwitchThumb");
+export {
+  p as SwitchThumb
+};

package/dist/node_modules/@base-ui/react/tabs/index.parts.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./root/TabsRoot.cjs.js"),e=require("./tab/TabsTab.cjs.js"),s=require("./indicator/TabsIndicator.cjs.js"),t=require("./panel/TabsPanel.cjs.js"),o=require("./list/TabsList.cjs.js");exports.Root=a.TabsRoot;exports.Tab=e.TabsTab;exports.Indicator=s.TabsIndicator;exports.Panel=t.TabsPanel;exports.List=o.TabsList;

package/dist/node_modules/@base-ui/react/tabs/index.parts.es.js

@@ -0,0 +1,12 @@
+import { TabsRoot as r } from "./root/TabsRoot.es.js";
+import { TabsTab as t } from "./tab/TabsTab.es.js";
+import { TabsIndicator as e } from "./indicator/TabsIndicator.es.js";
+import { TabsPanel as f } from "./panel/TabsPanel.es.js";
+import { TabsList as p } from "./list/TabsList.es.js";
+export {
+  e as Indicator,
+  p as List,
+  f as Panel,
+  r as Root,
+  t as Tab
+};

package/dist/node_modules/@base-ui/react/tabs/indicator/TabsIndicator.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),Z=require("../../../utils/useForcedRerendering.cjs.js"),k=require("../../internals/useRenderElement.cjs.js"),x=require("../../utils/getCssDimensions.cjs.js"),U=require("../../utils/useIsHydrating.cjs.js"),X=require("../root/TabsRootContext.cjs.js"),Y=require("../root/stateAttributesMapping.cjs.js"),G=require("../list/TabsListContext.cjs.js"),J=require("./prehydrationScript.min.cjs.js"),i=require("./TabsIndicatorCssVars.cjs.js"),K=require("../../internals/csp-context/CSPContext.cjs.js"),L=require("react/jsx-runtime");function Q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const b=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,b.get?b:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const T=Q(F),tt={...Y.tabsStateAttributesMapping,activeTabPosition:()=>null,activeTabSize:()=>null},R=T.forwardRef(function(s,n){const{className:b,render:et,renderBeforeHydration:q=!1,style:st,...H}=s,{nonce:N}=K.useCSPContext(),{getTabElementBySelectedValue:P,orientation:D,tabActivationDirection:E,value:p}=X.useTabsRootContext(),{tabsListElement:t,registerIndicatorUpdateListener:h}=G.useTabsListContext(),O=U.useIsHydrating(),m=Z.useForcedRerendering();T.useEffect(()=>h(m),[h,m]);let r=0,g=0,o=0,f=0,a=0,c=0,l=!1;if(p!=null&&t!=null){const u=P(p);if(u!=null){l=!0;const{width:W,height:B}=x.getCssDimensions(u),{width:C,height:y}=x.getCssDimensions(t),I=u.getBoundingClientRect(),d=t.getBoundingClientRect(),S=C>0?d.width/C:1,v=y>0?d.height/y:1;if(Math.abs(S)>Number.EPSILON&&Math.abs(v)>Number.EPSILON){const A=I.left-d.left,z=I.top-d.top;r=A/S+t.scrollLeft-t.clientLeft,o=z/v+t.scrollTop-t.clientTop}else r=u.offsetLeft,o=u.offsetTop;a=W,c=B,g=t.scrollWidth-r-a,f=t.scrollHeight-o-c}}const V=l?{left:r,right:g,top:o,bottom:f}:null,j=l?{width:a,height:c}:null,M=l?{[i.TabsIndicatorCssVars.activeTabLeft]:`${r}px`,[i.TabsIndicatorCssVars.activeTabRight]:`${g}px`,[i.TabsIndicatorCssVars.activeTabTop]:`${o}px`,[i.TabsIndicatorCssVars.activeTabBottom]:`${f}px`,[i.TabsIndicatorCssVars.activeTabWidth]:`${a}px`,[i.TabsIndicatorCssVars.activeTabHeight]:`${c}px`}:void 0,_=l&&a>0&&c>0,$={orientation:D,activeTabPosition:V,activeTabSize:j,tabActivationDirection:E},w=k.useRenderElement("span",s,{state:$,ref:n,props:[{role:"presentation",style:M,hidden:!_},H,{suppressHydrationWarning:!0}],stateAttributesMapping:tt});return p==null?null:L.jsxs(T.Fragment,{children:[w,O&&q&&L.jsx("script",{nonce:N,dangerouslySetInnerHTML:{__html:J.script},suppressHydrationWarning:!0})]})});process.env.NODE_ENV!=="production"&&(R.displayName="TabsIndicator");exports.TabsIndicator=R;

package/dist/node_modules/@base-ui/react/tabs/indicator/TabsIndicator.es.js

@@ -0,0 +1,103 @@
+"use client";
+import * as f from "react";
+import { useForcedRerendering as V } from "../../../utils/useForcedRerendering.es.js";
+import { useRenderElement as _ } from "../../internals/useRenderElement.es.js";
+import { getCssDimensions as x } from "../../utils/getCssDimensions.es.js";
+import { useIsHydrating as j } from "../../utils/useIsHydrating.es.js";
+import { useTabsRootContext as z } from "../root/TabsRootContext.es.js";
+import { tabsStateAttributesMapping as F } from "../root/stateAttributesMapping.es.js";
+import { useTabsListContext as Z } from "../list/TabsListContext.es.js";
+import { script as U } from "./prehydrationScript.min.es.js";
+import { TabsIndicatorCssVars as e } from "./TabsIndicatorCssVars.es.js";
+import { useCSPContext as X } from "../../internals/csp-context/CSPContext.es.js";
+import { jsxs as Y, jsx as k } from "react/jsx-runtime";
+const q = {
+  ...F,
+  activeTabPosition: () => null,
+  activeTabSize: () => null
+}, G = /* @__PURE__ */ f.forwardRef(function(m, y) {
+  const {
+    className: K,
+    render: Q,
+    renderBeforeHydration: S = !1,
+    style: tt,
+    ...H
+  } = m, {
+    nonce: I
+  } = X(), {
+    getTabElementBySelectedValue: N,
+    orientation: R,
+    tabActivationDirection: C,
+    value: l
+  } = z(), {
+    tabsListElement: t,
+    registerIndicatorUpdateListener: u
+  } = Z(), E = j(), b = V();
+  f.useEffect(() => u(b), [u, b]);
+  let o = 0, p = 0, s = 0, d = 0, i = 0, n = 0, r = !1;
+  if (l != null && t != null) {
+    const a = N(l);
+    if (a != null) {
+      r = !0;
+      const {
+        width: D,
+        height: M
+      } = x(a), {
+        width: h,
+        height: g
+      } = x(t), T = a.getBoundingClientRect(), c = t.getBoundingClientRect(), v = h > 0 ? c.width / h : 1, L = g > 0 ? c.height / g : 1;
+      if (Math.abs(v) > Number.EPSILON && Math.abs(L) > Number.EPSILON) {
+        const A = T.left - c.left, O = T.top - c.top;
+        o = A / v + t.scrollLeft - t.clientLeft, s = O / L + t.scrollTop - t.clientTop;
+      } else
+        o = a.offsetLeft, s = a.offsetTop;
+      i = D, n = M, p = t.scrollWidth - o - i, d = t.scrollHeight - s - n;
+    }
+  }
+  const P = r ? {
+    left: o,
+    right: p,
+    top: s,
+    bottom: d
+  } : null, W = r ? {
+    width: i,
+    height: n
+  } : null, $ = r ? {
+    [e.activeTabLeft]: `${o}px`,
+    [e.activeTabRight]: `${p}px`,
+    [e.activeTabTop]: `${s}px`,
+    [e.activeTabBottom]: `${d}px`,
+    [e.activeTabWidth]: `${i}px`,
+    [e.activeTabHeight]: `${n}px`
+  } : void 0, w = r && i > 0 && n > 0, B = _("span", m, {
+    state: {
+      orientation: R,
+      activeTabPosition: P,
+      activeTabSize: W,
+      tabActivationDirection: C
+    },
+    ref: y,
+    props: [{
+      role: "presentation",
+      style: $,
+      hidden: !w
+      // do not display the indicator before the layout is settled
+    }, H, {
+      suppressHydrationWarning: !0
+    }],
+    stateAttributesMapping: q
+  });
+  return l == null ? null : /* @__PURE__ */ Y(f.Fragment, {
+    children: [B, E && S && /* @__PURE__ */ k("script", {
+      nonce: I,
+      dangerouslySetInnerHTML: {
+        __html: U
+      },
+      suppressHydrationWarning: !0
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (G.displayName = "TabsIndicator");
+export {
+  G as TabsIndicator
+};

package/dist/node_modules/@base-ui/react/tabs/indicator/TabsIndicatorCssVars.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=(function(t){return t.activeTabLeft="--active-tab-left",t.activeTabRight="--active-tab-right",t.activeTabTop="--active-tab-top",t.activeTabBottom="--active-tab-bottom",t.activeTabWidth="--active-tab-width",t.activeTabHeight="--active-tab-height",t})({});exports.TabsIndicatorCssVars=e;

package/dist/node_modules/@base-ui/react/tabs/indicator/TabsIndicatorCssVars.es.js

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(t) {
+  return t.activeTabLeft = "--active-tab-left", t.activeTabRight = "--active-tab-right", t.activeTabTop = "--active-tab-top", t.activeTabBottom = "--active-tab-bottom", t.activeTabWidth = "--active-tab-width", t.activeTabHeight = "--active-tab-height", t;
+})({});
+export {
+  e as TabsIndicatorCssVars
+};

package/dist/node_modules/@base-ui/react/tabs/indicator/prehydrationScript.min.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t='!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const i=e.querySelector("[data-active]");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;let o=0,n=0,h=0,l=0,r=0,f=0;function s(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}if(null!=i&&null!=e){const{width:t,height:c}=s(i),{width:u,height:d}=s(e),a=i.getBoundingClientRect(),g=e.getBoundingClientRect(),p=u>0?g.width/u:1,b=d>0?g.height/d:1;if(Math.abs(p)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=a.left-g.left,i=a.top-g.top;o=t/p+e.scrollLeft-e.clientLeft,h=i/b+e.scrollTop-e.clientTop}else o=i.offsetLeft,h=i.offsetTop;r=t,f=c,n=e.scrollWidth-o-r,l=e.scrollHeight-h-f}function c(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}c("left",o),c("right",n),c("top",h),c("bottom",l),c("width",r),c("height",f),r>0&&f>0&&t.removeAttribute("hidden")}();';exports.script=t;

package/dist/node_modules/@base-ui/react/tabs/indicator/prehydrationScript.min.es.js

@@ -0,0 +1,4 @@
+const t = '!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const i=e.querySelector("[data-active]");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;let o=0,n=0,h=0,l=0,r=0,f=0;function s(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}if(null!=i&&null!=e){const{width:t,height:c}=s(i),{width:u,height:d}=s(e),a=i.getBoundingClientRect(),g=e.getBoundingClientRect(),p=u>0?g.width/u:1,b=d>0?g.height/d:1;if(Math.abs(p)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=a.left-g.left,i=a.top-g.top;o=t/p+e.scrollLeft-e.clientLeft,h=i/b+e.scrollTop-e.clientTop}else o=i.offsetLeft,h=i.offsetTop;r=t,f=c,n=e.scrollWidth-o-r,l=e.scrollHeight-h-f}function c(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}c("left",o),c("right",n),c("top",h),c("bottom",l),c("width",r),c("height",f),r>0&&f>0&&t.removeAttribute("hidden")}();';
+export {
+  t as script
+};

package/dist/node_modules/@base-ui/react/tabs/list/TabsList.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),p=require("../../../utils/useStableCallback.cjs.js"),P=require("../../../utils/useIsoLayoutEffect.cjs.js"),N=require("../../../utils/empty.cjs.js"),k=require("../../internals/composite/root/CompositeRoot.cjs.js"),_=require("../root/stateAttributesMapping.cjs.js"),w=require("../root/TabsRootContext.cjs.js"),D=require("./TabsListContext.cjs.js"),T=require("react/jsx-runtime");function F(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>s[r]})}}return n.default=s,Object.freeze(n)}const t=F(z),h=t.forwardRef(function(n,r){const{activateOnFocus:o=!1,className:m,loopFocus:C=!0,render:O,style:y,...L}=n,{onValueChange:S,orientation:u,value:x,setTabMap:E,tabActivationDirection:q}=w.useTabsRootContext(),[l,b]=t.useState(0),[a,M]=t.useState(null),d=t.useRef(new Set),f=t.useRef(new Set),c=t.useRef(null);P.useIsoLayoutEffect(()=>{if(typeof ResizeObserver>"u")return;const e=new ResizeObserver(()=>{d.current.forEach(i=>{i()})});return c.current=e,a&&e.observe(a),f.current.forEach(i=>{e.observe(i)}),()=>{e.disconnect(),c.current=null}},[a]);const g=p.useStableCallback(e=>(d.current.add(e),()=>{d.current.delete(e)})),v=p.useStableCallback(e=>(f.current.add(e),c.current?.observe(e),()=>{f.current.delete(e),c.current?.unobserve(e)})),R=p.useStableCallback((e,i)=>{e!==x&&S(e,i)}),j={orientation:u,tabActivationDirection:q},A={"aria-orientation":u==="vertical"?"vertical":void 0,role:"tablist"},I=t.useMemo(()=>({activateOnFocus:o,highlightedTabIndex:l,registerIndicatorUpdateListener:g,registerTabResizeObserverElement:v,onTabActivation:R,setHighlightedTabIndex:b,tabsListElement:a}),[o,l,g,v,R,b,a]);return T.jsx(D.TabsListContext.Provider,{value:I,children:T.jsx(k.CompositeRoot,{render:O,className:m,style:y,state:j,refs:[r,M],props:[A,L],stateAttributesMapping:_.tabsStateAttributesMapping,highlightedIndex:l,enableHomeAndEndKeys:!0,loopFocus:C,orientation:u,onHighlightedIndexChange:b,onMapChange:E,disabledIndices:N.EMPTY_ARRAY})})});process.env.NODE_ENV!=="production"&&(h.displayName="TabsList");exports.TabsList=h;

package/dist/node_modules/@base-ui/react/tabs/list/TabsList.es.js

@@ -0,0 +1,84 @@
+"use client";
+import * as t from "react";
+import { useStableCallback as d } from "../../../utils/useStableCallback.es.js";
+import { useIsoLayoutEffect as S } from "../../../utils/useIsoLayoutEffect.es.js";
+import { EMPTY_ARRAY as N } from "../../../utils/empty.es.js";
+import { CompositeRoot as P } from "../../internals/composite/root/CompositeRoot.es.js";
+import { tabsStateAttributesMapping as w } from "../root/stateAttributesMapping.es.js";
+import { useTabsRootContext as F } from "../root/TabsRootContext.es.js";
+import { TabsListContext as H } from "./TabsListContext.es.js";
+import { jsx as m } from "react/jsx-runtime";
+const D = /* @__PURE__ */ t.forwardRef(function(v, h) {
+  const {
+    activateOnFocus: l = !1,
+    className: R,
+    loopFocus: g = !0,
+    render: T,
+    style: E,
+    ...L
+  } = v, {
+    onValueChange: x,
+    orientation: n,
+    value: C,
+    setTabMap: O,
+    tabActivationDirection: A
+  } = F(), [i, a] = t.useState(0), [r, I] = t.useState(null), c = t.useRef(/* @__PURE__ */ new Set()), u = t.useRef(/* @__PURE__ */ new Set()), o = t.useRef(null);
+  S(() => {
+    if (typeof ResizeObserver > "u")
+      return;
+    const e = new ResizeObserver(() => {
+      c.current.forEach((s) => {
+        s();
+      });
+    });
+    return o.current = e, r && e.observe(r), u.current.forEach((s) => {
+      e.observe(s);
+    }), () => {
+      e.disconnect(), o.current = null;
+    };
+  }, [r]);
+  const b = d((e) => (c.current.add(e), () => {
+    c.current.delete(e);
+  })), f = d((e) => (u.current.add(e), o.current?.observe(e), () => {
+    u.current.delete(e), o.current?.unobserve(e);
+  })), p = d((e, s) => {
+    e !== C && x(e, s);
+  }), y = {
+    orientation: n,
+    tabActivationDirection: A
+  }, z = {
+    "aria-orientation": n === "vertical" ? "vertical" : void 0,
+    role: "tablist"
+  }, M = t.useMemo(() => ({
+    activateOnFocus: l,
+    highlightedTabIndex: i,
+    registerIndicatorUpdateListener: b,
+    registerTabResizeObserverElement: f,
+    onTabActivation: p,
+    setHighlightedTabIndex: a,
+    tabsListElement: r
+  }), [l, i, b, f, p, a, r]);
+  return /* @__PURE__ */ m(H.Provider, {
+    value: M,
+    children: /* @__PURE__ */ m(P, {
+      render: T,
+      className: R,
+      style: E,
+      state: y,
+      refs: [h, I],
+      props: [z, L],
+      stateAttributesMapping: w,
+      highlightedIndex: i,
+      enableHomeAndEndKeys: !0,
+      loopFocus: g,
+      orientation: n,
+      onHighlightedIndexChange: a,
+      onMapChange: O,
+      disabledIndices: N
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "TabsList");
+export {
+  D as TabsList
+};

package/dist/node_modules/@base-ui/react/tabs/list/TabsListContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../utils/formatErrorMessage.cjs.js"),a=require("react");function c(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=c(a),s=r.createContext(void 0);process.env.NODE_ENV!=="production"&&(s.displayName="TabsListContext");function u(){const t=r.useContext(s);if(t===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.":i.default(65));return t}exports.TabsListContext=s;exports.useTabsListContext=u;

package/dist/node_modules/@base-ui/react/tabs/list/TabsListContext.es.js

@@ -0,0 +1,15 @@
+"use client";
+import o from "../../../utils/formatErrorMessage.es.js";
+import * as s from "react";
+const e = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "TabsListContext");
+function i() {
+  const t = s.useContext(e);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>." : o(65));
+  return t;
+}
+export {
+  e as TabsListContext,
+  i as useTabsListContext
+};

package/dist/node_modules/@base-ui/react/tabs/panel/TabsPanel.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),D=require("../../../utils/inertValue.cjs.js"),E=require("../../../utils/useIsoLayoutEffect.cjs.js"),h=require("../../internals/useBaseUiId.cjs.js"),j=require("../../internals/stateAttributesMapping.cjs.js"),x=require("../../internals/useOpenChangeComplete.cjs.js"),N=require("../../internals/useTransitionStatus.cjs.js"),V=require("../../internals/useRenderElement.cjs.js"),L=require("../../internals/composite/list/useCompositeListItem.cjs.js"),_=require("../root/stateAttributesMapping.cjs.js"),B=require("../root/TabsRootContext.cjs.js"),k=require("./TabsPanelDataAttributes.cjs.js");function w(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const u=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(s,a,u.get?u:{enumerable:!0,get:()=>n[a]})}}return s.default=n,Object.freeze(s)}const l=w(A),U={..._.tabsStateAttributesMapping,...j.transitionStatusMapping},f=l.forwardRef(function(s,a){const{className:u,value:e,render:$,keepMounted:i=!1,style:z,...m}=s,{value:g,getTabIdByPanelValue:T,orientation:q,tabActivationDirection:M,registerMountedTabPanel:c,unregisterMountedTabPanel:d}=B.useTabsRootContext(),t=h.useBaseUiId(),P=l.useMemo(()=>({id:t,value:e}),[t,e]),{ref:R,index:y}=L.useCompositeListItem({metadata:P}),r=e===g,{mounted:p,transitionStatus:I,setMounted:C}=N.useTransitionStatus(r),o=!p,O=T(e),S={hidden:o,orientation:q,tabActivationDirection:M,transitionStatus:I},b=l.useRef(null),v=V.useRenderElement("div",s,{state:S,ref:[a,R,b],props:[{"aria-labelledby":O,hidden:o,id:t,role:"tabpanel",tabIndex:r?0:-1,inert:D.inertValue(!r),[k.TabsPanelDataAttributes.index]:y},m],stateAttributesMapping:U});return x.useOpenChangeComplete({open:r,ref:b,onComplete(){r||C(!1)}}),E.useIsoLayoutEffect(()=>{if(!(o&&!i)&&t!=null)return c(e,t),()=>{d(e,t)}},[o,i,e,t,c,d]),i||p?v:null});process.env.NODE_ENV!=="production"&&(f.displayName="TabsPanel");exports.TabsPanel=f;

package/dist/node_modules/@base-ui/react/tabs/panel/TabsPanel.es.js

@@ -0,0 +1,79 @@
+"use client";
+import * as s from "react";
+import { inertValue as C } from "../../../utils/inertValue.es.js";
+import { useIsoLayoutEffect as h } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useBaseUiId as A } from "../../internals/useBaseUiId.es.js";
+import { transitionStatusMapping as E } from "../../internals/stateAttributesMapping.es.js";
+import { useOpenChangeComplete as N } from "../../internals/useOpenChangeComplete.es.js";
+import { useTransitionStatus as S } from "../../internals/useTransitionStatus.es.js";
+import { useRenderElement as V } from "../../internals/useRenderElement.es.js";
+import { useCompositeListItem as D } from "../../internals/composite/list/useCompositeListItem.es.js";
+import { tabsStateAttributesMapping as B } from "../root/stateAttributesMapping.es.js";
+import { useTabsRootContext as L } from "../root/TabsRootContext.es.js";
+import { TabsPanelDataAttributes as O } from "./TabsPanelDataAttributes.es.js";
+const k = {
+  ...B,
+  ...E
+}, w = /* @__PURE__ */ s.forwardRef(function(a, d) {
+  const {
+    className: _,
+    value: e,
+    render: j,
+    keepMounted: r = !1,
+    style: q,
+    ...f
+  } = a, {
+    value: p,
+    getTabIdByPanelValue: c,
+    orientation: b,
+    tabActivationDirection: T,
+    registerMountedTabPanel: i,
+    unregisterMountedTabPanel: u
+  } = L(), t = A(), R = s.useMemo(() => ({
+    id: t,
+    value: e
+  }), [t, e]), {
+    ref: g,
+    index: M
+  } = D({
+    metadata: R
+  }), n = e === p, {
+    mounted: l,
+    transitionStatus: I,
+    setMounted: P
+  } = S(n), o = !l, v = c(e), x = {
+    hidden: o,
+    orientation: b,
+    tabActivationDirection: T,
+    transitionStatus: I
+  }, m = s.useRef(null), y = V("div", a, {
+    state: x,
+    ref: [d, g, m],
+    props: [{
+      "aria-labelledby": v,
+      hidden: o,
+      id: t,
+      role: "tabpanel",
+      tabIndex: n ? 0 : -1,
+      inert: C(!n),
+      [O.index]: M
+    }, f],
+    stateAttributesMapping: k
+  });
+  return N({
+    open: n,
+    ref: m,
+    onComplete() {
+      n || P(!1);
+    }
+  }), h(() => {
+    if (!(o && !r) && t != null)
+      return i(e, t), () => {
+        u(e, t);
+      };
+  }, [o, r, e, t, i, u]), r || l ? y : null;
+});
+process.env.NODE_ENV !== "production" && (w.displayName = "TabsPanel");
+export {
+  w as TabsPanel
+};

package/dist/node_modules/@base-ui/react/tabs/panel/TabsPanelDataAttributes.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../internals/stateAttributesMapping.cjs.js");let n=(function(t){return t.index="data-index",t.activationDirection="data-activation-direction",t.orientation="data-orientation",t.hidden="data-hidden",t[t.startingStyle=i.TransitionStatusDataAttributes.startingStyle]="startingStyle",t[t.endingStyle=i.TransitionStatusDataAttributes.endingStyle]="endingStyle",t})({});exports.TabsPanelDataAttributes=n;

package/dist/node_modules/@base-ui/react/tabs/panel/TabsPanelDataAttributes.es.js

@@ -0,0 +1,7 @@
+import { TransitionStatusDataAttributes as n } from "../../internals/stateAttributesMapping.es.js";
+let o = (function(i) {
+  return i.index = "data-index", i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i.hidden = "data-hidden", i[i.startingStyle = n.startingStyle] = "startingStyle", i[i.endingStyle = n.endingStyle] = "endingStyle", i;
+})({});
+export {
+  o as TabsPanelDataAttributes
+};

package/dist/node_modules/@base-ui/react/tabs/root/TabsRoot.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("react"),re=require("../../../utils/useControlled.cjs.js"),X=require("../../../utils/useIsoLayoutEffect.cjs.js"),S=require("../../../utils/useStableCallback.cjs.js"),ue=require("../../internals/useRenderElement.cjs.js"),se=require("../../internals/composite/list/CompositeList.cjs.js"),le=require("./TabsRootContext.cjs.js"),ce=require("./stateAttributesMapping.cjs.js"),fe=require("../../internals/createBaseUIEventDetails.cjs.js"),Y=require("react/jsx-runtime"),M=require("../../internals/reason-parts.cjs.js");function de(i){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const l in i)if(l!=="default"){const p=Object.getOwnPropertyDescriptor(i,l);Object.defineProperty(r,l,p.get?p:{enumerable:!0,get:()=>i[l]})}}return r.default=i,Object.freeze(r)}const o=de(ie),$=o.forwardRef(function(r,l){const{className:p,defaultValue:c=0,onValueChange:f,orientation:s="horizontal",render:m,value:v,style:T,...y}=r,k=r.defaultValue!==void 0,ee=o.useRef([]),[I,V]=o.useState(()=>new Map),[n,P]=re.useControlled({controlled:v,default:c,name:"Tabs",state:"value"}),j=v!==void 0,[u,N]=o.useState(()=>new Map),O=o.useRef(void 0),E=o.useCallback(e=>{if(e===void 0)return null;for(const[t,a]of u.entries())if(a!=null&&e===(a.value??a.index))return t;return null},[u]),[te,B]=o.useState(()=>({previousValue:n,tabActivationDirection:"none"})),{previousValue:R,tabActivationDirection:w}=te;let b=w,z=!1;R!==n&&(b=Z(R,n,s,u),z=R!=null&&n!=null&&E(n)==null);const A=z?R:n,L=R!==A||w!==b;X.useIsoLayoutEffect(()=>{L&&B({previousValue:A,tabActivationDirection:b})},[A,L,b]);const _=S.useStableCallback((e,t)=>{const a=Z(n,e,s,u);t.activationDirection=a,f?.(e,t),!t.isCanceled&&P(e)}),x=S.useStableCallback((e,t)=>{f?.(e,fe.createChangeEventDetails(t,void 0,void 0,{activationDirection:"none"}))}),H=S.useStableCallback((e,t)=>{V(a=>{if(a.get(e)===t)return a;const d=new Map(a);return d.set(e,t),d})}),K=S.useStableCallback((e,t)=>{V(a=>{if(!a.has(e)||a.get(e)!==t)return a;const d=new Map(a);return d.delete(e),d})}),U=o.useCallback(e=>I.get(e),[I]),F=o.useCallback(e=>{for(const t of u.values())if(e===t?.value)return t?.id},[u]),ne=o.useMemo(()=>({getTabElementBySelectedValue:E,getTabIdByPanelValue:F,getTabPanelIdByValue:U,onValueChange:_,orientation:s,registerMountedTabPanel:H,setTabMap:N,unregisterMountedTabPanel:K,tabActivationDirection:b,value:n}),[E,F,U,_,s,H,N,K,b,n]),h=o.useMemo(()=>{for(const e of u.values())if(e!=null&&e.value===n)return e},[u,n]),G=o.useMemo(()=>{for(const e of u.values())if(e!=null&&!e.disabled)return e.value},[u]),D=o.useRef(!k),J=o.useRef(c),Q=o.useRef(k),W=o.useRef(!1);X.useIsoLayoutEffect(()=>{if(j)return;function e(g,C){P(g),B(q=>q.previousValue===g&&q.tabActivationDirection==="none"?q:{previousValue:g,tabActivationDirection:"none"}),x(g,C),D.current=!1}if(u.size===0){W.current&&n!==null&&!O.current?.isConnected&&e(null,M.missing);return}W.current=!0,O.current=u.keys().next().value;const t=h?.disabled,a=h==null&&n!==null;if(!t&&n===J.current&&(Q.current=!1),Q.current&&t&&n===J.current)return;const d=D.current;if(t||a){const g=G??null;if(n===g){D.current=!1;return}let C=M.missing;d?C=M.initial:t&&(C=M.disabled),e(g,C);return}d&&h!=null&&(x(n,M.initial),D.current=!1)},[G,j,x,h,P,u,n]);const ae={orientation:s,tabActivationDirection:b},oe=ue.useRenderElement("div",r,{state:ae,ref:l,props:y,stateAttributesMapping:ce.tabsStateAttributesMapping});return Y.jsx(le.TabsRootContext.Provider,{value:ne,children:Y.jsx(se.CompositeList,{elementsRef:ee,children:oe})})});process.env.NODE_ENV!=="production"&&($.displayName="TabsRoot");function Z(i,r,l,p){if(i==null||r==null)return"none";let c=null,f=null;for(const[v,T]of p.entries()){if(T==null)continue;const y=T.value??T.index;if(i===y&&(c=v),r===y&&(f=v),c!=null&&f!=null)break}if(c==null||f==null)return c!==f&&(typeof i=="number"||typeof i=="string")&&typeof i==typeof r?l==="horizontal"?r>i?"right":"left":r>i?"down":"up":"none";const s=c.getBoundingClientRect(),m=f.getBoundingClientRect();if(l==="horizontal"){if(m.left<s.left)return"left";if(m.left>s.left)return"right"}else{if(m.top<s.top)return"up";if(m.top>s.top)return"down"}return"none"}exports.TabsRoot=$;

package/dist/node_modules/@base-ui/react/tabs/root/TabsRoot.es.js

@@ -0,0 +1,173 @@
+"use client";
+import * as i from "react";
+import { useControlled as it } from "../../../utils/useControlled.es.js";
+import { useIsoLayoutEffect as W } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useStableCallback as D } from "../../../utils/useStableCallback.es.js";
+import { useRenderElement as at } from "../../internals/useRenderElement.es.js";
+import { CompositeList as rt } from "../../internals/composite/list/CompositeList.es.js";
+import { TabsRootContext as ut } from "./TabsRootContext.es.js";
+import { tabsStateAttributesMapping as st } from "./stateAttributesMapping.es.js";
+import { createChangeEventDetails as lt } from "../../internals/createBaseUIEventDetails.es.js";
+import { jsx as X } from "react/jsx-runtime";
+import { initial as Y, missing as Z, disabled as ct } from "../../internals/reason-parts.es.js";
+const ft = /* @__PURE__ */ i.forwardRef(function(u, R) {
+  const {
+    className: S,
+    defaultValue: l = 0,
+    onValueChange: c,
+    orientation: r = "horizontal",
+    render: m,
+    value: p,
+    style: C,
+    ...h
+  } = u, V = u.defaultValue !== void 0, tt = i.useRef([]), [I, N] = i.useState(() => /* @__PURE__ */ new Map()), [n, y] = it({
+    controlled: p,
+    default: l,
+    name: "Tabs",
+    state: "value"
+  }), k = p !== void 0, [a, B] = i.useState(() => /* @__PURE__ */ new Map()), w = i.useRef(void 0), A = i.useCallback((t) => {
+    if (t === void 0)
+      return null;
+    for (const [e, o] of a.entries())
+      if (o != null && t === (o.value ?? o.index))
+        return e;
+    return null;
+  }, [a]), [et, z] = i.useState(() => ({
+    previousValue: n,
+    tabActivationDirection: "none"
+  })), {
+    previousValue: g,
+    tabActivationDirection: L
+  } = et;
+  let d = L, j = !1;
+  g !== n && (d = $(g, n, r, a), j = g != null && n != null && A(n) == null);
+  const P = j ? g : n, H = g !== P || L !== d;
+  W(() => {
+    H && z({
+      previousValue: P,
+      tabActivationDirection: d
+    });
+  }, [P, H, d]);
+  const K = D((t, e) => {
+    const o = $(n, t, r, a);
+    e.activationDirection = o, c?.(t, e), !e.isCanceled && y(t);
+  }), x = D((t, e) => {
+    c?.(t, lt(e, void 0, void 0, {
+      activationDirection: "none"
+    }));
+  }), O = D((t, e) => {
+    N((o) => {
+      if (o.get(t) === e)
+        return o;
+      const f = new Map(o);
+      return f.set(t, e), f;
+    });
+  }), _ = D((t, e) => {
+    N((o) => {
+      if (!o.has(t) || o.get(t) !== e)
+        return o;
+      const f = new Map(o);
+      return f.delete(t), f;
+    });
+  }), q = i.useCallback((t) => I.get(t), [I]), F = i.useCallback((t) => {
+    for (const e of a.values())
+      if (t === e?.value)
+        return e?.id;
+  }, [a]), nt = i.useMemo(() => ({
+    getTabElementBySelectedValue: A,
+    getTabIdByPanelValue: F,
+    getTabPanelIdByValue: q,
+    onValueChange: K,
+    orientation: r,
+    registerMountedTabPanel: O,
+    setTabMap: B,
+    unregisterMountedTabPanel: _,
+    tabActivationDirection: d,
+    value: n
+  }), [A, F, q, K, r, O, B, _, d, n]), M = i.useMemo(() => {
+    for (const t of a.values())
+      if (t != null && t.value === n)
+        return t;
+  }, [a, n]), G = i.useMemo(() => {
+    for (const t of a.values())
+      if (t != null && !t.disabled)
+        return t.value;
+  }, [a]), T = i.useRef(!V), J = i.useRef(l), Q = i.useRef(V), U = i.useRef(!1);
+  W(() => {
+    if (k)
+      return;
+    function t(b, v) {
+      y(b), z((E) => E.previousValue === b && E.tabActivationDirection === "none" ? E : {
+        previousValue: b,
+        tabActivationDirection: "none"
+      }), x(b, v), T.current = !1;
+    }
+    if (a.size === 0) {
+      U.current && n !== null && !w.current?.isConnected && t(null, Z);
+      return;
+    }
+    U.current = !0, w.current = a.keys().next().value;
+    const e = M?.disabled, o = M == null && n !== null;
+    if (!e && n === J.current && (Q.current = !1), Q.current && e && n === J.current)
+      return;
+    const f = T.current;
+    if (e || o) {
+      const b = G ?? null;
+      if (n === b) {
+        T.current = !1;
+        return;
+      }
+      let v = Z;
+      f ? v = Y : e && (v = ct), t(b, v);
+      return;
+    }
+    f && M != null && (x(n, Y), T.current = !1);
+  }, [G, k, x, M, y, a, n]);
+  const ot = at("div", u, {
+    state: {
+      orientation: r,
+      tabActivationDirection: d
+    },
+    ref: R,
+    props: h,
+    stateAttributesMapping: st
+  });
+  return /* @__PURE__ */ X(ut.Provider, {
+    value: nt,
+    children: /* @__PURE__ */ X(rt, {
+      elementsRef: tt,
+      children: ot
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (ft.displayName = "TabsRoot");
+function $(s, u, R, S) {
+  if (s == null || u == null)
+    return "none";
+  let l = null, c = null;
+  for (const [p, C] of S.entries()) {
+    if (C == null)
+      continue;
+    const h = C.value ?? C.index;
+    if (s === h && (l = p), u === h && (c = p), l != null && c != null)
+      break;
+  }
+  if (l == null || c == null)
+    return l !== c && (typeof s == "number" || typeof s == "string") && typeof s == typeof u ? R === "horizontal" ? u > s ? "right" : "left" : u > s ? "down" : "up" : "none";
+  const r = l.getBoundingClientRect(), m = c.getBoundingClientRect();
+  if (R === "horizontal") {
+    if (m.left < r.left)
+      return "left";
+    if (m.left > r.left)
+      return "right";
+  } else {
+    if (m.top < r.top)
+      return "up";
+    if (m.top > r.top)
+      return "down";
+  }
+  return "none";
+}
+export {
+  ft as TabsRoot
+};

package/dist/node_modules/@base-ui/react/tabs/root/TabsRootContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../utils/formatErrorMessage.cjs.js"),c=require("react");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=i(c),n=s.createContext(void 0);process.env.NODE_ENV!=="production"&&(n.displayName="TabsRootContext");function u(){const e=s.useContext(n);if(e===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.":a.default(64));return e}exports.TabsRootContext=n;exports.useTabsRootContext=u;

package/dist/node_modules/@base-ui/react/tabs/root/TabsRootContext.es.js

@@ -0,0 +1,15 @@
+"use client";
+import s from "../../../utils/formatErrorMessage.es.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "TabsRootContext");
+function r() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>." : s(64));
+  return o;
+}
+export {
+  e as TabsRootContext,
+  r as useTabsRootContext
+};

package/dist/node_modules/@base-ui/react/tabs/root/TabsRootDataAttributes.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let i=(function(t){return t.activationDirection="data-activation-direction",t.orientation="data-orientation",t})({});exports.TabsRootDataAttributes=i;

package/dist/node_modules/@base-ui/react/tabs/root/TabsRootDataAttributes.es.js

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(i) {
+  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
+})({});
+export {
+  n as TabsRootDataAttributes
+};

package/dist/node_modules/@base-ui/react/tabs/root/stateAttributesMapping.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./TabsRootDataAttributes.cjs.js"),i={tabActivationDirection:t=>({[a.TabsRootDataAttributes.activationDirection]:t})};exports.tabsStateAttributesMapping=i;