@progressive-development/pd-forms 1.0.2 → 1.0.3

package/dist/pd-form-container/pd-form-container.stories.d.ts

@@ -1,49 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-interface PdFormContainerArgs {
-    requiredFieldInfo: boolean;
-    autoTrimm: boolean;
-    commonError: string;
-}
-/**
- * ## pd-form-container
- *
- * Container element for managing form fields with validation and state tracking.
- *
- * ### Features
- * - Automatic field registration and tracking
- * - Form-wide validation with triggerValidate()
- * - Value collection with getValues()
- * - Form reset functionality
- * - Required field indicator
- * - Common error message display
- * - Auto-trim option for string values
- *
- * ### Methods
- * | Method | Returns | Description |
- * |--------|---------|-------------|
- * | `triggerValidate()` | `Promise<boolean>` | Runs all field validators and returns overall validity |
- * | `getValues()` | `{origin, parsed}` | Returns all field values as origin and parsed objects |
- * | `reset()` | `void` | Resets all form fields to their initial values |
- * | `getStatus()` | `Map<string, PdFormElementStatus>` | Returns the current status map of all registered fields |
- * | `valid` (getter) | `boolean` | Whether all form fields are currently valid |
- */
-declare const meta: Meta<PdFormContainerArgs>;
-export default meta;
-type Story = StoryObj<PdFormContainerArgs>;
-/** Default form container with basic fields. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Form container displaying a common error message. */
-export declare const WithCommonError: Story;
-/** Form container with auto-trim enabled — spaces are trimmed on getValues(). */
-export declare const WithAutoTrim: Story;
-/** Form with pre-filled initial values — reset returns to these values. */
-export declare const WithInitialValues: Story;
-/** Comprehensive form with all supported field types. */
-export declare const AllFieldTypes: Story;
-/** Form with fieldsets for grouped/nested data (e.g. billing + shipping). */
-export declare const WithFieldsets: Story;
-/** Real-world registration form pattern. */
-export declare const RegistrationForm: Story;
-/** CSS Custom Properties — Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-form-container.stories.d.ts.map

package/dist/pd-form-container/pd-form-container.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-form-container.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-container/pd-form-container.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKhE,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yCAAyC,CAAC;AACjD,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,2BAA2B,CAAC;AAMnC,UAAU,mBAAmB;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAqED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAiEnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAM3C,gFAAgF;AAChF,eAAO,MAAM,OAAO,EAAE,KAmCrB,CAAC;AAMF,wDAAwD;AACxD,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAC;AAMF,iFAAiF;AACjF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC;AAMF,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAC;AAMF,yDAAyD;AACzD,eAAO,MAAM,aAAa,EAAE,KAoE3B,CAAC;AAMF,6EAA6E;AAC7E,eAAO,MAAM,aAAa,EAAE,KAiF3B,CAAC;AAMF,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,EAAE,KAyD9B,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,aAAa,EAAE,KA0H3B,CAAC"}

package/dist/pd-form-field/pd-form-field.stories.d.ts

@@ -1,40 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-interface PdFormFieldArgs {
-    span: string;
-}
-/**
- * ## pd-form-field
- *
- * Wrapper component for custom content within pd-form-row.
- *
- * Use this component when you need to include non-pd form elements
- * (custom components, native HTML elements, etc.) in a pd-form-row
- * while maintaining proper grid layout positioning.
- *
- * ### Features
- * - Grid-aware positioning with span property
- * - Works seamlessly with pd-form-row's 12-column grid
- * - Supports all semantic and numeric span values
- *
- * ### When to Use
- * - Wrapping custom web components
- * - Including native HTML form elements
- * - Adding non-form content to a form row
- * - Creating complex layouts with mixed content types
- */
-declare const meta: Meta<PdFormFieldArgs>;
-export default meta;
-type Story = StoryObj<PdFormFieldArgs>;
-/** Default usage with full width. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All semantic span values demonstration. */
-export declare const AllSpanValues: Story;
-/** Wrapping a native HTML input alongside a pd-input. */
-export declare const NativeHtmlInput: Story;
-/** Informational content alongside a form input. */
-export declare const InfoPanel: Story;
-/** Multiple pd-form-field elements filling a row. */
-export declare const MultipleCustomElements: Story;
-/** Mixed pd-input and pd-form-field elements in a realistic form layout. */
-export declare const MixedWithInputs: Story;
-//# sourceMappingURL=pd-form-field.stories.d.ts.map

