@praxisui/tabs 9.0.0-beta.85 → 9.0.0-beta.88

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-21T15:34:49.320Z",
+  "generatedAt": "2026-07-23T02:50:28.389Z",
   "packageName": "@praxisui/tabs",
-  "packageVersion": "9.0.0-beta.85",
+  "packageVersion": "9.0.0-beta.88",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,
@@ -1967,6 +1967,39 @@
                     "tabs[].id",
                     "nav.links[].id"
                   ],
+                  "inputSchema": {
+                    "type": "object",
+                    "minProperties": 1,
+                    "properties": {
+                      "id": {
+                        "type": "string"
+                      },
+                      "textLabel": {
+                        "type": "string"
+                      },
+                      "icon": {
+                        "type": "string"
+                      },
+                      "disabled": {
+                        "type": "boolean"
+                      },
+                      "visible": {
+                        "type": "boolean"
+                      },
+                      "content": {
+                        "type": "array",
+                        "items": {
+                          "type": "object"
+                        }
+                      },
+                      "widgets": {
+                        "type": "array",
+                        "items": {
+                          "type": "object"
+                        }
+                      }
+                    }
+                  },
                   "failureModes": [
                     "target-tab-or-link-missing",
                     "invalid-dynamic-field-content",
@@ -2266,6 +2299,106 @@
         {
           "chunkIndex": 3,
           "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.add\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Add tab Effects: append-unique. Add an Overview tab before the details tab. Add another tab with id overview. Create a list in this tab; do not add a new tab.\",\"scope\":\"global\",\"target\":{\"kind\":\"tab\",\"resolver\":\"tabs-array\",\"required\":false},\"inputContract\":{\"required\":[\"id\",\"textLabel\"],\"properties\":[\"id\",\"textLabel\",\"icon\",\"disabled\",\"visible\",\"content\",\"widgets\"],\"semanticTerms\":[\"id\",\"textLabel\",\"icon\",\"disabled\",\"visible\",\"content\",\"widgets\"]},\"effects\":[\"append-unique\"],\"affectedPaths\":[\"tabs[]\"],\"validators\":[{\"validatorId\":\"tab-id-unique\",\"level\":\"error\",\"code\":\"PTABS001\",\"description\":\"Tab ids and nav link ids must be unique within their mode.\"},{\"validatorId\":\"tabs-mode-compatible\",\"level\":\"error\",\"code\":\"PTABS011\",\"description\":\"Authoring must resolve to one primary mode: group tabs or nav links.\"},{\"validatorId\":\"tab-content-valid\",\"level\":\"error\",\"code\":\"PTABS016\",\"description\":\"Tab content must be valid DynamicFieldMetadata[] or WidgetDefinition[] and preserve nested widget identity.\"}],\"preconditions\":[\"config-initialized\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"add-overview-tab\",\"request\":\"Add an Overview tab before the details tab.\",\"operationId\":\"tab.add\",\"params\":{\"id\":\"overview\",\"textLabel\":\"Overview\"},\"isPositive\":true}],\"negativeExamples\":[{\"id\":\"reject-duplicate-tab-id\",\"request\":\"Add another tab with id overview.\",\"operationId\":\"tab.add\",\"params\":{\"id\":\"overview\",\"textLabel\":\"Duplicate Overview\"},\"isPositive\":false},{\"id\":\"reject-current-tab-content-as-tab-add\",\"request\":\"Create a list in this tab; do not add a new tab.\",\"operationId\":\"tab.add\",\"params\":{\"id\":\"list-in-this-tab\",\"textLabel\":\"List in this tab\"},\"isPositive\":false}]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "9c83cd8fd8ce269911902b6331b53fd1aa7822680fcc8bf90a3f20350d327b0e",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 4,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.remove\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Remove tab Effects: compile-domain-patch. Remove the details tab that contains widgets.\",\"scope\":\"layout\",\"target\":{\"kind\":\"tab\",\"resolver\":\"tab-by-id-or-label\",\"required\":true},\"inputContract\":{\"required\":[],\"properties\":[\"replacementActiveTabId\"],\"semanticTerms\":[\"replacementActiveTabId\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"tabs[]\",\"group.selectedIndex\"],\"validators\":[{\"validatorId\":\"tab-exists\",\"level\":\"error\",\"code\":\"PTABS002\",\"description\":\"Target tab must exist before applying the operation.\"},{\"validatorId\":\"active-tab-removal-safe\",\"level\":\"error\",\"code\":\"PTABS006\",\"description\":\"Removing the active/default tab requires confirmation or a replacement active tab.\"},{\"validatorId\":\"tab-content-removal-confirmed\",\"level\":\"error\",\"code\":\"PTABS007\",\"description\":\"Removing a tab or link with content/widgets is destructive and requires confirmation.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-exists\",\"confirmation-collected\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"confirm-remove-content-tab\",\"request\":\"Remove the details tab that contains widgets.\",\"operationId\":\"tab.remove\",\"target\":\"details\",\"params\":{\"replacementActiveTabId\":\"overview\"},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "db3b912a41d4b7b9c8820a6230a45e5fbb4720e7f17bf25bd58fcc180394fb94",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 5,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.label.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set tab label Effects: merge-by-key. Rename the details tab to Account Details.\",\"scope\":\"layout\",\"target\":{\"kind\":\"tabLabel\",\"resolver\":\"tab-by-id-or-label\",\"required\":true},\"inputContract\":{\"required\":[\"textLabel\"],\"properties\":[\"textLabel\"],\"semanticTerms\":[\"textLabel\"]},\"effects\":[\"merge-by-key\"],\"affectedPaths\":[\"tabs[].textLabel\"],\"validators\":[{\"validatorId\":\"tab-exists\",\"level\":\"error\",\"code\":\"PTABS002\",\"description\":\"Target tab must exist before applying the operation.\"},{\"validatorId\":\"tab-label-valid\",\"level\":\"error\",\"code\":\"PTABS008\",\"description\":\"Tab labels must be non-empty text values after localization/domain projection.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-exists\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"rename-tab\",\"request\":\"Rename the details tab to Account Details.\",\"operationId\":\"tab.label.set\",\"target\":\"details\",\"params\":{\"textLabel\":\"Account Details\"},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "568f804c768b2ebf7955db7c59a95bb6733d31e78247610dba51b48e0ad98fcd",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 6,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.icon.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set tab icon Effects: merge-by-key.\",\"scope\":\"layout\",\"target\":{\"kind\":\"tabIcon\",\"resolver\":\"tab-by-id-or-label\",\"required\":true},\"inputContract\":{\"required\":[\"icon\"],\"properties\":[\"icon\"],\"semanticTerms\":[\"icon\"]},\"effects\":[\"merge-by-key\"],\"affectedPaths\":[\"tabs[].icon\"],\"validators\":[{\"validatorId\":\"tab-exists\",\"level\":\"error\",\"code\":\"PTABS002\",\"description\":\"Target tab must exist before applying the operation.\"},{\"validatorId\":\"tab-icon-valid\",\"level\":\"warning\",\"code\":\"PTABS009\",\"description\":\"Tab icon metadata must remain compatible with the icon directive and editor round-trip.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-exists\"],\"submissionImpact\":\"visual-only\",\"presentationAffordances\":[],\"positiveExamples\":[],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "81e1b95049419836613778f2abdf4f0a25a82cd9faa98eacbce6d3ed55a59951",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 7,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.order.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Reorder tabs Effects: compile-domain-patch. Move billing before overview.\",\"scope\":\"layout\",\"target\":{\"kind\":\"tab\",\"resolver\":\"tab-by-id-or-label\",\"required\":true},\"inputContract\":{\"required\":[\"beforeTabId\"],\"properties\":[\"beforeTabId\"],\"semanticTerms\":[\"beforeTabId\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"tabs[]\",\"group.selectedIndex\"],\"validators\":[{\"validatorId\":\"tab-exists\",\"level\":\"error\",\"code\":\"PTABS002\",\"description\":\"Target tab must exist before applying the operation.\"},{\"validatorId\":\"tab-order-deterministic\",\"level\":\"error\",\"code\":\"PTABS010\",\"description\":\"Tab ordering must use stable ids, not transient array index as identity.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-exists\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"reorder-tabs\",\"request\":\"Move billing before overview.\",\"operationId\":\"tab.order.set\",\"target\":\"billing\",\"params\":{\"beforeTabId\":\"overview\"},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "e68b79e375d835c6b3cd7ab8f6584816e0cd6f5c87730133c7ce999d00d1b654",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 8,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.disabled.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set tab disabled state Effects: compile-domain-patch. Disable the audit tab until the user has permission.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"disabledState\",\"resolver\":\"tab-or-link-by-id\",\"required\":true},\"inputContract\":{\"required\":[\"disabled\"],\"properties\":[\"disabled\"],\"semanticTerms\":[\"disabled\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"tabs[].disabled\",\"nav.links[].disabled\"],\"validators\":[{\"validatorId\":\"tab-or-link-exists\",\"level\":\"error\",\"code\":\"PTABS003\",\"description\":\"Target must resolve to an existing group tab or nav link.\"},{\"validatorId\":\"active-tab-disabled-safe\",\"level\":\"warning\",\"code\":\"PTABS014\",\"description\":\"Disabling the active item should move selection or request explicit confirmation.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"disable-tab\",\"request\":\"Disable the audit tab until the user has permission.\",\"operationId\":\"tab.disabled.set\",\"target\":\"audit\",\"params\":{\"disabled\":true},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "51700df31cbe1a9695a7b633cfcccbeb9e2ad85a740366c0a6f274cf7a82f919",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 9,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.visible.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set tab visibility Effects: compile-domain-patch.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"visibility\",\"resolver\":\"tab-or-link-by-id\",\"required\":true},\"inputContract\":{\"required\":[\"visible\"],\"properties\":[\"visible\"],\"semanticTerms\":[\"visible\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"tabs[].visible\",\"nav.links[].visible\"],\"validators\":[{\"validatorId\":\"tab-or-link-exists\",\"level\":\"error\",\"code\":\"PTABS003\",\"description\":\"Target must resolve to an existing group tab or nav link.\"},{\"validatorId\":\"active-tab-visibility-safe\",\"level\":\"warning\",\"code\":\"PTABS015\",\"description\":\"Hiding the active item should move selection or request explicit confirmation.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "bc274ea9ca6f42f01e092e3a66e9017a32051a63cfc648c8c64462a0a1f4ecd0",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 10,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.active.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set active tab Effects: compile-domain-patch. Open the documents tab by default.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"activeTab\",\"resolver\":\"tab-index-or-id\",\"required\":true},\"inputContract\":{\"required\":[\"selectedIndex\"],\"properties\":[\"selectedIndex\",\"tabId\"],\"semanticTerms\":[\"selectedIndex\",\"tabId\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"group.selectedIndex\",\"nav.selectedIndex\"],\"validators\":[{\"validatorId\":\"active-tab-exists\",\"level\":\"error\",\"code\":\"PTABS004\",\"description\":\"Active tab or nav link selection must reference an existing item.\"},{\"validatorId\":\"selected-index-in-range\",\"level\":\"error\",\"code\":\"PTABS005\",\"description\":\"Selected index must be clamped to the target mode item count.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"activate-tab\",\"request\":\"Open the documents tab by default.\",\"operationId\":\"tab.active.set\",\"target\":\"documents\",\"params\":{\"tabId\":\"documents\",\"selectedIndex\":2},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "d19dfef3b55f971a91cdfc5cb37552fcfb6cafaeac7863aa4da6b9a2715a9ee8",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 11,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"layout.variant.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set tabs layout variant Effects: merge-object, merge-object, merge-object, merge-object.\",\"scope\":\"layout\",\"target\":{\"kind\":\"layout\",\"resolver\":\"tabs-layout-config\",\"required\":true},\"inputContract\":{\"required\":[\"mode\"],\"properties\":[\"mode\",\"density\",\"headerPosition\",\"alignTabs\",\"stretchTabs\",\"lazyLoad\"],\"semanticTerms\":[\"mode\",\"density\",\"headerPosition\",\"alignTabs\",\"stretchTabs\",\"lazyLoad\",\"group\",\"nav\",\"compact\",\"comfortable\",\"spacious\",\"above\",\"below\",\"start\",\"center\",\"end\"]},\"effects\":[\"merge-object\",\"merge-object\",\"merge-object\",\"merge-object\"],\"affectedPaths\":[\"appearance.density\",\"group.headerPosition\",\"group.alignTabs\",\"group.stretchTabs\",\"nav.stretchTabs\",\"behavior.lazyLoad\"],\"validators\":[{\"validatorId\":\"tabs-mode-compatible\",\"level\":\"error\",\"code\":\"PTABS011\",\"description\":\"Authoring must resolve to one primary mode: group tabs or nav links.\"},{\"validatorId\":\"layout-values-valid\",\"level\":\"error\",\"code\":\"PTABS012\",\"description\":\"Layout values must match TabsMetadata enums and runtime bindings.\"},{\"validatorId\":\"editor-runtime-round-trip\",\"level\":\"error\",\"code\":\"PTABS013\",\"description\":\"Settings Panel, quick setup, JSON editor and runtime must preserve ids, order and selected index.\"}],\"preconditions\":[\"config-initialized\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "b8f1c5aeee5e423525a8af7c5a2880695b2ec04b3e78d5510661c67be407dfa8",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 12,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"tab.content.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set tab content Effects: compile-domain-patch. Create a list widget inside the current training tab. Add name, date and status fields to the existing onboarding tab.\",\"scope\":\"layout\",\"target\":{\"kind\":\"tabContent\",\"resolver\":\"tab-or-link-by-id\",\"required\":true},\"inputContract\":{\"required\":[],\"properties\":[\"id\",\"textLabel\",\"icon\",\"disabled\",\"visible\",\"content\",\"widgets\"],\"semanticTerms\":[\"id\",\"textLabel\",\"icon\",\"disabled\",\"visible\",\"content\",\"widgets\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"tabs[].content\",\"tabs[].widgets\",\"nav.links[].content\",\"nav.links[].widgets\"],\"validators\":[{\"validatorId\":\"tab-or-link-exists\",\"level\":\"error\",\"code\":\"PTABS003\",\"description\":\"Target must resolve to an existing group tab or nav link.\"},{\"validatorId\":\"tab-content-valid\",\"level\":\"error\",\"code\":\"PTABS016\",\"description\":\"Tab content must be valid DynamicFieldMetadata[] or WidgetDefinition[] and preserve nested widget identity.\"},{\"validatorId\":\"widget-event-delegated\",\"level\":\"info\",\"code\":\"PTABS017\",\"description\":\"Nested widget event paths remain delegated to the tabs runtime contract and are not redefined by authoring.\"}],\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"add-list-to-current-tab\",\"request\":\"Create a list widget inside the current training tab.\",\"operationId\":\"tab.content.set\",\"target\":\"training\",\"params\":{\"widgets\":[{\"id\":\"training-list\",\"component\":\"praxis-list\",\"title\":\"Training list\"}]},\"isPositive\":true},{\"id\":\"add-form-fields-to-existing-tab\",\"request\":\"Add name, date and status fields to the existing onboarding tab.\",\"operationId\":\"tab.content.set\",\"target\":\"onboarding\",\"params\":{\"content\":[{\"name\":\"name\",\"label\":\"Name\",\"controlType\":\"text\"},{\"name\":\"plannedDate\",\"label\":\"Planned date\",\"controlType\":\"date\"},{\"name\":\"status\",\"label\":\"Status\",\"controlType\":\"select\"}]},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
+          "contentHash": "3f619f89019a752a08ad858f7102295f158518185906c3baafb6cb57897faee9",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-tabs",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 13,
+          "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"identity\"}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
           "contentHash": "4c5c643176676f4d2f95e1c154851c10be0412a7edd8338bb58c029d74dea3b8",
@@ -2274,7 +2407,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 4,
+          "chunkIndex": 14,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"runtimeInputs\",\"runtimeInputs\":[{\"name\":\"config\",\"type\":\"TabsMetadata\",\"description\":\"Canonical tabs/nav configuration.\"},{\"name\":\"tabsId\",\"type\":\"string\",\"description\":\"Stable id used to derive persistence scope.\"},{\"name\":\"componentInstanceId\",\"type\":\"string\",\"description\":\"Optional instance discriminator for persistence scope.\"},{\"name\":\"configPersistenceStrategy\",\"type\":\"\\\"storage-first\\\" | \\\"input-first\\\"\",\"description\":\"Controls whether persisted customization or explicit input config governs the runtime. Governed previews with nested widgets should use input-first.\"},{\"name\":\"form\",\"type\":\"FormGroup\",\"description\":\"FormGroup consumed by dynamic field content.\"},{\"name\":\"context\",\"type\":\"Record<string, any>\",\"description\":\"Context passed to nested widgets.\"},{\"name\":\"enableCustomization\",\"type\":\"boolean\",\"description\":\"Enables Settings Panel authoring surfaces.\"}]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
@@ -2284,7 +2417,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 5,
+          "chunkIndex": 15,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"editableTargets\",\"editableTargets\":[{\"kind\":\"tab\",\"resolver\":\"tab-by-id-or-label\",\"description\":\"A group-mode tab in config.tabs[].\"},{\"kind\":\"tabLabel\",\"resolver\":\"tab-by-id-or-label\",\"description\":\"The text label of a group-mode tab.\"},{\"kind\":\"tabIcon\",\"resolver\":\"tab-by-id-or-label\",\"description\":\"Icon metadata rendered in a group tab label.\"},{\"kind\":\"tabContent\",\"resolver\":\"tab-or-link-by-id\",\"description\":\"Dynamic fields or widgets hosted by a tab or nav link.\"},{\"kind\":\"activeTab\",\"resolver\":\"tab-index-or-id\",\"description\":\"Selected tab or nav link index.\"},{\"kind\":\"visibility\",\"resolver\":\"tab-or-link-by-id\",\"description\":\"Runtime visibility flag for a group tab or nav link.\"},{\"kind\":\"disabledState\",\"resolver\":\"tab-or-link-by-id\",\"description\":\"Disabled state of a tab or nav link.\"},{\"kind\":\"layout\",\"resolver\":\"tabs-layout-config\",\"description\":\"Group/nav mode, header position, density, stretch and behavior settings.\"},{\"kind\":\"renderBody\",\"resolver\":\"tabs-render-body-config\",\"description\":\"Config paths group.renderBody and nav.renderBody that let the host own external body content.\"}]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
@@ -2294,7 +2427,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 6,
+          "chunkIndex": 16,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"tab.add\",\"title\":\"Add tab\",\"scope\":\"global\",\"targetKind\":\"tab\",\"target\":{\"kind\":\"tab\",\"resolver\":\"tabs-array\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"required\":[\"id\",\"textLabel\"],\"properties\":{\"id\":{\"type\":\"string\"},\"textLabel\":{\"type\":\"string\"},\"icon\":{\"type\":\"string\"},\"disabled\":{\"type\":\"boolean\"},\"visible\":{\"type\":\"boolean\",\"default\":true},\"content\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}},\"widgets\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}}}},\"effects\":[{\"kind\":\"append-unique\",\"path\":\"tabs[]\",\"key\":\"id\"}],\"validators\":[\"tab-id-unique\",\"tabs-mode-compatible\",\"tab-content-valid\"],\"destructive\":false,\"requiresConfirmation\":false,\"affectedPaths\":[\"tabs[]\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"tab.remove\",\"title\":\"Remove tab\",\"scope\":\"layout\",\"targetKind\":\"tab\",\"target\":{\"kind\":\"tab\",\"resolver\":\"tab-by-id-or-label\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"properties\":{\"replacementActiveTabId\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.remove-tab-and-reselect\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"group.selectedIndex\"],\"writes\":[\"tabs[]\",\"group.selectedIndex\"],\"identityKeys\":[\"tabs[].id\"],\"inputSchema\":{\"type\":\"object\",\"properties\":{\"replacementActiveTabId\":{\"type\":\"string\"}}},\"failureModes\":[\"target-tab-missing\",\"replacement-tab-missing\",\"confirmation-missing\"],\"description\":\"Removes the target tab by stable id and reselects a safe replacement when the active/default tab is removed.\"}}],\"destructive\":true,\"requiresConfirmation\":true,\"validators\":[\"tab-exists\",\"active-tab-removal-safe\",\"tab-content-removal-confirmed\"],\"affectedPaths\":[\"tabs[]\",\"group.selectedIndex\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-exists\",\"confirmation-collected\"]},{\"operationId\":\"tab.label.set\",\"title\":\"Set tab label\",\"scope\":\"layout\",\"targetKind\":\"tabLabel\",\"target\":{\"kind\":\"tabLabel\",\"resolver\":\"tab-by-id-or-label\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"textLabel\"],\"properties\":{\"textLabel\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"merge-by-key\",\"path\":\"tabs[]\",\"key\":\"id\"}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-exists\",\"tab-label-valid\"],\"affectedPaths\":[\"tabs[].textLabel\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-exists\"]},{\"operationId\":\"tab.icon.set\",\"title\":\"Set tab icon\",\"scope\":\"layout\",\"targetKind\":\"tabIcon\",\"target\":{\"kind\":\"tabIcon\",\"resolver\":\"tab-by-id-or-label\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"icon\"],\"properties\":{\"icon\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"merge-by-key\",\"path\":\"tabs[]\",\"key\":\"id\"}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-exists\",\"tab-icon-valid\"],\"affectedPaths\":[\"tabs[].icon\"],\"submissionImpact\":\"visual-only\",\"preconditions\":[\"config-initialized\",\"target-tab-exists\"]},{\"operationId\":\"tab.order.set\",\"title\":\"Reorder tabs\",\"scope\":\"layout\",\"targetKind\":\"tab\",\"target\":{\"kind\":\"tab\",\"resolver\":\"tab-by-id-or-label\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"beforeTabId\"],\"properties\":{\"beforeTabId\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.reorder-tab-and-preserve-selection\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"group.selectedIndex\"],\"writes\":[\"tabs[]\",\"group.selectedIndex\"],\"identityKeys\":[\"tabs[].id\"],\"inputSchema\":{\"type\":\"object\",\"required\":[\"beforeTabId\"],\"properties\":{\"beforeTabId\":{\"type\":\"string\"}}},\"failureModes\":[\"target-tab-missing\",\"before-tab-missing\",\"unstable-tab-id\"],\"description\":\"Reorders tabs by stable id and remaps group.selectedIndex when the selected tab crosses positions.\"}}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-exists\",\"tab-order-deterministic\"],\"affectedPaths\":[\"tabs[]\",\"group.selectedIndex\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-exists\"]},{\"operationId\":\"tab.disabled.set\",\"title\":\"Set tab disabled state\",\"scope\":\"interaction\",\"targetKind\":\"disabledState\",\"target\":{\"kind\":\"disabledState\",\"resolver\":\"tab-or-link-by-id\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"disabled\"],\"properties\":{\"disabled\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.set-tab-or-link-disabled\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"nav.links[]\",\"group.selectedIndex\",\"nav.selectedIndex\"],\"writes\":[\"tabs[].disabled\",\"nav.links[].disabled\"],\"identityKeys\":[\"tabs[].id\",\"nav.links[].id\"],\"inputSchema\":{\"type\":\"object\",\"required\":[\"disabled\"],\"properties\":{\"disabled\":{\"type\":\"boolean\"}}},\"failureModes\":[\"target-tab-or-link-missing\",\"ambiguous-target\",\"active-item-disabled-without-reselection\"],\"description\":\"Sets disabled on the resolved group tab or nav link without guessing between modes.\"}}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-or-link-exists\",\"active-tab-disabled-safe\"],\"affectedPaths\":[\"tabs[].disabled\",\"nav.links[].disabled\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"]},{\"operationId\":\"tab.visible.set\",\"title\":\"Set tab visibility\",\"scope\":\"interaction\",\"targetKind\":\"visibility\",\"target\":{\"kind\":\"visibility\",\"resolver\":\"tab-or-link-by-id\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"visible\"],\"properties\":{\"visible\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.set-tab-or-link-visible\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"nav.links[]\",\"group.selectedIndex\",\"nav.selectedIndex\"],\"writes\":[\"tabs[].visible\",\"nav.links[].visible\"],\"identityKeys\":[\"tabs[].id\",\"nav.links[].id\"],\"inputSchema\":{\"type\":\"object\",\"required\":[\"visible\"],\"properties\":{\"visible\":{\"type\":\"boolean\"}}},\"failureModes\":[\"target-tab-or-link-missing\",\"ambiguous-target\",\"active-item-hidden-without-reselection\"],\"description\":\"Sets visible on the resolved group tab or nav link and preserves deterministic visible-index mapping.\"}}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-or-link-exists\",\"active-tab-visibility-safe\"],\"affectedPaths\":[\"tabs[].visible\",\"nav.links[].visible\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"]},{\"operationId\":\"tab.active.set\",\"title\":\"Set active tab\",\"scope\":\"interaction\",\"targetKind\":\"activeTab\",\"target\":{\"kind\":\"activeTab\",\"resolver\":\"tab-index-or-id\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"selectedIndex\"],\"properties\":{\"selectedIndex\":{\"type\":\"number\"},\"tabId\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.set-active-item\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"nav.links[]\",\"group.selectedIndex\",\"nav.selectedIndex\"],\"writes\":[\"group.selectedIndex\",\"nav.selectedIndex\"],\"identityKeys\":[\"tabs[].id\",\"nav.links[].id\"],\"inputSchema\":{\"type\":\"object\",\"required\":[\"selectedIndex\"],\"properties\":{\"selectedIndex\":{\"type\":\"number\"},\"tabId\":{\"type\":\"string\"}}},\"failureModes\":[\"target-tab-or-link-missing\",\"selected-index-out-of-range\",\"hidden-or-disabled-target\"],\"description\":\"Sets the active index for the current primary mode using either selectedIndex or a resolved tab/link id.\"}}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"active-tab-exists\",\"selected-index-in-range\"],\"affectedPaths\":[\"group.selectedIndex\",\"nav.selectedIndex\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"]}]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
@@ -2304,17 +2437,17 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 7,
+          "chunkIndex": 17,
           "chunkKind": "authoring_manifest",
