@wrdagency/blockout 0.1.10 → 1.0.1

package/dist/components/menu/index.js

@@ -1,132 +1,43 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { cn as E } from "../../utils/css.js";
-import { M as V, a as C, b as R, c as z } from "../../item-B1ugJ7YQ.js";
-import { u as H } from "../../VIIRIBF3-D5DmZNtI.js";
-import { u as I } from "../../MTZPJQMC-DyCWBG18.js";
-import { a as P } from "../../YV4JVR4I-kvospPUa.js";
-import { a as _, _ as x, i as O, s as j, m as L, o as f, n as T, v as U, b as B, a1 as D, r as q, f as y, q as k } from "../../LMDWO4NN--KEvZePp.js";
-import { useMemo as w, useState as Z } from "react";
-import '../../assets/index18.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
-  top: `rotate(180 ${s} ${s})`,
-  right: `rotate(-90 ${s} ${s})`,
-  bottom: `rotate(0 ${s} ${s})`,
-  left: `rotate(90 ${s} ${s})`
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cn as d } from "../../utils/css.js";
+import { useState as w } from "react";
+import { Button as n } from "../button/index.js";
+import { M, a as _, b as h, c as v } from "../../item-C5GtZF5t.js";
+import '../../assets/style18.css';/* empty css                   */
+const B = ({
+  className: r,
+  iconOnly: t = !1,
+  items: m,
+  variant: s,
+  size: a,
+  children: p
+}) => {
+  const [o, u] = w(!1), c = t ? n.Icon : n;
+  return /* @__PURE__ */ l(M, { open: o, setOpen: u, children: [
+    /* @__PURE__ */ e(
+      _,
+      {
+        className: d("component-menu__button", r),
+        render: /* @__PURE__ */ e(c, { variant: s, size: a }),
+        children: p
+      }
+    ),
+    o && /* @__PURE__ */ e(
+      h,
+      {
+        wrapperProps: {
+          className: "component-menu__menu-wrapper"
+        },
+        "data-colour-scheme": "invert",
+        fitViewport: !0,
+        gutter: 8,
+        overflowPadding: 4,
+        className: "component-menu__window",
+        children: m.map((i, f) => /* @__PURE__ */ e(v, { item: i }, f))
+      }
+    )
+  ] });
 };
-function J(o) {
-  const [r, t] = Z(), e = P(o, "contentElement");
-  return B(() => {
-    if (!e) return;
-    const u = D(e).getComputedStyle(e);
-    t(u);
-  }, [e]), r;
-}
-function K(o) {
-  var r;
-  return o ? (r = o.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : r[1] : void 0;
-}
-var M = _(
-  function(r) {
-    var t = r, {
-      store: e,
-      size: i = h,
-      borderWidth: u
-    } = t, c = x(t, [
-      "store",
-      "size",
-      "borderWidth"
-    ]);
-    const $ = I();
-    e = e || $, O(
-      e,
-      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
-    );
-    const p = P(
-      e,
-      (d) => d.currentPlacement.split("-")[0]
-    ), l = j(), n = J(e), S = (n == null ? void 0 : n.getPropertyValue("background-color")) || "none", W = (n == null ? void 0 : n.getPropertyValue(`border-${p}-color`)) || "none", A = w(() => {
-      if (u != null) return u;
-      if (!n) return 0;
-      const d = K(n);
-      if (d) return Number.parseInt(d);
-      const b = n.getPropertyValue(`border-${p}-width`);
-      return b ? Number.parseInt(b) : 0;
-    }, [u, n, p]) * 2 * (h / i), v = G[p], N = w(
-      () => /* @__PURE__ */ a("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ m("g", { transform: v, children: [
-        /* @__PURE__ */ a("path", { fill: "none", d: g, mask: `url(#${l})` }),
-        /* @__PURE__ */ a("path", { stroke: "none", d: g }),
-        /* @__PURE__ */ a("mask", { id: l, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ a(
-          "rect",
-          {
-            x: "-15",
-            y: "0",
-            width: "60",
-            height: "30",
-            fill: "white",
-            stroke: "black"
-          }
-        ) })
-      ] }) }),
-      [v, l]
-    );
-    return c = L(f({
-      children: N,
-      "aria-hidden": !0
-    }, c), {
-      ref: T(e.setArrowElement, c.ref),
-      style: f({
-        position: "absolute",
-        fontSize: i,
-        width: "1em",
-        height: "1em",
-        pointerEvents: "none",
-        fill: `var(--ak-layer, ${S})`,
-        stroke: `var(--ak-layer-border, ${W})`,
-        strokeWidth: A
-      }, c.style)
-    }), U(c);
-  }
-);
-q(
-  y(function(r) {
-    const t = M(r);
-    return k(F, t);
-  })
-);
-var Q = "div", X = _(
-  function(r) {
-    var t = r, { store: e } = t, i = x(t, ["store"]);
-    const u = H();
-    return e = e || u, M(f({ store: e }, i));
-  }
-), Y = y(function(r) {
-  const t = X(r);
-  return k(Q, t);
-});
-const ce = ({ className: o, items: r, children: t }) => /* @__PURE__ */ m(V, { children: [
-  /* @__PURE__ */ a(C, { className: E("component-menu__button", o), children: t }),
-  /* @__PURE__ */ m(
-    R,
-    {
-      wrapperProps: {
-        className: "component-menu__menu-wrapper"
-      },
-      portal: !0,
-      gutter: -16,
-      className: "component-menu",
-      children: [
-        /* @__PURE__ */ a(
-          Y,
-          {
-            className: "component-menu__arrow",
-            borderWidth: 1,
-            size: 24
-          }
-        ),
-        r.map((e, i) => /* @__PURE__ */ a(z, { item: e }, i))
-      ]
-    }
-  )
-] });
 export {
-  ce as Menu
+  B as Menu
 };

