@bquery/bquery 1.3.0 → 1.5.0

package/dist/component/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/component/component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAC;AAEnE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,SAAS,MAAM,EACf,YAAY,mBAAmB,CAAC,MAAM,CAAC,KACtC,OAAO,WA4MT,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9D,SAAS,MAAM,EACf,YAAY,mBAAmB,CAAC,MAAM,CAAC,KACtC,IAMF,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/component/component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAC;AAEnE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,SAAS,MAAM,EACf,YAAY,mBAAmB,CAAC,MAAM,CAAC,KACtC,OAAO,WA0OT,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9D,SAAS,MAAM,EACf,YAAY,mBAAmB,CAAC,MAAM,CAAC,KACtC,IAMF,CAAC"}

package/dist/component/index.d.ts

@@ -36,5 +36,7 @@
  */
 export { component, defineComponent } from './component';
 export { html, safeHtml } from './html';
+export { registerDefaultComponents } from './library';
+export type { DefaultComponentLibraryOptions, RegisteredDefaultComponents } from './library';
 export type { ComponentDefinition, ComponentRenderContext, PropDefinition } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AACtD,YAAY,EAAE,8BAA8B,EAAE,2BAA2B,EAAE,MAAM,WAAW,CAAC;AAC7F,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/component/library.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Default component library based on native Web Components.
+ *
+ * @module bquery/component
+ */
+/** Options for registering the default component library. */
+export interface DefaultComponentLibraryOptions {
+    /** Prefix used for all registered component tags. Defaults to `bq`. */
+    prefix?: string;
+}
+/** Tag names returned by registerDefaultComponents(). */
+export interface RegisteredDefaultComponents {
+    /** Button component tag name. */
+    button: string;
+    /** Card component tag name. */
+    card: string;
+    /** Input component tag name. */
+    input: string;
+    /** Textarea component tag name. */
+    textarea: string;
+    /** Checkbox component tag name. */
+    checkbox: string;
+}
+/**
+ * Register a default set of foundational UI components.
+ *
+ * The library is intentionally small and dependency-free, providing common
+ * primitives that can be themed via shadow parts and CSS custom properties.
+ *
+ * @param options - Optional registration settings such as a custom tag prefix
+ * @returns The registered tag names for each component
+ */
+export declare const registerDefaultComponents: (options?: DefaultComponentLibraryOptions) => RegisteredDefaultComponents;
+//# sourceMappingURL=library.d.ts.map

package/dist/component/library.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../src/component/library.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,6DAA6D;AAC7D,MAAM,WAAW,8BAA8B;IAC7C,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yDAAyD;AACzD,MAAM,WAAW,2BAA2B;IAC1C,iCAAiC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAwJD;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,GACpC,UAAS,8BAAmC,KAC3C,2BAuTF,CAAC"}

package/dist/component/types.d.ts