-          "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"layout.variant.set\",\"title\":\"Set tabs layout variant\",\"scope\":\"layout\",\"targetKind\":\"layout\",\"target\":{\"kind\":\"layout\",\"resolver\":\"tabs-layout-config\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"mode\"],\"properties\":{\"mode\":{\"enum\":[\"group\",\"nav\"]},\"density\":{\"enum\":[\"compact\",\"comfortable\",\"spacious\"]},\"headerPosition\":{\"enum\":[\"above\",\"below\"]},\"alignTabs\":{\"enum\":[\"start\",\"center\",\"end\"]},\"stretchTabs\":{\"type\":\"boolean\"},\"lazyLoad\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"appearance\"},{\"kind\":\"merge-object\",\"path\":\"group\"},{\"kind\":\"merge-object\",\"path\":\"nav\"},{\"kind\":\"merge-object\",\"path\":\"behavior\"}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tabs-mode-compatible\",\"layout-values-valid\",\"editor-runtime-round-trip\"],\"affectedPaths\":[\"appearance.density\",\"group.headerPosition\",\"group.alignTabs\",\"group.stretchTabs\",\"nav.stretchTabs\",\"behavior.lazyLoad\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"tab.content.set\",\"title\":\"Set tab content\",\"scope\":\"layout\",\"targetKind\":\"tabContent\",\"target\":{\"kind\":\"tabContent\",\"resolver\":\"tab-or-link-by-id\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"id\":{\"type\":\"string\"},\"textLabel\":{\"type\":\"string\"},\"icon\":{\"type\":\"string\"},\"disabled\":{\"type\":\"boolean\"},\"visible\":{\"type\":\"boolean\"},\"content\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}},\"widgets\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.set-tab-or-link-content\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"nav.links[]\"],\"writes\":[\"tabs[].content\",\"tabs[].widgets\",\"nav.links[].content\",\"nav.links[].widgets\"],\"identityKeys\":[\"tabs[].id\",\"nav.links[].id\"],\"failureModes\":[\"target-tab-or-link-missing\",\"invalid-dynamic-field-content\",\"invalid-widget-definition\"],\"description\":\"Updates content/widgets only on the resolved group tab or nav link while preserving nested widget identity.\"}}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-or-link-exists\",\"tab-content-valid\",\"widget-event-delegated\"],\"affectedPaths\":[\"tabs[].content\",\"tabs[].widgets\",\"nav.links[].content\",\"nav.links[].widgets\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"]}]}",
+          "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"layout.variant.set\",\"title\":\"Set tabs layout variant\",\"scope\":\"layout\",\"targetKind\":\"layout\",\"target\":{\"kind\":\"layout\",\"resolver\":\"tabs-layout-config\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"mode\"],\"properties\":{\"mode\":{\"enum\":[\"group\",\"nav\"]},\"density\":{\"enum\":[\"compact\",\"comfortable\",\"spacious\"]},\"headerPosition\":{\"enum\":[\"above\",\"below\"]},\"alignTabs\":{\"enum\":[\"start\",\"center\",\"end\"]},\"stretchTabs\":{\"type\":\"boolean\"},\"lazyLoad\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"appearance\"},{\"kind\":\"merge-object\",\"path\":\"group\"},{\"kind\":\"merge-object\",\"path\":\"nav\"},{\"kind\":\"merge-object\",\"path\":\"behavior\"}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tabs-mode-compatible\",\"layout-values-valid\",\"editor-runtime-round-trip\"],\"affectedPaths\":[\"appearance.density\",\"group.headerPosition\",\"group.alignTabs\",\"group.stretchTabs\",\"nav.stretchTabs\",\"behavior.lazyLoad\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"tab.content.set\",\"title\":\"Set tab content\",\"scope\":\"layout\",\"targetKind\":\"tabContent\",\"target\":{\"kind\":\"tabContent\",\"resolver\":\"tab-or-link-by-id\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"id\":{\"type\":\"string\"},\"textLabel\":{\"type\":\"string\"},\"icon\":{\"type\":\"string\"},\"disabled\":{\"type\":\"boolean\"},\"visible\":{\"type\":\"boolean\"},\"content\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}},\"widgets\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"tabs.set-tab-or-link-content\",\"handlerContract\":{\"reads\":[\"tabs[]\",\"nav.links[]\"],\"writes\":[\"tabs[].content\",\"tabs[].widgets\",\"nav.links[].content\",\"nav.links[].widgets\"],\"identityKeys\":[\"tabs[].id\",\"nav.links[].id\"],\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"id\":{\"type\":\"string\"},\"textLabel\":{\"type\":\"string\"},\"icon\":{\"type\":\"string\"},\"disabled\":{\"type\":\"boolean\"},\"visible\":{\"type\":\"boolean\"},\"content\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}},\"widgets\":{\"type\":\"array\",\"items\":{\"type\":\"object\"}}}},\"failureModes\":[\"target-tab-or-link-missing\",\"invalid-dynamic-field-content\",\"invalid-widget-definition\"],\"description\":\"Updates content/widgets only on the resolved group tab or nav link while preserving nested widget identity.\"}}],\"destructive\":false,\"requiresConfirmation\":false,\"validators\":[\"tab-or-link-exists\",\"tab-content-valid\",\"widget-event-delegated\"],\"affectedPaths\":[\"tabs[].content\",\"tabs[].widgets\",\"nav.links[].content\",\"nav.links[].widgets\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"config-initialized\",\"target-tab-or-link-exists\"]}]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
-          "contentHash": "e6dfc9afd083ab441d649a8733d497006b3ef8b642fec674756a607f50822867",
+          "contentHash": "45b97f1413f371e2fe418da2a5ab989798208096154e6ddd1a8a775c0ab39671",
           "sourceKind": "component_definition",
           "sourceId": "praxis-tabs",
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 8,
+          "chunkIndex": 18,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"validators\",\"validators\":[{\"validatorId\":\"tab-id-unique\",\"level\":\"error\",\"code\":\"PTABS001\",\"description\":\"Tab ids and nav link ids must be unique within their mode.\"},{\"validatorId\":\"tab-exists\",\"level\":\"error\",\"code\":\"PTABS002\",\"description\":\"Target tab must exist before applying the operation.\"},{\"validatorId\":\"tab-or-link-exists\",\"level\":\"error\",\"code\":\"PTABS003\",\"description\":\"Target must resolve to an existing group tab or nav link.\"},{\"validatorId\":\"active-tab-exists\",\"level\":\"error\",\"code\":\"PTABS004\",\"description\":\"Active tab or nav link selection must reference an existing item.\"},{\"validatorId\":\"selected-index-in-range\",\"level\":\"error\",\"code\":\"PTABS005\",\"description\":\"Selected index must be clamped to the target mode item count.\"},{\"validatorId\":\"active-tab-removal-safe\",\"level\":\"error\",\"code\":\"PTABS006\",\"description\":\"Removing the active/default tab requires confirmation or a replacement active tab.\"},{\"validatorId\":\"tab-content-removal-confirmed\",\"level\":\"error\",\"code\":\"PTABS007\",\"description\":\"Removing a tab or link with content/widgets is destructive and requires confirmation.\"},{\"validatorId\":\"tab-label-valid\",\"level\":\"error\",\"code\":\"PTABS008\",\"description\":\"Tab labels must be non-empty text values after localization/domain projection.\"},{\"validatorId\":\"tab-icon-valid\",\"level\":\"warning\",\"code\":\"PTABS009\",\"description\":\"Tab icon metadata must remain compatible with the icon directive and editor round-trip.\"},{\"validatorId\":\"tab-order-deterministic\",\"level\":\"error\",\"code\":\"PTABS010\",\"description\":\"Tab ordering must use stable ids, not transient array index as identity.\"},{\"validatorId\":\"tabs-mode-compatible\",\"level\":\"error\",\"code\":\"PTABS011\",\"description\":\"Authoring must resolve to one primary mode: group tabs or nav links.\"},{\"validatorId\":\"layout-values-valid\",\"level\":\"error\",\"code\":\"PTABS012\",\"description\":\"Layout values must match TabsMetadata enums and runtime bindings.\"},{\"validatorId\":\"editor-runtime-round-trip\",\"level\":\"error\",\"code\":\"PTABS013\",\"description\":\"Settings Panel, quick setup, JSON editor and runtime must preserve ids, order and selected index.\"},{\"validatorId\":\"active-tab-disabled-safe\",\"level\":\"warning\",\"code\":\"PTABS014\",\"description\":\"Disabling the active item should move selection or request explicit confirmation.\"},{\"validatorId\":\"active-tab-visibility-safe\",\"level\":\"warning\",\"code\":\"PTABS015\",\"description\":\"Hiding the active item should move selection or request explicit confirmation.\"},{\"validatorId\":\"tab-content-valid\",\"level\":\"error\",\"code\":\"PTABS016\",\"description\":\"Tab content must be valid DynamicFieldMetadata[] or WidgetDefinition[] and preserve nested widget identity.\"},{\"validatorId\":\"widget-event-delegated\",\"level\":\"info\",\"code\":\"PTABS017\",\"description\":\"Nested widget event paths remain delegated to the tabs runtime contract and are not redefined by authoring.\"}]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
@@ -2324,7 +2457,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 9,
+          "chunkIndex": 19,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"roundTripRequirements\",\"roundTripRequirements\":[\"Operations must preserve stable tab/link ids; array index may be used only as a resolver fallback, never as canonical identity.\",\"Settings Panel, quick setup and JSON editor must round-trip through TabsAuthoringDocument without losing config or bindings.\",\"Group and nav modes must remain mutually explicit; authoring cannot silently mix config.tabs and nav.links as competing primary modes.\",\"Nested widget events remain delegated through widgetEvent path enrichment and component-port nestedPath semantics.\"]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
@@ -2334,7 +2467,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 10,
+          "chunkIndex": 20,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-tabs\",\"ownerPackage\":\"@praxisui/tabs\",\"configSchemaId\":\"TabsMetadata\",\"chunkSection\":\"examples\",\"examples\":[{\"id\":\"add-overview-tab\",\"request\":\"Add an Overview tab before the details tab.\",\"operationId\":\"tab.add\",\"params\":{\"id\":\"overview\",\"textLabel\":\"Overview\"},\"isPositive\":true},{\"id\":\"add-list-to-current-tab\",\"request\":\"Create a list widget inside the current training tab.\",\"operationId\":\"tab.content.set\",\"target\":\"training\",\"params\":{\"widgets\":[{\"id\":\"training-list\",\"component\":\"praxis-list\",\"title\":\"Training list\"}]},\"isPositive\":true},{\"id\":\"add-form-fields-to-existing-tab\",\"request\":\"Add name, date and status fields to the existing onboarding tab.\",\"operationId\":\"tab.content.set\",\"target\":\"onboarding\",\"params\":{\"content\":[{\"name\":\"name\",\"label\":\"Name\",\"controlType\":\"text\"},{\"name\":\"plannedDate\",\"label\":\"Planned date\",\"controlType\":\"date\"},{\"name\":\"status\",\"label\":\"Status\",\"controlType\":\"select\"}]},\"isPositive\":true},{\"id\":\"rename-tab\",\"request\":\"Rename the details tab to Account Details.\",\"operationId\":\"tab.label.set\",\"target\":\"details\",\"params\":{\"textLabel\":\"Account Details\"},\"isPositive\":true},{\"id\":\"reorder-tabs\",\"request\":\"Move billing before overview.\",\"operationId\":\"tab.order.set\",\"target\":\"billing\",\"params\":{\"beforeTabId\":\"overview\"},\"isPositive\":true},{\"id\":\"disable-tab\",\"request\":\"Disable the audit tab until the user has permission.\",\"operationId\":\"tab.disabled.set\",\"target\":\"audit\",\"params\":{\"disabled\":true},\"isPositive\":true},{\"id\":\"activate-tab\",\"request\":\"Open the documents tab by default.\",\"operationId\":\"tab.active.set\",\"target\":\"documents\",\"params\":{\"tabId\":\"documents\",\"selectedIndex\":2},\"isPositive\":true},{\"id\":\"reject-duplicate-tab-id\",\"request\":\"Add another tab with id overview.\",\"operationId\":\"tab.add\",\"params\":{\"id\":\"overview\",\"textLabel\":\"Duplicate Overview\"},\"isPositive\":false},{\"id\":\"reject-current-tab-content-as-tab-add\",\"request\":\"Create a list in this tab; do not add a new tab.\",\"operationId\":\"tab.add\",\"params\":{\"id\":\"list-in-this-tab\",\"textLabel\":\"List in this tab\"},\"isPositive\":false},{\"id\":\"confirm-remove-content-tab\",\"request\":\"Remove the details tab that contains widgets.\",\"operationId\":\"tab.remove\",\"target\":\"details\",\"params\":{\"replacementActiveTabId\":\"overview\"},\"isPositive\":true}]}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/praxis-tabs-authoring-manifest.ts",
@@ -2344,7 +2477,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 11,
+          "chunkIndex": 21,
           "chunkKind": "context_pack",
           "content": "{\"componentContext\":{\"version\":\"v1\",\"optionsByPath\":{\"appearance.density\":{\"mode\":\"enum\",\"options\":[{\"value\":\"compact\",\"label\":\"Compact\"},{\"value\":\"comfortable\",\"label\":\"Comfortable\"},{\"value\":\"spacious\",\"label\":\"Spacious\"}]},\"group.alignTabs\":{\"mode\":\"enum\",\"options\":[{\"value\":\"start\",\"label\":\"Start\"},{\"value\":\"center\",\"label\":\"Center\"},{\"value\":\"end\",\"label\":\"End\"}]},\"group.headerPosition\":{\"mode\":\"enum\",\"options\":[{\"value\":\"above\",\"label\":\"Above\"},{\"value\":\"below\",\"label\":\"Below\"}]},\"group.color\":{\"mode\":\"enum\",\"options\":[{\"value\":\"primary\",\"label\":\"Primary\"},{\"value\":\"accent\",\"label\":\"Accent\"},{\"value\":\"warn\",\"label\":\"Warn\"}]},\"group.backgroundColor\":{\"mode\":\"enum\",\"options\":[{\"value\":\"primary\",\"label\":\"Primary\"},{\"value\":\"accent\",\"label\":\"Accent\"},{\"value\":\"warn\",\"label\":\"Warn\"}]},\"nav.color\":{\"mode\":\"enum\",\"options\":[{\"value\":\"primary\",\"label\":\"Primary\"},{\"value\":\"accent\",\"label\":\"Accent\"},{\"value\":\"warn\",\"label\":\"Warn\"}]},\"nav.backgroundColor\":{\"mode\":\"enum\",\"options\":[{\"value\":\"primary\",\"label\":\"Primary\"},{\"value\":\"accent\",\"label\":\"Accent\"},{\"value\":\"warn\",\"label\":\"Warn\"}]}},\"actionCatalog\":[{\"id\":\"appearance.density.set\",\"intentExamples\":[\"density\",\"compact\",\"spacious\"],\"patchTemplate\":{\"appearance\":{\"density\":\"{{value}}\"}}},{\"id\":\"group.alignTabs.set\",\"intentExamples\":[\"align tabs\",\"tab alignment\",\"align header\"],\"patchTemplate\":{\"group\":{\"alignTabs\":\"{{value}}\"}}},{\"id\":\"group.headerPosition.set\",\"intentExamples\":[\"header position\",\"tabs position\"],\"patchTemplate\":{\"group\":{\"headerPosition\":\"{{value}}\"}}},{\"id\":\"group.selectedIndex.set\",\"intentExamples\":[\"select tab\",\"active tab\",\"selected index\"],\"patchTemplate\":{\"group\":{\"selectedIndex\":\"{{value}}\"}}},{\"id\":\"nav.selectedIndex.set\",\"intentExamples\":[\"select link\",\"active link\",\"selected nav\"],\"patchTemplate\":{\"nav\":{\"selectedIndex\":\"{{value}}\"}}},{\"id\":\"behavior.lazyLoad.enable\",\"intentExamples\":[\"lazy load\",\"load on demand\",\"lazy\"],\"patchTemplate\":{\"behavior\":{\"lazyLoad\":true}}},{\"id\":\"behavior.lazyLoad.disable\",\"intentExamples\":[\"no lazy\",\"eager load\"],\"patchTemplate\":{\"behavior\":{\"lazyLoad\":false}}},{\"id\":\"group.stretchTabs.enable\",\"intentExamples\":[\"stretch tabs\",\"full width tabs\"],\"patchTemplate\":{\"group\":{\"stretchTabs\":true}}},{\"id\":\"group.stretchTabs.disable\",\"intentExamples\":[\"no stretch tabs\",\"compact tabs\"],\"patchTemplate\":{\"group\":{\"stretchTabs\":false}}},{\"id\":\"group.disablePagination.enable\",\"intentExamples\":[\"disable pagination\",\"no pagination\"],\"patchTemplate\":{\"group\":{\"disablePagination\":true}}},{\"id\":\"group.disablePagination.disable\",\"intentExamples\":[\"enable pagination\",\"allow pagination\"],\"patchTemplate\":{\"group\":{\"disablePagination\":false}}},{\"id\":\"tab.add\",\"intentExamples\":[\"add tab\",\"new tab\",\"create tab\",\"nova aba\",\"adicionar aba\",\"criar aba\"],\"patchTemplate\":{\"tabs\":[{\"id\":\"{{target}}\",\"textLabel\":\"{{value}}\"}]}},{\"id\":\"tab.content.set\",\"intentExamples\":[\"tab content\",\"current tab content\",\"add widget to tab\",\"list in current tab\",\"inside tab\",\"conteudo da aba\",\"nesta aba\",\"aba atual\",\"componente dentro da aba\"],\"patchTemplate\":{\"tabs\":[{\"id\":\"{{target}}\",\"content\":\"{{params.content}}\",\"widgets\":\"{{params.widgets}}\"}]}},{\"id\":\"tab.label.set\",\"intentExamples\":[\"rename tab\",\"tab label\",\"tab title\"],\"patchTemplate\":{\"tabs\":[{\"id\":\"{{target}}\",\"textLabel\":\"{{value}}\"}]}},{\"id\":\"tab.disable\",\"intentExamples\":[\"disable tab\",\"lock tab\"],\"patchTemplate\":{\"tabs\":[{\"id\":\"{{target}}\",\"disabled\":true}]}},{\"id\":\"tab.enable\",\"intentExamples\":[\"enable tab\",\"unlock tab\"],\"patchTemplate\":{\"tabs\":[{\"id\":\"{{target}}\",\"disabled\":false}]}},{\"id\":\"nav.link.add\",\"intentExamples\":[\"add link\",\"add nav link\",\"new link\"],\"patchTemplate\":{\"nav\":{\"links\":[{\"id\":\"{{target}}\",\"label\":\"{{value}}\"}]}}},{\"id\":\"nav.link.label.set\",\"intentExamples\":[\"rename link\",\"link label\"],\"patchTemplate\":{\"nav\":{\"links\":[{\"id\":\"{{target}}\",\"label\":\"{{value}}\"}]}}},{\"id\":\"nav.link.disable\",\"intentExamples\":[\"disable link\",\"lock link\"],\"patchTemplate\":{\"nav\":{\"links\":[{\"id\":\"{{target}}\",\"disabled\":true}]}}},{\"id\":\"nav.link.enable\",\"intentExamples\":[\"enable link\",\"unlock link\"],\"patchTemplate\":{\"nav\":{\"links\":[{\"id\":\"{{target}}\",\"disabled\":false}]}}}],\"fieldResolvers\":{\"tabs[]\":[\"id\",\"textLabel\"],\"nav.links[]\":[\"id\",\"label\"]},\"hints\":[\"Use tabs[].id or tabs[].textLabel as merge keys; avoid array indexes.\",\"When using nav mode, prefer nav.links[]; when using group mode, prefer tabs[].\",\"Selected index expects a zero-based number.\",\"DOC: Widget purpose: tabs or nav links with dynamic content.\",\"DOC: Host inputs: tabsId (required), config (optional), and configPersistenceStrategy. Use input-first for governed previews that must render the explicit nested widget config.\",\"DOC: Provide either tabs[] (group mode) or nav.links[] (nav mode).\",\"DOC: Each tab/link should define a label (tabs[].textLabel or nav.links[].label).\"]}}",
           "sourcePointer": "projects/praxis-tabs/src/lib/ai/tabs-context-pack.ts",
