@spectric/ui 0.0.4 → 0.0.6

package/dist/assets/preview-aVwhiz9X.js

@@ -0,0 +1 @@
+let l;const S=new Uint8Array(16);function A(){if(!l&&(l=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!l))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return l(S)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function D(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const I=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),m={randomUUID:I};function v(e,t,r){if(m.randomUUID&&!t&&!e)return m.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,D(n)}const{addons:w}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:U}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var f="storybook/actions",j=`${f}/action-event`,V={depth:10,clearOnStoryChange:!0,limit:50},E=(e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:E(r,t)},C=e=>!!(typeof e=="object"&&e&&E(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),K=e=>{if(C(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},L=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?v():Date.now().toString(36)+Math.random().toString(36).substring(2);function u(e,t={}){let r={...V,...t},n=function(...c){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in p?p.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(y){let d=!((O=window==null?void 0:window.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new U({phase:y.phase,name:e,deprecated:d});if(d)console.warn(R);else throw R}}let i=w.getChannel(),s=L(),a=5,_=c.map(K),b=c.length>1?_:_[0],x={id:s,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};i.emit(j,x)};return n.isAction=!0,n.implicit=t.implicit,n}var T=(e,t)=>typeof t[e]>"u"&&!(e in t),B=e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:c}}=e;if(!c||c.disable||!c.argTypesRegex||!r)return{};let i=new RegExp(c.argTypesRegex);return Object.entries(r).filter(([s])=>!!i.test(s)).reduce((s,[a,_])=>(T(a,t)&&(s[a]=u(a,{implicit:!0,id:n})),s),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([c,i])=>!!i.action).reduce((c,[i,s])=>(T(i,t)&&(c[i]=u(typeof s.action=="string"?s.action:i)),c),{})},Y=[M,B],h=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!h&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in p&&typeof p.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=p.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,c)=>{let i=n.getMockName();i!=="spy"&&(!/^next\/.*::/.test(i)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(s=>i.startsWith(s)))&&u(i)(c)}),h=!0}},N=[P];export{Y as argsEnhancers,N as loaders};

package/dist/assets/tiny-invariant-CopsF_GD.js

@@ -0,0 +1 @@
+var a="Invariant failed";function n(r,i){if(!r)throw new Error(a)}export{n as i};

package/dist/classes/BitArray.d.ts

@@ -0,0 +1,11 @@
+export declare const BitArray: {
+    new (buf: ArrayBuffer): {
+        buffer: ArrayBuffer;
+        u8: Uint8Array;
+        getBit(idx: number): number;
+        setBit(idx: number, val: any): void;
+        readonly length: number;
+        set(array: string | any[], start: number): void;
+        subarray(start: number, stop: number): number[];
+    };
+};

package/dist/classes/DisposibleElement.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit-element/lit-element.js';
+export interface IDisposable {
+    dispose(): void;
+}
+export declare class DisposableElement extends LitElement {
+    private readonly _disposables;
+    private _isDisposed;
+    private _disposableListeners;
+    private _connected;
+    /**
+     * Creates listeners on a target that will automatically get cleaned up when the element is removed from the DOM. This prevents memory leaks.
+     * @param target The element| promise<element> we plan to attach the listener to
+     * @param event The event name
+     * @param handler The event handler
+     */
+    addDisposableListener<K extends keyof GlobalEventHandlersEventMap>(target: HTMLElement | Promise<HTMLElement>, event: K, handler: (event: GlobalEventHandlersEventMap[K]) => void): void;
+    addDisposableListener<K extends keyof SpectricGlobalEvents>(target: HTMLElement | Promise<HTMLElement>, event: K, handler: SpectricGlobalEvents[K]): void;
+    registerDisposable<T extends IDisposable>(o: T): T;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/dist/components/Banner.d.ts

@@ -0,0 +1,51 @@
+import { LitElement } from 'lit';
+import { StyleInfo } from 'lit/directives/style-map.js';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from './types';
+export interface BannerProps {
+    /**What is returned in the event details when a banner is dismissed */
+    bannerId?: any;
+    /** Banner Text to display */
+    text?: string;
+    /** What background color to use */
+    headerStyle?: StyleInfo;
+    /** Can be dismissed */
+    dismissable?: boolean;
+}
+/**
+ * @slot text - Banner Text content
+ */
+export declare class SpectricBanner extends LitElement implements BannerProps {
+    dismissable: boolean;
+    text?: string;
+    bannerId?: string;
+    headerStyle?: StyleInfo;
+    private _dismissed;
+    private onDismiss;
+    protected render(): unknown;
+}
+export interface BannerEventMap {
+    'bannerDismissed': (event: CustomEvent<BannerProps>) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "spectric-banner": HTMLElementTagWithEvents<SpectricBanner, BannerEventMap>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * {@link SpectricBanner}
+             */
+            "spectric-banner": ReactElementWithPropsAndEvents<SpectricBanner, BannerProps, BannerEventMap>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * {@link SpectricBanner}
+                 */
+                "spectric-banner": ReactElementWithPropsAndEvents<SpectricBanner, BannerProps, BannerEventMap>;
+            }
+        }
+    }
+}

