agnosticui-core 2.0.0-alpha.2

package/dist/components/Flex/vue/VueStack.js

@@ -0,0 +1,52 @@
+import { defineComponent as r, ref as o, onMounted as l, nextTick as s, watchEffect as f, createElementBlock as i, openBlock as c, mergeProps as u, renderSlot as p } from "vue";
+import "../core/FlexCol.js";
+import { _ as d } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const g = r({
+  name: "VueStack",
+  props: {
+    wrap: {
+      type: String,
+      default: "nowrap"
+    },
+    justify: {
+      type: String,
+      default: "flex-start"
+    },
+    align: {
+      type: String,
+      default: "stretch"
+    },
+    alignContent: {
+      type: String,
+      default: "stretch"
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    },
+    stretchChildren: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const n = o(null), a = () => {
+      const t = n.value;
+      t && (t.wrap = e.wrap, t.justify = e.justify, t.align = e.align, t.alignContent = e.alignContent, t.reverse = e.reverse, t.stretchChildren = e.stretchChildren);
+    };
+    return l(async () => {
+      await customElements.whenDefined("ag-flex-col"), await s(), a();
+    }), f(() => {
+      n.value && a();
+    }), { agComponent: n };
+  }
+});
+function m(e, n, a, t, h, y) {
+  return c(), i("ag-flex-col", u({ ref: "agComponent" }, e.$attrs), [
+    p(e.$slots, "default")
+  ], 16);
+}
+const _ = /* @__PURE__ */ d(g, [["render", m]]);
+export {
+  _ as default
+};

package/dist/components/Flex/vue/VueStack.vue.d.ts

