@base-framework/ui 1.0.321 → 1.0.323

package/dist/{tooltip-B5hKQNZQ.js → tooltip-PupzYM1r.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-CVCuKSvj.js";
+import { a as d } from "./veil-CqnAmj-D.js";
 import { f as h, e as y, g as k } from "./inputs-9udyzkHR.js";
 const a = {
   gray: {

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

@@ -5,7 +5,7 @@
  *
  * @class
  */
-export class ButtonTab extends Component {
+export class ButtonTab extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -63,4 +63,4 @@ export class ButtonTab extends Component {
     setupStates(): object;
 }
 export default ButtonTab;
-import { Component } from "@base-framework/base";
+import { Veil } from "../../../components/atoms/veil.js";

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

@@ -4,9 +4,9 @@
  * This will create a tab group.
  *
  * @class
- * @extends Component
+ * @extends Veil
  */
-export class TabGroup extends Component {
+export class TabGroup extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -45,4 +45,4 @@ export class TabGroup extends Component {
     setupStates(): object;
 }
 export default TabGroup;
-import { Component } from '@base-framework/base';
+import { Veil } from '../../../components/atoms/veil.js';

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

@@ -5,7 +5,7 @@
  *
  * @class
  */
-export class TabNavigation extends Component {
+export class TabNavigation extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -60,4 +60,4 @@ export class TabNavigation extends Component {
     addLink({ label: text, href, exact }: object): object;
 }
 export default TabNavigation;
-import { Component } from "@base-framework/base";
+import { Veil } from "../../../components/atoms/veil.js";

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

@@ -6,7 +6,7 @@
  *
  * @class
  */
-export class Tab extends Component {
+export class Tab extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -33,4 +33,4 @@ export class Tab extends Component {
     addGroup(): any[];
 }
 export default Tab;
-import { Component } from "@base-framework/base";
+import { Veil } from "../../../components/atoms/veil.js";

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

@@ -5,7 +5,7 @@
  *
  * @class
  */
-export class UnderlinedButtonTab extends Component {
+export class UnderlinedButtonTab extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -57,4 +57,4 @@ export class UnderlinedButtonTab extends Component {
     setupStates(): object;
 }
 export default UnderlinedButtonTab;
-import { Component } from "@base-framework/base";
+import { Veil } from '../../../components/atoms/veil.js';

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

@@ -4,9 +4,9 @@
  * This will create an underlined tab group with bottom border indicators.
  *
  * @class
- * @extends Component
+ * @extends Veil
  */
-export class UnderlinedTabGroup extends Component {
+export class UnderlinedTabGroup extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -45,4 +45,4 @@ export class UnderlinedTabGroup extends Component {
     setupStates(): object;
 }
 export default UnderlinedTabGroup;
-import { Component } from '@base-framework/base';
+import { Veil } from '../../../components/atoms/veil.js';

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

@@ -5,7 +5,7 @@
  *
  * @class
  */
-export class UnderlinedTabNavigation extends Component {
+export class UnderlinedTabNavigation extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -60,4 +60,4 @@ export class UnderlinedTabNavigation extends Component {
     addLink({ label: text, href, exact }: object): object;
 }
 export default UnderlinedTabNavigation;
-import { Component } from "@base-framework/base";
+import { Veil } from '../../../components/atoms/veil.js';

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

@@ -6,7 +6,7 @@
  *
  * @class
  */
-export class UnderlinedTab extends Component {
+export class UnderlinedTab extends Veil {
     /**
      * This will set the options.
      * @member {array} options
@@ -33,4 +33,4 @@ export class UnderlinedTab extends Component {
     addGroup(): any[];
 }
 export default UnderlinedTab;
-import { Component } from "@base-framework/base";
+import { Veil } from '../../../components/atoms/veil.js';

package/dist/veil-CqnAmj-D.js

@@ -0,0 +1,20 @@
+import { Jot as n, Component as a } from "@base-framework/base";
+class s extends a {
+  /**
+   * This will set the component context.
+   *
+   * @param {object|null} context
+   * @returns {object|null}
+   */
+  setContext(o) {
+    if (this.data)
+      return null;
+    const e = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
+    return e ? { data: e } : null;
+  }
+}
+const i = (t) => n(t, s);
+export {
+  s as V,
+  i as a
+};

package/package.json

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

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

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

package/dist/veil-CVCuKSvj.js

@@ -1,46 +0,0 @@
-import { Div as s, H4 as n, P as o } from "@base-framework/atoms";
-import { Atom as l, Jot as d, Component as c } from "@base-framework/base";
-const g = l((t, a) => {
-  const e = t.margin ?? "my-5 mx-5", r = t.padding ?? "p-4";
-  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), s({
-    ...t,
-    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${e} ${r} ${t.class || ""}`
-  }, a);
-}), u = 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 || ""}`
-  }, [
-    t.label && s({
-      ...t.labelProps,
-      class: `flex flex-auto flex-col gap-y-1 ${t.labelProps?.class || ""}`
-    }, [
-      n({ class: "text-base" }, t.label),
-      t.description && o({ class: "text-sm text-muted-foreground" }, t.description)
-    ]),
-    // Controls container: grows to fill remaining space, spacing between items
-    s({ class: "flex flex-col gap-y-4" }, a)
-  ]);
-});
-class i extends c {
-  /**
-   * This will set the component context.
-   *
-   * @param {object|null} context
-   * @returns {object|null}
-   */
-  setContext(a) {
-    if (this.data)
-      return null;
-    const e = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
-    return e ? { data: e } : null;
-  }
-}
-const f = (t) => d(t, i);
-export {
-  g as C,
-  u as F,
-  i as V,
-  f as a
-};