@caseparts-org/caseblocks 0.0.56 → 0.0.58

package/dist/organisms/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CarouselProps } from './Carousel';
+type ExtraArgs = {
+    slidesCount: number;
+    slideHeight: number;
+    colorful?: boolean;
+};
+type AllArgs = CarouselProps & ExtraArgs;
+declare const meta: Meta<AllArgs>;
+export default meta;
+type Story = StoryObj<AllArgs>;
+export declare const Basic: Story;
+export declare const FastAutoplay: Story;
+export declare const ManySlides: Story;
+export declare const TallSlides: Story;
+export declare const InteractionStopsAutoplay: Story;
+export declare const ContinuousAutoplay: Story;

package/dist/organisms/Carousel/Carousel.stories.js

@@ -0,0 +1,171 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Carousel as s } from "./Carousel.js";
+const p = (t, e, a = !0) => Array.from({ length: t }, (l, o) => {
+  const n = o * 60 % 360;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        height: e,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: 24,
+        fontWeight: 600,
+        background: a ? `hsl(${n} 70% 55%)` : "var(--color-neutrals-neutral-5,#888)",
+        color: "#fff",
+        borderRadius: 8,
+        margin: 8,
+        boxShadow: "0 2px 6px rgba(0,0,0,.2)"
+      },
+      children: [
+        "Slide ",
+        o + 1
+      ]
+    },
+    o
+  );
+}), y = {
+  title: "Case Parts/Organisms/Carousel",
+  component: s,
+  tags: ["autodocs"],
+  render: (t) => {
+    const { slidesCount: e, slideHeight: a, colorful: l, ...o } = t;
+    return /* @__PURE__ */ r(
+      s,
+      {
+        ...o,
+        slides: p(e, a, l)
+      }
+    );
+  },
+  args: {
+    slidesCount: 5,
+    slideHeight: 160,
+    colorful: !0,
+    loop: !0,
+    autoplay: !0,
+    autoplayDelay: 4e3,
+    autoplayStopOnInteraction: !0
+  },
+  argTypes: {
+    slides: {
+      table: { disable: !0 },
+      description: "Generated internally from slidesCount."
+    },
+    slidesCount: {
+      name: "slidesCount",
+      control: { type: "number", min: 1, max: 20, step: 1 },
+      description: "Number of slides to generate dynamically."
+    },
+    slideHeight: {
+      control: { type: "number", min: 80, max: 600, step: 10 },
+      description: "Height (px) for each slide."
+    },
+    colorful: {
+      control: "boolean",
+      description: "Toggle colorful backgrounds."
+    },
+    loop: {
+      control: "boolean",
+      description: "Enable infinite looping."
+    },
+    autoplay: {
+      control: "boolean",
+      description: "Enable autoplay (uses embla-carousel-autoplay)."
+    },
+    autoplayDelay: {
+      control: { type: "number", min: 500, max: 1e4, step: 100 },
+      if: { arg: "autoplay" },
+      description: "Delay between automatic advances (ms)."
+    },
+    autoplayStopOnInteraction: {
+      control: "boolean",
+      if: { arg: "autoplay" },
+      description: "Whether user interaction stops autoplay."
+    },
+    className: { control: "text" },
+    hideAt: {
+      control: "object",
+      description: "Forwarded to HideAt (shape depends on your implementation)."
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: `
+A flexible Embla-based carousel.
+
+Key props:
+- slides: React.ReactNode[]
+- loop: infinite wrap
+- autoplay & autoplayDelay: timing via Autoplay plugin (loop only controls wrap)
+- autoplayStopOnInteraction: stop autoplay after user navigation
+
+Use the Playground story to experiment.`
+      }
+    }
+  }
+}, d = {
+  name: "Basic (No Loop / No Autoplay)",
+  args: {
+    loop: !1,
+    autoplay: !1
+  }
+}, m = {
+  name: "Fast Autoplay",
+  args: {
+    autoplay: !0,
+    autoplayDelay: 1200
+  }
+}, g = {
+  name: "Many Slides",
+  args: {
+    slidesCount: 12,
+    autoplay: !1,
+    loop: !0
+  }
+}, f = {
+  name: "Tall Slides",
+  args: {
+    slideHeight: 300,
+    autoplay: !1
+  }
+}, b = {
+  name: "Interaction Stops Autoplay",
+  args: {
+    autoplay: !0,
+    autoplayDelay: 2500,
+    autoplayStopOnInteraction: !0
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Shows how autoplay halts after user presses arrows or dots."
+      }
+    }
+  }
+}, h = {
+  name: "Autoplay Ignores Interaction",
+  args: {
+    autoplay: !0,
+    autoplayStopOnInteraction: !1,
+    autoplayDelay: 2500
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "User interaction will not stop autoplay."
+      }
+    }
+  }
+};
+export {
+  d as Basic,
+  h as ContinuousAutoplay,
+  m as FastAutoplay,
+  b as InteractionStopsAutoplay,
+  g as ManySlides,
+  f as TallSlides,
+  y as default
+};