@@ -0,0 +1,65 @@
+import { PropType } from 'vue';
+import { StackProps } from '../core/index';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    wrap: {
+        type: PropType<StackProps["wrap"]>;
+        default: string;
+    };
+    justify: {
+        type: PropType<StackProps["justify"]>;
+        default: string;
+    };
+    align: {
+        type: PropType<StackProps["align"]>;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<StackProps["alignContent"]>;
+        default: string;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stretchChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & import('../core/_FlexContainer').FlexContainerProps) | null, (HTMLElement & import('../core/_FlexContainer').FlexContainerProps) | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    wrap: {
+        type: PropType<StackProps["wrap"]>;
+        default: string;
+    };
+    justify: {
+        type: PropType<StackProps["justify"]>;
+        default: string;
+    };
+    align: {
+        type: PropType<StackProps["align"]>;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<StackProps["alignContent"]>;
+        default: string;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stretchChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    reverse: boolean;
+    justify: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    wrap: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    align: "center" | "flex-start" | "flex-end" | "baseline" | "stretch" | undefined;
+    alignContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    stretchChildren: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueStack.vue.d.ts.map

package/dist/components/Flex/vue/VueStack.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueStack.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/vue/VueStack.vue"],"names":[],"mappings":"AAQA;AAEA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,iBAAiB,CAAC;;;cAMH,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;;;;cAI5B,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;;;;cAI/B,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;;;;cAI7B,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;cAZpC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;;;;cAI5B,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;;;;cAI/B,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;;;;cAI7B,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;;;AAhB1D,wBAyDG"}

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

@@ -0,0 +1,11 @@
+import { default as VueFlexContainer } from './VueFlexContainer.vue';
+import { default as VueFlexRow } from './VueFlexRow.vue';
+import { default as VueFlexCol } from './VueFlexCol.vue';
+import { default as VueFlexInline } from './VueFlexInline.vue';
+import { default as VueStack } from './VueStack.vue';
+import { default as VueGroup } from './VueGroup.vue';
+import { FlexContainerProps as VueFlexContainerProps, FlexRowProps as VueFlexRowProps, FlexColProps as VueFlexColProps, FlexInlineProps as VueFlexInlineProps, StackProps as VueStackProps, GroupProps as VueGroupProps } from '../core/index';
+
+export { VueFlexContainer, VueFlexRow, VueFlexCol, VueFlexInline, VueStack, VueGroup };
+export type { VueFlexContainerProps, VueFlexRowProps, VueFlexColProps, VueFlexInlineProps, VueStackProps, VueGroupProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,KAAK,EACV,kBAAkB,IAAI,qBAAqB,EAC3C,YAAY,IAAI,eAAe,EAC/B,YAAY,IAAI,eAAe,EAC/B,eAAe,IAAI,kBAAkB,EACrC,UAAU,IAAI,aAAa,EAC3B,UAAU,IAAI,aAAa,EAC5B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACvF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { default as a } from "./VueFlexContainer.js";
+import { default as t } from "./VueFlexRow.js";
+import { default as f } from "./VueFlexCol.js";
+import { default as x } from "./VueFlexInline.js";
+import { default as d } from "./VueStack.js";
+import { default as s } from "./VueGroup.js";
+export {
+  f as VueFlexCol,
+  a as VueFlexContainer,
+  x as VueFlexInline,
+  t as VueFlexRow,
+  s as VueGroup,
+  d as VueStack
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/core/Header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAMtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF;AAGD,cAAc,cAAc,CAAC"}

package/dist/components/Header/core/Header.js

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

package/dist/components/Header/core/_Header.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+
+export type HeaderContentJustify = 'start' | 'end' | 'between' | 'around' | 'center';
+export interface HeaderProps {
+    sticky?: boolean;
+    contentJustify?: HeaderContentJustify;
+}
+/**
+ * Header component - Provides a semantic, accessible, and responsive page header
+ *
+ * @slot logo - Content for logo/brand area
+ * @slot - Navigation content (default slot)
+ *
+ * @csspart ag-header - The outer header element
+ * @csspart ag-header-content - The inner content wrapper
+ */
+export declare class Header extends LitElement implements HeaderProps {
+    sticky: boolean;
+    contentJustify: HeaderContentJustify;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Header.d.ts.map

package/dist/components/Header/core/_Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/core/_Header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErF,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,UAAW,YAAW,WAAW;IAEpD,MAAM,UAAS;IAGf,cAAc,EAAE,oBAAoB,CAAa;IAExD,MAAM,CAAC,MAAM,0BA4EX;IAEF,MAAM;CAcP"}

package/dist/components/Header/core/_Header.js

@@ -0,0 +1,113 @@
+import { LitElement as l, css as p, html as h } from "lit";
+import { n as d } from "../../../property-CemaeiRl.js";
+var f = Object.defineProperty, c = (o, r, i, g) => {
+  for (var e = void 0, n = o.length - 1, s; n >= 0; n--)
+    (s = o[n]) && (e = s(r, i, e) || e);
+  return e && f(r, i, e), e;
+};
+const a = class a extends l {
+  constructor() {
+    super(...arguments), this.sticky = !1, this.contentJustify = "between";
+  }
+  render() {
+    return h`
+      <header class="header" part="ag-header">
+        <div class="header-content" part="ag-header-content">
+          <div class="header-logo">
+            <slot name="logo"></slot>
+          </div>
+          <div class="header-nav">
+            <slot></slot>
+          </div>
+        </div>
+      </header>
+    `;
+  }
+};
+a.styles = p`
+    :host {
+      display: block;
+    }
+
+    /* Sticky positioning - must be on :host to work with light DOM scroll containers */
+    :host([sticky]) {
+      position: sticky;
+      top: 0;
+      z-index: var(--ag-z-index-dropdown);
+    }
+
+    .header {
+      font-family: inherit;
+      background-color: var(--ag-background-primary);
+      box-shadow: 0 1px 5px 2px rgb(0 0 0 / 10%);
+      border-bottom: var(--ag-border-width-1) solid var(--ag-border);
+      padding-block-start: var(--ag-space-2);
+      padding-block-end: var(--ag-space-2);
+      padding-inline-start: var(--ag-space-6);
+      padding-inline-end: var(--ag-space-6);
+    }
+
+    /* Mobile-first: column layout */
+    .header-content {
+      max-inline-size: 100%;
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--ag-space-4);
+    }
+
+    .header-logo {
+      display: flex;
+      align-items: center;
+    }
+
+    .header-nav {
+      display: flex;
+      align-items: center;
+    }
+
+    /* Ensure slotted nav elements inherit flex + center alignment */
+    .header-nav ::slotted(nav) {
+      display: flex;
+      align-items: center;
+    }
+
+    /* Desktop: row layout with configurable justification */
+    @media (min-width: 960px) {
+      .header-content {
+        flex-direction: row;
+        width: 960px;
+      }
+
+      :host([contentJustify="between"]) .header-content {
+        justify-content: space-between;
+      }
+
+      :host([contentJustify="start"]) .header-content {
+        justify-content: flex-start;
+      }
+
+      :host([contentJustify="end"]) .header-content {
+        justify-content: flex-end;
+      }
+
+      :host([contentJustify="around"]) .header-content {
+        justify-content: space-around;
+      }
+
+      :host([contentJustify="center"]) .header-content {
+        justify-content: center;
+      }
+    }
+  `;
+let t = a;
+c([
+  d({ type: Boolean, reflect: !0 })
+], t.prototype, "sticky");
+c([
+  d({ type: String, reflect: !0 })
+], t.prototype, "contentJustify");
+export {
+  t as Header
+};

package/dist/components/Header/react/ReactHeader.d.ts

@@ -0,0 +1,7 @@
+import { Header, HeaderProps } from '../core/Header';
+import * as React from 'react';
+export interface ReactHeaderProps extends HeaderProps {
+    children?: React.ReactNode;
+}
+export declare const ReactHeader: import('@lit/react').ReactWebComponent<Header, {}>;
+//# sourceMappingURL=ReactHeader.d.ts.map

package/dist/components/Header/react/ReactHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/react/ReactHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,oDAKtB,CAAC"}

package/dist/components/Header/react/ReactHeader.js

@@ -0,0 +1,13 @@
+import * as e from "react";
+import { o as r } from "../../../create-component-BPMDMe-q.js";
+import "../core/Header.js";
+import { Header as t } from "../core/_Header.js";
+const p = r({
+  tagName: "ag-header",
+  elementClass: t,
+  react: e,
+  events: {}
+});
+export {
+  p as ReactHeader
+};

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

@@ -0,0 +1,2 @@
+export { ReactHeader } from './ReactHeader';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

package/dist/components/Header/vue/VueHeader.js

@@ -0,0 +1,42 @@
+import { defineComponent as s, ref as r, onMounted as a, createElementBlock as c, openBlock as i, mergeProps as f, createElementVNode as u, renderSlot as n } from "vue";
+import "../core/Header.js";
+import { _ as l } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = s({
+  name: "VueHeader",
+  props: {
+    sticky: {
+      type: Boolean,
+      default: !1
+    },
+    contentJustify: {
+      type: String,
+      default: "between"
+    }
+  },
+  setup(e, { emit: o }) {
+    const t = r(null);
+    return a(async () => {
+      await customElements.whenDefined("ag-header");
+    }), {
+      agComponent: t,
+      sticky: e.sticky,
+      contentJustify: e.contentJustify
+    };
+  }
+}), p = [".sticky", ".contentJustify"], m = { slot: "logo" };
+function y(e, o, t, g, k, _) {
+  return i(), c("ag-header", f({
+    ref: "agComponent",
+    ".sticky": e.sticky,
+    ".contentJustify": e.contentJustify
+  }, e.$attrs), [
+    u("span", m, [
+      n(e.$slots, "logo")
+    ]),
+    n(e.$slots, "default")
+  ], 48, p);
+}
+const w = /* @__PURE__ */ l(d, [["render", y]]);
+export {
+  w as default
+};

package/dist/components/Header/vue/VueHeader.vue.d.ts

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { HeaderProps, HeaderContentJustify } from '../core/Header';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contentJustify: {
+        type: PropType<HeaderContentJustify>;
+        default: HeaderContentJustify;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & HeaderProps) | null, (HTMLElement & HeaderProps) | null>;
+    sticky: boolean;
+    contentJustify: HeaderContentJustify;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contentJustify: {
+        type: PropType<HeaderContentJustify>;
+        default: HeaderContentJustify;
+    };
+}>> & Readonly<{}>, {
+    sticky: boolean;
+    contentJustify: HeaderContentJustify;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueHeader.vue.d.ts.map

package/dist/components/Header/vue/VueHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/vue/VueHeader.vue"],"names":[],"mappings":"AAaA;AAEA,OAAO,EAAmC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,gBAAgB,CAAC;;;;;;;cAUF,QAAQ,CAAC,oBAAoB,CAAC;iBACxB,oBAAoB;;;;;;;;;;;;cAD1B,QAAQ,CAAC,oBAAoB,CAAC;iBACxB,oBAAoB;;;;;;AAThD,wBA0BG"}

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

@@ -0,0 +1,4 @@
+export { default } from './VueHeader.vue';
+export { default as VueHeader } from './VueHeader.vue';
+export type { HeaderProps as VueHeaderProps } from '../core/_Header';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,5 @@
+import { default as d, default as f } from "./VueHeader.js";
+export {
+  d as VueHeader,
+  f as default
+};

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

@@ -0,0 +1,9 @@
+import { AgIcon } from './_Icon.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-icon': AgIcon;
+    }
+}
+export * from './_Icon.js';
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/core/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAMpC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF;AAGD,cAAc,YAAY,CAAC"}

package/dist/components/Icon/core/Icon.js

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

package/dist/components/Icon/core/_Icon.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+
+export type IconSize = '14' | '16' | '18' | '20' | '24' | '32' | '36' | '40' | '48' | '56' | '64' | '';
+export type IconType = 'info' | 'primary' | 'action' | 'success' | 'warning' | 'error' | 'monochrome' | '';
+export interface IconProps {
+    size?: IconSize;
+    type?: IconType;
+    noFill?: boolean;
+}
+export declare class AgIcon extends LitElement implements IconProps {
+    /**
+     * Size variant for the icon wrapper and SVG.
+     */
+    size: IconSize;
+    /**
+     * Semantic type for color theming the icon.
+     */
+    type: IconType;
+    /**
+     * When true, prevents the SVG from having fill: currentColor applied.
+     */
+    noFill: boolean;
+    constructor();
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Icon.d.ts.map

package/dist/components/Icon/core/_Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/core/_Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;AACvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,EAAE,CAAC;AAE3G,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,MAAO,SAAQ,UAAW,YAAW,SAAS;IACzD;;OAEG;IAEK,IAAI,EAAE,QAAQ,CAAC;IAEvB;;OAEG;IAEK,IAAI,EAAE,QAAQ,CAAC;IAEvB;;OAEG;IAEK,MAAM,EAAE,OAAO,CAAC;;IASxB,MAAM,CAAC,MAAM,0BAsHX;IAEF,MAAM;CAOP"}

package/dist/components/Icon/core/_Icon.js

@@ -0,0 +1,151 @@
+import { LitElement as h, css as p, html as g } from "lit";
+import { n as o } from "../../../property-CemaeiRl.js";
+var v = Object.defineProperty, s = (n, r, l, f) => {
+  for (var e = void 0, i = n.length - 1, c; i >= 0; i--)
+    (c = n[i]) && (e = c(r, l, e) || e);
+  return e && v(r, l, e), e;
+};
+const a = class a extends h {
+  constructor() {
+    super(), this.size = "16", this.type = "", this.noFill = !1;
+  }
+  render() {
+    return g`
+      <span class="icon-base icon-${this.size}" part="icon-base">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
+a.styles = p`
+    :host {
+      /* Ensure the custom element itself doesn't add extra space */
+      display: inline-flex;
+    }
+
+    .icon-base {
+      display: inline-flex;
+      text-align: center;
+      /* Ensures no "stretching" of icons to reach 100% of container's width */
+      max-inline-size: 100%;
+      /* Ensure SVGs don't have click events -- typically we want enclosing button to handle */
+      pointer-events: none;
+      user-select: none;
+    }
+
+    /* Wrapper sizing classes (applied to .icon-base) */
+    .icon-base.icon-14 {
+      width: var(--ag-font-size-xs);
+      height: var(--ag-font-size-xs);
+    }
+
+    .icon-base.icon-16 {
+      width: var(--ag-font-size-base);
+      height: var(--ag-font-size-base);
+    }
+
+    .icon-base.icon-18 {
+      width: var(--ag-font-size-md);
+      height: var(--ag-font-size-md);
+    }
+
+    .icon-base.icon-20 {
+      width: var(--ag-font-size-lg);
+      height: var(--ag-font-size-lg);
+    }
+
+    .icon-base.icon-24 {
+      width: var(--ag-space-6);
+      height: var(--ag-space-6);
+    }
+
+    .icon-base.icon-32 {
+      width: var(--ag-space-8);
+      height: var(--ag-space-8);
+    }
+
+    .icon-base.icon-36 {
+      width: var(--ag-space-9);
+      height: var(--ag-space-9);
+    }
+
+    .icon-base.icon-40 {
+      width: var(--ag-space-10);
+      height: var(--ag-space-10);
+    }
+
+    .icon-base.icon-48 {
+      width: var(--ag-space-12);
+      height: var(--ag-space-12);
+    }
+
+    .icon-base.icon-56 {
+      width: var(--ag-space-14);
+      height: var(--ag-space-14);
+    }
+
+    .icon-base.icon-64 {
+      width: 4rem;
+      height: 4rem;
+    }
+
+    /* Apply fill by default, but not when no-fill is set */
+    :host(:not([no-fill])) ::slotted(svg) {
+      width: 100%;
+      height: 100%;
+      fill: currentColor;
+      max-inline-size: 100%; /* Prevent overflow */
+      max-block-size: 100%;
+    }
+
+    /* Ensure slotted SVG still respects size when no-fill is set */
+    :host([no-fill]) ::slotted(svg) {
+      width: 100%;
+      height: 100%;
+      max-inline-size: 100%;
+      max-block-size: 100%;
+      /* Outline SVG so we need to remove the fill and apply currentColor to stroke */
+      fill: none;
+      stroke: currentColor;
+    }
+
+    /* Type theming via host attribute (inherits to slotted svg via currentColor for stroke or fill) */
+    :host([type="info"]) {
+      color: var(--ag-info);
+    }
+
+    :host([type="primary"]) {
+      color: var(--ag-primary);
+    }
+
+
+    :host([type="action"]),
+    :host([type="success"]) {
+      color: var(--ag-success);
+    }
+
+    :host([type="warning"]) {
+      color: var(--ag-warning);
+    }
+
+    :host([type="error"]) {
+      color: var(--ag-danger);
+    }
+
+    :host([type="monochrome"]) {
+      color: var(--ag-text-primary);
+    }
+  `;
+let t = a;
+s([
+  o({ type: String, reflect: !0 })
+], t.prototype, "size");
+s([
+  o({ type: String, reflect: !0 })
+], t.prototype, "type");
+s([
+  o({ type: Boolean, reflect: !0, attribute: "no-fill" })
+], t.prototype, "noFill");
+export {
+  t as AgIcon
+};

package/dist/components/Icon/react/ReactIcon.d.ts

@@ -0,0 +1,5 @@
+import { AgIcon, IconProps } from '../core/Icon';
+
+export type ReactIconProps = IconProps;
+export declare const ReactIcon: import('@lit/react').ReactWebComponent<AgIcon, {}>;
+//# sourceMappingURL=ReactIcon.d.ts.map

package/dist/components/Icon/react/ReactIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/react/ReactIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC,eAAO,MAAM,SAAS,oDAOpB,CAAC"}