package/dist/components/Bitdisplay.d.ts

@@ -0,0 +1,91 @@
+import { PropertyValues } from 'lit';
+import { DisposableElement } from '../classes/DisposibleElement';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from './types';
+export interface BitDisplayProps {
+    /** Array buffer to display */
+    arrayBuffer: ArrayBuffer;
+    /** Bits per line */
+    frameWidth: number;
+    /** How many pixels per bit */
+    scale: number;
+    /** Width of the display canvas */
+    width: number;
+    /** Height of the display canvas */
+    height: number;
+}
+type Position = {
+    x: number;
+    y: number;
+};
+export type BitDisplayMouseEvent = {
+    position: Position;
+    nativeEvent: MouseEvent;
+    bitIndex: number;
+};
+declare const events: readonly ["mousemove", "click", "dblclick", "mousedown", "mouseup", "contextmenu"];
+type BitEventHandler = (event: CustomEvent<BitDisplayMouseEvent>) => void;
+type AllEvents = typeof events;
+export interface BitDisplayEventMap extends Record<`bit${Capitalize<AllEvents[number]>}`, BitEventHandler> {
+}
+/**
+ * @fires bitMousemove - emits BitDisplayMouseEvent on mousemove over the canvas
+ * @fires bitClick - emits BitDisplayMouseEvent on mouse click on the canvas
+ * @fires bitDblclick - emits BitDisplayMouseEvent on mouse double click on the canvas
+ * @fires bitMousedown - emits BitDisplayMouseEvent on mouse down onthe canvas
+ * @fires bitMouseup - emits BitDisplayMouseEvent on mouse up on the canvas
+ * @fires bitContextmenu - emits BitDisplayMouseEvent on mouse right click on the canvas
+ */
+export declare class BitDisplayCanvas extends DisposableElement implements BitDisplayProps {
+    arrayBuffer: ArrayBuffer;
+    frameWidth: number;
+    scale: number;
+    width: number;
+    height: number;
+    static styles: import('lit').CSSResult;
+    private state;
+    private yStart;
+    private xStart;
+    private _canvas;
+    private refs;
+    private _bitArray?;
+    private resizeObserver;
+    private color;
+    constructor();
+    private onThemeChange;
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private onResize;
+    canvasPositionToBit(position: {
+        x: number;
+        y: number;
+    }): number;
+    paint(): void;
+    private handleScroll;
+    getPxPerBit(): number;
+    calculateViewport(): void;
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "spectric-bit-display": HTMLElementTagWithEvents<BitDisplayCanvas, BitDisplayEventMap>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * {@link BitDisplayCanvas}
+             */
+            "spectric-bit-display": ReactElementWithPropsAndEvents<BitDisplayCanvas, BitDisplayProps, BitDisplayEventMap>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * {@link BitDisplayCanvas}
+                 */
+                "spectric-bit-display": ReactElementWithPropsAndEvents<BitDisplayCanvas, BitDisplayProps, BitDisplayEventMap>;
+            }
+        }
+    }
+}
+export {};

package/dist/components/Button.d.ts

@@ -0,0 +1,65 @@
+import { CSSResultGroup, LitElement } from 'lit';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from './types';
+export declare enum ButtonSizes {
+    large = "large",
+    medium = "medium",
+    small = "small"
+}
+type ButtonSizesTypes = `${ButtonSizes}`;
+export declare enum ButtonVariants {
+    primary = "primary",
+    secondary = "secondary",
+    text = "text"
+}
+type ButtonVariantsTypes = `${ButtonVariants}`;
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    variant: ButtonVariantsTypes;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size: ButtonSizesTypes;
+    label?: string;
+    disabled: boolean;
+    danger?: boolean;
+}
+export declare class SpectricButton extends LitElement implements ButtonProps {
+    static styles?: CSSResultGroup | undefined;
+    variant: 'primary' | 'secondary' | 'text';
+    disabled: boolean;
+    backgroundColor?: string | undefined;
+    size: 'small' | 'medium' | 'large';
+    label?: string;
+    danger: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onClick;
+    protected render(): unknown;
+}
+export interface ButtonEventMap {
+    "click": (event: CustomEvent<MouseEvent>) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "spectric-button": HTMLElementTagWithEvents<SpectricButton, ButtonEventMap>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * {@link SpectricButton}
+             */
+            "spectric-button": ReactElementWithPropsAndEvents<SpectricButton, ButtonProps, ButtonEventMap>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * {@link SpectricButton}
+                 */
+                "spectric-button": ReactElementWithPropsAndEvents<SpectricButton, ButtonProps, ButtonEventMap>;
+            }
+        }
+    }
+}
+export {};

