@base-framework/ui 1.0.88 → 1.0.90

package/dist/{confirmation-C-xj85kA.js → confirmation-BHLFyx61.js}

@@ -415,7 +415,7 @@ class xt extends p {
     this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(), document.documentElement.style.overflowY = "auto";
   }
 }
-const N = {
+const F = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -500,7 +500,7 @@ class Me extends ae {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return N[t] || N.default;
+    return F[t] || F.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -587,7 +587,7 @@ class wt extends p {
     this.list.delete(t.id);
   }
 }
-const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
+const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -600,7 +600,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
 ])), Pe = (e) => {
   var o;
   const t = document.documentElement;
-  if (e === "system" && (e = (o = window.matchMedia) != null && o.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), z && !z("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = (o = window.matchMedia) != null && o.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), N && !N("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
@@ -695,8 +695,8 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
   OFFLINE: "bg-gray-500",
   BUSY: "bg-red-500",
   AWAY: "bg-yellow-500"
-}, Ne = (e = "") => (e = e.toUpperCase(), m[e] || m.OFFLINE), Ct = (e) => n({
-  class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${Ne(e)}`
+}, Fe = (e = "") => (e = e.toUpperCase(), m[e] || m.OFFLINE), Ct = (e) => n({
+  class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${Fe(e)}`
 }), kt = ({ propName: e = "status" } = {}) => n({
   class: "absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full",
   onSet: [e, {
@@ -705,7 +705,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
     [m.BUSY]: y.BUSY,
     [m.AWAY]: y.AWAY
   }]
-}), ze = (e, t) => Y(
+}), Ne = (e, t) => Y(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -713,13 +713,13 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
   [a(t)]
-), Fe = () => x({
+), ze = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
 }, d.chevron.single.right), Ee = (e) => n({ class: "flex items-center" }, [
-  e.href ? ze(e.href, e.label) : a(e.label),
-  e.separator && Fe()
+  e.href ? Ne(e.href, e.label) : a(e.label),
+  e.separator && ze()
 ]), St = S(
   {
     /**
@@ -759,7 +759,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
       );
     }
   }
-), F = {
+), z = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -768,7 +768,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, je = (e) => F[e] || F.default, Oe = ({ index: e, size: t }) => n({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, je = (e) => z[e] || z.default, Oe = ({ index: e, size: t }) => n({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   a({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -829,7 +829,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
   onState: [s, "selectedValue", { "bg-secondary": e.value }]
 }, [
   e.icon && a({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
-  a(e.label)
+  a({ class: "text-base font-normal" }, e.label)
 ]), He = (e, t) => n({ class: "w-full border rounded-md" }, [
   V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => qe(s, e, t)] })
 ]), Ue = ({ onSelect: e, state: t }) => n({ class: "flex flex-auto flex-col" }, [
@@ -868,6 +868,16 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
         selectedValue: ""
       };
     },
+    /**
+     * This will set the state item.
+     *
+     * @param {object} item
+     * @returns {void}
+     */
+    setStateItem(e) {
+      const t = this.state;
+      t.selectedValue = e.value, t.selectedLabel = e.label, t.open = !1;
+    },
     /**
      * Handles the selection of an item.
      *
@@ -875,8 +885,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
      * @returns {void}
      */
     select(e) {
-      const t = this.state;
-      t.selectedValue = e.value, t.selectedLabel = e.label, t.open = !1, typeof this.onSelect == "function" && this.onSelect(e, parent);
+      this.setStateItem(e), typeof this.onSelect == "function" && this.onSelect(e, this.parent);
     },
     /**
      * Selects the first item in the list.
@@ -895,6 +904,17 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
     toggleDropdown() {
       this.state.toggle("open");
     },
+    /**
+     * This will run after the component is set up.
+     *
+     * @returns {void}
+     */
+    after() {
+      if (this.selectFirst === !0) {
+        const e = this.data.items[0];
+        e && this.setStateItem(e);
+      }
+    },
     /**
      * This will render the component.
      *
@@ -1418,7 +1438,7 @@ export {
   kt as o,
   y as p,
   m as q,
-  Ne as r,
+  Fe as r,
   Dt as s,
   _e as t,
   Re as u,

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.js";
 import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-DmJuUwS9.js";
 import { V as w, a as U } from "./veil-D4dRxILB.js";
 import { Icons as R } from "./icons.es.js";
-import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-C-xj85kA.js";
+import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BHLFyx61.js";
 import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-BDqm833e.js";
 import { B as Oa, n as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-CrKk8upb.js";
 import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-BE_hr65B.js";

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-C-xj85kA.js";
+import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-BHLFyx61.js";
 import { A as O, P as R, g as _ } from "./calendar-BDqm833e.js";
 export {
   o as Alert,

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

@@ -3,6 +3,14 @@
  *
  * This will render a combobox component.
  *
+ * @property {Array<object>} items
+ * @property {string} class
+ * @property {string} maxWidth
+ * @property {string} width
+ * @property {string} name
+ * @property {boolean} required
+ * @property {boolean} selectFirst
+ * @property {function} onSelect
  * @type {typeof Component}
  */
 export const Combobox: typeof Component;

package/package.json

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