@@ -52,6 +52,9 @@ export type ComponentRenderContext<TProps extends Record<string, unknown>> = {
  *
  * @template TProps - Type of the component's props
  */
+type ComponentHook<TResult = void> = ((this: HTMLElement) => TResult) | (() => TResult);
+type ComponentHookWithProps<TProps extends Record<string, unknown>, TResult = void> = ((this: HTMLElement, props: TProps) => TResult) | ((props: TProps) => TResult);
+type ComponentErrorHook = ((this: HTMLElement, error: Error) => void) | ((error: Error) => void);
 export type ComponentDefinition<TProps extends Record<string, unknown> = Record<string, unknown>> = {
     /** Prop definitions with types and defaults */
     props?: Record<keyof TProps, PropDefinition>;
@@ -60,18 +63,19 @@ export type ComponentDefinition<TProps extends Record<string, unknown> = Record<
     /** CSS styles scoped to the component's shadow DOM */
     styles?: string;
     /** Lifecycle hook called before the component mounts (before first render) */
-    beforeMount?: () => void;
+    beforeMount?: ComponentHook;
     /** Lifecycle hook called when component is added to DOM */
-    connected?: () => void;
+    connected?: ComponentHook;
     /** Lifecycle hook called when component is removed from DOM */
-    disconnected?: () => void;
+    disconnected?: ComponentHook;
     /** Lifecycle hook called before an update render; return false to prevent */
-    beforeUpdate?: (props: TProps) => boolean | void;
+    beforeUpdate?: ComponentHookWithProps<TProps, boolean | void>;
     /** Lifecycle hook called after reactive updates trigger a render */
-    updated?: () => void;
+    updated?: ComponentHook;
     /** Error handler for errors during rendering or lifecycle */
-    onError?: (error: Error) => void;
+    onError?: ComponentErrorHook;
     /** Render function returning HTML string */
     render: (context: ComponentRenderContext<TProps>) => string;
 };
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/component/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/component/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI;IACxC,0DAA0D;IAC1D,IAAI,EACA,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB;QAAE,KAAK,KAAK,EAAE,OAAO,GAAG,CAAC,CAAA;KAAE,GAC3B,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,0DAA0D;IAC1D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC3E,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,6CAA6C;IAC7C,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC9F;IACE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IACjD,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,4CAA4C;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC;CAC7D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/component/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI;IACxC,0DAA0D;IAC1D,IAAI,EACA,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB;QAAE,KAAK,KAAK,EAAE,OAAO,GAAG,CAAC,CAAA;KAAE,GAC3B,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,0DAA0D;IAC1D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC3E,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,6CAA6C;IAC7C,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;GAIG;AACH,KAAK,aAAa,CAAC,OAAO,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;AACxF,KAAK,sBAAsB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,IAC9E,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAC/C,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;AACjC,KAAK,kBAAkB,GAAG,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC;AAEjG,MAAM,MAAM,mBAAmB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC9F;IACE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC;IAC9D,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,4CAA4C;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC;CAC7D,CAAC"}

package/dist/component-CY5MVoYN.js

@@ -0,0 +1,531 @@
+import { n as v, t as x } from "./sanitize-jyJ2ryE2.js";
+import { n as $ } from "./config-DRmZZno3.js";
+var w = (r, t) => {
+  const { type: a } = t;
+  if (a === String) return r;
+  if (a === Number) return Number(r);
+  if (a === Boolean) {
+    const e = r.trim().toLowerCase();
+    return e === "" || e === "true" || e === "1" ? !0 : e === "false" || e === "0" ? !1 : !!r;
+  }
+  if (a === Object || a === Array) try {
+    return JSON.parse(r);
+  } catch {
+    return r;
+  }
+  if (typeof a == "function") {
+    const e = a, o = a;
+    if (t.construct === !0) return Reflect.construct(o, [r]);
+    if (t.construct === !1) return e(r);
+    const n = a.prototype !== void 0 && a.prototype !== null, l = (n ? Object.getOwnPropertyNames(a.prototype) : []).length > 1, i = n && a.prototype.constructor !== a, d = /^class\s/.test(Function.prototype.toString.call(a));
+    if (l || i || d) try {
+      return Reflect.construct(o, [r]);
+    } catch {
+      return e(r);
+    }
+    try {
+      const c = e(r);
+      if (c === void 0 && n) try {
+        return Reflect.construct(o, [r]);
+      } catch {
+        return c;
+      }
+      return c;
+    } catch (c) {
+      if (c instanceof TypeError && /cannot be invoked without 'new'|is not a function/i.test(c.message)) return Reflect.construct(o, [r]);
+      throw c;
+    }
+  }
+  return r;
+}, S = (r, t) => {
+  class a extends HTMLElement {
+    constructor() {
+      super(), this.state = { ...t.state ?? {} }, this.props = {}, this.missingRequiredProps = /* @__PURE__ */ new Set(), this.hasMounted = !1, this.attachShadow({ mode: "open" }), this.syncProps();
+    }
+    static get observedAttributes() {
+      return Object.keys(t.props ?? {});
+    }
+    connectedCallback() {
+      try {
+        if (this.missingRequiredProps.size > 0) return;
+        this.mount();
+      } catch (o) {
+        this.handleError(o);
+      }
+    }
+    mount() {
+      this.hasMounted || (t.beforeMount?.call(this), t.connected?.call(this), this.render(), this.hasMounted = !0);
+    }
+    disconnectedCallback() {
+      try {
+        t.disconnected?.call(this);
+      } catch (o) {
+        this.handleError(o);
+      }
+    }
+    attributeChangedCallback(o, n, l) {
+      try {
+        this.syncProps(), this.hasMounted ? this.render(!0) : this.isConnected && this.missingRequiredProps.size === 0 && this.mount();
+      } catch (i) {
+        this.handleError(i);
+      }
+    }
+    handleError(o) {
+      t.onError ? t.onError.call(this, o) : console.error(`bQuery component error in <${r}>:`, o);
+    }
+    setState(o, n) {
+      this.state[o] = n, this.render(!0);
+    }
+    getState(o) {
+      return this.state[o];
+    }
+    syncProps() {
+      const o = t.props ?? {};
+      for (const [n, l] of Object.entries(o)) {
+        const i = this.getAttribute(n);
+        let d;
+        if (i == null ? l.required && l.default === void 0 ? (this.missingRequiredProps.add(n), d = void 0) : d = l.default ?? void 0 : (this.missingRequiredProps.has(n) && this.missingRequiredProps.delete(n), d = w(i, l)), l.validator && d !== void 0 && !l.validator(d))
+          throw new Error(`bQuery component: validation failed for prop "${n}" with value ${JSON.stringify(d)}`);
+        this.props[n] = d;
+      }
+    }
+    render(o = !1) {
+      try {
+        if (o && t.beforeUpdate && t.beforeUpdate.call(this, this.props) === !1)
+          return;
+        const n = (i, d) => {
+          this.dispatchEvent(new CustomEvent(i, {
+            detail: d,
+            bubbles: !0,
+            composed: !0
+          }));
+        };
+        if (!this.shadowRoot) return;
+        const l = v(t.render({
+          props: this.props,
+          state: this.state,
+          emit: n
+        }), {
+          allowTags: ["slot"],
+          allowAttributes: [
+            "part",
+            "disabled",
+            "checked",
+            "placeholder",
+            "value",
+            "rows",
+            "cols",
+            "readonly",
+            "required",
+            "maxlength",
+            "minlength",
+            "max",
+            "min",
+            "step",
+            "pattern",
+            "autocomplete",
+            "autofocus",
+            "for",
+            "multiple",
+            "selected",
+            "wrap"
+          ]
+        });
+        if (this.shadowRoot.innerHTML = l, t.styles) {
+          const i = document.createElement("style");
+          i.textContent = t.styles, this.shadowRoot.prepend(i);
+        }
+        o && t.updated?.call(this);
+      } catch (n) {
+        this.handleError(n);
+      }
+    }
+  }
+  return a;
+}, u = (r, t) => {
+  const a = S(r, t);
+  customElements.get(r) || customElements.define(r, a);
+}, h = (r, ...t) => r.reduce((a, e, o) => `${a}${e}${t[o] ?? ""}`, ""), P = (r, ...t) => {
+  const a = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#x27;",
+    "`": "&#x60;"
+  }, e = (o) => String(o ?? "").replace(/[&<>"'`]/g, (n) => a[n]);
+  return r.reduce((o, n, l) => `${o}${n}${e(t[l])}`, "");
+}, f = `
+  :host {
+    color: inherit;
+    font: inherit;
+  }
+`, y = `
+  ${f}
+  .field {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    width: 100%;
+  }
+  .label {
+    color: #334155;
+    font-size: 0.875rem;
+    font-weight: 600;
+  }
+  .control {
+    border: 1px solid #cbd5e1;
+    border-radius: 0.75rem;
+    box-sizing: border-box;
+    font: inherit;
+    min-height: 2.75rem;
+    outline: none;
+    padding: 0.75rem 0.875rem;
+    width: 100%;
+    background: #fff;
+    color: #0f172a;
+    transition: border-color 160ms ease, box-shadow 160ms ease;
+  }
+  .control:focus {
+    border-color: #2563eb;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
+  }
+  .control:disabled {
+    background: #f8fafc;
+    color: #94a3b8;
+    cursor: not-allowed;
+  }
+`, s = (r) => x(r), m = /* @__PURE__ */ new WeakMap(), b = (r, t) => m.get(r)?.[t], p = (r, t, a) => {
+  const e = m.get(r) ?? {};
+  e[t] = a, m.set(r, e);
+}, g = (r) => r.shadowRoot?.querySelector(".label")?.textContent ?? "", k = (r, t) => {
+  const a = r.shadowRoot?.querySelector("input.control");
+  return !a || g(r) !== t.label || (a.getAttribute("type") ?? "text") !== t.type || (a.getAttribute("placeholder") ?? "") !== t.placeholder || (a.getAttribute("name") ?? "") !== t.name || a.disabled !== t.disabled ? !1 : (a.value !== t.value && (a.value = t.value), !0);
+}, E = (r, t) => {
+  const a = r.shadowRoot?.querySelector("textarea.control");
+  return !a || g(r) !== t.label || (a.getAttribute("placeholder") ?? "") !== t.placeholder || (a.getAttribute("name") ?? "") !== t.name || a.getAttribute("rows") !== String(t.rows) || a.disabled !== t.disabled ? !1 : (a.value !== t.value && (a.value = t.value), !0);
+}, C = (r) => [
+  "<textarea",
+  ' part="control"',
+  ' class="control"',
+  ` placeholder="${s(r.placeholder)}"`,
+  ` name="${s(r.name)}"`,
+  ` rows="${r.rows}"`,
+  r.disabled ? " disabled" : "",
+  `>${s(r.value)}</textarea>`
+].join(""), z = (r = {}) => {
+  const t = r.prefix ?? $().components?.prefix ?? "bq", a = {
+    button: `${t}-button`,
+    card: `${t}-card`,
+    input: `${t}-input`,
+    textarea: `${t}-textarea`,
+    checkbox: `${t}-checkbox`
+  };
+  return u(a.button, {
+    props: {
+      label: {
+        type: String,
+        default: ""
+      },
+      variant: {
+        type: String,
+        default: "primary"
+      },
+      size: {
+        type: String,
+        default: "md"
+      },
+      type: {
+        type: String,
+        default: "button"
+      },
+      disabled: {
+        type: Boolean,
+        default: !1
+      }
+    },
+    styles: `
+      ${f}
+      button {
+        appearance: none;
+        border: 0;
+        border-radius: 999px;
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        font: inherit;
+        font-weight: 600;
+        gap: 0.5rem;
+        min-height: 2.5rem;
+        padding: 0.65rem 1rem;
+        transition: transform 160ms ease, opacity 160ms ease, background 160ms ease;
+        background: #2563eb;
+        color: #fff;
+      }
+      button[data-variant='secondary'] {
+        background: #e2e8f0;
+        color: #0f172a;
+      }
+      button[data-size='sm'] {
+        min-height: 2.125rem;
+        padding: 0.5rem 0.875rem;
+      }
+      button[data-size='lg'] {
+        min-height: 3rem;
+        padding: 0.875rem 1.25rem;
+      }
+      button:hover:not(:disabled) {
+        transform: translateY(-1px);
+      }
+      button:disabled {
+        cursor: not-allowed;
+        opacity: 0.6;
+      }
+    `,
+    render: ({ props: e }) => h`
+      <button
+        part="button"
+        type="${s(e.type)}"
+        data-variant="${s(e.variant)}"
+        data-size="${s(e.size)}"
+        ${e.disabled ? "disabled" : ""}
+      >
+        <slot>${s(e.label)}</slot>
+      </button>
+    `
+  }), u(a.card, {
+    props: {
+      title: {
+        type: String,
+        default: ""
+      },
+      footer: {
+        type: String,
+        default: ""
+      },
+      elevated: {
+        type: Boolean,
+        default: !0
+      }
+    },
+    styles: `
+      ${f}
+      article {
+        background: #fff;
+        border: 1px solid #e2e8f0;
+        border-radius: 1rem;
+        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
+        color: #0f172a;
+        display: block;
+        padding: 1rem;
+      }
+      article[data-elevated='false'] {
+        box-shadow: none;
+      }
+      header, footer {
+        color: #475569;
+        font-size: 0.95rem;
+        font-weight: 600;
+      }
+      header {
+        margin-bottom: 0.75rem;
+      }
+      footer {
+        margin-top: 0.75rem;
+      }
+    `,
+    render: ({ props: e }) => h`
+      <article part="card" data-elevated="${String(e.elevated)}">
+        ${e.title ? `<header part="header">${s(e.title)}</header>` : ""}
+        <section part="body"><slot></slot></section>
+        ${e.footer ? `<footer part="footer">${s(e.footer)}</footer>` : ""}
+      </article>
+    `
+  }), u(a.input, {
+    props: {
+      label: {
+        type: String,
+        default: ""
+      },
+      type: {
+        type: String,
+        default: "text"
+      },
+      value: {
+        type: String,
+        default: ""
+      },
+      placeholder: {
+        type: String,
+        default: ""
+      },
+      name: {
+        type: String,
+        default: ""
+      },
+      disabled: {
+        type: Boolean,
+        default: !1
+      }
+    },
+    styles: y,
+    beforeUpdate(e) {
+      return !k(this, e);
+    },
+    connected() {
+      const e = (o) => {
+        const n = o.target;
+        n?.matches("input") && (o.stopPropagation(), this.setAttribute("value", n.value), this.dispatchEvent(new CustomEvent("input", {
+          detail: { value: n.value },
+          bubbles: !0,
+          composed: !0
+        })));
+      };
+      p(this, "__bqueryInputHandler", e), this.shadowRoot?.addEventListener("input", e);
+    },
+    disconnected() {
+      const e = b(this, "__bqueryInputHandler");
+      e && this.shadowRoot?.removeEventListener("input", e);
+    },
+    render: ({ props: e }) => h`
+      <label part="field" class="field">
+        ${e.label ? `<span part="label" class="label">${s(e.label)}</span>` : ""}
+        <input
+          part="control"
+          class="control"
+          type="${s(e.type)}"
+          value="${s(e.value)}"
+          placeholder="${s(e.placeholder)}"
+          name="${s(e.name)}"
+          ${e.disabled ? "disabled" : ""}
+        />
+      </label>
+    `
+  }), u(a.textarea, {
+    props: {
+      label: {
+        type: String,
+        default: ""
+      },
+      value: {
+        type: String,
+        default: ""
+      },
+      placeholder: {
+        type: String,
+        default: ""
+      },
+      name: {
+        type: String,
+        default: ""
+      },
+      rows: {
+        type: Number,
+        default: 4
+      },
+      disabled: {
+        type: Boolean,
+        default: !1
+      }
+    },
+    styles: `${y}
+      textarea.control {
+        min-height: 6rem;
+        resize: vertical;
+      }
+    `,
+    beforeUpdate(e) {
+      return !E(this, e);
+    },
+    connected() {
+      const e = (o) => {
+        const n = o.target;
+        n?.matches("textarea") && (o.stopPropagation(), this.setAttribute("value", n.value), this.dispatchEvent(new CustomEvent("input", {
+          detail: { value: n.value },
+          bubbles: !0,
+          composed: !0
+        })));
+      };
+      p(this, "__bqueryTextareaHandler", e), this.shadowRoot?.addEventListener("input", e);
+    },
+    disconnected() {
+      const e = b(this, "__bqueryTextareaHandler");
+      e && this.shadowRoot?.removeEventListener("input", e);
+    },
+    render: ({ props: e }) => h`
+      <label part="field" class="field">
+        ${e.label ? `<span part="label" class="label">${s(e.label)}</span>` : ""}
+        ${C(e)}
+      </label>
+    `
+  }), u(a.checkbox, {
+    props: {
+      label: {
+        type: String,
+        default: ""
+      },
+      checked: {
+        type: Boolean,
+        default: !1
+      },
+      disabled: {
+        type: Boolean,
+        default: !1
+      }
+    },
+    styles: `
+      ${f}
+      label {
+        align-items: center;
+        color: #0f172a;
+        cursor: pointer;
+        display: inline-flex;
+        gap: 0.625rem;
+      }
+      input {
+        accent-color: #2563eb;
+        block-size: 1rem;
+        inline-size: 1rem;
+      }
+      input:disabled {
+        cursor: not-allowed;
+      }
+    `,
+    connected() {
+      const e = (o) => {
+        const n = o.target;
+        n?.matches('input[type="checkbox"]') && (o.stopPropagation(), n.checked ? this.setAttribute("checked", "true") : this.removeAttribute("checked"), this.dispatchEvent(new CustomEvent("change", {
+          detail: { checked: n.checked },
+          bubbles: !0,
+          composed: !0
+        })));
+      };
+      p(this, "__bqueryCheckboxHandler", e), this.shadowRoot?.addEventListener("change", e);
+    },
+    disconnected() {
+      const e = b(this, "__bqueryCheckboxHandler");
+      e && this.shadowRoot?.removeEventListener("change", e);
+    },
+    render: ({ props: e }) => h`
+      <label part="label">
+        <input
+          part="control"
+          type="checkbox"
+          ${e.checked ? "checked" : ""}
+          ${e.disabled ? "disabled" : ""}
+        />
+        <span part="text"><slot>${s(e.label)}</slot></span>
+      </label>
+    `
+  }), a;
+};
+export {
+  S as a,
+  u as i,
+  h as n,
+  P as r,
+  z as t
+};
+
+//# sourceMappingURL=component-CY5MVoYN.js.map