package/dist/components/Header.d.ts

@@ -0,0 +1,70 @@
+import { LitElement, TemplateResult } from 'lit';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from './types';
+/**
+ * Properties defining
+ */
+export interface HeaderProps {
+    username: string;
+    /**
+     * Shows the login Button
+     */
+    showLoginButton?: boolean;
+    /**
+     * Shows the create account Button when not logged in
+     */
+    showCreateAccount?: boolean;
+}
+export interface HeaderSlots {
+    /** Main name of the application */
+    name?: string | Node | TemplateResult;
+    /** Slot to the left of the title typically used for app icons, and/or dropdown navigation menus.*/
+    branding?: string | Node | TemplateResult;
+    /** Slot in the center of the header.*/
+    center?: string | Node | TemplateResult;
+    /** slot right of login/out buttons*/
+    end?: string | Node | TemplateResult;
+}
+export interface HeaderEventMap {
+    "login": (event: CustomEvent<void>) => void;
+    "logout": (event: CustomEvent<void>) => void;
+    "createAccount": (event: CustomEvent<void>) => void;
+}
+/**
+ * @slot name - Main name of the application
+ * @slot branding - Slot to the left of the title typically used for app icons, and/or dropdown navigation menus.
+ * @slot center - Slot in the center of the header.
+ * @slot end - slot right of login/out buttons
+ */
+export declare class Header extends LitElement implements HeaderProps {
+    static styles: import('lit').CSSResult;
+    showCreateAccount: boolean;
+    showLoginButton: boolean;
+    username: string;
+    onLogout: () => void;
+    onLogin: () => void;
+    onCreateAccount: () => void;
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "spectric-header": HTMLElementTagWithEvents<Header, HeaderEventMap>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * {@link Header}
+             */
+            "spectric-header": ReactElementWithPropsAndEvents<Header, HeaderProps, HeaderEventMap>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * {@link Header}
+                 */
+                "spectric-header": ReactElementWithPropsAndEvents<Header, HeaderProps, HeaderEventMap>;
+            }
+        }
+    }
+}

package/dist/components/Page.d.ts

