@pine-ds/core 3.11.0 → 3.12.0

package/dist/types/components/pds-radio-group/pds-radio-group.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { RadioGroupChangeEventDetail } from './radio-group-interface';
+/**
+ * @slot (default) - Child pds-radio components
+ */
+export declare class PdsRadioGroup {
+    el: HTMLPdsRadioGroupElement;
+    /**
+     * A unique identifier used for the underlying component `id` attribute.
+     */
+    componentId: string;
+    /**
+     * Stable group ID generated once during component initialization.
+     * Used to maintain DOM stability and accessibility relationships across re-renders.
+     */
+    private _groupId;
+    /**
+     * Layout direction for the radio group.
+     * @defaultValue column
+     */
+    direction: 'row' | 'column';
+    /**
+     * Displays error message text describing an invalid state for the entire group.
+     */
+    errorMessage: string;
+    /**
+     * Displays helper message text below the radio group.
+     */
+    helperMessage: string;
+    /**
+     * Spacing between radio items. Accepts t-shirt sizes (none, xxs, xs, sm, md, lg, xl, xxl) or core spacing tokens (025, 050, 100, etc.).
+     * @defaultValue xs
+     */
+    gap: string;
+    /**
+     * Determines whether or not the radio group is disabled.
+     * @defaultValue false
+     */
+    disabled: boolean;
+    /**
+     * Determines whether or not the radio group is invalid.
+     * @defaultValue false
+     */
+    invalid: boolean;
+    /**
+     * String used for group label/heading.
+     */
+    groupLabel: string;
+    /**
+     * String used for radio `name` attribute. Applied to all child radios.
+     * Required for proper radio group behavior (mutual exclusivity and form submission).
+     */
+    name: string;
+    /**
+     * Determines whether or not the radio group is required.
+     * @defaultValue false
+     */
+    required: boolean;
+    /**
+     * Emits when a radio in the group is selected, providing the selected value and component ID.
+     */
+    pdsRadioGroupChange: EventEmitter<RadioGroupChangeEventDetail>;
+    handlePropsChange(): void;
+    handleRadioChange(event: Event): void;
+    private updateChildRadios;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private classNames;
+    private getGapValue;
+    private getAriaDescribedBy;
+    render(): any;
+}

package/dist/types/components/pds-radio-group/radio-group-interface.d.ts

@@ -0,0 +1,5 @@
+export interface RadioGroupChangeEventDetail {
+    checked: boolean;
+    value?: string;
+    componentId?: string;
+}

package/dist/types/components/pds-sortable/pds-sortable.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { SortableEvent } from 'sortablejs';
 export declare class PdsSortable {
     el: HTMLPdsSortableElement;
     /**
      * Event emitted when a sortable item is moved.
      */
-    pdsSortableItemMoved: EventEmitter;
+    pdsSortableItemMoved: EventEmitter<SortableEvent>;
     /**
      * Determines whether `sortable` should have a border.
      * @defaultValue false

package/dist/types/components/pds-sortable/sortable-interface.d.ts

@@ -1,7 +1,8 @@
+import type { SortableEvent } from 'sortablejs';
 export interface SortableType {
     animation: number;
     ghostClass: string;
     dragClass: string;
-    onEnd: (evt: Event) => void;
+    onEnd: (evt: SortableEvent) => void;
     handle?: string;
 }

package/dist/types/components.d.ts

@@ -6,18 +6,24 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BoxColumnType, BoxShadowSizeType, BoxSpacingType } from "./utils/types";
+import { Event } from "./stencil-public-runtime";
 import { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
 import { ChipSentimentType, ChipVariantType, PlacementType } from "./utils/types";
 import { PdsFilterClearEventDetail, PdsFilterCloseEventDetail, PdsFilterOpenEventDetail, PdsFilterVariant } from "./components/pds-filters/pds-filter/filter-interface";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
 import { PdsPopoverEventDetail } from "./components/pds-popover/popover-interface";
+import { RadioGroupChangeEventDetail } from "./components/pds-radio-group/radio-group-interface";
+import { SortableEvent } from "sortablejs";
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/pds-textarea/textarea-interface";
 export { BoxColumnType, BoxShadowSizeType, BoxSpacingType } from "./utils/types";
+export { Event } from "./stencil-public-runtime";
 export { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
 export { ChipSentimentType, ChipVariantType, PlacementType } from "./utils/types";
 export { PdsFilterClearEventDetail, PdsFilterCloseEventDetail, PdsFilterOpenEventDetail, PdsFilterVariant } from "./components/pds-filters/pds-filter/filter-interface";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
 export { PdsPopoverEventDetail } from "./components/pds-popover/popover-interface";
+export { RadioGroupChangeEventDetail } from "./components/pds-radio-group/radio-group-interface";
+export { SortableEvent } from "sortablejs";
 export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/pds-textarea/textarea-interface";
 export namespace Components {
     /**
@@ -1439,6 +1445,53 @@ export namespace Components {
          */
         "value": string;
     }
