quirk-ui 0.0.103 → 0.0.104

package/dist/components/Tabs/index.js

@@ -1,6 +1,6 @@
 import { jsx as b, jsxs as h } from "react/jsx-runtime";
-import T, { useState as x, useId as L, useRef as u, useMemo as I, useEffect as d } from "react";
-import { TabsContext as R, useTabsContext as g } from "./Context.js";
+import T, { useState as x, useId as L, useRef as v, useMemo as I, useEffect as d } from "react";
+import { TabsContext as R, useTabsContext as m } from "./Context.js";
 import '../../assets/index33.css';const A = "_tabs_1wmov_1", C = "_tabsList_1wmov_7", H = "_left_1wmov_13", N = "_center_1wmov_17", W = "_right_1wmov_21", k = "_tabsTrigger_1wmov_25", M = "_active_1wmov_40", j = "_tabsPanelWrapper_1wmov_45", D = "_tabsPanel_1wmov_45", n = {
   tabs: A,
   tabsList: C,
@@ -16,31 +16,31 @@ import '../../assets/index33.css';const A = "_tabs_1wmov_1", C = "_tabsList_1wmo
   center: n.center,
   right: n.right
 };
-function v({
+function P({
   children: r,
   defaultIndex: e = 0,
   align: a = "left"
 }) {
-  const [s, l] = x(e), o = L(), p = [], _ = [], f = u(null), i = u([]), y = I(
-    () => ({ activeIndex: s, setActiveIndex: l, idPrefix: o, align: a, panelRefs: i }),
+  const [s, c] = x(e), o = L(), p = [], _ = [], l = v(null), i = v([]), y = I(
+    () => ({ activeIndex: s, setActiveIndex: c, idPrefix: o, align: a, panelRefs: i }),
     [s, o, a]
   );
   return T.Children.forEach(r, (t) => {
-    var c;
-    (t == null ? void 0 : t.type) === w ? p.push(t) : ((t == null ? void 0 : t.type) === $ || ((c = t == null ? void 0 : t.type) == null ? void 0 : c.name) === "Panel") && _.push(t);
+    var f;
+    (t == null ? void 0 : t.type) === w ? p.push(t) : ((t == null ? void 0 : t.type) === $ || ((f = t == null ? void 0 : t.type) == null ? void 0 : f.name) === "Panel") && _.push(t);
   }), d(() => {
-    const t = f.current, c = i.current[s];
-    if (console.log({ wrapper: t, currentPanel: c, activeIndex: s }), t && c) {
-      const m = t.offsetHeight, P = c.offsetHeight;
-      m !== P && (t.style.height = `${m}px`, t.offsetHeight, t.style.height = `${P}px`);
+    const t = l.current, f = i.current[s];
+    if (t && f) {
+      const u = t.offsetHeight, g = f.offsetHeight;
+      console.log({ prevHeight: u, newHeight: g }), u !== g && (t.style.height = `${u}px`, t.offsetHeight, t.style.height = `${g}px`);
     }
   }, [s]), /* @__PURE__ */ b(R.Provider, { value: y, children: /* @__PURE__ */ h("div", { className: n.tabs, children: [
     p,
-    /* @__PURE__ */ b("div", { ref: f, className: n.tabsPanelWrapper, children: _ })
+    /* @__PURE__ */ b("div", { ref: l, className: n.tabsPanelWrapper, children: _ })
   ] }) });
 }
 function w({ children: r }) {
-  const { align: e } = g();
+  const { align: e } = m();
   return /* @__PURE__ */ b(
     "div",
     {
@@ -52,8 +52,8 @@ function w({ children: r }) {
   );
 }
 function K({ children: r, index: e }) {
-  const { activeIndex: a, setActiveIndex: s, idPrefix: l } = g(), o = u(null), p = (f) => {
-    f.key === "ArrowRight" ? s((i) => i + 1) : f.key === "ArrowLeft" && s((i) => Math.max(0, i - 1));
+  const { activeIndex: a, setActiveIndex: s, idPrefix: c } = m(), o = v(null), p = (l) => {
+    l.key === "ArrowRight" ? s((i) => i + 1) : l.key === "ArrowLeft" && s((i) => Math.max(0, i - 1));
   }, _ = a === e;
   return /* @__PURE__ */ b(
     "button",
@@ -61,7 +61,7 @@ function K({ children: r, index: e }) {
       className: `${n.tabsTrigger} ${_ ? n.active : ""}`,
       role: "tab",
       ref: o,
-      id: `${l}-tab-${e}`,
+      id: `${c}-tab-${e}`,
       "aria-selected": a === e,
       tabIndex: a === e ? 0 : -1,
       onClick: () => s(e),
@@ -71,12 +71,12 @@ function K({ children: r, index: e }) {
   );
 }
 function $({ children: r, index: e }) {
-  const { activeIndex: a, idPrefix: s, panelRefs: l } = g();
+  const { activeIndex: a, idPrefix: s, panelRefs: c } = m();
   return e !== a ? null : /* @__PURE__ */ b(
     "div",
     {
       ref: (o) => {
-        l.current[e] = o;
+        c.current[e] = o;
       },
       className: n.tabsPanel,
       role: "tabpanel",
@@ -88,11 +88,11 @@ function $({ children: r, index: e }) {
     }
   );
 }
-v.List = w;
-v.Trigger = K;
-v.Panel = $;
+P.List = w;
+P.Trigger = K;
+P.Panel = $;
 export {
-  v as Tabs,
+  P as Tabs,
   E as alignClassMap,
-  v as default
+  P as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.103",
+  "version": "0.0.104",
   "type": "module",
   "exports": {
     ".": {