@openpawlabs/diy-guides-ui 1.5.5 → 1.6.0

package/dist/components/GuideLayout/GuideLayout.d.ts

@@ -8,6 +8,10 @@ export interface GuideLayoutProps {
 export interface GuideLayoutHeaderProps {
     /** Guide title. */
     title: ReactNode;
+    /** Optional hero image URL — the guide's main image, shown left of the title block. */
+    heroImage?: string;
+    /** Alt text for `heroImage`. Defaults to `""` (decorative). */
+    heroImageAlt?: string;
     /** Difficulty level — rendered as a `DifficultyBadge`. */
     difficulty?: Difficulty;
     /** Time estimate text, e.g. "20 – 30 minutes". */
@@ -21,7 +25,7 @@ export interface GuideLayoutIntroProps {
     children: ReactNode;
     className?: string;
 }
-declare function GuideLayoutHeader({ title, difficulty, timeEstimate, meta, className, }: GuideLayoutHeaderProps): import("react").JSX.Element;
+declare function GuideLayoutHeader({ title, heroImage, heroImageAlt, difficulty, timeEstimate, meta, className, }: GuideLayoutHeaderProps): import("react").JSX.Element;
 /** Introduction column — sits left of `Sidebar` on desktop. */
 declare function GuideLayoutIntro({ children, className }: GuideLayoutIntroProps): import("react").JSX.Element;
 /** "What you need" column — sits right of `Intro` on desktop. */
@@ -35,9 +39,10 @@ declare function GuideLayoutContent({ children, className, }: {
     className?: string;
 }): import("react").JSX.Element;
 /**
- * Responsive page shell for a guide: a full-width `Header`, an intro row with
- * `Intro` (description) beside `Sidebar` (tools/parts), then full-width `Content`
- * (steps). On mobile the intro row stacks with intro first, then sidebar.
+ * Responsive page shell for a guide: a full-width `Header` (optionally with a
+ * 4:3 hero image left of the title), an intro row with `Intro` (description)
+ * beside `Sidebar` (tools/parts), then full-width `Content` (steps). On mobile
+ * the intro row stacks with intro first, then sidebar.
  */
 export declare const GuideLayout: (({ children, className }: GuideLayoutProps) => import("react").JSX.Element) & {
     Header: typeof GuideLayoutHeader;

package/dist/components/GuideLayout/GuideLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuideLayout.d.ts","sourceRoot":"","sources":["../../../src/components/GuideLayout/GuideLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,mGAAmG;IACnG,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,mBAAmB;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,sBAAsB,+BA6BxB;AAED,+DAA+D;AAC/D,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAMvE;AAED,iEAAiE;AACjE,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAMA;AAED,kEAAkE;AAClE,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAMA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,6BAC4B,gBAAgB;;;;;CAkBnE,CAAC"}
+{"version":3,"file":"GuideLayout.d.ts","sourceRoot":"","sources":["../../../src/components/GuideLayout/GuideLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,mGAAmG;IACnG,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,mBAAmB;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,sBAAsB,+BA2CxB;AAED,+DAA+D;AAC/D,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAMvE;AAED,iEAAiE;AACjE,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAMA;AAED,kEAAkE;AAClE,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAMA;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,6BAC4B,gBAAgB;;;;;CAkBnE,CAAC"}

package/dist/components/GuideLayout/GuideLayout.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
     component: (({ children, className }: import("./GuideLayout").GuideLayoutProps) => import("react").JSX.Element) & {
-        Header: ({ title, difficulty, timeEstimate, meta, className, }: import("./GuideLayout").GuideLayoutHeaderProps) => import("react").JSX.Element;
+        Header: ({ title, heroImage, heroImageAlt, difficulty, timeEstimate, meta, className, }: import("./GuideLayout").GuideLayoutHeaderProps) => import("react").JSX.Element;
         Intro: ({ children, className }: import("./GuideLayout").GuideLayoutIntroProps) => import("react").JSX.Element;
         Sidebar: ({ children, className, }: {
             children: import("react").ReactNode;
@@ -29,5 +29,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const FullGuide: Story;
+export declare const WithHeroImage: Story;
 export declare const WithoutSidebar: Story;
 //# sourceMappingURL=GuideLayout.stories.d.ts.map

package/dist/components/GuideLayout/GuideLayout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuideLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideLayout/GuideLayout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4B5D,QAAA,MAAM,IAAI;;;;;;;qBAyCwB,CAAC;;;;qBAOvB,CAAC;;;;;;;;;;;;;;;CAvCuB,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAsGvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsD5B,CAAC"}
+{"version":3,"file":"GuideLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideLayout/GuideLayout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA8B5D,QAAA,MAAM,IAAI;;;;;;;qBAoDA,CAAC;;;;qBAUS,CAAC;;;;;;;;;;;;;;;CArDe,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAKnC,eAAO,MAAM,SAAS,EAAE,KAwGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsD5B,CAAC"}