@openpawlabs/diy-guides-ui 1.0.0 → 1.2.0

package/README.md

@@ -13,6 +13,7 @@ Active development. The core guide component set is implemented, tested, and doc
 | `GuideStep` | A single step — number badge, completion checkbox, media, and bulleted instructions |
 | `MediaFigure` | Image/video with percentage-positioned annotation markers |
 | `ToolList` | Titled card of required tools and parts |
+| `LinkButton` | Download / link button with an optional dropdown of file variants |
 | `Callout` | Safety / informational callout (`note` → `danger` types) |
 | `DifficultyBadge` | Color-coded difficulty pill (easy / moderate / difficult) |
 

package/dist/components/GuideStep/GuideStep.d.ts

@@ -1,5 +1,31 @@
 import { type ReactNode } from "react";
 import { type GuideColor } from "../../types/colors";
+/**
+ * Optional, editor-only media affordances. Presence switches `GuideStep.Media`
+ * into edit mode: an empty-state add target, click-to-replace on the main image,
+ * a remove control per thumbnail, a "+" tile to append, and (with `onReorderImage`)
+ * drag-to-reorder thumbnails. All members are intent callbacks — the library
+ * performs no file or menu logic. Omit entirely for the read-only reader experience.
+ */
+export interface GuideStepMediaEditing {
+    /** Append a new image (e.g. open a file picker). Drives the empty target and "+" tile. */
+    onAddImage?: () => void;
+    /** Replace the image at `index` (fired by clicking the main image). */
+    onReplaceImage?: (index: number) => void;
+    /** Remove the image at `index` (fired by a thumbnail's remove control). */
+    onRemoveImage?: (index: number) => void;
+    /**
+     * Move the image from `from` to `to`. When set, edit-mode thumbnails become
+     * drag-reorderable (the library only reports the move; the consumer reorders).
+     */
+    onReorderImage?: (from: number, to: number) => void;
+    /** Selection changed to `index` (in edit mode thumbnails select on click). */
+    onSelectImage?: (index: number) => void;
+    /** Controlled active image index. */
+    activeIndex?: number;
+    /** Show the "+" add tile while below the three-image limit. @default true */
+    canAddImage?: boolean;
+}
 export interface GuideStepProps {
     /** Step number shown in the badge. Auto-assigned when inside `GuideStepList`. */
     number?: number;
@@ -13,16 +39,26 @@ export interface GuideStepProps {
     onCompletedChange?: (completed: boolean) => void;
     /** Render the "mark complete" checkbox. @default true */
     completable?: boolean;
+    /**
+     * Editor-only media affordances. When provided, the media area becomes
+     * editable (add / replace / remove / select). Leave undefined for readers.
+     */
+    mediaEditing?: GuideStepMediaEditing;
     /** Step body — requires `GuideStep.Media` (≥1 image) and `GuideStep.Bullets` (≥1 bullet). */
     children?: ReactNode;
     className?: string;
 }
-/** Bullet presentation — `dot` uses a colored dot; others use semantic icons and labels. */
-export type GuideStepBulletVariant = "dot" | "caution" | "reminder" | "note";
+/**
+ * Bullet presentation — `dot` uses a colored dot; `caution` / `reminder` / `note`
+ * use semantic icons and labels; `button` renders its children (e.g. a `LinkButton`)
+ * as a standalone action with no marker.
+ */
+export type GuideStepBulletVariant = "dot" | "caution" | "reminder" | "note" | "button";
 export interface GuideStepBulletProps {
     /**
      * Bullet style. `dot` renders a colored dot (link to `MediaFigure`
-     * annotations); `caution`, `reminder`, and `note` render iFixit-style semantic bullets.
+     * annotations); `caution`, `reminder`, and `note` render iFixit-style semantic bullets;
+     * `button` renders its children (typically a `LinkButton`) with no marker.
      * @default "dot"
      */
     variant?: GuideStepBulletVariant;
@@ -32,6 +68,13 @@ export interface GuideStepBulletProps {
     label?: ReactNode;
     /** Hide the auto-generated label for `caution`, `reminder`, and `note` bullets. */
     hideLabel?: boolean;
+    /**
+     * Editor-only: when set, the marker (dot or semantic icon) renders as a button
+     * that fires this on press — e.g. to open a color / variant picker. Omit for readers.
+     */
+    onMarkerPress?: () => void;
+    /** Accessible label for the marker button when `onMarkerPress` is set. */
+    markerAriaLabel?: string;
     children: ReactNode;
     className?: string;
 }
@@ -45,8 +88,8 @@ declare function GuideStepBullets({ children, className, }: {
     className?: string;
 }): import("react").JSX.Element;
 /** A single instruction line — dot bullets or semantic caution / reminder / note bullets. */
-declare function GuideStepBullet({ variant, color, label, hideLabel, children, className, }: GuideStepBulletProps): import("react").JSX.Element;
-declare function GuideStepRoot({ number, title, isCompleted, defaultCompleted, onCompletedChange, completable, children, className, }: GuideStepProps): import("react").JSX.Element;
+declare function GuideStepBullet({ variant, color, label, hideLabel, onMarkerPress, markerAriaLabel, children, className, }: GuideStepBulletProps): import("react").JSX.Element;
+declare function GuideStepRoot({ number, title, isCompleted, defaultCompleted, onCompletedChange, completable, mediaEditing, children, className, }: GuideStepProps): import("react").JSX.Element;
 /**
  * A single numbered guide step: header with number badge and optional completion
  * checkbox, plus a two-column body (main image left, thumbnails + bullets right).

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

@@ -1 +1 @@
-{"version":3,"file":"GuideStep.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAW7D,MAAM,WAAW,cAAc;IAC7B,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4FAA4F;AAC5F,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,iGAAiG;IACjG,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0HD,0FAA0F;AAC1F,iBAAS,cAAc,CAAC,MAAM,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,QAEvD;AAED,iDAAiD;AACjD,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAIA;AAED,6FAA6F;AAC7F,iBAAS,eAAe,CAAC,EACvB,OAAe,EACf,KAAc,EACd,KAAK,EACL,SAAiB,EACjB,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,+BA2CtB;AA2ED,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,gBAAwB,EACxB,iBAAiB,EACjB,WAAkB,EAClB,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,+BAkFhB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}
+{"version":3,"file":"GuideStep.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: (({ number, title, isCompleted, defaultCompleted, onCompletedChange, completable, children, className, }: import("./GuideStep").GuideStepProps) => import("react").JSX.Element) & {
+    component: (({ number, title, isCompleted, defaultCompleted, onCompletedChange, completable, mediaEditing, children, className, }: import("./GuideStep").GuideStepProps) => import("react").JSX.Element) & {
         Media: (_props: {
             children?: import("react").ReactNode;
         }) => null;
@@ -9,7 +9,7 @@ declare const meta: {
             children: import("react").ReactNode;
             className?: string;
         }) => import("react").JSX.Element;
-        Bullet: ({ variant, color, label, hideLabel, children, className, }: import("./GuideStep").GuideStepBulletProps) => import("react").JSX.Element;
+        Bullet: ({ variant, color, label, hideLabel, onMarkerPress, markerAriaLabel, children, className, }: import("./GuideStep").GuideStepBulletProps) => import("react").JSX.Element;
     };
     tags: string[];
     parameters: {
@@ -31,6 +31,8 @@ export declare const Anatomy: Story;
 export declare const MultipleImages: Story;
 export declare const DotBullets: Story;
 export declare const SemanticBullets: Story;
+export declare const ButtonBullet: Story;
 export declare const Completed: Story;
+export declare const EditingAffordances: Story;
 export declare const WithoutCompletion: Story;
 //# sourceMappingURL=GuideStep.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GuideStep.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqD5D,QAAA,MAAM,IAAI;;;;oBAuHA,CAAA;;;;qBAKA,CAAC;;;;;;;;;;;;;;;;;CAhHuB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC"}
+{"version":3,"file":"GuideStep.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqE5D,QAAA,MAAM,IAAI;;;;oBAgLR,CAAA;;;;qBAMQ,CAAN;;;;;;;;;;;;;;;;;CA1K8B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8EhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC"}

package/dist/components/GuideStep/index.d.ts

@@ -1,3 +1,3 @@
 export { GuideStep } from "./GuideStep";
-export type { GuideStepProps, GuideStepBulletProps, GuideStepBulletVariant } from "./GuideStep";
+export type { GuideStepProps, GuideStepBulletProps, GuideStepBulletVariant, GuideStepMediaEditing, } from "./GuideStep";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/GuideStep/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,aAAa,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"GuideStepList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStepList/GuideStepList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkBhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAQ4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqDrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmClC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAmChC,CAAC"}
+{"version":3,"file":"GuideStepList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStepList/GuideStepList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkBhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAQ4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAyDrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmClC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAmChC,CAAC"}

package/dist/components/LinkButton/LinkButton.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from "react";
+import { type ButtonVariants } from "@heroui/react";
+/** HeroUI button look applied to the button. @default "primary" */
+export type LinkButtonVariant = NonNullable<ButtonVariants["variant"]>;
+/** HeroUI button size. @default "md" */
+export type LinkButtonSize = NonNullable<ButtonVariants["size"]>;
+export interface LinkButtonItemProps {
+    /** Destination — a URL to navigate to, or a (relative) file path to download. */
+    href: string;
+    /** Download instead of navigate. `true` keeps the file name; a string renames it. */
+    download?: boolean | string;
+    /** Open in a new tab (sets `target="_blank"` + safe `rel`). */
+    external?: boolean;
+    /** The visible label. Kept as children so editors can edit it in place. */
+    children: ReactNode;
+}
+/**
+ * Optional, editor-only affordances. Presence switches `LinkButton` into edit
+ * mode: the primary action stops navigating, its label becomes editable in place,
+ * and a chevron reveals an options panel for managing the other links. Every
+ * member is an intent callback — the library performs no file or menu logic.
+ * Omit entirely for the read-only reader experience.
+ */
+export interface LinkButtonEditing {
+    /** Append a new option (e.g. seed a blank link). Drives the "Add option" control. */
+    onAddItem?: () => void;
+    /** Remove the option at `index`. */
+    onRemoveItem?: (index: number) => void;
+    /** Move the option from `from` to `to` (drag-reorder + "make default"). */
+    onReorderItem?: (from: number, to: number) => void;
+    /** Edit the option at `index` — e.g. open a link / upload picker for its href. */
+    onSelectItem?: (index: number) => void;
+}
+export interface LinkButtonProps {
+    /** HeroUI button variant for theming. @default "primary" */
+    variant?: LinkButtonVariant;
+    /** HeroUI button size. @default "md" */
+    size?: LinkButtonSize;
+    /** Optional leading icon on the primary action. */
+    icon?: ReactNode;
+    /** Accessible label for the dropdown trigger. @default "More download options" */
+    menuLabel?: string;
+    /** Opt-in editor affordances; presence enables edit mode. Omit for readers. */
+    editing?: LinkButtonEditing;
+    /** `LinkButton.Item` children — the first is the primary action, the rest fill the menu. */
+    children: ReactNode;
+    className?: string;
+}
+/** Data-only carrier; `LinkButton` reads its props and places the label itself. */
+declare function LinkButtonItem(_props: LinkButtonItemProps): null;
+declare function LinkButtonRoot({ variant, size, icon, menuLabel, editing, children, className, }: LinkButtonProps): import("react").JSX.Element | null;
+/**
+ * A download / navigation button with an optional dropdown of alternatives. With a
+ * single `LinkButton.Item` it renders one button that links or downloads; with more,
+ * it becomes a split button — the first item is the primary action and the rest sit
+ * behind a chevron. Provide `editing` to drive it from an authoring tool without
+ * changing the reader output.
+ */
+export declare const LinkButton: typeof LinkButtonRoot & {
+    Item: typeof LinkButtonItem;
+};
+export {};
+//# sourceMappingURL=LinkButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;AACvE,wCAAwC;AACxC,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,IAAI,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,4FAA4F;IAC5F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mFAAmF;AACnF,iBAAS,cAAc,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAEzD;AA+GD,iBAAS,cAAc,CAAC,EACtB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAmC,EACnC,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,sCAmEjB;AAgMD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;CAA0D,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: (({ variant, size, icon, menuLabel, editing, children, className, }: import("./LinkButton").LinkButtonProps) => import("react").JSX.Element | null) & {
+        Item: (_props: import("./LinkButton").LinkButtonItemProps) => null;
+    };
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    args: {
+        variant: "primary";
+        size: "md";
+        children: import("react").JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Split: Story;
+export declare const Navigation: Story;
+export declare const EditingAffordances: Story;
+//# sourceMappingURL=LinkButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2C5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAuBnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwDhC,CAAC"}

package/dist/components/LinkButton/LinkButton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LinkButton.test.d.ts.map

package/dist/components/LinkButton/LinkButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.test.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.test.tsx"],"names":[],"mappings":""}

package/dist/components/LinkButton/index.d.ts

@@ -0,0 +1,3 @@
+export { LinkButton } from "./LinkButton";
+export type { LinkButtonProps, LinkButtonItemProps, LinkButtonEditing, LinkButtonVariant, LinkButtonSize, } from "./LinkButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LinkButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,cAAc,CAAC"}

package/dist/components/MediaFigure/MediaFigureModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaFigureModel.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureModel.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE,qBAAqB,+BAqE9D"}
+{"version":3,"file":"MediaFigureModel.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureModel.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE,qBAAqB,+BAyD9D"}