package/dist/organisms/Carousel/CarouselArrowButtons.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const PrevButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+export declare const NextButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;

package/dist/organisms/Carousel/CarouselArrowButtons.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../atoms/Icon/Icon.js";
+import { N as e, P as i } from "../../CarouselArrowButtons-DMKru3f7.js";
+import "../../clsx-OuTLNxxd.js";
+export {
+  e as NextButton,
+  i as PrevButton
+};

package/dist/organisms/Carousel/CarouselDotButton.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { EmblaCarouselType } from 'embla-carousel';
+export interface UseDotButtonReturn {
+    selectedIndex: number;
+    scrollSnaps: number[];
+    onDotButtonClick: (_index: number) => void;
+}
+export declare const useDotButton: (emblaApi: EmblaCarouselType | undefined) => UseDotButtonReturn;
+export interface DotButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+}
+export declare const DotButton: React.FC<DotButtonProps>;

package/dist/organisms/Carousel/CarouselDotButton.js

@@ -0,0 +1,25 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as r, useCallback as e, useEffect as I } from "react";
+const D = (t) => {
+  const [s, u] = r(0), [S, l] = r([]), d = e(
+    (o) => {
+      t == null || t.scrollTo(o);
+    },
+    [t]
+  ), c = e((o) => {
+    l(o.scrollSnapList());
+  }, []), n = e((o) => {
+    u(o.selectedScrollSnap());
+  }, []);
+  return I(() => {
+    t && (c(t), n(t), t.on("reInit", c).on("reInit", n).on("select", n));
+  }, [t, c, n]), {
+    selectedIndex: s,
+    scrollSnaps: S,
+    onDotButtonClick: d
+  };
+}, k = ({ children: t, ...s }) => /* @__PURE__ */ f("button", { type: "button", ...s, children: t });
+export {
+  k as DotButton,
+  D as useDotButton
+};

package/dist/organisms/Carousel/usePrevNextButtons.d.ts

@@ -0,0 +1,8 @@
+import { EmblaCarouselType } from 'embla-carousel';
+export interface UsePrevNextButtonsReturn {
+    prevBtnDisabled: boolean;
+    nextBtnDisabled: boolean;
+    onPrevButtonClick: () => void;
+    onNextButtonClick: () => void;
+}
+export declare const usePrevNextButtons: (emblaApi: EmblaCarouselType | undefined) => UsePrevNextButtonsReturn;

package/dist/organisms/Carousel/usePrevNextButtons.js

@@ -0,0 +1,21 @@
+import { useState as s, useCallback as o, useEffect as N } from "react";
+const d = (t) => {
+  const [e, c] = s(!0), [u, x] = s(!0), B = o(() => {
+    t == null || t.scrollPrev();
+  }, [t]), v = o(() => {
+    t == null || t.scrollNext();
+  }, [t]), n = o((r) => {
+    c(!r.canScrollPrev()), x(!r.canScrollNext());
+  }, []);
+  return N(() => {
+    t && (n(t), t.on("reInit", n).on("select", n));
+  }, [t, n]), {
+    prevBtnDisabled: e,
+    nextBtnDisabled: u,
+    onPrevButtonClick: B,
+    onNextButtonClick: v
+  };
+};
+export {
+  d as usePrevNextButtons
+};

