domma-js 0.9.17-alpha → 0.10.0

package/README.md

@@ -15,7 +15,7 @@ modern UI components in one cohesive package.
 - **Models** (`M`) - Reactive data models with pub/sub events and two-way DOM binding
 - **Elements** (`E`) - 28 UI components (modals, tabs, carousels, navbars, slideovers, and more)
 - **Tables** (`T`) - DataTable-like functionality (sort, filter, paginate, export to CSV/JSON)
-- **Forms** (`F`) - Schema-driven form generation with validation, wizards, and CRUD helpers
+- **Forms** (`F`) - Blueprint-driven form generation with validation, wizards, and CRUD helpers
 - **Icons** (`I`) - 200+ SVG icons in 15 categories with auto-scan
 - **HTTP Client** (`H`) - Simple async HTTP requests with JSON handling
 - **Storage** (`S`) - localStorage wrapper with auto JSON serialization
@@ -69,17 +69,47 @@ const { $, _, M, D } = Domma;
 
 For quick prototyping without npm:
 
+**Option 1: Official CDN (Recommended)**
+
+```html
+<!-- CSS (Load in this order) -->
+<link rel="stylesheet" href="https://dommajs.org/dist/domma.css">
+<link rel="stylesheet" href="https://dommajs.org/dist/grid.css">
+<link rel="stylesheet" href="https://dommajs.org/dist/elements.css">
+<link rel="stylesheet" href="https://dommajs.org/dist/themes/domma-themes.css">
+
+<!-- JavaScript -->
+<script src="https://dommajs.org/dist/domma.min.js"></script>
+```
+
+**Option 2: unpkg CDN**
+
 ```html
 <!-- CSS -->
-<link rel="stylesheet" href="https://unpkg.com/domma-js/public/dist/domma.css">
-<link rel="stylesheet" href="https://unpkg.com/domma-js/public/dist/grid.css">
-<link rel="stylesheet" href="https://unpkg.com/domma-js/public/dist/elements.css">
-<link rel="stylesheet" href="https://unpkg.com/domma-js/public/dist/themes/domma-themes.css">
+<link rel="stylesheet" href="https://unpkg.com/domma-js@latest/public/dist/domma.css">
+<link rel="stylesheet" href="https://unpkg.com/domma-js@latest/public/dist/grid.css">
+<link rel="stylesheet" href="https://unpkg.com/domma-js@latest/public/dist/elements.css">
+<link rel="stylesheet" href="https://unpkg.com/domma-js@latest/public/dist/themes/domma-themes.css">
 
 <!-- JavaScript -->
-<script src="https://unpkg.com/domma-js/public/dist/domma.min.js"></script>
+<script src="https://unpkg.com/domma-js@latest/public/dist/domma.min.js"></script>
 ```
 
