@base-framework/ui 0.0.0

package/dist/types/components/molecules/alert.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Alert Component
+ *
+ * @param {object} props
+ * @returns {object}
+ */
+export const Alert: Function;

package/dist/types/components/molecules/avatars/avatar.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Avatar
+ *
+ * Creates an avatar with optional image. If the image fails or is absent,
+ * shows fallback text/initials, with font size based on the avatar size.
+ *
+ * @param {object} props
+ *   @prop {string|null} src
+ *   @prop {string|null} alt
+ *   @prop {string|null} fallbackText
+ *   @prop {string|null} watcherFallback
+ *   @prop {string} size
+ * @returns {object}
+ */
+export const Avatar: Function;

package/dist/types/components/molecules/avatars/static-status-indicator.d.ts

@@ -0,0 +1,2 @@
+export function StaticStatusIndicator(status: string): object;
+export default StaticStatusIndicator;

package/dist/types/components/molecules/avatars/status-indicator.d.ts

@@ -0,0 +1,2 @@
+export function StatusIndicator({ propName }?: object): object;
+export default StatusIndicator;

package/dist/types/components/molecules/avatars/statuses.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This will create a status object.
+ *
+ * @type {object} STATUSES
+ */
+export const STATUSES: object;
+/**
+ * This will create a status class object.
+ *
+ * @type {object} STATUS_CLASS
+ */
+export const STATUS_CLASS: object;
+export function getStatusClass(status?: string): string;

package/dist/types/components/molecules/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Breadcrumb
+ *
+ * This will render a Breadcrumb component.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {ComponentConstructor}
+ */
+export const Breadcrumb: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;
+export default Breadcrumb;

package/dist/types/components/molecules/breadcrumb/dots-indicator.d.ts

@@ -0,0 +1,12 @@
+/**
+ * DotsIndicator
+ *
+ * Renders a row of circular dots, one of which is "active."
+ *
+ * @param {object} props
+ * @returns {ComponentConstructor}
+ * @example
+ *   new DotsIndicator({ count: 4, activeIndex: 0 })
+ */
+export const DotsIndicator: import("node_modules/@base-framework/base/dist/types/modules/component/jot").ComponentConstructor;
+export default DotsIndicator;

package/dist/types/components/molecules/combobox/combobox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Combobox
+ *
+ * This will render a combobox component.
+ *
+ * @param {object} props
+ * @param {array} children *
+ * @returns {ComponentConstructor}
+ */
+export const Combobox: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;

package/dist/types/components/molecules/counters/atoms.d.ts

@@ -0,0 +1,3 @@
+export function MinusButton({ click }: object): object;
+export function PlusButton({ click }: object): object;
+export function CountDisplay({ bind, min, max, readonly }: object): object;

package/dist/types/components/molecules/counters/counter.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Counter Atom
+ *
+ * This creates a counter component with an input for count and buttons to increment and decrement.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {ComponentConstructor}
+ */
+export const Counter: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;
+export default Counter;

package/dist/types/components/molecules/date-time/date-picker.d.ts

@@ -0,0 +1,11 @@
+/**
+ * DatePicker Atom
+ *
+ * This will create a date picker component.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {ComponentConstructor}
+ */
+export const DatePicker: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;
+export default DatePicker;

package/dist/types/components/molecules/date-time/time-frame.d.ts

@@ -0,0 +1 @@
+export function TimeFrame({ dateTime, remoteTimeZone, filter }: object): object;

package/dist/types/components/molecules/date-time/time-picker.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TimePicker Atom
+ *
+ * This will create a time picker component.
+ *
+ * @param {object} props
+ * @returns {ComponentConstructor}
+ */
+export const TimePicker: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;
+export default TimePicker;

package/dist/types/components/molecules/delay-component.d.ts

@@ -0,0 +1,18 @@
+/**
+ * DelayComponent
+ *
+ * A component that adds a delay before removing itself from the DOM.
+ *
+ * @property {string} removingClass - The class name to be added before destruction.
+ *
+ * @class
+ * @extends Component
+ */
+export class DelayComponent extends Component {
+    /**
+     * @member {string} removingClass
+     * @default ''
+     */
+    removingClass: string;
+}
+import { Component } from "@base-framework/base";

package/dist/types/components/molecules/dialogs/confirmation.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Confirmation
+ *
+ * This will create a confirmation dialog component.
+ *
+ * @export
+ * @class Dialog
+ * @extends {Dialog}
+ */
+export class Confirmation extends Dialog {
+    /**
+     * @member {string} confirmTextLabel
+     */
+    confirmTextLabel: any;
+    /**
+     * @member {function} confirmed
+     */
+    confirmed: any;
+    /**
+     * This will confirm the action.
+     *
+     * @returns {void}
+     */
+    confirm(): void;
+}
+export default Confirmation;
+import { Dialog } from "./dialog.js";

