@progressive-development/pd-content 1.0.2 → 1.0.3

package/dist/pd-code-snippet/pd-code-snippet.stories.d.ts

@@ -1,55 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { CodeLanguage } from './PdCodeSnippet.js';
-/**
- * Story arguments interface for pd-code-snippet component.
- * Maps to the component's public API.
- */
-interface PdCodeSnippetArgs {
-    /** Title displayed in header */
-    title: string;
-    /** Programming language */
-    language: CodeLanguage;
-    /** Source URL */
-    url: string;
-    /** Code content */
-    code: string;
-    /** Show line numbers */
-    showLineNumbers: boolean;
-}
-/**
- * ## pd-code-snippet
- *
- * A code display component with syntax highlighting using Prism.js.
- * Supports 11 languages plus plain text, with copy-to-clipboard, optional
- * line numbers, and source URL display.
- *
- * ### Features
- * - Syntax highlighting for JavaScript, TypeScript, HTML, CSS, JSON, Bash, YAML, Python, Java, SQL, Markdown
- * - One-click copy to clipboard
- * - Optional source URL link in footer
- * - Optional line numbers
- * - Code can be provided via `code` property or slot content
- * - Extensive CSS Custom Properties for theming (colors, token colors, layout)
- *
- * ### Accessibility
- * - Copy button has `aria-label="Copy code to clipboard"`
- * - Focus-visible styling on the copy button for keyboard users
- * - Line numbers are `aria-hidden="true"` (decorative)
- * - Semantic HTML structure with `pre` and `code` elements
- */
-declare const meta: Meta<PdCodeSnippetArgs>;
-export default meta;
-type Story = StoryObj<PdCodeSnippetArgs>;
-/** Default JavaScript code snippet. Interactive via Controls panel. */
-export declare const Default: Story;
-/** TypeScript snippet with title, source URL, and line numbers. Shows all header/footer features. */
-export declare const WithTitleAndUrl: Story;
-/** Overview of all 11 supported programming languages plus plain text. */
-export declare const AllLanguages: Story;
-/** Line numbers enabled for longer code blocks. */
-export declare const WithLineNumbers: Story;
-/** Code provided via slot content instead of the code property. */
-export declare const SlotContent: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-code-snippet.stories.d.ts.map

package/dist/pd-code-snippet/pd-code-snippet.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-code-snippet.stories.d.ts","sourceRoot":"","sources":["../../src/pd-code-snippet/pd-code-snippet.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMvD;;;GAGG;AACH,UAAU,iBAAiB;IACzB,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,iBAAiB;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CA0EjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAMzC,uEAAuE;AACvE,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAMF,qGAAqG;AACrG,eAAO,MAAM,eAAe,EAAE,KAwC7B,CAAC;AAMF,0EAA0E;AAC1E,eAAO,MAAM,YAAY,EAAE,KAsF1B,CAAC;AAMF,mDAAmD;AACnD,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA6G3B,CAAC"}

package/dist/pd-collapse/pd-collapse.stories.d.ts

@@ -1,51 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-collapse component.
- * Maps to the component's public API.
- */
-interface PdCollapseArgs {
-    /** Whether the collapse starts in open state */
-    startOpen: boolean;
-    /** Header text content */
-    header: string;
-    /** Content text */
-    content: string;
-    /** Scroll content into view when opened */
-    scrollOnOpen: boolean;
-}
-/**
- * ## pd-collapse
- *
- * A collapsible accordion component with animated open/close transitions.
- *
- * ### Features
- * - Smooth animated toggle with CSS transitions
- * - Configurable toggle icon via `icon` property
- * - `startOpen` for initial open state
- * - `scrollOnOpen` to scroll content into view after opening
- * - Header and content slots for flexible markup
- * - Works standalone or inside `pd-collapse-group` for accordion behavior
- * - CSS custom properties for full visual customization
- *
- * ### Accessibility
- * - Header uses `role="button"` with `tabindex="0"`
- * - `aria-expanded` reflects open/closed state
- * - `aria-controls` links header to content region
- * - Content area uses `role="region"` with `aria-hidden`
- * - Keyboard: Tab to focus, Enter/Space to toggle
- * - Visible focus ring for keyboard users
- */
-declare const meta: Meta<PdCollapseArgs>;
-export default meta;
-type Story = StoryObj<PdCollapseArgs>;
-/** Default closed collapse section. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All collapse states at a glance: closed, open, and long header. */
-export declare const AllStates: Story;
-/** Collapse sections with scrollOnOpen enabled for auto-scrolling behavior. */
-export declare const WithScrollOnOpen: Story;
-/** Collapse with rich HTML content including headings, lists, and links. */
-export declare const WithRichContent: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-collapse.stories.d.ts.map

