agnosticui-core 2.0.0-alpha.2

package/dist/components/EmptyState/core/_EmptyState.js

@@ -0,0 +1,198 @@
+import { hasSlotContent as l } from "../../../utils/slot.js";
+import { LitElement as d, css as u, html as r } from "lit";
+import { n as s } from "../../../property-CemaeiRl.js";
+var b = Object.defineProperty, a = (p, e, o, n) => {
+  for (var i = void 0, c = p.length - 1, g; c >= 0; c--)
+    (g = p[c]) && (i = g(e, o, i) || i);
+  return i && b(e, o, i), i;
+};
+const h = class h extends d {
+  constructor() {
+    super(), this._hasIconSlot = !1, this._hasActionsSlot = !1, this.title = "", this.subtitle = "", this.buttonText = "", this.size = "md", this.bordered = !1, this.rounded = !1;
+  }
+  _handleSlotChange(e) {
+    const o = e.target, n = o.name;
+    n === "icon" ? this._hasIconSlot = l(o) : n === "actions" && (this._hasActionsSlot = l(o)), this.requestUpdate();
+  }
+  firstUpdated() {
+    setTimeout(() => {
+      const e = this.shadowRoot?.querySelector('slot[name="icon"]'), o = this.shadowRoot?.querySelector('slot[name="actions"]'), n = this._hasIconSlot, i = this._hasActionsSlot;
+      this._hasIconSlot = l(e), this._hasActionsSlot = l(o), (n !== this._hasIconSlot || i !== this._hasActionsSlot) && this.requestUpdate();
+    }, 0);
+  }
+  render() {
+    const e = [
+      "empty",
+      this.bordered ? "empty-bordered" : "",
+      this.rounded ? "empty-rounded" : ""
+    ].filter(Boolean).join(" ");
+    return r`
+      <!-- Main container with a part for the whole component -->
+      <div class="${e}" role="region" aria-label="Empty state" part="ag-empty-state">
+
+        <!-- Icon section part -->
+        <div class="icon" part="ag-icon">
+          <div class="icon-inner" part="ag-icon-inner">
+            <slot name="icon" part="ag-icon-slot" @slotchange=${this._handleSlotChange}></slot>
+            ${this._hasIconSlot ? "" : r`
+              <!-- Fallback SVG part -->
+              <svg
+                part="ag-icon-svg"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <circle cx="12" cy="12" r="10"></circle>
+                <line x1="12" y1="8" x2="12" y2="12"></line>
+                <line x1="12" y1="16" x2="12.01" y2="16"></line>
+              </svg>
+            `}
+          </div>
+        </div>
+
+        <!-- Title part -->
+        ${this.title ? r`<h3 class="title" part="ag-title">${this.title}</h3>` : ""}
+
+        <!-- Subtitle part -->
+        ${this.subtitle ? r`<p class="subtitle" part="ag-subtitle">${this.subtitle}</p>` : ""}
+
+        <!-- Actions container part -->
+        <div class="actions" part="ag-actions">
+          <slot name="actions" part="ag-actions-slot" @slotchange=${this._handleSlotChange}>
+            ${this.buttonText && !this._hasActionsSlot ? r`
+                <!-- Fallback button part -->
+                <button type="button" part="ag-actions-button">${this.buttonText}</button>
+              ` : ""}
+          </slot>
+        </div>
+      </div>
+    `;
+  }
+};
+h.styles = u`
+    :host {
+      display: block;
+    }
+
+    .empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      padding: var(--ag-space-8);
+      background: var(--ag-background-secondary);
+    }
+
+    .empty-bordered {
+      background: transparent;
+      border: var(--ag-border-width-1) solid var(--ag-border-subtle);
+    }
+
+    .empty-rounded {
+      border-radius: var(--ag-radius-lg);
+    }
+
+    /* Icon sizing and containment */
+    .icon {
+      margin-block-end: var(--ag-space-1);
+      color: var(--ag-neutral-400);
+    }
+
+    .icon-inner {
+      width: var(--ag-empty-icon-size, var(--ag-space-10));
+      height: var(--ag-empty-icon-size, var(--ag-space-10));
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .icon-inner > ::slotted(*) {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    :host([size="sm"]) {
+      --ag-empty-icon-size: var(--ag-space-8);
+    }
+
+    :host([size="lg"]) {
+      --ag-empty-icon-size: var(--ag-space-12);
+    }
+
+    /* Title */
+    .title {
+      font-size: var(--ag-font-size-xl);
+      margin-block-start: 0;
+      margin-block-end: var(--ag-space-2);
+      line-height: var(--ag-line-height-lg);
+    }
+
+    :host([size="sm"]) .title {
+      font-size: var(--ag-font-size-lg);
+    }
+
+    :host([size="lg"]) .title {
+      font-size: var(--ag-font-size-2x);
+    }
+
+    /* Subtitle */
+    .subtitle {
+      font-size: var(--ag-font-size-base);
+      color: var(--ag-text-muted);
+      /* The title will provide enough gap */
+      margin-block-start: 0;
+      margin-block-end: var(--ag-space-4);
+      line-height: var(--ag-line-height-base);
+    }
+
+    :host([size="sm"]) .subtitle {
+      font-size: var(--ag-font-size-sm);
+      margin-block-end: var(--ag-space-3);
+    }
+
+    :host([size="lg"]) .subtitle {
+      font-size: var(--ag-font-size-md);
+      margin-block-end: var(--ag-space-6);
+    }
+
+    /* Actions */
+    .actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--ag-space-2);
+      justify-content: center;
+    }
+  `;
+let t = h;
+a([
+  s({ type: String })
+], t.prototype, "title");
+a([
+  s({ type: String })
+], t.prototype, "subtitle");
+a([
+  s({ type: String, attribute: "button-text" })
+], t.prototype, "buttonText");
+a([
+  s({ type: String, reflect: !0 })
+], t.prototype, "size");
+a([
+  s({ type: Boolean })
+], t.prototype, "bordered");
+a([
+  s({ type: Boolean })
+], t.prototype, "rounded");
+a([
+  s({ type: Boolean, state: !0 })
+], t.prototype, "_hasIconSlot");
+a([
+  s({ type: Boolean, state: !0 })
+], t.prototype, "_hasActionsSlot");
+export {
+  t as AgEmptyState
+};

