@pontive/pontkit-core 1.0.0

package/dist/assets/icons/account.icon.d.ts

@@ -0,0 +1 @@
+export declare function accountIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/badge-check-icon.d.ts

@@ -0,0 +1 @@
+export declare function badgeCheckIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/burger-menu.icon.d.ts

@@ -0,0 +1 @@
+export declare function burgerMenuIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/check.d.ts

@@ -0,0 +1 @@
+export declare function checkIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/clock-icon.d.ts

@@ -0,0 +1 @@
+export declare function clockIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/close.icon.d.ts

@@ -0,0 +1 @@
+export declare function closeIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/copy.icon.d.ts

@@ -0,0 +1 @@
+export declare function copyIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/edit.icon.d.ts

@@ -0,0 +1 @@
+export declare function editIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/email.d.ts

@@ -0,0 +1 @@
+export declare function emailIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/image-icon.d.ts

@@ -0,0 +1 @@
+export declare function imageIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/index.d.ts

@@ -0,0 +1,20 @@
+export * from './edit.icon';
+export * from './account.icon';
+export * from './personal-info.icon';
+export * from './location.icon';
+export * from './url.icon';
+export * from './close.icon';
+export * from './burger-menu.icon';
+export * from './link-icon';
+export * from './image-icon';
+export * from './members-icon';
+export * from './clock-icon';
+export * from './user-round-check-icon';
+export * from './badge-check-icon';
+export * from './plusIcon';
+export * from './search-icon';
+export * from './refresh-cw-icon';
+export * from './email';
+export * from './check';
+export * from './triangle-alert';
+export * from './copy.icon';

package/dist/assets/icons/link-icon.d.ts

@@ -0,0 +1 @@
+export declare function linkIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/location.icon.d.ts

@@ -0,0 +1 @@
+export declare function locationIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/members-icon.d.ts

@@ -0,0 +1 @@
+export declare function membersIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/personal-info.icon.d.ts

@@ -0,0 +1 @@
+export declare function personalInfoIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/plusIcon.d.ts

@@ -0,0 +1 @@
+export declare function plusIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/refresh-cw-icon.d.ts

@@ -0,0 +1 @@
+export declare function refreshCwIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/search-icon.d.ts

@@ -0,0 +1 @@
+export declare function searchIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/triangle-alert.d.ts

