@hortiview/shared-components 0.0.6829 → 0.0.6890

package/dist/components/HashTabView/HashTabView.js

@@ -1,55 +1,55 @@
 import "../../assets/HashTabView.css";
-import { jsx as a, jsxs as d, Fragment as w } from "react/jsx-runtime";
-import { Elevation as T, Group as i, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
-import { useState as I, useEffect as L } from "react";
-import { a as N } from "../../useBreakpoint-DROHPVxO.js";
-const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", $ = "_tabWrapper_1rcw6_16", j = "_tabButton_1rcw6_20", E = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", t = {
-  elevation: x,
-  themeBackground: y,
-  tabBar: W,
-  tabWrapper: $,
+import { jsx as a, jsxs as d, Fragment as T } from "react/jsx-runtime";
+import { Elevation as C, Group as i, TabBar as k, Tab as A, Padding as I } from "@element/react-components";
+import { useState as N, useEffect as P } from "react";
+import { u as x } from "../../useBreakpoint-2MH8ICuE.js";
+const y = "_elevation_16c7u_1", W = "_themeBackground_16c7u_6", $ = "_tabBar_16c7u_10", w = "_tabWrapper_16c7u_16", j = "_tabButton_16c7u_20", E = "_childContainer_16c7u_24", z = "_childContainerPhone_16c7u_28", t = {
+  elevation: y,
+  themeBackground: W,
+  tabBar: $,
+  tabWrapper: w,
   tabButton: j,
   childContainer: E,
-  childContainerLg: z
-}, p = (n, r) => !r || !n ? 0 : n.findIndex((c) => c.hash === r.replace("#", "")) ?? 0, q = ({
+  childContainerPhone: z
+}, p = (n, r) => !r || !n ? 0 : n.findIndex((o) => o.hash === r.replace("#", "")) ?? 0, q = ({
   tabs: n,
   hasHash: r = !0,
-  hash: c = "",
-  clusterAlign: _ = "start",
-  hasClusteredTabs: u,
+  hash: o = "",
+  clusterAlign: m = "start",
+  hasClusteredTabs: _,
   children: s,
   verticalGap: g = "none",
   elevation: B = 0,
   backgroundColor: v = "themeBackground",
   onChange: b
 }) => {
-  const [h, m] = I(p(n, c)), { isLg: l } = N();
-  L(() => {
-    const e = p(n, c);
-    m(e);
-  }, [c, n, r]);
+  const [u, h] = N(p(n, o)), { isDesktop: l } = x();
+  P(() => {
+    const e = p(n, o);
+    h(e);
+  }, [o, n, r]);
   const f = (e) => {
-    const o = n[e].hash;
-    o != null && r && (window.location.hash = o), m(e), b?.(e);
+    const c = n[e].hash;
+    c != null && r && (window.location.hash = c), h(e), b?.(e);
   };
   return /* @__PURE__ */ a(
-    T,
+    C,
     {
       elevation: B,
       className: `${t.elevation} ${v === "none" ? "" : t.themeBackground}`,
       children: /* @__PURE__ */ d(i, { direction: "vertical", gap: g, secondaryAlign: "stretch", children: [
         /* @__PURE__ */ d(i, { direction: l ? "horizontal" : "vertical", className: t.tabWrapper, children: [
           /* @__PURE__ */ a(
-            C,
+            k,
             {
               className: t.tabBar,
-              clustered: l ? u : !1,
-              clusterAlign: _,
+              clustered: l ? _ : !1,
+              clusterAlign: m,
               variant: "surface",
-              activeTabIndex: h,
+              activeTabIndex: u,
               onTabActivated: f,
-              children: n.map((e, o) => /* @__PURE__ */ a(
-                k,
+              children: n.map((e, c) => /* @__PURE__ */ a(
+                A,
                 {
                   icon: e.leadingIcon,
                   className: s ? t.tabButton : "",
@@ -58,20 +58,20 @@ const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rc
                     e.trailingIcon
                   ] })
                 },
-                `${o}_${e.hash}`
+                `${c}_${e.hash}`
               ))
             }
           ),
           s ? /* @__PURE__ */ a(
-            A,
+            I,
             {
               variant: "dense",
-              className: l ? t.childContainer : t.childContainerLg,
+              className: l ? t.childContainer : t.childContainerPhone,
               children: /* @__PURE__ */ a(i, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
             }
-          ) : /* @__PURE__ */ a(w, {})
+          ) : /* @__PURE__ */ a(T, {})
         ] }),
-        n[h]?.component
+        n[u]?.component
       ] })
     }
   );

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { r as a, s as e, f as r } from "../../react.esm-BBemCHUU.js";
+import { a, s as e, f as r } from "../../react.esm-DoZanrUz.js";
 import { HashTabView as c } from "./HashTabView.js";
 import { d as h, t as l, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const m = [

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as i, s as t, f as T } from "../../react.esm-BBemCHUU.js";
+import { a as i, s as t, f as T } from "../../react.esm-DoZanrUz.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
 import { d as c, t as o, v as l, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("HeaderFilter-Test", () => {

package/dist/components/Iconify/Iconify.d.ts

@@ -18,7 +18,7 @@ export type IconifyProps = {
  * @example <Iconify icon='farm' />
  * @returns
  */
-export declare const Iconify: ({ icon: iconName, pure, ...props }: IconifyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Iconify: ({ icon: iconName, pure, ...props }: IconifyProps) => JSX.Element;
 /**
  * A component that renders an icon from the available custom icons.
  * @param icon The icon to display. The available icons are listed in the {@link AvailableCustomIcons} enum.