@base-framework/ui 1.1.27 → 1.2.1

package/dist/{simple-search-input-LnHcOg6V.js → simple-search-input-Dbk3_QiK.js}

@@ -1,9 +1,9 @@
 import { Div as r, Span as N, Button as K, OnState as J, On as T, Th as G, UseParent as et, I as st, Thead as at, Tr as nt, Table as j, P as $, Li as X, Time as ot, Ul as rt, Input as lt } from "@base-framework/atoms";
 import { Component as R, Data as P, Atom as m, DateTime as H, DataTracker as _, Jot as it } from "@base-framework/base";
-import { B as y, U as q } from "./buttons-BY-KDbOv.js";
+import { B as y, U as q } from "./buttons-Dxnuce2_.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as ct, DataTableBody as dt, ScrollableTableBody as ht, List as ut } from "@base-framework/organisms";
-import { I as ft, C as mt, c as gt } from "./image-BhZbKYDj.js";
+import { I as ft, C as mt, c as gt } from "./image-T4fJLqgd.js";
 const yt = (t, e) => {
   const s = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = e.getBoundingClientRect(), n = 10, o = globalThis.scrollX, c = globalThis.scrollY;
   let l = s.left + o, u = s.bottom + c;
@@ -136,7 +136,7 @@ class wt extends R {
    * @returns {void}
    */
   beforeDestroy() {
-    this.panel.hidePopover();
+    this?.panel?.hidePopover();
   }
 }
 const xt = m(({ src: t, alt: e }) => !t || t.indexOf(".") === -1 && t.indexOf("[[") === -1 ? null : ft({
@@ -595,9 +595,13 @@ const W = ({ label: t, click: e }) => y(
   );
 }, Et = m((t, e) => r({ class: "flex flex-auto flex-col" }, [
   jt({
+    // @ts-ignore
     onMonthClick: t.onMonthClick,
+    // @ts-ignore
     onYearClick: t.onYearClick,
+    // @ts-ignore
     next: t.next,
+    // @ts-ignore
     previous: t.previous
   }),
   r({
@@ -607,9 +611,13 @@ const W = ({ label: t, click: e }) => y(
       () => [
         Ft(),
         Ut({
+          // @ts-ignore
           today: t.today,
+          // @ts-ignore
           current: t.current,
+          // @ts-ignore
           blockPriorDates: t.blockPriorDates,
+          // @ts-ignore
           onDateClick: t.onDateClick
         })
       ]
@@ -1106,19 +1114,33 @@ class Zt extends Z {
 }
 const ve = m((t) => new Zt(
   {
+    // @ts-ignore
     cache: t.cache ?? "list",
+    // @ts-ignore
     tableData: t.data,
+    // @ts-ignore
     loadMoreItems: t.loadMoreItems,
+    // @ts-ignore
     offset: t.offset,
+    // @ts-ignore
     limit: t.limit,
+    // @ts-ignore
     class: t.class,
+    // @ts-ignore
     key: t.key,
+    // @ts-ignore
     rows: t.rows,
+    // @ts-ignore
     rowItem: t.rowItem,
+    // @ts-ignore
     headers: t.headers,
+    // @ts-ignore
     customHeader: t.customHeader,
+    // @ts-ignore
     border: t.border,
+    // @ts-ignore
     emptyState: t.emptyState,
+    // @ts-ignore
     skeleton: t.skeleton
   }
 )), te = (t) => new ht({
@@ -1191,20 +1213,35 @@ class ee extends Z {
 }
 const ke = m((t) => new ee(
   {
+    // @ts-ignore
     cache: t.cache ?? "list",
+    // @ts-ignore
     tableData: t.data,
+    // @ts-ignore
     scrollContainer: t.scrollContainer,
+    // @ts-ignore
     loadMoreItems: t.loadMoreItems,
+    // @ts-ignore
     offset: t.offset,
+    // @ts-ignore
     limit: t.limit,
+    // @ts-ignore
     class: t.class,
+    // @ts-ignore
     key: t.key,
+    // @ts-ignore
     rows: t.rows,
+    // @ts-ignore
     rowItem: t.rowItem,
+    // @ts-ignore
     headers: t.headers,
+    // @ts-ignore
     customHeader: t.customHeader,
+    // @ts-ignore
     border: t.border,
+    // @ts-ignore
     emptyState: t.emptyState,
+    // @ts-ignore
     skeleton: t.skeleton
   }
 )), se = m(({ name: t, email: e }) => r({ class: "min-w-0 flex-auto" }, [
@@ -1223,17 +1260,23 @@ const ke = m((t) => new ee(
   oe(s, e)
 ])), le = (t) => t.split(" ").map((s) => s[0]).join(""), ie = m((t) => X({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   r({ class: "flex min-w-0 gap-x-4" }, [
+    // @ts-ignore
     St({ src: t.image, alt: t.name, fallbackText: le(t.name) }),
+    // @ts-ignore
     se({ name: t.name, email: t.email })
   ]),
   re({
+    // @ts-ignore
     role: t.role,
+    // @ts-ignore
     lastSeen: t.lastSeen,
+    // @ts-ignore
     status: t.status
   })
 ])), Se = m((t) => new ut({
   cache: "list",
   key: "name",
+  // @ts-ignore
   items: t.users,
   role: "list",
   class: "divide-y divide-border",
@@ -1465,8 +1508,11 @@ const de = m(({ index: t, click: e, state: s }, a) => X({
 })), ue = m((t) => r({ class: "relative flex flex-auto items-center" }, [
   gt({
     cache: "input",
+    // @ts-ignore
     class: t.class ?? "",
+    // @ts-ignore
     placeholder: t.placeholder ?? "Search...",
+    // @ts-ignore
     bind: t.bind ?? [t.state, "searchQuery"],
     keyup: (e, s) => {
       s.state && (s.state.open = !1), typeof t.filterOptions == "function" && t.filterOptions(), s.dropdown && s.dropdown.updatePosition(), t.keyup && t.keyup(e, s);
@@ -1475,10 +1521,13 @@ const de = m(({ index: t, click: e, state: s }, a) => X({
       typeof s.toggleDropdown == "function" && s.toggleDropdown();
     },
     keydown: (e) => [
+      // @ts-ignore
       typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
     ]
   }),
+  // @ts-ignore
   t.icon && r({ class: "absolute flex right-0 mr-2" }, [
+    // @ts-ignore
     q({ size: "sm" }, t.icon)
   ])
 ])), fe = (t) => r({
@@ -1617,6 +1666,7 @@ const de = m(({ index: t, click: e, state: s }, a) => X({
 ), Oe = m((t) => {
   const e = t.icon ?? S.magnifyingGlass.default;
   return r({
+    // @ts-ignore
     class: `relative flex items-center w-full rounded-xl bg-muted/30 focus-within:ring-2 focus-within:ring-ring transition-all ${t.containerClass || ""}`
   }, [
     r({ class: "absolute left-4 flex items-center pointer-events-none text-muted-foreground" }, [
@@ -1624,16 +1674,27 @@ const de = m(({ index: t, click: e, state: s }, a) => X({
     ]),
     lt({
       type: "text",
+      // @ts-ignore
       cache: t.cache ?? "input",
+      // @ts-ignore
       class: `w-full bg-transparent border-none outline-none pl-12 pr-4 py-4 text-base text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-0 ${t.class || ""}`,
+      // @ts-ignore
       placeholder: t.placeholder ?? "Search...",
+      // @ts-ignore
       bind: t.bind,
+      // @ts-ignore
       value: t.value,
+      // @ts-ignore
       keyup: t.keyup,
+      // @ts-ignore
       keydown: t.keydown,
+      // @ts-ignore
       input: t.input,
+      // @ts-ignore
       change: t.change,
+      // @ts-ignore
       focus: t.focus,
+      // @ts-ignore
       blur: t.blur
     })
   ]);

package/dist/templates.es.js

@@ -1,5 +1,5 @@
-import { A as s, F as l, M as m, T as p, a as o } from "./aside-template-BDvEMLnk.js";
-import { B as T } from "./bside-template-BCP2pJWN.js";
+import { A as s, F as l, M as m, T as p, a as o } from "./aside-template-B9V-0xle.js";
+import { B as T } from "./bside-template-oLChzjxQ.js";
 export {
   s as AsideTemplate,
   T as BsideTemplate,

package/dist/{tooltip-3cWQxOb5.js → tooltip-BFST5Fcz.js}

@@ -1,6 +1,6 @@
 import { Span as c, Div as o, Legend as f, Fieldset as x, H4 as C, P as h, UseParent as u, Input as y } from "@base-framework/atoms";
 import { Atom as s, Html as p } from "@base-framework/base";
-import { f as d, g as k, h as w, i as $ } from "./image-BhZbKYDj.js";
+import { f as d, g as k, h as w, i as $ } from "./image-T4fJLqgd.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",
@@ -87,17 +87,21 @@ const a = {
   const t = r.margin ?? "my-5 mx-5", l = r.padding ?? "p-4", n = r.border ?? "border-border";
   return r.hover && (r.class += " hover:shadow-lg hover:bg-muted/50"), o({
     ...r,
+    // @ts-ignore
     class: `rounded-lg ${n} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${t} ${l} ${r.class || ""}`
   }, e);
 }), S = s((r, e) => f({
   ...r,
+  // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${r.class || ""}`
 }, e)), I = s((r, e) => {
   const t = r.border === "full" ? "border rounded-md" : "border-t";
   return x({
     ...r,
+    // @ts-ignore
     class: `p-6 ${t} ${r.class || ""}`
   }, [
+    // @ts-ignore
     r.legend && S(r.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, e)
   ]);
@@ -105,13 +109,19 @@ const a = {
   const t = r.border === !0 ? "border-t" : "";
   return o({
     ...r,
+    // @ts-ignore
     class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr_2fr] sm:gap-x-6 pt-8 ${t} ${r.class || ""}`
   }, [
+    // @ts-ignore
     r.label && o({
+      // @ts-ignore
       ...r.labelProps,
+      // @ts-ignore
       class: `flex flex-auto flex-col gap-y-1 ${r.labelProps?.class || ""}`
     }, [
+      // @ts-ignore
       C({ class: "text-base" }, r.label),
+      // @ts-ignore
       r.description && h({ class: "text-sm text-muted-foreground" }, r.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
@@ -195,6 +205,7 @@ const a = {
     r.options && p.setupSelectOptions(e, r.options);
   },
   ...r,
+  // @ts-ignore
   class: `${$} ${r.class || ""}`.trim()
 })), E = (r) => !r || isNaN(r) ? null : r, i = (r, e) => {
   const t = r, l = 16, n = 2 * Math.PI * l, b = t / 100 * n, m = `
@@ -244,6 +255,7 @@ const a = {
   return o({
     class: "circle-graph-wrap",
     onSet: [
+      // @ts-ignore
       r.prop,
       (n) => (n = E(n), n ? i(n, t) : l)
     ]

package/dist/types/components/atoms/badges/badge.d.ts

@@ -5,4 +5,4 @@
  * @param {array} children
  * @returns {object}
  */
-export const Badge: Function;
+export const Badge: (...args: any[]) => object;

package/dist/types/components/atoms/buttons/buttons.d.ts

@@ -5,7 +5,7 @@
  * @param {array} children
  * @returns {object}
  */
-export const Button: Function;
+export const Button: (...args: any[]) => object;
 export default Button;
 /**
  * This will create a primary button that has a loading icon.
@@ -14,4 +14,4 @@ export default Button;
  * @param {array} children
  * @returns {object}
  */
-export const LoadingButton: Function;
+export const LoadingButton: (...args: any[]) => object;

package/dist/types/components/atoms/cards/card.d.ts

@@ -5,4 +5,4 @@
  * @param {array} children
  * @returns {object}
  */
-export const Card: Function;
+export const Card: (...args: any[]) => object;

package/dist/types/components/atoms/form/fieldset.d.ts

@@ -5,5 +5,5 @@
  * @param {array} children
  * @returns {object}
  */
-export const Fieldset: Function;
+export const Fieldset: (...args: any[]) => object;
 export default Fieldset;

package/dist/types/components/atoms/form/form-group.d.ts

@@ -8,5 +8,5 @@
  * @param {array} children form controls (inputs, selects, etc)
  * @returns {object}
  */
-export const FormGroup: Function;
+export const FormGroup: (...args: any[]) => object;
 export default FormGroup;

package/dist/types/components/atoms/form/inputs/checkbox.d.ts

@@ -6,5 +6,5 @@
  * @param {object} props
  * @returns {object}
  */
-export const Checkbox: typeof import("@base-framework/base").Component;
+export const Checkbox: new (...args: any[]) => import("@base-framework/base").Component;
 export default Checkbox;

package/dist/types/components/atoms/form/inputs/inputs.d.ts

@@ -4,28 +4,28 @@
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element with common classes.
  */
-export const Input: Function;
+export const Input: (...args: any[]) => object;
 /**
  * Input component specifically for telephone numbers.
  *
  * @param {object} props Props passed to the Input.
  * @returns {object} An Input element of type "tel" with phone formatting.
  */
-export const TelInput: Function;
+export const TelInput: (...args: any[]) => object;
 /**
  * Input component specifically for email addresses.
  *
  * @param {object} props Props passed to the Input.
  * @returns {object} An Input element of type "email".
  */
-export const EmailInput: Function;
+export const EmailInput: (...args: any[]) => object;
 /**
  * Textarea component reusing parts of the common classes.
  *
  * @param {object} props Props passed to the BaseTextarea.
  * @returns {object} A BaseTextarea element.
  */
-export const Textarea: Function;
+export const Textarea: (...args: any[]) => object;
 export function Radio(props?: object): object;
 /**
  * Input component specifically for dates.
@@ -33,74 +33,74 @@ export function Radio(props?: object): object;
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "date".
  */
-export const DateInput: Function;
+export const DateInput: (...args: any[]) => object;
 /**
  * Input component specifically for times.
  *
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "time".
  */
-export const TimeInput: Function;
+export const TimeInput: (...args: any[]) => object;
 /**
  * Input component specifically for datetime-local.
  *
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "datetime-local".
  */
-export const DateTimeInput: Function;
+export const DateTimeInput: (...args: any[]) => object;
 /**
  * Input component specifically for months.
  *
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "month".
  */
-export const MonthInput: Function;
+export const MonthInput: (...args: any[]) => object;
 /**
  * Input component specifically for weeks.
  *
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "week".
  */
-export const WeekInput: Function;
+export const WeekInput: (...args: any[]) => object;
 /**
  * Input component specifically for numbers.
  *
  * @param {object} props Props passed to the Input.
  * @returns {object} An Input element of type "number".
  */
-export const NumberInput: Function;
+export const NumberInput: (...args: any[]) => object;
 /**
  * Input component specifically for passwords.
  *
  * @param {object} props Props passed to the Input.
  * @returns {object} An Input element of type "password".
  */
-export const PasswordInput: Function;
+export const PasswordInput: (...args: any[]) => object;
 /**
  * Input component specifically for URLs.
  *
  * @param {object} props Props passed to the Input.
  * @returns {object} An Input element of type "url".
  */
-export const UrlInput: Function;
+export const UrlInput: (...args: any[]) => object;
 /**
  * Input component specifically for hidden fields.
  *
  * @param {object} props Props passed to the Input.
  * @returns {object} An Input element of type "hidden".
  */
-export const HiddenInput: Function;
+export const HiddenInput: (...args: any[]) => object;
 /**
  * Input component specifically for color pickers.
  *
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "color".
  */
-export const ColorInput: Function;
+export const ColorInput: (...args: any[]) => object;
 /**
  * Input component specifically for file uploads.
  *
  * @param {object} props Props passed to the BaseInput.
  * @returns {object} A BaseInput element of type "file".
  */
-export const FileInput: Function;
+export const FileInput: (...args: any[]) => object;

package/dist/types/components/atoms/form/legend.d.ts

@@ -5,5 +5,5 @@
  * @param {array} children
  * @returns {object}
  */
-export const Legend: Function;
+export const Legend: (...args: any[]) => object;
 export default Legend;

package/dist/types/components/atoms/form/select.d.ts

@@ -4,5 +4,5 @@
  * @param {object} props
  * @returns {object}
  */
-export const Select: Function;
+export const Select: (...args: any[]) => object;
 export default Select;

package/dist/types/components/atoms/icon.d.ts

@@ -5,4 +5,4 @@
  * @param {array} children
  * @returns {object}
  */
-export const Icon: Function;
+export const Icon: (...args: any[]) => object;

package/dist/types/components/atoms/image.d.ts

@@ -6,4 +6,4 @@
  * @param {object} props
  * @returns {object}
  */
-export const Image: Function;
+export const Image: (...args: any[]) => object;

package/dist/types/components/atoms/material-icon.d.ts

@@ -14,4 +14,4 @@
  * @param {string} [props.class] - Additional CSS classes
  * @returns {object}
  */
-export const MaterialIcon: Function;
+export const MaterialIcon: (...args: any[]) => object;

package/dist/types/components/atoms/progress/circle-graph.d.ts

@@ -4,4 +4,4 @@
  * @param {object} props
  * @returns {object}
  */
-export const CircleGraph: Function;
+export const CircleGraph: (...args: any[]) => object;

package/dist/types/components/atoms/progress/semi-circle-graph.d.ts

@@ -4,4 +4,4 @@
  * @param {object} props
  * @returns {object}
  */
-export const SemiCircleGraph: Function;
+export const SemiCircleGraph: (...args: any[]) => object;

package/dist/types/components/atoms/tooltip.d.ts

@@ -9,4 +9,4 @@
  * @param {array} children - The children
  * @returns {object}
  */
-export const Tooltip: Function;
+export const Tooltip: (...args: any[]) => object;

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

@@ -4,4 +4,4 @@
  * @param {object} props
  * @returns {object}
  */
-export const Alert: Function;
+export const Alert: (...args: any[]) => object;

package/dist/types/components/molecules/avatars/avatar.d.ts

@@ -12,4 +12,4 @@
  *   @prop {string} size
  * @returns {object}
  */
-export const Avatar: Function;
+export const Avatar: (...args: any[]) => object;

package/dist/types/components/molecules/breadcrumb/dots-indicator.d.ts

@@ -7,6 +7,6 @@
  * @example
  *   new DotsIndicator({ count: 4, activeIndex: 0 })
  */
-export const DotsIndicator: typeof Component;
+export const DotsIndicator: new (...args: any[]) => Component;
 export default DotsIndicator;
 import { Component } from '@base-framework/base';

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

@@ -13,5 +13,5 @@
  * @property {function} onSelect
  * @returns {Component}
  */
-export const Combobox: typeof Component;
+export const Combobox: new (...args: any[]) => Component;
 import { Component } from '@base-framework/base';

package/dist/types/components/molecules/dialogs/dialog-container.d.ts

@@ -5,4 +5,4 @@
  * @param {array} children
  * @returns {object}
  */
-export const DialogContainer: Function;
+export const DialogContainer: (...args: any[]) => object;

package/dist/types/components/molecules/empty/empty-state.d.ts

@@ -5,5 +5,5 @@
  * @param {array} children - The children elements to be rendered inside the empty state.
  * @return {object} - The empty state component.
  */
-export const EmptyState: Function;
+export const EmptyState: (...args: any[]) => object;
 export default EmptyState;

package/dist/types/components/molecules/files/attachment/attachment-input.d.ts

@@ -5,5 +5,5 @@
  *
  * @class
  */
-export const AttachmentInput: typeof import("@base-framework/base").Component;
+export const AttachmentInput: new (...args: any[]) => import("@base-framework/base").Component;
 export default AttachmentInput;

package/dist/types/components/molecules/files/attachment/attachment.d.ts

@@ -5,6 +5,6 @@
  *
  * @class
  */
-export const Attachment: typeof import("@base-framework/base").Component;
+export const Attachment: new (...args: any[]) => import("@base-framework/base").Component;
 export default AttachmentInput;
 import AttachmentInput from "./attachment-input.js";

package/dist/types/components/molecules/form/form-atoms.d.ts

@@ -7,7 +7,7 @@
  * @param {array} children
  * @returns {object}
  */
-export const FormItem: Function;
+export const FormItem: (...args: any[]) => object;
 /**
  * FormLabel
  *
@@ -17,7 +17,7 @@ export const FormItem: Function;
  * @param {array} children
  * @returns {object}
  */
-export const FormLabel: Function;
+export const FormLabel: (...args: any[]) => object;
 /**
  * FormDescription
  *
@@ -27,7 +27,7 @@ export const FormLabel: Function;
  * @param {array} children
  * @returns {object}
  */
-export const FormDescription: Function;
+export const FormDescription: (...args: any[]) => object;
 /**
  * FormMessage
  *
@@ -37,4 +37,4 @@ export const FormDescription: Function;
  * @param {array} children
  * @returns {object}
  */
-export const FormMessage: Function;
+export const FormMessage: (...args: any[]) => object;

package/dist/types/components/molecules/form/form-card.d.ts

@@ -8,7 +8,7 @@
  * @param {array} children - The children to render inside the card.
  * @returns {object} The rendered form card component.
  */
-export const FormCard: Function;
+export const FormCard: (...args: any[]) => object;
 /**
  * FormCardGroup
  *
@@ -18,7 +18,7 @@ export const FormCard: Function;
  * @param {array} children - The children to render inside the group.
  * @returns {object} The rendered form card group component.
  */
-export const FormCardGroup: Function;
+export const FormCardGroup: (...args: any[]) => object;
 /**
  * FormCardGroup
  *
@@ -28,4 +28,4 @@ export const FormCardGroup: Function;
  * @param {array} children - The children to render inside the group.
  * @returns {object} The rendered form card group component.
  */
-export const FormCardContent: Function;
+export const FormCardContent: (...args: any[]) => object;

package/dist/types/components/molecules/form/form-control.d.ts

@@ -7,4 +7,4 @@
  * @param {array} children
  * @returns {object}
  */
-export const FormControl: Function;
+export const FormControl: (...args: any[]) => object;

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

@@ -7,7 +7,7 @@
  * @param {array} children
  * @returns {object}
  */
-export const Form: Function;
+export const Form: (...args: any[]) => object;
 import { FormControl } from "./form-control.js";
 import { FormField } from "./form-field.js";
 import { FormItem } from "./form-atoms.js";

package/dist/types/components/molecules/modals/atoms.d.ts

@@ -5,7 +5,7 @@
  * @param {array} children - The children of the component.
  * @returns {object}
  */
-export const DetailBody: Function;
+export const DetailBody: (...args: any[]) => object;
 /**
  * This will create a modal detail section.
  *
@@ -13,6 +13,6 @@ export const DetailBody: Function;
  * @param {array} children - The children of the component.
  * @returns {object}
  */
-export const DetailSection: Function;
+export const DetailSection: (...args: any[]) => object;
 export function SplitRow(label: string, value: string): object;
 export function ColumnRow(label: string, value: string): object;