package/dist/types/components/molecules/dialogs/dialog-container.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This will create a dialog component.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const DialogContainer: Function;

package/dist/types/components/molecules/dialogs/dialog.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Dialog
+ *
+ * This will create a dialog component.
+ *
+ * @export
+ * @class Dialog
+ * @extends {Component}
+ */
+export class Dialog extends Component {
+    /**
+     * @member {string} title
+     */
+    title: any;
+    /**
+     * @member {string} description
+     */
+    description: any;
+    /**
+     * @member {string} Type
+     * @default ''
+     * @values 'info', 'warning', 'destructive', 'success', 'default'
+     */
+    type: string;
+    /**
+     * @member {string} icon
+     */
+    icon: any;
+    /**
+     * @member {function|null} onClose
+     */
+    onClose: any;
+    /**
+     * @member {boolean} hideFooter
+     */
+    hideFooter: boolean;
+    /**
+     * @member {Array|null} buttons
+     */
+    buttons: any;
+    /**
+     * This will render the modal component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will get the buttons for the modal.
+     *
+     * @returns {array}
+     */
+    getButtons(): any[];
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+    /**
+     * This will get the modal class.
+     *
+     * @returns {string}
+     */
+    getMainClass(): string;
+    /**
+     * This will open the modal.
+     *
+     * @returns {void}
+     */
+    open(): void;
+    /**
+     * This will close the modal.
+     *
+     * @returns {void}
+     */
+    close(): void;
+}
+import { Component } from "@base-framework/base";

package/dist/types/components/molecules/dropdowns/dropdown-item.d.ts

@@ -0,0 +1 @@
+export function DropdownItem(props: object, onClick: Function): object;