package/dist/pd-form-field/pd-form-field.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-form-field.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-field/pd-form-field.stories.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AAMjC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAgE/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAMF,8CAA8C;AAC9C,eAAO,MAAM,aAAa,EAAE,KAgF3B,CAAC;AAMF,yDAAyD;AACzD,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAMF,oDAAoD;AACpD,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAMF,qDAAqD;AACrD,eAAO,MAAM,sBAAsB,EAAE,KAyCpC,CAAC;AAMF,4EAA4E;AAC5E,eAAO,MAAM,eAAe,EAAE,KAiE7B,CAAC"}

package/dist/pd-form-fieldset/pd-form-fieldset.stories.d.ts

@@ -1,38 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-interface PdFormFieldsetArgs {
-    name: string;
-    legend: string;
-    disabled: boolean;
-    span: string;
-}
-/**
- * ## pd-form-fieldset
- *
- * Groups form fields and returns their values as a single object.
- *
- * ### Features
- * - Wraps native `<fieldset>` element
- * - Aggregates child field values into an object
- * - Registers as single field with PdFormContainer
- * - Optional `<legend>` for labeling
- * - Validation aggregation from all children
- * - Supports grid layout via `span` property
- */
-declare const meta: Meta<PdFormFieldsetArgs>;
-export default meta;
-type Story = StoryObj<PdFormFieldsetArgs>;
-/** Default fieldset with legend and grouped fields. */
-export declare const Default: Story;
-/** Overview of all fieldset visual states. */
-export declare const AllStates: Story;
-/** Multiple fieldsets in one form with regular fields. */
-export declare const MultipleFieldsets: Story;
-/** Fieldsets using span to sit side-by-side. */
-export declare const CustomSpan: Story;
-/** Fieldset with pre-filled initial values. */
-export declare const WithInitialValues: Story;
-/** Buttons positioned in form-row using span property alongside fieldset fields. */
-export declare const ButtonsInFormRow: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-form-fieldset.stories.d.ts.map

package/dist/pd-form-fieldset/pd-form-fieldset.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-form-fieldset.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-fieldset/pd-form-fieldset.stories.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAIrE,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AACnD,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AAMnC,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AAMD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CA8ElC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAM1C,uDAAuD;AACvD,eAAO,MAAM,OAAO,EAAE,KAsCrB,CAAC;AAMF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,EAAE,KAqFvB,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,EAAE,KAsF/B,CAAC;AAMF,gDAAgD;AAChD,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAC;AAMF,+CAA+C;AAC/C,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAC;AAMF,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,EAAE,KA2E9B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAyH3B,CAAC"}

package/dist/pd-form-row/pd-form-row.stories.d.ts

@@ -1,43 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-interface PdFormRowArgs {
-    "helper-text": string;
-    "no-stack": boolean;
-}
-/**
- * ## pd-form-row
- *
- * Responsive 12-column grid container for form elements.
- *
- * ### Features
- * - CSS Grid with 12 columns for precise layout control
- * - Container Query based responsive behavior (stacks below 400px)
- * - `no-stack` attribute to disable stacking
- * - Optional helper text with hover icon
- * - Configurable gap and alignment
- *
- * ### Span Values
- * Semantic: `quarter` (25%), `third` (33%), `half` (50%), `two-thirds` (66%), `three-quarters` (75%), `full` (100%)
- * Numeric: `1` through `12` for fine-grained control
- */
-declare const meta: Meta<PdFormRowArgs>;
-export default meta;
-type Story = StoryObj<PdFormRowArgs>;
-/** Default form row with a single full-width input. */
-export declare const Default: Story;
-/** Overview of all semantic span values. */
-export declare const AllSpanValues: Story;
-/** Common layout patterns with mixed span values. */
-export declare const CommonPatterns: Story;
-/** Rows with helper text hover icons. */
-export declare const WithHelperText: Story;
-/** Disable responsive stacking with no-stack attribute. */
-export declare const NoStack: Story;
-/** Buttons alongside inputs in the same row. */
-export declare const ButtonWithInput: Story;
-/** Using pd-form-field wrapper for custom content in the grid. */
-export declare const WithFormFieldWrapper: Story;
-/** Complete address form as a real-world pattern. */
-export declare const AddressFormExample: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-form-row.stories.d.ts.map