package/dist/pd-collapse/pd-collapse.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-collapse.stories.d.ts","sourceRoot":"","sources":["../../src/pd-collapse/pd-collapse.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,kBAAkB,CAAC;AAM1B;;;GAGG;AACH,UAAU,cAAc;IACtB,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,YAAY,EAAE,OAAO,CAAC;CACvB;AAMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CAwE9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAMtC,uEAAuE;AACvE,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAMF,sEAAsE;AACtE,eAAO,MAAM,SAAS,EAAE,KA8CvB,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,EAAE,KAqE9B,CAAC;AAMF,4EAA4E;AAC5E,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA6F3B,CAAC"}

package/dist/pd-collapse-group/pd-collapse-group.stories.d.ts

@@ -1,40 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-collapse-group component.
- * Maps to the component's public API.
- */
-interface PdCollapseGroupArgs {
-    /** Gap between collapse elements */
-    gap: string;
-}
-/**
- * ## pd-collapse-group
- *
- * A container that groups multiple pd-collapse elements with accordion behavior.
- * Only one collapse can be open at a time -- opening one automatically closes the others.
- *
- * ### Features
- * - Accordion mode: only one collapse open at a time
- * - Automatic registration of child pd-collapse elements
- * - Configurable gap spacing via `--pd-collapse-group-gap`
- * - CSS part `container` for external styling
- *
- * ### Accessibility
- * - Inherits keyboard behavior from child pd-collapse elements
- * - Each child collapse provides its own ARIA attributes
- * - Accordion pattern: closing previous section when opening a new one
- */
-declare const meta: Meta<PdCollapseGroupArgs>;
-export default meta;
-type Story = StoryObj<PdCollapseGroupArgs>;
-/** Default collapse group with accordion behavior. Opening one section closes others. */
-export declare const Default: Story;
-/** All sections initially closed -- no startOpen attribute on any child. */
-export declare const AllClosed: Story;
-/** Collapse group with rich HTML content in each section. */
-export declare const WithRichContent: Story;
-/** Different gap spacings side by side: tight (0px) vs. spacious (1.5rem). */
-export declare const CustomGap: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-collapse-group.stories.d.ts.map

package/dist/pd-collapse-group/pd-collapse-group.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-collapse-group.stories.d.ts","sourceRoot":"","sources":["../../src/pd-collapse-group/pd-collapse-group.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AAMvC;;;GAGG;AACH,UAAU,mBAAmB;IAC3B,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;CACb;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAkCnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAM3C,yFAAyF;AACzF,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAMF,4EAA4E;AAC5E,eAAO,MAAM,SAAS,EAAE,KA6BvB,CAAC;AAMF,6DAA6D;AAC7D,eAAO,MAAM,eAAe,EAAE,KA+C7B,CAAC;AAMF,8EAA8E;AAC9E,eAAO,MAAM,SAAS,EAAE,KA2DvB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA2G3B,CAAC"}

package/dist/pd-edit-content/pd-edit-content.stories.d.ts

