agnosticui-core 2.0.0-alpha.2 → 2.0.0-alpha.20

package/README.md

@@ -23,41 +23,75 @@ AgnosticUI uses a **Minimalist & Highly Themeable** architecture where component
 
 ```
 src/components/
-├── Accordion/
-│   ├── core/
-│   │   ├── _Accordion.ts          # Immutable core
-│   │   └── _Accordion.spec.ts     # Core tests
-│   ├── react/
-│   │   ├── ReactAccordion.tsx     # React wrapper
-│   │   └── useAccordion.ts        # React hooks
-│   ├── extensions/
-│   │   └── AnimatedAccordion.ts   # Enhanced version
-│   ├── styled/
-│   │   └── MinimalAccordion.ts    # Pre-styled variants
-│   ├── helpers/
-│   │   └── accordion-state.ts     # Shared utilities
-│   └── Accordion.ts               # Public exports
+└── Accordion/
+    ├── core/
+    │   ├── _Accordion.ts             # Core Lit Component
+    │   ├── Accordion.ts              # Public interface
+    │   ├── AccordionGroup.ts         # Group component
+    │   └── README.md                 # Documentation
+    ├── react/
+    │   ├── index.ts                  # React exports
+    │   └── ReactAccordion.tsx        # React wrapper
+    └── vue/
+        ├── index.ts                  # Vue exports
+        ├── VueAccordion.vue          # Main component
+        ├── VueAccordionContent.vue   # Content component
+        ├── VueAccordionHeader.vue    # Header component
+        └── VueAccordionItem.vue      # Item component
 ```
 
-## Key Principles
-
-### Minimalist & Highly Themeable Philosophy
-- ✅ **Minimal Visual Styling**: Clean defaults via `--ag-*` design tokens
-- ✅ **Functional CSS**: Layout, positioning, component structure
-- 🎨 **Complete Customization**: Override any design token for white-labeling
-- 🎯 **Result**: Production-ready components with enterprise-grade theming
-
-### Upgrade Safety: Encapsulated Core with Adapter Pattern
-- **Immutable Core**: `_Component.ts` files are canonical and upgrade-safe
-- **Adapter Layer**: Framework wrappers absorb breaking changes between versions
-- **Isolated Customization**: Extensions and styled variants evolve independently
-- **Safe Overrides**: Customize via design tokens without touching core implementations
-- **Result**: Your customizations survive library upgrades seamlessly
-
-### Framework Agnostic
-- Web Components work in any framework
-- Framework-specific wrappers provide optimal DX
-- Progressive enhancement from vanilla JS to framework-specific features
+## Why AgnosticUI?
+
+### The Local UI Kit - A New Category
+**The UI kit that lives in your codebase, not node_modules.**
+
+Traditional UI libraries live in `node_modules/` as black boxes. Copy/paste approaches give you code but no reference. AgnosticUI Local gives you **both**: a complete reference library in your project plus owned copies of components you use.
+
+```bash
+npx ag init                    # Full library in ./agnosticui/ (reference)
+npx ag add button              # Component in ./src/components/ag/ (yours to modify)
+npx ag sync                    # Update reference, preserve your customizations
+```
+
+### AI-First Development
+**The only UI kit designed for AI-assisted development.**
+
+- **Full Context**: AI tools (Cursor, Windsurf, Claude) see your entire component library
+- **Better Assistance**: "Make this button work like the Combobox" - AI sees both
+- **Reference + Customization**: AI understands the source AND your modifications
+- **Offline & Local**: No API calls, no rate limits, no black boxes
+
+### Complete Ownership
+**Copy, modify, and own your components.**
+
+- Components copied to your project - modify structure, behavior, styling
+- No vendor lock-in or "black box" frustration
+- You control the dependency graph and update schedule
+- Review diffs before accepting updates via `npx ag sync`
+
+### Zero Dependencies
+**Only Lit (5KB runtime) - nothing else.**
+
+- No bloated node_modules
+- Components work standalone
+- Production bundle includes only what you use
+- Framework wrappers via @lit/react and Vue 3 composition API
+
+### Minimalist & Themeable
+**Beautiful defaults, infinite customization.**
+
+- Production-ready styling out of the box
+- Everything customizable via `--ag-*` design tokens
+- Enterprise white-labeling capability
+- Light/dark mode built-in
+
+### Multi-Framework Support
+**React, Vue, Lit - one component library, all frameworks.**
+
+- Framework-specific wrappers for optimal developer experience
+- React wrapper via @lit/react makes props and events feel naturally "React-like"
+- Vue 3 components using composition API
+- Svelte works directly (excellent Web Components support)
 
 ## Usage
 