package/dist/organisms/NotFound/NotFound.js

@@ -1,34 +1,34 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { Image as t } from "../../atoms/Image/Image.js";
+import { jsxs as s, jsx as A } from "react/jsx-runtime";
+import { Image as l } from "../../atoms/Image/Image.js";
 import { Text as n } from "../../atoms/Text/Text.js";
-import { LinkButton as l } from "../../atoms/LinkButton/LinkButton.js";
-import { Flex as a } from "../../atoms/Flex/Flex.js";
-import { c } from "../../clsx-OuTLNxxd.js";
-import '../../assets/NotFound.css';const m = "_main_1dfh4_1", d = "_column_1dfh4_10", h = "_description_1dfh4_14", f = "_header_1dfh4_19", _ = "_links_1dfh4_24", i = {
-  main: m,
-  column: d,
-  description: h,
-  header: f,
-  links: _
+import { LinkButton as i } from "../../atoms/LinkButton/LinkButton.js";
+import { Flex as t } from "../../atoms/Flex/Flex.js";
+import { c as e } from "../../clsx-OuTLNxxd.js";
+import '../../assets/NotFound.css';const d = "data:image/png;base64,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", a = "_main_1dfh4_1", h = "_column_1dfh4_10", c = "_description_1dfh4_14", b = "_header_1dfh4_19", p = "_links_1dfh4_24", r = {
+  main: a,
+  column: h,
+  description: c,
+  header: b,
+  links: p
 };
-function z({ primaryLinkButtonProps: r, secondaryLinkButtonProps: o }) {
-  return /* @__PURE__ */ s(a, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: i.main, children: [
-    /* @__PURE__ */ e("div", { className: i.column, children: /* @__PURE__ */ e(t, { src: "/assets/not-found.png", alt: "Not found image" }) }),
-    /* @__PURE__ */ s("div", { className: c(i.description, i.column), children: [
-      /* @__PURE__ */ e(n, { size: "6xl", variant: "display", as: "h1", className: i.header, children: "404" }),
+function y({ primaryLinkButtonProps: o, secondaryLinkButtonProps: f }) {
+  return /* @__PURE__ */ s(t, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: r.main, children: [
+    /* @__PURE__ */ A("div", { className: r.column, children: /* @__PURE__ */ A(l, { src: d, alt: "Not found image" }) }),
+    /* @__PURE__ */ s("div", { className: e(r.description, r.column), children: [
+      /* @__PURE__ */ A(n, { size: "6xl", variant: "display", as: "h1", className: r.header, children: "404" }),
       /* @__PURE__ */ s(n, { size: "xl", children: [
         "Oops! Well this is embarrassing...",
-        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ A("br", {}),
         "what you're looking for is missing or something is on the fritz."
       ] }),
-      /* @__PURE__ */ e(n, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
-      /* @__PURE__ */ s("div", { className: i.links, children: [
-        /* @__PURE__ */ e(l, { variant: "primary", size: "md", href: r.href, children: r.label }),
-        /* @__PURE__ */ e(l, { variant: "secondary", size: "md", href: o.href, children: o.label })
+      /* @__PURE__ */ A(n, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
+      /* @__PURE__ */ s("div", { className: r.links, children: [
+        /* @__PURE__ */ A(i, { variant: "primary", size: "md", href: o.href, children: o.label }),
+        /* @__PURE__ */ A(i, { variant: "secondary", size: "md", href: f.href, children: f.label })
       ] })
     ] })
   ] });
 }
 export {
-  z as NotFound
+  y as NotFound
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.56",
+  "version": "0.0.58",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -40,7 +40,9 @@
   },
   "peerDependencies": {
     "react": ">=18.3.1 <20.0.0",
-    "react-dom": ">=18.3.1 <20.0.0"
+    "react-dom": ">=18.3.1 <20.0.0",
+    "embla-carousel-autoplay": "^8.0.0",
+    "embla-carousel-react": "^8.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.1",
@@ -52,6 +54,8 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react-swc": "^3.5.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react-hooks": "^5.0.0",