@@ -1,55 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdEditContentDataEntry, PdEditLink } from '../types.js';
-/**
- * Story arguments interface for pd-edit-content component.
- * Maps to the component's public API.
- */
-interface PdEditContentArgs {
-    /** Step number displayed in circle (optional) */
-    stepNumber?: number;
-    /** Title of the content section */
-    contentTitle: string;
-    /** Data entries to display as label-value pairs */
-    data: PdEditContentDataEntry[];
-    /** Edit links displayed below the content */
-    editLinks: PdEditLink[];
-    /** Whether the main edit button is disabled */
-    editDisabled: boolean;
-}
-/**
- * ## pd-edit-content
- *
- * A content card component for displaying editable data sections, commonly used in wizard flows.
- *
- * ### Features
- * - Optional numbered step badge for wizard flows
- * - Data display as label-value pairs from a data array
- * - Configurable edit action links with icons
- * - Default slot for custom additional content
- * - Edit control: can disable all editing entirely
- * - Localized "Edit" label via `@lit/localize`
- *
- * ### Accessibility
- * - Edit links use `role="button"` with `tabindex="0"` and respond to Enter/Space
- * - Focus-visible outline on focused interactive elements
- * - Decorative edit icons have `aria-hidden="true"`
- * - Step number badge provides visual context for wizard flows
- */
-declare const meta: Meta<PdEditContentArgs>;
-export default meta;
-type Story = StoryObj<PdEditContentArgs>;
-/** Default edit-content with step number and data. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All edit-content configurations at a glance. */
-export declare const AllVariants: Story;
-/** Edit-content with additional action links below the data. */
-export declare const WithEditLinks: Story;
-/** Edit-content with custom HTML provided via the default slot. */
-export declare const WithSlotContent: Story;
-/** Multiple edit-content cards arranged in a pd-box-view grid. */
-export declare const InGridLayout: Story;
-/** Sequential numbered step cards for wizard flows. */
-export declare const NumberedSteps: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-edit-content.stories.d.ts.map

package/dist/pd-edit-content/pd-edit-content.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-edit-content.stories.d.ts","sourceRoot":"","sources":["../../src/pd-edit-content/pd-edit-content.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,+BAA+B,CAAC;AAMvC;;;GAGG;AACH,UAAU,iBAAiB;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE,OAAO,CAAC;CACvB;AAqBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAqFjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAMzC,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAMF,mDAAmD;AACnD,eAAO,MAAM,WAAW,EAAE,KA2DzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAC;AAMF,kEAAkE;AAClE,eAAO,MAAM,YAAY,EAAE,KAgD1B,CAAC;AAMF,uDAAuD;AACvD,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA2E3B,CAAC"}

package/dist/pd-loading-state/pd-loading-state.stories.d.ts

@@ -1,48 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { LoadingState } from './PdLoadingState.js';
-/**
- * Story arguments interface for pd-loading-state component.
- * Maps to the component's public API.
- */
-interface PdLoadingStateArgs {
-    /** Loading state configuration */
-    loadingState: LoadingState;
-}
-/**
- * ## pd-loading-state
- *
- * A loading state indicator component with multiple display modes for different
- * use cases: modal overlay, centered inline, and background sync.
- *
- * ### Features
- * - Modal mode: fullscreen overlay blocking user interaction
- * - Background mode: small indicator in bottom-right corner
- * - Centered mode: centered without overlay for inline loading
- * - Sub-task progress tracking with completion states
- * - Custom loading messages
- * - CSS Custom Properties for full theming
- *
- * ### Accessibility
- * - Uses `role="dialog"` with `aria-modal` and `aria-busy` for modal mode
- * - Content area uses `role="status"` with `aria-live="polite"` for announcements
- * - Spinner uses `role="progressbar"` with `aria-label`
- * - Screen readers announce loading messages and sub-task status changes
- */
-declare const meta: Meta<PdLoadingStateArgs>;
-export default meta;
-type Story = StoryObj<PdLoadingStateArgs>;
-/** Default modal loading state with fullscreen overlay. */
-export declare const Default: Story;
-/** Modal loading state with a custom message. */
-export declare const WithCustomMessage: Story;
-/** Centered loading without modal overlay, useful for inline loading areas. */
-export declare const CenteredNoModal: Story;
-/** Small background indicator in bottom-right corner for non-blocking sync operations. */
-export declare const BackgroundMode: Story;
-/** Loading state with sub-task progress tracking. */
-export declare const WithSubTasks: Story;
-/** All non-modal loading state variants side by side. Modal variant excluded as it covers the entire viewport. */
-export declare const AllVariants: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-loading-state.stories.d.ts.map

