@caseparts-org/caseblocks 0.0.138 → 0.0.140

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/main-client.d.ts

@@ -32,7 +32,6 @@ export { Modal } from './molecules/Modal/Modal';
 export type { ModalProps } from './molecules/Modal/Modal';
 export { ImageViewer } from './molecules/ImageViewer/ImageViewer';
 export type { ImageViewerProps } from './molecules/ImageViewer/ImageViewer';
-export { getHideAtStyles } from './atoms/HideAt';
 export { MainNav } from './organisms/MainNav/MainNav';
 export type { MainNavProps } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';

package/dist/main-client.js

@@ -12,33 +12,33 @@ import { linkClassName as A } from "./atoms/Link/linkClassName.js";
 import { configureLink as M, routerOverride as v } from "./atoms/Link/configureLink.js";
 import { LinkButton as h } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as y } from "./atoms/Image/configureImage.js";
-import { Logo as H } from "./molecules/Logo/Logo.js";
-import { SearchBox as V } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as z } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as O } from "./molecules/Pricing/Pricing.js";
-import { Availability as R } from "./molecules/Availability/Availability.js";
-import { Avatar as j } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as D } from "./molecules/BannerCard/BannerCard.js";
-import { CardLink as J } from "./molecules/CardLink/CardLink.js";
-import { Breadcrumbs as U } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { NotFound as X } from "./organisms/NotFound/NotFound.js";
-import { HorizontalScroll as _ } from "./atoms/HorizontalScroll/HorizontalScroll.js";
-import { SlideInPanel as oo } from "./atoms/SlideInPanel/SlideInPanel.js";
-import { Markdown as eo } from "./atoms/Markdown/Markdown.js";
-import { PreprocessedMarkdown as po } from "./atoms/Markdown/PreprocessedMarkdown.js";
-import { usePreprocessedMarkdown as fo } from "./atoms/Markdown/usePreprocessedMarkdown.js";
-import { Tooltip as ao } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as io } from "./atoms/Popover/Popover.js";
-import { Account as uo } from "./molecules/Account/Account.js";
-import { Chip as so } from "./molecules/Chip/Chip.js";
-import { ToggleView as Co } from "./molecules/ToggleView/ToggleView.js";
-import { CartSlideInPanel as So } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as Po } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Ao } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Mo } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as Lo } from "./molecules/Modal/Modal.js";
-import { ImageViewer as To } from "./molecules/ImageViewer/ImageViewer.js";
-import { getHideAtStyles as Fo } from "./atoms/HideAt.js";
+import { getHideAtStyles as H } from "./atoms/HideAt.js";
+import { Logo as V } from "./molecules/Logo/Logo.js";
+import { SearchBox as z } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as O } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as R } from "./molecules/Pricing/Pricing.js";
+import { Availability as j } from "./molecules/Availability/Availability.js";
+import { Avatar as D } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as J } from "./molecules/BannerCard/BannerCard.js";
+import { CardLink as U } from "./molecules/CardLink/CardLink.js";
+import { Breadcrumbs as X } from "./molecules/Breadcrumbs/Breadcrumbs.js";
+import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
+import { HorizontalScroll as oo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
+import { SlideInPanel as eo } from "./atoms/SlideInPanel/SlideInPanel.js";
+import { Markdown as po } from "./atoms/Markdown/Markdown.js";
+import { PreprocessedMarkdown as fo } from "./atoms/Markdown/PreprocessedMarkdown.js";
+import { usePreprocessedMarkdown as ao } from "./atoms/Markdown/usePreprocessedMarkdown.js";
+import { Tooltip as io } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as uo } from "./atoms/Popover/Popover.js";
+import { Account as so } from "./molecules/Account/Account.js";
+import { Chip as Co } from "./molecules/Chip/Chip.js";
+import { ToggleView as So } from "./molecules/ToggleView/ToggleView.js";
+import { CartSlideInPanel as Po } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as Ao } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Mo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Lo } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as To } from "./molecules/Modal/Modal.js";
+import { ImageViewer as Fo } from "./molecules/ImageViewer/ImageViewer.js";
 import { MainNav as No } from "./organisms/MainNav/MainNav.js";
 import { ChipSelector as bo } from "./organisms/ChipSelector/ChipSelector.js";
 import { Product as Go } from "./organisms/Product/Product.js";
