@caseparts-org/caseblocks 0.0.99 → 0.0.101

package/dist/assets/HorizontalScroll.css

@@ -1 +1 @@
-._root_1bnow_1{width:100%}._header_1bnow_5{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-spacing-2xs);margin-bottom:var(--spacing-spacing-2xs)}._controls_1bnow_13{display:flex;align-items:center;gap:var(--spacing-spacing-2xs)}._controlBtn_1bnow_18{cursor:pointer;padding:var(--spacing-spacing-3xs);border:none;background-color:transparent;line-height:1;display:flex;align-items:center;justify-content:center}._controlBtn_1bnow_18:hover{color:var(--color-brand-primary-primary-teal-blue)}._controlBtn_1bnow_18:disabled:hover{cursor:default;color:var(--color-neutrals-neutral-3)}._container_1bnow_37{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:pan-x}._dragging_1bnow_50{cursor:grabbing}._noOverflow_1bnow_53{cursor:default}._scrollVisibility--false_1bnow_58{scrollbar-width:none;-ms-overflow-style:none}._scrollVisibility--false_1bnow_58::-webkit-scrollbar{display:none}._viewport_1bnow_66{position:relative}._indicator_1bnow_69{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:1;transition:opacity .25s;z-index:1}._left_1bnow_79{left:0;background:linear-gradient(to right,var(--horizontal-scroll-indicator-color, rgba(0,0,0,.15)) 0%,rgba(0,0,0,0) 100%)}._right_1bnow_85{right:0;background:linear-gradient(to left,var(--horizontal-scroll-indicator-color, rgba(0,0,0,.15)) 0%,rgba(0,0,0,0) 100%)}._hidden_1bnow_91{opacity:0}
+._root_12m2a_1{width:100%}._header_12m2a_5{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-spacing-2xs);margin-bottom:var(--spacing-spacing-2xs)}._controls_12m2a_13{display:flex;align-items:center;gap:var(--spacing-spacing-2xs)}._controlBtn_12m2a_18{cursor:pointer;padding:0;border:none;background-color:transparent;line-height:1;display:flex;align-items:center;justify-content:center}._controlBtn_12m2a_18:hover{color:var(--color-brand-primary-primary-teal-blue)}._controlBtn_12m2a_18:disabled:hover{cursor:default;color:var(--color-neutrals-neutral-3)}._container_12m2a_37{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:pan-x}._dragging_12m2a_50{cursor:grabbing}._noOverflow_12m2a_53{cursor:default}._scrollVisibility--false_12m2a_58{scrollbar-width:none;-ms-overflow-style:none}._scrollVisibility--false_12m2a_58::-webkit-scrollbar{display:none}._viewport_12m2a_66{position:relative}._indicator_12m2a_69{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:1;transition:opacity .25s;z-index:1}._left_12m2a_79{left:0;background:linear-gradient(to right,var(--horizontal-scroll-indicator-color, rgba(0,0,0,.15)) 0%,rgba(0,0,0,0) 100%)}._right_12m2a_85{right:0;background:linear-gradient(to left,var(--horizontal-scroll-indicator-color, rgba(0,0,0,.15)) 0%,rgba(0,0,0,0) 100%)}._hidden_12m2a_91{opacity:0}

package/dist/atoms/HorizontalScroll/HorizontalScroll.d.ts

