@gearbox-protocol/permissionless-ui 1.17.9 → 1.18.0

package/dist/esm/components/hide-on/hide-on.js

@@ -1,41 +1,65 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as s } from "../../utils/cn.js";
-const o = {
+import * as o from "react";
+import { cn as a } from "../../utils/cn.js";
+const c = {
+  xs: "hidden",
+  sm: "sm:hidden",
+  md: "md:hidden",
+  lg: "lg:hidden",
+  xl: "xl:hidden",
+  extraSmall: "hidden",
   small: "sm:hidden",
   medium: "md:hidden",
   large: "lg:hidden",
   xlarge: "xl:hidden"
-};
-function c({
-  $breakpoint: e,
-  children: d,
-  className: n,
-  ...l
-}) {
-  return /* @__PURE__ */ i("div", { className: s(o[e], n), ...l, children: d });
-}
-const m = {
+}, h = {
+  xs: "block",
+  sm: "hidden sm:block",
+  md: "hidden md:block",
+  lg: "hidden lg:block",
+  xl: "hidden xl:block",
+  extraSmall: "block",
   small: "hidden sm:block",
   medium: "hidden md:block",
   large: "hidden lg:block",
   xlarge: "hidden xl:block"
 };
-function t({
-  $breakpoint: e,
-  children: d,
-  className: n,
-  ...l
+function r({
+  $breakpoint: d,
+  breakpoint: e,
+  as: l = "div",
+  children: n,
+  className: i,
+  ...m
+}) {
+  const s = d ?? e ?? "sm";
+  return o.createElement(
+    l,
+    {
+      className: a(c[s], i),
+      ...m
+    },
+    n
+  );
+}
+function x({
+  $breakpoint: d,
+  breakpoint: e,
+  as: l = "div",
+  children: n,
+  className: i,
+  ...m
 }) {
-  return /* @__PURE__ */ i(
-    "div",
+  const s = d ?? e ?? "md";
+  return o.createElement(
+    l,
     {
-      className: s(m[e], n),
-      ...l,
-      children: d
-    }
+      className: a(h[s], i),
+      ...m
+    },
+    n
   );
 }
 export {
-  c as HideOn,
-  t as ShowOn
+  r as HideOn,
+  x as ShowOn
 };