origam 0.3.9 → 2.2.1

package/dist/src/consts/index.cjs

@@ -58,6 +58,17 @@ Object.keys(_date).forEach(function (key) {
     }
   });
 });
+var _defaults = require("./Commons/defaults.const.cjs");
+Object.keys(_defaults).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _defaults[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _defaults[key];
+    }
+  });
+});
 var _density = require("./Commons/density.const.cjs");
 Object.keys(_density).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -355,6 +366,17 @@ Object.keys(_btnToggle).forEach(function (key) {
     }
   });
 });
+var _itemGroup = require("./ItemGroup/item-group.const.cjs");
+Object.keys(_itemGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _itemGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _itemGroup[key];
+    }
+  });
+});
 var _list = require("./List/list.const.cjs");
 Object.keys(_list).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -541,4 +563,70 @@ Object.keys(_expand).forEach(function (key) {
       return _expand[key];
     }
   });
+});
+var _passwordField = require("./PasswordField/password-field.const.cjs");
+Object.keys(_passwordField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _passwordField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _passwordField[key];
+    }
+  });
+});
+var _passwordRequirements = require("./PasswordField/password-requirements.const.cjs");
+Object.keys(_passwordRequirements).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _passwordRequirements[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _passwordRequirements[key];
+    }
+  });
+});
+var _sheetSnapPoints = require("./Sheet/sheet-snap-points.const.cjs");
+Object.keys(_sheetSnapPoints).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sheetSnapPoints[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sheetSnapPoints[key];
+    }
+  });
+});
+var _timeline = require("./Timeline/timeline.const.cjs");
+Object.keys(_timeline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timeline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timeline[key];
+    }
+  });
+});
+var _stepper = require("./Stepper/stepper.const.cjs");
+Object.keys(_stepper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stepper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stepper[key];
+    }
+  });
+});
+var _treeview = require("./Treeview/treeview.const.cjs");
+Object.keys(_treeview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _treeview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _treeview[key];
+    }
+  });
 });

package/dist/src/consts/index.d.ts

@@ -3,6 +3,7 @@ export * from './Commons/border.const';
 export * from './Commons/color.const';
 export * from './Commons/commons.const';
 export * from './Commons/date.const';
+export * from './Commons/defaults.const';
 export * from './Commons/density.const';
 export * from './Commons/dimension.const';
 export * from './Commons/layout.const';
@@ -30,6 +31,7 @@ export * from './Icon/icon.const';
 export * from './Menu/menu.const';
 export * from './Icon/mdi.const';
 export * from './Btn/btn-toggle.const';
+export * from './ItemGroup/item-group.const';
 export * from './List/list.const';
 export * from './Progress/progress.const';
 export * from './Parallax/parallax-container.const';
@@ -47,3 +49,9 @@ export * from './DataTable/group.const';
 export * from './DataTable/pagination.const';
 export * from './DataTable/select.const';
 export * from './DataTable/expand.const';
+export * from './PasswordField/password-field.const';
+export * from './PasswordField/password-requirements.const';
+export * from './Sheet/sheet-snap-points.const';
+export * from './Timeline/timeline.const';
+export * from './Stepper/stepper.const';
+export * from './Treeview/treeview.const';

package/dist/src/consts/index.js

@@ -3,6 +3,7 @@ export * from "./Commons/border.const.js";
 export * from "./Commons/color.const.js";
 export * from "./Commons/commons.const.js";
 export * from "./Commons/date.const.js";
+export * from "./Commons/defaults.const.js";
 export * from "./Commons/density.const.js";
 export * from "./Commons/dimension.const.js";
 export * from "./Commons/layout.const.js";
@@ -30,6 +31,7 @@ export * from "./Icon/icon.const.js";
 export * from "./Menu/menu.const.js";
 export * from "./Icon/mdi.const.js";
 export * from "./Btn/btn-toggle.const.js";