package/dist/pd-loading-state/pd-loading-state.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-loading-state.stories.d.ts","sourceRoot":"","sources":["../../src/pd-loading-state/pd-loading-state.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAMxD;;;GAGG;AACH,UAAU,kBAAkB;IAC1B,kCAAkC;IAClC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CA+ClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAM1C,2DAA2D;AAC3D,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAMF,iDAAiD;AACjD,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAMF,0FAA0F;AAC1F,eAAO,MAAM,cAAc,EAAE,KAkC5B,CAAC;AAMF,qDAAqD;AACrD,eAAO,MAAM,YAAY,EAAE,KAkD1B,CAAC;AAMF,kHAAkH;AAClH,eAAO,MAAM,WAAW,EAAE,KA6FzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA0H3B,CAAC"}

package/dist/pd-more-info/pd-more-info.stories.d.ts

@@ -1,42 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-more-info component.
- * Maps to the component's public API.
- */
-interface PdMoreInfoArgs {
-    /** Short summary text shown initially */
-    shortText: string;
-    /** Extended text shown after clicking "More Info" */
-    longText: string;
-}
-/**
- * ## pd-more-info
- *
- * A component that displays a compact summary with an expandable detailed view.
- *
- * ### Features
- * - Expandable content: toggle between short (`small-view`) and long (`large-view`) view
- * - Localized toggle labels ("Mehr Informationen" / "Text ausblenden") via `@lit/localize`
- * - Smooth auto-scroll back to component when collapsing on mobile
- * - Accepts any HTML in both slot views for rich content
- *
- * ### Accessibility
- * - Toggle links use `role="button"` with `tabindex="0"`
- * - Full keyboard support: Tab to focus, Enter/Space to toggle
- * - Focus-visible outline on toggle link
- * - Auto-scroll on collapse ensures the component stays visible
- */
-declare const meta: Meta<PdMoreInfoArgs>;
-export default meta;
-type Story = StoryObj<PdMoreInfoArgs>;
-/** Default more-info with short and long content. Interactive via Controls panel. */
-export declare const Default: Story;
-/** More-info with structured HTML in the expanded view. */
-export declare const WithRichContent: Story;
-/** More-info embedded within surrounding paragraph content. */
-export declare const InContext: Story;
-/** Content length variations from short to long. */
-export declare const AllVariants: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-more-info.stories.d.ts.map

package/dist/pd-more-info/pd-more-info.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-more-info.stories.d.ts","sourceRoot":"","sources":["../../src/pd-more-info/pd-more-info.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,mBAAmB,CAAC;AAM3B;;;GAGG;AACH,UAAU,cAAc;IACtB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CAkE9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAMtC,qFAAqF;AACrF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,2DAA2D;AAC3D,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,SAAS,EAAE,KAqDvB,CAAC;AAMF,oDAAoD;AACpD,eAAO,MAAM,WAAW,EAAE,KAuEzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAoF3B,CAAC"}

package/dist/pd-notice-box/pd-notice-box.stories.d.ts

