@base-framework/ui 1.0.305 → 1.0.307

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

@@ -40,4 +40,8 @@ export * from "./tabs/button-tab.js";
 export * from "./tabs/tab-group.js";
 export * from "./tabs/tab-navigation.js";
 export * from "./tabs/tab.js";
+export * from "./tabs/underlined-button-tab.js";
+export * from "./tabs/underlined-tab-group.js";
+export * from "./tabs/underlined-tab-navigation.js";
+export * from "./tabs/underlined-tab.js";
 export * from "./signature/signature-panel.js";

package/dist/types/components/organisms/tabs/underlined-button-tab.d.ts

@@ -0,0 +1,60 @@
+/**
+ * UnderlinedButtonTab
+ *
+ * This will create an underlined button tab component with content switching.
+ *
+ * @class
+ */
+export class UnderlinedButtonTab extends Component {
+    /**
+     * This will set the options.
+     * @member {array} options
+     * @default []
+     */
+    options: any[];
+    /**
+     * This will set the class.
+     * @member {string} class
+     * @default ''
+     */
+    class: string;
+    /**
+     * This will set the select call back.
+     * @member {function} callBack
+     */
+    onSelect: any;
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will get the first value.
+     *
+     * @returns {*}
+     */
+    getFirstValue(): any;
+    /**
+     * This will select an option.
+     *
+     * @param {*} value
+     * @returns {void}
+     */
+    select(value: any): void;
+    /**
+     * This will update the content.
+     *
+     * @param {*} value
+     * @returns {object}
+     */
+    updateContent(value: any): object;
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+}
+export default UnderlinedButtonTab;
+import { Component } from "@base-framework/base";

package/dist/types/components/organisms/tabs/underlined-tab-examples.d.ts

@@ -0,0 +1,2 @@
+export function UnderlinedTabExamples(): any;
+export default UnderlinedTabExamples;

package/dist/types/components/organisms/tabs/underlined-tab-group.d.ts

@@ -0,0 +1,48 @@
+/**
+ * UnderlinedTabGroup
+ *
+ * This will create an underlined tab group with bottom border indicators.
+ *
+ * @class
+ * @extends Component
+ */
+export class UnderlinedTabGroup extends Component {
+    /**
+     * This will set the options.
+     * @member {array} options
+     * @default []
+     */
+    options: any[];
+    /**
+     * This will set the class.
+     * @member {string} class
+     * @default ''
+     */
+    class: string;
+    /**
+     * This will set the select call back.
+     * @member {function} callBack
+     */
+    onSelect: any;
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will select an option.
+     *
+     * @param {*} value
+     * @returns {void}
+     */
+    select(value: any): void;
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+}
+export default UnderlinedTabGroup;
+import { Component } from '@base-framework/base';

package/dist/types/components/organisms/tabs/underlined-tab-navigation.d.ts

@@ -0,0 +1,63 @@
+/**
+ * UnderlinedTabNavigation
+ *
+ * This will create an underlined tab navigation component with active bottom border.
+ *
+ * @class
+ */
+export class UnderlinedTabNavigation extends Component {
+    /**
+     * This will set the options.
+     * @member {array} options
+     * @default []
+     */
+    options: any[];
+    /**
+     * This will set the class.
+     * @member {string} class
+     * @default ''
+     */
+    class: string;
+    /**
+     * This will set the select call back.
+     * @member {function} callBack
+     */
+    onSelect: any;
+    links: any[];
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will update the links.
+     *
+     * @param {string} value
+     * @returns {void}
+     */
+    updateLinks(value: string): void;
+    /**
+     * This will deactivate all links.
+     *
+     * @returns {void}
+     */
+    deactivateAllLinks(): void;
+    /**
+     * This will update the link.
+     *
+     * @param {object} link
+     * @param {boolean} selected
+     * @returns {void}
+     */
+    updateLink(link: object, selected: boolean): void;
+    /**
+     * This will add a link.
+     *
+     * @param {object} option
+     * @returns {object}
+     */
+    addLink({ label: text, href, exact }: object): object;
+}
+export default UnderlinedTabNavigation;
+import { Component } from "@base-framework/base";

package/dist/types/components/organisms/tabs/underlined-tab.d.ts

@@ -0,0 +1,36 @@
+/**
+ * UnderlinedTab
+ *
+ * This will create an underlined tab component that can route
+ * to tab panels with an active bottom border indicator.
+ *
+ * @class
+ */
+export class UnderlinedTab extends Component {
+    /**
+     * This will set the options.
+     * @member {array} options
+     * @default []
+     */
+    options: any[];
+    /**
+     * This will set the class.
+     * @member {string} class
+     * @default ''
+     */
+    class: string;
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will add the group.
+     *
+     * @returns {array}
+     */
+    addGroup(): any[];
+}
+export default UnderlinedTab;
+import { Component } from "@base-framework/base";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.305",
+	"version": "1.0.307",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {