@pontive/pontkit-core 1.0.0

package/dist/primitives/components/ui/card/_card-content.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+/**
+ * The `<pont-card-content>` component is used for the main card body.
+ *
+ * @element pont-card-content
+ * @slot card-content
+ */
+export declare class CardContent extends LitElement {
+    /**
+     * The slot of the card content.
+     */
+    private get _contentSlot();
+    /**
+     * Handles the first updated callback, appending the children to the content
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/card/_card-description.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+/**
+ * The `<pont-card-description>` component is used for helper text under the
+ * title.
+ *
+ * @element pont-card-description
+ * @slot card-description
+ */
+export declare class CardDescription extends LitElement {
+    /**
+     * The slot of the card description.
+     */
+    private get _descriptionSlot();
+    /**
+     * Handles the first updated callback, appending the children to the
+     * description slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/card/_card-footer.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { CardFooterProps } from './card.defs';
+/**
+ * The `<pont-card-footer>` component is used for actions and secondary content
+ * at the bottom of the card.
+ *
+ * @element pont-card-footer
+ * @slot card-footer
+ */
+export declare class CardFooter extends LitElement implements CardFooterProps {
+    /**
+     * When `true`, the card footer is styled with a top border and padding.
+     */
+    border?: boolean;
+    /**
+     * The slot of the card footer.
+     */
+    private get _footerSlot();
+    /**
+     * Handles the first updated callback, appending the children to the footer
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/card/_card-header.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { CardHeaderProps } from './card.defs';
+/**
+ * The `<pont-card-header>` component is used for a title, description, and
+ * optional action.
+ *
+ * @element pont-card-header
+ * @slot card-header
+ */
+export declare class CardHeader extends LitElement implements CardHeaderProps {
+    /**
+     * When `true`, the card header is styled with a bottom border and padding.
+     */
+    border?: boolean;
+    /**
+     * The slot of the card header.
+     */
+    private get _headerSlot();
+    /**
+     * Handles the first updated callback, appending the children to the header
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/card/_card-title.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+/**
+ * The `<pont-card-title>` component is used for the card title.
+ *
+ * @element pont-card-title
+ * @slot card-title
+ */
+export declare class CardTitle extends LitElement {
+    /**
+     * The slot of the card title.
+     */
+    private get _titleSlot();
+    /**
+     * Handles the first updated callback, appending the children to the title
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/card/_card.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { CardProps, CardSize } from './card.defs';
+/**
+ * The `<pont-card>` component is the root container for card content.
+ *
+ * @element pont-card
+ * @slot card
+ */
+export declare class Card extends LitElement implements CardProps {
+    /**
+     * The size of the card.
+     */
+    size: CardSize;
+    /**
+     * The slot of the card root.
+     */
+    private get _rootSlot();
+    /**
+     * Handles the first updated callback, appending the children to the root
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,22 @@
+import { Card } from './_card';
+import { CardHeader } from './_card-header';
+import { CardTitle } from './_card-title';
+import { CardDescription } from './_card-description';
+import { CardAction } from './_card-action';
+import { CardContent } from './_card-content';
+import { CardFooter } from './_card-footer';
+export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter, };
+/**
+ * Displays a card with header, content, and footer.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-card': Card;
+        'pont-card-header': CardHeader;
+        'pont-card-title': CardTitle;
+        'pont-card-description': CardDescription;
+        'pont-card-action': CardAction;
+        'pont-card-content': CardContent;
+        'pont-card-footer': CardFooter;
+    }
+}

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

@@ -0,0 +1,10 @@
+export type CardSize = 'default' | 'sm';
+export interface CardProps {
+    size: CardSize;
+}
+export interface CardHeaderProps {
+    border?: boolean;
+}
+export interface CardFooterProps {
+    border?: boolean;
+}

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

@@ -0,0 +1,11 @@
+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 Default: Story;
+export declare const Small: Story;
+export declare const BorderHeader: Story;
+export declare const BorderFooter: Story;
+export declare const Image: Story;
+export declare const MeetingNotes: Story;

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

@@ -0,0 +1,24 @@
+import { LitElement } from '../../../../../node_modules/lit';
+export declare class Carousel extends LitElement {
+    currentIndex: number;
+    items: any[];
+    orientation: 'horizontal' | 'vertical';
+    size: boolean;
+    slides: HTMLElement;
+    createRenderRoot(): this;
+    firstUpdated(): void;
+    restructureSlides(): void;
+    getSlideClasses(): string;
+    nextSlide(): void;
+    prevSlide(): void;
+    updateSlides(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleResize: () => void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-carousel': Carousel;
+    }
+}

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

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

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

@@ -0,0 +1,32 @@
+export declare const carouselStyles: {
+    root: string[];
+    viewport: string[];
+    slidesWrapper: {
+        base: string[];
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+    };
+    slide: {
+        base: string[];
+        size: {
+            true: string[];
+            false: string[];
+        };
+    };
+    controls: {
+        base: string[];
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+    };
+    controlButton: {
+        base: string[];
+        orientation: {
+            verticalPrev: string[];
+            verticalNext: string[];
+        };
+    };
+};

package/dist/primitives/components/ui/checkbox/_checkbox.d.ts

@@ -0,0 +1,92 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { CheckboxProps } from './checkbox.defs';
+/**
+ * The `<pont-checkbox>` component is a control that allows the user to toggle
+ * between checked and not checked.
+ *
+ * @element pont-checkbox
+ * @slot checkbox
+ * @slot checkbox-indicator
+ * @slot checkbox-input
+ */
+export declare class Checkbox extends LitElement implements CheckboxProps {
+    /**
+     * The checked state of the checkbox when it is initially rendered. Use when
+     * you do not need to control its checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The controlled checked state of the checkbox. Must be used in conjunction
+     * with `onCheckedChange`.
+     */
+    checked?: boolean;
+    /**
+     * Event handler called when the checked state of the checkbox changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * When `true`, prevents the user from interacting with the checkbox.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, indicates that the user must check the checkbox before the
+     * owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * When `true`, sets the `aria-invalid` attribute and styles the checkbox
+     * accordingly.
+     */
+    invalid?: boolean;
+    /**
+     * The name of the checkbox. Submitted with its owning form as part of a
+     * name/value pair.
+     */
+    name?: string;
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    value: string;
+    /**
+     * The internal state of the checkbox, initialised according to the
+     * `defaultChecked` and `checked` props.
+     */
+    private _checked?;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * Returns `true` if the checkbox is in controlled mode, determined by whether
+     * the `checked` prop was explicitly provided.
+     */
+    private _isControlled;
+    /**
+     * Returns the current `CheckboxState` string derived from `_checked`.
+     */
+    private _getState;
+    /**
+     * Syncs `_checked` with the controlled `checked` prop when it changes.
+     */
+    protected updated(changedProperties: PropertyValues): void;
+    /**
+     * Handles the first updated callback, initialising the `_checked` state.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /**
+     * Handles button clicks. In uncontrolled mode, toggles `_checked` directly.
+     * In controlled mode, leaves state to the parent and dispatches
+     * `pont-checkbox:checked-change` with the new value in `detail.checked`.
+     */
+    private _handleClick;
+    /**
+     * Renders the check icon indicator when the checkbox is in the checked state.
+     */
+    private _renderIndicator;
+    /**
+     * Renders a visually hidden `<input type="checkbox">` when `name` is set,
+     * kept in sync with `_checked` so the value is included in form submissions.
+     */
+    private _renderInput;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,10 @@
+import { Checkbox } from './_checkbox';
+export { Checkbox };
+/**
+ * A control that allows the user to toggle between checked and not checked.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-checkbox': Checkbox;
+    }
+}

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

@@ -0,0 +1,11 @@
+export type CheckboxState = 'checked' | 'unchecked';
+export interface CheckboxProps {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    name?: string;
+    value: string;
+}

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

@@ -0,0 +1,13 @@
+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 Basic: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;
+export declare const Description: Story;
+export declare const Group: Story;
+export declare const Uncontrolled: Story;
+export declare const Controlled: Story;
+export declare const Form: Story;

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

@@ -0,0 +1,17 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { BaseElement } from '../../../helpers';
+export declare class CollapsibleContent extends BaseElement {
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    private _toggleHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-collapsible-content': CollapsibleContent;
+    }
+}

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

@@ -0,0 +1,17 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { BaseElement } from '../../../helpers';
+import { Collapsible } from './collapsible';
+export declare class CollapsibleTrigger extends BaseElement {
+    protected getAttributesToExclude(): string[];
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _collapsible(): Collapsible | null;
+    onTrigger(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-collapsible-trigger': CollapsibleTrigger;
+    }
+}

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

@@ -0,0 +1,23 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { BaseElement } from '../../../helpers';
+import { CollapsibleTrigger } from './collapsible-trigger';
+import { CollapsibleContent } from './collapsible-content';
+declare class Collapsible extends BaseElement {
+    open: boolean;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _clickHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-collapsible': Collapsible;
+        'pont-collapsible-trigger': CollapsibleTrigger;
+        'pont-collapsible-content': CollapsibleContent;
+    }
+}

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

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

package/dist/primitives/components/ui/combobox/combo-box-empty.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+declare class ComboBoxEmpty extends BaseElement {
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { ComboBoxEmpty };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box-empty': ComboBoxEmpty;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box-group.d.ts

@@ -0,0 +1,37 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { ComboBox } from './combo-box';
+import { BaseElement } from '../../../helpers';
+declare class ComboBoxGroup extends BaseElement {
+    searchKey: string;
+    focusedIndex: number;
+    selectedValue: string;
+    isOpen: boolean;
+    get comboBoxItems(): HTMLElement[];
+    get comboBoxInput(): import('./combo-box-input').ComboBoxInput | null;
+    get comboBoxEmpty(): import('./combo-box-empty').ComboBoxEmpty | null;
+    get hasResults(): boolean;
+    get filteredItems(): HTMLElement[];
+    get _comboBox(): ComboBox | null;
+    private handleComboBoxStateChanged;
+    private handleItemClicked;
+    private handleTriggerComboBox;
+    private moveChildren;
+    private handleKeyDown;
+    private handleMouseOver;
+    private renderFilteredItems;
+    private onSelectedValue;
+    protected getAttributesToExclude(): string[];
+    private boundHandleComboBoxStateChanged;
+    private boundHandleKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { ComboBoxGroup };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box-group': ComboBoxGroup;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box-input.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { ComboBoxGroup } from './combo-box-group';
+declare class ComboBoxInput extends LitElement {
+    placeholder: string;
+    searchValue: string;
+    get _comboBoxGroup(): ComboBoxGroup | null;
+    handleSearch(event: Event): void;
+    handleKeyDown(event: Event): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { ComboBoxInput };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box-input': ComboBoxInput;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box-item.d.ts

@@ -0,0 +1,25 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { BaseElement } from '../../../helpers';
+export declare class ComboBoxItem extends BaseElement {
+    value: string;
+    key: string;
+    tabindex: number;
+    isSelected: boolean;
+    isFocus: boolean;
+    class: string;
+    selectItemIndex: number;
+    onSelect: (_value: string, _index: number) => void;
+    onMouseOver: (_event: Event, _index: number) => void;
+    itemDivContainer: HTMLDivElement;
+    protected getAttributesToExclude(): string[];
+    connectedCallback(): void;
+    handleClick: (event: Event) => void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box-item': ComboBoxItem;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box-trigger.d.ts

@@ -0,0 +1,18 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { ComboBox } from './combo-box';
+import { BaseElement } from '../../../helpers';
+declare class ComboBoxTrigger extends BaseElement {
+    buttonElement: HTMLButtonElement;
+    get _comboBox(): ComboBox | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: () => void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { ComboBoxTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box-trigger': ComboBoxTrigger;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box-value.d.ts

@@ -0,0 +1,18 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { ComboBox } from './combo-box';
+declare class ComboBoxValue extends LitElement {
+    placeholder: string;
+    get _comboBox(): ComboBox | null;
+    connectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: () => void;
+    renderLabel: () => string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { ComboBoxValue };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box-value': ComboBoxValue;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box.d.ts

@@ -0,0 +1,35 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { ComboBoxEmpty } from './combo-box-empty';
+import { ComboBoxGroup } from './combo-box-group';
+import { ComboBoxInput } from './combo-box-input';
+import { ComboBoxItem } from './combo-box-item';
+import { ComboBoxTrigger } from './combo-box-trigger';
+import { ComboBoxValue } from './combo-box-value';
+import { BaseElement } from '../../../helpers';
+declare class ComboBox extends BaseElement {
+    isOpen: boolean;
+    selectedValue: string;
+    searchTerm: string;
+    focusedIndex: number;
+    filteredItems: string[];
+    uuid: string;
+    label: string;
+    items: never[];
+    parentDiveElement: HTMLDivElement;
+    constructor();
+    connectedCallback(): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    updated(changedProps: PropertyValues): void;
+    handleClickOutside: (e: MouseEvent) => void;
+    disconnectedCallback(): void;
+    selectItem(event: Event): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { ComboBox, ComboBoxEmpty, ComboBoxGroup, ComboBoxInput, ComboBoxItem, ComboBoxTrigger, ComboBoxValue, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-combo-box': ComboBox;
+    }
+}

package/dist/primitives/components/ui/combobox/combo-box.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+interface ComboBoxArgs {
+    label: string;
+    empty: boolean;
+}
+export declare const Default: StoryFn<ComboBoxArgs>;
+export declare const Empty: StoryFn<ComboBoxArgs>;
+export declare const CustomPlaceholder: StoryFn<ComboBoxArgs>;

package/dist/primitives/components/ui/combobox/combo-box.styles.d.ts

@@ -0,0 +1,14 @@
+export declare const comboBoxStyles: {
+    empty: string[];
+    group: {
+        base: string[];
+    };
+    input: string[];
+    trigger: {
+        base: string[];
+    };
+    value: string[];
+    item: {
+        base: string[];
+    };
+};