@saasbase-io/core-elements 1.13.0 → 1.14.0

package/dist/components/renderers/_updated/error/_error.d.ts

@@ -0,0 +1,77 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { ErrorContent, ErrorIcon, ErrorProps, ErrorVariant } from './error.types';
+/**
+ * A destructive alert used for displaying auth errors.
+ * @element sb-error
+ *
+ * @part error (rtg-alert)
+ * @part error-icon (svg)
+ * @part error-title (rtg-alert-title)
+ * @part error-description (rtg-alert-description)
+ */
+export declare class SbError extends LitElement implements ErrorProps {
+    private static readonly _ROOT;
+    private static readonly _ICON;
+    private static readonly _TITLE;
+    private static readonly _DESCRIPTION;
+    /**
+     * The stable CSS part names exposed for external targeting.
+     */
+    static get parts(): {
+        root: string;
+        icon: string;
+        title: string;
+        description: string;
+    };
+    /**
+     * A unique substring for fallback part IDs generated.
+     */
+    seed: string;
+    /**
+     * The `id` of the root part and the base of sub-part IDs.
+     */
+    childId?: string;
+    /**
+     * The visual variant of the alert.
+     */
+    variant: ErrorVariant;
+    /**
+     * The text content (title and/or description) of the error alert.
+     */
+    content: ErrorContent;
+    /**
+     * The Lucide icon rendered in the error alert.
+     */
+    icon?: ErrorIcon;
+    /**
+     * Overrides default behavior to render into light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The `id` of the root element. Equal to `childId` when provided, otherwise
+     * derived from the component's part name and `seed`.
+     */
+    get rootId(): string;
+    /**
+     * The `id` of the spinner element, derived from `rootId` with the icon part
+     * name appended.
+     */
+    get iconId(): string;
+    /**
+     * The `id` of the spinner element, derived from `rootId` with the title part
+     * name appended.
+     */
+    get titleId(): string;
+    /**
+     * The `id` of the spinner element, derived from `rootId` with the description
+     * part name appended.
+     */
+    get descriptionId(): string;
+    /**
+     * Uses the `variant` prop to derive the `variant` prop passed to `rtg-alert`.
+     *  - `"default"` error = `"destructive"` alert
+     *  - `"tonal"` error = `"destructive-tonal"` alert
+     */
+    private get _variant();
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/_updated/error/error.defs.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from '../../../../../node_modules/lit';
+import { ErrorIcon } from './error.types';
+export declare const ERROR_ICONS: Record<ErrorIcon, (id: string, part: string) => TemplateResult<1>>;

package/dist/components/renderers/_updated/error/error.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 Basic: Story;
+export declare const Variant: Story;
+export declare const Content: Story;
+export declare const Icon: Story;

package/dist/components/renderers/_updated/{sb-error → error}/error.types.d.ts

@@ -1,3 +1,4 @@
+export type ErrorVariant = "default" | "tonal";
 export type ErrorIcon = "badge-alert" | "badge-x" | "circle-alert" | "circle-x" | "shield-alert" | "shield-x";
 export type ErrorContent = {
     title: string;
@@ -11,7 +12,8 @@ export type ErrorContent = {
 };
 export type ErrorProps = {
     seed: string;
-    icon?: ErrorIcon;
+    childId?: string;
+    variant: ErrorVariant;
     content: ErrorContent;
-    tonal?: boolean;
+    icon?: ErrorIcon;
 };

package/dist/components/renderers/_updated/{sb-error/error.d.ts → error/index.d.ts}

@@ -1,4 +1,5 @@
 import { SbError } from './_error';
+export { SbError };
 declare global {
     interface HTMLElementTagNameMap {
         "sb-error": SbError;

package/dist/components/renderers/_updated/index.d.ts

@@ -1,13 +1,13 @@
+export * from './error';
 export * from './field';
 export * from './form';
 export * from './passkey-button';
 export * from './provider';
-export * from './sb-error';
+export * from './sb-container';
 export * from './sb-gap';
 export * from './sb-header';
 export * from './sb-logo';
 export * from './sb-otp';
 export * from './sb-subtitle';
-export * from './sb-container';
 export * from './sb-title';
 export * from './watermark';

package/dist/components/renderers/_updated/sb-container.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from '../../../../node_modules/lit';
-import { BaseElement } from '../..';
+import { BaseElement } from '../../wrappers/base-element/base-element';
 export declare class SbContainer extends BaseElement {
     id: string;
     type: "flex_column" | "flex_row";