+export * from "./ItemGroup/item-group.const.js";
 export * from "./List/list.const.js";
 export * from "./Progress/progress.const.js";
 export * from "./Parallax/parallax-container.const.js";
@@ -47,3 +49,9 @@ export * from "./DataTable/group.const.js";
 export * from "./DataTable/pagination.const.js";
 export * from "./DataTable/select.const.js";
 export * from "./DataTable/expand.const.js";
+export * from "./PasswordField/password-field.const.js";
+export * from "./PasswordField/password-requirements.const.js";
+export * from "./Sheet/sheet-snap-points.const.js";
+export * from "./Timeline/timeline.const.js";
+export * from "./Stepper/stepper.const.js";
+export * from "./Treeview/treeview.const.js";

package/dist/src/enums/Commons/rounded.enum.cjs

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ROUNDED = void 0;
+var ROUNDED = exports.ROUNDED = /* @__PURE__ */(ROUNDED2 => {
+  ROUNDED2["X_SMALL"] = "x-small";
+  ROUNDED2["SMALL"] = "small";
+  ROUNDED2["DEFAULT"] = "default";
+  ROUNDED2["MEDIUM"] = "medium";
+  ROUNDED2["LARGE"] = "large";
+  ROUNDED2["X_LARGE"] = "x-large";
+  ROUNDED2["SHAPED"] = "shaped";
+  ROUNDED2["SHAPED_INVERT"] = "shaped-invert";
+  return ROUNDED2;
+})(ROUNDED || {});

package/dist/src/enums/Commons/rounded.enum.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Predefined corner-radius variants. Mirrors the origam-design-system
+ * taxonomy so consumers can swap design systems without re-learning the
+ * `rounded` API. Each value is also a class suffix
+ * (`origam-btn--rounded-large`) and maps 1:1 to a token rung in
+ * `tokens/primitive.json` under `radius.*`.
+ */
+export declare enum ROUNDED {
+    X_SMALL = "x-small",
+    SMALL = "small",
+    DEFAULT = "default",
+    MEDIUM = "medium",
+    LARGE = "large",
+    X_LARGE = "x-large",
+    SHAPED = "shaped",
+    SHAPED_INVERT = "shaped-invert"
+}

package/dist/src/enums/Commons/rounded.enum.js

@@ -0,0 +1,11 @@
+export var ROUNDED = /* @__PURE__ */ ((ROUNDED2) => {
+  ROUNDED2["X_SMALL"] = "x-small";
+  ROUNDED2["SMALL"] = "small";
+  ROUNDED2["DEFAULT"] = "default";
+  ROUNDED2["MEDIUM"] = "medium";
+  ROUNDED2["LARGE"] = "large";
+  ROUNDED2["X_LARGE"] = "x-large";
+  ROUNDED2["SHAPED"] = "shaped";
+  ROUNDED2["SHAPED_INVERT"] = "shaped-invert";
+  return ROUNDED2;
+})(ROUNDED || {});

package/dist/src/enums/Commons/variant.enum.cjs

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VARIANT_INPUT = exports.VARIANT = void 0;
+var VARIANT = exports.VARIANT = /* @__PURE__ */(VARIANT2 => {
+  VARIANT2["TEXT"] = "text";
+  VARIANT2["FLAT"] = "flat";
+  VARIANT2["ELEVATED"] = "elevated";
+  VARIANT2["TONAL"] = "tonal";
+  VARIANT2["OUTLINED"] = "outlined";
+  VARIANT2["PLAIN"] = "plain";
+  VARIANT2["GHOST"] = "ghost";
+  return VARIANT2;
+})(VARIANT || {});
+var VARIANT_INPUT = exports.VARIANT_INPUT = /* @__PURE__ */(VARIANT_INPUT2 => {
+  VARIANT_INPUT2["UNDERLINED"] = "underlined";
+  VARIANT_INPUT2["FILLED"] = "filled";
+  VARIANT_INPUT2["SOLO"] = "solo";
+  VARIANT_INPUT2["OUTLINED"] = "outlined";
+  VARIANT_INPUT2["PLAIN"] = "plain";
+  return VARIANT_INPUT2;
+})(VARIANT_INPUT || {});