package/dist/components/menu/item.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./items/action.js";
 import "./items/spacer.js";
-import { c as e } from "../../item-B1ugJ7YQ.js";
+import { c as e } from "../../item-C5GtZF5t.js";
 import "./items/toggle.js";
 export {
   e as MenuItem

package/dist/components/menu/items/action.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { EmptyIcon as c } from "../icon.js";
-import { M as t } from "../../../2NBKRL7C-BAzCMGOw.js";
+import { M as t } from "../../../2NBKRL7C-Cug3TzgR.js";
 const l = ({ item: n }) => {
   const m = n.icon || c;
   return /* @__PURE__ */ o(
@@ -8,6 +8,7 @@ const l = ({ item: n }) => {
     {
       className: "component-menu__item component-menu__item--action",
       onClick: n.onClick,
+      disabled: n.disabled,
       children: [
         /* @__PURE__ */ e(m, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
         /* @__PURE__ */ o("div", { className: "component-menu__item__text", children: [

package/dist/components/menu/items/spacer.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { u } from "../../../VIIRIBF3-D5DmZNtI.js";
-import { u as p } from "../../../TP7N7UIH-BHb1rEeb.js";
-import { f as m, a as c, q as f, _, o as i } from "../../../LMDWO4NN--KEvZePp.js";
+import { u } from "../../../VIIRIBF3-DylpToFV.js";
+import { u as p } from "../../../TP7N7UIH-mdk33dnV.js";
+import { f as m, c, a as f, _, o as i } from "../../../LMDWO4NN-DdLnHzru.js";
 var M = "hr", S = c(
   function(e) {
     var r = e, { store: o } = r, a = _(r, ["store"]);

package/dist/components/menu/items/submenu.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import { S as p } from "../../../item-B1ugJ7YQ.js";
+import "../../../CaretRight.es-vnr78BGI.js";
 import "../icon.js";
-import "../../../2NBKRL7C-BAzCMGOw.js";
+import { S as i } from "../../../item-C5GtZF5t.js";
+import "../../../2NBKRL7C-Cug3TzgR.js";
 export {
-  p as SubmenuMenuItem
+  i as SubmenuMenuItem
 };

package/dist/components/menu/items/toggle.js

@@ -1,26 +1,27 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { cn as i } from "../../../utils/css.js";
-import { r as a, a as p } from "../../../Square.es-KJLdY11q.js";
+import { cn as r } from "../../../utils/css.js";
+import { r as a, a as i } from "../../../Square.es-KJLdY11q.js";
 import "react";
-import { EmptyIcon as r } from "../icon.js";
-import { M as d } from "../../../2NBKRL7C-BAzCMGOw.js";
+import { EmptyIcon as p } from "../icon.js";
+import { M as d } from "../../../2NBKRL7C-Cug3TzgR.js";
 const x = ({ item: e }) => {
-  const l = e.icon || r, s = () => {
-    var _, m, t;
+  const t = e.icon || p, s = () => {
+    var _, m, l;
     const c = !e.checked;
-    (_ = e.onToggle) == null || _.call(e, c), c ? (m = e.onCheck) == null || m.call(e) : (t = e.onUncheck) == null || t.call(e);
+    return (_ = e.onToggle) == null || _.call(e, c), c ? (m = e.onCheck) == null ? void 0 : m.call(e) : (l = e.onUncheck) == null ? void 0 : l.call(e);
   };
   return /* @__PURE__ */ o(
     d,
     {
       hideOnClick: !1,
-      className: i(
+      className: r(
         "component-menu__item component-menu__item--toggle",
         e.checked && "component-menu__item--toggle--checked"
       ),
+      disabled: e.disabled,
       onClick: s,
       children: [
-        /* @__PURE__ */ n(l, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
+        /* @__PURE__ */ n(t, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
         /* @__PURE__ */ o("div", { className: "component-menu__item__text", children: [
           /* @__PURE__ */ o("div", { className: "component-menu__item__text__header", children: [
             /* @__PURE__ */ n("div", { className: "component-menu__item__label", children: e.label }),
@@ -30,7 +31,7 @@ const x = ({ item: e }) => {
                 weight: "fill",
                 className: "component-menu__item__icon component-menu__item__icon--checkbox"
               }
-            ) : /* @__PURE__ */ n(p, { className: "component-menu__item__icon component-menu__item__icon--checkbox" })
+            ) : /* @__PURE__ */ n(i, { className: "component-menu__item__icon component-menu__item__icon--checkbox" })
           ] }),
           /* @__PURE__ */ n("p", { className: "component-menu__item__description", children: e.description })
         ] })

package/dist/components/menu/types.d.ts

@@ -6,6 +6,7 @@ export interface MenuItem {
         className?: string;
     }>;
     description?: string;
+    disabled?: boolean;
 }
 export interface MenuItemAction extends MenuItem {
     type: "action";

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface PaginationProps {
+    className?: string;
+    onPaginate?: (page: number) => void;
+    page: number;
+    perPage: number;
+    totalPages: number;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

package/dist/components/pagination/index.js

@@ -0,0 +1,63 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { Button as a } from "../button/index.js";
+import { cn as p } from "../../utils/css.js";
+import { noop as d } from "../../utils/noop.js";
+import { t as _ } from "../../CaretLeft.es-C1wX08tw.js";
+import { e as h } from "../../CaretRight.es-vnr78BGI.js";
+import '../../assets/index16.css';const I = ({
+  className: s,
+  onPaginate: m = d,
+  page: t,
+  perPage: f,
+  totalPages: i
+}) => {
+  const e = (n) => {
+    r(t + n);
+  }, r = (n) => {
+    n > i && (n = i), n < 1 && (n = 1), m(n);
+  }, l = (n) => {
+    r(parseInt(n.currentTarget.value));
+  };
+  if (!(i <= 1))
+    return /* @__PURE__ */ c("div", { className: p(s, "component-pagination"), children: [
+      /* @__PURE__ */ o(
+        a.Icon,
+        {
+          className: "component-pagination__next",
+          variant: "ghost",
+          size: "small",
+          onClick: () => e(-1),
+          disabled: t === 1,
+          children: /* @__PURE__ */ o(_, {})
+        }
+      ),
+      /* @__PURE__ */ c("span", { className: "component-pagination__text", children: [
+        "Page",
+        /* @__PURE__ */ o(
+          "select",
+          {
+            className: "component-pagination__text__current",
+            value: t,
+            onChange: l,
+            children: [...Array(i).keys()].map((n) => /* @__PURE__ */ o("option", { value: n + 1, children: n + 1 }, n))
+          }
+        ),
+        "of",
+        /* @__PURE__ */ o("span", { className: "component-pagination__text__total", children: i })
+      ] }),
+      /* @__PURE__ */ o(
+        a.Icon,
+        {
+          className: "component-pagination__previous",
+          variant: "ghost",
+          size: "small",
+          onClick: () => e(1),
+          disabled: t >= i,
+          children: /* @__PURE__ */ o(h, {})
+        }
+      )
+    ] });
+};
+export {
+  I as Pagination
+};

package/dist/components/progress/index.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export interface ProgressProps {
     className?: string;
     steps?: number;
     value?: number;
     min?: number;
     max?: number;
+    style?: CSSProperties;
 }
 export declare const Progress: FC<ProgressProps>;

package/dist/components/progress/index.js

@@ -1,47 +1,56 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { cn as c } from "../../utils/css.js";
+import { jsxs as c, jsx as p } from "react/jsx-runtime";
+import { cn as d } from "../../utils/css.js";
+import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';import '../../assets/index7.css';/* empty css                   */
 import "react";
-import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/index12.css';/* empty css                   */
 /* empty css                   */
 /* empty css                   */
-import { VisuallyHidden as d } from "../../primitives/visually-hidden/index.js";
-const N = ({
-  className: p,
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+import { VisuallyHidden as g } from "../../primitives/visually-hidden/index.js";
+const P = ({
+  className: m,
   steps: o = 0,
-  min: m = 0,
-  max: t = 1,
-  value: r = void 0
+  min: n = 0,
+  max: e = 1,
+  value: r = void 0,
+  style: i
 }) => {
-  const n = (r || 0) * o;
-  return /* @__PURE__ */ i(
+  const s = (r || 0) * o;
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: c(
+      className: d(
         "component-progress",
         o > 0 && "component-progress--with-steps",
         r === void 0 && "component-progress--indeterminate",
-        p
+        m
       ),
       style: {
         "--component-progress__steps": o,
         "--component-progress__value": r,
-        "--component-progress__min": m,
-        "--component-progress__max": t
+        "--component-progress__min": n,
+        "--component-progress__max": e,
+        ...i
       },
       children: [
-        /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s("progress", { max: t, value: r, children: r !== void 0 ? r + "%" : "Indeterminate" }) }),
-        Array.from({ length: o || 1 }, (g, e) => /* @__PURE__ */ s(
+        /* @__PURE__ */ p(g, { children: /* @__PURE__ */ p("progress", { max: e, value: r, children: r !== void 0 ? r + "%" : "Indeterminate" }) }),
+        Array.from({ length: o || 1 }, (_, t) => /* @__PURE__ */ p(
           "div",
           {
             className: "component-progress__step",
-            "data-phase": e === n - 1 ? "present" : e < n - 1 ? "past" : "future"
+            "data-phase": t === s - 1 ? "present" : t < s - 1 ? "past" : "future"
           },
-          e
+          t
         ))
       ]
     }
   );
 };
 export {
-  N as Progress
+  P as Progress
 };

package/dist/components/shell/index.js

@@ -0,0 +1,12 @@
+import { Navigation as o } from "./navigation.js";
+import { Pane as r } from "./pane.js";
+import { Root as t } from "./root.js";
+import { Sidebar as i } from "./sidebar.js";
+import '../../assets/index8.css';const f = Object.assign(t, {
+  Pane: r,
+  Sidebar: i,
+  Navigation: o
+});
+export {
+  f as Shell
+};

package/dist/components/shell/navigation.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+interface NavigationProps extends PropsWithChildren {
+    className?: string;
+}
+export declare const Navigation: FC<NavigationProps>;
+export {};

package/dist/components/shell/navigation.js

@@ -0,0 +1,6 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
+const m = ({ className: o, children: n }) => /* @__PURE__ */ t("div", { className: i("component-shell__navigation", o), children: n });
+export {
+  m as Navigation
+};

package/dist/components/shell/pane.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+interface PaneProps extends PropsWithChildren {
+    className?: string;
+    edgeless?: boolean | "x" | "y" | "top" | "bottom" | "left" | "right" | "all";
+    weight?: number;
+    minWidth?: string;
+}
+export declare const Pane: FC<PaneProps>;
+export {};

package/dist/components/shell/pane.js

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';/* empty css                   */
+import "react";
+/* empty css                   */
+/* empty css                   */
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import { ScrollArea as n } from "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+const v = ({
+  className: m,
+  edgeless: o = !1,
+  weight: t = 1,
+  minWidth: p = "20rem",
+  children: e
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: i(
+      "component-shell__pane",
+      o && `component-shell__pane--edgeless-${o === !0 ? "all" : o}`,
+      m
+    ),
+    style: {
+      "--pane-weight": t,
+      "--pane-min-width": p
+    },
+    children: /* @__PURE__ */ r(n, { className: "component-shell__pane__scroll-area", axis: "y", children: e })
+  }
+);
+export {
+  v as Pane
+};

package/dist/components/shell/root.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactElement } from 'react';
+interface RootProps {
+    className?: string;
+    children?: ReactElement[];
+}
+export declare const Root: FC<RootProps>;
+export {};

package/dist/components/shell/root.js

@@ -0,0 +1,31 @@
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';/* empty css                   */
+import { Children as p } from "react";
+/* empty css                   */
+/* empty css                   */
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import { ScrollArea as l } from "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+import { Pane as t } from "./pane.js";
+const b = ({ className: e, children: r }) => {
+  const n = p.map(
+    r,
+    (o) => (o == null ? void 0 : o.type) === t ? o : null
+  ), s = p.map(
+    r,
+    (o) => (o == null ? void 0 : o.type) !== t ? o : null
+  );
+  return /* @__PURE__ */ a("div", { className: i("component-shell", e), children: [
+    s,
+    /* @__PURE__ */ m(l, { className: "component-shell__panes", axis: "x", children: /* @__PURE__ */ m("div", { className: "component-shell__panes-wrapper", children: n }) })
+  ] });
+};
+export {
+  b as Root
+};

package/dist/components/shell/sidebar.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+interface SidebarProps extends PropsWithChildren {
+    className?: string;
+}
+export declare const Sidebar: FC<SidebarProps>;
+export {};

package/dist/components/shell/sidebar.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+const i = ({ className: r, children: o }) => /* @__PURE__ */ e("div", { className: m("component-shell__sidebar", r), children: o });
+export {
+  i as Sidebar
+};

package/dist/components/tabs/index.js

@@ -2,7 +2,7 @@ import { List as o } from "./list.js";
 import { Panel as r } from "./panel.js";
 import { Tabs as m } from "./root.js";
 import { Tab as s } from "./tab.js";
-import '../../assets/index2.css';const p = Object.assign(m, {
+import '../../assets/index9.css';const p = Object.assign(m, {
   Panel: r,
   List: o,
   Tab: s

package/dist/components/tabs/list.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { a as u, T as b } from "../../UYGDZTLQ-DcCmv5SE.js";
-import { u as f } from "../../5JTVDSTH-CG1NL6Fw.js";
-import { f as l, a as v, q as d, _ as T, i as _, l as L, o as i } from "../../LMDWO4NN--KEvZePp.js";
+import { u, T as b } from "../../UYGDZTLQ-fOwUiOjI.js";
+import { u as f } from "../../5JTVDSTH-CIreO5bC.js";
+import { f as l, c as v, a as d, _ as T, i as _, l as L, o as i } from "../../LMDWO4NN-DdLnHzru.js";
 var x = "div", E = v(
   function(r) {
     var e = r, { store: t } = e, o = T(e, ["store"]);

package/dist/components/tabs/panel.js

@@ -1,11 +1,12 @@
 import { jsx as S } from "react/jsx-runtime";
 import { cn as A } from "../../utils/css.js";
-import { a as K, T as O } from "../../UYGDZTLQ-DcCmv5SE.js";
-import { u as j, a as V } from "../../WYCIER3C-DRn904Gy.js";
-import { u as q } from "../../RZ4GPYOB-13-5LlEb.js";
-import { g as F, u as W } from "../../PFRGBC2K-BEg8ahbY.js";
-import { a as T } from "../../YV4JVR4I-kvospPUa.js";
-import { f as z, a as B, q as G, _ as J, i as Q, s as U, e as h, m as _, o as d, l as X, n as Y } from "../../LMDWO4NN--KEvZePp.js";
+import { u as K, T as O } from "../../UYGDZTLQ-fOwUiOjI.js";
+import { u as j } from "../../KFH4SEIX-D-fCkpQv.js";
+import { u as V } from "../../WYCIER3C-S-jsj0wy.js";
+import { u as q } from "../../RZ4GPYOB-c8s_KHUk.js";
+import { g as F, u as W } from "../../PFRGBC2K-DUhGSIey.js";
+import { a as T } from "../../YV4JVR4I-BXEaRiAN.js";
+import { f as z, c as B, a as G, _ as J, i as Q, q as U, e as h, m as _, o as d, l as X, n as Y } from "../../LMDWO4NN-DdLnHzru.js";
 import { useRef as w, useEffect as R, useState as Z, useCallback as $ } from "react";
 var ee = "div", te = B(
   function(c) {
@@ -38,7 +39,7 @@ var ee = "div", te = B(
     ), k = T(
       t,
       (e) => !!s && e.selectedId === s
-    ), g = j({ open: k }), P = T(g, "mounted"), E = w(
+    ), g = V({ open: k }), P = T(g, "mounted"), E = w(
       /* @__PURE__ */ new Map()
     ), x = h(() => {
       const e = I.current;
@@ -107,13 +108,13 @@ var ee = "div", te = B(
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !t.composite && !H
-    }, r)), r = V(d({ store: g }, r)), r = q(_(d({ store: t.panels }, r), { getItem: M })), r;
+    }, r)), r = j(d({ store: g }, r)), r = q(_(d({ store: t.panels }, r), { getItem: M })), r;
   }
 ), re = z(function(c) {
   const a = te(c);
   return G(ee, a);
 });
-const me = ({
+const fe = ({
   value: f,
   className: c,
   style: a,
@@ -128,5 +129,5 @@ const me = ({
   }
 );
 export {
-  me as Panel
+  fe as Panel
 };