@@ -1,58 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { NoticeType, NoticeVariant } from '../types.js';
-/**
- * Story arguments interface for pd-notice-box component.
- * Maps to the component's public API.
- */
-interface PdNoticeBoxArgs {
-    /** Notice type */
-    type: NoticeType;
-    /** Visual variant */
-    variant: NoticeVariant;
-    /** Title text */
-    title: string;
-    /** Custom icon (optional) */
-    icon: string;
-    /** Hide icon */
-    hideIcon: boolean;
-    /** Content text */
-    content: string;
-}
-/**
- * ## pd-notice-box
- *
- * A notice box component for displaying contextual messages like
- * informational notes, warnings, errors, and success messages.
- *
- * ### Features
- * - Five notice types: info, note, success, warning, error
- * - Two visual variants: box (with icon and background) or sidebar (minimal with left border)
- * - Customizable icons: override default icons or hide them completely
- * - Rich HTML content support via default slot
- * - Full theme support with extensive CSS Custom Properties
- *
- * ### Accessibility
- * - Uses `role="note"` for semantic meaning
- * - `aria-label` announces the notice type (e.g. "warning notice")
- * - Icons are `aria-hidden="true"` (decorative only)
- * - Color contrast meets WCAG AA standards
- * - Types are distinguishable by icon and text, not just color
- */
-declare const meta: Meta<PdNoticeBoxArgs>;
-export default meta;
-type Story = StoryObj<PdNoticeBoxArgs>;
-/** Default info notice with box variant. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All five notice types with box variant at a glance. */
-export declare const AllTypesBox: Story;
-/** All five notice types with sidebar variant. Minimal styling with colored left border. */
-export declare const AllTypesSidebar: Story;
-/** Side-by-side comparison of box and sidebar variants. */
-export declare const VariantComparison: Story;
-/** Icon customization: default icon, custom icon, and no icon. */
-export declare const IconOptions: Story;
-/** Notice box with rich HTML content including lists, code, and links. */
-export declare const RichContent: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-notice-box.stories.d.ts.map

package/dist/pd-notice-box/pd-notice-box.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-notice-box.stories.d.ts","sourceRoot":"","sources":["../../src/pd-notice-box/pd-notice-box.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAM7D;;;GAGG;AACH,UAAU,eAAe;IACvB,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAiE/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,4EAA4E;AAC5E,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAMF,4FAA4F;AAC5F,eAAO,MAAM,eAAe,EAAE,KAuC7B,CAAC;AAMF,2DAA2D;AAC3D,eAAO,MAAM,iBAAiB,EAAE,KA0C/B,CAAC;AAMF,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAMF,0EAA0E;AAC1E,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAqG3B,CAAC"}

package/dist/pd-panel-viewer/pd-panel-viewer.stories.d.ts

@@ -1,46 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-panel-viewer component.
- * Maps to the component's public API.
- */
-interface PdPanelViewerArgs {
-    /** Show progress indicator bar below the panels */
-    withProgress: boolean;
-    /** Swipe sensitivity divisor (higher = less sensitive) */
-    deltaCalc: number;
-}
-/**
- * ## pd-panel-viewer
- *
- * A carousel/slider component for displaying panels with swipe gestures and navigation arrows.
- *
- * ### Features
- * - Swipe navigation via pointer events (touch and mouse)
- * - Previous/next arrow buttons for navigation
- * - Optional progress indicator bar with clickable segments
- * - Smooth CSS transitions with scale effects
- * - Configurable swipe sensitivity via `deltaCalc`
- * - Responsive layout adapting to container width
- * - `entered` and `exited` events dispatched on child panels
- *
- * ### Accessibility
- * - Container uses `role="region"` with `aria-roledescription="carousel"`
- * - Navigation arrows: `role="button"`, `tabindex="0"`, localized `aria-label`
- * - Progress indicator: `role="tablist"` with `role="tab"` on each segment
- * - `aria-live="polite"` announces panel changes to screen readers
- * - Keyboard: Tab between arrows/progress, Enter/Space to activate, Arrow keys on progress tabs
- */
-declare const meta: Meta<PdPanelViewerArgs>;
-export default meta;
-type Story = StoryObj<PdPanelViewerArgs>;
-/** Default panel viewer with progress indicator. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Visual comparison: with progress, without progress, and compact size. */
-export declare const AllVariants: Story;
-/** Panel viewer with gradient content cards showing a realistic use case. */
-export declare const ContentCards: Story;
-/** Side-by-side comparison of high vs. low swipe sensitivity. */
-export declare const SwipeSensitivity: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-panel-viewer.stories.d.ts.map