package/dist/pd-form-row/pd-form-row.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-form-row.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-row/pd-form-row.stories.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AACnC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,2BAA2B,CAAC;AAMnC,UAAU,aAAa;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB;AAgBD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CA2E7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAMrC,uDAAuD;AACvD,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAMF,4CAA4C;AAC5C,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAC;AAMF,qDAAqD;AACrD,eAAO,MAAM,cAAc,EAAE,KAiF5B,CAAC;AAMF,yCAAyC;AACzC,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC;AAMF,2DAA2D;AAC3D,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAC;AAMF,gDAAgD;AAChD,eAAO,MAAM,eAAe,EAAE,KAgD7B,CAAC;AAMF,kEAAkE;AAClE,eAAO,MAAM,oBAAoB,EAAE,KAwBlC,CAAC;AAMF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAuD3B,CAAC"}

package/dist/pd-generic-form/pd-generic-form.stories.d.ts

@@ -1,35 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * ## pd-generic-form
- *
- * Schema-driven form component that renders fields from a JSON schema definition.
- *
- * ### Features
- * - View mode: renders label/value list
- * - Edit mode: renders pd-forms components (inputs, selects, radio groups, textareas)
- * - Layout support: rows, fieldsets, and per-field span control
- * - Conditional visibility via `showWhen`
- * - Can be combined with custom fields in the same pd-form-container
- */
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-/** Default: View mode renders a label/value list from schema data. */
-export declare const Default: Story;
-/** View mode with no data shows an empty state message. */
-export declare const ViewModeEmpty: Story;
-/** Edit mode renders pd-forms components for each schema field. */
-export declare const EditMode: Story;
-/** Custom fields alongside schema-driven fields in the same form container. */
-export declare const CombinedWithOwnFields: Story;
-/**
- * Schema with layout features: multi-field rows, fieldsets with legend
- * and nested rows, and per-field span control.
- */
-export declare const RowsAndFieldsets: Story;
-/**
- * Conditional visibility with `showWhen`: fields, rows, and fieldsets
- * appear or disappear based on another field's value.
- */
-export declare const ConditionalVisibility: Story;
-//# sourceMappingURL=pd-generic-form.stories.d.ts.map

package/dist/pd-generic-form/pd-generic-form.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-generic-form.stories.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/pd-generic-form.stories.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2CAA2C,CAAC;AACnD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AA6SnC;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,IAAI,EAAE,IAiEX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAMtB,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAMF,2DAA2D;AAC3D,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,qBAAqB,EAAE,KA+BnC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KA0BnC,CAAC"}

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

