@pontive/pontkit-core 1.0.0

package/dist/primitives/components/ui/password-input/_password-input.d.ts

@@ -0,0 +1,122 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { InputAutocomplete } from '../input/input.defs';
+import { PasswordInputProps } from './password-input.defs';
+/**
+ * A password input with a toggleable show/hide button.
+ *
+ * @element pont-password-input
+ * @slot password-input
+ * @slot password-input-input
+ * @slot password-input-addon
+ * @slot password-input-button
+ * @slot password-input-icon
+ */
+export declare class PasswordInput extends LitElement implements PasswordInputProps {
+    /**
+     * Hint for form autofill feature.
+     */
+    autocomplete?: InputAutocomplete;
+    /**
+     * When `true`, prevents the user from interacting with the input.
+     */
+    disabled?: boolean;
+    /**
+     * The form name that the input is associated with.
+     */
+    form?: string;
+    /**
+     * A unique id for the input element.
+     */
+    id: string;
+    /**
+     * When `true`, sets the `aria-invalid` attribute and styles the input
+     * accordingly.
+     */
+    invalid?: boolean;
+    /**
+     * The maximum string length that the user can enter into the field.
+     */
+    maxlength?: number;
+    /**
+     * The minimum string length that the user can enter into the field.
+     */
+    minlength?: number;
+    /**
+     * The name of the input. Submitted with its owning form as part of a
+     * name/value pair.
+     */
+    name?: string;
+    /**
+     * Used to compile a regular expression that the input's value must match.
+     */
+    pattern?: string;
+    /**
+     * The value of the placeholder text, providing a brief hint to the user.
+     */
+    placeholder?: string;
+    /**
+     * When `true`, indicates that the user should not be able to edit the value
+     * of the input.
+     */
+    readonly?: boolean;
+    /**
+     * When `true`, indicates that the user must fill the input before the owning
+     * form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The value of the input. When specified as a prop, it is the initial value.
+     */
+    value?: string;
+    /**
+     * The user-defined "on click" handler for the input.
+     */
+    onClick?: (event: MouseEvent) => void;
+    /**
+     * The user-defined "on input" handler for the input.
+     */
+    onInput?: (event: Event) => void;
+    /**
+     * The user-defined "on change" handler for the input.
+     */
+    onChange?: (event: Event) => void;
+    /**
+     * The user-defined "on focus" handler for the input.
+     */
+    onFocus?: (event: FocusEvent) => void;
+    /**
+     * The user-defined "on blur" handler for the input.
+     */
+    onBlur?: (event: FocusEvent) => void;
+    /**
+     * Tracks whether the password is currently visible.
+     */
+    private _showPassword;
+    /**
+     * The id of the input element, determined by the provided `id` prop.
+     */
+    private _inputId?;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * Handles the updated callback, transferring the `id` prop's value to
+     * `_inputId` and removing it from the parent (if changed).
+     */
+    protected updated(changed: PropertyValues): void;
+    /**
+     * Handles the first updated callback, transferring the `id` prop's value to
+     * `_inputId` and removing it from the parent.
+     */
+    protected firstUpdated(): void;
+    /**
+     * Toggles the password visibility state.
+     */
+    private _handleToggle;
+    /**
+     * Renders the password input button icon based on the `_showPassword` state.
+     */
+    private _renderIcon;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/password-input/password-input.d.ts

@@ -0,0 +1,10 @@
+import { PasswordInput } from './_password-input';
+export { PasswordInput };
+/**
+ * A password input with a toggleable show/hide button.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-password-input': PasswordInput;
+    }
+}

package/dist/primitives/components/ui/password-input/password-input.defs.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '../input/input.defs';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'accept' | 'max' | 'min' | 'step' | 'multiple'> {
+}

package/dist/primitives/components/ui/password-input/password-input.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;
+export declare const Form: Story;

package/dist/primitives/components/ui/popover/popover-content.d.ts

@@ -0,0 +1,18 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { Popover } from './popover';
+export declare class PopoverContent extends BaseElement {
+    enableDefaultStyle: boolean;
+    styleContent: boolean;
+    side: 'bottom' | 'left' | 'right' | 'top';
+    state: 'open' | 'closed';
+    get _popover(): Popover | null;
+    get _containerElement(): HTMLDivElement | null;
+    private handleClickOutside;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private preventClickPropagation;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/popover/popover-trigger.d.ts

@@ -0,0 +1,12 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { Popover } from './popover';
+export declare class PopoverTrigger extends BaseElement {
+    get _popover(): Popover | null;
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: () => void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/popover/popover.d.ts

@@ -0,0 +1,21 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { PopoverContent } from './popover-content';
+import { PopoverTrigger } from './popover-trigger';
+declare class Popover extends BaseElement {
+    isOpen: boolean;
+    get _containerElement(): HTMLDivElement | null;
+    get _contentElement(): PopoverContent | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { Popover, PopoverContent, PopoverTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-popover': Popover;
+        'pont-popover-content': PopoverContent;
+        'pont-popover-trigger': PopoverTrigger;
+    }
+}

package/dist/primitives/components/ui/popover/popover.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+export declare const Popover: StoryFn;

package/dist/primitives/components/ui/popover/popover.style.d.ts

@@ -0,0 +1,5 @@
+export declare const popoverStyles: {
+    root: string[];
+    trigger: string[];
+    content: string[];
+};

package/dist/primitives/components/ui/popover/popover.types.d.ts

@@ -0,0 +1,2 @@
+export declare const STATE_OPEN = "open";
+export declare const STATE_CLOSED = "closed";

package/dist/primitives/components/ui/progress/progress.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from '../../../../../node_modules/lit';
+export declare class Progress extends LitElement {
+    value: number;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-progress': Progress;
+    }
+}

package/dist/primitives/components/ui/progress/progress.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+export declare const Progress: StoryFn;

package/dist/primitives/components/ui/progress/progress.styles.d.ts

@@ -0,0 +1,4 @@
+type TProgressPart = 'root' | 'indicator';
+type TProgressStyles = Record<TProgressPart, string | string[]>;
+export declare const progressStyles: TProgressStyles;
+export {};

package/dist/primitives/components/ui/radio-group/radio-group-item.d.ts

@@ -0,0 +1,21 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+export declare class RadioGroupItem extends BaseElement {
+    checked: boolean;
+    tabindex: number;
+    value: string;
+    id: string;
+    state: string;
+    disabled: boolean;
+    invalid: boolean;
+    get _containerElement(): HTMLDivElement | null;
+    private _onClick;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-radio-group-item': RadioGroupItem;
+    }
+}

package/dist/primitives/components/ui/radio-group/radio-group.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { RadioGroupItem } from './radio-group-item';
+declare class RadioGroup extends BaseElement {
+    defaultValue: string;
+    get _containerElement(): HTMLDivElement | null;
+    connectedCallback(): void;
+    private _handleRadioSelected;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { RadioGroup, RadioGroupItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-radio-group': RadioGroup;
+        'pont-radio-group-item': RadioGroupItem;
+    }
+}

package/dist/primitives/components/ui/radio-group/radio-group.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+export declare const RadioGroup: StoryFn;

package/dist/primitives/components/ui/radio-group/radio-group.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const radioGroupStyles: {
+    root: string[];
+    item: {
+        wrapper: string[];
+        item: string[];
+        indicator: string[];
+        icon: string[];
+    };
+};

package/dist/primitives/components/ui/radio-group/radio-group.types.d.ts

@@ -0,0 +1,2 @@
+export declare const STATE_CHECK = "checked";
+export declare const STATE_UNCHECK = "unChecked";

package/dist/primitives/components/ui/scroll-area/scroll-area.d.ts

@@ -0,0 +1,12 @@
+import { BaseElement } from '../../../helpers';
+export declare class PontScrollArea extends BaseElement {
+    private viewportEl;
+    protected createRenderRoot(): this;
+    firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-scroll-area': PontScrollArea;
+    }
+}

package/dist/primitives/components/ui/scroll-area/scroll-area.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+export declare const BasicScrollArea: StoryFn;

package/dist/primitives/components/ui/scroll-area/scroll-area.style.d.ts

@@ -0,0 +1 @@
+export declare const scrollAreaStyles: string[];

package/dist/primitives/components/ui/select/index.d.ts

@@ -0,0 +1,25 @@
+import { Select } from './select';
+import { SelectGroup } from './select-group';
+import { SelectItem } from './select-item';
+import { SelectLabel } from './select-label';
+import { SelectList } from './select-list';
+import { SelectSeperator } from './select-seperator';
+import { SelectTrigger } from './select-trigger';
+import { SelectValue } from './select-value';
+export { Select, SelectGroup, SelectItem, SelectLabel, SelectList, SelectSeperator, SelectTrigger, SelectValue, };
+/**
+ * A set of layered sections of content—known as tab panels—that are displayed
+ * one at a time.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-select': Select;
+        'pont-select-group': SelectGroup;
+        'pont-select-item': SelectItem;
+        'pont-select-label': SelectLabel;
+        'pont-select-list': SelectList;
+        'pont-select-separator': SelectSeperator;
+        'pont-select-value': SelectValue;
+        'pont-select-trigger': SelectTrigger;
+    }
+}

package/dist/primitives/components/ui/select/select-controller.d.ts

@@ -0,0 +1,16 @@
+type Listener = () => void;
+export declare class SelectStore {
+    private state;
+    private listeners;
+    subscribe(listener: Listener): void;
+    unsubscribe(listener: Listener): void;
+    private notify;
+    get isOpen(): boolean;
+    get selectedValue(): string;
+    get selectedText(): string;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    select(value: string, text: string, _index?: number): void;
+}
+export {};

package/dist/primitives/components/ui/select/select-group.d.ts

@@ -0,0 +1,26 @@
+import { BaseElement } from '../../../helpers';
+import { Select } from './select';
+export declare class SelectGroup extends BaseElement {
+    focusedIndex: number;
+    private _dropdownStyle;
+    private childrenArray;
+    get _select(): Select;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getTriggerButton;
+    private _updateDropdownPosition;
+    private _handleScrollResize;
+    private onStoreChange;
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(): void;
+    private updateFocusedItem;
+    private handleKeyDown;
+    private handleMouseOver;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-select-group': SelectGroup;
+    }
+}

package/dist/primitives/components/ui/select/select-item.d.ts

@@ -0,0 +1,26 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { Select } from './select';
+export declare class SelectItem extends BaseElement {
+    value: string;
+    isSelected: boolean;
+    isFocus: boolean;
+    selectItemIndex: number;
+    onSelect: (_value: string, _index: number) => void;
+    class: string;
+    get _select(): Select;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onStoreChange;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    get _containerElement(): HTMLDivElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private getTextContent;
+    private handleClick;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-select-item': SelectItem;
+    }
+}

package/dist/primitives/components/ui/select/select-label.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+export declare class SelectLabel extends BaseElement {
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-select-label': SelectLabel;
+    }
+}

package/dist/primitives/components/ui/select/select-list.d.ts

@@ -0,0 +1,10 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+export declare class SelectList extends BaseElement {
+    state: string;
+    get _containerElement(): HTMLDivElement | null;
+    isOpen: boolean;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/select/select-seperator.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from '../../../../../node_modules/lit';
+declare class SelectSeperator extends LitElement {
+    _id: string;
+    _hidden: string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { SelectSeperator };

package/dist/primitives/components/ui/select/select-trigger.d.ts

@@ -0,0 +1,20 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { Select } from './select';
+declare class SelectTrigger extends BaseElement {
+    get _select(): Select;
+    private classObserver?;
+    private parentObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onStoreChange;
+    get _containerElement(): HTMLSpanElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: (e: Event) => void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    private getClassAttribute;
+    private filterConflictingWidthClasses;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { SelectTrigger };

package/dist/primitives/components/ui/select/select-value.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+import { Select } from './select';
+declare class SelectValue extends BaseElement {
+    placeholder: string;
+    get _select(): Select;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onStoreChange;
+    renderLabel: () => string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { SelectValue };

package/dist/primitives/components/ui/select/select.d.ts

@@ -0,0 +1,18 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { SelectStore } from './select-controller';
+declare class Select extends BaseElement {
+    private uuid;
+    selectStore: SelectStore;
+    value: string;
+    disabled: boolean;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleClickOutside;
+    protected firstUpdated(): void;
+    private syncValueToStore;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { Select };

package/dist/primitives/components/ui/select/select.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+interface StoryArgs {
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+}
+export declare const Default: StoryFn<StoryArgs>;
+export declare const WithInitialValue: StoryFn<StoryArgs>;

package/dist/primitives/components/ui/select/select.styles.d.ts

@@ -0,0 +1,20 @@
+export declare const selectStyles: {
+    root: string[];
+    group: string[];
+    value: string[];
+    trigger: {
+        trigger: string[];
+        icon: string[];
+    };
+    content: {
+        content: string[];
+        viewport: string[];
+    };
+    label: string[];
+    item: {
+        item: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    separator: string[];
+};

package/dist/primitives/components/ui/separator/_separator.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { SeparatorOrientation, SeparatorProps } from './separator.defs';
+/**
+ * The `<pont-separator>` component visually or semantically separates content.
+ *
+ * @element pont-separator
+ * @slot separator
+ */
+export declare class Separator extends LitElement implements SeparatorProps {
+    /**
+     * The orientation of the separator.
+     */
+    orientation: SeparatorOrientation;
+    /**
+     * When `true`, signifies that it is purely visual, carries no semantic
+     * meaning, and ensures it is not present in the accessibility tree.
+     */
+    decorative?: boolean;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/separator/separator.d.ts

@@ -0,0 +1,10 @@
+import { Separator } from './_separator';
+export { Separator };
+/**
+ * Visually or semantically separates content.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-separator': Separator;
+    }
+}

package/dist/primitives/components/ui/separator/separator.defs.d.ts

@@ -0,0 +1,5 @@
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export interface SeparatorProps {
+    orientation: SeparatorOrientation;
+    decorative?: boolean;
+}

package/dist/primitives/components/ui/separator/separator.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const Menu: Story;
+export declare const List: Story;

package/dist/primitives/components/ui/skeleton/skeleton.d.ts

@@ -0,0 +1,10 @@
+import { BaseElement } from '../../../helpers';
+export declare class PontSkeleton extends BaseElement {
+    protected createRenderRoot(): this;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-skeleton': PontSkeleton;
+    }
+}

package/dist/primitives/components/ui/skeleton/skeleton.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+export declare const BasicSkeleton: StoryFn;

package/dist/primitives/components/ui/skeleton/skeleton.style.d.ts

@@ -0,0 +1 @@
+export declare const skeletonStyles = "pont-bg-skeleton-color-bg pont-animate-skeleton-animate pont-rounded-skeleton-radius";

package/dist/primitives/components/ui/spinner/_spinner.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { SpinnerProps, SpinnerVariant } from './spinner.defs';
+/**
+ * An indicator that can be used to show a loading state.
+ *
+ * @element pont-spinner
+ * @slot spinner
+ */
+export declare class Spinner extends LitElement implements SpinnerProps {
+    /**
+     * The icon rendered as the spinner.
+     */
+    variant: SpinnerVariant;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}