package/dist/types/components/molecules/dropdowns/dropdown-menu.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Dropdown Component
+ *
+ * A generic dropdown component that allows for customizable items.
+ *
+ * @param {object} props
+ * @param {array} children - Dropdown button content
+ * @returns {object}
+ */
+export class DropdownMenu extends Component {
+    /**
+     * @member {string} label
+     */
+    label: any;
+    /**
+     * @member {string} icon
+     * @default null
+     */
+    icon: any;
+    /**
+     * @member {function} onSelect
+     */
+    onSelect: any;
+    /**
+     * @member {array} groups
+     */
+    groups: any[];
+    /**
+     * Initializes component data.
+     *
+     * @returns {Data}
+     */
+    setData(): Data;
+    /**
+     * Initializes the component state.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+    /**
+     * Toggles the dropdown open state.
+     *
+     * @returns {void}
+     */
+    toggleDropdown(): void;
+    /**
+     * Handles item selection within the dropdown.
+     *
+     * @param {object} item - The selected item object
+     * @returns {void}
+     */
+    handleSelect(item: object): void;
+    /**
+     * Renders the Dropdown component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+}
+import { Component } from '@base-framework/base';
+import { Data } from '@base-framework/base';

package/dist/types/components/molecules/dropdowns/dropdown.d.ts

@@ -0,0 +1 @@
+export function Dropdown(onSelect: Function): object;

package/dist/types/components/molecules/form/form-atoms.d.ts

@@ -0,0 +1,40 @@
+/**
+ * FormItem
+ *
+ * Groups form elements like label, control, description, and message.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const FormItem: Function;
+/**
+ * FormLabel
+ *
+ * Accessible label for form inputs.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const FormLabel: Function;
+/**
+ * FormDescription
+ *
+ * Provides additional information for form controls.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const FormDescription: Function;
+/**
+ * FormMessage
+ *
+ * Displays validation error messages.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const FormMessage: Function;

package/dist/types/components/molecules/form/form-control.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FormControl
+ *
+ * Wrapper around form control elements that automatically handles validation events.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const FormControl: Function;

package/dist/types/components/molecules/form/form-field.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FormField Component
+ *
+ * Handles controlled form fields with accessibility.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {ComponentConstructor}
+ */
+export const FormField: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;

package/dist/types/components/molecules/form/form.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Form Component
+ *
+ * A wrapper around the form structure for accessibility and organization.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const Form: Function;
+import { FormControl } from "./form-control.js";
+import { FormField } from "./form-field.js";
+import { FormItem } from "./form-atoms.js";
+export { FormControl, FormField, FormItem };

package/dist/types/components/molecules/modals/atoms.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This will create a modal detail body.
+ *
+ * @param {object} props - The properties of the component.
+ * @param {array} children - The children of the component.
+ * @returns {object}
+ */
+export const DetailBody: Function;
+/**
+ * This will create a modal detail section.
+ *
+ * @param {object} props - The properties of the component.
+ * @param {array} children - The children of the component.
+ * @returns {object}
+ */
+export const DetailSection: Function;
+export function SplitRow(label: string, value: string): object;

package/dist/types/components/molecules/modals/modal-container.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This will create a dialog component.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {object}
+ */
+export const ModalContainer: Function;

package/dist/types/components/molecules/modals/modal.d.ts

@@ -0,0 +1,124 @@
+/**
+ * Modal
+ *
+ * This will create a modal component.
+ *
+ * @export
+ * @class Modal
+ * @extends {Component}
+ */
+export class Modal extends Component {
+    /**
+     * @member {string} title
+     */
+    title: any;
+    /**
+     * @member {string} description
+     */
+    description: any;
+    /**
+     * @member {string} size
+     * @default 'md'
+     * @values 'sm', 'md', 'lg', 'xl'
+     */
+    size: string;
+    /**
+     * @member {string} type
+     * @default ''
+     * @values 'right', 'left'
+     * @description This will set the type of modal.
+     */
+    type: string;
+    /**
+     * @member {boolean} hidePrimaryButton
+     * @default false
+     * @description This will hide the primary button.
+     * @values true, false
+     */
+    hidePrimaryButton: boolean;
+    /**
+     * @member {string} icon
+     */
+    icon: any;
+    /**
+     * @member {function|nll} onSubmit
+     */
+    onSubmit: any;
+    /**
+     * @member {function|null} onClose
+     */
+    onClose: any;
+    /**
+     * @member {boolean} back
+     */
+    back: boolean;
+    /**
+     * This will render the modal component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+    /**
+     * This will get the header options.
+     *
+     * @returns {Array<object>}
+     */
+    headerOptions(): Array<object>;
+    /**
+     * This will get the buttons for the modal.
+     *
+     * @returns {array}
+     */
+    getButtons(): any[];
+    /**
+     * This will check if the click was outside the component.
+     *
+     * @param {object} element
+     * @returns {boolean}
+     */
+    isOutsideClick(element: object): boolean;
+    /**
+     * This will get the size class.
+     *
+     * @returns {string}
+     */
+    getSizeClass(): string;
+    /**
+     * This will get the type class.
+     *
+     * @returns {string}
+     */
+    getTypeClass(): string;
+    /**
+     * This will get the modal class.
+     *
+     * @returns {string}
+     */
+    getMainClass(): string;
+    /**
+     * This will override the set up to use the app shell.
+     *
+     * @param {object} container
+     */
+    setContainer(container: object): void;
+    /**
+     * This will open the modal.
+     *
+     * @returns {void}
+     */
+    open(): void;
+    /**
+     * This will show the modal.
+     *
+     * @protected
+     * @returns {void}
+     */
+    protected showModal(): void;
+}
+import { Component } from "@base-framework/base";

package/dist/types/components/molecules/molecules.d.ts

@@ -0,0 +1,31 @@
+export * from "./alert.js";
+export * from "./delay-component.js";
+export * from "./dropdowns/dropdown-item.js";
+export * from "./dropdowns/dropdown-menu.js";
+export * from "./dropdowns/dropdown.js";
+export * from "./form/form-atoms.js";
+export * from "./form/form-control.js";
+export * from "./form/form-field.js";
+export * from "./form/form.js";
+export * from "./modals/atoms.js";
+export * from "./modals/modal.js";
+export * from "./notifications/notification-container.js";
+export * from "./notifications/notification.js";
+export * from "./popover.js";
+export * from "./theme-toggle.js";
+export * from "./toggle/toggle.js";
+export * from "./avatars/avatar.js";
+export * from "./avatars/static-status-indicator.js";
+export * from "./avatars/status-indicator.js";
+export * from "./avatars/statuses.js";
+export * from "./breadcrumb/breadcrumb.js";
+export * from "./breadcrumb/dots-indicator.js";
+export * from "./combobox/combobox.js";
+export * from "./counters/atoms.js";
+export * from "./counters/counter.js";
+export * from "./date-time/date-picker.js";
+export * from "./date-time/time-frame.js";
+export * from "./date-time/time-picker.js";
+export * from "./dialogs/confirmation.js";
+export * from "./dialogs/dialog-container.js";
+export * from "./dialogs/dialog.js";

package/dist/types/components/molecules/notifications/notification-container.d.ts

@@ -0,0 +1,31 @@
+/**
+ * NotificationContainer
+ *
+ * A component that manages notifications.
+ *
+ * @class
+ */
+export class NotificationContainer extends Component {
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will add a notification.
+     *
+     * @param {object} props
+     * @returns {void}
+     */
+    addNotice(props?: object): void;
+    /**
+     * This will remove a notification.
+     *
+     * @param {object} notice
+     * @returns {void}
+     */
+    removeNotice(notice: object): void;
+}
+export default NotificationContainer;
+import { Component } from "@base-framework/base";