@@ -2354,7 +2487,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 12,
+          "chunkIndex": 22,
           "chunkKind": "recipe",
           "content": "{\"_comment\":\"Receita para configuração de Abas (Praxis Tabs).\",\"templateMeta\":{\"registryKey\":\"praxis-tabs\",\"variantId\":\"base\",\"useWhen\":\"Base tabs configuration.\",\"examplePrompts\":[\"create a tabs layout\",\"add tabs with icons and routes\"]},\"config\":{\"orientation\":\"horizontal\",\"lazyLoad\":true,\"animation\":true,\"keepAlive\":true,\"tabs\":[{\"id\":\"tab-overview\",\"label\":\"Visão Geral\",\"icon\":\"dashboard\",\"route\":\"./overview\"},{\"id\":\"tab-details\",\"label\":\"Detalhes\",\"icon\":\"list\",\"badge\":{\"content\":\"3\",\"color\":\"warn\"},\"route\":\"./details\"},{\"id\":\"tab-settings\",\"label\":\"Configurações\",\"icon\":\"settings\",\"disabled\":false,\"content\":{\"type\":\"component\",\"componentId\":\"settings-panel\"}}]}}",
           "sourcePointer": "examples/ai-recipes/praxis-tabs.json",

package/fesm2022/praxisui-tabs.mjs