package/dist/{VueButton.vue_vue_type_script_setup_true_lang-Bq8IPXqd.js → VueButton.vue_vue_type_script_setup_true_lang-D1jGatE9.js}

@@ -1,6 +1,6 @@
-import { defineComponent as g, ref as f, watch as c, createElementBlock as b, openBlock as p, mergeProps as h, renderSlot as y } from "vue";
+import { defineComponent as r, ref as g, watch as c, createElementBlock as h, openBlock as b, mergeProps as p, renderSlot as y } from "vue";
 import "./components/Button/core/Button.js";
-const B = [".disabled", ".loading", ".toggle", ".pressed", ".bordered", ".ghost", ".link", ".grouped", ".ariaLabel", "type", "variant", "size", "shape"], v = /* @__PURE__ */ g({
+const B = [".disabled", ".loading", ".toggle", ".pressed", ".bordered", ".ghost", ".link", ".grouped", ".fullWidth", ".ariaLabel", "type", "variant", "size", "shape"], v = /* @__PURE__ */ r({
   __name: "VueButton",
   props: {
     variant: { default: "" },
@@ -10,6 +10,7 @@ const B = [".disabled", ".loading", ".toggle", ".pressed", ".bordered", ".ghost"
     ghost: { type: Boolean, default: !1 },
     link: { type: Boolean, default: !1 },
     grouped: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
     type: { default: "button" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
@@ -19,24 +20,24 @@ const B = [".disabled", ".loading", ".toggle", ".pressed", ".bordered", ".ghost"
   },
   emits: ["click", "focus", "blur", "toggle", "update:pressed"],
   setup(e, { emit: n }) {
-    const d = e, a = n, l = f(), s = (t) => {
-      a("click", t);
-    }, i = (t) => {
-      a("focus", t);
-    }, r = (t) => {
-      a("blur", t);
+    const d = e, l = n, a = g(), s = (t) => {
+      l("click", t);
     }, u = (t) => {
+      l("focus", t);
+    }, i = (t) => {
+      l("blur", t);
+    }, f = (t) => {
       const o = t;
-      a("toggle", o.detail), a("update:pressed", o.detail.pressed);
+      l("toggle", o.detail), l("update:pressed", o.detail.pressed);
     };
     return c(
       () => d.pressed,
       (t) => {
-        l.value && d.toggle && (l.value.pressed = t);
+        a.value && d.toggle && (a.value.pressed = t);
       }
-    ), (t, o) => (p(), b("ag-button", h({
+    ), (t, o) => (b(), h("ag-button", p({
       ref_key: "buttonRef",
-      ref: l,
+      ref: a,
       ".disabled": e.disabled,
       ".loading": e.loading,
       ".toggle": e.toggle,
@@ -45,15 +46,16 @@ const B = [".disabled", ".loading", ".toggle", ".pressed", ".bordered", ".ghost"
       ".ghost": e.ghost,
       ".link": e.link,
       ".grouped": e.grouped,
+      ".fullWidth": e.fullWidth,
       ".ariaLabel": e.ariaLabel,
       type: e.type,
       variant: e.variant,
       size: e.size,
       shape: e.shape,
       onClick: s,
-      onFocus: i,
-      onBlur: r,
-      onToggle: u
+      onFocus: u,
+      onBlur: i,
+      onToggle: f
     }, t.$attrs), [
       y(t.$slots, "default")
     ], 48, B));

package/dist/{VueButtonFx.vue_vue_type_script_setup_true_lang-BUudF-lg.js → VueButtonFx.vue_vue_type_script_setup_true_lang-BRrt6Nxs.js}

@@ -10,6 +10,7 @@ const B = [".disabled", ".loading", ".toggle", ".pressed", ".bordered", ".ghost"
     ghost: { type: Boolean, default: !1 },
     link: { type: Boolean, default: !1 },
     grouped: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean },
     type: { default: "button" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },

package/dist/{VueCheckbox.vue_vue_type_script_setup_true_lang-DERDRO2P.js → VueCheckbox.vue_vue_type_script_setup_true_lang-VtQfJ-6f.js}

@@ -1,6 +1,6 @@
-import { defineComponent as o, ref as r, createElementBlock as u, openBlock as s, mergeProps as f, renderSlot as h } from "vue";
+import { defineComponent as c, createElementBlock as o, openBlock as u, mergeProps as r, renderSlot as s } from "vue";
 import "./components/Checkbox/core/Checkbox.js";
-const m = [".checked", ".indeterminate", ".disabled", ".required", ".invalid", "name", "value", "size", "theme", "labelText", "labelPosition", "errorMessage", "helpText"], x = /* @__PURE__ */ o({
+const m = [".checked", ".indeterminate", ".disabled", ".required", ".invalid", "name", "value", "size", "theme", "labelText", "labelPosition", "errorMessage", "helpText"], k = /* @__PURE__ */ c({
   __name: "VueCheckbox",
   props: {
     name: { default: "" },
@@ -19,15 +19,14 @@ const m = [".checked", ".indeterminate", ".disabled", ".required", ".invalid", "
   },
   emits: ["click", "change", "update:checked", "update:indeterminate"],
   setup(e, { emit: d }) {
-    const t = d, n = r(), i = (a) => {
+    const t = d, i = (a) => {
       t("click", a);
-    }, c = (a) => {
+    }, n = (a) => {
       const l = a;
       t("change", l.detail), t("update:checked", l.detail.checked), t("update:indeterminate", l.detail.indeterminate);
     };
-    return (a, l) => (s(), u("ag-checkbox", f({
-      ref_key: "checkboxRef",
-      ref: n,
+    return (a, l) => (u(), o("ag-checkbox", r({
+      ref: "checkboxRef",
       ".checked": e.checked,
       ".indeterminate": e.indeterminate,
       ".disabled": e.disabled,
@@ -42,12 +41,12 @@ const m = [".checked", ".indeterminate", ".disabled", ".required", ".invalid", "
       errorMessage: e.errorMessage,
       helpText: e.helpText,
       onClick: i,
-      onChange: c
+      onChange: n
     }, a.$attrs), [
-      h(a.$slots, "default")
+      s(a.$slots, "default")
     ], 48, m));
   }
 });
 export {
-  x as _
+  k as _
 };

package/dist/{VueCombobox.vue_vue_type_script_setup_true_lang-C7gDMrYJ.js → VueCombobox.vue_vue_type_script_setup_true_lang-BSTZGX2X.js}

@@ -1,6 +1,6 @@
-import { defineComponent as m, ref as v, createElementBlock as h, openBlock as x, renderSlot as g } from "vue";
+import { defineComponent as v, ref as m, createElementBlock as g, openBlock as h, renderSlot as x } from "vue";
 import "./components/Combobox/core/Combobox.js";
-const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid", ".clearable", ".readonly", ".required", ".loading", ".multiple", ".closeOnSelect", ".options", ".value", ".defaultValue", ".maxOptionsVisible", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "autocomplete", "filterMode", "size", "variant", "loadingText", "noResultsText"], T = /* @__PURE__ */ m({
+const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid", ".clearable", ".readonly", ".required", ".validationMessages", ".loading", ".multiple", ".closeOnSelect", ".options", ".value", ".defaultValue", ".maxOptionsVisible", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "autocomplete", "filterMode", "size", "variant", "loadingText", "noResultsText"], M = /* @__PURE__ */ v({
   __name: "VueCombobox",
   props: {
     options: { default: () => [] },
@@ -30,16 +30,17 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
     maxOptionsVisible: { default: 3 },
     loading: { type: Boolean, default: !1 },
     loadingText: { default: "Loading..." },
-    noResultsText: { default: "No results found" }
+    noResultsText: { default: "No results found" },
+    validationMessages: {}
   },
   emits: ["change", "select", "search", "open", "close", "focus", "blur", "update:value"],
-  setup(e, { expose: n, emit: d }) {
-    const a = d, t = v(), i = (l) => {
+  setup(e, { expose: n, emit: i }) {
+    const a = i, t = m(), d = (l) => {
       const o = l;
       a("change", o.detail), a("update:value", o.detail.value);
-    }, u = (l) => {
-      a("select", l.detail);
     }, s = (l) => {
+      a("select", l.detail);
+    }, u = (l) => {
       a("search", l.detail);
     }, c = (l) => {
       a("open", l.detail);
@@ -58,7 +59,7 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
       toggle: () => t.value?.toggle?.(),
       selectOption: (l) => t.value?.selectOption?.(l),
       clearSelection: () => t.value?.clearSelection?.()
-    }), (l, o) => (x(), h("ag-combobox", {
+    }), (l, o) => (h(), g("ag-combobox", {
       ref_key: "comboboxRef",
       ref: t,
       ".labelHidden": e.labelHidden,
@@ -69,6 +70,7 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
       ".clearable": e.clearable,
       ".readonly": e.readonly,
       ".required": e.required,
+      ".validationMessages": e.validationMessages,
       ".loading": e.loading,
       ".multiple": e.multiple,
       ".closeOnSelect": e.closeOnSelect,
@@ -87,18 +89,18 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
       variant: e.variant,
       loadingText: e.loadingText,
       noResultsText: e.noResultsText,
-      onChange: i,
-      onSelect: u,
-      onSearch: s,
+      onChange: d,
+      onSelect: s,
+      onSearch: u,
       onOpen: c,
       onClose: f,
       onFocus: r,
       onBlur: b
     }, [
-      g(l.$slots, "default")
+      x(l.$slots, "default")
     ], 40, y));
   }
 });
 export {
-  T as _
+  M as _
 };

package/dist/VueIcon.vue_vue_type_script_setup_true_lang-C2Sky3bU.js

@@ -0,0 +1,22 @@
+import { defineComponent as o, createElementBlock as n, openBlock as l, mergeProps as i, renderSlot as r } from "vue";
+import "./components/Icon/core/Icon.js";
+const s = [".size", ".type", ".noFill"], m = /* @__PURE__ */ o({
+  __name: "VueIcon",
+  props: {
+    size: { default: "16" },
+    type: { default: "" },
+    noFill: { type: Boolean }
+  },
+  setup(e) {
+    return (t, a) => (l(), n("ag-icon", i({
+      ".size": e.size,
+      ".type": e.type,
+      ".noFill": e.noFill
+    }, t.$attrs), [
+      r(t.$slots, "default")
+    ], 48, s));
+  }
+});
+export {
+  m as _
+};

package/dist/{VueImage.vue_vue_type_script_setup_true_lang-CUwbK3NF.js → VueImage.vue_vue_type_script_setup_true_lang-SddK93SB.js}

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as c, createElementBlock as f, openBlock as s, mergeProps as g, renderSlot as a } from "vue";
+import { defineComponent as d, ref as s, onMounted as f, watchEffect as u, createElementBlock as g, openBlock as h, mergeProps as m, renderSlot as o } from "vue";
 import "./components/Image/core/Image.js";
-const h = ["src", "alt", "width", "height", "aspect-ratio", "fit", "position", "loading", ".fade", "duration", "fallback-src"], b = /* @__PURE__ */ d({
+const k = ["src", "alt", "width", "height", "aspect-ratio", "fit", "position", "loading", ".fade", "duration", "fallback-src"], E = /* @__PURE__ */ d({
   __name: "VueImage",
   props: {
     sources: {},
@@ -17,15 +17,21 @@ const h = ["src", "alt", "width", "height", "aspect-ratio", "fit", "position", "
     fallbackSrc: {}
   },
   emits: ["ag-load", "ag-error"],
-  setup(e, { emit: r }) {
-    const o = r, l = c(), i = (t) => {
-      o("ag-load");
-    }, n = (t) => {
-      o("ag-error");
+  setup(e, { emit: i }) {
+    const l = e, a = s(null);
+    f(() => {
+      u(() => {
+        a.value && l.sources && (a.value.sources = l.sources);
+      });
+    });
+    const r = i, n = (t) => {
+      r("ag-load");
+    }, c = (t) => {
+      r("ag-error");
     };
-    return (t, u) => (s(), f("ag-image", g({
-      ref_key: "imageRef",
-      ref: l,
+    return (t, v) => (h(), g("ag-image", m({
+      ref_key: "agImageRef",
+      ref: a,
       src: e.src,
       alt: e.alt,
       width: e.width,
@@ -37,15 +43,15 @@ const h = ["src", "alt", "width", "height", "aspect-ratio", "fit", "position", "
       ".fade": e.fade,
       duration: e.duration,
       "fallback-src": e.fallbackSrc,
-      onAgLoad: i,
-      onAgError: n
+      onAgLoad: n,
+      onAgError: c
     }, t.$attrs), [
-      a(t.$slots, "placeholder", { slot: "placeholder" }),
-      a(t.$slots, "error", { slot: "error" }),
-      a(t.$slots, "default")
-    ], 48, h));
+      o(t.$slots, "placeholder", { slot: "placeholder" }),
+      o(t.$slots, "error", { slot: "error" }),
+      o(t.$slots, "default")
+    ], 48, k));
   }
 });
 export {
-  b as _
+  E as _
 };

package/dist/{VueInput.vue_vue_type_script_setup_true_lang-Dsxo7DuX.js → VueInput.vue_vue_type_script_setup_true_lang-fMqllTsp.js}

@@ -1,12 +1,12 @@
-import { defineComponent as y, ref as g, createElementBlock as n, openBlock as d, mergeProps as B, createCommentVNode as o, renderSlot as u } from "vue";
+import { defineComponent as b, createElementBlock as n, openBlock as d, mergeProps as y, createCommentVNode as o, renderSlot as u } from "vue";
 import "./components/Input/core/Input.js";
-const k = [".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".underlined", ".underlinedWithBackground", ".inline", ".required", ".disabled", ".readonly", ".invalid", "type", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "size", "rows", "cols"], m = {
+const g = [".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".underlined", ".underlinedWithBackground", ".inline", ".required", ".disabled", ".readonly", ".invalid", "type", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "size", "rows", "cols"], B = {
   key: 0,
   slot: "addon-left"
-}, v = {
+}, m = {
   key: 1,
   slot: "addon-right"
-}, C = /* @__PURE__ */ y({
+}, L = /* @__PURE__ */ b({
   __name: "VueInput",
   props: {
     label: { default: "" },
@@ -14,6 +14,7 @@ const k = [".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".under
     labelPosition: {},
     noLabel: { type: Boolean, default: !1 },
     ariaLabel: { default: "" },
+    name: {},
     type: { default: "text" },
     value: { default: "" },
     placeholder: { default: "" },
@@ -34,22 +35,20 @@ const k = [".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".under
   },
   emits: ["click", "input", "change", "focus", "blur", "update:value"],
   setup(e, { emit: i }) {
-    const a = i, r = g(), s = (l) => {
+    const a = i, r = (l) => {
       a("click", l);
-    }, f = (l) => {
+    }, s = (l) => {
       a("input", l);
       const t = l.target;
       a("update:value", t.value);
     }, c = (l) => {
       a("change", l);
-    }, h = (l) => {
+    }, f = (l) => {
       a("focus", l);
-    }, b = (l) => {
+    }, h = (l) => {
       a("blur", l);
     };
-    return (l, t) => (d(), n("ag-input", B({
-      ref_key: "inputRef",
-      ref: r,
+    return (l, t) => (d(), n("ag-input", y({
       ".value": e.value,
       ".labelHidden": e.labelHidden,
       ".noLabel": e.noLabel,
@@ -71,21 +70,21 @@ const k = [".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".under
       size: e.size,
       rows: e.rows,
       cols: e.cols,
-      onClick: s,
-      onInput: f,
+      onClick: r,
+      onInput: s,
       onChange: c,
-      onFocus: h,
-      onBlur: b
+      onFocus: f,
+      onBlur: h
     }, l.$attrs), [
-      l.$slots["addon-left"] ? (d(), n("span", m, [
+      l.$slots["addon-left"] ? (d(), n("span", B, [
         u(l.$slots, "addon-left")
       ])) : o("", !0),
-      l.$slots["addon-right"] ? (d(), n("span", v, [
+      l.$slots["addon-right"] ? (d(), n("span", m, [
         u(l.$slots, "addon-right")
       ])) : o("", !0)
-    ], 48, k));
+    ], 48, g));
   }
 });
 export {
-  C as _
+  L as _
 };

package/dist/{VueMenu.vue_vue_type_script_setup_true_lang-bnn7ochj.js → VueMenu.vue_vue_type_script_setup_true_lang-BXc7397e.js}

@@ -20,6 +20,7 @@ const w = [".disabled", ".loading", ".bordered", ".ghost", ".link", ".grouped",
     ghost: { type: Boolean },
     link: { type: Boolean },
     grouped: { type: Boolean },
+    fullWidth: { type: Boolean },
     type: {},
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean },
@@ -40,10 +41,10 @@ const w = [".disabled", ".loading", ".bordered", ".ghost", ".link", ".grouped",
       t("keydown", n);
     }, f = (n) => {
       t("menu-keydown", n);
-    }, g = (n) => {
+    }, y = (n) => {
       const a = n;
       t("menu-open", a.detail), t("update:open", a.detail.open);
-    }, y = (n) => {
+    }, g = (n) => {
       const a = n;
       t("menu-close", a.detail), t("update:open", a.detail.open);
     }, b = (n) => {
@@ -70,8 +71,8 @@ const w = [".disabled", ".loading", ".bordered", ".ghost", ".link", ".grouped",
       onFocus: m,
       onBlur: s,
       onKeydown: r,
-      onMenuOpen: g,
-      onMenuClose: y,
+      onMenuOpen: y,
+      onMenuClose: g,
       onMenuSelect: b
     }, n.$attrs), [
       l(n.$slots, "default"),

package/dist/{VueRadio.vue_vue_type_script_setup_true_lang-DxNhH12d.js → VueRadio.vue_vue_type_script_setup_true_lang-C7Z-sWpa.js}

@@ -1,6 +1,6 @@
-import { defineComponent as c, ref as u, createElementBlock as f, openBlock as s, mergeProps as r, renderSlot as b } from "vue";
+import { defineComponent as o, createElementBlock as c, openBlock as u, mergeProps as s, renderSlot as f } from "vue";
 import "./components/Radio/core/Radio.js";
-const h = [".checked", ".disabled", ".required", ".invalid", "name", "value", "size", "theme", "labelText", "labelPosition", "label", "labelHidden", "noLabel", "errorMessage", "helpText"], g = /* @__PURE__ */ c({
+const b = [".checked", ".disabled", ".required", ".invalid", "name", "value", "size", "theme", "labelText", "labelPosition", "label", "labelHidden", "noLabel", "errorMessage", "helpText"], m = /* @__PURE__ */ o({
   __name: "VueRadio",
   props: {
     name: { default: "" },
@@ -21,15 +21,13 @@ const h = [".checked", ".disabled", ".required", ".invalid", "name", "value", "s
   },
   emits: ["click", "change", "update:checked"],
   setup(e, { emit: d }) {
-    const a = d, n = u(), i = (l) => {
+    const a = d, n = (l) => {
       a("click", l);
-    }, o = (l) => {
+    }, i = (l) => {
       const t = l.detail;
       a("change", t), a("update:checked", t.checked);
     };
-    return (l, t) => (s(), f("ag-radio", r({
-      ref_key: "radioRef",
-      ref: n,
+    return (l, t) => (u(), c("ag-radio", s({
       ".checked": e.checked,
       ".disabled": e.disabled,
       ".required": e.required,
@@ -45,13 +43,13 @@ const h = [".checked", ".disabled", ".required", ".invalid", "name", "value", "s
       noLabel: e.noLabel,
       errorMessage: e.errorMessage,
       helpText: e.helpText,
-      onClick: i,
-      onChange: o
+      onClick: n,
+      onChange: i
     }, l.$attrs), [
-      b(l.$slots, "default")
-    ], 48, h));
+      f(l.$slots, "default")
+    ], 48, b));
   }
 });
 export {
-  g as _
+  m as _
 };

package/dist/{VueRating.vue_vue_type_script_setup_true_lang-CICncp71.js → VueRating.vue_vue_type_script_setup_true_lang-Bm2nRrqr.js}

@@ -1,6 +1,6 @@
-import { defineComponent as r, ref as u, createElementBlock as s, openBlock as f, mergeProps as m, renderSlot as c } from "vue";
+import { defineComponent as r, ref as s, createElementBlock as u, openBlock as f, mergeProps as v, renderSlot as m } from "vue";
 import "./components/Rating/core/Rating.js";
-const v = [".value", ".readonly", ".allowClear", ".required", ".invalid", "max", "precision", "variant", "size", "name", "label", "labelPosition", "labelHidden", "noLabel", "errorMessage", "helpText"], h = /* @__PURE__ */ r({
+const c = [".value", ".readonly", ".allowClear", ".required", ".invalid", ".validationMessages", "max", "precision", "variant", "size", "name", "label", "labelPosition", "labelHidden", "noLabel", "errorMessage", "helpText"], h = /* @__PURE__ */ r({
   __name: "VueRating",
   props: {
     value: { default: 0 },
@@ -18,24 +18,26 @@ const v = [".value", ".readonly", ".allowClear", ".required", ".invalid", "max",
     required: { type: Boolean, default: !1 },
     invalid: { type: Boolean, default: !1 },
     errorMessage: { default: "" },
-    helpText: { default: "" }
+    helpText: { default: "" },
+    validationMessages: {}
   },
   emits: ["update:value", "change", "hover"],
   setup(e, { emit: n }) {
-    const t = n, o = u(), i = (a) => {
+    const t = n, i = s(), o = (a) => {
       const l = a;
       t("change", l.detail), t("update:value", l.detail.newValue);
     }, d = (a) => {
       t("hover", a.detail);
     };
-    return (a, l) => (f(), s("ag-rating", m({
+    return (a, l) => (f(), u("ag-rating", v({
       ref_key: "ratingRef",
-      ref: o,
+      ref: i,
       ".value": e.value,
       ".readonly": e.readonly,
       ".allowClear": e.allowClear,
       ".required": e.required,
       ".invalid": e.invalid,
+      ".validationMessages": e.validationMessages,
       max: e.max,
       precision: e.precision,
       variant: e.variant,
@@ -47,11 +49,11 @@ const v = [".value", ".readonly", ".allowClear", ".required", ".invalid", "max",
       noLabel: e.noLabel,
       errorMessage: e.errorMessage,
       helpText: e.helpText,
-      onRatingChange: i,
+      onRatingChange: o,
       onRatingHover: d
     }, a.$attrs), [
-      c(a.$slots, "default")
-    ], 48, v));
+      m(a.$slots, "default")
+    ], 48, c));
   }
 });
 export {

package/dist/VueSelectionButton.vue_vue_type_script_setup_true_lang-DJN-Uk6n.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, createElementBlock as t, openBlock as o, mergeProps as d, renderSlot as n } from "vue";
+import "./components/SelectionButton/core/SelectionButton.js";
+const c = ["value", "label", ".checked", ".disabled"], i = /* @__PURE__ */ a({
+  __name: "VueSelectionButton",
+  props: {
+    value: { default: "" },
+    label: { default: "" },
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, s) => (o(), t("ag-selection-button", d({
+      value: e.value,
+      label: e.label,
+      ".checked": e.checked,
+      ".disabled": e.disabled
+    }, l.$attrs), [
+      n(l.$slots, "default")
+    ], 48, c));
+  }
+});
+export {
+  i as _
+};