@@ -46,53 +46,53 @@ import { Carousel as Qo } from "./organisms/Carousel/Carousel.js";
 import { Footer as Zo } from "./organisms/Footer/Footer.js";
 import { default as qo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  uo as Account,
-  Mo as AddToCart,
-  Ao as AnimatedCheckMark,
-  R as Availability,
-  j as Avatar,
-  D as BannerCard,
-  U as Breadcrumbs,
+  so as Account,
+  Lo as AddToCart,
+  Mo as AnimatedCheckMark,
+  j as Availability,
+  D as Avatar,
+  J as BannerCard,
+  X as Breadcrumbs,
   e as Button,
-  J as CardLink,
+  U as CardLink,
   Qo as Carousel,
-  So as CartSlideInPanel,
-  so as Chip,
+  Po as CartSlideInPanel,
+  Co as Chip,
   bo as ChipSelector,
   f as Column,
   p as Flex,
   Zo as Footer,
   x as Grid,
   n as Head,
-  _ as HorizontalScroll,
+  oo as HorizontalScroll,
   d as Icon,
-  To as ImageViewer,
+  Fo as ImageViewer,
   S as Input,
   P as Link,
   h as LinkButton,
-  H as Logo,
+  V as Logo,
   No as MainNav,
-  eo as Markdown,
-  Lo as Modal,
-  X as NotFound,
-  io as Popover,
-  po as PreprocessedMarkdown,
-  O as Pricing,
+  po as Markdown,
+  To as Modal,
+  _ as NotFound,
+  uo as Popover,
+  fo as PreprocessedMarkdown,
+  R as Pricing,
   Go as Product,
-  z as QuantityInput,
+  O as QuantityInput,
   u as Root,
-  V as SearchBox,
+  z as SearchBox,
   s as Separator,
-  oo as SlideInPanel,
+  eo as SlideInPanel,
   qo as SpinZoomViewer,
-  Po as StatefulButton,
+  Ao as StatefulButton,
   C as Text,
-  Co as ToggleView,
-  ao as Tooltip,
+  So as ToggleView,
+  io as Tooltip,
   y as configureImage,
   M as configureLink,
-  Fo as getHideAtStyles,
+  H as getHideAtStyles,
   A as linkClassName,
   v as routerOverride,
-  fo as usePreprocessedMarkdown
+  ao as usePreprocessedMarkdown
 };

package/dist/main-server.d.ts

@@ -22,6 +22,7 @@ export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
 export { configureImage } from './atoms/Image/configureImage';
 export type { ImageProps, ImageImplementation } from './atoms/Image/Image';
 export type { HideAtProps, HideAtProp, HideAtValue } from './atoms/HideAt';
+export { getHideAtStyles } from './atoms/HideAt';
 export { Logo } from './molecules/Logo/Logo';
 export type { LogoProps } from './molecules/Logo/Logo';
 export { SearchBox } from './molecules/SearchBox/SearchBox';

package/dist/main-server.js

@@ -3,50 +3,52 @@ import { Flex as m } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
 import { Head as a } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as c } from "./atoms/Root/Root.js";
+import { Root as l } from "./atoms/Root/Root.js";
 import { Separator as g } from "./atoms/Separator/Separator.js";
 import { Text as B } from "./atoms/Text/Text.js";
-import { Input as C } from "./atoms/Input/Input.js";
-import { Link as s } from "./atoms/Link/Link.js";
-import { linkClassName as b } from "./atoms/Link/linkClassName.js";
-import { configureLink as A, routerOverride as F } from "./atoms/Link/configureLink.js";
-import { LinkButton as S } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as G } from "./atoms/Image/configureImage.js";
-import { Logo as O } from "./molecules/Logo/Logo.js";
-import { SearchBox as Q } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as T } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as q } from "./molecules/Pricing/Pricing.js";
-import { Availability as z } from "./molecules/Availability/Availability.js";
-import { Avatar as E } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as K } from "./molecules/BannerCard/BannerCard.js";
-import { CardLink as U } from "./molecules/CardLink/CardLink.js";
-import { Breadcrumbs as W } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { NotFound as Y } from "./organisms/NotFound/NotFound.js";
+import { Input as s } from "./atoms/Input/Input.js";
+import { Link as I } from "./atoms/Link/Link.js";
+import { linkClassName as y } from "./atoms/Link/linkClassName.js";
+import { configureLink as S, routerOverride as b } from "./atoms/Link/configureLink.js";
+import { LinkButton as H } from "./atoms/LinkButton/LinkButton.js";
+import { configureImage as h } from "./atoms/Image/configureImage.js";
+import { getHideAtStyles as O } from "./atoms/HideAt.js";
+import { Logo as Q } from "./molecules/Logo/Logo.js";
+import { SearchBox as T } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as q } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as z } from "./molecules/Pricing/Pricing.js";
+import { Availability as E } from "./molecules/Availability/Availability.js";
+import { Avatar as K } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
+import { CardLink as W } from "./molecules/CardLink/CardLink.js";
+import { Breadcrumbs as Y } from "./molecules/Breadcrumbs/Breadcrumbs.js";
+import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
 export {
-  z as Availability,
-  E as Avatar,
-  K as BannerCard,
-  W as Breadcrumbs,
+  E as Availability,
+  K as Avatar,
+  U as BannerCard,
+  Y as Breadcrumbs,
   t as Button,
-  U as CardLink,
+  W as CardLink,
   x as Column,
   m as Flex,
   f as Grid,
   a as Head,
   u as Icon,
-  C as Input,
-  s as Link,
-  S as LinkButton,
-  O as Logo,
-  Y as NotFound,
-  q as Pricing,
-  T as QuantityInput,
-  c as Root,
-  Q as SearchBox,
+  s as Input,
+  I as Link,
+  H as LinkButton,
+  Q as Logo,
+  _ as NotFound,
+  z as Pricing,
+  q as QuantityInput,
+  l as Root,
+  T as SearchBox,
   g as Separator,
   B as Text,
-  G as configureImage,
-  A as configureLink,
-  b as linkClassName,
-  F as routerOverride
+  h as configureImage,
+  S as configureLink,
+  O as getHideAtStyles,
+  y as linkClassName,
+  b as routerOverride
 };

package/package.json

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