@@ -0,0 +1,93 @@
+import { CSSResultGroup, LitElement } from 'lit';
+import { HeaderEventMap, HeaderProps, HeaderSlots } from './Header';
+import { BannerEventMap, BannerProps } from './Banner';
+import { Classifications } from './configurations/classifications';
+import { KnownThemes, ThemeEventMap } from './ThemeProvider';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from './types';
+export interface PageBanners {
+    classification?: {
+        type: Classifications;
+        text: string;
+    };
+    notifications?: BannerProps[];
+}
+export interface PageProps extends HeaderProps {
+    theme?: KnownThemes;
+    showHeader?: boolean;
+    /** Will control if the top navbar will stay at the top or scroll with the main content */
+    headerSticky?: boolean;
+    classificationLevel?: Classifications;
+    /** Overrides the default classification banner text */
+    classificationText: string;
+    notifications?: BannerProps[];
+}
+export interface PageSlots extends HeaderSlots {
+    /** @description Application Main Conent */
+    content?: Node | TemplateStringsArray | string;
+}
+/**
+ * Spectric page is a basic component that will put all content into an area that expands to fill the whole screen. It calculates the size of the banners and headers for you.
+ *
+ * It exposes css properties to style all the spectric compenents  contained within
+ *
+ * This component does not fire any events directly but sub components do. See HeaderEventMap & ThemeEventMap & BannerEventMap for full list of events
+ * @slot - Main content
+ * @slot content - Main content
+ * @slot name - Main name of the application
+ * @slot branding - Slot to the left of the title typically used for app icons, and/or dropdown navigation menus.
+ * @slot center - Slot in the center of the header.
+ * @slot end - slot right of login/out buttons
+ * @cssprop [--primary=#1ea7fd] - primary color
+ * @cssprop [--secondary=#1ea7fd] - secondary color
+ * @cssprop [--tertiary=#1ea7fd] - tertiary color
+ * @cssprop [--disabled=#1ea7fd] - disabled color
+ * @cssprop [--text-primary=#1ea7fd] - text colors
+ * @cssprop [--text-secondary=#1ea7fd] - text colors
+ * @cssprop [--text-on-color=#ffffff] - color of text on color
+ * @cssprop [--background=#1ea7fd] - background color
+ * @cssprop [--background-inverse=#f4f4f4] - Even Panel colors
+ * @cssprop [--border-radius=0.4em] - sets global border radius
+ * @see  Events {@link SpectricEventsMaps}
+ */
+export declare class SpectricPage extends LitElement implements PageProps {
+    static styles?: CSSResultGroup | undefined;
+    showHeader: boolean;
+    headerSticky: boolean;
+    classificationLevel?: Classifications;
+    classificationText: string;
+    notifications: BannerProps[];
+    showCreateAccount: boolean;
+    showLoginButton: boolean;
+    username: string;
+    /** If a theme other than light is provided that will be used ad css properties will be ignored */
+    theme?: KnownThemes;
+    protected render(): import('lit-html').TemplateResult<1>;
+}
+type SpectricEventsMaps = HeaderEventMap & ThemeEventMap & BannerEventMap;
+declare global {
+    interface HTMLElementTagNameMap {
+        /**
+         * {@link SpectricPage}
+         */
+        "spectric-page": HTMLElementTagWithEvents<SpectricPage, SpectricEventsMaps>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * {@link SpectricPage}
+             */
+            "spectric-page": ReactElementWithPropsAndEvents<SpectricPage, PageProps, SpectricEventsMaps>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * {@link SpectricPage}
+                 */
+                "spectric-page": ReactElementWithPropsAndEvents<SpectricPage, PageProps, SpectricEventsMaps>;
+            }
+        }
+    }
+}
+export {};

package/dist/components/Panel.d.ts

@@ -0,0 +1,14 @@
+import { CSSResultGroup, LitElement } from 'lit';
+/**
+ * Spectric Panel visually seperates content areas and automatically adjusts the component colors that are nested inside.
+ *  */
+export declare class SpectricPanel extends LitElement {
+    static styles?: CSSResultGroup | undefined;
+    /**
+     * Specify the layer level and override any existing levels based on hierarchy
+     */
+    level: number;
+    layers?: NodeListOf<SpectricPanel>;
+    updated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/components/ThemeProvider.d.ts

@@ -0,0 +1,99 @@
+import { CSSResultGroup, LitElement, PropertyValues } from 'lit';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from './types';
+export interface CSSProps {
+    "--primary": string;
+    "--secondary": string;
+    "--tertiary": string;
+    "--disabled": string;
+    "--background": string;
+    "--background-inverse": string;
+    "--text-primary": string;
+    "--text-secondary": string;
+    "--text-on-color": string;
+    "--border-radius": string;
+}
+type InputType = {
+    control: "color" | "text";
+};
+export declare const CSSPropsControls: Record<keyof CSSProps, InputType>;
+declare const Themes: {
+    readonly undefined: {};
+    readonly light: {};
+    readonly dark: {
+        "--secondary": string;
+        "--tertiary": string;
+        "--disabled": string;
+        "--text-primary": string;
+        "--text-secondary": string;
+        "--text-on-color": string;
+        "--background": string;
+        "--background-inverse": string;
+    };
+    readonly spectric: {
+        "--primary": string;
+        "--text-on-color": string;
+        "--secondary": string;
+        "--tertiary": string;
+        "--disabled": string;
+        "--text-primary": string;
+        "--text-secondary": string;
+        "--background": string;
+        "--background-inverse": string;
+    };
+    readonly spectricFlat: {
+        readonly "--border-radius": "1px";
+        readonly "--primary": string;
+        readonly "--text-on-color": string;
+        readonly "--secondary": string;
+        readonly "--tertiary": string;
+        readonly "--disabled": string;
+        readonly "--text-primary": string;
+        readonly "--text-secondary": string;
+        readonly "--background": string;
+        readonly "--background-inverse": string;
+    };
+};
+export type KnownThemes = keyof typeof Themes;
+export declare const ThemeSelections: { [k in keyof typeof Themes]: k; };
+type ThemeProps = {
+    theme?: KnownThemes;
+};
+export interface ThemeChangeEvent {
+    old?: string;
+    new?: string;
+}
+export interface ThemeEventMap {
+    "theme-change": (event: CustomEvent<ThemeChangeEvent>) => void;
+}
+export declare class SpectricThemeProvider extends LitElement {
+    static styles?: CSSResultGroup | undefined;
+    theme: KnownThemes;
+    protected updated(_changedProperties: PropertyValues): void;
+    protected render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface SpectricGlobalEvents extends ThemeEventMap {
+    }
+    interface HTMLElementTagNameMap {
+        "spectric-theme": HTMLElementTagWithEvents<SpectricThemeProvider, ThemeEventMap>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * {@link SpectricThemeProvider}
+             */
+            "spectric-theme": ReactElementWithPropsAndEvents<SpectricThemeProvider, ThemeProps, ThemeEventMap>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * {@link SpectricThemeProvider}
+                 */
+                "spectric-theme": ReactElementWithPropsAndEvents<SpectricThemeProvider, ThemeProps, ThemeEventMap>;
+            }
+        }
+    }
+}
+export {};

