@caseparts-org/caseblocks 0.0.139 → 0.0.141

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

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

package/dist/atoms/HorizontalScroll/HorizontalScroll.js

@@ -1,26 +1,27 @@
-import { jsxs as d, jsx as l, Fragment as F } from "react/jsx-runtime";
+import { jsxs as d, jsx as l, Fragment as K } from "react/jsx-runtime";
 import { useRef as g, useState as h, useEffect as m } from "react";
-import { Icon as N } from "../Icon/Icon.js";
-import { Text as K } from "../Text/Text.js";
+import { Icon as S } from "../Icon/Icon.js";
+import { Text as q } from "../Text/Text.js";
 import { c as i } from "../../clsx-OuTLNxxd.js";
-import '../../assets/HorizontalScroll.css';const q = "_root_1565i_1", G = "_header_1565i_5", I = "_caption_1565i_13", U = "_controls_1565i_21", $ = "_controlBtn_1565i_26", J = "_container_1565i_45", Q = "_dragging_1565i_58", Z = "_noOverflow_1565i_61", tt = "_viewport_1565i_74", et = "_indicator_1565i_77", rt = "_left_1565i_87", nt = "_right_1565i_93", ot = "_hidden_1565i_99", e = {
-  root: q,
-  header: G,
-  caption: I,
-  controls: U,
-  controlBtn: $,
-  container: J,
-  dragging: Q,
-  noOverflow: Z,
+import { getHideAtStyles as G } from "../HideAt.js";
+import '../../assets/HorizontalScroll.css';const I = "_root_1565i_1", U = "_header_1565i_5", $ = "_caption_1565i_13", J = "_controls_1565i_21", Q = "_controlBtn_1565i_26", Z = "_container_1565i_45", tt = "_dragging_1565i_58", et = "_noOverflow_1565i_61", rt = "_viewport_1565i_74", nt = "_indicator_1565i_77", ot = "_left_1565i_87", lt = "_right_1565i_93", it = "_hidden_1565i_99", e = {
+  root: I,
+  header: U,
+  caption: $,
+  controls: J,
+  controlBtn: Q,
+  container: Z,
+  dragging: tt,
+  noOverflow: et,
   "scrollVisibility--false": "_scrollVisibility--false_1565i_66",
-  viewport: tt,
-  indicator: et,
-  left: rt,
-  right: nt,
-  hidden: ot
+  viewport: rt,
+  indicator: nt,
+  left: ot,
+  right: lt,
+  hidden: it
 };
-function ft({
-  className: S,
+function _t({
+  className: N,
   childrenContainerClassName: E,
   childrenSpacing: C,
   showScrollbar: D = !1,
@@ -31,24 +32,25 @@ function ft({
   rightButtonContent: O,
   headerContainerClassName: B,
   headerClassName: M,
-  showIndicators: P = !0,
-  hideHeader: R = !1
+  showIndicators: A = !0,
+  hideHeader: P = !1,
   // new default
+  hideAt: R
 }) {
-  const n = g(null), [b, x] = h(!1), c = g({ x: 0, scroll: 0 }), u = g(!1), X = 5, [_, k] = h(!0), [v, A] = h(!1), [s, H] = h(!1), a = () => {
+  const n = g(null), [b, x] = h(!1), c = g({ x: 0, scroll: 0 }), u = g(!1), X = 5, [_, k] = h(!0), [v, H] = h(!1), [s, T] = h(!1), a = () => {
     const t = n.current;
     if (!t) return;
     const r = t.scrollWidth - t.clientWidth;
-    H(t.scrollWidth > t.clientWidth + 1), k(t.scrollLeft <= 0), A(t.scrollLeft >= r - 1);
-  }, T = (t) => {
-    !n.current || !s || (x(!0), c.current.x = t.clientX, c.current.scroll = n.current.scrollLeft, u.current = !1);
+    T(t.scrollWidth > t.clientWidth + 1), k(t.scrollLeft <= 0), H(t.scrollLeft >= r - 1);
   }, V = (t) => {
+    !n.current || !s || (x(!0), c.current.x = t.clientX, c.current.scroll = n.current.scrollLeft, u.current = !1);
+  }, Y = (t) => {
     if (!b || !n.current) return;
     const r = t.clientX - c.current.x;
     n.current.scrollLeft = c.current.scroll - r, Math.abs(t.clientX - c.current.x) > X && (u.current = !0);
   }, y = () => {
     n.current && x(!1);
-  }, Y = (t) => {
+  }, j = (t) => {
     u.current && (t.preventDefault(), t.stopPropagation(), u.current = !1);
   }, w = (t) => {
     const r = n.current;
@@ -75,10 +77,10 @@ function ft({
     const r = new ResizeObserver(() => a());
     return r.observe(t), () => r.disconnect();
   }, []);
-  const j = () => f == null ? null : typeof f == "string" ? /* @__PURE__ */ l(K, { variant: "display", size: "2xl", className: i(M, e.caption), children: f }) : f;
-  return /* @__PURE__ */ d("div", { className: i(e.root, S), children: [
-    !R && /* @__PURE__ */ d("div", { className: i(B, e.header), children: [
-      j(),
+  const F = () => f == null ? null : typeof f == "string" ? /* @__PURE__ */ l(q, { variant: "display", size: "2xl", className: i(M, e.caption), children: f }) : f;
+  return /* @__PURE__ */ d("div", { className: i(e.root, N, G(R)), children: [
+    !P && /* @__PURE__ */ d("div", { className: i(B, e.header), children: [
+      F(),
       s && /* @__PURE__ */ d("div", { className: e.controls, children: [
         /* @__PURE__ */ l(
           "button",
@@ -89,7 +91,7 @@ function ft({
             "aria-label": "Scroll left",
             disabled: _,
             "aria-disabled": _,
-            children: z ?? /* @__PURE__ */ l(N, { iconKey: "fa-regular fa-chevron-left", size: "sm" })
+            children: z ?? /* @__PURE__ */ l(S, { iconKey: "fa-regular fa-chevron-left", size: "sm" })
           }
         ),
         /* @__PURE__ */ l(
@@ -101,7 +103,7 @@ function ft({
             "aria-label": "Scroll right",
             disabled: v,
             "aria-disabled": v,
-            children: O ?? /* @__PURE__ */ l(N, { iconKey: "fa-regular fa-chevron-right", size: "sm" })
+            children: O ?? /* @__PURE__ */ l(S, { iconKey: "fa-regular fa-chevron-right", size: "sm" })
           }
         )
       ] })
@@ -119,15 +121,15 @@ function ft({
             !s && e.noOverflow,
             E
           ),
-          onPointerDown: T,
-          onPointerMove: V,
+          onPointerDown: V,
+          onPointerMove: Y,
           onPointerLeave: y,
           onPointerUp: y,
-          onClickCapture: Y,
+          onClickCapture: j,
           children: W
         }
       ),
-      P && /* @__PURE__ */ d(F, { children: [
+      A && /* @__PURE__ */ d(K, { children: [
         /* @__PURE__ */ l(
           "div",
           {
@@ -153,5 +155,5 @@ function ft({
   ] });
 }
 export {
-  ft as HorizontalScroll
+  _t as HorizontalScroll
 };

package/dist/atoms/Icon/Icon.d.ts

@@ -1,11 +1,10 @@
 import { HideAtProps } from '../HideAt';
-type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
-type IconVariant = "fa-sharp" | "fa-duotone" | "fa-sharp-duotone";
-type IconColorToken = "inherit" | "default" | "default-inverted" | "secondary" | "warning" | "error-warning" | "success";
-interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
+export type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
+export type IconVariant = "fa-sharp" | "fa-duotone" | "fa-sharp-duotone";
+export type IconColorToken = "inherit" | "default" | "default-inverted" | "secondary" | "warning" | "error-warning" | "success";
+export interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
     iconKey: `${IconSet} ${string}` | `${IconVariant} ${IconSet} ${string}`;
     size?: "sm" | "md" | "lg";
     colorToken?: IconColorToken;
 }
 export declare function Icon({ iconKey, size, hideAt, className, colorToken, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/main-server.d.ts

@@ -6,6 +6,7 @@ export { Grid, Column } from './atoms/Grid/Grid';
 export type { GridProps, ColumnProps } from './atoms/Grid/Grid';
 export { Head } from './atoms/Root/Head';
 export { Icon } from './atoms/Icon/Icon';
+export type { IconProps, IconColorToken, IconSet, IconVariant } from './atoms/Icon/Icon';
 export { Root } from './atoms/Root/Root';
 export { Separator } from './atoms/Separator/Separator';
 export type { SeparatorProps } from './atoms/Separator/Separator';

package/package.json

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