+    interface PdsRadioGroup {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId": string;
+        /**
+          * Layout direction for the radio group.
+          * @defaultValue column
+         */
+        "direction": 'row' | 'column';
+        /**
+          * Determines whether or not the radio group is disabled.
+          * @defaultValue false
+         */
+        "disabled": boolean;
+        /**
+          * Displays error message text describing an invalid state for the entire group.
+         */
+        "errorMessage": string;
+        /**
+          * Spacing between radio items. Accepts t-shirt sizes (none, xxs, xs, sm, md, lg, xl, xxl) or core spacing tokens (025, 050, 100, etc.).
+          * @defaultValue xs
+         */
+        "gap": string;
+        /**
+          * String used for group label/heading.
+         */
+        "groupLabel": string;
+        /**
+          * Displays helper message text below the radio group.
+         */
+        "helperMessage": string;
+        /**
+          * Determines whether or not the radio group is invalid.
+          * @defaultValue false
+         */
+        "invalid": boolean;
+        /**
+          * String used for radio `name` attribute. Applied to all child radios. Required for proper radio group behavior (mutual exclusivity and form submission).
+         */
+        "name": string;
+        /**
+          * Determines whether or not the radio group is required.
+          * @defaultValue false
+         */
+        "required": boolean;
+    }
     interface PdsRow {
         /**
           * Defines the vertical alignment of the row items.
@@ -2009,6 +2062,10 @@ export interface PdsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsRadioElement;
 }
+export interface PdsRadioGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsRadioGroupElement;
+}
 export interface PdsSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsSelectElement;
@@ -2051,9 +2108,9 @@ export interface PdsToastCustomEvent<T> extends CustomEvent<T> {
 }
 declare global {
     interface HTMLMockPdsModalElementEventMap {
-        "pdsModalOpen": any;
-        "pdsModalClose": any;
-        "pdsModalBackdropClick": any;
+        "pdsModalOpen": void;
+        "pdsModalClose": void;
+        "pdsModalBackdropClick": void;
     }
     /**
      * Mock PdsModal component for testing purposes
@@ -2109,7 +2166,7 @@ declare global {
         new (): HTMLPdsBoxElement;
     };
     interface HTMLPdsButtonElementEventMap {
-        "pdsClick": any;
+        "pdsClick": Event;
     }
     interface HTMLPdsButtonElement extends Components.PdsButton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsButtonElementEventMap>(type: K, listener: (this: HTMLPdsButtonElement, ev: PdsButtonCustomEvent<HTMLPdsButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2144,7 +2201,7 @@ declare global {
         new (): HTMLPdsCheckboxElement;
     };
     interface HTMLPdsChipElementEventMap {
-        "pdsTagCloseClick": any;
+        "pdsTagCloseClick": void;
     }
     interface HTMLPdsChipElement extends Components.PdsChip, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsChipElementEventMap>(type: K, listener: (this: HTMLPdsChipElement, ev: PdsChipCustomEvent<HTMLPdsChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2178,7 +2235,7 @@ declare global {
         new (): HTMLPdsComboboxElement;
     };
     interface HTMLPdsCopytextElementEventMap {
-        "pdsCopyTextClick": any;
+        "pdsCopyTextClick": string;
     }
     interface HTMLPdsCopytextElement extends Components.PdsCopytext, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsCopytextElementEventMap>(type: K, listener: (this: HTMLPdsCopytextElement, ev: PdsCopytextCustomEvent<HTMLPdsCopytextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2381,6 +2438,23 @@ declare global {
         prototype: HTMLPdsRadioElement;
         new (): HTMLPdsRadioElement;
     };
+    interface HTMLPdsRadioGroupElementEventMap {
+        "pdsRadioGroupChange": RadioGroupChangeEventDetail;
+    }
+    interface HTMLPdsRadioGroupElement extends Components.PdsRadioGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsRadioGroupElementEventMap>(type: K, listener: (this: HTMLPdsRadioGroupElement, ev: PdsRadioGroupCustomEvent<HTMLPdsRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPdsRadioGroupElementEventMap>(type: K, listener: (this: HTMLPdsRadioGroupElement, ev: PdsRadioGroupCustomEvent<HTMLPdsRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPdsRadioGroupElement: {
+        prototype: HTMLPdsRadioGroupElement;
+        new (): HTMLPdsRadioGroupElement;
+    };
     interface HTMLPdsRowElement extends Components.PdsRow, HTMLStencilElement {
     }
     var HTMLPdsRowElement: {
@@ -2405,7 +2479,7 @@ declare global {
         new (): HTMLPdsSelectElement;
     };
     interface HTMLPdsSortableElementEventMap {
-        "pdsSortableItemMoved": any;
+        "pdsSortableItemMoved": SortableEvent;
     }
     interface HTMLPdsSortableElement extends Components.PdsSortable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsSortableElementEventMap>(type: K, listener: (this: HTMLPdsSortableElement, ev: PdsSortableCustomEvent<HTMLPdsSortableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2632,6 +2706,7 @@ declare global {
         "pds-progress": HTMLPdsProgressElement;
         "pds-property": HTMLPdsPropertyElement;
         "pds-radio": HTMLPdsRadioElement;
+        "pds-radio-group": HTMLPdsRadioGroupElement;
         "pds-row": HTMLPdsRowElement;
         "pds-select": HTMLPdsSelectElement;
         "pds-sortable": HTMLPdsSortableElement;
@@ -2670,15 +2745,15 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the backdrop is clicked
          */
-        "onPdsModalBackdropClick"?: (event: MockPdsModalCustomEvent<any>) => void;
+        "onPdsModalBackdropClick"?: (event: MockPdsModalCustomEvent<void>) => void;
         /**
           * Event emitted when the modal is closed
          */
-        "onPdsModalClose"?: (event: MockPdsModalCustomEvent<any>) => void;
+        "onPdsModalClose"?: (event: MockPdsModalCustomEvent<void>) => void;
         /**
           * Event emitted when the modal is opened
          */
-        "onPdsModalOpen"?: (event: MockPdsModalCustomEvent<any>) => void;
+        "onPdsModalOpen"?: (event: MockPdsModalCustomEvent<void>) => void;
         /**
           * Whether the modal is open
           * @default false
@@ -3375,7 +3450,7 @@ declare namespace LocalJSX {
           * Provides the button with a submittable name.
          */
         "name"?: string;
-        "onPdsClick"?: (event: PdsButtonCustomEvent<any>) => void;
+        "onPdsClick"?: (event: PdsButtonCustomEvent<Event>) => void;
         /**
           * Sets the size of the button.
           * @defaultValue default
@@ -3478,7 +3553,7 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the close button is clicked on a tag variant chip.
          */
-        "onPdsTagCloseClick"?: (event: PdsChipCustomEvent<any>) => void;
+        "onPdsTagCloseClick"?: (event: PdsChipCustomEvent<void>) => void;
         /**
           * Defines the color scheme of the chip.
           * @defaultValue 'neutral'
@@ -3608,7 +3683,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when copyText button is clicked.
          */
-        "onPdsCopyTextClick"?: (event: PdsCopytextCustomEvent<any>) => void;
+        "onPdsCopyTextClick"?: (event: PdsCopytextCustomEvent<string>) => void;
         /**
           * Determines whether the `value` should truncate and display with an ellipsis.
           * @defaultValue false
@@ -4106,6 +4181,57 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface PdsRadioGroup {
+        /**
+          * A unique identifier used for the underlying component `id` attribute.
+         */
+        "componentId"?: string;
+        /**
+          * Layout direction for the radio group.
+          * @defaultValue column
+         */
+        "direction"?: 'row' | 'column';
+        /**
+          * Determines whether or not the radio group is disabled.
+          * @defaultValue false
+         */
+        "disabled"?: boolean;
+        /**
+          * Displays error message text describing an invalid state for the entire group.
+         */
+        "errorMessage"?: string;
+        /**
+          * Spacing between radio items. Accepts t-shirt sizes (none, xxs, xs, sm, md, lg, xl, xxl) or core spacing tokens (025, 050, 100, etc.).
+          * @defaultValue xs
+         */
+        "gap"?: string;
+        /**
+          * String used for group label/heading.
+         */
+        "groupLabel"?: string;
+        /**
+          * Displays helper message text below the radio group.
+         */
+        "helperMessage"?: string;
+        /**
+          * Determines whether or not the radio group is invalid.
+          * @defaultValue false
+         */
+        "invalid"?: boolean;
+        /**
+          * String used for radio `name` attribute. Applied to all child radios. Required for proper radio group behavior (mutual exclusivity and form submission).
+         */
+        "name"?: string;
+        /**
+          * Emits when a radio in the group is selected, providing the selected value and component ID.
+         */
+        "onPdsRadioGroupChange"?: (event: PdsRadioGroupCustomEvent<RadioGroupChangeEventDetail>) => void;
+        /**
+          * Determines whether or not the radio group is required.
+          * @defaultValue false
+         */
+        "required"?: boolean;
+    }
     interface PdsRow {
         /**
           * Defines the vertical alignment of the row items.
@@ -4232,7 +4358,7 @@ declare namespace LocalJSX {
         /**
           * Event emitted when a sortable item is moved.
          */
-        "onPdsSortableItemMoved"?: (event: PdsSortableCustomEvent<any>) => void;
+        "onPdsSortableItemMoved"?: (event: PdsSortableCustomEvent<SortableEvent>) => void;
     }
     interface PdsSortableItem {
         /**
@@ -4677,6 +4803,7 @@ declare namespace LocalJSX {
         "pds-progress": PdsProgress;
         "pds-property": PdsProperty;
         "pds-radio": PdsRadio;
+        "pds-radio-group": PdsRadioGroup;
         "pds-row": PdsRow;
         "pds-select": PdsSelect;
         "pds-sortable": PdsSortable;
@@ -4739,6 +4866,7 @@ declare module "@stencil/core" {
             "pds-progress": LocalJSX.PdsProgress & JSXBase.HTMLAttributes<HTMLPdsProgressElement>;
             "pds-property": LocalJSX.PdsProperty & JSXBase.HTMLAttributes<HTMLPdsPropertyElement>;
             "pds-radio": LocalJSX.PdsRadio & JSXBase.HTMLAttributes<HTMLPdsRadioElement>;
+            "pds-radio-group": LocalJSX.PdsRadioGroup & JSXBase.HTMLAttributes<HTMLPdsRadioGroupElement>;
             "pds-row": LocalJSX.PdsRow & JSXBase.HTMLAttributes<HTMLPdsRowElement>;
             "pds-select": LocalJSX.PdsSelect & JSXBase.HTMLAttributes<HTMLPdsSelectElement>;
             "pds-sortable": LocalJSX.PdsSortable & JSXBase.HTMLAttributes<HTMLPdsSortableElement>;

package/dist/types/home/runner/work/pine/pine/libs/core/.stencil/scripts/vscode-custom-data-generator.d.ts

@@ -0,0 +1,6 @@
+import { JsonDocs } from '../../../../../../../../../stencil-public-runtime';
+export declare function generateVSCodeCustomData(docs: JsonDocs, outputPath: string): void;
+export default function vscodeCustomDataOutputTarget(outputPath?: string): {
+    type: "docs-custom";
+    generator: (docs: JsonDocs) => void;
+};

package/dist/types/index.d.ts

@@ -1 +1,2 @@
+export * from './components';
 import '@pine-ds/icons';