package/dist/pd-panel-viewer/pd-panel-viewer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-panel-viewer.stories.d.ts","sourceRoot":"","sources":["../../src/pd-panel-viewer/pd-panel-viewer.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,sBAAsB,CAAC;AAM9B;;;GAGG;AACH,UAAU,iBAAiB;IACzB,mDAAmD;IACnD,YAAY,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;CACnB;AAkGD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CA+DjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAMzC,oFAAoF;AACpF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAMF,4EAA4E;AAC5E,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAC;AAMF,6EAA6E;AAC7E,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAMF,iEAAiE;AACjE,eAAO,MAAM,gBAAgB,EAAE,KA0C9B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAyE3B,CAAC"}

package/dist/pd-resize-content/pd-resize-content.stories.d.ts

@@ -1,37 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-resize-content component.
- * Maps to the component's public API.
- */
-interface PdResizeContentArgs {
-    /** Minimum width threshold - below this, content shows in popup */
-    resizeWidth: string;
-}
-/**
- * ## pd-resize-content
- *
- * A responsive content component that switches between inline display and popup
- * based on viewport width. Uses a native media query watcher for performance.
- *
- * ### Features
- * - Responsive display: automatically switches between inline and popup
- * - Configurable breakpoint via `resizeWidth` property
- * - Media query based for optimal performance
- * - Two slots: `resize-content` for full content, `preview-content` for popup trigger
- * - Delegates to `pd-popup` when viewport is narrow
- *
- * ### Accessibility
- * - Content remains accessible in both inline and popup modes
- * - Popup mode inherits accessibility from `pd-popup` component
- * - No keyboard traps; content is reachable via Tab navigation
- */
-declare const meta: Meta<PdResizeContentArgs>;
-export default meta;
-type Story = StoryObj<PdResizeContentArgs>;
-/** Default resize-content with 800px breakpoint. Resize the browser window to see the popup behavior. */
-export declare const Default: Story;
-/** All breakpoint sizes at a glance. Resize the browser to see each threshold in action. */
-export declare const BreakpointComparison: Story;
-/** Rich content like tables that benefit from responsive display. */
-export declare const WithRichContent: Story;
-//# sourceMappingURL=pd-resize-content.stories.d.ts.map

package/dist/pd-resize-content/pd-resize-content.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-resize-content.stories.d.ts","sourceRoot":"","sources":["../../src/pd-resize-content/pd-resize-content.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,wBAAwB,CAAC;AAMhC;;;GAGG;AACH,UAAU,mBAAmB;IAC3B,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;CACrB;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAuDnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAM3C,yGAAyG;AACzG,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAMF,4FAA4F;AAC5F,eAAO,MAAM,oBAAoB,EAAE,KA2DlC,CAAC;AAMF,qEAAqE;AACrE,eAAO,MAAM,eAAe,EAAE,KA0G7B,CAAC"}

package/dist/pd-tab/pd-tab.stories.d.ts

@@ -1,53 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { TabHeader } from '../types.js';
-/**
- * Story arguments interface for pd-tab component.
- * Maps to the component's public API.
- */
-interface PdTabArgs {
-    /** Array of tab header definitions */
-    tabs: TabHeader[];
-    /** Key of the initially active tab */
-    defaultTab: string;
-}
-/**
- * ## pd-tab
- *
- * A tab navigation component with header tabs and named content slots.
- *
- * ### Features
- * - Dynamic tabs configured via the `tabs` property (array of TabHeader)
- * - Responsive label switching: full label -> short label when space is limited
- * - Optional icon per tab header via `pdIcon`
- * - Disabled state for individual tabs
- * - Named slots for each tab's content, matched by tab key
- * - Full WAI-ARIA tabs pattern with keyboard navigation
- *
- * ### Accessibility
- * - Tab container uses `role="tablist"`
- * - Tab headers use `role="tab"` with `aria-selected` and `aria-controls`
- * - Tab panels use `role="tabpanel"` with `aria-labelledby`
- * - `aria-disabled` on disabled tabs
- * - Arrow keys (horizontal + vertical), Home, and End for tab navigation
- * - Disabled tabs are skipped during keyboard navigation
- * - Visible focus indicator via `:focus-visible`
- */
-declare const meta: Meta<PdTabArgs>;
-export default meta;
-type Story = StoryObj<PdTabArgs>;
-/** Default tab component with three tabs. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Overview of different tab configurations: default, disabled, short labels, and minimal. */
-export declare const AllStates: Story;
-/**
- * Resizable container to test responsive label switching.
- * Drag the right edge to resize and watch: Full Label -> Short Label.
- */
-export declare const ResponsiveCascade: Story;
-/** Behavior with six tabs in the navigation bar. */
-export declare const ManyTabs: Story;
-/** Tabs with rich content including lists and tables. */
-export declare const WithRichContent: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-tab.stories.d.ts.map

