@pontive/pontkit-core 1.0.0

package/dist/primitives/components/ui/field/_field-label.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { FieldLabelProps } from './field.defs';
+/**
+ * Label styled for both direct inputs and nested `pont-field` children.
+ *
+ * @element pont-field-label
+ * @slot field-label
+ */
+export declare class FieldLabel extends LitElement implements FieldLabelProps {
+    /**
+     * The id of the element the label is associated with.
+     */
+    for?: string;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field label.
+     */
+    private get _labelSlot();
+    /**
+     * Appends children to the field label slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/field/_field-legend.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { FieldLegendProps, FieldLegendVariant } from './field.defs';
+/**
+ * Legend element for a `pont-field-set`. Switch to the `label` variant to align
+ * with label sizing.
+ *
+ * @element pont-field-legend
+ * @slot field-legend
+ */
+export declare class FieldLegend extends LitElement implements FieldLegendProps {
+    /**
+     * The sizing and alignment variant of the field legend.
+     * The `label` variant applies label sizing and alignment. Handy if you have
+     * nested `pont-field-set`.
+     */
+    variant: FieldLegendVariant;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field legend.
+     */
+    private get _legendSlot();
+    /**
+     * Appends children to the field legend slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/field/_field-separator.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from '../../../../../node_modules/lit';
+/**
+ * Visual divider to separate sections inside a `pont-field-group`. Accepts
+ * optional inline content.
+ *
+ * @element pont-field-separator
+ * @slot field-separator
+ * @slot field-separator-content
+ */
+export declare class FieldSeparator extends LitElement {
+    private _observer;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field separator.
+     */
+    private get _separatorSlot();
+    /**
+     * The slot of the field separator content.
+     */
+    private get _contentSlot();
+    /**
+     * Returns direct children of the element that are not part of its own
+     * rendered output and are not Lit comment markers or empty text nodes.
+     */
+    private _getExternalNodes;
+    /**
+     * Moves any externally-provided children into the content slot and updates
+     * the `data-content` attribute. Recreates the content slot if needed.
+     */
+    private _processChildren;
+    /**
+     * Processes any already-present children (static content) and sets up a
+     * MutationObserver to handle children inserted after render — e.g. when
+     * content is provided via a Lit dynamic binding from a parent template.
+     */
+    protected firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/field/_field-set.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from '../../../../../node_modules/lit';
+/**
+ * Container that renders a semantic `fieldset` with spacing presets.
+ *
+ * @element pont-field-set
+ * @slot field-set
+ */
+export declare class FieldSet extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field set.
+     */
+    private get _setSlot();
+    /**
+     * Appends children to the field set slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/field/_field-title.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from '../../../../../node_modules/lit';
+/**
+ * Renders a title with label styling inside `pont-field-content`.
+ *
+ * @element pont-field-title
+ * @slot field-label
+ */
+export declare class FieldTitle extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field title.
+     */
+    private get _titleSlot();
+    /**
+     * Appends children to the field title slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/field/_field.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { FieldProps, FieldOrientation } from './field.defs';
+/**
+ * The core wrapper for a single field. Provides orientation control, invalid
+ * state styling, and spacing.
+ *
+ * @element pont-field
+ * @slot field
+ */
+export declare class Field extends LitElement implements FieldProps {
+    /**
+     * The orientation of the field contents.
+     */
+    orientation: FieldOrientation;
+    /**
+     * Indicates that a child of the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates that a child of the field is invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field root.
+     */
+    private get _rootSlot();
+    /**
+     * Appends children to the field group slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,29 @@
+import { FieldSet } from './_field-set';
+import { FieldLegend } from './_field-legend';
+import { FieldGroup } from './_field-group';
+import { Field } from './_field';
+import { FieldContent } from './_field-content';
+import { FieldLabel } from './_field-label';
+import { FieldTitle } from './_field-title';
+import { FieldDescription } from './_field-description';
+import { FieldSeparator } from './_field-separator';
+import { FieldError } from './_field-error';
+export { FieldSet, FieldLegend, FieldGroup, Field, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError, };
+/**
+ * Combine labels, controls, and help text to compose accessible form fields and
+ * grouped inputs.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-field-set': FieldSet;
+        'pont-field-legend': FieldLegend;
+        'pont-field-group': FieldGroup;
+        'pont-field': Field;
+        'pont-field-content': FieldContent;
+        'pont-field-label': FieldLabel;
+        'pont-field-title': FieldTitle;
+        'pont-field-description': FieldDescription;
+        'pont-field-separator': FieldSeparator;
+        'pont-field-error': FieldError;
+    }
+}

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

@@ -0,0 +1,23 @@
+import { LabelProps } from '../label/label.defs';
+export type FieldLegendVariant = 'legend' | 'label';
+export interface FieldLegendProps {
+    variant: FieldLegendVariant;
+}
+export type FieldGroupType = 'field' | 'checkbox' | 'radio';
+export interface FieldGroupProps {
+    type: FieldGroupType;
+}
+export type FieldOrientation = 'vertical' | 'horizontal' | 'responsive';
+export interface FieldProps {
+    orientation: FieldOrientation;
+    disabled?: boolean;
+    invalid?: boolean;
+}
+export interface FieldLabelProps extends LabelProps {
+}
+export type FieldErrorError = {
+    message?: string;
+} | undefined;
+export interface FieldErrorProps {
+    errors?: FieldErrorError[];
+}

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

@@ -0,0 +1,16 @@
+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 Input: Story;
+export declare const Textarea: Story;
+export declare const Select: Story;
+export declare const Fieldset: Story;
+export declare const Checkbox: Story;
+export declare const Radio: Story;
+export declare const Switch: Story;
+export declare const ChoiceCard: Story;
+export declare const FieldGroup: Story;
+export declare const ResponsiveLayout: Story;
+export declare const ValidationAndErrors: Story;

package/dist/primitives/components/ui/form/form-context.d.ts

@@ -0,0 +1,4 @@
+import { FormController } from './form-controller';
+export declare const formContext: {
+    __context__: FormController;
+};

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

@@ -0,0 +1,28 @@
+type FieldValidator = (value: any) => string | null;
+interface FieldConfig {
+    name: string;
+    defaultValue?: any;
+    validator?: FieldValidator;
+}
+export declare class FormController {
+    private values;
+    private errors;
+    private validators;
+    private subscribers;
+    registerField({ name, defaultValue, validator }: FieldConfig): void;
+    unregisterField(name: string): void;
+    setValue(name: string, value: any): void;
+    getValue(name: string): any;
+    getError(name: string): string | null;
+    validateField(name: string): boolean;
+    validateAll(): boolean;
+    subscribe(callback: () => void): () => boolean;
+    private notify;
+    getValues(): {
+        [x: string]: any;
+    };
+    getErrors(): {
+        [x: string]: string | null;
+    };
+}
+export {};

package/dist/primitives/components/ui/form/form-field-context.d.ts

@@ -0,0 +1,3 @@
+export declare const formFieldContext: {
+    __context__: string;
+};

package/dist/primitives/components/ui/form/form-item-context.d.ts

@@ -0,0 +1,7 @@
+interface FormItemContextValue {
+    id: string;
+}
+export declare const formItemContext: {
+    __context__: FormItemContextValue;
+};
+export {};

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

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

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

@@ -0,0 +1,7 @@
+export declare const formStyles = "pont-space-form-space-y";
+export declare const formDescriptionStyles = "pont-text-form-description-font pont-text-form-description-color-text pont-mt-form-description-space-mt";
+export declare const formFieldStyles = "pont-space-y-form-field-space-y";
+export declare const formItemStyles = "pont-space-y-form-item-space-y";
+export declare const formLabelStyles = "pont-text-form-label-font pont-mb-form-label-space-mb pont-font-form-label-font-weight pont-peer-disabled:pont-cursor-not-allowed peer-disabled:pont-opacity-form-label-opacity-peer-disabled";
+export declare const formErrorLabelStyles = "pont-text-form-label-color-text-error";
+export declare const formMessageStyles = "pont-text-form-message-font-size pont-text-form-message-color-text";

package/dist/primitives/components/ui/form/pont-form-controller.d.ts

@@ -0,0 +1,16 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { FormController } from './form-controller';
+import { BaseElement } from '../../../helpers';
+export declare class PontFormController extends BaseElement {
+    form: FormController;
+    private formElement;
+    protected createRenderRoot(): this;
+    private handleSubmit;
+    protected firstUpdated(_changedProperties: PropertyValues): Promise<void>;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-controller': PontFormController;
+    }
+}

package/dist/primitives/components/ui/form/pont-form-description.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+export declare class PontFormDescription extends BaseElement {
+    private itemContext;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _desc(): HTMLParagraphElement | null;
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-description': PontFormDescription;
+    }
+}

package/dist/primitives/components/ui/form/pont-form-field.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+export declare class PontFormField extends BaseElement {
+    private form;
+    name: string;
+    validators: ((value: any) => string | null)[];
+    defaultValue: any;
+    fieldName: string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _container(): HTMLDivElement | null;
+    private registered;
+    protected updated(): void;
+    disconnectedCallback(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-field': PontFormField;
+    }
+}

package/dist/primitives/components/ui/form/pont-form-item.d.ts

@@ -0,0 +1,16 @@
+import { BaseElement } from '../../../helpers';
+export declare class PontFormItem extends BaseElement {
+    private _generatedId;
+    itemContext: {
+        id: `${string}-${string}-${string}-${string}-${string}`;
+    };
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _container(): HTMLDivElement | null;
+    protected firstUpdated(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-item': PontFormItem;
+    }
+}

package/dist/primitives/components/ui/form/pont-form-label.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { PontFormField } from './pont-form-field';
+export declare class PontFormLabel extends BaseElement {
+    private form;
+    private hasError;
+    private unsubscribe;
+    get _field(): PontFormField;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _label(): HTMLLabelElement | null;
+    protected firstUpdated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-label': PontFormLabel;
+    }
+}

package/dist/primitives/components/ui/form/pont-form-message.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { PontFormField } from './pont-form-field';
+export declare class PontFormMessage extends LitElement {
+    private form;
+    private error;
+    get _field(): PontFormField;
+    private unsubscribe;
+    protected createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1> | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-message': PontFormMessage;
+    }
+}

package/dist/primitives/components/ui/form/pont-form.d.ts

@@ -0,0 +1,23 @@
+import { FormController } from './form-controller';
+import { BaseElement } from '../../../helpers';
+import { PontFormController } from './pont-form-controller';
+import { PontFormDescription } from './pont-form-description';
+import { PontFormField } from './pont-form-field';
+import { PontFormItem } from './pont-form-item';
+import { PontFormLabel } from './pont-form-label';
+import { PontFormMessage } from './pont-form-message';
+declare class PontForm extends BaseElement {
+    form: FormController;
+    onSubmit: (values: any) => void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _formElement(): HTMLFormElement | null;
+    protected firstUpdated(): void;
+    private handleSubmit;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { PontForm, PontFormController, PontFormDescription, PontFormField, PontFormItem, PontFormLabel, PontFormMessage, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-form-root': PontForm;
+    }
+}

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

@@ -0,0 +1,15 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+export declare class HoverContent extends BaseElement {
+    state: 'open' | 'closed';
+    private isOpen;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onStateChange;
+    private handlePointerLeaveCheck;
+    updated(changedProps: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/primitives/components/ui/hoverCard/hover-card-trigger.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+declare class HoverCardTrigger extends BaseElement {
+    protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { HoverCardTrigger };

package/dist/primitives/components/ui/hoverCard/hover-card.d.ts

@@ -0,0 +1,28 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { HoverContent } from './hover-card-content';
+import { HoverCardTrigger } from './hover-card-trigger';
+declare class HoverCard extends BaseElement {
+    isOpen: boolean;
+    private hoverTimeout;
+    private get _containerElement();
+    private get _content();
+    private get _trigger();
+    protected getAttributesToExclude(): string[];
+    protected updated(_changedProperties: PropertyValues): void;
+    private openCard;
+    private closeCard;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+export { HoverCard, HoverCardTrigger, HoverContent };
+declare global {
+    interface HTMLElementTagNameMap {
+        'pont-hover-card': HoverCard;
+        'pont-hover-card-trigger': HoverCardTrigger;
+        'pont-hover-card-content': HoverContent;
+    }
+}

package/dist/primitives/components/ui/hoverCard/hover-card.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 HoverCard: StoryFn;

package/dist/primitives/components/ui/hoverCard/hover-card.styles.d.ts

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

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

@@ -0,0 +1,50 @@
+export * from './accordion/accordion';
+export * from './alert/alert';
+export * from './aspect-ratio/aspect-ratio';
+export * from './avatar/avatar';
+export * from './badge/badge';
+export * from './breadcrumb/breadcrumb';
+export * from './button/button';
+export * from './calendar/calendar';
+export * from './card/card';
+export * from './carousel/carousel';
+export * from './checkbox/checkbox';
+export * from './collapsible/collapsible';
+export * from './combobox/combo-box';
+export * from './command/command';
+export * from './context-menu/context-menu';
+export * from './date-picker/date-picker';
+export * from './dialog/dialog';
+export * from './drawer/drawer';
+export * from './dropdown-menu/dropdown-menu';
+export * from './empty/empty';
+export * from './field/field';
+export * from './form/pont-form';
+export * from './hoverCard/hover-card';
+export * from './input-group/input-group';
+export * from './input-otp/input-otp';
+export * from './input/input';
+export * from './item/item';
+export * from './kbd/kbd';
+export * from './label/label';
+export * from './menubar/menubar';
+export * from './navigation-menu/navigation-menu';
+export * from './pagination/pagination';
+export * from './password-input/password-input';
+export * from './popover/popover';
+export * from './progress/progress';
+export * from './radio-group/radio-group';
+export * from './scroll-area/scroll-area';
+export * from './select';
+export * from './separator/separator';
+export * from './skeleton/skeleton';
+export * from './spinner/spinner';
+export * from './switch/switch';
+export * from './table/table';
+export * from './tabs/tabs';
+export * from './textarea/textarea';
+export * from './toast/toast';
+export * from './toggle-group/toggle-group';
+export * from './toggle/toggle';
+export * from './typography/typography';
+export * from './data-table';