@@ -1,6 +1,8 @@
 import { PropsWithChildren, ReactNode } from 'react';
 export interface HorizontalScrollProps extends PropsWithChildren {
     className?: string;
+    childrenContainerClassName?: string;
+    childrenSpacing?: number | string;
     showScrollbar?: boolean;
     caption?: ReactNode;
     scrollStep?: number;
@@ -10,4 +12,4 @@ export interface HorizontalScrollProps extends PropsWithChildren {
     showIndicators?: boolean;
     hideHeader?: boolean;
 }
-export declare function HorizontalScroll({ className, showScrollbar, children, caption, scrollStep, leftButtonContent, rightButtonContent, headerClassName, showIndicators, hideHeader, }: HorizontalScrollProps): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalScroll({ className, childrenContainerClassName, childrenSpacing, showScrollbar, children, caption, scrollStep, leftButtonContent, rightButtonContent, headerClassName, showIndicators, hideHeader, }: HorizontalScrollProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/HorizontalScroll/HorizontalScroll.js

@@ -1,58 +1,60 @@
-import { jsxs as i, jsx as l, Fragment as V } from "react/jsx-runtime";
-import { useRef as b, useState as h, useEffect as m } from "react";
+import { jsxs as i, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { useRef as v, useState as h, useEffect as g } from "react";
 import { Icon as N } from "../Icon/Icon.js";
-import { Text as Y } from "../Text/Text.js";
-import { c as a } from "../../clsx-OuTLNxxd.js";
-import '../../assets/HorizontalScroll.css';const j = "_root_1bnow_1", F = "_header_1bnow_5", K = "_controls_1bnow_13", q = "_controlBtn_1bnow_18", G = "_container_1bnow_37", I = "_dragging_1bnow_50", U = "_noOverflow_1bnow_53", $ = "_viewport_1bnow_66", J = "_indicator_1bnow_69", Q = "_left_1bnow_79", Z = "_right_1bnow_85", tt = "_hidden_1bnow_91", e = {
-  root: j,
-  header: F,
-  controls: K,
-  controlBtn: q,
-  container: G,
-  dragging: I,
-  noOverflow: U,
-  "scrollVisibility--false": "_scrollVisibility--false_1bnow_58",
-  viewport: $,
-  indicator: J,
-  left: Q,
-  right: Z,
-  hidden: tt
+import { Text as F } from "../Text/Text.js";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import '../../assets/HorizontalScroll.css';const K = "_root_12m2a_1", q = "_header_12m2a_5", G = "_controls_12m2a_13", I = "_controlBtn_12m2a_18", U = "_container_12m2a_37", $ = "_dragging_12m2a_50", J = "_noOverflow_12m2a_53", Q = "_viewport_12m2a_66", Z = "_indicator_12m2a_69", tt = "_left_12m2a_79", et = "_right_12m2a_85", rt = "_hidden_12m2a_91", e = {
+  root: K,
+  header: q,
+  controls: G,
+  controlBtn: I,
+  container: U,
+  dragging: $,
+  noOverflow: J,
+  "scrollVisibility--false": "_scrollVisibility--false_12m2a_58",
+  viewport: Q,
+  indicator: Z,
+  left: tt,
+  right: et,
+  hidden: rt
 };
-function st({
+function it({
   className: S,
-  showScrollbar: E = !1,
-  children: C,
-  caption: d,
-  scrollStep: g = 160,
-  leftButtonContent: D,
-  rightButtonContent: W,
-  headerClassName: z,
-  showIndicators: O = !0,
-  hideHeader: B = !1
+  childrenContainerClassName: E,
+  childrenSpacing: C,
+  showScrollbar: D = !1,
+  children: W,
+  caption: f,
+  scrollStep: p = 160,
+  leftButtonContent: z,
+  rightButtonContent: O,
+  headerClassName: B,
+  showIndicators: M = !0,
+  hideHeader: P = !1
   // new default
 }) {
-  const n = b(null), [w, p] = h(!1), c = b({ x: 0, scroll: 0 }), f = b(!1), M = 5, [_, P] = h(!0), [v, R] = h(!1), [u, X] = h(!1), s = () => {
+  const n = v(null), [b, x] = h(!1), s = v({ x: 0, scroll: 0 }), u = v(!1), R = 5, [m, X] = h(!0), [_, k] = h(!1), [c, A] = h(!1), a = () => {
     const t = n.current;
     if (!t) return;
     const r = t.scrollWidth - t.clientWidth;
-    X(t.scrollWidth > t.clientWidth + 1), P(t.scrollLeft <= 0), R(t.scrollLeft >= r - 1);
-  }, k = (t) => {
-    !n.current || !u || (p(!0), c.current.x = t.clientX, c.current.scroll = n.current.scrollLeft, f.current = !1);
-  }, A = (t) => {
-    if (!w || !n.current) return;
-    const r = t.clientX - c.current.x;
-    n.current.scrollLeft = c.current.scroll - r, Math.abs(t.clientX - c.current.x) > M && (f.current = !0);
-  }, x = () => {
-    n.current && p(!1);
+    A(t.scrollWidth > t.clientWidth + 1), X(t.scrollLeft <= 0), k(t.scrollLeft >= r - 1);
   }, H = (t) => {
-    f.current && (t.preventDefault(), t.stopPropagation(), f.current = !1);
-  }, y = (t) => {
+    !n.current || !c || (x(!0), s.current.x = t.clientX, s.current.scroll = n.current.scrollLeft, u.current = !1);
+  }, T = (t) => {
+    if (!b || !n.current) return;
+    const r = t.clientX - s.current.x;
+    n.current.scrollLeft = s.current.scroll - r, Math.abs(t.clientX - s.current.x) > R && (u.current = !0);
+  }, y = () => {
+    n.current && x(!1);
+  }, V = (t) => {
+    u.current && (t.preventDefault(), t.stopPropagation(), u.current = !1);
+  }, w = (t) => {
     const r = n.current;
     if (!r) return;
     const o = Math.max(0, Math.min(r.scrollLeft + t, r.scrollWidth - r.clientWidth));
-    r.scrollTo({ left: o, behavior: "smooth" }), requestAnimationFrame(s);
+    r.scrollTo({ left: o, behavior: "smooth" }), requestAnimationFrame(a);
   };
-  m(() => {
+  g(() => {
     const t = n.current;
     if (!t) return;
     const r = (o) => {
@@ -61,31 +63,31 @@ function st({
       L !== 0 ? (o.preventDefault(), t.scrollLeft += L) : o.preventDefault();
     };
     return t.addEventListener("wheel", r, { passive: !1 }), () => t.removeEventListener("wheel", r);
-  }, []), m(() => {
+  }, []), g(() => {
     const t = n.current;
     if (t)
-      return s(), t.addEventListener("scroll", s), () => t.removeEventListener("scroll", s);
-  }, []), m(() => {
+      return a(), t.addEventListener("scroll", a), () => t.removeEventListener("scroll", a);
+  }, []), g(() => {
     const t = n.current;
     if (!t || typeof ResizeObserver > "u") return;
-    const r = new ResizeObserver(() => s());
+    const r = new ResizeObserver(() => a());
     return r.observe(t), () => r.disconnect();
   }, []);
-  const T = () => d == null ? null : typeof d == "string" ? /* @__PURE__ */ l(Y, { variant: "display", size: "2xl", className: e.caption, children: d }) : d;
-  return /* @__PURE__ */ i("div", { className: a(e.root, S), children: [
-    !B && /* @__PURE__ */ i("div", { className: a(e.header, z), children: [
-      T(),
-      /* @__PURE__ */ i("div", { className: e.controls, children: [
+  const Y = () => f == null ? null : typeof f == "string" ? /* @__PURE__ */ l(F, { variant: "display", size: "2xl", className: e.caption, children: f }) : f;
+  return /* @__PURE__ */ i("div", { className: d(e.root, S), children: [
+    !P && /* @__PURE__ */ i("div", { className: d(e.header, B), children: [
+      Y(),
+      c && /* @__PURE__ */ i("div", { className: e.controls, children: [
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             className: e.controlBtn,
-            onClick: () => y(-g),
+            onClick: () => w(-p),
             "aria-label": "Scroll left",
-            disabled: _,
-            "aria-disabled": _,
-            children: D ?? /* @__PURE__ */ l(N, { iconKey: "fa-regular fa-chevron-left", size: "sm" })
+            disabled: m,
+            "aria-disabled": m,
+            children: z ?? /* @__PURE__ */ l(N, { iconKey: "fa-regular fa-chevron-left", size: "sm" })
           }
         ),
         /* @__PURE__ */ l(
@@ -93,11 +95,11 @@ function st({
           {
             type: "button",
             className: e.controlBtn,
-            onClick: () => y(g),
+            onClick: () => w(p),
             "aria-label": "Scroll right",
-            disabled: v,
-            "aria-disabled": v,
-            children: W ?? /* @__PURE__ */ l(N, { iconKey: "fa-regular fa-chevron-right", size: "sm" })
+            disabled: _,
+            "aria-disabled": _,
+            children: O ?? /* @__PURE__ */ l(N, { iconKey: "fa-regular fa-chevron-right", size: "sm" })
           }
         )
       ] })
@@ -107,38 +109,40 @@ function st({
         "div",
         {
           ref: n,
-          className: a(
+          style: { gap: C ?? "var(--spacing-spacing-3xs)" },
+          className: d(
             e.container,
-            e[`scrollVisibility--${E}`],
-            w ? e.dragging : "",
-            !u && e.noOverflow
+            e[`scrollVisibility--${D}`],
+            b ? e.dragging : "",
+            !c && e.noOverflow,
+            E
           ),
-          onPointerDown: k,
-          onPointerMove: A,
-          onPointerLeave: x,
-          onPointerUp: x,
-          onClickCapture: H,
-          children: C
+          onPointerDown: H,
+          onPointerMove: T,
+          onPointerLeave: y,
+          onPointerUp: y,
+          onClickCapture: V,
+          children: W
         }
       ),
-      O && /* @__PURE__ */ i(V, { children: [
+      M && /* @__PURE__ */ i(j, { children: [
         /* @__PURE__ */ l(
           "div",
           {
-            className: a(
+            className: d(
               e.indicator,
               e.left,
-              (_ || !u) && e.hidden
+              (m || !c) && e.hidden
             )
           }
         ),
         /* @__PURE__ */ l(
           "div",
           {
-            className: a(
+            className: d(
               e.indicator,
               e.right,
-              (v || !u) && e.hidden
+              (_ || !c) && e.hidden
             )
           }
         )
@@ -147,5 +151,5 @@ function st({
   ] });
 }
 export {
-  st as HorizontalScroll
+  it as HorizontalScroll
 };

package/dist/atoms/HorizontalScroll/HorizontalScroll.stories.d.ts

@@ -4,11 +4,11 @@ interface DemoArgs {
     itemCount: number;
     itemWidth: number;
     itemHeight: number;
-    gap: number;
     rounded: boolean;
     gradient: boolean;
     showIndicators: boolean;
     hideHeader: boolean;
+    childrenSpacing: number;
 }
 type StoryArgs = DemoArgs;
 declare const meta: Meta<StoryArgs>;

package/dist/atoms/HorizontalScroll/HorizontalScroll.stories.js

@@ -1,6 +1,6 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { HorizontalScroll as r } from "./HorizontalScroll.js";
-const b = {
+const u = {
   title: "Case Parts/Atoms/HorizontalScroll",
   component: r,
   tags: ["autodocs"],
@@ -38,10 +38,6 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
       control: { type: "number", min: 30, max: 240, step: 5 },
       description: "Height of each item (px)."
     },
-    gap: {
-      control: { type: "number", min: 0, max: 48, step: 2 },
-      description: "Gap between items (px)."
-    },
     rounded: {
       control: { type: "boolean" },
       description: "Apply border radius to items."
@@ -57,6 +53,10 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
     hideHeader: {
       control: { type: "boolean" },
       description: "Hide the caption row and arrow controls."
+    },
+    childrenSpacing: {
+      control: { type: "number", min: 0, max: 64, step: 2 },
+      description: "Gap between direct children (flex gap)."
     }
   },
   args: {
@@ -64,25 +64,26 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
     itemCount: 20,
     itemWidth: 120,
     itemHeight: 80,
-    gap: 12,
     rounded: !0,
     gradient: !0,
     showIndicators: !0,
     // new default
-    hideHeader: !1
+    hideHeader: !1,
+    // new default
+    childrenSpacing: 12
     // new default
   }
-}, i = /* @__PURE__ */ o("style", { children: `
+}, n = /* @__PURE__ */ o("style", { children: `
       .horizontalDemoScroll {
         touch-action: none; /* ensure pointer events for horizontal drag */
       }
       .horizontalDemoScroll a {
         -webkit-user-drag: none; /* Safari/Chrome: prevent ghost dragging of link */
       }
-    ` }), n = (e) => {
-  const { itemCount: d, itemWidth: s, itemHeight: a, gap: c, rounded: h, gradient: m } = e;
-  return Array.from({ length: d }, (g, p) => {
-    const l = p + 1;
+    ` }), t = (e) => {
+  const { itemCount: d, itemWidth: c, itemHeight: l, rounded: s, gradient: h } = e;
+  return Array.from({ length: d }, (p, m) => {
+    const a = m + 1;
     return /* @__PURE__ */ o(
       "a",
       {
@@ -90,29 +91,28 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         draggable: !1,
         style: {
           flex: "0 0 auto",
-          width: s,
-          height: a,
-          marginRight: c,
-          borderRadius: h ? 8 : 0,
-          background: m ? "linear-gradient(135deg,#4F46E5,#6366F1)" : "#4F46E5",
+          width: c,
+          height: l,
+          borderRadius: s ? 8 : 0,
+          background: h ? "linear-gradient(135deg,#4F46E5,#6366F1)" : "#4F46E5",
           color: "#fff",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          fontSize: Math.max(12, Math.min(24, a / 3)),
+          fontSize: Math.max(12, Math.min(24, l / 3)),
           fontWeight: 600,
           userSelect: "none",
           boxShadow: "0 2px 6px rgba(0,0,0,0.25)"
         },
-        children: l
+        children: a
       },
-      l
+      a
     );
   });
-}, S = {
+}, w = {
   name: "Playground",
-  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
-    i,
+  render: (e) => /* @__PURE__ */ i("div", { style: { padding: 24 }, children: [
+    n,
     /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "HorizontalScroll Playground" }),
     /* @__PURE__ */ o("p", { style: { margin: "0 0 16px", fontSize: 14, color: "#555" }, children: "Drag horizontally or use the mouse wheel. Tweak values in Controls." }),
     /* @__PURE__ */ o(
@@ -122,15 +122,16 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         showScrollbar: e.showScrollbar,
         showIndicators: e.showIndicators,
         hideHeader: e.hideHeader,
+        childrenSpacing: e.childrenSpacing,
         caption: `Playground (${e.itemCount} items)`,
-        children: n(e)
+        children: t(e)
       }
     )
   ] })
-}, y = {
+}, b = {
   args: { showScrollbar: !0 },
-  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
-    i,
+  render: (e) => /* @__PURE__ */ i("div", { style: { padding: 24 }, children: [
+    n,
     /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Scrollbar Visible" }),
     /* @__PURE__ */ o(
       r,
@@ -139,21 +140,21 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         showScrollbar: !0,
         showIndicators: e.showIndicators,
         hideHeader: e.hideHeader,
+        childrenSpacing: e.childrenSpacing,
         caption: "Scrollbar Visible",
-        children: n(e)
+        children: t(e)
       }
     )
   ] })
-}, f = {
+}, y = {
   args: {
     itemCount: 40,
     itemWidth: 90,
     itemHeight: 60,
-    gap: 8,
     showScrollbar: !1
   },
-  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
-    i,
+  render: (e) => /* @__PURE__ */ i("div", { style: { padding: 24 }, children: [
+    n,
     /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Dense Small Items" }),
     /* @__PURE__ */ o(
       r,
@@ -162,21 +163,21 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         showScrollbar: e.showScrollbar,
         showIndicators: e.showIndicators,
         hideHeader: e.hideHeader,
+        childrenSpacing: e.childrenSpacing,
         caption: `Dense (${e.itemCount} items)`,
-        children: n(e)
+        children: t(e)
       }
     )
   ] })
-}, H = {
+}, f = {
   args: {
     itemCount: 12,
     itemWidth: 260,
     itemHeight: 160,
-    gap: 16,
     gradient: !1
   },
-  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
-    i,
+  render: (e) => /* @__PURE__ */ i("div", { style: { padding: 24 }, children: [
+    n,
     /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Large Cards" }),
     /* @__PURE__ */ o(
       r,
@@ -185,22 +186,23 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         showScrollbar: e.showScrollbar,
         showIndicators: e.showIndicators,
         hideHeader: e.hideHeader,
+        childrenSpacing: e.childrenSpacing,
         caption: "Large Cards",
-        children: n(e)
+        children: t(e)
       }
     )
   ] })
-}, x = {
+}, H = {
   name: "Without Indicators",
   args: {
     showIndicators: !1,
     itemCount: 16,
     itemWidth: 140,
     itemHeight: 72,
-    gap: 12
+    childrenSpacing: 12
   },
-  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
-    i,
+  render: (e) => /* @__PURE__ */ i("div", { style: { padding: 24 }, children: [
+    n,
     /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Indicators Disabled" }),
     /* @__PURE__ */ o(
       r,
@@ -209,23 +211,23 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         showScrollbar: e.showScrollbar,
         showIndicators: !1,
         hideHeader: e.hideHeader,
+        childrenSpacing: e.childrenSpacing,
         caption: "No Edge Indicators",
-        children: n(e)
+        children: t(e)
       }
     )
   ] })
-}, I = {
+}, x = {
   name: "Header Hidden",
   args: {
     hideHeader: !0,
     itemCount: 14,
     itemWidth: 130,
     itemHeight: 70,
-    gap: 10,
     showIndicators: !0
   },
-  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
-    i,
+  render: (e) => /* @__PURE__ */ i("div", { style: { padding: 24 }, children: [
+    n,
     /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Header Hidden" }),
     /* @__PURE__ */ o(
       r,
@@ -234,18 +236,19 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
         showScrollbar: e.showScrollbar,
         showIndicators: e.showIndicators,
         hideHeader: !0,
+        childrenSpacing: e.childrenSpacing,
         caption: "(Will not render since header hidden)",
-        children: n(e)
+        children: t(e)
       }
     )
   ] })
 };
 export {
-  f as DenseSmallItems,
-  I as HeaderHidden,
-  H as LargeCards,
-  S as Playground,
-  y as WithScrollbar,
-  x as WithoutIndicators,
-  b as default
+  y as DenseSmallItems,
+  x as HeaderHidden,
+  f as LargeCards,
+  w as Playground,
+  b as WithScrollbar,
+  H as WithoutIndicators,
+  u as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.99",
+  "version": "0.0.101",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",