+**Option 3: jsDelivr CDN**
+
+```html
+<!-- CSS -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/domma-js@latest/public/dist/domma.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/domma-js@latest/public/dist/grid.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/domma-js@latest/public/dist/elements.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/domma-js@latest/public/dist/themes/domma-themes.css">
+
+<!-- JavaScript -->
+<script src="https://cdn.jsdelivr.net/npm/domma-js@latest/public/dist/domma.min.js"></script>
+```
+
+> **Tip:** Replace `@latest` with a specific version (e.g., `@0.9.18`) for production to ensure stability.
+
 ## Live Demo
 
 🚀 **[Try Domma Online](https://dommajs.org/)** - Interactive showcase with 40+ examples
@@ -91,19 +121,20 @@ Explore all features:
 
 ## Short Aliases
 
-| Namespace | Full Path         | Alias | Description                   |
-|-----------|-------------------|-------|-------------------------------|
-| DOM       | `Domma()`         | `$`   | jQuery-style DOM manipulation |
-| Utils     | `Domma.utils`     | `_`   | Lodash-style utilities        |
-| Models    | `Domma.models`    | `M`   | Reactive models & pub/sub     |
-| Dates     | `Domma.dates`     | `D`   | Date manipulation             |
-| Storage   | `Domma.storage`   | `S`   | localStorage wrapper          |
-| Auth      | `Domma.auth`      | `A`   | Authentication module         |
-| Forms     | `Domma.forms`     | `F`   | Form builder                  |
-| HTTP      | `Domma.http`      | `H`   | HTTP client                   |
-| Elements  | `Domma.elements`  | `E`   | UI components                 |
-| Icons     | `Domma.icons`     | `I`   | SVG icon system               |
-| Tables    | `Domma.tables`    | `T`   | DataTable functionality       |
+| Namespace  | Full Path         | Alias | Description                              |
+|------------|-------------------|-------|------------------------------------------|
+| DOM        | `Domma()`         | `$`   | jQuery-style DOM manipulation            |
+| Utils      | `Domma.utils`     | `_`   | Lodash-style utilities                   |
+| Models     | `Domma.models`    | `M`   | Reactive models & pub/sub                |
+| Blueprints | Blueprint Methods | `B`   | Blueprint composition (extend, pick, omit) |
+| Dates      | `Domma.dates`     | `D`   | Date manipulation                        |
+| Storage    | `Domma.storage`   | `S`   | localStorage wrapper                     |
+| Auth       | `Domma.auth`      | `A`   | Authentication module                    |
+| Forms      | `Domma.forms`     | `F`   | Form builder                             |
+| HTTP       | `Domma.http`      | `H`   | HTTP client                              |
+| Elements   | `Domma.elements`  | `E`   | UI components                            |
+| Icons      | `Domma.icons`     | `I`   | SVG icon system                          |
+| Tables     | `Domma.tables`    | `T`   | DataTable functionality                  |
 
 ## Bundle Options
 
@@ -117,10 +148,20 @@ Choose the right bundle for your needs:
 | **data-focused** | 190KB | Core + models, tables, http, storage |
 | **no-ui** | 41KB | Core utilities only (DOM + utils) |
 
-```javascript
-// Use specific bundles via CDN
-<script src="https://unpkg.com/domma-js/public/dist/domma-minimal.min.js"></script>
-<script src="https://unpkg.com/domma-js/public/dist/domma-essentials.min.js"></script>
+```html
+<!-- Use specific bundles via CDN -->
+<!-- Minimal bundle (163KB) -->
+<script src="https://dommajs.org/dist/domma-minimal.min.js"></script>
+
+<!-- Essentials bundle (328KB) -->
+<script src="https://dommajs.org/dist/domma-essentials.min.js"></script>
+
+<!-- Data-focused bundle (190KB) -->
+<script src="https://dommajs.org/dist/domma-data-focused.min.js"></script>
+
+<!-- Via unpkg -->
+<script src="https://unpkg.com/domma-js@latest/public/dist/domma-minimal.min.js"></script>
+<script src="https://unpkg.com/domma-js@latest/public/dist/domma-essentials.min.js"></script>
 ```
 
 ## Quick Start
@@ -239,8 +280,11 @@ Domma.theme.init({ autoDetect: true });
 Domma includes powerful developer tools in a separate bundle.
 
 ```html
-<!-- Load tools bundle -->
-<script src="dist/domma-tools.min.js"></script>
+<!-- Load tools bundle via CDN -->
+<script src="https://dommajs.org/dist/domma-tools.min.js"></script>
+
+<!-- Or via unpkg -->
+<script src="https://unpkg.com/domma-js@latest/public/dist/domma-tools.min.js"></script>
 ```
 
 **Theme Roller** - Visual theme customization tool:
@@ -530,10 +574,10 @@ table.toJSON();
 
 ### Forms (`F` or `Domma.forms`)
 
-Schema-driven form generation with validation, wizards, and CRUD helpers.
+Blueprint-driven form generation with validation, wizards, and CRUD helpers.
 
 ```javascript
-// Schema-driven form
+// Blueprint-driven form
 const form = F.create('#user-form', {
     fields: [
         { name: 'name', type: 'string', label: 'Full Name', required: true },
@@ -558,7 +602,7 @@ const wizard = F.wizard('#registration', {
 // CRUD helper
 const crud = F.crud({
     apiUrl: '/api/users',
-    fields: schema,
+    fields: blueprint,
     table: '#users-table'
 });
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-js",
-  "version": "0.9.17-alpha",
+  "version": "0.10.0",
   "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
   "main": "public/dist/domma.min.js",
   "module": "public/dist/domma.esm.js",
@@ -26,7 +26,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/USERNAME/REPOSITORY.git"
+    "url": "git+https://github.com/pinpointzero73/domma.git"
   },
   "type": "module",
   "scripts": {
@@ -43,6 +43,10 @@
     "build:miniapps": "node scripts/build-miniapp.js && node scripts/copy-miniapps.js",
     "build:miniapp:garage": "node scripts/build-miniapp.js garage",
     "generate:bundles": "node scripts/generate-bundles.js",
+    "release": "bash scripts/release.sh",
+    "release:patch": "npm version patch && npm run release",
+    "release:minor": "npm version minor && npm run release",
+    "release:major": "npm version major && npm run release",
     "test:vitest": "vitest",
     "test": "vitest",
     "cypress:run": "cypress run"

package/public/dist/bundles/domma-complete.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.9.13-alpha
+ * Domma Complete CSS Bundle v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.766Z
+ * Built: 2026-01-23T16:46:59.810Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.9.13-alpha
+ * Domma Core CSS v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.437Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.402Z
+ * Commit: e2a2ded
  */
 
 /**
@@ -4016,11 +4016,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.9.13-alpha
+ * Domma Grid CSS v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.445Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.410Z
+ * Commit: e2a2ded
  */
 
 /**
@@ -4617,11 +4617,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.9.13-alpha
+ * Domma Elements CSS v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.453Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.420Z
+ * Commit: e2a2ded
  */
 
 /**
@@ -5573,38 +5573,66 @@ textarea:not([class])::placeholder {
 
 .input-group-icon > .input-group-addon {
     position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    pointer-events: none;
-    z-index: 1;
+    top: 0;
+    bottom: 0;
     display: flex;
     align-items: center;
-    color: var(--dm-gray-500);
+    justify-content: center;
+    pointer-events: none;
+    z-index: 1;
+    color: var(--dm-gray-600);
+    background-color: var(--dm-gray-100);
+    padding: 0 var(--dm-space-3);
 }
 
 .input-group-icon > .input-group-addon-left {
-    left: var(--dm-space-3);
+    left: 0;
+    border-right: 1px solid var(--dm-border, var(--dm-gray-300));
+    border-top-left-radius: var(--dm-radius-md);
+    border-bottom-left-radius: var(--dm-radius-md);
 }
 
 .input-group-icon > .input-group-addon-right {
-    right: var(--dm-space-3);
+    right: 0;
+    border-left: 1px solid var(--dm-border, var(--dm-gray-300));
+    border-top-right-radius: var(--dm-radius-md);
+    border-bottom-right-radius: var(--dm-radius-md);
+}
+
+/* Dark theme variants */
+[class*="-dark"] .input-group-icon > .input-group-addon {
+    color: var(--dm-gray-400);
+    background-color: var(--dm-gray-800);
+    border-color: var(--dm-gray-600);
 }
 
 /* Adjust input padding when icon is present */
 .input-group-icon.has-addon-left > .form-input,
-.input-group-icon.has-addon-left > input {
-    padding-left: 2.75rem;
+.input-group-icon.has-addon-left > .form-select,
+.input-group-icon.has-addon-left > .form-textarea,
+.input-group-icon.has-addon-left > input,
+.input-group-icon.has-addon-left > select,
+.input-group-icon.has-addon-left > textarea {
+    padding-left: 3.5rem;
 }
 
 .input-group-icon.has-addon-right > .form-input,
-.input-group-icon.has-addon-right > input {
-    padding-right: 2.75rem;
+.input-group-icon.has-addon-right > .form-select,
+.input-group-icon.has-addon-right > .form-textarea,
+.input-group-icon.has-addon-right > input,
+.input-group-icon.has-addon-right > select,
+.input-group-icon.has-addon-right > textarea {
+    padding-right: 3.5rem;
 }
 
 .input-group-icon.has-addon-left.has-addon-right > .form-input,
-.input-group-icon.has-addon-left.has-addon-right > input {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
+.input-group-icon.has-addon-left.has-addon-right > .form-select,
+.input-group-icon.has-addon-left.has-addon-right > .form-textarea,
+.input-group-icon.has-addon-left.has-addon-right > input,
+.input-group-icon.has-addon-left.has-addon-right > select,
+.input-group-icon.has-addon-left.has-addon-right > textarea {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
 }
 
 /* Prepend/Append style (addon outside input) */
@@ -5683,21 +5711,21 @@ textarea:not([class])::placeholder {
 }
 
 .input-group-sm.input-group-icon.has-addon-left > .form-input,
-.input-group-sm.input-group-icon.has-addon-left > input {
-    padding-left: 2rem;
+.input-group-sm.input-group-icon.has-addon-left > .form-select,
+.input-group-sm.input-group-icon.has-addon-left > .form-textarea,
+.input-group-sm.input-group-icon.has-addon-left > input,
+.input-group-sm.input-group-icon.has-addon-left > select,
+.input-group-sm.input-group-icon.has-addon-left > textarea {
+    padding-left: 2.75rem;
 }
 
 .input-group-sm.input-group-icon.has-addon-right > .form-input,
-.input-group-sm.input-group-icon.has-addon-right > input {
-    padding-right: 2rem;
-}
-
-.input-group-sm .input-group-addon-left {
-    left: var(--dm-space-2);
-}
-
-.input-group-sm .input-group-addon-right {
-    right: var(--dm-space-2);
+.input-group-sm.input-group-icon.has-addon-right > .form-select,
+.input-group-sm.input-group-icon.has-addon-right > .form-textarea,
+.input-group-sm.input-group-icon.has-addon-right > input,
+.input-group-sm.input-group-icon.has-addon-right > select,
+.input-group-sm.input-group-icon.has-addon-right > textarea {
+    padding-right: 2.75rem;
 }
 
 .input-group-lg .input-group-text {
@@ -5712,21 +5740,21 @@ textarea:not([class])::placeholder {
 }
 
 .input-group-lg.input-group-icon.has-addon-left > .form-input,
-.input-group-lg.input-group-icon.has-addon-left > input {
-    padding-left: 3.5rem;
+.input-group-lg.input-group-icon.has-addon-left > .form-select,
+.input-group-lg.input-group-icon.has-addon-left > .form-textarea,
+.input-group-lg.input-group-icon.has-addon-left > input,
+.input-group-lg.input-group-icon.has-addon-left > select,
+.input-group-lg.input-group-icon.has-addon-left > textarea {
+    padding-left: 4rem;
 }
 
 .input-group-lg.input-group-icon.has-addon-right > .form-input,
-.input-group-lg.input-group-icon.has-addon-right > input {
-    padding-right: 3.5rem;
-}
-
-.input-group-lg .input-group-addon-left {
-    left: var(--dm-space-4);
-}
-
-.input-group-lg .input-group-addon-right {
-    right: var(--dm-space-4);
+.input-group-lg.input-group-icon.has-addon-right > .form-select,
+.input-group-lg.input-group-icon.has-addon-right > .form-textarea,
+.input-group-lg.input-group-icon.has-addon-right > input,
+.input-group-lg.input-group-icon.has-addon-right > select,
+.input-group-lg.input-group-icon.has-addon-right > textarea {
+    padding-right: 4rem;
 }
 
 /* Dark theme support */
@@ -5736,10 +5764,6 @@ textarea:not([class])::placeholder {
     border-color: var(--dm-gray-600);
 }
 
-[class*="-dark"].input-group-icon > .input-group-addon {
-    color: var(--dm-gray-400);
-}
-
 /* Focus state - highlight addon when input is focused */
 .input-group-icon:focus-within > .input-group-addon {
     color: var(--dm-primary);
@@ -11163,11 +11187,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.9.13-alpha
+ * Domma Themes v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.403Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.375Z
+ * Commit: e2a2ded
  */
 
 /**

package/public/dist/bundles/domma-data-focused.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.9.13-alpha
+ * Domma Data-Focused CSS Bundle v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.757Z
+ * Built: 2026-01-23T16:46:59.796Z
  */
 
 /* ============================================
@@ -230,11 +230,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.9.13-alpha
+ * Domma Core CSS v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.437Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.402Z
+ * Commit: e2a2ded
  */
 
 /**
@@ -4235,11 +4235,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.9.13-alpha
+ * Domma Grid CSS v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.445Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.410Z
+ * Commit: e2a2ded
  */
 
 /**
@@ -4836,11 +4836,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.9.13-alpha
+ * Domma Elements CSS v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.453Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.420Z
+ * Commit: e2a2ded
  */
 
 /**
@@ -5792,38 +5792,66 @@ textarea:not([class])::placeholder {
 
 .input-group-icon > .input-group-addon {
     position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    pointer-events: none;
-    z-index: 1;
+    top: 0;
+    bottom: 0;
     display: flex;
     align-items: center;
-    color: var(--dm-gray-500);
+    justify-content: center;
+    pointer-events: none;
+    z-index: 1;
+    color: var(--dm-gray-600);
+    background-color: var(--dm-gray-100);
+    padding: 0 var(--dm-space-3);
 }
 
 .input-group-icon > .input-group-addon-left {
-    left: var(--dm-space-3);
+    left: 0;
+    border-right: 1px solid var(--dm-border, var(--dm-gray-300));
+    border-top-left-radius: var(--dm-radius-md);
+    border-bottom-left-radius: var(--dm-radius-md);
 }
 
 .input-group-icon > .input-group-addon-right {
-    right: var(--dm-space-3);
+    right: 0;
+    border-left: 1px solid var(--dm-border, var(--dm-gray-300));
+    border-top-right-radius: var(--dm-radius-md);
+    border-bottom-right-radius: var(--dm-radius-md);
+}
+
+/* Dark theme variants */
+[class*="-dark"] .input-group-icon > .input-group-addon {
+    color: var(--dm-gray-400);
+    background-color: var(--dm-gray-800);
+    border-color: var(--dm-gray-600);
 }
 
 /* Adjust input padding when icon is present */
 .input-group-icon.has-addon-left > .form-input,
-.input-group-icon.has-addon-left > input {
-    padding-left: 2.75rem;
+.input-group-icon.has-addon-left > .form-select,
+.input-group-icon.has-addon-left > .form-textarea,
+.input-group-icon.has-addon-left > input,
+.input-group-icon.has-addon-left > select,
+.input-group-icon.has-addon-left > textarea {
+    padding-left: 3.5rem;
 }
 
 .input-group-icon.has-addon-right > .form-input,
-.input-group-icon.has-addon-right > input {
-    padding-right: 2.75rem;
+.input-group-icon.has-addon-right > .form-select,
+.input-group-icon.has-addon-right > .form-textarea,
+.input-group-icon.has-addon-right > input,
+.input-group-icon.has-addon-right > select,
+.input-group-icon.has-addon-right > textarea {
+    padding-right: 3.5rem;
 }
 
 .input-group-icon.has-addon-left.has-addon-right > .form-input,
-.input-group-icon.has-addon-left.has-addon-right > input {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
+.input-group-icon.has-addon-left.has-addon-right > .form-select,
+.input-group-icon.has-addon-left.has-addon-right > .form-textarea,
+.input-group-icon.has-addon-left.has-addon-right > input,
+.input-group-icon.has-addon-left.has-addon-right > select,
+.input-group-icon.has-addon-left.has-addon-right > textarea {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
 }
 
 /* Prepend/Append style (addon outside input) */
@@ -5902,21 +5930,21 @@ textarea:not([class])::placeholder {
 }
 
 .input-group-sm.input-group-icon.has-addon-left > .form-input,
-.input-group-sm.input-group-icon.has-addon-left > input {
-    padding-left: 2rem;
+.input-group-sm.input-group-icon.has-addon-left > .form-select,
+.input-group-sm.input-group-icon.has-addon-left > .form-textarea,
+.input-group-sm.input-group-icon.has-addon-left > input,
+.input-group-sm.input-group-icon.has-addon-left > select,
+.input-group-sm.input-group-icon.has-addon-left > textarea {
+    padding-left: 2.75rem;
 }
 
 .input-group-sm.input-group-icon.has-addon-right > .form-input,
-.input-group-sm.input-group-icon.has-addon-right > input {
-    padding-right: 2rem;
-}
-
-.input-group-sm .input-group-addon-left {
-    left: var(--dm-space-2);
-}
-
-.input-group-sm .input-group-addon-right {
-    right: var(--dm-space-2);
+.input-group-sm.input-group-icon.has-addon-right > .form-select,
+.input-group-sm.input-group-icon.has-addon-right > .form-textarea,
+.input-group-sm.input-group-icon.has-addon-right > input,
+.input-group-sm.input-group-icon.has-addon-right > select,
+.input-group-sm.input-group-icon.has-addon-right > textarea {
+    padding-right: 2.75rem;
 }
 
 .input-group-lg .input-group-text {
@@ -5931,21 +5959,21 @@ textarea:not([class])::placeholder {
 }
 
 .input-group-lg.input-group-icon.has-addon-left > .form-input,
-.input-group-lg.input-group-icon.has-addon-left > input {
-    padding-left: 3.5rem;
+.input-group-lg.input-group-icon.has-addon-left > .form-select,
+.input-group-lg.input-group-icon.has-addon-left > .form-textarea,
+.input-group-lg.input-group-icon.has-addon-left > input,
+.input-group-lg.input-group-icon.has-addon-left > select,
+.input-group-lg.input-group-icon.has-addon-left > textarea {
+    padding-left: 4rem;
 }
 
 .input-group-lg.input-group-icon.has-addon-right > .form-input,
-.input-group-lg.input-group-icon.has-addon-right > input {
-    padding-right: 3.5rem;
-}
-
-.input-group-lg .input-group-addon-left {
-    left: var(--dm-space-4);
-}
-
-.input-group-lg .input-group-addon-right {
-    right: var(--dm-space-4);
+.input-group-lg.input-group-icon.has-addon-right > .form-select,
+.input-group-lg.input-group-icon.has-addon-right > .form-textarea,
+.input-group-lg.input-group-icon.has-addon-right > input,
+.input-group-lg.input-group-icon.has-addon-right > select,
+.input-group-lg.input-group-icon.has-addon-right > textarea {
+    padding-right: 4rem;
 }
 
 /* Dark theme support */
@@ -5955,10 +5983,6 @@ textarea:not([class])::placeholder {
     border-color: var(--dm-gray-600);
 }
 
-[class*="-dark"].input-group-icon > .input-group-addon {
-    color: var(--dm-gray-400);
-}
-
 /* Focus state - highlight addon when input is focused */
 .input-group-icon:focus-within > .input-group-addon {
     color: var(--dm-primary);
@@ -11382,11 +11406,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.9.13-alpha
+ * Domma Themes v0.10.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-01-20T16:05:41.403Z
- * Commit: d09e759
+ * Built: 2026-01-23T16:46:59.375Z
+ * Commit: e2a2ded
  */
 
 /**