@@ -1,31 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * ## pd-hover-box
- *
- * A floating container component for displaying contextual information
- * in a tooltip-like popup that appears on click.
- *
- * ### Features
- * - Click-to-Show: Shows info box when trigger is clicked
- * - Auto-Positioning: Automatically positions above or below based on viewport
- * - Slot-Based Content: Uses named slots for trigger and info content
- * - Click-to-Dismiss: Info box closes when clicked outside or Escape pressed
- */
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-/** Default hover box with question mark trigger. Click the "?" to show the info box. */
-export declare const Default: Story;
-/** Hover box with structured long-form content. */
-export declare const WithLongContent: Story;
-/** All trigger style variations in one view. */
-export declare const TriggerStyles: Story;
-/** Hover box next to a form field label -- common real-world pattern. */
-export declare const WithFormField: Story;
-/** Hover box in a table header for column info. */
-export declare const InTableHeader: Story;
-/** Demonstrates auto-positioning: above (default) and below (when no space above). */
-export declare const AutoPositioning: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-hover-box.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-hover-box.stories.d.ts","sourceRoot":"","sources":["../../src/pd-hover-box/pd-hover-box.stories.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,mBAAmB,CAAC;AAM3B;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,IAAI,EAAE,IAuDX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAMtB,wFAAwF;AACxF,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAC;AAMF,mDAAmD;AACnD,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAC;AAMF,gDAAgD;AAChD,eAAO,MAAM,aAAa,EAAE,KA4D3B,CAAC;AAMF,yEAAyE;AACzE,eAAO,MAAM,aAAa,EAAE,KA2C3B,CAAC;AAMF,mDAAmD;AACnD,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAMF,sFAAsF;AACtF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAsF3B,CAAC"}

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

