@base-framework/ui 1.0.1727 → 1.0.2001

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

@@ -0,0 +1,60 @@
+/**
+ * UnderlinedButtonTab
+ *
+ * This will create an underlined button tab component with content switching.
+ *
+ * @class
+ */
+export class UnderlinedButtonTab extends Veil {
+    /**
+     * 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 { Veil } from '../../../components/atoms/veil.js';

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 Veil
+ */
+export class UnderlinedTabGroup extends Veil {
+    /**
+     * 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 { Veil } from '../../../components/atoms/veil.js';

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 Veil {
+    /**
+     * 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 { Veil } from '../../../components/atoms/veil.js';

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 Veil {
+    /**
+     * 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 { Veil } from '../../../components/atoms/veil.js';

package/dist/types/ui.d.ts

@@ -4,3 +4,4 @@ export * from "./components/molecules/molecules.js";
 export * from "./components/organisms/organisms.js";
 export * from "./components/pages/pages.js";
 export * from "./components/pages/templates/templates.js";
+export * from "./utils/utils.js";

package/dist/types/utils/format/format.d.ts

@@ -0,0 +1,78 @@
+export function createWatcherCallback(watcher: string | object | any[], callBack: Function): any[] | object;
+export namespace Format {
+    /**
+     * Formats a number with commas.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string|null} defaultValue - Value if original is null or undefined.
+     * @returns {object|array}
+     */
+    export function number(watcher: string | number | object | any[], defaultValue?: string | null): object | any[];
+    /**
+     * Formats a boolean value as a yes/no string.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string} yes - Text for true values.
+     * @param {string} no - Text for false values.
+     * @returns {object|array}
+     */
+    export function yesno(watcher: string | number | object | any[], yes?: string, no?: string): object | any[];
+    /**
+     * Formats a value as money with two decimals.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string} currency - Currency symbol.
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function money(watcher: string | number | object | any[], currency?: string, defaultValue?: any): object | any[];
+    /**
+     * Formats a value as a US phone number (10 digits).
+     *
+     * @param {string|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function phone(watcher: string | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a value as an integer (rounds down).
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function integer(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a date value to a standard date format.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function date(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a date and time value to a standard date and time format.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function dateTime(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a time value to a standard time format.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function time(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a value with a default value if null or undefined.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string|null} defaultValue - Value if original is null or undefined.
+     * @returns {object|array}
+     */
+    function _default(watcher: string | number | object | any[], defaultValue?: string | null): object | any[];
+    export { _default as default };
+}

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export * from "./format/format.js";
+export * from "./scaling/image-scaler/image-scaler.js";

package/dist/utils.es.js

@@ -1 +1,7 @@
-
+import { F as e, c } from "./format-BLolnx9j.js";
+import { I as t } from "./image-scaler-1G-JzJVG.js";
+export {
+  e as Format,
+  t as ImageScaler,
+  c as createWatcherCallback
+};

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,85 +1,85 @@
-{
-	"name": "@base-framework/ui",
-	"version": "1.0.1727",
-	"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": {
-		"dev": "vite",
-		"build": "vite build && tsc",
-		"preview": "vite preview"
-	},
-	"type": "module",
-	"keywords": [
-		"JavaScript",
-		"Framework",
-		"Base",
-		"ES6",
-		"UI"
-	],
-	"author": "Chris Durfee",
-	"license": "ISC",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/chrisdurfee/ui.git"
-	},
-	"bugs": {
-		"url": "https://github.com/chrisdurfee/ui/issues"
-	},
-	"devDependencies": {
-		"autoprefixer": "^10.4.20",
-		"esbuild": "^0.25.0",
-		"postcss": "^8.4.47",
-		"tailwindcss": "^3.4.13"
-	},
-	"dependencies": {
-		"@base-framework/atoms": "^1.0.41",
-		"@base-framework/base": "^3.0.295",
-		"@base-framework/organisms": "^1.0.69",
-		"d3": "^7.9.0",
-		"tailwindcss-animate": "^1.0.7",
-		"typescript": "^5.7.3",
-		"vite": "^6.1.1"
-	},
-	"types": "./dist/types/**/*.d.ts",
-	"files": [
-		"package.json",
-		"readme.md",
-		"dist"
-	],
-	"exports": {
-		"./package.json": "./package.json",
-		".": {
-			"import": "./dist/index.es.js",
-			"require": "./dist/index.cjs"
-		},
-		"./atoms": {
-			"import": "./dist/atoms.es.js",
-			"require": "./dist/atoms.cjs"
-		},
-		"./icons": {
-			"import": "./dist/icons.es.js",
-			"require": "./dist/icons.cjs"
-		},
-		"./molecules": {
-			"import": "./dist/molecules.es.js",
-			"require": "./dist/molecules.cjs"
-		},
-		"./organisms": {
-			"import": "./dist/organisms.es.js",
-			"require": "./dist/organisms.cjs"
-		},
-		"./utils": {
-			"import": "./dist/utils.es.js",
-			"require": "./dist/utils.cjs"
-		},
-		"./pages": {
-			"import": "./dist/pages.es.js",
-			"require": "./dist/pages.cjs"
-		},
-		"./templates": {
-			"import": "./dist/templates.es.js",
-			"require": "./dist/templates.cjs"
-		}
-	},
-	"homepage": "https://github.com/chrisdurfee/organisms#readme"
-}
+{
+	"name": "@base-framework/ui",
+	"version": "1.0.2001",
+	"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": {
+		"dev": "vite",
+		"build": "vite build && tsc",
+		"preview": "vite preview"
+	},
+	"type": "module",
+	"keywords": [
+		"JavaScript",
+		"Framework",
+		"Base",
+		"ES6",
+		"UI"
+	],
+	"author": "Chris Durfee",
+	"license": "ISC",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/chrisdurfee/ui.git"
+	},
+	"bugs": {
+		"url": "https://github.com/chrisdurfee/ui/issues"
+	},
+	"devDependencies": {
+		"esbuild": "^0.25.0",
+		"tailwindcss": "^4.1.12"
+	},
+	"dependencies": {
+		"@base-framework/atoms": "^1.0.41",
+		"@base-framework/base": "^3.0.295",
+		"@base-framework/organisms": "^1.0.69",
+		"@tailwindcss/vite": "^4.1.12",
+		"d3": "^7.9.0",
+		"typescript": "^5.7.3",
+		"vite": "^7.1.0"
+	},
+	"types": "./dist/types/**/*.d.ts",
+	"files": [
+		"package.json",
+		"readme.md",
+		"copilot.md",
+		"dist"
+	],
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"import": "./dist/index.es.js",
+			"require": "./dist/index.cjs"
+		},
+		"./atoms": {
+			"import": "./dist/atoms.es.js",
+			"require": "./dist/atoms.cjs"
+		},
+		"./icons": {
+			"import": "./dist/icons.es.js",
+			"require": "./dist/icons.cjs"
+		},
+		"./molecules": {
+			"import": "./dist/molecules.es.js",
+			"require": "./dist/molecules.cjs"
+		},
+		"./organisms": {
+			"import": "./dist/organisms.es.js",
+			"require": "./dist/organisms.cjs"
+		},
+		"./utils": {
+			"import": "./dist/utils.es.js",
+			"require": "./dist/utils.cjs"
+		},
+		"./pages": {
+			"import": "./dist/pages.es.js",
+			"require": "./dist/pages.cjs"
+		},
+		"./templates": {
+			"import": "./dist/templates.es.js",
+			"require": "./dist/templates.cjs"
+		},
+		"./copilot.md": "./copilot.md"
+	},
+	"homepage": "https://github.com/chrisdurfee/organisms#readme"
+}