@@ -0,0 +1 @@
+export declare function triangleAlert(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/url.icon.d.ts

@@ -0,0 +1 @@
+export declare function urlIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/assets/icons/user-round-check-icon.d.ts

@@ -0,0 +1 @@
+export declare function userRoundCheckIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './wrappers';
+export * from './renderers';
+export * from './ui';
+export * from './widgets';

package/dist/components/renderers/auth/button/_passkey-button.d.ts

@@ -0,0 +1,81 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { PasskeyButtonContent, PasskeyButtonIconAlign, PasskeyButtonPart, PasskeyButtonSize, PasskeyButtonVariant, PontPasskeyButtonProps as Props } from './button.types';
+/**
+ * Button that triggers a passkey authentication flow.
+ *
+ * @part passkey-button - pont-button: root
+ * @part passkey-button-icon - svg/pont-spinner: icon or loading indicator
+ *
+ * @event pont-passkey-button:click - Fired when the button is clicked, before the auth call.
+ *  Detail: `{ id: string; event?: string }`
+ * @event pont-passkey-button:success - Fired after the auth call resolves successfully.
+ *  Detail: `{ id: string; event: string; result: ProcessEventResponse }`
+ * @event pont-passkey-button:error - Fired when the auth call fails.
+ *  Detail: `{ id: string; event: string; message: string }`
+ */
+export declare class PontPasskeyButton extends LitElement implements Props {
+    static readonly ROOT = "passkey-button";
+    static readonly ICON = "icon";
+    static readonly TAG: string;
+    static readonly CLICK_EVENT: string;
+    static readonly SUCCESS_EVENT: string;
+    static readonly ERROR_EVENT: string;
+    static readonly PARTS: Record<PasskeyButtonPart, string>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * Visual variant of the button component.
+     */
+    variant: PasskeyButtonVariant;
+    /**
+     * Size of the button component.
+     */
+    size: PasskeyButtonSize;
+    /**
+     * Controls what the button renders: icon only, label only, or both.
+     */
+    content: PasskeyButtonContent;
+    /**
+     * Side the icon appears on relative to the label.
+     */
+    iconAlign: PasskeyButtonIconAlign;
+    /**
+     * Text used as the label of the button component.
+     */
+    private _label;
+    get label(): string;
+    set label(value: string);
+    /**
+     * Event identifier forwarded to the authentication service on click.
+     * When omitted, only the custom click event is dispatched.
+     */
+    event?: string;
+    /**
+     * Disables the button, preventing interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Manual alternative to the private `_loading` state.
+     */
+    loading?: boolean;
+    /**
+     * Indicates whether the component is dispatching or emitting an event.
+     */
+    private _loading;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get iconId(): string;
+    get isLoading(): boolean;
+    get isDisabled(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    private _renderIcon;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/button/_provider-button.d.ts

@@ -0,0 +1,103 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { PontAuthProvider } from '../../../../types';
+import { PontProviderButtonProps as Props, ProviderButtonContent, ProviderButtonIconAlign, ProviderButtonPart, ProviderButtonSize, ProviderButtonVariant } from './button.types';
+/**
+ * Button that triggers an authentication flow with a specific auth provider.
+ *
+ * @part provider-button - pont-button: root
+ * @part provider-button-icon - svg/pont-spinner: icon or loading indicator
+ *
+ * @event pont-provider-button:click - Fired when the button is clicked, before the auth call.
+ *  Detail: `{ id: string; provider: PontAuthProvider; event?: string }`
+ * @event pont-provider-button:success - Fired after the auth call resolves successfully.
+ *  Detail: `{ id: string; provider: PontAuthProvider; event: string; result: ProcessEventResponse }`
+ * @event pont-provider-button:error - Fired when the auth call fails.
+ *  Detail: `{ id: string; provider: PontAuthProvider; event: string; message: string }`
+ */
+export declare class PontProviderButton extends LitElement implements Props {
+    static readonly ROOT = "provider-button";
+    static readonly ICON = "icon";
+    static readonly TAG: string;
+    static readonly CLICK_EVENT: string;
+    static readonly SUCCESS_EVENT: string;
+    static readonly ERROR_EVENT: string;
+    static readonly PARTS: Record<ProviderButtonPart, string>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * Authentication provider targetted by the button.
+     */
+    provider: PontAuthProvider;
+    private design;
+    /**
+     * The provider actually rendered.
+     *
+     * At runtime a button whose provider the app has not connected is pruned
+     * before it renders, so `provider` is always set and always valid. The
+     * designer prunes nothing, so a button dropped from the palette has no
+     * provider yet and would otherwise render "Continue with undefined" over a
+     * missing icon. Design mode substitutes a representative provider until the
+     * author picks one.
+     */
+    private get _provider();
+    /**
+     * Visual variant of the button component.
+     */
+    variant: ProviderButtonVariant;
+    /**
+     * Size of the button component.
+     */
+    size: ProviderButtonSize;
+    /**
+     * Controls what the button renders: icon only, label only, or both.
+     */
+    content: ProviderButtonContent;
+    /**
+     * Side the icon appears on relative to the label.
+     */
+    iconAlign: ProviderButtonIconAlign;
+    /**
+     * Text prepended to the provider name in the default label.
+     * Ignored when `label` is set explicitly.
+     */
+    private _prompt;
+    get prompt(): string;
+    set prompt(value: string);
+    /**
+     * Custom label text that replaces default `prompt + provider name` string.
+     */
+    label?: string;
+    /**
+     * Event identifier forwarded to the authentication service on click.
+     * When omitted, only the custom click event is dispatched.
+     */
+    event?: string;
+    /**
+     * Disables the button, preventing interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Manual alternative to the private `_loading` state.
+     */
+    loading?: boolean;
+    /**
+     * Indicates whether the component is dispatching or emitting an event.
+     */
+    private _loading;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get iconId(): string;
+    get isLoading(): boolean;
+    get isDisabled(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    private _renderIcon;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/button/_submit-button.d.ts

@@ -0,0 +1,71 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { PontSubmitButtonProps as Props, SubmitButtonContent, SubmitButtonIconAlign, SubmitButtonPart, SubmitButtonSize, SubmitButtonVariant } from './button.types';
+/**
+ * Button that submits an auth widget form, forwarding an `event` identifier for
+ * the authentication service.
+ *
+ * @part submit-button - pont-button: root
+ * @part submit-button-icon - svg/pont-spinner: icon or loading indicator
+ *
+ * @event pont-submit-button:click - Fired when the button is clicked.
+ *  Detail: `{ id: string; event?: string }`
+ */
+export declare class PontSubmitButton extends LitElement implements Props {
+    static readonly ROOT = "submit-button";
+    static readonly ICON = "icon";
+    static readonly TAG: string;
+    static readonly CLICK_EVENT: string;
+    static readonly PARTS: Record<SubmitButtonPart, string>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * Visual variant of the button component.
+     */
+    variant: SubmitButtonVariant;
+    /**
+     * Size of the button component.
+     */
+    size: SubmitButtonSize;
+    /**
+     * Controls what the button renders: icon only, label only, or both.
+     */
+    content: SubmitButtonContent;
+    /**
+     * Side the icon appears on relative to the label.
+     */
+    iconAlign: SubmitButtonIconAlign;
+    /**
+     * Text used as the label of the button component.
+     */
+    private _label;
+    get label(): string;
+    set label(value: string);
+    /**
+     * Event identifier forwarded to the authentication service on click.
+     * When omitted, only the custom click event is dispatched.
+     */
+    event?: string;
+    /**
+     * Disables the button, preventing interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Applies a loading state, disabling the button and displaying a spinner.
+     */
+    loading?: boolean;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get iconId(): string;
+    get isDisabled(): boolean | undefined;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    private _renderIcon;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/button/button.defs.d.ts

@@ -0,0 +1,21 @@
+import { TemplateResult } from '../../../../../node_modules/lit';
+import { PontAuthProvider } from '../../../../types';
+import { PasskeyButtonContent, PasskeyButtonIconAlign, PasskeyButtonSize, PasskeyButtonVariant, PontPasskeyButtonProps as PasskeyProps, ProviderButtonContent, ProviderButtonIconAlign, ProviderButtonSize, ProviderButtonVariant, PontProviderButtonProps as ProviderProps, SubmitButtonContent, SubmitButtonIconAlign, SubmitButtonSize, SubmitButtonVariant, PontSubmitButtonProps as SubmitProps } from './button.types';
+export declare const PASSKEY_BUTTON_DEFAULT_PROPS: Omit<PasskeyProps, "seed">;
+export declare const PROVIDER_BUTTON_DEFAULT_PROPS: Omit<ProviderProps, "seed" | "provider">;
+export declare const SUBMIT_BUTTON_DEFAULT_PROPS: Omit<SubmitProps, "seed">;
+export declare const PASSKEY_BUTTON_VARIANTS: PasskeyButtonVariant[];
+export declare const PASSKEY_BUTTON_SIZES: PasskeyButtonSize[];
+export declare const PASSKEY_BUTTON_CONTENTS: PasskeyButtonContent[];
+export declare const PASSKEY_BUTTON_ICON_ALIGNS: PasskeyButtonIconAlign[];
+export declare const PROVIDER_BUTTON_VARIANTS: ProviderButtonVariant[];
+export declare const PROVIDER_BUTTON_SIZES: ProviderButtonSize[];
+export declare const PROVIDER_BUTTON_CONTENTS: ProviderButtonContent[];
+export declare const PROVIDER_BUTTON_ICON_ALIGNS: ProviderButtonIconAlign[];
+export declare const SUBMIT_BUTTON_VARIANTS: SubmitButtonVariant[];
+export declare const SUBMIT_BUTTON_SIZES: SubmitButtonSize[];
+export declare const SUBMIT_BUTTON_CONTENTS: SubmitButtonContent[];
+export declare const SUBMIT_BUTTON_ICON_ALIGNS: SubmitButtonIconAlign[];
+export declare const AUTH_PROVIDERS: PontAuthProvider[];
+export declare const PROVIDER_NAMES: Record<PontAuthProvider, string>;
+export declare const PROVIDER_ICON_FRAGMENTS: Record<PontAuthProvider, TemplateResult<2>>;

package/dist/components/renderers/auth/button/button.stories/passkey-button.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Variant: Story;
+export declare const Size: Story;
+export declare const Content: Story;
+export declare const IconAlign: Story;
+export declare const Label: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;

package/dist/components/renderers/auth/button/button.stories/provider-button.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Provider: Story;
+export declare const Variant: Story;
+export declare const Size: Story;
+export declare const Content: Story;
+export declare const IconAlign: Story;
+export declare const Prompt: Story;
+export declare const Label: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+/**
+ * A button dropped from the designer palette has no `provider` yet. At runtime
+ * that cannot happen — a button whose provider the app has not connected is
+ * pruned before it renders — so untreated it shows "Continue with undefined"
+ * over a missing icon.
+ *
+ * Design mode substitutes a representative provider until the author picks
+ * one. See pontive-spec/17-authflow-screen-resolution.md §1.
+ */
+export declare const DesignMode: Story;

package/dist/components/renderers/auth/button/button.stories/submit-button.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Variant: Story;
+export declare const Size: Story;
+export declare const Content: Story;
+export declare const IconAlign: Story;
+export declare const Label: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;

package/dist/components/renderers/auth/button/button.types.d.ts

@@ -0,0 +1,54 @@
+import { IconAlign, PontButtonBasicSize, PontButtonBasicVariant, PontAuthProvider } from '../../../../types';
+export type BaseButtonPart = "root" | "icon";
+export type BaseButtonVariant = PontButtonBasicVariant;
+export type BaseButtonSize = PontButtonBasicSize;
+export type BaseButtonContent = "icon" | "icon-label" | "label";
+export type BaseButtonIconAlign = IconAlign;
+export type BaseButtonProps = {
+    seed: string;
+    customId?: string;
+    variant: BaseButtonVariant;
+    size: BaseButtonSize;
+    content: BaseButtonContent;
+    iconAlign: BaseButtonIconAlign;
+    label: string;
+    event?: string;
+    disabled?: boolean;
+    loading?: boolean;
+};
+export type PasskeyButtonPart = BaseButtonPart;
+export type PasskeyButtonVariant = BaseButtonVariant;
+export type PasskeyButtonSize = BaseButtonSize;
+export type PasskeyButtonContent = BaseButtonContent;
+export type PasskeyButtonIconAlign = BaseButtonIconAlign;
+export type PontPasskeyButtonProps = Omit<BaseButtonProps, "variant" | "size" | "content" | "iconAlign"> & {
+    variant: PasskeyButtonVariant;
+    size: PasskeyButtonSize;
+    content: PasskeyButtonContent;
+    iconAlign: PasskeyButtonIconAlign;
+};
+export type ProviderButtonPart = BaseButtonPart;
+export type ProviderButtonVariant = BaseButtonVariant;
+export type ProviderButtonSize = BaseButtonSize;
+export type ProviderButtonContent = BaseButtonContent;
+export type ProviderButtonIconAlign = BaseButtonIconAlign;
+export type PontProviderButtonProps = Omit<BaseButtonProps, "variant" | "size" | "content" | "iconAlign" | "label"> & {
+    provider: PontAuthProvider;
+    variant: ProviderButtonVariant;
+    size: ProviderButtonSize;
+    content: ProviderButtonContent;
+    iconAlign: ProviderButtonIconAlign;
+    prompt: string;
+    label?: string;
+};
+export type SubmitButtonPart = BaseButtonPart;
+export type SubmitButtonVariant = BaseButtonVariant;
+export type SubmitButtonSize = BaseButtonSize;
+export type SubmitButtonContent = BaseButtonContent;
+export type SubmitButtonIconAlign = BaseButtonIconAlign;
+export type PontSubmitButtonProps = Omit<BaseButtonProps, "variant" | "size" | "content" | "iconAlign"> & {
+    variant: SubmitButtonVariant;
+    size: SubmitButtonSize;
+    content: SubmitButtonContent;
+    iconAlign: SubmitButtonIconAlign;
+};

package/dist/components/renderers/auth/button/index.d.ts

@@ -0,0 +1,11 @@
+import { PontPasskeyButton } from './_passkey-button';
+import { PontProviderButton } from './_provider-button';
+import { PontSubmitButton } from './_submit-button';
+export { PontPasskeyButton, PontProviderButton, PontSubmitButton };
+declare global {
+    interface HTMLElementTagNameMap {
+        "pont-passkey-button": PontPasskeyButton;
+        "pont-provider-button": PontProviderButton;
+        "pont-submit-button": PontSubmitButton;
+    }
+}

package/dist/components/renderers/auth/edit-identifier/_edit-identifier.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { EditIdentifierProps as Props, EditIdentifierParts } from './edit-identifier.types';
+export declare class PontEditIdentifier extends LitElement implements Props {
+    static readonly ROOT = "edit-identifier";
+    static readonly ICON = "icon";
+    static readonly TAG: string;
+    static readonly CLICK_EVENT: string;
+    static readonly PARTS: Record<EditIdentifierParts, string>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * Controls what the button renders: icon only, label only, or both.
+     */
+    identifier: string;
+    /**
+     * Event identifier forwarded to the authentication service on click.
+     * When omitted, only the custom click event is dispatched.
+     */
+    event: string;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get iconId(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/edit-identifier/edit-identifier.defs.d.ts

@@ -0,0 +1,2 @@
+import { EditIdentifierProps } from './edit-identifier.types';
+export declare const EDIT_IDENTIFIER_DEFAULT_PROPS: Omit<EditIdentifierProps, "seed">;

package/dist/components/renderers/auth/edit-identifier/edit-identifier.types.d.ts

@@ -0,0 +1,7 @@
+export type EditIdentifierProps = {
+    seed: string;
+    customId?: string;
+    identifier: string;
+    event: string;
+};
+export type EditIdentifierParts = "root" | "icon";

package/dist/components/renderers/auth/edit-identifier/index.d.ts

@@ -0,0 +1,7 @@
+import { PontEditIdentifier } from './_edit-identifier';
+export { PontEditIdentifier };
+declare global {
+    interface HTMLElementTagNameMap {
+        "pont-edit-identifier": PontEditIdentifier;
+    }
+}