@k8o/arte-odyssey 1.3.0 → 1.4.1

package/dist/components/scroll-linked/scroll-linked.d.ts

@@ -1,2 +1,4 @@
-import type { FC } from 'react';
-export declare const ScrollLinked: FC;
+import type { FC, RefObject } from 'react';
+export declare const ScrollLinked: FC<{
+    container?: RefObject<HTMLElement | null>;
+}>;

package/dist/components/scroll-linked/scroll-linked.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { motion, useScroll, useSpring } from "motion/react";
-const ScrollLinked = () => {
-  const { scrollYProgress } = useScroll();
+const ScrollLinked = ({ container }) => {
+  const { scrollYProgress } = useScroll({ container });
   const scaleX = useSpring(scrollYProgress, {
     stiffness: 100,
     damping: 30,

package/dist/components/scroll-linked/scroll-linked.stories.js

@@ -1,4 +1,5 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
 import { ScrollLinked } from "./scroll-linked";
 const meta = {
   title: "components/scroll-linked",
@@ -11,8 +12,40 @@ const Scroll = {
     (Story) => /* @__PURE__ */ jsx("div", { className: "h-lvh overflow-y-scroll", children: /* @__PURE__ */ jsx(Story, {}) })
   ]
 };
+const WithContainer = {
+  decorators: [
+    (Story) => {
+      const containerRef = useRef(null);
+      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+        "section",
+        {
+          "aria-label": "Scrollable container example",
+          className: "relative h-96 overflow-y-scroll rounded border border-gray-300",
+          ref: containerRef,
+          tabIndex: 0,
+          children: [
+            /* @__PURE__ */ jsx(Story, { args: { container: containerRef } }),
+            /* @__PURE__ */ jsxs("div", { className: "h-[200vh] p-4", children: [
+              /* @__PURE__ */ jsx("h2", { className: "mb-4 font-bold text-xl", children: "Container Scroll Example" }),
+              /* @__PURE__ */ jsx("p", { className: "mb-4", children: "Scroll within this container to see the progress bar at the top." }),
+              /* @__PURE__ */ jsx("p", { className: "mb-4", children: "The progress bar tracks this container's scroll position, not the window's scroll." }),
+              /* @__PURE__ */ jsx("div", { className: "mt-8 space-y-4", children: Array.from({ length: 20 }, (_, i) => (
+                // biome-ignore lint/suspicious/noArrayIndexKey: Static demo content
+                /* @__PURE__ */ jsxs("p", { className: "rounded bg-gray-100 p-4", children: [
+                  "Content block ",
+                  i + 1
+                ] }, `content-${i}`)
+              )) })
+            ] })
+          ]
+        }
+      ) });
+    }
+  ]
+};
 export {
   NoScroll,
   Scroll,
+  WithContainer,
   scroll_linked_stories_default as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "k8o's react ui library",
   "author": "k8o <kosakanoki@gmail.com>",
   "keywords": [
@@ -55,32 +55,32 @@
     "@floating-ui/react": "0.27.16",
     "baseline-status": "1.0.11",
     "clsx": "2.1.1",
-    "esbuild": "0.25.12",
-    "lucide-react": "0.552.0",
+    "esbuild": "0.27.0",
+    "lucide-react": "0.555.0",
     "motion": "12.23.24",
     "react-error-boundary": "6.0.0",
-    "tailwind-merge": "3.3.1"
+    "tailwind-merge": "3.4.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "4.1.2",
-    "@storybook/addon-a11y": "10.0.2",
-    "@storybook/addon-docs": "10.0.2",
-    "@storybook/addon-vitest": "10.0.2",
-    "@storybook/react-vite": "10.0.2",
-    "@tailwindcss/postcss": "4.1.16",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
-    "@vitejs/plugin-react-swc": "4.2.0",
-    "@vitest/browser-playwright": "4.0.6",
-    "@vitest/ui": "4.0.6",
+    "@chromatic-com/storybook": "4.1.3",
+    "@storybook/addon-a11y": "10.1.2",
+    "@storybook/addon-docs": "10.1.2",
+    "@storybook/addon-vitest": "10.1.2",
+    "@storybook/react-vite": "10.1.2",
+    "@tailwindcss/postcss": "4.1.17",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react-swc": "4.2.2",
+    "@vitest/browser-playwright": "4.0.14",
+    "@vitest/ui": "4.0.14",
     "postcss": "8.5.6",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "storybook": "10.0.2",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "storybook": "10.1.2",
     "storybook-addon-mock-date": "1.0.2",
-    "tailwindcss": "4.1.16",
-    "vite": "7.1.12",
-    "vitest": "4.0.6",
+    "tailwindcss": "4.1.17",
+    "vite": "7.2.4",
+    "vitest": "4.0.14",
     "vitest-browser-react": "2.0.2"
   },
   "peerDependencies": {