@@ -10,7 +10,7 @@ import { MatIconModule } from '@angular/material/icon';
 import * as i10 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1 from '@praxisui/core';
-import { providePraxisI18n, PraxisI18nService, PraxisIconDirective, providePraxisI18nConfig, deepMerge, ASYNC_CONFIG_STORAGE, ComponentKeyService, LoggerService, EmptyStateCardComponent, DynamicWidgetLoaderDirective, ComponentMetadataRegistry } from '@praxisui/core';
+import { providePraxisI18n, PraxisI18nService, PraxisIconDirective, PraxisIconButtonComponent, providePraxisI18nConfig, deepMerge, ASYNC_CONFIG_STORAGE, ComponentKeyService, LoggerService, EmptyStateCardComponent, DynamicWidgetLoaderDirective, ComponentMetadataRegistry } from '@praxisui/core';
 import * as i6 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2_1 from '@angular/forms';
@@ -1058,28 +1058,26 @@ class PraxisTabsConfigEditor {
           <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.selectedIndex', 'Indice selecionado') }}</mat-label>
           <input matInput type="number" [(ngModel)]="group.selectedIndex" (ngModelChange)="onAppearanceChange()" />
           <button
-            mat-icon-button
+            praxisIconButton="help_outline"
+            size="dense"
             matSuffix
-            class="help-icon-button"
             type="button"
             [matTooltip]="t('editor.hints.selectedIndex', 'selectedIndex')"
+            [attr.aria-label]="t('editor.hints.selectedIndex', 'selectedIndex')"
             matTooltipPosition="above"
-            >
-            <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-          </button>
+          ></button>
         </mat-form-field>
         <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.animationDuration', 'Duracao da animacao') }}</mat-label>
         <input matInput [(ngModel)]="group.animationDuration" (ngModelChange)="onAppearanceChange()" [placeholder]="t('editor.fields.placeholder.animationDuration', '500ms')" />
         <button
-          mat-icon-button
+          praxisIconButton="help_outline"
+          size="dense"
           matSuffix
-          class="help-icon-button"
           type="button"
           [matTooltip]="t('editor.hints.animationDuration', 'animationDuration')"
+          [attr.aria-label]="t('editor.hints.animationDuration', 'animationDuration')"
           matTooltipPosition="above"
-          >
-          <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-        </button>
+        ></button>
       </mat-form-field>
       <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.color', 'Cor (M2)') }}</mat-label>
       <select matNativeControl [(ngModel)]="group.color" (ngModelChange)="onAppearanceChange()">
@@ -1089,15 +1087,14 @@ class PraxisTabsConfigEditor {
         <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
       </select>
       <button
-        mat-icon-button
+        praxisIconButton="help_outline"
+        size="dense"
         matSuffix
-        class="help-icon-button"
         type="button"
         [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+        [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
         matTooltipPosition="above"
-        >
-        <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-      </button>
+      ></button>
     </mat-form-field>
     <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.backgroundColor', 'Cor de fundo (M2)') }}</mat-label>
     <select matNativeControl [(ngModel)]="group.backgroundColor" (ngModelChange)="onAppearanceChange()">
@@ -1107,15 +1104,14 @@ class PraxisTabsConfigEditor {
       <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
     </select>
     <button
-      mat-icon-button
+      praxisIconButton="help_outline"
+      size="dense"
       matSuffix
-      class="help-icon-button"
       type="button"
       [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+      [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
       matTooltipPosition="above"
-      >
-      <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-    </button>
+    ></button>
     </mat-form-field>
     <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.ariaLabel', 'aria-label') }}</mat-label>
     <input matInput [(ngModel)]="group.ariaLabel" (ngModelChange)="onAppearanceChange()" />
@@ -1142,28 +1138,26 @@ class PraxisTabsConfigEditor {
           <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.selectedIndex', 'Indice selecionado') }}</mat-label>
           <input matInput type="number" [(ngModel)]="nav.selectedIndex" (ngModelChange)="onAppearanceChange()" />
           <button
-            mat-icon-button
+            praxisIconButton="help_outline"
+            size="dense"
             matSuffix
-            class="help-icon-button"
             type="button"
             [matTooltip]="t('editor.hints.selectedIndex', 'selectedIndex')"
+            [attr.aria-label]="t('editor.hints.selectedIndex', 'selectedIndex')"
             matTooltipPosition="above"
-            >
-            <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-          </button>
+          ></button>
         </mat-form-field>
         <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.animationDuration', 'Duracao da animacao') }}</mat-label>
         <input matInput [(ngModel)]="nav.animationDuration" (ngModelChange)="onAppearanceChange()" [placeholder]="t('editor.fields.placeholder.animationDuration', '500ms')" />
         <button
-          mat-icon-button
+          praxisIconButton="help_outline"
+          size="dense"
           matSuffix
-          class="help-icon-button"
           type="button"
           [matTooltip]="t('editor.hints.animationDuration', 'animationDuration')"
+          [attr.aria-label]="t('editor.hints.animationDuration', 'animationDuration')"
           matTooltipPosition="above"
-          >
-          <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-        </button>
+        ></button>
       </mat-form-field>
       <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.ariaLabel', 'aria-label') }}</mat-label>
       <input matInput [(ngModel)]="nav.ariaLabel" (ngModelChange)="onAppearanceChange()" />
@@ -1179,15 +1173,14 @@ class PraxisTabsConfigEditor {
       <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
     </select>
     <button
-      mat-icon-button
+      praxisIconButton="help_outline"
+      size="dense"
       matSuffix
-      class="help-icon-button"
       type="button"
       [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+      [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
       matTooltipPosition="above"
-      >
-      <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-    </button>
+    ></button>
     </mat-form-field>
     <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.backgroundColor', 'Cor de fundo (M2)') }}</mat-label>
     <select matNativeControl [(ngModel)]="nav.backgroundColor" (ngModelChange)="onAppearanceChange()">
@@ -1197,15 +1190,14 @@ class PraxisTabsConfigEditor {
       <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
     </select>
     <button
-      mat-icon-button
+      praxisIconButton="help_outline"
+      size="dense"
       matSuffix
-      class="help-icon-button"
       type="button"
       [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+      [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
       matTooltipPosition="above"
-      >
-      <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-    </button>
+    ></button>
     </mat-form-field>
     </div>
     <div class="editor-row">
@@ -1291,14 +1283,13 @@ class PraxisTabsConfigEditor {
           <div class="editor-title-row">
             <h3 class="editor-title">{{ t('editor.sections.tokens', 'Tokens (Material 3)') }}</h3>
             <button
-              mat-icon-button
-              class="help-icon-button"
+              praxisIconButton="help_outline"
+              size="dense"
               type="button"
               [matTooltip]="t('editor.hints.tokenValueHelp', 'Valores aceitam CSS vars ou cores hex/rgb.')"
+              [attr.aria-label]="t('editor.hints.tokenValueHelp', 'Valores aceitam CSS vars ou cores hex/rgb.')"
               matTooltipPosition="above"
-              >
-              <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-            </button>
+            ></button>
           </div>
           <div class="editor-grid two">
             @for (token of tokenList; track token) {
@@ -1337,9 +1328,9 @@ class PraxisTabsConfigEditor {
               <div class="editor-card">
                 <div class="editor-card-header">
                   <strong class="editor-card-title">{{ t('editor.cards.tab', 'Aba') }} #{{ i+1 }}</strong>
-                  <button mat-icon-button (click)="moveTab(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveTabUp', 'Mover aba para cima')" [attr.aria-label]="t('editor.actions.moveTabUp', 'Mover aba para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
-                  <button mat-icon-button (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1" [matTooltip]="t('editor.actions.moveTabDown', 'Mover aba para baixo')" [attr.aria-label]="t('editor.actions.moveTabDown', 'Mover aba para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
-                  <button mat-icon-button color="warn" (click)="removeTab(i)" [matTooltip]="t('editor.actions.removeTab', 'Remover aba')" [attr.aria-label]="t('editor.actions.removeTab', 'Remover aba')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
+                  <button praxisIconButton="arrow_upward" size="compact" type="button" (click)="moveTab(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveTabUp', 'Mover aba para cima')" [attr.aria-label]="t('editor.actions.moveTabUp', 'Mover aba para cima')"></button>
+                  <button praxisIconButton="arrow_downward" size="compact" type="button" (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1" [matTooltip]="t('editor.actions.moveTabDown', 'Mover aba para baixo')" [attr.aria-label]="t('editor.actions.moveTabDown', 'Mover aba para baixo')"></button>
+                  <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeTab(i)" [matTooltip]="t('editor.actions.removeTab', 'Remover aba')" [attr.aria-label]="t('editor.actions.removeTab', 'Remover aba')"></button>
                 </div>
                 <div class="editor-grid two tight">
                   <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -1395,11 +1386,9 @@ class PraxisTabsConfigEditor {
           @for (w of tab.widgets; track w; let wi = $index) {
             <div cdkDrag class="editor-card dashed">
               <div class="editor-card-header">
-                <button mat-icon-button cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')">
-                  <mat-icon [praxisIcon]="'drag_indicator'"></mat-icon>
-                </button>
+                <button praxisIconButton="drag_indicator" size="compact" type="button" cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')"></button>
                 <strong class="editor-card-title">{{ getCompName(w.id) }}</strong>
-                <button mat-icon-button color="warn" (click)="removeWidgetFromTab(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
+                <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeWidgetFromTab(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"></button>
               </div>
               <div class="editor-grid two tight">
                 <mat-form-field appearance="outline">
@@ -1443,9 +1432,9 @@ class PraxisTabsConfigEditor {
               <div class="editor-card">
                 <div class="editor-card-header">
                   <strong class="editor-card-title">{{ t('editor.cards.link', 'Link') }} #{{ i+1 }}</strong>
-                  <button mat-icon-button (click)="moveLink(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveLinkUp', 'Mover link para cima')" [attr.aria-label]="t('editor.actions.moveLinkUp', 'Mover link para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
-                  <button mat-icon-button (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1" [matTooltip]="t('editor.actions.moveLinkDown', 'Mover link para baixo')" [attr.aria-label]="t('editor.actions.moveLinkDown', 'Mover link para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
-                  <button mat-icon-button color="warn" (click)="removeLink(i)" [matTooltip]="t('editor.actions.removeLink', 'Remover link')" [attr.aria-label]="t('editor.actions.removeLink', 'Remover link')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
+                  <button praxisIconButton="arrow_upward" size="compact" type="button" (click)="moveLink(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveLinkUp', 'Mover link para cima')" [attr.aria-label]="t('editor.actions.moveLinkUp', 'Mover link para cima')"></button>
+                  <button praxisIconButton="arrow_downward" size="compact" type="button" (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1" [matTooltip]="t('editor.actions.moveLinkDown', 'Mover link para baixo')" [attr.aria-label]="t('editor.actions.moveLinkDown', 'Mover link para baixo')"></button>
+                  <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeLink(i)" [matTooltip]="t('editor.actions.removeLink', 'Remover link')" [attr.aria-label]="t('editor.actions.removeLink', 'Remover link')"></button>
                 </div>
                 <div class="editor-grid two tight">
                   <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -1491,11 +1480,9 @@ class PraxisTabsConfigEditor {
                 @for (w of l.widgets; track w; let wi = $index) {
                   <div cdkDrag class="editor-card dashed">
                     <div class="editor-card-header">
-                      <button mat-icon-button cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')">
-                        <mat-icon [praxisIcon]="'drag_indicator'"></mat-icon>
-                      </button>
+                      <button praxisIconButton="drag_indicator" size="compact" type="button" cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')"></button>
                       <strong class="editor-card-title">{{ getCompName(w.id) }}</strong>
-                      <button mat-icon-button color="warn" (click)="removeWidgetFromLink(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
+                      <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeWidgetFromLink(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"></button>
                     </div>
                     <div class="editor-grid two tight">
                       <mat-form-field appearance="outline">
@@ -1522,7 +1509,7 @@ class PraxisTabsConfigEditor {
     </mat-tab>
     </mat-tab-group>
     </div>
-    `, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.editor-shell{display:grid;gap:12px}.editor-topbar{display:flex;align-items:start;justify-content:flex-start}.editor-mode-field{width:min(320px,100%)}.editor-diagnostics{display:grid;gap:8px}.editor-diagnostics-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.editor-diagnostic{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.editor-diagnostic code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--md-sys-color-on-surface-variant)}.editor-diagnostic.level-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.editor-diagnostic.level-warning{background:var(--md-sys-color-tertiary-container, var(--md-sys-color-surface-container));color:var(--md-sys-color-on-tertiary-container, var(--md-sys-color-on-surface));border-color:var(--md-sys-color-outline-variant)}.editor-tabs{--editor-surface: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));--editor-border: 1px solid var(--md-sys-color-outline-variant);--editor-radius: 12px;--editor-muted: var(--md-sys-color-on-surface-variant)}.editor-section{padding:12px;display:grid;gap:12px;background:var(--editor-surface);border:var(--editor-border);border-radius:var(--editor-radius)}.editor-section-lg{gap:16px}.editor-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.editor-grid{display:grid;gap:12px}.editor-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid.tight{gap:8px}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.editor-muted{color:var(--editor-muted)}.editor-title{margin:6px 0 8px;font-size:1rem}.editor-title-row{display:flex;align-items:center;gap:8px}.editor-code{white-space:pre-wrap;background:var(--md-sys-color-surface-container);padding:8px;border-radius:6px;border:1px solid var(--md-sys-color-outline-variant)}.editor-card{border:1px solid var(--md-sys-color-outline-variant);padding:10px;border-radius:10px;display:grid;gap:8px;background:var(--md-sys-color-surface)}.editor-card.dashed{border-style:dashed}.editor-card-header{display:flex;align-items:center;gap:8px}.editor-card-title{flex:1;font-weight:600}.editor-divider{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.editor-spacer{flex:1}.editor-field-min{min-width:260px}.editor-section .editor-field-min{width:260px;max-width:260px}.editor-field-240{width:240px}.editor-section .editor-field-240{width:240px;max-width:240px}.editor-json{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.editor-section .mat-mdc-form-field{width:100%;max-width:520px;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.editor-section .mat-mdc-form-field.full{max-width:none}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2_1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2_1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2_1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2_1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2_1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2_1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2_1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+    `, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.editor-shell{display:grid;gap:12px}.editor-topbar{display:flex;align-items:start;justify-content:flex-start}.editor-mode-field{width:min(320px,100%)}.editor-diagnostics{display:grid;gap:8px}.editor-diagnostics-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.editor-diagnostic{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.editor-diagnostic code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--md-sys-color-on-surface-variant)}.editor-diagnostic.level-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.editor-diagnostic.level-warning{background:var(--md-sys-color-tertiary-container, var(--md-sys-color-surface-container));color:var(--md-sys-color-on-tertiary-container, var(--md-sys-color-on-surface));border-color:var(--md-sys-color-outline-variant)}.editor-tabs{--editor-surface: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));--editor-border: 1px solid var(--md-sys-color-outline-variant);--editor-radius: 12px;--editor-muted: var(--md-sys-color-on-surface-variant)}.editor-section{padding:12px;display:grid;gap:12px;background:var(--editor-surface);border:var(--editor-border);border-radius:var(--editor-radius)}.editor-section-lg{gap:16px}.editor-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.editor-grid{display:grid;gap:12px}.editor-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid.tight{gap:8px}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.editor-muted{color:var(--editor-muted)}.editor-title{margin:6px 0 8px;font-size:1rem}.editor-title-row{display:flex;align-items:center;gap:8px}.editor-code{white-space:pre-wrap;background:var(--md-sys-color-surface-container);padding:8px;border-radius:6px;border:1px solid var(--md-sys-color-outline-variant)}.editor-card{border:1px solid var(--md-sys-color-outline-variant);padding:10px;border-radius:10px;display:grid;gap:8px;background:var(--md-sys-color-surface)}.editor-card.dashed{border-style:dashed}.editor-card-header{display:flex;align-items:center;gap:8px}.editor-card-title{flex:1;font-weight:600}.editor-divider{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.editor-spacer{flex:1}.editor-field-min{min-width:260px}.editor-section .editor-field-min{width:260px;max-width:260px}.editor-field-240{width:240px}.editor-section .editor-field-240{width:240px;max-width:240px}.editor-json{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.editor-section .mat-mdc-form-field{width:100%;max-width:520px;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.editor-section .mat-mdc-form-field.full{max-width:none}.editor-icon-action--danger{color:var(--md-sys-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2_1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2_1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2_1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2_1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2_1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2_1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2_1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisTabsConfigEditor, decorators: [{
             type: Component,
@@ -1533,6 +1520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatInputModule,
                         MatIconModule,
                         PraxisIconDirective,
+                        PraxisIconButtonComponent,
                         MatButtonModule,
                         MatSlideToggleModule,
                         DragDropModule,
@@ -1600,28 +1588,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.selectedIndex', 'Indice selecionado') }}</mat-label>
           <input matInput type="number" [(ngModel)]="group.selectedIndex" (ngModelChange)="onAppearanceChange()" />
           <button
-            mat-icon-button
+            praxisIconButton="help_outline"
+            size="dense"
             matSuffix
-            class="help-icon-button"
             type="button"
             [matTooltip]="t('editor.hints.selectedIndex', 'selectedIndex')"
+            [attr.aria-label]="t('editor.hints.selectedIndex', 'selectedIndex')"
             matTooltipPosition="above"
-            >
-            <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-          </button>
+          ></button>
         </mat-form-field>
         <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.animationDuration', 'Duracao da animacao') }}</mat-label>
         <input matInput [(ngModel)]="group.animationDuration" (ngModelChange)="onAppearanceChange()" [placeholder]="t('editor.fields.placeholder.animationDuration', '500ms')" />
         <button
-          mat-icon-button
+          praxisIconButton="help_outline"
+          size="dense"
           matSuffix
-          class="help-icon-button"
           type="button"
           [matTooltip]="t('editor.hints.animationDuration', 'animationDuration')"
+          [attr.aria-label]="t('editor.hints.animationDuration', 'animationDuration')"
           matTooltipPosition="above"
-          >
-          <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-        </button>
+        ></button>
       </mat-form-field>
       <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.color', 'Cor (M2)') }}</mat-label>
       <select matNativeControl [(ngModel)]="group.color" (ngModelChange)="onAppearanceChange()">
@@ -1631,15 +1617,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
       </select>
       <button
-        mat-icon-button
+        praxisIconButton="help_outline"
+        size="dense"
         matSuffix
-        class="help-icon-button"
         type="button"
         [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+        [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
         matTooltipPosition="above"
-        >
-        <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-      </button>
+      ></button>
     </mat-form-field>
     <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.backgroundColor', 'Cor de fundo (M2)') }}</mat-label>
     <select matNativeControl [(ngModel)]="group.backgroundColor" (ngModelChange)="onAppearanceChange()">
@@ -1649,15 +1634,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
     </select>
     <button
-      mat-icon-button
+      praxisIconButton="help_outline"
+      size="dense"
       matSuffix
-      class="help-icon-button"
       type="button"
       [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+      [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
       matTooltipPosition="above"
-      >
-      <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-    </button>
+    ></button>
     </mat-form-field>
     <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.ariaLabel', 'aria-label') }}</mat-label>
     <input matInput [(ngModel)]="group.ariaLabel" (ngModelChange)="onAppearanceChange()" />
@@ -1684,28 +1668,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.selectedIndex', 'Indice selecionado') }}</mat-label>
           <input matInput type="number" [(ngModel)]="nav.selectedIndex" (ngModelChange)="onAppearanceChange()" />
           <button
-            mat-icon-button
+            praxisIconButton="help_outline"
+            size="dense"
             matSuffix
-            class="help-icon-button"
             type="button"
             [matTooltip]="t('editor.hints.selectedIndex', 'selectedIndex')"
+            [attr.aria-label]="t('editor.hints.selectedIndex', 'selectedIndex')"
             matTooltipPosition="above"
-            >
-            <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-          </button>
+          ></button>
         </mat-form-field>
         <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.animationDuration', 'Duracao da animacao') }}</mat-label>
         <input matInput [(ngModel)]="nav.animationDuration" (ngModelChange)="onAppearanceChange()" [placeholder]="t('editor.fields.placeholder.animationDuration', '500ms')" />
         <button
-          mat-icon-button
+          praxisIconButton="help_outline"
+          size="dense"
           matSuffix
-          class="help-icon-button"
           type="button"
           [matTooltip]="t('editor.hints.animationDuration', 'animationDuration')"
+          [attr.aria-label]="t('editor.hints.animationDuration', 'animationDuration')"
           matTooltipPosition="above"
-          >
-          <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-        </button>
+        ></button>
       </mat-form-field>
       <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.ariaLabel', 'aria-label') }}</mat-label>
       <input matInput [(ngModel)]="nav.ariaLabel" (ngModelChange)="onAppearanceChange()" />
@@ -1721,15 +1703,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
     </select>
     <button
-      mat-icon-button
+      praxisIconButton="help_outline"
+      size="dense"
       matSuffix
-      class="help-icon-button"
       type="button"
       [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+      [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
       matTooltipPosition="above"
-      >
-      <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-    </button>
+    ></button>
     </mat-form-field>
     <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.backgroundColor', 'Cor de fundo (M2)') }}</mat-label>
     <select matNativeControl [(ngModel)]="nav.backgroundColor" (ngModelChange)="onAppearanceChange()">
@@ -1739,15 +1720,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       <option value="warn">{{ t('editor.options.warn', 'Warn') }}</option>
     </select>
     <button
-      mat-icon-button
+      praxisIconButton="help_outline"
+      size="dense"
       matSuffix
-      class="help-icon-button"
       type="button"
       [matTooltip]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
+      [attr.aria-label]="t('editor.hints.preferTokens', 'Preferir tokens em Estilo.')"
       matTooltipPosition="above"
-      >
-      <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-    </button>
+    ></button>
     </mat-form-field>
     </div>
     <div class="editor-row">
@@ -1833,14 +1813,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           <div class="editor-title-row">
             <h3 class="editor-title">{{ t('editor.sections.tokens', 'Tokens (Material 3)') }}</h3>
             <button
-              mat-icon-button
-              class="help-icon-button"
+              praxisIconButton="help_outline"
+              size="dense"
               type="button"
               [matTooltip]="t('editor.hints.tokenValueHelp', 'Valores aceitam CSS vars ou cores hex/rgb.')"
+              [attr.aria-label]="t('editor.hints.tokenValueHelp', 'Valores aceitam CSS vars ou cores hex/rgb.')"
               matTooltipPosition="above"
-              >
-              <mat-icon [praxisIcon]="'help_outline'"></mat-icon>
-            </button>
+            ></button>
           </div>
           <div class="editor-grid two">
             @for (token of tokenList; track token) {
@@ -1879,9 +1858,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               <div class="editor-card">
                 <div class="editor-card-header">
                   <strong class="editor-card-title">{{ t('editor.cards.tab', 'Aba') }} #{{ i+1 }}</strong>
-                  <button mat-icon-button (click)="moveTab(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveTabUp', 'Mover aba para cima')" [attr.aria-label]="t('editor.actions.moveTabUp', 'Mover aba para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
-                  <button mat-icon-button (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1" [matTooltip]="t('editor.actions.moveTabDown', 'Mover aba para baixo')" [attr.aria-label]="t('editor.actions.moveTabDown', 'Mover aba para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
-                  <button mat-icon-button color="warn" (click)="removeTab(i)" [matTooltip]="t('editor.actions.removeTab', 'Remover aba')" [attr.aria-label]="t('editor.actions.removeTab', 'Remover aba')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
+                  <button praxisIconButton="arrow_upward" size="compact" type="button" (click)="moveTab(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveTabUp', 'Mover aba para cima')" [attr.aria-label]="t('editor.actions.moveTabUp', 'Mover aba para cima')"></button>
+                  <button praxisIconButton="arrow_downward" size="compact" type="button" (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1" [matTooltip]="t('editor.actions.moveTabDown', 'Mover aba para baixo')" [attr.aria-label]="t('editor.actions.moveTabDown', 'Mover aba para baixo')"></button>
+                  <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeTab(i)" [matTooltip]="t('editor.actions.removeTab', 'Remover aba')" [attr.aria-label]="t('editor.actions.removeTab', 'Remover aba')"></button>
                 </div>
                 <div class="editor-grid two tight">
                   <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -1937,11 +1916,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           @for (w of tab.widgets; track w; let wi = $index) {
             <div cdkDrag class="editor-card dashed">
               <div class="editor-card-header">
-                <button mat-icon-button cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')">
-                  <mat-icon [praxisIcon]="'drag_indicator'"></mat-icon>
-                </button>
+                <button praxisIconButton="drag_indicator" size="compact" type="button" cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')"></button>
                 <strong class="editor-card-title">{{ getCompName(w.id) }}</strong>
-                <button mat-icon-button color="warn" (click)="removeWidgetFromTab(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
+                <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeWidgetFromTab(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"></button>
               </div>
               <div class="editor-grid two tight">
                 <mat-form-field appearance="outline">
@@ -1985,9 +1962,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               <div class="editor-card">
                 <div class="editor-card-header">
                   <strong class="editor-card-title">{{ t('editor.cards.link', 'Link') }} #{{ i+1 }}</strong>
-                  <button mat-icon-button (click)="moveLink(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveLinkUp', 'Mover link para cima')" [attr.aria-label]="t('editor.actions.moveLinkUp', 'Mover link para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
-                  <button mat-icon-button (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1" [matTooltip]="t('editor.actions.moveLinkDown', 'Mover link para baixo')" [attr.aria-label]="t('editor.actions.moveLinkDown', 'Mover link para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
-                  <button mat-icon-button color="warn" (click)="removeLink(i)" [matTooltip]="t('editor.actions.removeLink', 'Remover link')" [attr.aria-label]="t('editor.actions.removeLink', 'Remover link')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
+                  <button praxisIconButton="arrow_upward" size="compact" type="button" (click)="moveLink(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveLinkUp', 'Mover link para cima')" [attr.aria-label]="t('editor.actions.moveLinkUp', 'Mover link para cima')"></button>
+                  <button praxisIconButton="arrow_downward" size="compact" type="button" (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1" [matTooltip]="t('editor.actions.moveLinkDown', 'Mover link para baixo')" [attr.aria-label]="t('editor.actions.moveLinkDown', 'Mover link para baixo')"></button>
+                  <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeLink(i)" [matTooltip]="t('editor.actions.removeLink', 'Remover link')" [attr.aria-label]="t('editor.actions.removeLink', 'Remover link')"></button>
                 </div>
                 <div class="editor-grid two tight">
                   <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -2033,11 +2010,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 @for (w of l.widgets; track w; let wi = $index) {
                   <div cdkDrag class="editor-card dashed">
                     <div class="editor-card-header">
-                      <button mat-icon-button cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')">
-                        <mat-icon [praxisIcon]="'drag_indicator'"></mat-icon>
-                      </button>
+                      <button praxisIconButton="drag_indicator" size="compact" type="button" cdkDragHandle [matTooltip]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')" [attr.aria-label]="t('editor.actions.dragToReorder', 'Arrastar para reordenar')"></button>
                       <strong class="editor-card-title">{{ getCompName(w.id) }}</strong>
-                      <button mat-icon-button color="warn" (click)="removeWidgetFromLink(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
+                      <button praxisIconButton="delete" size="compact" type="button" class="editor-icon-action--danger" (click)="removeWidgetFromLink(i, wi)" [matTooltip]="t('editor.actions.removeComponent', 'Remover componente')" [attr.aria-label]="t('editor.actions.removeComponent', 'Remover componente')"></button>
                     </div>
                     <div class="editor-grid two tight">
                       <mat-form-field appearance="outline">
@@ -2064,7 +2039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     </mat-tab>
     </mat-tab-group>
     </div>
-    `, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.editor-shell{display:grid;gap:12px}.editor-topbar{display:flex;align-items:start;justify-content:flex-start}.editor-mode-field{width:min(320px,100%)}.editor-diagnostics{display:grid;gap:8px}.editor-diagnostics-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.editor-diagnostic{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.editor-diagnostic code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--md-sys-color-on-surface-variant)}.editor-diagnostic.level-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.editor-diagnostic.level-warning{background:var(--md-sys-color-tertiary-container, var(--md-sys-color-surface-container));color:var(--md-sys-color-on-tertiary-container, var(--md-sys-color-on-surface));border-color:var(--md-sys-color-outline-variant)}.editor-tabs{--editor-surface: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));--editor-border: 1px solid var(--md-sys-color-outline-variant);--editor-radius: 12px;--editor-muted: var(--md-sys-color-on-surface-variant)}.editor-section{padding:12px;display:grid;gap:12px;background:var(--editor-surface);border:var(--editor-border);border-radius:var(--editor-radius)}.editor-section-lg{gap:16px}.editor-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.editor-grid{display:grid;gap:12px}.editor-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid.tight{gap:8px}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.editor-muted{color:var(--editor-muted)}.editor-title{margin:6px 0 8px;font-size:1rem}.editor-title-row{display:flex;align-items:center;gap:8px}.editor-code{white-space:pre-wrap;background:var(--md-sys-color-surface-container);padding:8px;border-radius:6px;border:1px solid var(--md-sys-color-outline-variant)}.editor-card{border:1px solid var(--md-sys-color-outline-variant);padding:10px;border-radius:10px;display:grid;gap:8px;background:var(--md-sys-color-surface)}.editor-card.dashed{border-style:dashed}.editor-card-header{display:flex;align-items:center;gap:8px}.editor-card-title{flex:1;font-weight:600}.editor-divider{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.editor-spacer{flex:1}.editor-field-min{min-width:260px}.editor-section .editor-field-min{width:260px;max-width:260px}.editor-field-240{width:240px}.editor-section .editor-field-240{width:240px;max-width:240px}.editor-json{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.editor-section .mat-mdc-form-field{width:100%;max-width:520px;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.editor-section .mat-mdc-form-field.full{max-width:none}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}\n"] }]
+    `, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.editor-shell{display:grid;gap:12px}.editor-topbar{display:flex;align-items:start;justify-content:flex-start}.editor-mode-field{width:min(320px,100%)}.editor-diagnostics{display:grid;gap:8px}.editor-diagnostics-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.editor-diagnostic{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.editor-diagnostic code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--md-sys-color-on-surface-variant)}.editor-diagnostic.level-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.editor-diagnostic.level-warning{background:var(--md-sys-color-tertiary-container, var(--md-sys-color-surface-container));color:var(--md-sys-color-on-tertiary-container, var(--md-sys-color-on-surface));border-color:var(--md-sys-color-outline-variant)}.editor-tabs{--editor-surface: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));--editor-border: 1px solid var(--md-sys-color-outline-variant);--editor-radius: 12px;--editor-muted: var(--md-sys-color-on-surface-variant)}.editor-section{padding:12px;display:grid;gap:12px;background:var(--editor-surface);border:var(--editor-border);border-radius:var(--editor-radius)}.editor-section-lg{gap:16px}.editor-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.editor-grid{display:grid;gap:12px}.editor-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid.tight{gap:8px}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.editor-muted{color:var(--editor-muted)}.editor-title{margin:6px 0 8px;font-size:1rem}.editor-title-row{display:flex;align-items:center;gap:8px}.editor-code{white-space:pre-wrap;background:var(--md-sys-color-surface-container);padding:8px;border-radius:6px;border:1px solid var(--md-sys-color-outline-variant)}.editor-card{border:1px solid var(--md-sys-color-outline-variant);padding:10px;border-radius:10px;display:grid;gap:8px;background:var(--md-sys-color-surface)}.editor-card.dashed{border-style:dashed}.editor-card-header{display:flex;align-items:center;gap:8px}.editor-card-title{flex:1;font-weight:600}.editor-divider{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.editor-spacer{flex:1}.editor-field-min{min-width:260px}.editor-section .editor-field-min{width:260px;max-width:260px}.editor-field-240{width:240px}.editor-section .editor-field-240{width:240px;max-width:240px}.editor-json{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.editor-section .mat-mdc-form-field{width:100%;max-width:520px;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.editor-section .mat-mdc-form-field.full{max-width:none}.editor-icon-action--danger{color:var(--md-sys-color-error)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SETTINGS_PANEL_DATA]
@@ -2196,7 +2171,7 @@ class TabsQuickSetupComponent {
           @for (l of model.labels; track l; let i = $index) {
             <div class="chip">
               <span>{{ l }}</span>
-              <button mat-icon-button (click)="removeLabel(i)" [attr.aria-label]="t('editor.actions.removeLabel', 'Remover rotulo')"><mat-icon [praxisIcon]="'close'"></mat-icon></button>
+              <button praxisIconButton="close" size="dense" type="button" (click)="removeLabel(i)" [attr.aria-label]="t('editor.actions.removeLabel', 'Remover rotulo')"></button>
             </div>
           }
         </div>
@@ -2209,7 +2184,7 @@ class TabsQuickSetupComponent {
         <mat-slide-toggle [(ngModel)]="model.stretchTabs" (ngModelChange)="updateState()">{{ t('editor.toggles.stretchTabs', 'Esticar abas') }}</mat-slide-toggle>
       </div>
     </div>
-    `, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.setup-root{display:grid;gap:12px;padding:8px;background:var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.setup-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.setup-row.wrap{flex-wrap:wrap}.setup-grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.setup-root .mat-mdc-form-field{width:100%;max-width:520px;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface)}.hint{color:var(--md-sys-color-on-surface-variant)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2_1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2_1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2_1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] });
+    `, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.setup-root{display:grid;gap:12px;padding:8px;background:var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.setup-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.setup-row.wrap{flex-wrap:wrap}.setup-grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.setup-root .mat-mdc-form-field{width:100%;max-width:520px;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface)}.hint{color:var(--md-sys-color-on-surface-variant)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2_1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2_1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2_1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabsQuickSetupComponent, decorators: [{
             type: Component,
@@ -2219,6 +2194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatInputModule,
                         MatIconModule,
                         PraxisIconDirective,
+                        PraxisIconButtonComponent,
                         MatButtonModule,
                         MatSlideToggleModule
                     ], providers: [providePraxisI18nConfig(PRAXIS_TABS_I18N_CONFIG)], template: `
@@ -2250,7 +2226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           @for (l of model.labels; track l; let i = $index) {
             <div class="chip">
               <span>{{ l }}</span>
-              <button mat-icon-button (click)="removeLabel(i)" [attr.aria-label]="t('editor.actions.removeLabel', 'Remover rotulo')"><mat-icon [praxisIcon]="'close'"></mat-icon></button>
+              <button praxisIconButton="close" size="dense" type="button" (click)="removeLabel(i)" [attr.aria-label]="t('editor.actions.removeLabel', 'Remover rotulo')"></button>
             </div>
           }
         </div>
@@ -4460,39 +4436,36 @@ class PraxisTabs {
                   <span>{{ entry.tab.textLabel }}</span>
                   @if (config?.behavior?.closeable) {
                     <button
-                      mat-icon-button
+                      praxisIconButton="close"
+                      size="dense"
                       type="button"
                       (click)="closeTab(entry.index); $event.stopPropagation()"
                       (keydown.enter)="$event.stopPropagation()"
                       (keydown.space)="$event.stopPropagation()"
                       [attr.aria-label]="t('chrome.closeTab', 'Fechar aba')"
-                      >
-                      <mat-icon aria-hidden="true" fontIcon="close"></mat-icon>
-                    </button>
+                    ></button>
                   }
                   @if (config?.behavior?.reorderable) {
                     <button
-                      mat-icon-button
+                      praxisIconButton="arrow_back"
+                      size="dense"
                       type="button"
                       (click)="moveTab(entry.index, -1); $event.stopPropagation()"
                       (keydown.enter)="$event.stopPropagation()"
                       (keydown.space)="$event.stopPropagation()"
                       [disabled]="entry.index===0"
                       [attr.aria-label]="t('chrome.moveTabLeft', 'Mover aba para esquerda')"
-                      >
-                      <mat-icon aria-hidden="true" fontIcon="arrow_back"></mat-icon>
-                    </button>
+                    ></button>
                     <button
-                      mat-icon-button
+                      praxisIconButton="arrow_forward"
+                      size="dense"
                       type="button"
                       (click)="moveTab(entry.index, 1); $event.stopPropagation()"
                       (keydown.enter)="$event.stopPropagation()"
                       (keydown.space)="$event.stopPropagation()"
                       [disabled]="entry.index===(config?.tabs?.length||1)-1"
                       [attr.aria-label]="t('chrome.moveTabRight', 'Mover aba para direita')"
-                      >
-                      <mat-icon aria-hidden="true" fontIcon="arrow_forward"></mat-icon>
-                    </button>
+                    ></button>
                   }
                 </ng-template>
                 @if (shouldRenderGroupBody()) {
@@ -4554,7 +4527,7 @@ class PraxisTabs {
         </button>
       }
     </div>
-    `, isInline: true, styles: [".praxis-tabs-root{position:relative;display:block}.praxis-tabs-group.align-start .mat-mdc-tab-header{justify-content:flex-start}.praxis-tabs-group.align-center .mat-mdc-tab-header{justify-content:center}.praxis-tabs-group.align-end .mat-mdc-tab-header{justify-content:flex-end}.praxis-tabs-group--header-only .mat-mdc-tab-body-wrapper,.praxis-tabs-nav-panel--header-only{display:none}.density-compact .mat-mdc-tab-body-content{padding:8px}.density-comfortable .mat-mdc-tab-body-content{padding:16px}.density-spacious .mat-mdc-tab-body-content{padding:24px}.tabs-ai-assistant{position:absolute;right:12px;bottom:72px;z-index:3}.tabs-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2)}.edit-fab{position:absolute;right:12px;bottom:12px;z-index:2}.edit-fab-secondary{right:56px}.tab-empty{padding:16px;color:var(--md-sys-color-on-surface-variant);font-style:italic}.high-contrast{filter:contrast(1.2)}.reduce-motion{--mat-animation-duration: 0ms}.drag-handle{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px;cursor:grab}.tab-label-icon{font-size:18px;width:18px;height:18px;margin-right:6px;vertical-align:middle}:host-context(.pdx-gridster-item) .praxis-tabs-root{display:flex;flex-direction:column;height:100%;min-height:0}:host-context(.pdx-gridster-item) .praxis-tabs-group,:host-context(.pdx-gridster-item) .mat-mdc-tab-group{flex:1 1 auto;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-wrapper,:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{height:100%;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{overflow:auto}:host-context(.pdx-gridster-item) .praxis-tabnav-content{flex:1 1 auto;min-height:0;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2_1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2_1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i3.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i3.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i3.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i3.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone", "variant", "alignment", "density", "iconContainer"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "recommendedIntents", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "voiceInputMode", "voiceLanguage", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "recommendedIntent", "layoutChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, styles: [".praxis-tabs-root{position:relative;display:block}.praxis-tabs-group.align-start .mat-mdc-tab-header{justify-content:flex-start}.praxis-tabs-group.align-center .mat-mdc-tab-header{justify-content:center}.praxis-tabs-group.align-end .mat-mdc-tab-header{justify-content:flex-end}.praxis-tabs-group--header-only .mat-mdc-tab-body-wrapper,.praxis-tabs-nav-panel--header-only{display:none}.density-compact .mat-mdc-tab-body-content{padding:8px}.density-comfortable .mat-mdc-tab-body-content{padding:16px}.density-spacious .mat-mdc-tab-body-content{padding:24px}.tabs-ai-assistant{position:absolute;right:12px;bottom:72px;z-index:3}.tabs-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2)}.edit-fab{position:absolute;right:12px;bottom:12px;z-index:2}.edit-fab-secondary{right:56px}.tab-empty{padding:16px;color:var(--md-sys-color-on-surface-variant);font-style:italic}.high-contrast{filter:contrast(1.2)}.reduce-motion{--mat-animation-duration: 0ms}.drag-handle{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px;cursor:grab}.tab-label-icon{font-size:18px;width:18px;height:18px;margin-right:6px;vertical-align:middle}:host-context(.pdx-gridster-item) .praxis-tabs-root{display:flex;flex-direction:column;height:100%;min-height:0}:host-context(.pdx-gridster-item) .praxis-tabs-group,:host-context(.pdx-gridster-item) .mat-mdc-tab-group{flex:1 1 auto;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-wrapper,:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{height:100%;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{overflow:auto}:host-context(.pdx-gridster-item) .praxis-tabnav-content{flex:1 1 auto;min-height:0;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2_1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2_1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i3.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i3.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i3.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i3.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone", "variant", "alignment", "density", "iconContainer"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "recommendedIntents", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "voiceInputMode", "voiceLanguage", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "recommendedIntent", "layoutChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisTabs, decorators: [{
             type: Component,
@@ -4565,6 +4538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatIconModule,
                         MatTooltipModule,
                         PraxisIconDirective,
+                        PraxisIconButtonComponent,
                         MatButtonModule,
                         DragDropModule,
                         EmptyStateCardComponent,
@@ -4775,39 +4749,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <span>{{ entry.tab.textLabel }}</span>
                   @if (config?.behavior?.closeable) {
                     <button
-                      mat-icon-button
+                      praxisIconButton="close"
+                      size="dense"
                       type="button"
                       (click)="closeTab(entry.index); $event.stopPropagation()"
                       (keydown.enter)="$event.stopPropagation()"
                       (keydown.space)="$event.stopPropagation()"
                       [attr.aria-label]="t('chrome.closeTab', 'Fechar aba')"
-                      >
-                      <mat-icon aria-hidden="true" fontIcon="close"></mat-icon>
-                    </button>
+                    ></button>
                   }
                   @if (config?.behavior?.reorderable) {
                     <button
-                      mat-icon-button
+                      praxisIconButton="arrow_back"
+                      size="dense"
                       type="button"
                       (click)="moveTab(entry.index, -1); $event.stopPropagation()"
                       (keydown.enter)="$event.stopPropagation()"
                       (keydown.space)="$event.stopPropagation()"
                       [disabled]="entry.index===0"
                       [attr.aria-label]="t('chrome.moveTabLeft', 'Mover aba para esquerda')"
-                      >
-                      <mat-icon aria-hidden="true" fontIcon="arrow_back"></mat-icon>
-                    </button>
+                    ></button>
                     <button
-                      mat-icon-button
+                      praxisIconButton="arrow_forward"
+                      size="dense"
                       type="button"
                       (click)="moveTab(entry.index, 1); $event.stopPropagation()"
                       (keydown.enter)="$event.stopPropagation()"
                       (keydown.space)="$event.stopPropagation()"
                       [disabled]="entry.index===(config?.tabs?.length||1)-1"
                       [attr.aria-label]="t('chrome.moveTabRight', 'Mover aba para direita')"
-                      >
-                      <mat-icon aria-hidden="true" fontIcon="arrow_forward"></mat-icon>
-                    </button>
+                    ></button>
                   }
                 </ng-template>
                 @if (shouldRenderGroupBody()) {

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@praxisui/tabs",
-  "version": "9.0.0-beta.85",
+  "version": "9.0.0-beta.88",
   "description": "Configurable tabs (group and nav) for Praxis UI with metadata-driven content and runtime editor.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/cdk": "^21.0.0",
-    "@praxisui/core": "^9.0.0-beta.85",
-    "@praxisui/dynamic-fields": "^9.0.0-beta.85",
-    "@praxisui/settings-panel": "^9.0.0-beta.85",
+    "@praxisui/core": "^9.0.0-beta.88",
+    "@praxisui/dynamic-fields": "^9.0.0-beta.88",
+    "@praxisui/settings-panel": "^9.0.0-beta.88",
     "@angular/forms": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^9.0.0-beta.85",
+    "@praxisui/ai": "^9.0.0-beta.88",
     "rxjs": "~7.8.0"
   },
   "dependencies": {