package/dist/components/button.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/dist/components/configurations/classifications.d.ts

@@ -0,0 +1,29 @@
+import { StyleInfo } from 'lit/directives/style-map.js';
+export declare enum ClassificationVariants {
+    None = "none",
+    Uscui = "us.cui",
+    Usclassified = "us.classified",
+    Usunclassified = "us.unclassified",
+    Usconfidential = "us.confidential",
+    Ussecret = "us.secret",
+    Ustopsecret = "us.topsecret",
+    UstopsecretSi = "us.topsecret.si",
+    Uknotset = "uk.notset",
+    Ukofficial = "uk.official",
+    Uksecret = "uk.secret",
+    Uktopsecret = "uk.topsecret",
+    Caprotected_a = "ca.protected_a",
+    Caprotected_b = "ca.protected_b",
+    Caprotected_c = "ca.protected_c",
+    Caconfidential = "ca.confidential",
+    Casecret = "ca.secret",
+    Catopsecret = "ca.topsecret",
+    Auunofficial = "au.unofficial",
+    Auofficial = "au.official",
+    Auofficialsensitive = "au.officialsensitive",
+    Auconfidential = "au.confidential",
+    Ausecret = "au.secret",
+    Autopsecret = "au.topsecret"
+}
+export type Classifications = `${ClassificationVariants}`;
+export declare const ClassificationStyles: Record<Classifications, StyleInfo>;

package/dist/components/dialog/dialog.css.d.ts

@@ -0,0 +1 @@
+export declare const style: import('lit').CSSResult;

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,60 @@
+import { CSSResultGroup, LitElement, PropertyValues } from 'lit';
+import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from '../types';
+export declare const DialogElementTag = "spectric-dialog";
+export type { DialogProps as Props, DialogEvents };
+interface DialogProps {
+    open?: boolean;
+    dismissable?: boolean;
+    hideBackdrop?: boolean;
+    title?: string;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+}
+/**
+ * Dialog Element
+ * @slot title - sets the title of the dialog attribute/property can also be use for setting the title to a string
+ */
+export declare class DialogElement extends LitElement implements DialogProps {
+    static styles: CSSResultGroup;
+    static display(props: DialogProps, body: any): HTMLElementTagWithEvents<DialogElement, DialogEvents>;
+    open: boolean;
+    dismissable: boolean;
+    hideBackdrop: boolean;
+    title: string;
+    closeOnEscape: boolean;
+    closeOnOutsideClick: boolean;
+    dialogElement: Promise<HTMLDialogElement>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private clickHandler;
+    private _handleKeyDown;
+    private _onClose;
+    protected render(): unknown;
+}
+interface DialogEvents {
+    'close': (event: CustomEvent) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [DialogElementTag]: HTMLElementTagWithEvents<DialogElement, DialogEvents>;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * @see {@link DialogElement}
+             */
+            [DialogElementTag]: ReactElementWithPropsAndEvents<DialogElement, DialogProps, DialogEvents>;
+        }
+    }
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                /**
+                 * @see {@link DialogElement}
+                 */
+                [DialogElementTag]: ReactElementWithPropsAndEvents<DialogElement, DialogProps, DialogEvents>;
+            }
+        }
+    }
+}

package/dist/components/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './dialog';

package/dist/components/header.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Button';
+export * from './Bitdisplay';
+export * from './Header';
+export * from './Page';
+export * from './input';
+export * from './query_bar';
+export * from './Panel';
+export * from './ThemeProvider';
+export * from './dialog';
+export * from './splitview';

package/dist/components/input.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;