storybook-addon-dependency-previews 0.1.0

package/dist/components/icons/EyeOpen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EyeOpen.mjs","names":[],"sources":["../../../src/components/icons/EyeOpen.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\nexport function EyeOpen(props: IconProps) {\n\treturn (\n\t\t<Svg {...props}>\n\t\t\t<path\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\td=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\td=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n\t\t\t/>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;AAGA,SAAgB,QAAQ,OAAkB;AACzC,QACC,qBAAC;EAAI,GAAI;aACR,oBAAC;GACA,eAAc;GACd,gBAAe;GACf,GAAE;IACD,EACF,oBAAC;GACA,eAAc;GACd,gBAAe;GACf,GAAE;IACD;GACG"}

package/dist/components/icons/LoadingRipples.cjs

@@ -0,0 +1,79 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_Svg = require('./Svg.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/icons/LoadingRipples.tsx
+function LoadingRipples(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Svg.Svg, {
+		...props,
+		viewBox: "0 0 100 100",
+		strokeWidth: 0,
+		width: "100",
+		height: "100",
+		style: {
+			shapeRendering: "auto",
+			background: "transparent"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("circle", {
+				strokeWidth: 2,
+				stroke: "#000000",
+				fill: "none",
+				r: "0",
+				cy: "50",
+				cx: "50",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("animate", {
+					begin: "0s",
+					values: "0;40",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0 0.2 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "r"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("animate", {
+					begin: "0s",
+					values: "1;0",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0.2 0 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "opacity"
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("circle", {
+				strokeWidth: 2,
+				stroke: "#b0b0b0",
+				fill: "none",
+				r: "0",
+				cy: "50",
+				cx: "50",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("animate", {
+					begin: "-0.5s",
+					values: "0;40",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0 0.2 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "r"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("animate", {
+					begin: "-0.5s",
+					values: "1;0",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0.2 0 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "opacity"
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {})
+		] })
+	});
+}
+
+//#endregion
+exports.LoadingRipples = LoadingRipples;
+//# sourceMappingURL=LoadingRipples.cjs.map

package/dist/components/icons/LoadingRipples.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRipples.cjs","names":["Svg"],"sources":["../../../src/components/icons/LoadingRipples.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\n// <!-- [ldio] SVG content generated by https://loading.io -->\n\nexport function LoadingRipples(props: IconProps) {\n\treturn (\n\t\t<Svg\n\t\t\t{...props}\n\t\t\tviewBox=\"0 0 100 100\"\n\t\t\tstrokeWidth={0}\n\t\t\twidth=\"100\"\n\t\t\theight=\"100\"\n\t\t\tstyle={{ shapeRendering: 'auto', background: 'transparent' }}\n\t\t>\n\t\t\t<g>\n\t\t\t\t<circle\n\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\tstroke=\"#000000\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tr=\"0\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"0s\"\n\t\t\t\t\t\tvalues=\"0;40\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0 0.2 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'r',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"0s\"\n\t\t\t\t\t\tvalues=\"1;0\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0.2 0 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'opacity',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t\t<circle\n\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\tstroke=\"#b0b0b0\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tr=\"0\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"-0.5s\"\n\t\t\t\t\t\tvalues=\"0;40\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0 0.2 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'r',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"-0.5s\"\n\t\t\t\t\t\tvalues=\"1;0\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0.2 0 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'opacity',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t\t<g />\n\t\t\t</g>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;;AAKA,SAAgB,eAAe,OAAkB;AAChD,QACC,2CAACA;EACA,GAAI;EACJ,SAAQ;EACR,aAAa;EACb,OAAM;EACN,QAAO;EACP,OAAO;GAAE,gBAAgB;GAAQ,YAAY;GAAe;YAE5D,4CAAC;GACA,4CAAC;IACA,aAAa;IACb,QAAO;IACP,MAAK;IACL,GAAE;IACF,IAAG;IACH,IAAG;eAEH,2CAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf,EACF,2CAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf;KACM;GACT,4CAAC;IACA,aAAa;IACb,QAAO;IACP,MAAK;IACL,GAAE;IACF,IAAG;IACH,IAAG;eAEH,2CAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf,EACF,2CAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf;KACM;GACT,2CAAC,QAAI;MACF;GACC"}

package/dist/components/icons/LoadingRipples.mjs

@@ -0,0 +1,78 @@
+import { Svg } from "./Svg.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/icons/LoadingRipples.tsx
+function LoadingRipples(props) {
+	return /* @__PURE__ */ jsx(Svg, {
+		...props,
+		viewBox: "0 0 100 100",
+		strokeWidth: 0,
+		width: "100",
+		height: "100",
+		style: {
+			shapeRendering: "auto",
+			background: "transparent"
+		},
+		children: /* @__PURE__ */ jsxs("g", { children: [
+			/* @__PURE__ */ jsxs("circle", {
+				strokeWidth: 2,
+				stroke: "#000000",
+				fill: "none",
+				r: "0",
+				cy: "50",
+				cx: "50",
+				children: [/* @__PURE__ */ jsx("animate", {
+					begin: "0s",
+					values: "0;40",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0 0.2 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "r"
+				}), /* @__PURE__ */ jsx("animate", {
+					begin: "0s",
+					values: "1;0",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0.2 0 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "opacity"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("circle", {
+				strokeWidth: 2,
+				stroke: "#b0b0b0",
+				fill: "none",
+				r: "0",
+				cy: "50",
+				cx: "50",
+				children: [/* @__PURE__ */ jsx("animate", {
+					begin: "-0.5s",
+					values: "0;40",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0 0.2 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "r"
+				}), /* @__PURE__ */ jsx("animate", {
+					begin: "-0.5s",
+					values: "1;0",
+					dur: "1s",
+					calcMode: "spline",
+					keySplines: "0.2 0 0.8 1",
+					keyTimes: "0;1",
+					repeatCount: "indefinite",
+					attributeName: "opacity"
+				})]
+			}),
+			/* @__PURE__ */ jsx("g", {})
+		] })
+	});
+}
+
+//#endregion
+export { LoadingRipples };
+//# sourceMappingURL=LoadingRipples.mjs.map

package/dist/components/icons/LoadingRipples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRipples.mjs","names":[],"sources":["../../../src/components/icons/LoadingRipples.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\n// <!-- [ldio] SVG content generated by https://loading.io -->\n\nexport function LoadingRipples(props: IconProps) {\n\treturn (\n\t\t<Svg\n\t\t\t{...props}\n\t\t\tviewBox=\"0 0 100 100\"\n\t\t\tstrokeWidth={0}\n\t\t\twidth=\"100\"\n\t\t\theight=\"100\"\n\t\t\tstyle={{ shapeRendering: 'auto', background: 'transparent' }}\n\t\t>\n\t\t\t<g>\n\t\t\t\t<circle\n\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\tstroke=\"#000000\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tr=\"0\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"0s\"\n\t\t\t\t\t\tvalues=\"0;40\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0 0.2 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'r',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"0s\"\n\t\t\t\t\t\tvalues=\"1;0\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0.2 0 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'opacity',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t\t<circle\n\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\tstroke=\"#b0b0b0\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tr=\"0\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"-0.5s\"\n\t\t\t\t\t\tvalues=\"0;40\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0 0.2 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'r',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin=\"-0.5s\"\n\t\t\t\t\t\tvalues=\"1;0\"\n\t\t\t\t\t\tdur=\"1s\"\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcalcMode: 'spline',\n\t\t\t\t\t\t\tkeySplines: '0.2 0 0.8 1',\n\t\t\t\t\t\t\tkeyTimes: '0;1',\n\t\t\t\t\t\t\trepeatCount: 'indefinite',\n\t\t\t\t\t\t\tattributeName: 'opacity',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t\t<g />\n\t\t\t</g>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;AAKA,SAAgB,eAAe,OAAkB;AAChD,QACC,oBAAC;EACA,GAAI;EACJ,SAAQ;EACR,aAAa;EACb,OAAM;EACN,QAAO;EACP,OAAO;GAAE,gBAAgB;GAAQ,YAAY;GAAe;YAE5D,qBAAC;GACA,qBAAC;IACA,aAAa;IACb,QAAO;IACP,MAAK;IACL,GAAE;IACF,IAAG;IACH,IAAG;eAEH,oBAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf,EACF,oBAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf;KACM;GACT,qBAAC;IACA,aAAa;IACb,QAAO;IACP,MAAK;IACL,GAAE;IACF,IAAG;IACH,IAAG;eAEH,oBAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf,EACF,oBAAC;KACA,OAAM;KACN,QAAO;KACP,KAAI;KAEH,UAAU;KACV,YAAY;KACZ,UAAU;KACV,aAAa;KACb,eAAe;MAEf;KACM;GACT,oBAAC,QAAI;MACF;GACC"}

package/dist/components/icons/SquaresPlus.cjs

@@ -0,0 +1,19 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_Svg = require('./Svg.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/icons/SquaresPlus.tsx
+function SquaresPlus(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Svg.Svg, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z"
+		})
+	});
+}
+
+//#endregion
+exports.SquaresPlus = SquaresPlus;
+//# sourceMappingURL=SquaresPlus.cjs.map

package/dist/components/icons/SquaresPlus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquaresPlus.cjs","names":["Svg"],"sources":["../../../src/components/icons/SquaresPlus.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\nexport function SquaresPlus(props: IconProps) {\n\treturn (\n\t\t<Svg {...props}>\n\t\t\t<path\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\td=\"M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z\"\n\t\t\t/>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;;AAGA,SAAgB,YAAY,OAAkB;AAC7C,QACC,2CAACA;EAAI,GAAI;YACR,2CAAC;GACA,eAAc;GACd,gBAAe;GACf,GAAE;IACD;GACG"}

package/dist/components/icons/SquaresPlus.mjs

@@ -0,0 +1,18 @@
+import { Svg } from "./Svg.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/icons/SquaresPlus.tsx
+function SquaresPlus(props) {
+	return /* @__PURE__ */ jsx(Svg, {
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z"
+		})
+	});
+}
+
+//#endregion
+export { SquaresPlus };
+//# sourceMappingURL=SquaresPlus.mjs.map

package/dist/components/icons/SquaresPlus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquaresPlus.mjs","names":[],"sources":["../../../src/components/icons/SquaresPlus.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\nexport function SquaresPlus(props: IconProps) {\n\treturn (\n\t\t<Svg {...props}>\n\t\t\t<path\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\td=\"M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z\"\n\t\t\t/>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;AAGA,SAAgB,YAAY,OAAkB;AAC7C,QACC,oBAAC;EAAI,GAAI;YACR,oBAAC;GACA,eAAc;GACd,gBAAe;GACf,GAAE;IACD;GACG"}

package/dist/components/icons/Svg.cjs

@@ -0,0 +1,37 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/icons/Svg.tsx
+function Svg({ altText, className, children, ...svgOverrides }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...defaultIconAttributes(altText),
+		...svgOverrides,
+		className,
+		children
+	});
+}
+const staticAttrs = {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	strokeWidth: 1.5,
+	stroke: "currentColor",
+	height: 24,
+	width: 24,
+	focusable: false
+};
+function defaultIconAttributes(altText) {
+	const dynamicAttrs = {
+		role: "img",
+		"aria-label": altText ? altText : undefined,
+		"aria-hidden": altText ? undefined : true
+	};
+	return {
+		...staticAttrs,
+		...dynamicAttrs
+	};
+}
+
+//#endregion
+exports.Svg = Svg;
+//# sourceMappingURL=Svg.cjs.map

package/dist/components/icons/Svg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.cjs","names":[],"sources":["../../../src/components/icons/Svg.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { IconProps } from './iconTypes'\n\ninterface SvgProps extends IconProps, SVGAttributes<SVGElement> {\n\tchildren?: ReactNode\n}\n\nexport function Svg({\n\taltText,\n\tclassName,\n\tchildren,\n\t...svgOverrides\n}: SvgProps) {\n\treturn (\n\t\t<svg\n\t\t\t{...defaultIconAttributes(altText)}\n\t\t\t{...svgOverrides}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t{children}\n\t\t</svg>\n\t)\n}\n\nimport type { SVGAttributes } from 'react'\n\nconst staticAttrs: SVGAttributes<SVGElement> = {\n\txmlns: 'http://www.w3.org/2000/svg',\n\tfill: 'none',\n\tviewBox: '0 0 24 24',\n\tstrokeWidth: 1.5,\n\tstroke: 'currentColor',\n\theight: 24,\n\twidth: 24,\n\tfocusable: false,\n}\n\nfunction defaultIconAttributes(altText?: string): SVGAttributes<SVGElement> {\n\tconst dynamicAttrs: SVGAttributes<SVGElement> = {\n\t\trole: 'img',\n\t\t'aria-label': altText ? altText : undefined,\n\t\t'aria-hidden': altText ? undefined : true,\n\t}\n\treturn {\n\t\t...staticAttrs,\n\t\t...dynamicAttrs,\n\t}\n}\n"],"mappings":";;;;AAOA,SAAgB,IAAI,EACnB,SACA,WACA,UACA,GAAG,gBACS;AACZ,QACC,2CAAC;EACA,GAAI,sBAAsB,QAAQ;EAClC,GAAI;EACO;EAEV;GACI;;AAMR,MAAM,cAAyC;CAC9C,OAAO;CACP,MAAM;CACN,SAAS;CACT,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,WAAW;CACX;AAED,SAAS,sBAAsB,SAA6C;CAC3E,MAAM,eAA0C;EAC/C,MAAM;EACN,cAAc,UAAU,UAAU;EAClC,eAAe,UAAU,YAAY;EACrC;AACD,QAAO;EACN,GAAG;EACH,GAAG;EACH"}

package/dist/components/icons/Svg.mjs

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/icons/Svg.tsx
+function Svg({ altText, className, children, ...svgOverrides }) {
+	return /* @__PURE__ */ jsx("svg", {
+		...defaultIconAttributes(altText),
+		...svgOverrides,
+		className,
+		children
+	});
+}
+const staticAttrs = {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	strokeWidth: 1.5,
+	stroke: "currentColor",
+	height: 24,
+	width: 24,
+	focusable: false
+};
+function defaultIconAttributes(altText) {
+	const dynamicAttrs = {
+		role: "img",
+		"aria-label": altText ? altText : undefined,
+		"aria-hidden": altText ? undefined : true
+	};
+	return {
+		...staticAttrs,
+		...dynamicAttrs
+	};
+}
+
+//#endregion
+export { Svg };
+//# sourceMappingURL=Svg.mjs.map

package/dist/components/icons/Svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.mjs","names":[],"sources":["../../../src/components/icons/Svg.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { IconProps } from './iconTypes'\n\ninterface SvgProps extends IconProps, SVGAttributes<SVGElement> {\n\tchildren?: ReactNode\n}\n\nexport function Svg({\n\taltText,\n\tclassName,\n\tchildren,\n\t...svgOverrides\n}: SvgProps) {\n\treturn (\n\t\t<svg\n\t\t\t{...defaultIconAttributes(altText)}\n\t\t\t{...svgOverrides}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t{children}\n\t\t</svg>\n\t)\n}\n\nimport type { SVGAttributes } from 'react'\n\nconst staticAttrs: SVGAttributes<SVGElement> = {\n\txmlns: 'http://www.w3.org/2000/svg',\n\tfill: 'none',\n\tviewBox: '0 0 24 24',\n\tstrokeWidth: 1.5,\n\tstroke: 'currentColor',\n\theight: 24,\n\twidth: 24,\n\tfocusable: false,\n}\n\nfunction defaultIconAttributes(altText?: string): SVGAttributes<SVGElement> {\n\tconst dynamicAttrs: SVGAttributes<SVGElement> = {\n\t\trole: 'img',\n\t\t'aria-label': altText ? altText : undefined,\n\t\t'aria-hidden': altText ? undefined : true,\n\t}\n\treturn {\n\t\t...staticAttrs,\n\t\t...dynamicAttrs,\n\t}\n}\n"],"mappings":";;;AAOA,SAAgB,IAAI,EACnB,SACA,WACA,UACA,GAAG,gBACS;AACZ,QACC,oBAAC;EACA,GAAI,sBAAsB,QAAQ;EAClC,GAAI;EACO;EAEV;GACI;;AAMR,MAAM,cAAyC;CAC9C,OAAO;CACP,MAAM;CACN,SAAS;CACT,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,WAAW;CACX;AAED,SAAS,sBAAsB,SAA6C;CAC3E,MAAM,eAA0C;EAC/C,MAAM;EACN,cAAc,UAAU,UAAU;EAClC,eAAe,UAAU,YAAY;EACrC;AACD,QAAO;EACN,GAAG;EACH,GAAG;EACH"}

package/dist/components/icons/X.cjs

@@ -0,0 +1,19 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_Svg = require('./Svg.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/icons/X.tsx
+function X(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Svg.Svg, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M6 18 18 6M6 6l12 12"
+		})
+	});
+}
+
+//#endregion
+exports.X = X;
+//# sourceMappingURL=X.cjs.map

package/dist/components/icons/X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.cjs","names":["Svg"],"sources":["../../../src/components/icons/X.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\nexport function X(props: IconProps) {\n\treturn (\n\t\t<Svg {...props}>\n\t\t\t<path\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\td=\"M6 18 18 6M6 6l12 12\"\n\t\t\t/>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;;AAGA,SAAgB,EAAE,OAAkB;AACnC,QACC,2CAACA;EAAI,GAAI;YACR,2CAAC;GACA,eAAc;GACd,gBAAe;GACf,GAAE;IACD;GACG"}

package/dist/components/icons/X.mjs

@@ -0,0 +1,18 @@
+import { Svg } from "./Svg.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/icons/X.tsx
+function X(props) {
+	return /* @__PURE__ */ jsx(Svg, {
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M6 18 18 6M6 6l12 12"
+		})
+	});
+}
+
+//#endregion
+export { X };
+//# sourceMappingURL=X.mjs.map

package/dist/components/icons/X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.mjs","names":[],"sources":["../../../src/components/icons/X.tsx"],"sourcesContent":["import type { IconProps } from './iconTypes'\nimport { Svg } from './Svg'\n\nexport function X(props: IconProps) {\n\treturn (\n\t\t<Svg {...props}>\n\t\t\t<path\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\td=\"M6 18 18 6M6 6l12 12\"\n\t\t\t/>\n\t\t</Svg>\n\t)\n}\n"],"mappings":";;;;AAGA,SAAgB,EAAE,OAAkB;AACnC,QACC,oBAAC;EAAI,GAAI;YACR,oBAAC;GACA,eAAc;GACd,gBAAe;GACf,GAAE;IACD;GACG"}

package/dist/constants.cjs

@@ -0,0 +1,9 @@
+
+//#region src/constants.ts
+const ADDON_ID = "storybook/dependency-previews";
+const PANEL_ID = `${ADDON_ID}/panel`;
+
+//#endregion
+exports.ADDON_ID = ADDON_ID;
+exports.PANEL_ID = PANEL_ID;
+//# sourceMappingURL=constants.cjs.map

package/dist/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","names":[],"sources":["../src/constants.ts"],"sourcesContent":["export const ADDON_ID = 'storybook/dependency-previews'\nexport const PANEL_ID = `${ADDON_ID}/panel`\n"],"mappings":";;AAAA,MAAa,WAAW;AACxB,MAAa,WAAW,GAAG,SAAS"}

package/dist/constants.mjs

@@ -0,0 +1,7 @@
+//#region src/constants.ts
+const ADDON_ID = "storybook/dependency-previews";
+const PANEL_ID = `${ADDON_ID}/panel`;
+
+//#endregion
+export { ADDON_ID, PANEL_ID };
+//# sourceMappingURL=constants.mjs.map

package/dist/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../src/constants.ts"],"sourcesContent":["export const ADDON_ID = 'storybook/dependency-previews'\nexport const PANEL_ID = `${ADDON_ID}/panel`\n"],"mappings":";AAAA,MAAa,WAAW;AACxB,MAAa,WAAW,GAAG,SAAS"}

package/dist/hooks/useDependencyGraph.cjs

@@ -0,0 +1,63 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_useStoryParams = require('./useStoryParams.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/hooks/useDependencyGraph.tsx
+const DependencyGraphContext = (0, react.createContext)({
+	graph: null,
+	node: null
+});
+function useDependencyGraph() {
+	return (0, react.useContext)(DependencyGraphContext);
+}
+function DependencyGraphProvider({ children }) {
+	const storyParams = require_useStoryParams.useStoryParams();
+	const filePath = storyParams?.__filePath;
+	const refinedFilePath = filePath?.replace(/^.+\/src\//, "src/").replace(".stories.", ".").replace(".story.", ".").replace(/\?.+$/, "");
+	const graph = storyParams.dependencyPreviews?.dependenciesJson;
+	const currentStoryId = storyParams._storyId;
+	const storyIdToNode = (0, react.useMemo)(() => {
+		if (!graph) return null;
+		const map = {};
+		for (const [_path, deps] of Object.entries(graph)) {
+			if (deps.storyId) {
+				map[deps.storyId] = deps;
+			}
+		}
+		return map;
+	}, [graph]);
+	const node = (0, react.useMemo)(() => {
+		if (!graph) {
+			return null;
+		}
+		const docsStoryId = currentStoryId ? currentStoryId.replace(/--[^-]+$/, "--docs") : null;
+		const byStoryId = docsStoryId && storyIdToNode?.[docsStoryId] ? storyIdToNode[docsStoryId] : null;
+		const byPath = refinedFilePath ? graph[refinedFilePath] : null;
+		const result = byStoryId ?? byPath ?? null;
+		return result;
+	}, [
+		graph,
+		storyIdToNode,
+		currentStoryId,
+		refinedFilePath
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DependencyGraphContext.Provider, {
+		value: {
+			graph,
+			node
+		},
+		children
+	});
+}
+function filterOutStoryAndNonComponentFiles(array) {
+	return array.filter((info) => {
+		return Boolean(info.storyId) && !info.componentPath.includes(".stories.") && !info.componentPath.includes(".story.");
+	});
+}
+
+//#endregion
+exports.DependencyGraphProvider = DependencyGraphProvider;
+exports.filterOutStoryAndNonComponentFiles = filterOutStoryAndNonComponentFiles;
+exports.useDependencyGraph = useDependencyGraph;
+//# sourceMappingURL=useDependencyGraph.cjs.map

package/dist/hooks/useDependencyGraph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDependencyGraph.cjs","names":["useStoryParams"],"sources":["../../src/hooks/useDependencyGraph.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from 'react'\nimport type { Deps, Graph, StoryInfo } from '../types'\nimport { useStoryParams } from './useStoryParams'\n\nexport interface DependencyGraphContextType {\n\tgraph: Graph | null\n\tnode: Deps | null\n}\n\nexport const DependencyGraphContext = createContext<DependencyGraphContextType>(\n\t{\n\t\tgraph: null,\n\t\tnode: null,\n\t},\n)\n\nexport function useDependencyGraph() {\n\treturn useContext(DependencyGraphContext)\n}\n\nexport function DependencyGraphProvider({ children }: { children: ReactNode }) {\n\tconst storyParams = useStoryParams()\n\tconst filePath = storyParams?.__filePath\n\tconst refinedFilePath = filePath\n\t\t?.replace(/^.+\\/src\\//, 'src/') // remove host from the path\n\t\t.replace('.stories.', '.') // remove .stories extension\n\t\t.replace('.story.', '.') // remove .story extension\n\t\t.replace(/\\?.+$/, '') // remove any query string parameters\n\n\tconst graph = storyParams.dependencyPreviews?.dependenciesJson\n\tconst currentStoryId = storyParams._storyId\n\n\t// Build a lookup map from storyId to graph entry\n\tconst storyIdToNode = useMemo(() => {\n\t\tif (!graph) return null\n\t\tconst map: Record<string, Deps> = {}\n\t\tfor (const [_path, deps] of Object.entries(graph)) {\n\t\t\tif (deps.storyId) {\n\t\t\t\tmap[deps.storyId] = deps\n\t\t\t}\n\t\t}\n\t\treturn map\n\t}, [graph])\n\n\tconst node = useMemo((): Deps | null => {\n\t\tif (!graph) {\n\t\t\treturn null\n\t\t}\n\n\t\t// Try multiple lookup strategies:\n\t\t// 1. By storyId (most reliable in production)\n\t\t// 2. By refined file path (works in dev with import.meta.url)\n\n\t\t// The dependency graph stores --docs story IDs, but users may be viewing\n\t\t// individual story variants (e.g., --primary, --secondary).\n\t\t// Normalize by converting the current storyId to its --docs variant.\n\t\tconst docsStoryId = currentStoryId\n\t\t\t? currentStoryId.replace(/--[^-]+$/, '--docs')\n\t\t\t: null\n\n\t\tconst byStoryId =\n\t\t\tdocsStoryId && storyIdToNode?.[docsStoryId]\n\t\t\t\t? storyIdToNode[docsStoryId]\n\t\t\t\t: null\n\t\tconst byPath = refinedFilePath ? graph[refinedFilePath] : null\n\n\t\tconst result = byStoryId ?? byPath ?? null\n\n\t\treturn result\n\t}, [graph, storyIdToNode, currentStoryId, refinedFilePath])\n\n\treturn (\n\t\t<DependencyGraphContext.Provider\n\t\t\tvalue={{\n\t\t\t\tgraph,\n\t\t\t\tnode,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</DependencyGraphContext.Provider>\n\t)\n}\n\nexport function filterOutStoryAndNonComponentFiles(\n\tarray: Array<StoryInfo>,\n): Array<StoryInfo> {\n\treturn array.filter((info) => {\n\t\treturn (\n\t\t\tBoolean(info.storyId) &&\n\t\t\t!info.componentPath.includes('.stories.') &&\n\t\t\t!info.componentPath.includes('.story.')\n\t\t)\n\t})\n}\n"],"mappings":";;;;;;AASA,MAAa,kDACZ;CACC,OAAO;CACP,MAAM;CACN,CACD;AAED,SAAgB,qBAAqB;AACpC,8BAAkB,uBAAuB;;AAG1C,SAAgB,wBAAwB,EAAE,YAAqC;CAC9E,MAAM,cAAcA,uCAAgB;CACpC,MAAM,WAAW,aAAa;CAC9B,MAAM,kBAAkB,UACrB,QAAQ,cAAc,OAAO,CAC9B,QAAQ,aAAa,IAAI,CACzB,QAAQ,WAAW,IAAI,CACvB,QAAQ,SAAS,GAAG;CAEtB,MAAM,QAAQ,YAAY,oBAAoB;CAC9C,MAAM,iBAAiB,YAAY;CAGnC,MAAM,yCAA8B;AACnC,MAAI,CAAC,MAAO,QAAO;EACnB,MAAM,MAA4B,EAAE;AACpC,OAAK,MAAM,CAAC,OAAO,SAAS,OAAO,QAAQ,MAAM,EAAE;AAClD,OAAI,KAAK,SAAS;AACjB,QAAI,KAAK,WAAW;;;AAGtB,SAAO;IACL,CAAC,MAAM,CAAC;CAEX,MAAM,gCAAkC;AACvC,MAAI,CAAC,OAAO;AACX,UAAO;;EAUR,MAAM,cAAc,iBACjB,eAAe,QAAQ,YAAY,SAAS,GAC5C;EAEH,MAAM,YACL,eAAe,gBAAgB,eAC5B,cAAc,eACd;EACJ,MAAM,SAAS,kBAAkB,MAAM,mBAAmB;EAE1D,MAAM,SAAS,aAAa,UAAU;AAEtC,SAAO;IACL;EAAC;EAAO;EAAe;EAAgB;EAAgB,CAAC;AAE3D,QACC,2CAAC,uBAAuB;EACvB,OAAO;GACN;GACA;GACA;EAEA;GACgC;;AAIpC,SAAgB,mCACf,OACmB;AACnB,QAAO,MAAM,QAAQ,SAAS;AAC7B,SACC,QAAQ,KAAK,QAAQ,IACrB,CAAC,KAAK,cAAc,SAAS,YAAY,IACzC,CAAC,KAAK,cAAc,SAAS,UAAU;GAEvC"}

package/dist/hooks/useDependencyGraph.mjs

@@ -0,0 +1,60 @@
+import { useStoryParams } from "./useStoryParams.mjs";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/hooks/useDependencyGraph.tsx
+const DependencyGraphContext = createContext({
+	graph: null,
+	node: null
+});
+function useDependencyGraph() {
+	return useContext(DependencyGraphContext);
+}
+function DependencyGraphProvider({ children }) {
+	const storyParams = useStoryParams();
+	const filePath = storyParams?.__filePath;
+	const refinedFilePath = filePath?.replace(/^.+\/src\//, "src/").replace(".stories.", ".").replace(".story.", ".").replace(/\?.+$/, "");
+	const graph = storyParams.dependencyPreviews?.dependenciesJson;
+	const currentStoryId = storyParams._storyId;
+	const storyIdToNode = useMemo(() => {
+		if (!graph) return null;
+		const map = {};
+		for (const [_path, deps] of Object.entries(graph)) {
+			if (deps.storyId) {
+				map[deps.storyId] = deps;
+			}
+		}
+		return map;
+	}, [graph]);
+	const node = useMemo(() => {
+		if (!graph) {
+			return null;
+		}
+		const docsStoryId = currentStoryId ? currentStoryId.replace(/--[^-]+$/, "--docs") : null;
+		const byStoryId = docsStoryId && storyIdToNode?.[docsStoryId] ? storyIdToNode[docsStoryId] : null;
+		const byPath = refinedFilePath ? graph[refinedFilePath] : null;
+		const result = byStoryId ?? byPath ?? null;
+		return result;
+	}, [
+		graph,
+		storyIdToNode,
+		currentStoryId,
+		refinedFilePath
+	]);
+	return /* @__PURE__ */ jsx(DependencyGraphContext.Provider, {
+		value: {
+			graph,
+			node
+		},
+		children
+	});
+}
+function filterOutStoryAndNonComponentFiles(array) {
+	return array.filter((info) => {
+		return Boolean(info.storyId) && !info.componentPath.includes(".stories.") && !info.componentPath.includes(".story.");
+	});
+}
+
+//#endregion
+export { DependencyGraphProvider, filterOutStoryAndNonComponentFiles, useDependencyGraph };
+//# sourceMappingURL=useDependencyGraph.mjs.map

package/dist/hooks/useDependencyGraph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDependencyGraph.mjs","names":[],"sources":["../../src/hooks/useDependencyGraph.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from 'react'\nimport type { Deps, Graph, StoryInfo } from '../types'\nimport { useStoryParams } from './useStoryParams'\n\nexport interface DependencyGraphContextType {\n\tgraph: Graph | null\n\tnode: Deps | null\n}\n\nexport const DependencyGraphContext = createContext<DependencyGraphContextType>(\n\t{\n\t\tgraph: null,\n\t\tnode: null,\n\t},\n)\n\nexport function useDependencyGraph() {\n\treturn useContext(DependencyGraphContext)\n}\n\nexport function DependencyGraphProvider({ children }: { children: ReactNode }) {\n\tconst storyParams = useStoryParams()\n\tconst filePath = storyParams?.__filePath\n\tconst refinedFilePath = filePath\n\t\t?.replace(/^.+\\/src\\//, 'src/') // remove host from the path\n\t\t.replace('.stories.', '.') // remove .stories extension\n\t\t.replace('.story.', '.') // remove .story extension\n\t\t.replace(/\\?.+$/, '') // remove any query string parameters\n\n\tconst graph = storyParams.dependencyPreviews?.dependenciesJson\n\tconst currentStoryId = storyParams._storyId\n\n\t// Build a lookup map from storyId to graph entry\n\tconst storyIdToNode = useMemo(() => {\n\t\tif (!graph) return null\n\t\tconst map: Record<string, Deps> = {}\n\t\tfor (const [_path, deps] of Object.entries(graph)) {\n\t\t\tif (deps.storyId) {\n\t\t\t\tmap[deps.storyId] = deps\n\t\t\t}\n\t\t}\n\t\treturn map\n\t}, [graph])\n\n\tconst node = useMemo((): Deps | null => {\n\t\tif (!graph) {\n\t\t\treturn null\n\t\t}\n\n\t\t// Try multiple lookup strategies:\n\t\t// 1. By storyId (most reliable in production)\n\t\t// 2. By refined file path (works in dev with import.meta.url)\n\n\t\t// The dependency graph stores --docs story IDs, but users may be viewing\n\t\t// individual story variants (e.g., --primary, --secondary).\n\t\t// Normalize by converting the current storyId to its --docs variant.\n\t\tconst docsStoryId = currentStoryId\n\t\t\t? currentStoryId.replace(/--[^-]+$/, '--docs')\n\t\t\t: null\n\n\t\tconst byStoryId =\n\t\t\tdocsStoryId && storyIdToNode?.[docsStoryId]\n\t\t\t\t? storyIdToNode[docsStoryId]\n\t\t\t\t: null\n\t\tconst byPath = refinedFilePath ? graph[refinedFilePath] : null\n\n\t\tconst result = byStoryId ?? byPath ?? null\n\n\t\treturn result\n\t}, [graph, storyIdToNode, currentStoryId, refinedFilePath])\n\n\treturn (\n\t\t<DependencyGraphContext.Provider\n\t\t\tvalue={{\n\t\t\t\tgraph,\n\t\t\t\tnode,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</DependencyGraphContext.Provider>\n\t)\n}\n\nexport function filterOutStoryAndNonComponentFiles(\n\tarray: Array<StoryInfo>,\n): Array<StoryInfo> {\n\treturn array.filter((info) => {\n\t\treturn (\n\t\t\tBoolean(info.storyId) &&\n\t\t\t!info.componentPath.includes('.stories.') &&\n\t\t\t!info.componentPath.includes('.story.')\n\t\t)\n\t})\n}\n"],"mappings":";;;;;AASA,MAAa,yBAAyB,cACrC;CACC,OAAO;CACP,MAAM;CACN,CACD;AAED,SAAgB,qBAAqB;AACpC,QAAO,WAAW,uBAAuB;;AAG1C,SAAgB,wBAAwB,EAAE,YAAqC;CAC9E,MAAM,cAAc,gBAAgB;CACpC,MAAM,WAAW,aAAa;CAC9B,MAAM,kBAAkB,UACrB,QAAQ,cAAc,OAAO,CAC9B,QAAQ,aAAa,IAAI,CACzB,QAAQ,WAAW,IAAI,CACvB,QAAQ,SAAS,GAAG;CAEtB,MAAM,QAAQ,YAAY,oBAAoB;CAC9C,MAAM,iBAAiB,YAAY;CAGnC,MAAM,gBAAgB,cAAc;AACnC,MAAI,CAAC,MAAO,QAAO;EACnB,MAAM,MAA4B,EAAE;AACpC,OAAK,MAAM,CAAC,OAAO,SAAS,OAAO,QAAQ,MAAM,EAAE;AAClD,OAAI,KAAK,SAAS;AACjB,QAAI,KAAK,WAAW;;;AAGtB,SAAO;IACL,CAAC,MAAM,CAAC;CAEX,MAAM,OAAO,cAA2B;AACvC,MAAI,CAAC,OAAO;AACX,UAAO;;EAUR,MAAM,cAAc,iBACjB,eAAe,QAAQ,YAAY,SAAS,GAC5C;EAEH,MAAM,YACL,eAAe,gBAAgB,eAC5B,cAAc,eACd;EACJ,MAAM,SAAS,kBAAkB,MAAM,mBAAmB;EAE1D,MAAM,SAAS,aAAa,UAAU;AAEtC,SAAO;IACL;EAAC;EAAO;EAAe;EAAgB;EAAgB,CAAC;AAE3D,QACC,oBAAC,uBAAuB;EACvB,OAAO;GACN;GACA;GACA;EAEA;GACgC;;AAIpC,SAAgB,mCACf,OACmB;AACnB,QAAO,MAAM,QAAQ,SAAS;AAC7B,SACC,QAAQ,KAAK,QAAQ,IACrB,CAAC,KAAK,cAAc,SAAS,YAAY,IACzC,CAAC,KAAK,cAAc,SAAS,UAAU;GAEvC"}

package/dist/hooks/useDynamicStory.cjs

@@ -0,0 +1,83 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_useStoryParams = require('./useStoryParams.cjs');
+let react = require("react");
+
+//#region src/hooks/useDynamicStory.ts
+function findStoryImporter(storiesGlob, storyFilePath) {
+	if (!storyFilePath) {
+		return null;
+	}
+	const norm = (p) => "/" + p.replace(/^[./]+/, "").replace(/\\/g, "/");
+	const wanted = norm(storyFilePath);
+	return storiesGlob[wanted] || Object.entries(storiesGlob).find(([k]) => k.endsWith(wanted))?.[1];
+}
+function useDynamicStory(storyInfo) {
+	const { dependencyPreviews } = require_useStoryParams.useStoryParams();
+	const modules = dependencyPreviews.storyModules;
+	const importer = (0, react.useMemo)(() => findStoryImporter(modules, storyInfo.storyFilePath), [modules, storyInfo.storyFilePath]);
+	const [csfModule, setCsfModule] = (0, react.useState)(null);
+	const [err, setErr] = (0, react.useState)(null);
+	const [isLoading, setIsLoading] = (0, react.useState)(true);
+	(0, react.useEffect)(() => {
+		let alive = true;
+		setIsLoading(true);
+		(async () => {
+			try {
+				if (!importer) throw new Error(`No story module found at this path: ${storyInfo.storyFilePath}`);
+				const mod = await importer();
+				if (alive) setCsfModule(mod);
+			} catch (e) {
+				if (alive) setErr(e?.message || String(e));
+			} finally {
+				setIsLoading(false);
+			}
+		})();
+		return () => {
+			alive = false;
+		};
+	}, [importer, storyInfo.componentPath]);
+	const primaryExport = getPrimaryStoryExport(csfModule, storyInfo);
+	const Component = csfModule?.default?.component;
+	const primaryId = storyInfo.storyId?.replace(/--docs$/, getPrimaryId(csfModule));
+	return {
+		isLoading,
+		primaryExport,
+		primaryId,
+		csfModule,
+		Component,
+		error: err
+	};
+}
+function getPrimaryId(csfModule) {
+	if (!csfModule) return "--default";
+	if ("Default" in csfModule) return "--default";
+	if ("Primary" in csfModule) return "--primary";
+	return "--" + slugifyExportName(csfModule?.__namedExportsOrder?.[0] || "default");
+}
+function slugifyExportName(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").replace(/[_\s]+/g, "-").replace(/[^a-zA-Z0-9-]/g, "-").toLowerCase().replace(/--+/g, "-").replace(/^-+|-+$/g, "");
+}
+/** Choose a sensible story:
+*  1) If the module has `Primary`, use it.
+*  2) If we have a docs/primary id, try to match the export name in the id.
+*  3) Else fall back to the first named export.
+*/
+function getPrimaryStoryExport(mod, info) {
+	if (!mod) return null;
+	if ("Default" in mod) return mod.Default;
+	if ("Primary" in mod) return mod.Primary;
+	if (info?.storyId && !info.storyId.endsWith("--docs")) {
+		const exportName = info.storyId.split("--").pop();
+		const match = Object.keys(mod).find((k) => k !== "default" && k.toLowerCase() === exportName);
+		if (match) return mod[match];
+	}
+	const order = mod.__namedExportsOrder || [];
+	const first = order.find((k) => k !== "default");
+	if (first && first in mod) return mod[first];
+	const anyKey = Object.keys(mod).find((k) => k !== "default" && typeof mod[k] === "function");
+	return anyKey ? mod[anyKey] : null;
+}
+
+//#endregion
+exports.useDynamicStory = useDynamicStory;
+//# sourceMappingURL=useDynamicStory.cjs.map

package/dist/hooks/useDynamicStory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicStory.cjs","names":["useStoryParams"],"sources":["../../src/hooks/useDynamicStory.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport type { CsfModule, StoryInfo, StoryModules } from '../types'\nimport { useStoryParams } from './useStoryParams'\n\n// grab all stories; Vite will code-split them\n\nfunction findStoryImporter(\n\tstoriesGlob: StoryModules,\n\tstoryFilePath: string | undefined | null,\n) {\n\tif (!storyFilePath) {\n\t\treturn null\n\t}\n\t// normalize to Vite’s absolute-style keys\n\tconst norm = (p: string) =>\n\t\t'/' + p.replace(/^[./]+/, '').replace(/\\\\/g, '/')\n\tconst wanted = norm(storyFilePath)\n\t// exact match first, else suffix match as a fallback\n\treturn (\n\t\tstoriesGlob[wanted] ||\n\t\tObject.entries(storiesGlob).find(([k]) => k.endsWith(wanted))?.[1]\n\t)\n}\n\nexport function useDynamicStory(storyInfo: StoryInfo) {\n\tconst { dependencyPreviews } = useStoryParams()\n\tconst modules = dependencyPreviews.storyModules\n\tconst importer = useMemo(\n\t\t() => findStoryImporter(modules, storyInfo.storyFilePath),\n\t\t[modules, storyInfo.storyFilePath],\n\t)\n\tconst [csfModule, setCsfModule] = useState<CsfModule | null>(null)\n\tconst [err, setErr] = useState<string | null>(null)\n\tconst [isLoading, setIsLoading] = useState(true)\n\n\tuseEffect(() => {\n\t\tlet alive = true\n\t\tsetIsLoading(true)\n\t\t;(async () => {\n\t\t\ttry {\n\t\t\t\tif (!importer)\n\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t`No story module found at this path: ${storyInfo.storyFilePath}`,\n\t\t\t\t\t)\n\t\t\t\tconst mod = await importer()\n\t\t\t\tif (alive) setCsfModule(mod as CsfModule)\n\t\t\t} catch (e: any) {\n\t\t\t\tif (alive) setErr(e?.message || String(e))\n\t\t\t} finally {\n\t\t\t\tsetIsLoading(false)\n\t\t\t}\n\t\t})()\n\t\treturn () => {\n\t\t\talive = false\n\t\t}\n\t}, [importer, storyInfo.componentPath])\n\n\tconst primaryExport = getPrimaryStoryExport(csfModule, storyInfo)\n\tconst Component = csfModule?.default?.component\n\tconst primaryId = storyInfo.storyId?.replace(\n\t\t/--docs$/,\n\t\tgetPrimaryId(csfModule),\n\t)\n\n\treturn {\n\t\tisLoading,\n\t\tprimaryExport,\n\t\tprimaryId,\n\t\tcsfModule,\n\t\tComponent,\n\t\terror: err,\n\t}\n}\n\nfunction getPrimaryId(csfModule: CsfModule | undefined | null) {\n\tif (!csfModule) return '--default'\n\tif ('Default' in csfModule) return '--default'\n\tif ('Primary' in csfModule) return '--primary'\n\treturn (\n\t\t'--' +\n\t\tslugifyExportName(csfModule?.__namedExportsOrder?.[0] || 'default')\n\t)\n}\n\n// Kebab-case like Storybook: \"ErrorStrings\" -> \"error-strings\"\nfunction slugifyExportName(name: string) {\n\treturn (\n\t\tname\n\t\t\t// split camelCase / PascalCase boundaries\n\t\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n\t\t\t.replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2') // ABCDef -> ABC-Def\n\t\t\t// underscores/spaces -> dashes\n\t\t\t.replace(/[_\\s]+/g, '-')\n\t\t\t// strip anything not alnum or dash\n\t\t\t.replace(/[^a-zA-Z0-9-]/g, '-')\n\t\t\t// lowercase + collapse/trim dashes\n\t\t\t.toLowerCase()\n\t\t\t.replace(/--+/g, '-')\n\t\t\t.replace(/^-+|-+$/g, '')\n\t)\n}\n\n/** Choose a sensible story:\n *  1) If the module has `Primary`, use it.\n *  2) If we have a docs/primary id, try to match the export name in the id.\n *  3) Else fall back to the first named export.\n */\nfunction getPrimaryStoryExport(mod: any, info?: StoryInfo) {\n\tif (!mod) return null\n\n\t// 1) Prefer \"Default\" or \"Primary\" if present\n\tif ('Default' in mod) return mod.Default\n\tif ('Primary' in mod) return mod.Primary\n\n\t// 2) If we have a storyId like \"…--errorstrings\", try to match export name\n\tif (info?.storyId && !info.storyId.endsWith('--docs')) {\n\t\tconst exportName = info.storyId.split('--').pop() // e.g. \"errorstrings\"\n\t\tconst match = Object.keys(mod).find(\n\t\t\t(k) => k !== 'default' && k.toLowerCase() === exportName,\n\t\t)\n\t\tif (match) return (mod as any)[match]\n\t}\n\n\t// 3) Fall back to first named export\n\tconst order: string[] = mod.__namedExportsOrder || []\n\tconst first = order.find((k) => k !== 'default')\n\tif (first && first in mod) return (mod as any)[first]\n\n\t// Last resort: any non-default function export\n\tconst anyKey = Object.keys(mod).find(\n\t\t(k) => k !== 'default' && typeof mod[k] === 'function',\n\t)\n\treturn anyKey ? (mod as any)[anyKey] : null\n}\n"],"mappings":";;;;;AAMA,SAAS,kBACR,aACA,eACC;AACD,KAAI,CAAC,eAAe;AACnB,SAAO;;CAGR,MAAM,QAAQ,MACb,MAAM,EAAE,QAAQ,UAAU,GAAG,CAAC,QAAQ,OAAO,IAAI;CAClD,MAAM,SAAS,KAAK,cAAc;AAElC,QACC,YAAY,WACZ,OAAO,QAAQ,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,OAAO,CAAC,GAAG;;AAIlE,SAAgB,gBAAgB,WAAsB;CACrD,MAAM,EAAE,uBAAuBA,uCAAgB;CAC/C,MAAM,UAAU,mBAAmB;CACnC,MAAM,oCACC,kBAAkB,SAAS,UAAU,cAAc,EACzD,CAAC,SAAS,UAAU,cAAc,CAClC;CACD,MAAM,CAAC,WAAW,oCAA2C,KAAK;CAClE,MAAM,CAAC,KAAK,8BAAkC,KAAK;CACnD,MAAM,CAAC,WAAW,oCAAyB,KAAK;AAEhD,4BAAgB;EACf,IAAI,QAAQ;AACZ,eAAa,KAAK;AACjB,GAAC,YAAY;AACb,OAAI;AACH,QAAI,CAAC,SACJ,OAAM,IAAI,MACT,uCAAuC,UAAU,gBACjD;IACF,MAAM,MAAM,MAAM,UAAU;AAC5B,QAAI,MAAO,cAAa,IAAiB;YACjC,GAAQ;AAChB,QAAI,MAAO,QAAO,GAAG,WAAW,OAAO,EAAE,CAAC;aACjC;AACT,iBAAa,MAAM;;MAEjB;AACJ,eAAa;AACZ,WAAQ;;IAEP,CAAC,UAAU,UAAU,cAAc,CAAC;CAEvC,MAAM,gBAAgB,sBAAsB,WAAW,UAAU;CACjE,MAAM,YAAY,WAAW,SAAS;CACtC,MAAM,YAAY,UAAU,SAAS,QACpC,WACA,aAAa,UAAU,CACvB;AAED,QAAO;EACN;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;;AAGF,SAAS,aAAa,WAAyC;AAC9D,KAAI,CAAC,UAAW,QAAO;AACvB,KAAI,aAAa,UAAW,QAAO;AACnC,KAAI,aAAa,UAAW,QAAO;AACnC,QACC,OACA,kBAAkB,WAAW,sBAAsB,MAAM,UAAU;;AAKrE,SAAS,kBAAkB,MAAc;AACxC,QACC,KAEE,QAAQ,sBAAsB,QAAQ,CACtC,QAAQ,yBAAyB,QAAQ,CAEzC,QAAQ,WAAW,IAAI,CAEvB,QAAQ,kBAAkB,IAAI,CAE9B,aAAa,CACb,QAAQ,QAAQ,IAAI,CACpB,QAAQ,YAAY,GAAG;;;;;;;AAS3B,SAAS,sBAAsB,KAAU,MAAkB;AAC1D,KAAI,CAAC,IAAK,QAAO;AAGjB,KAAI,aAAa,IAAK,QAAO,IAAI;AACjC,KAAI,aAAa,IAAK,QAAO,IAAI;AAGjC,KAAI,MAAM,WAAW,CAAC,KAAK,QAAQ,SAAS,SAAS,EAAE;EACtD,MAAM,aAAa,KAAK,QAAQ,MAAM,KAAK,CAAC,KAAK;EACjD,MAAM,QAAQ,OAAO,KAAK,IAAI,CAAC,MAC7B,MAAM,MAAM,aAAa,EAAE,aAAa,KAAK,WAC9C;AACD,MAAI,MAAO,QAAQ,IAAY;;CAIhC,MAAM,QAAkB,IAAI,uBAAuB,EAAE;CACrD,MAAM,QAAQ,MAAM,MAAM,MAAM,MAAM,UAAU;AAChD,KAAI,SAAS,SAAS,IAAK,QAAQ,IAAY;CAG/C,MAAM,SAAS,OAAO,KAAK,IAAI,CAAC,MAC9B,MAAM,MAAM,aAAa,OAAO,IAAI,OAAO,WAC5C;AACD,QAAO,SAAU,IAAY,UAAU"}