@lizzelabs/react-harmony 1.0.0 → 1.1.0

package/dist/piece-provider.es.js

@@ -0,0 +1,5 @@
+import { P, u as i } from "./piece-provider-DTglah_F.js";
+export {
+  P as PieceProvider,
+  i as usePieceProvider
+};

package/dist/piece.es.js

@@ -0,0 +1,5 @@
+import { P, u as a } from "./piece-CqJl-F6G.js";
+export {
+  P as Piece,
+  a as usePiece
+};

package/dist/screen-C0RCelCe.js

@@ -0,0 +1,53 @@
+import { u as d, i as f, j as m } from "./piece-provider-DTglah_F.js";
+import { useMemo as u, useId as y, useInsertionEffect as S, memo as h } from "react";
+import { S as b } from "./styles-DofTX6nZ.js";
+import { P as g } from "./piece-CqJl-F6G.js";
+const x = (e) => {
+  const { theme: t } = d(), { id: r, fontSize: i, fontFamily: a, containerId: l } = e, n = u(() => new b(), []), s = y();
+  return S(() => (n.apply({
+    "html,body": {
+      margin: 0,
+      padding: 0,
+      border: 0,
+      fontSize: i,
+      fontWeight: 400,
+      fontStyle: "normal",
+      fontFamily: a,
+      fontOpticalSizing: "auto",
+      overflow: e.overflow ? "auto" : "hidden"
+    },
+    [`html,body,#${l}`]: {
+      height: "100dvh",
+      width: "100dvw"
+    },
+    "*::before, *::after": {
+      boxSizing: "border-box"
+    },
+    ...Array.isArray(e.globalStyle) ? e.globalStyle.reduce(
+      (c, o) => ({
+        ...c,
+        ...typeof o == "function" ? o(t) : o
+      }),
+      {}
+    ) : typeof e.globalStyle == "function" ? e.globalStyle(t) : e.globalStyle
+  }), () => {
+    n.delete();
+  }), [n, t]), {
+    id: r || s
+  };
+}, v = (e) => {
+  const { id: t } = x(e);
+  return /* @__PURE__ */ m.jsx(
+    g,
+    {
+      id: t,
+      as: "main",
+      kind: "screen",
+      children: e.children
+    }
+  );
+}, z = h(v, f);
+export {
+  z as S,
+  x as u
+};

package/dist/screen.es.js

@@ -0,0 +1,5 @@
+import { S as s, u as S } from "./screen-C0RCelCe.js";
+export {
+  s as Screen,
+  S as useScreen
+};

package/dist/scrollable-Dg_gmKLH.js

@@ -0,0 +1,94 @@
+import { useRef as w, useMemo as m, memo as S } from "react";
+import { f as k } from "./fillObjectWithDefaults-AoLKqRgC.js";
+import { u as v, i as $ } from "./piece-provider-DTglah_F.js";
+import { u as C } from "./piece-CqJl-F6G.js";
+const p = (o, e, n, a, s, i, t) => ({
+  scrollBehavior: e,
+  overflowX: s ? "auto" : "hidden",
+  overflowY: i ? "auto" : "hidden",
+  flexDirection: i ? "column" : "row",
+  ...t ? { scrollSnapType: t } : {},
+  minHeight: 0,
+  boxSizing: "content-box",
+  transition: "all 0.3s ease-in-out",
+  display: "flex",
+  flex: "1 1 100%",
+  scrollbarWidth: o,
+  scrollbarColor: `${a} ${n}`,
+  [`@supports not (scrollbar-width: ${o})`]: {
+    "&::-webkit-scrollbar": {
+      width: "8px"
+    },
+    "&::-webkit-scrollbar-thumb": {
+      backgroundColor: n,
+      border: `1px solid ${n}`
+    },
+    "&::-webkit-scrollbar-track": {
+      boxShadow: `inset 0 0 0 ${o}px ${a}`,
+      backgroundColor: a
+    }
+  }
+}), g = (o) => {
+  const { theme: e, getContext: n } = v(), a = w(null), s = m(() => n(o), [o, n]), {
+    scrollSnap: i,
+    primary: t,
+    highlight: l,
+    horizontal: c,
+    vertical: f,
+    behavior: u,
+    withStyle: r,
+    size: b,
+    ...y
+  } = k(o, s.defaults), h = m(
+    () => Array.isArray(r) ? r.reduce(
+      (x, d) => ({
+        ...x,
+        ...typeof d == "function" ? d(e) : d
+      }),
+      p(
+        b,
+        u,
+        typeof t == "function" ? t(e) : t,
+        typeof l == "function" ? l(e) : l,
+        c,
+        f,
+        i
+      )
+    ) : {
+      ...r !== void 0 && typeof r == "function" ? r(e) : r,
+      ...p(
+        b,
+        u,
+        typeof t == "function" ? t(e) : t,
+        typeof l == "function" ? l(e) : l,
+        c,
+        f,
+        i
+      )
+    },
+    [
+      r,
+      e,
+      b,
+      u,
+      t,
+      l,
+      c,
+      f,
+      i
+    ]
+  );
+  return C({
+    ...y,
+    ref: a,
+    kind: o.kind || "scrollable",
+    withStyle: h
+  });
+}, P = (o) => g(o).element, j = S(
+  P,
+  $
+);
+export {
+  j as S,
+  g as u
+};

package/dist/scrollable.es.js

@@ -0,0 +1,5 @@
+import { S as e, u as o } from "./scrollable-Dg_gmKLH.js";
+export {
+  e as Scrollable,
+  o as useScrollable
+};