package/dist/src/enums/Commons/variant.enum.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Visual variants applied to elevation-driven components (Btn, Card, Chip…).
+ * Mirrors the Vuetify / origam-design-system taxonomy so consumers can swap
+ * design systems without re-learning the API.
+ */
+export declare enum VARIANT {
+    TEXT = "text",
+    FLAT = "flat",
+    ELEVATED = "elevated",
+    TONAL = "tonal",
+    OUTLINED = "outlined",
+    PLAIN = "plain",
+    /**
+     * Glassmorphism — translucent tint of the current text color plus a
+     * backdrop-filter blur. Browsers without `backdrop-filter` get a
+     * slightly stronger tint as the fallback (handled in the SCSS via
+     * `@supports`). Pairs cleanly with `color="primary"` etc. — the
+     * variant only owns the chrome, not the foreground color.
+     */
+    GHOST = "ghost"
+}
+/**
+ * Visual variants specific to text input controls (TextField, NumberField,
+ * PasswordField, etc.). Distinct from `VARIANT` because the rendering
+ * conventions for inputs (filled / underlined / solo) differ from those of
+ * action surfaces (elevated / tonal / outlined).
+ */
+export declare enum VARIANT_INPUT {
+    UNDERLINED = "underlined",
+    FILLED = "filled",
+    SOLO = "solo",
+    OUTLINED = "outlined",
+    PLAIN = "plain"
+}

package/dist/src/enums/Commons/variant.enum.js

@@ -0,0 +1,18 @@
+export var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
+  VARIANT2["TEXT"] = "text";
+  VARIANT2["FLAT"] = "flat";
+  VARIANT2["ELEVATED"] = "elevated";
+  VARIANT2["TONAL"] = "tonal";
+  VARIANT2["OUTLINED"] = "outlined";
+  VARIANT2["PLAIN"] = "plain";
+  VARIANT2["GHOST"] = "ghost";
+  return VARIANT2;
+})(VARIANT || {});
+export var VARIANT_INPUT = /* @__PURE__ */ ((VARIANT_INPUT2) => {
+  VARIANT_INPUT2["UNDERLINED"] = "underlined";
+  VARIANT_INPUT2["FILLED"] = "filled";
+  VARIANT_INPUT2["SOLO"] = "solo";
+  VARIANT_INPUT2["OUTLINED"] = "outlined";
+  VARIANT_INPUT2["PLAIN"] = "plain";
+  return VARIANT_INPUT2;
+})(VARIANT_INPUT || {});

package/dist/src/enums/index.cjs

@@ -102,6 +102,17 @@ Object.keys(_density).forEach(function (key) {
     }
   });
 });
+var _rounded = require("./Commons/rounded.enum.cjs");
+Object.keys(_rounded).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rounded[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rounded[key];
+    }
+  });
+});
 var _dimension = require("./Commons/dimension.enum.cjs");
 Object.keys(_dimension).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -113,6 +124,17 @@ Object.keys(_dimension).forEach(function (key) {
     }
   });
 });
+var _variant = require("./Commons/variant.enum.cjs");
+Object.keys(_variant).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _variant[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _variant[key];
+    }
+  });
+});
 var _size = require("./Commons/size.enum.cjs");
 Object.keys(_size).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/enums/index.d.ts

@@ -7,7 +7,9 @@ export * from './Commons/align.enum';
 export * from './Commons/justify.enum';
 export * from './Commons/border.enum';
 export * from './Commons/density.enum';
+export * from './Commons/rounded.enum';
 export * from './Commons/dimension.enum';
+export * from './Commons/variant.enum';
 export * from './Commons/size.enum';
 export * from './Commons/nested.enum';
 export * from './Commons/position.enum';