package/dist/aside-template-McEj_Gxc.js

@@ -1,35 +0,0 @@
-import { Atom as a } from "@base-framework/base";
-import { Header as c, H1 as f } from "@base-framework/atoms";
-const o = a((l, e) => ({
-  tag: "section",
-  ...l,
-  children: e
-})), r = a((l, e) => o({
-  class: "body full-container flex flex-auto flex-col " + l.class,
-  ...l
-}, e)), s = a((l, e) => (l.class = "row flex flex-auto flex-col lg:flex-row " + (l.class || ""), {
-  ...l,
-  children: e
-})), u = a((l, e) => c([
-  f({ watch: l.watch }, l.text)
-], e)), t = a((l, e) => (l.class = "col flex flex-auto flex-col " + (l.class || ""), {
-  ...l,
-  children: e
-})), m = a((l, e) => o({ class: "body aside-container flex flex-auto flex-col max-w-[100vw] h-full" }, [
-  s({ class: "flex flex-auto flex-col lg:flex-row" }, [
-    t({ class: "drawer control flex flex-none md:flex-auto w-full md:max-w-[320px]" }, [
-      l.left
-    ]),
-    t({ class: "flex flex-grow flex-col" }, [
-      l.right
-    ])
-  ])
-]));
-export {
-  m as A,
-  r as F,
-  t as M,
-  s as R,
-  u as T,
-  o as a
-};