package/dist/components/EmptyState/react/ReactEmptyState.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AgEmptyState, EmptyStateProps } from '../core/EmptyState';
+
+export interface ReactEmptyStateProps extends EmptyStateProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactEmptyState: import('@lit/react').ReactWebComponent<AgEmptyState, {}>;
+//# sourceMappingURL=ReactEmptyState.d.ts.map

package/dist/components/EmptyState/react/ReactEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactEmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/react/ReactEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,0DAO1B,CAAC"}

package/dist/components/EmptyState/react/ReactEmptyState.js

@@ -0,0 +1,15 @@
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import e from "react";
+import "../core/EmptyState.js";
+import { AgEmptyState as m } from "../core/_EmptyState.js";
+const s = t({
+  tagName: "ag-empty-state",
+  elementClass: m,
+  react: e,
+  events: {
+    // No custom events for EmptyState
+  }
+});
+export {
+  s as ReactEmptyState
+};

package/dist/components/EmptyState/react/index.d.ts

@@ -0,0 +1,3 @@
+export { ReactEmptyState } from './ReactEmptyState';
+export type { ReactEmptyStateProps } from './ReactEmptyState';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/EmptyState/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/EmptyState/react/index.js

@@ -0,0 +1,4 @@
+import { ReactEmptyState as a } from "./ReactEmptyState.js";
+export {
+  a as ReactEmptyState
+};

package/dist/components/EmptyState/vue/VueEmptyState.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueEmptyState.vue_vue_type_script_setup_true_lang-BS6VTxrx.js";
+export {
+  f as default
+};

package/dist/components/EmptyState/vue/VueEmptyState.vue.d.ts