package/dist/src/enums/index.js

@@ -7,7 +7,9 @@ export * from "./Commons/align.enum.js";
 export * from "./Commons/justify.enum.js";
 export * from "./Commons/border.enum.js";
 export * from "./Commons/density.enum.js";
+export * from "./Commons/rounded.enum.js";
 export * from "./Commons/dimension.enum.js";
+export * from "./Commons/variant.enum.js";
 export * from "./Commons/size.enum.js";
 export * from "./Commons/nested.enum.js";
 export * from "./Commons/position.enum.js";

package/dist/src/interfaces/Alert/alert.interface.d.ts

@@ -1,6 +1,6 @@
-import type { IAdjacentProps, IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IHoverProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRoundedProps, IStatusProps, ITagProps } from '../../interfaces';
+import type { IAdjacentProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IHoverProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRoundedProps, IStatusProps, ITagProps } from '../../interfaces';
 import type { TIcon } from '../../types';
-export interface IAlertProps extends ICommonsComponentProps, ITagProps, IColorProps, IBorderProps, IDimensionProps, IPaddingProps, IMarginProps, IDensityProps, IElevationProps, ILocationProps, IPositionProps, IRoundedProps, IStatusProps, IHoverProps, IAdjacentProps {
+export interface IAlertProps extends ICommonsComponentProps, ITagProps, IColorProps, IBgColorProps, IBorderProps, IDimensionProps, IPaddingProps, IMarginProps, IDensityProps, IElevationProps, ILocationProps, IPositionProps, IRoundedProps, IStatusProps, IHoverProps, IAdjacentProps {
     closable?: boolean;
     closeIcon?: TIcon;
     closeLabel?: string;

package/dist/src/interfaces/Avatar/avatar-group.interface.d.ts

@@ -1,5 +1,5 @@
-import type { IActiveProps, IAvatarProps, IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IDirectionProps, IElevationProps, IHoverProps, IMarginProps, IPaddingProps, IRoundedProps, ISizeProps, ITagProps } from "../../interfaces";
-export interface IAvatarGroupProps extends ICommonsComponentProps, IDirectionProps, IDensityProps, IRoundedProps, ISizeProps, ITagProps, IColorProps, IPaddingProps, IMarginProps, IBorderProps, IElevationProps, IHoverProps, IActiveProps {
+import type { IActiveProps, IAvatarProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IDirectionProps, IElevationProps, IHoverProps, IMarginProps, IPaddingProps, IRoundedProps, ISizeProps, ITagProps } from "../../interfaces";
+export interface IAvatarGroupProps extends ICommonsComponentProps, IDirectionProps, IDensityProps, IRoundedProps, ISizeProps, ITagProps, IColorProps, IBgColorProps, IPaddingProps, IMarginProps, IBorderProps, IElevationProps, IHoverProps, IActiveProps {
     items?: Array<IAvatarProps>;
     max?: number;
     expandOnHover?: boolean;

package/dist/src/interfaces/Avatar/avatar.interface.d.ts

@@ -1,7 +1,13 @@
-import type { IActiveProps, IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IHoverProps, IMarginProps, IPaddingProps, IRoundedProps, ISizeProps, ISrcObject, IStatusProps, ITagProps } from '../../interfaces';
-export interface IAvatarProps extends ICommonsComponentProps, IDensityProps, IRoundedProps, ISizeProps, ITagProps, IColorProps, IPaddingProps, IMarginProps, IBorderProps, IStatusProps, IElevationProps, IHoverProps, IActiveProps {
+import type { IActiveProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IHoverProps, IMarginProps, IPaddingProps, IRoundedProps, ISizeProps, ISrcObject, ITagProps } from '../../interfaces';
+import type { TIcon } from '../../types';
+export interface IAvatarProps extends ICommonsComponentProps, IDensityProps, IRoundedProps, ISizeProps, ITagProps, IColorProps, IBgColorProps, IPaddingProps, IMarginProps, IBorderProps, IElevationProps, IHoverProps, IActiveProps {
     start?: boolean;
     end?: boolean;
+    /**
+     * Renders an icon inside the avatar (centered). Mutually exclusive
+     * with `image` and `text`: image wins, then icon, then text.
+     */
+    icon?: TIcon;
     image?: string | ISrcObject;
     text?: string;
 }

package/dist/src/interfaces/Badge/badge.interface.d.ts

@@ -1,5 +1,5 @@
-import type { IBorderProps, IColorProps, ICommonsComponentProps, IElevationProps, IHoverProps, ILocationProps, IRoundedProps, IStatusProps, ITagProps, ITransitionComponentProps } from '../../interfaces';
-export interface IBadgeProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, ILocationProps, IRoundedProps, ITransitionComponentProps, IStatusProps, IHoverProps, IElevationProps {
+import type { IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IElevationProps, IHoverProps, ILocationProps, IRoundedProps, IStatusProps, ITagProps, ITransitionComponentProps } from '../../interfaces';
+export interface IBadgeProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, IBgColorProps, ILocationProps, IRoundedProps, ITransitionComponentProps, IStatusProps, IHoverProps, IElevationProps {
     content?: number | string;
     dot?: boolean;
     floating?: boolean;

package/dist/src/interfaces/BottomNav/bottom-nav.interface.d.ts

@@ -1,6 +1,6 @@
-import type { IBorderProps, IBtnProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IGroupProps, IHoverProps, ILayoutItemProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
+import type { IBorderProps, IBtnProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IGroupProps, IHoverProps, ILayoutItemProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps, ITransitionComponentProps } from '../../interfaces';
 import type { TMode } from '../../types';
-export interface IBottomNavProps extends ITagProps, ICommonsComponentProps, IColorProps, IPaddingProps, IBorderProps, IElevationProps, IMarginProps, IDimensionProps, IDensityProps, IRoundedProps, ILayoutItemProps, IGroupProps, IHoverProps {
+export interface IBottomNavProps extends ITagProps, ICommonsComponentProps, IColorProps, IBgColorProps, IPaddingProps, IBorderProps, IElevationProps, IMarginProps, IDimensionProps, IDensityProps, IRoundedProps, ILayoutItemProps, IGroupProps, IHoverProps, ITransitionComponentProps {
     grow?: boolean;
     mode?: TMode;
     items?: Array<IBtnProps>;

package/dist/src/interfaces/Breadcrumb/breadcrumb-item.interface.d.ts

@@ -1,5 +1,5 @@
-import type { IActiveProps, IAdjacentProps, IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IHoverProps, ILinkProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
-export interface IBreadcrumbItemProps extends ICommonsComponentProps, ITagProps, IBorderProps, IPaddingProps, IMarginProps, IRoundedProps, ILinkProps, IColorProps, IDensityProps, IAdjacentProps, IHoverProps, IActiveProps {
+import type { IActiveProps, IAdjacentProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IHoverProps, ILinkProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
+export interface IBreadcrumbItemProps extends ICommonsComponentProps, ITagProps, IBorderProps, IPaddingProps, IMarginProps, IRoundedProps, ILinkProps, IColorProps, IBgColorProps, IDensityProps, IAdjacentProps, IHoverProps, IActiveProps {
     title: string;
     disabled?: boolean;
 }

package/dist/src/interfaces/Breadcrumb/breadcrumb.interface.d.ts

@@ -1,6 +1,6 @@
-import type { IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
+import type { IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
 import type { TBreadcrumbItem, TIcon } from '../../types';
-export interface IBreadcrumbProps extends IColorProps, ITagProps, ICommonsComponentProps, IDensityProps, IRoundedProps, IPaddingProps, IMarginProps, IBorderProps, IElevationProps {
+export interface IBreadcrumbProps extends IColorProps, IBgColorProps, ITagProps, ICommonsComponentProps, IDensityProps, IRoundedProps, IPaddingProps, IMarginProps, IBorderProps, IElevationProps {
     activeClass?: string;
     disabled?: boolean;
     divider?: string | TIcon;

package/dist/src/interfaces/Btn/btn-group.interface.d.ts

@@ -1,5 +1,5 @@
-import type { IBorderProps, IBtnProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
-export interface IBtnGroupProps extends ITagProps, ICommonsComponentProps, IRoundedProps, IBorderProps, IDensityProps, IElevationProps, IColorProps, IMarginProps, IPaddingProps {
+import type { IBorderProps, IBtnProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps } from '../../interfaces';
+export interface IBtnGroupProps extends ITagProps, ICommonsComponentProps, IRoundedProps, IBorderProps, IDensityProps, IElevationProps, IColorProps, IBgColorProps, IMarginProps, IPaddingProps {
     divided?: boolean;
     items?: Array<IBtnProps>;
 }

package/dist/src/interfaces/Btn/btn.interface.d.ts

@@ -1,7 +1,8 @@
-import type { IAdjacentProps, IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IGroupItemProps, IHoverProps, ILinkProps, ILoaderProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRippleProps, IRoundedProps, ISizeProps, IStatusProps, ITagProps } from '../../interfaces';
+import type { IAdjacentProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IGroupItemProps, IHoverProps, ILinkProps, ILoaderProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRippleProps, IRoundedProps, ISizeProps, IStatusProps, ITagProps, IVariantProps } from '../../interfaces';
 import type { TIcon } from '../../types';
-export interface IBtnProps extends ICommonsComponentProps, IColorProps, IBorderProps, IDensityProps, IDimensionProps, IElevationProps, IRoundedProps, ITagProps, ISizeProps, ILinkProps, IRippleProps, ILoaderProps, IPositionProps, ILocationProps, IGroupItemProps, IPaddingProps, IMarginProps, IAdjacentProps, IStatusProps, IHoverProps {
+export interface IBtnProps extends ICommonsComponentProps, IColorProps, IBgColorProps, IBorderProps, IDensityProps, IDimensionProps, IElevationProps, IRoundedProps, ITagProps, ISizeProps, ILinkProps, IRippleProps, ILoaderProps, IPositionProps, ILocationProps, IGroupItemProps, IPaddingProps, IMarginProps, IAdjacentProps, IStatusProps, IHoverProps, IVariantProps {
     active?: boolean;
+    /** @deprecated Use `variant="flat"` instead. Kept for backward compat. */
     flat?: boolean;
     icon?: boolean | TIcon;
     block?: boolean;

package/dist/src/interfaces/Card/card.interface.d.ts

@@ -1,6 +1,6 @@
-import type { IAdjacentProps, IBorderProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, ILinkProps, ILoaderProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRippleProps, IRoundedProps, ITagProps } from '../../interfaces';
+import type { IActiveProps, IAdjacentProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, ILinkProps, ILoaderProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRippleProps, IRoundedProps, ITagProps } from '../../interfaces';
 import type { TCardType } from '../../types';
-export interface ICardProps extends ICommonsComponentProps, ITagProps, IBorderProps, IDensityProps, IDimensionProps, IElevationProps, ILoaderProps, ILocationProps, IPositionProps, IRoundedProps, IMarginProps, IPaddingProps, ILinkProps, IRippleProps, IAdjacentProps {
+export interface ICardProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, IBgColorProps, IDensityProps, IDimensionProps, IElevationProps, ILoaderProps, ILocationProps, IPositionProps, IRoundedProps, IMarginProps, IPaddingProps, ILinkProps, IRippleProps, IAdjacentProps, IActiveProps {
     disabled?: boolean;
     flat?: boolean;
     hover?: boolean;

package/dist/src/interfaces/Checkbox/checkbox-btn.interface.d.ts

@@ -1,6 +1,19 @@
-import type { ICommonsComponentProps, ISelectionControlProps } from '../../interfaces';
-import type { TIcon } from '../../types';
+import type { ICommonsComponentEmits, ICommonsComponentProps, ICommonsComponentSlots, IFocusEmits, ISelectionControlEmits, ISelectionControlProps } from '../../interfaces';
+import type { TColor, TIcon } from '../../types';
 export interface ICheckboxBtnProps extends ICommonsComponentProps, ISelectionControlProps {
     indeterminate?: boolean;
     indeterminateIcon?: TIcon;
 }
+export interface ICheckboxBtnEmits extends ICommonsComponentEmits, IFocusEmits, ISelectionControlEmits {
+    (e: 'update:indeterminate', event: any): void;
+}
+export interface ICheckboxBtnSlots extends ICommonsComponentSlots {
+    label?: () => any;
+    input?: (data: {
+        props: any;
+        icon: TIcon;
+        textColorStyles: TColor;
+        backgroundColorStyles: TColor;
+        model: any;
+    }) => any;
+}

package/dist/src/interfaces/Checkbox/checkbox.interface.d.ts

@@ -1,3 +1,23 @@
-import type { IBorderProps, ICheckboxBtnProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IInputProps, IMarginProps, IPaddingProps, IRoundedProps } from '../../interfaces';
-export interface ICheckboxProps extends ICommonsComponentProps, IInputProps, ICheckboxBtnProps, IDensityProps, IPaddingProps, IMarginProps, IRoundedProps, IColorProps, IBorderProps, IElevationProps {
+import type { IActiveProps, IBorderProps, ICheckboxBtnProps, IColorProps, ICommonsComponentEmits, ICommonsComponentProps, IDensityProps, IElevationProps, IFocusEmits, IHoverProps, IInputProps, IMarginProps, IPaddingProps, IRoundedProps, ISelectionControlEmits } from '../../interfaces';
+import type { TColor, TIcon } from '../../types';
+export interface ICheckboxProps extends ICommonsComponentProps, IInputProps, ICheckboxBtnProps, IDensityProps, IPaddingProps, IMarginProps, IRoundedProps, IColorProps, IBorderProps, IElevationProps, IActiveProps, IHoverProps {
+}
+export interface ICheckboxEmits extends ICommonsComponentEmits, IFocusEmits, ISelectionControlEmits {
+}
+export interface ICheckboxSlots {
+    default?: (data: {
+        id: string;
+        messagesId: string;
+        isDisabled: boolean;
+        isReadonly: boolean;
+        isValid: boolean;
+    }) => any;
+    label?: () => any;
+    input?: (data: {
+        props: any;
+        icon: TIcon;
+        textColorStyles: TColor;
+        backgroundColorStyles: TColor;
+        model: any;
+    }) => any;
 }

package/dist/src/interfaces/Chip/chip-group.interface.d.ts

@@ -1,5 +1,5 @@
-import type { IBorderProps, IColorProps, ICommonsComponentProps, IGroupProps, IMarginProps, IPaddingProps, IRoundedProps, ISlideGroupProps, ITagProps } from '../../interfaces';
-export interface IChipGroupProps extends ICommonsComponentProps, ITagProps, IGroupProps, IColorProps, IMarginProps, IPaddingProps, IBorderProps, IRoundedProps, ISlideGroupProps {
+import type { IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IGroupProps, IMarginProps, IPaddingProps, IRoundedProps, ISlideGroupProps, ITagProps } from '../../interfaces';
+export interface IChipGroupProps extends ICommonsComponentProps, ITagProps, IGroupProps, IColorProps, IBgColorProps, IMarginProps, IPaddingProps, IBorderProps, IRoundedProps, ISlideGroupProps {
     column?: boolean;
     filter?: boolean;
     valueComparator?: (a: any, b: any) => boolean;

package/dist/src/interfaces/Chip/chip.interface.d.ts

@@ -1,7 +1,6 @@
-import type { IAdjacentProps, IBorderProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IGroupItemProps, ILinkProps, IMarginProps, IPaddingProps, IRippleProps, IRoundedProps, ISizeProps, ITagProps } from '../../interfaces';
+import type { IActiveProps, IAdjacentProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IElevationProps, IGroupItemProps, IHoverProps, ILinkProps, IMarginProps, IPaddingProps, IRippleProps, IRoundedProps, ISizeProps, ITagProps } from '../../interfaces';
 import type { TIcon } from '../../types';
-export interface IChipProps extends ICommonsComponentProps, IAdjacentProps, ITagProps, IColorProps, IRippleProps, IBorderProps, IRoundedProps, IPaddingProps, IMarginProps, IDensityProps, IGroupItemProps, ILinkProps, ISizeProps, IElevationProps {
-    activeClass?: string;
+export interface IChipProps extends ICommonsComponentProps, IAdjacentProps, ITagProps, IColorProps, IBgColorProps, IRippleProps, IBorderProps, IRoundedProps, IPaddingProps, IMarginProps, IDensityProps, IGroupItemProps, ILinkProps, ISizeProps, IElevationProps, IActiveProps, IHoverProps {
     closable?: boolean;
     closeIcon?: TIcon;
     closeLabel?: string;

package/dist/src/interfaces/Commons/active.interface.d.ts

@@ -1,4 +1,25 @@
+import type { IActiveState } from '../../interfaces';
+/**
+ * The `active` prop accepts three shapes — same grammar as `hover`:
+ *
+ *   • `undefined` / `false` → `isActive` is driven by interaction
+ *     (click / `useVModel(props, 'active')` toggle). Default.
+ *
+ *   • `true` → `isActive` is FORCED to `true`. Useful for stories,
+ *     screenshot tests, or parent-controlled selected states. No visual
+ *     override — the state-aware styles fall back to resting tokens.
+ *
+ *   • `IActiveState` (object) → `isActive` stays reactive to clicks
+ *     (unless `enabled: true` is set inside, which forces it on). The
+ *     object's keys (`color`, `bgColor`, `border`, `rounded`, `elevation`,
+ *     `padding`, `margin`, `gap`) override the resting props ONLY while
+ *     the state is engaged.
+ */
 export interface IActiveProps {
-    active?: boolean;
+    active?: boolean | IActiveState;
     activeClass?: string;
 }
+/** Emit signature for components that propagate their active state. */
+export interface IActiveEmits {
+    (e: 'update:active', event: any): void;
+}

package/dist/src/interfaces/Commons/adjacent.interface.d.ts

@@ -13,3 +13,29 @@ export interface IAdjacentInnerProps {
     clearIcon?: TIcon;
     clearable?: boolean;
 }
+/** Click events emitted when the user clicks the prepend/append slots. */
+export interface IAdjacentEmits {
+    (e: 'click:append', event: MouseEvent): void;
+    (e: 'click:prepend', event: MouseEvent): void;
+}
+/** Slot signatures for adjacent prepend/append content. */
+export interface IAdjacentSlots {
+    prepend?: () => any;
+    append?: () => any;
+}
+/**
+ * Click events for the inner adjacent surface — these fire from icons
+ * rendered INSIDE the input chrome (clear button, password toggle, etc.)
+ * rather than from the outer prepend/append slots.
+ */
+export interface IAdjacentInnerEmits {
+    (e: 'click:appendInner', event: MouseEvent): void;
+    (e: 'click:prependInner', event: MouseEvent): void;
+    (e: 'click:clear', event: MouseEvent): void;
+}
+/** Slot signatures for inner adjacent content (renders inside the input). */
+export interface IAdjacentInnerSlots {
+    prependInner?: () => any;
+    appendInner?: () => any;
+    clear?: () => any;
+}