@mhmo91/schmancy 0.10.35 → 0.10.37

package/dist/agent/schmancy.manifest.json

@@ -324,7 +324,7 @@
           "kind": "class",
           "name": "SchmancyBoat",
           "tagName": "schmancy-boat",
-          "description": "Material-3 extended FAB that delegates its expanded panel to the `show()` overlay service. Collapsed: a draggable, corner-anchored pill (icon + label, circular when no label). Activated: the default-slot content blooms from the FAB as an overlay (backdrop / Esc / back-button / sheet-on-narrow handled by the overlay primitive).",
+          "description": "Corner-anchored launcher that delegates its expanded panel to the `show()` overlay service.  Three slots, three non-overlapping intents — no element-type sniffing, ever:    - `trigger`  — pure consumer content. A native click anywhere on it     opens the panel; interactive children (buttons, FABs, inputs) work     with zero special-casing because the boat never calls     `preventDefault` / `stopPropagation` / `setPointerCapture` here.   - `drag-handle` — opt-in. Pointer-drag is wired ONLY to this slot's     boat-owned wrapper. Slot it to make the boat draggable; omit it and     the boat is static at its corner. (A no-move tap on the handle also     opens, so the grip doubles as a launcher.)   - _(default)_ — the panel body; parked hidden while collapsed,     relocated into the `show()` overlay on open.  The boat owns drag, corner-snapping, position persistence and the glass surface — never the collapsed shape.",
           "attributes": [
             {
               "name": "id",
@@ -346,7 +346,7 @@
                 "top-left"
               ],
               "default": "'bottom-right'",
-              "description": "Corner the FAB is anchored to."
+              "description": "Corner the launcher is anchored to."
             },
             {
               "name": "open",
@@ -871,244 +871,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "chips/assist-chip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyAssistChip",
-          "tagName": "schmancy-assist-chip",
-          "description": "Assist chip component - prompts user actions like opening calendar events or sharing content Pure Schmancy implementation with Tailwind CSS and RxJS state management",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value identifier for the chip"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional icon name (Material Symbols)"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional href for navigation"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Target for navigation (e.g., '_blank')"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable the chip"
-            },
-            {
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Elevated style variant - true by default per M3 spec for assist chips"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "chips/chips.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyChips",
-          "tagName": "schmancy-chips",
-          "attributes": [
-            {
-              "name": "wrap",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "justify",
-              "type": {
-                "text": "\"start\" | \"center\" | \"end\""
-              },
-              "values": [
-                "start",
-                "center",
-                "end"
-              ],
-              "default": "'start'"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "chips/input-chip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyInputChip",
-          "tagName": "schmancy-input-chip",
-          "description": "Input chip component - represents user-provided information that can be removed.  IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state. They represent discrete pieces of user input (like entered tags, selections from lists, etc.) that can only be removed, not toggled on/off.  Use cases: - Displaying selected recipients in an email - Showing applied filters that can be removed - Tags or keywords entered by the user - Selected items from a multi-select dropdown",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value identifier for the chip"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional icon name (Material Symbols)"
-            },
-            {
-              "name": "avatar",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional avatar image URL"
-            },
-            {
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show remove button (default true for input chips)"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable the chip"
-            },
-            {
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Elevated style variant"
-            }
-          ],
-          "events": [
-            {
-              "name": "click",
-              "description": "Optional click event on chip body (value)"
-            },
-            {
-              "name": "remove",
-              "description": "Dispatched when remove button is clicked (value)"
-            }
-          ],
-          "examples": [
-            "<schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n  John Doe\n</schmancy-input-chip>"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "chips/suggestion-chip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySuggestionChip",
-          "tagName": "schmancy-suggestion-chip",
-          "description": "Suggestion chip component - provides contextual recommendations to users  IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to provide suggestions and recommendations that trigger actions when clicked. Unlike filter chips, they cannot be toggled on/off.  Pure Schmancy implementation with Tailwind CSS and RxJS state management",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value identifier for the chip"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional icon name (Material Symbols)"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional href for navigation"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Target for navigation (e.g., '_blank')"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable the chip"
-            },
-            {
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Elevated style variant - flat by default per M3 spec"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "connectivity/connectivity-status.ts",
@@ -1779,6 +1541,83 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "fab/fab.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyFab",
+          "tagName": "schmancy-fab",
+          "description": "Material 3 Floating Action Button.  Mirrors the `md-fab` reference implementation (github.com/material-components/material-web) and the M3 spec (m3.material.io/components/floating-action-button): four colour variants, three container sizes, an extended form (set `label`), and a `lowered` elevation register. Per M3 guidance a FAB is never disabled, so there is no `disabled` property.  Sizing, shape, icon size and elevation are M3 design tokens expressed as `:host` rules (the same token-driven model as `md-fab`'s SCSS); colour roles and the state layer are schmancy theme utilities. The host shrink-wraps the inner button and clips its rounded shape.",
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "FabVariant"
+              },
+              "values": [
+                "primary",
+                "secondary",
+                "tertiary",
+                "surface"
+              ],
+              "default": "'surface'",
+              "description": "Colour variant. M3 maps each to a container + on-container role."
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "FabSize"
+              },
+              "values": [
+                "small",
+                "medium",
+                "large"
+              ],
+              "default": "'medium'",
+              "description": "Container size. Ignored while extended (extended is always 56dp tall)."
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Extended-FAB label. A non-empty value switches the FAB to its extended form (icon + text), exactly as `md-fab` derives extended from a truthy label."
+            },
+            {
+              "name": "extended",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Reflected mirror of \"label is non-empty\" so `:host([extended])` can drive the extended geometry. Synced from `label`; read it, don't set it."
+            },
+            {
+              "name": "lowered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lowers the FAB's elevation register (M3 lowered FAB)."
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The icon (typically `<schmancy-icon>`)."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "base",
+              "description": "The underlying native `<button>`."
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "float/float.ts",
@@ -2632,12 +2471,12 @@
             {
               "name": "alignment",
               "type": {
-                "text": "\"center\" | \"top\" | \"bottom\""
+                "text": "\"top\" | \"bottom\" | \"center\""
               },
               "values": [
-                "center",
                 "top",
-                "bottom"
+                "bottom",
+                "center"
               ],
               "default": "'top'",
               "description": "Alignment of navigation items"
@@ -3400,7 +3239,7 @@
               "description": "The step's position (1-based). This is used to compare against the container's current step to decide if it's \"complete\", \"current\", or \"upcoming\"."
             },
             {
-              "name": "title",
+              "name": "label",
               "type": {
                 "text": "string"
               },
@@ -3419,14 +3258,6 @@
                 "text": "boolean"
               },
               "default": "false"
-            },
-            {
-              "name": "lockBack",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "NEW: Lock API to disable users from going back. When set to true, clicking on a previous (completed) step is ignored."
             }
           ],
           "contexts": [
@@ -3440,22 +3271,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "steps/schmancy-steps-container.ts",
+      "path": "steps/schmancy-steps.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "SchmancyStepsContainer",
-          "tagName": "schmancy-steps-container",
-          "attributes": [
-            {
-              "name": "gap",
-              "type": {
-                "text": "0 | 1 | 8 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 16 | 20 | 24"
-              },
-              "default": "4",
-              "description": "Gap between steps. Maps to Tailwind gap classes."
-            }
-          ],
+          "name": "SchmancySteps",
+          "tagName": "schmancy-steps",
           "contexts": [
             {
               "name": "stepsContext",
@@ -3940,23 +3761,23 @@
             {
               "name": "align",
               "type": {
-                "text": "\"center\" | \"right\" | \"left\" | \"justify\""
+                "text": "\"right\" | \"left\" | \"center\" | \"justify\""
               },
               "values": [
-                "center",
                 "right",
                 "left",
+                "center",
                 "justify"
               ]
             },
             {
               "name": "weight",
               "type": {
-                "text": "\"normal\" | \"medium\" | \"bold\""
+                "text": "\"medium\" | \"normal\" | \"bold\""
               },
               "values": [
-                "normal",
                 "medium",
+                "normal",
                 "bold"
               ]
             },
@@ -4340,6 +4161,245 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/assist-chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyAssistChip",
+          "tagName": "schmancy-assist-chip",
+          "description": "Assist chip component - prompts user actions like opening calendar events or sharing content Pure Schmancy implementation with Tailwind CSS and RxJS state management",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value identifier for the chip"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional icon name (Material Symbols)"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional href for navigation"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Target for navigation (e.g., '_blank')"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable the chip"
+            },
+            {
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Elevated style variant - true by default per M3 spec for assist chips"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/chips.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyChips",
+          "tagName": "schmancy-chips",
+          "attributes": [
+            {
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether multiple chips can be selected simultaneously."
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "justify",
+              "type": {
+                "text": "\"start\" | \"end\" | \"center\""
+              },
+              "values": [
+                "start",
+                "end",
+                "center"
+              ],
+              "default": "'start'"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/input-chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyInputChip",
+          "tagName": "schmancy-input-chip",
+          "description": "Input chip component - represents user-provided information that can be removed.  IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state. They represent discrete pieces of user input (like entered tags, selections from lists, etc.) that can only be removed, not toggled on/off.  Use cases: - Displaying selected recipients in an email - Showing applied filters that can be removed - Tags or keywords entered by the user - Selected items from a multi-select dropdown",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value identifier for the chip"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional icon name (Material Symbols)"
+            },
+            {
+              "name": "avatar",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional avatar image URL"
+            },
+            {
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether to show remove button (default true for input chips)"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable the chip"
+            },
+            {
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Elevated style variant"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Optional click event on chip body (value)"
+            },
+            {
+              "name": "remove",
+              "description": "Dispatched when remove button is clicked (value)"
+            }
+          ],
+          "examples": [
+            "<schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n  John Doe\n</schmancy-input-chip>"
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/suggestion-chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancySuggestionChip",
+          "tagName": "schmancy-suggestion-chip",
+          "description": "Suggestion chip component - provides contextual recommendations to users  IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to provide suggestions and recommendations that trigger actions when clicked. Unlike filter chips, they cannot be toggled on/off.  Pure Schmancy implementation with Tailwind CSS and RxJS state management",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value identifier for the chip"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional icon name (Material Symbols)"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional href for navigation"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Target for navigation (e.g., '_blank')"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable the chip"
+            },
+            {
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Elevated style variant - flat by default per M3 spec"
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "form/fields/date-range/date-range-dialog.ts",
@@ -4562,12 +4622,12 @@
             {
               "name": "align",
               "type": {
-                "text": "\"center\" | \"right\" | \"left\""
+                "text": "\"right\" | \"left\" | \"center\""
               },
               "values": [
-                "center",
                 "right",
-                "left"
+                "left",
+                "center"
               ],
               "default": "'left'",
               "description": "Text alignment within the input. - 'left' | 'center' | 'right'"
@@ -5009,12 +5069,12 @@
             {
               "name": "align",
               "type": {
-                "text": "\"center\" | \"right\" | \"left\""
+                "text": "\"right\" | \"left\" | \"center\""
               },
               "values": [
-                "center",
                 "right",
-                "left"
+                "left",
+                "center"
               ],
               "default": "'left'"
             },