@@ -0,0 +1,60 @@
+
+export interface VueEmptyStateProps {
+    title?: string;
+    subtitle?: string;
+    buttonText?: string;
+    size?: "sm" | "md" | "lg";
+    bordered?: boolean;
+    rounded?: boolean;
+}
+declare function __VLS_template(): {
+    icon?(_: {}): any;
+    actions?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueEmptyStateProps>, {
+    title: string;
+    subtitle: string;
+    buttonText: string;
+    size: string;
+    bordered: boolean;
+    rounded: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueEmptyStateProps>, {
+    title: string;
+    subtitle: string;
+    buttonText: string;
+    size: string;
+    bordered: boolean;
+    rounded: boolean;
+}>>> & Readonly<{}>, {
+    title: string;
+    size: "sm" | "md" | "lg";
+    bordered: boolean;
+    rounded: boolean;
+    subtitle: string;
+    buttonText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueEmptyState.vue.d.ts.map

package/dist/components/EmptyState/vue/VueEmptyState.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueEmptyState.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/vue/VueEmptyState.vue"],"names":[],"mappings":"AAuBA;AAGA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0BD,iBAAS,cAAc;kBA8EI,GAAG;qBACA,GAAG;EAGhC;AASD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;WA3HX,MAAM;UAGP,IAAI,GAAG,IAAI,GAAG,IAAI;cACd,OAAO;aACR,OAAO;cAJN,MAAM;gBACJ,MAAM;4EA+HnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/EmptyState/vue/index.d.ts

@@ -0,0 +1,5 @@
+import { default as VueEmptyState } from './VueEmptyState.vue';
+import { EmptyStateProps as VueEmptyStateProps } from '../core/_EmptyState';
+
+export { VueEmptyState, type VueEmptyStateProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/EmptyState/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/components/EmptyState/vue/index.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../../VueEmptyState.vue_vue_type_script_setup_true_lang-BS6VTxrx.js";
+export {
+  a as VueEmptyState
+};

package/dist/components/Fieldset/core/Fieldset.d.ts

@@ -0,0 +1,9 @@
+import { AgFieldset } from './_Fieldset.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-fieldset': AgFieldset;
+    }
+}
+export * from './_Fieldset.js';
+//# sourceMappingURL=Fieldset.d.ts.map

package/dist/components/Fieldset/core/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../../src/components/Fieldset/core/Fieldset.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAQ5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAGD,cAAc,gBAAgB,CAAC"}

package/dist/components/Fieldset/core/Fieldset.js

@@ -0,0 +1,5 @@
+import { AgFieldset as e } from "./_Fieldset.js";
+customElements.get("ag-fieldset") || customElements.define("ag-fieldset", e);
+export {
+  e as AgFieldset
+};

package/dist/components/Fieldset/core/_Fieldset.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+
+/**
+ * Interface for AgFieldset properties.
+ *
+ * @property {string} legend - Optional legend text for the fieldset
+ * @property {boolean} bordered - Whether to apply borders and padding
+ * @property {'vertical' | 'horizontal'} layout - Layout mode for the fieldset content
+ * @property {boolean} legendHidden - Visually hide the legend while keeping it accessible
+ */
+export interface FieldsetProps {
+    /** Optional legend text for the fieldset. */
+    legend?: string;
+    /** Whether to apply borders and padding. */
+    bordered?: boolean;
+    /** Layout mode: 'vertical' (default) or 'horizontal'. */
+    layout?: 'vertical' | 'horizontal';
+    /** Visually hide the legend while keeping it accessible. */
+    legendHidden?: boolean;
+}
+/**
+ * AgFieldset - Groups related form controls with optional legend and layout options.
+ *
+ * The fieldset element semantically groups related form controls, and the legend element
+ * provides a descriptive title for the entire group. This is essential for accessibility,
+ * as screen readers announce the legend before each control, providing crucial context.
+ *
+ * Use Cases:
+ * - Multiple choice questions using radio buttons or checkboxes
+ * - Related questions or fields (e.g., date inputs, address details)
+ * - Any set of form controls that share a common purpose or context
+ *
+ * Accessibility:
+ * - Always include a legend (use legendHidden if you want to hide it visually)
+ * - The legend is announced by screen readers before each control in the fieldset
+ * - Proper semantic grouping helps users understand relationships between controls
+ *
+ * @element ag-fieldset
+ */
+export declare class AgFieldset extends LitElement implements FieldsetProps {
+    static styles: import('lit').CSSResult;
+    legend: string;
+    bordered: boolean;
+    layout: 'vertical' | 'horizontal';
+    legendHidden: boolean;
+    /**
+     * Validate layout prop on connection
+     */
+    connectedCallback(): void;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Fieldset.d.ts.map

package/dist/components/Fieldset/core/_Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Fieldset.d.ts","sourceRoot":"","sources":["../../../../src/components/Fieldset/core/_Fieldset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAW,YAAW,aAAa;IACjE,MAAM,CAAC,MAAM,0BA+CX;IAGF,MAAM,SAAM;IAGZ,QAAQ,UAAS;IAGjB,MAAM,EAAE,UAAU,GAAG,YAAY,CAAc;IAG/C,YAAY,UAAS;IAErB;;OAEG;IACH,iBAAiB;IAOjB,MAAM;CA6BP"}

package/dist/components/Fieldset/core/_Fieldset.js

@@ -0,0 +1,108 @@
+import { LitElement as p, css as f, html as g } from "lit";
+import { n as r } from "../../../property-CemaeiRl.js";
+var c = Object.defineProperty, d = (n, a, i, h) => {
+  for (var e = void 0, l = n.length - 1, s; l >= 0; l--)
+    (s = n[l]) && (e = s(a, i, e) || e);
+  return e && c(a, i, e), e;
+};
+const o = class o extends p {
+  constructor() {
+    super(...arguments), this.legend = "", this.bordered = !1, this.layout = "vertical", this.legendHidden = !1;
+  }
+  /**
+   * Validate layout prop on connection
+   */
+  connectedCallback() {
+    super.connectedCallback(), this.layout !== "vertical" && this.layout !== "horizontal" && (this.layout = "vertical");
+  }
+  render() {
+    const a = [
+      "ag-fieldset",
+      this.bordered ? "ag-fieldset--bordered" : "",
+      this.layout === "horizontal" ? "ag-fieldset--horizontal" : ""
+    ].filter(Boolean).join(" "), i = [
+      "ag-fieldset-legend",
+      this.legendHidden ? "ag-fieldset-legend--hidden" : ""
+    ].filter(Boolean).join(" ");
+    return g`
+      <fieldset
+        class="${a}"
+        part="ag-fieldset"
+      >
+        ${this.legend ? g`
+          <legend class="${i}" part="ag-legend">
+            ${this.legend}
+          </legend>
+        ` : ""}
+
+        <div class="ag-fieldset-content" part="ag-content">
+          <slot></slot>
+        </div>
+      </fieldset>
+    `;
+  }
+};
+o.styles = f`
+    :host {
+      display: block;
+    }
+
+    .ag-fieldset {
+      border: 0;
+      padding: 0;
+      margin: 0;
+      min-inline-size: auto;
+    }
+
+    .ag-fieldset--bordered {
+      border: var(--ag-border-width-1) solid var(--ag-border);
+      border-radius: var(--ag-radius-md);
+      padding: var(--ag-fieldset-padding, var(--ag-space-4));
+    }
+
+    .ag-fieldset--horizontal .ag-fieldset-content {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--ag-fieldset-gap, var(--ag-space-4));
+      align-items: flex-start;
+    }
+
+    .ag-fieldset-legend {
+      font-weight: 600;
+      font-size: var(--ag-font-size-base);
+      color: var(--ag-text-primary);
+      padding: 0;
+    }
+
+    .ag-fieldset-legend--hidden {
+      position: absolute !important;
+      width: 1px !important;
+      height: 1px !important;
+      padding: 0 !important;
+      margin: -1px !important;
+      overflow: hidden !important;
+      clip: rect(0, 0, 0, 0) !important;
+      white-space: nowrap !important;
+      border: 0 !important;
+    }
+
+    .ag-fieldset-content {
+      display: block;
+    }
+  `;
+let t = o;
+d([
+  r({ type: String })
+], t.prototype, "legend");
+d([
+  r({ type: Boolean, reflect: !0 })
+], t.prototype, "bordered");
+d([
+  r({ type: String, reflect: !0 })
+], t.prototype, "layout");
+d([
+  r({ type: Boolean, attribute: "legend-hidden" })
+], t.prototype, "legendHidden");
+export {
+  t as AgFieldset
+};

package/dist/components/Fieldset/react/ReactFieldset.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AgFieldset } from '../core/Fieldset';
+import { FieldsetProps } from '../core/_Fieldset';
+
+export interface ReactFieldsetProps extends FieldsetProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactFieldset: import('@lit/react').ReactWebComponent<AgFieldset, {}>;
+//# sourceMappingURL=ReactFieldset.d.ts.map

package/dist/components/Fieldset/react/ReactFieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactFieldset.d.ts","sourceRoot":"","sources":["../../../../src/components/Fieldset/react/ReactFieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,aAAa,wDAOxB,CAAC"}

package/dist/components/Fieldset/react/ReactFieldset.js

@@ -0,0 +1,15 @@
+import { o as e } from "../../../create-component-BPMDMe-q.js";
+import t from "react";
+import "../core/Fieldset.js";
+import { AgFieldset as o } from "../core/_Fieldset.js";
+const s = e({
+  tagName: "ag-fieldset",
+  elementClass: o,
+  react: t,
+  events: {
+    // No custom events for Fieldset
+  }
+});
+export {
+  s as ReactFieldset
+};

package/dist/components/Fieldset/react/index.d.ts

@@ -0,0 +1,3 @@
+export { ReactFieldset } from './ReactFieldset';
+export type { ReactFieldsetProps } from './ReactFieldset';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Fieldset/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Fieldset/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Fieldset/react/index.js

@@ -0,0 +1,4 @@
+import { ReactFieldset as o } from "./ReactFieldset.js";
+export {
+  o as ReactFieldset
+};

package/dist/components/Fieldset/vue/VueFieldset.js

@@ -0,0 +1,51 @@
+import { defineComponent as n, ref as t, onMounted as o, createElementBlock as l, openBlock as r, mergeProps as a, renderSlot as i } from "vue";
+import "../core/Fieldset.js";
+import { _ as s } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const u = n({
+  name: "VueFieldset",
+  props: {
+    legend: {
+      type: String,
+      default: ""
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    layout: {
+      type: String,
+      default: "vertical"
+    },
+    legendHidden: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const d = t(null);
+    return o(async () => {
+      await customElements.whenDefined("ag-fieldset");
+    }), {
+      agComponent: d,
+      legend: e.legend,
+      bordered: e.bordered,
+      layout: e.layout,
+      legendHidden: e.legendHidden
+    };
+  }
+}), f = ["legend", "bordered", "layout", "legend-hidden"];
+function g(e, d, p, m, c, y) {
+  return r(), l("ag-fieldset", a({
+    ref: "agComponent",
+    legend: e.legend,
+    bordered: e.bordered || void 0,
+    layout: e.layout,
+    "legend-hidden": e.legendHidden || void 0
+  }, e.$attrs), [
+    i(e.$slots, "default")
+  ], 16, f);
+}
+const _ = /* @__PURE__ */ s(u, [["render", g]]);
+export {
+  _ as default
+};

package/dist/components/Fieldset/vue/VueFieldset.vue.d.ts

@@ -0,0 +1,51 @@
+import { PropType } from 'vue';
+import { FieldsetProps } from '../core/_Fieldset';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    legend: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: "vertical" | "horizontal";
+    };
+    legendHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & FieldsetProps) | null, (HTMLElement & FieldsetProps) | null>;
+    legend: string;
+    bordered: boolean;
+    layout: "horizontal" | "vertical";
+    legendHidden: boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    legend: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layout: {
+        type: PropType<"vertical" | "horizontal">;
+        default: "vertical" | "horizontal";
+    };
+    legendHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    legend: string;
+    bordered: boolean;
+    layout: "horizontal" | "vertical";
+    legendHidden: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueFieldset.vue.d.ts.map