@base-framework/ui 1.0.304 → 1.0.306

package/dist/{tooltip-EO3J6QFR.js → tooltip-B5hKQNZQ.js}

@@ -1,6 +1,6 @@
 import { Span as c, Legend as b, Fieldset as p, Div as l, UseParent as u, Input as C } from "@base-framework/atoms";
 import { Atom as s, Html as x } from "@base-framework/base";
-import { a as d } from "./veil-fLMV40Wv.js";
+import { a as d } from "./veil-CVCuKSvj.js";
 import { f as h, e as y, g as k } from "./inputs-9udyzkHR.js";
 const a = {
   gray: {

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,61 @@
+/**
+ * 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;
+    selectedIndex: number;
+    /**
+     * This will set the selected index.
+     *
+     * @returns {void}
+     */
+    setSelectedIndex(): void;
+    /**
+     * This will select an option.
+     *
+     * @param {*} value
+     * @returns {void}
+     */
+    select(value: any): void;
+    /**
+     * This will set the selected option.
+     *
+     * @param {*} value
+     * @returns {void}
+     */
+    setSelected(value: any): void;
+    /**
+     * This will add the group.
+     *
+     * @returns {array}
+     */
+    addGroup(): any[];
+}
+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,56 @@
+/**
+ * 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;
+    selectedIndex: number;
+    /**
+     * This will set the selected index.
+     *
+     * @returns {void}
+     */
+    setSelectedIndex(): void;
+    /**
+     * This will select an option.
+     *
+     * @param {*} value
+     * @returns {void}
+     */
+    select(value: any): void;
+    /**
+     * This will set the selected option.
+     *
+     * @param {*} value
+     * @returns {void}
+     */
+    setSelected(value: any): void;
+}
+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/dist/{veil-fLMV40Wv.js → veil-CVCuKSvj.js}

@@ -10,7 +10,7 @@ const g = l((t, a) => {
   const e = t.border === !0 ? "border-t" : "";
   return s({
     ...t,
-    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr,2fr] sm:gap-x-6 pt-8 ${e} ${t.class || ""}`
+    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr_2fr] sm:gap-x-6 pt-8 ${e} ${t.class || ""}`
   }, [
     t.label && s({
       ...t.labelProps,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.304",
+	"version": "1.0.306",
 	"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": {