@@ -1,73 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdFieldType, PdAutocomplete } from '../types.js';
-/**
- * Story arguments interface for pd-input component.
- * Maps to the component's public API.
- */
-interface PdInputArgs {
-    /** Label text displayed above the input */
-    label: string;
-    /** Initial value of the input */
-    initValue: string;
-    /** Placeholder text shown when input is empty */
-    placeHolder: string;
-    /** Whether the input is disabled */
-    disabled: boolean;
-    /** Whether the input is read-only */
-    readonly: boolean;
-    /** Whether the input is required */
-    required: boolean;
-    /** Whether to mask input as password */
-    secret: boolean;
-    /** Optional icon to display (use pdIcons constants) */
-    icon: string;
-    /** Whether the icon is clickable */
-    clickableIcon: boolean;
-    /** Accessible label for clickable icon */
-    iconLabel: string;
-    /** Minimum character length */
-    minlength?: number;
-    /** Maximum character length */
-    maxlength?: number;
-    /** Restrict input to numbers only (legacy - prefer fieldType="number") */
-    onlyNumbers: boolean;
-    /** Field validation type */
-    fieldType: PdFieldType;
-    /** Helper text shown in tooltip */
-    helperTxt: string;
-    /** Character shown for required fields */
-    defaultRequiredChar: string;
-    /** Autocomplete attribute value */
-    autoCompleteName: PdAutocomplete;
-    /** Apply gradient styling */
-    gradient: boolean;
-}
-/**
- * ## pd-input
- *
- * A versatile text input component for forms with validation,
- * icons, and multiple field types.
- *
- * ### Features
- * - **Field Types**: text, number, mail, vat, phone validation
- * - **States**: Supports disabled, readonly, required, and password (secret) modes
- * - **Icons**: Optional left or right icon positioning, decorative or clickable
- * - **Validation**: Built-in validation for email, phone, VAT formats
- * - **Form Integration**: Works with pd-form-container for validation
- */
-declare const meta: Meta<PdInputArgs>;
-export default meta;
-type Story = StoryObj<PdInputArgs>;
-/** Default input with minimal configuration. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All input states and variants at a glance. */
-export declare const AllVariants: Story;
-/** Decorative vs clickable icon usage patterns. */
-export declare const IconVariants: Story;
-/** Validation field types: email, number, onlyNumbers. */
-export declare const FieldTypes: Story;
-/** Input within a form container showing proper form layout and validation. */
-export declare const InFormContainer: Story;
-/** CSS Custom Properties — Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-input.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-input.stories.d.ts","sourceRoot":"","sources":["../../src/pd-input/pd-input.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,eAAe,CAAC;AACvB,OAAO,+BAA+B,CAAC;AACvC,OAAO,2CAA2C,CAAC;AAMnD;;;GAGG;AACH,UAAU,WAAW;IACnB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,WAAW,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,SAAS,EAAE,WAAW,CAAC;IACvB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mCAAmC;IACnC,gBAAgB,EAAE,cAAc,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAMD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAiI3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAMnC,gFAAgF;AAChF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAMF,iDAAiD;AACjD,eAAO,MAAM,WAAW,EAAE,KAoFzB,CAAC;AAMF,mDAAmD;AACnD,eAAO,MAAM,YAAY,EAAE,KAqE1B,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,KA8ExB,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,KAsC7B,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,aAAa,EAAE,KA4H3B,CAAC"}

package/dist/pd-input-area/pd-input-area.stories.d.ts

@@ -1,67 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdFieldType, PdAutocomplete } from '../types.js';
-/**
- * Arguments interface for pd-input-area stories.
- * Maps to the component's public API.
- */
-interface PdInputAreaArgs {
-    /** Label text displayed above the textarea */
-    label: string;
-    /** Initial value of the textarea */
-    initValue: string;
-    /** Placeholder text shown when textarea is empty */
-    placeHolder: string;
-    /** Whether the textarea is disabled */
-    disabled: boolean;
-    /** Whether the textarea is read-only */
-    readonly: boolean;
-    /** Whether the textarea is required */
-    required: boolean;
-    /** Number of visible text rows */
-    rows: number;
-    /** Number of visible text columns */
-    cols?: number;
-    /** Minimum character length */
-    minlength?: number;
-    /** Maximum character length */
-    maxlength?: number;
-    /** Field validation type */
-    fieldType: PdFieldType;
-    /** Helper text shown in tooltip */
-    helperTxt: string;
-    /** Character shown for required fields */
-    defaultRequiredChar: string;
-    /** Autocomplete attribute value */
-    autoCompleteName: PdAutocomplete;
-    /** Apply gradient styling */
-    gradient: boolean;
-}
-/**
- * ## pd-input-area
- *
- * A multi-line text input component (textarea) for forms with
- * validation and configurable dimensions.
- *
- * ### Features
- * - **Multi-line Input**: Configurable rows and columns
- * - **States**: Supports disabled, readonly, and required modes
- * - **Validation**: Min/max length constraints with built-in validation
- * - **Field Types**: text, number, mail, vat, phone validation
- * - **Form Integration**: Works with pd-form-container for validation
- */
-declare const meta: Meta<PdInputAreaArgs>;
-export default meta;
-type Story = StoryObj<PdInputAreaArgs>;
-/** Default textarea with minimal configuration. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All textarea states for visual comparison. */
-export declare const AllStates: Story;
-/** Textarea with min/max character length validation. */
-export declare const WithLengthConstraints: Story;
-/** Different sizing options using rows attribute and CSS custom properties. */
-export declare const Sizing: Story;
-/** Textarea within a form container showing proper form integration. */
-export declare const InFormContainer: Story;
-/** CSS Custom Properties — Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-input-area.stories.d.ts.map

package/dist/pd-input-area/pd-input-area.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-input-area.stories.d.ts","sourceRoot":"","sources":["../../src/pd-input-area/pd-input-area.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,+BAA+B,CAAC;AACvC,OAAO,2CAA2C,CAAC;AAMnD;;;GAGG;AACH,UAAU,eAAe;IACvB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,SAAS,EAAE,WAAW,CAAC;IACvB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mCAAmC;IACnC,gBAAgB,EAAE,cAAc,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAMD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAsG/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,mFAAmF;AACnF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAMF,iDAAiD;AACjD,eAAO,MAAM,SAAS,EAAE,KAqFvB,CAAC;AAMF,yDAAyD;AACzD,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,MAAM,EAAE,KAiEpB,CAAC;AAMF,wEAAwE;AACxE,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,aAAa,EAAE,KAoG3B,CAAC"}

package/dist/pd-input-file/pd-input-file.stories.d.ts

@@ -1,53 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-input-file component.
- * Maps to the component's public API.
- */
-interface PdInputFileArgs {
-    /** Label text displayed above the file input */
-    label: string;
-    /** Whether the file input is disabled */
-    disabled: boolean;
-    /** Whether the file input is required */
-    required: boolean;
-    /** File types to accept (MIME types or extensions) */
-    accept: string;
-    /** Optional icon to display */
-    icon: string;
-    /** Maximum filename length */
-    maxlength?: number;
-    /** Helper text shown in tooltip */
-    helperTxt: string;
-    /** Character shown for required fields */
-    defaultRequiredChar: string;
-    /** Apply gradient styling */
-    gradient: boolean;
-}
-/**
- * ## pd-input-file
- *
- * A file upload input component with file type filtering
- * and form integration.
- *
- * ### Features
- * - **File Type Filtering**: Restrict uploads via accept attribute (MIME types or extensions)
- * - **States**: Supports disabled and required modes
- * - **Icons**: Optional icon with clickable mode
- * - **Form Integration**: Works with pd-form-container for validation
- */
-declare const meta: Meta<PdInputFileArgs>;
-export default meta;
-type Story = StoryObj<PdInputFileArgs>;
-/** Default file input with minimal configuration. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All file input states at a glance for visual comparison. */
-export declare const AllVariants: Story;
-/** File input with icon variations. */
-export declare const WithIcon: Story;
-/** Different file type configurations using the accept attribute. */
-export declare const FileTypeFiltering: Story;
-/** File inputs within a form container showing proper form integration. */
-export declare const InFormContainer: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-input-file.stories.d.ts.map

package/dist/pd-input-file/pd-input-file.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-input-file.stories.d.ts","sourceRoot":"","sources":["../../src/pd-input-file/pd-input-file.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,+BAA+B,CAAC;AACvC,OAAO,2CAA2C,CAAC;AAMnD;;;GAGG;AACH,UAAU,eAAe;IACvB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAMD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAkG/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,qFAAqF;AACrF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,WAAW,EAAE,KAsDzB,CAAC;AAMF,uCAAuC;AACvC,eAAO,MAAM,QAAQ,EAAE,KAmDtB,CAAC;AAMF,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,EAAE,KAyC/B,CAAC;AAMF,2EAA2E;AAC3E,eAAO,MAAM,eAAe,EAAE,KAsC7B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAgG3B,CAAC"}

package/dist/pd-input-time/pd-input-time.stories.d.ts

@@ -1,94 +0,0 @@
-import { StoryObj } from '@storybook/web-components-vite';
-/**
- * Args interface for pd-input-time stories.
- */
-interface PdInputTimeArgs {
-    /** Label text displayed above the input */
-    label: string;
-    /** Initial value in HH:MM format */
-    initValue: string;
-    /** Helper text displayed on hover */
-    helperTxt: string;
-    /** Whether the field is required */
-    required: boolean;
-    /** Custom required field error message */
-    requiredMsg: string;
-    /** Whether the field is disabled */
-    disabled: boolean;
-    /** Whether the field is readonly */
-    readonly: boolean;
-    /** Icon name to display */
-    icon: string;
-    /** Whether to show gradient styling */
-    gradient: boolean;
-    /** Value name for form registration */
-    valueName: string;
-    /** Placeholder text */
-    placeHolder: string;
-}
-/**
- * pd-input-time is a web component for time input with native browser support.
- *
- * ## Features
- * - Native HTML5 time input with browser picker
- * - Optional icon display
- * - Form integration with validation
- * - Required field validation
- * - Disabled and readonly states
- * - Helper text support via hover
- */
-declare const meta: {
-    title: string;
-    component: string;
-    tags: string[];
-    render: (args: PdInputTimeArgs) => import('lit').TemplateResult<1>;
-    args: {
-        label: string;
-        initValue: string;
-        helperTxt: string;
-        required: false;
-        requiredMsg: string;
-        disabled: false;
-        readonly: false;
-        icon: string;
-        gradient: false;
-        valueName: string;
-        placeHolder: string;
-    };
-    parameters: {
-        actions: {
-            handles: string[];
-        };
-        pdDocs: {
-            accessibility: {
-                keyboard: {
-                    key: string;
-                    description: string;
-                }[];
-                aria: string[];
-            };
-            usage: {
-                title: string;
-                code: string;
-            }[];
-            relatedComponents: {
-                tag: string;
-                package: string;
-                reason: string;
-            }[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<PdInputTimeArgs>;
-/** Default time input with label. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All visual states of the time input at a glance. */
-export declare const AllStates: Story;
-/** Time range selection with start and end times in a form row. */
-export declare const TimeRange: Story;
-/** Time input in form container with validation, reset, and value retrieval. */
-export declare const InFormContainer: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-input-time.stories.d.ts.map

package/dist/pd-input-time/pd-input-time.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-input-time.stories.d.ts","sourceRoot":"","sources":["../../src/pd-input-time/pd-input-time.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,+BAA+B,CAAC;AACvC,OAAO,2CAA2C,CAAC;AACnD,OAAO,2BAA2B,CAAC;AAMnC;;GAEG;AACH,UAAU,eAAe;IACvB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAyCD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAMF,uDAAuD;AACvD,eAAO,MAAM,SAAS,EAAE,KAkFvB,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAC;AAMF,gFAAgF;AAChF,eAAO,MAAM,eAAe,EAAE,KAqE7B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAuG3B,CAAC"}

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

@@ -1,57 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-interface PdPanelButtonArgs {
-    text: string;
-    icon: string;
-    primary: boolean;
-    disabled: boolean;
-    loading: boolean;
-    selected: boolean;
-    right: boolean;
-    up: boolean;
-    hideClose: boolean;
-    fullWidth: boolean;
-    iconPosition: string;
-    value: string;
-    size: "sm" | "md" | "lg" | "xl";
-}
-/**
- * ## pd-panel-button
- *
- * A button with dropdown panel functionality. Extends pd-button with panel support.
- *
- * ### Features
- * - Inherits all pd-button features (icons, states, sizing)
- * - Dropdown panel with configurable position (up/down, left/right)
- * - Toggle arrow indicator
- * - Auto-close via global event
- * - Keyboard accessible (Enter/Space/Escape)
- *
- * ### Accessibility
- * - Inherits all pd-button accessibility features
- * - Panel can be closed via close button, Escape key, or global event
- *
- * ### Usage
- * ```html
- * <pd-panel-button text="Options" icon="settings">
- *   <div>Panel content here</div>
- * </pd-panel-button>
- * ```
- */
-declare const meta: Meta<PdPanelButtonArgs>;
-export default meta;
-type Story = StoryObj<PdPanelButtonArgs>;
-/** Default panel button with text. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All panel button variants and states at a glance. */
-export declare const AllVariants: Story;
-/** All size variants displayed together. */
-export declare const AllSizes: Story;
-/** Panel positioning options: right-aligned and upward. */
-export declare const PanelPositions: Story;
-/** Panel with hidden close button. */
-export declare const HiddenCloseButton: Story;
-/** Panel with rich slotted content. */
-export declare const RichContent: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-panel-button.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-panel-button.stories.d.ts","sourceRoot":"","sources":["../../src/pd-panel-button/pd-panel-button.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,sBAAsB,CAAC;AAM9B,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,EAAE,EAAE,OAAO,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAyGjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAMzC,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAMF,wDAAwD;AACxD,eAAO,MAAM,WAAW,EAAE,KAuEzB,CAAC;AAMF,4CAA4C;AAC5C,eAAO,MAAM,QAAQ,EAAE,KAqDtB,CAAC;AAMF,2DAA2D;AAC3D,eAAO,MAAM,cAAc,EAAE,KAgD5B,CAAC;AAMF,sCAAsC;AACtC,eAAO,MAAM,iBAAiB,EAAE,KA2B/B,CAAC;AAMF,uCAAuC;AACvC,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAuF3B,CAAC"}