package/dist/pd-tab/pd-tab.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-tab.stories.d.ts","sourceRoot":"","sources":["../../src/pd-tab/pd-tab.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C;;;GAGG;AACH,UAAU,SAAS;IACjB,sCAAsC;IACtC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,sCAAsC;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AAqCD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CA4DzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAMjC,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAMF,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,KAkDvB,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC;AAMF,oDAAoD;AACpD,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAMF,yDAAyD;AACzD,eAAO,MAAM,eAAe,EAAE,KAyE7B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAkF3B,CAAC"}

package/dist/pd-timeline/pd-timeline.stories.d.ts

@@ -1,56 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { Orientation, PointItem } from '../types.js';
-/**
- * Story arguments interface for pd-timeline component.
- * Maps to the component's public API.
- */
-interface PdTimelineArgs {
-    /** Layout direction: 'horizontal' or 'vertical' */
-    orientation: Orientation;
-    /** Array of point definitions for the timeline */
-    points: PointItem[];
-    /** Index of the currently active step */
-    activeIndex: number;
-    /** Whether points are clickable */
-    clickable: boolean;
-}
-/**
- * ## pd-timeline
- *
- * A timeline/stepper component for displaying sequential steps or progress.
- *
- * ### Features
- * - Two orientations: horizontal or vertical layout
- * - State indication: points can show active, done, error, or default state
- * - Clickable points with keyboard support for navigation
- * - Slotted labels via named slots (`label-0`, `label-1`, etc.)
- * - Flexible sizing via CSS custom properties
- * - Vertical mode supports explicit height or container-based sizing
- *
- * ### Accessibility
- * - Container uses `role="list"` with `aria-orientation`
- * - Each point is a `role="listitem"` with `aria-setsize` and `aria-posinset`
- * - Active step indicated via `aria-current="step"`
- * - Clickable points use `role="button"` and `tabindex="0"`
- * - Full keyboard support with Enter and Space keys
- * - Clear `:focus-visible` outline on interactive points
- * - State colors (done/active/error) have sufficient contrast
- */
-declare const meta: Meta<PdTimelineArgs>;
-export default meta;
-type Story = StoryObj<PdTimelineArgs>;
-/** Default horizontal timeline. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Horizontal timeline with done, active, error, and default states. */
-export declare const WithStates: Story;
-/** Vertical timeline layout with labels positioned beside each point. */
-export declare const Vertical: Story;
-/** Vertical timeline constrained to a fixed-height container. */
-export declare const VerticalInContainer: Story;
-/** Display-only timeline without click interaction. */
-export declare const NonClickable: Story;
-/** Visual demonstration of all four individual point states. */
-export declare const AllStates: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-timeline.stories.d.ts.map

package/dist/pd-timeline/pd-timeline.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-timeline.stories.d.ts","sourceRoot":"","sources":["../../src/pd-timeline/pd-timeline.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAc,MAAM,aAAa,CAAC;AAMtE;;;GAGG;AACH,UAAU,cAAc;IACtB,mDAAmD;IACnD,WAAW,EAAE,WAAW,CAAC;IACzB,kDAAkD;IAClD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAsCD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CAkG9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAMtC,mEAAmE;AACnE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAMF,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAMF,yEAAyE;AACzE,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAMF,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,EAAE,KA8BjC,CAAC;AAMF,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,SAAS,EAAE,KAwFvB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA+F3B,CAAC"}