@genesislcap/foundation-zero 14.125.1 → 14.126.0-PA-1036.1

package/dist/custom-elements.json

@@ -996,37 +996,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1387,6 +1356,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.stories.ts",
@@ -18116,6 +18116,14 @@
             }
           ]
         },
+        {
+          "kind": "variable",
+          "name": "defaultHorizontalScrollZeroConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  nextFlipper: html`\n    <zero-flipper\n      @click=\"${(x) => x.scrollToNext()}\"\n      aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n    ></zero-flipper>\n  `,\n  previousFlipper: html`\n    <zero-flipper\n      @click=\"${(x) => x.scrollToPrevious()}\"\n      direction=\"previous\"\n      aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n    ></zero-flipper>\n  `,\n}"
+        },
         {
           "kind": "variable",
           "name": "zeroHorizontalScroll"
@@ -18130,6 +18138,14 @@
             "module": "src/horizontal-scroll/horizontal-scroll.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "defaultHorizontalScrollZeroConfig",
+          "declaration": {
+            "name": "defaultHorizontalScrollZeroConfig",
+            "module": "src/horizontal-scroll/horizontal-scroll.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "zeroHorizontalScroll",
@@ -22157,7 +22173,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/number-field/index.ts",
+      "path": "src/progress/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -22165,7 +22181,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./number-field"
+            "package": "./progress"
           }
         },
         {
@@ -22173,14 +22189,22 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./number-field.styles"
+            "package": "./progress.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/number-field/number-field.stories.ts",
+      "path": "src/progress/progress.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -22188,15 +22212,23 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Number Field',\n  component: 'zero-number-field',\n}"
+          "default": "{\n  title: 'Progress',\n  component: 'zero-progress',\n}"
         },
         {
           "kind": "variable",
-          "name": "Primary",
+          "name": "Multiple",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <div style=\"display: flex; gap: 2rem;\">\n      <zero-number-field placeholder=\"number\" withFormatting>with formatting:</zero-number-field>\n      <zero-number-field placeholder=\"number\">without formatting:</zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"6\" withFormatting>\n        Min 6 - with formatting\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"6\" max=\"60\">\n        Min 6, Max 60 - without formatting\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"1\" value=${undefined}>\n        Value is undefined (min 1)\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"1\" value=${null}>\n        Value is null (min 1)\n      </zero-number-field>\n    </div>\n  `,\n}"
+          "default": "{\n  render: () => html`\n    <div style=\"width: 100%;\">\n      <zero-progress></zero-progress>\n      <zero-progress value=\"50\"></zero-progress>\n      <zero-progress value=\"100\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\" value=\"50\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\" value=\"100\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\" value=\"50\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\" value=\"100\"></zero-progress>\n    </div>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Configurable",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: ['accent', 'secondary-orange', 'secondary-teal'],\n    },\n  },\n  args: {\n    appearance: 'accent',\n    value: '50',\n  },\n  render: ({ appearance, value }) => html`\n    <div style=\"width: 100%;\">\n      <zero-progress appearance=\"${appearance}\" value=\"${value}\"></zero-progress>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -22205,26 +22237,34 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/number-field/number-field.stories.ts"
+            "module": "src/progress/progress.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "Multiple",
           "declaration": {
-            "name": "Primary",
-            "module": "src/number-field/number-field.stories.ts"
+            "name": "Multiple",
+            "module": "src/progress/progress.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Configurable",
+          "declaration": {
+            "name": "Configurable",
+            "module": "src/progress/progress.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/number-field/number-field.styles.ts",
+      "path": "src/progress/progress.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroNumberFieldStyles",
+          "name": "zeroProgressStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -22240,7 +22280,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "ProgressOptions"
               }
             }
           ]
@@ -22249,139 +22289,534 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroNumberFieldStyles",
+          "name": "zeroProgressStyles",
           "declaration": {
-            "name": "zeroNumberFieldStyles",
-            "module": "src/number-field/number-field.styles.ts"
+            "name": "zeroProgressStyles",
+            "module": "src/progress/progress.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/number-field/number-field.ts",
+      "path": "src/progress/progress.template.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "NumberField",
-          "superclass": {
-            "name": "FoundationNumberField",
-            "package": "@genesislcap/foundation-ui"
+          "kind": "function",
+          "name": "zeroProgressTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Progress>"
+            }
           },
-          "tagName": "%%prefix%%-number-field",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "autocomplete",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "number"
-              },
-              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
-              "fieldName": "hideStep",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
-              "name": "locale",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en-US'",
-              "fieldName": "locale",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
-              "name": "hide-step",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, spin buttons will not be rendered",
-              "fieldName": "hideStep",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
+          "parameters": [
             {
-              "name": "placeholder",
+              "name": "context",
               "type": {
-                "text": "string"
-              },
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
-              "fieldName": "placeholder",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
+                "text": "ElementDefinitionContext"
               }
             },
             {
-              "name": "list",
+              "name": "definition",
               "type": {
-                "text": "string"
-              },
-              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
-              "fieldName": "list",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
+                "text": "ProgressOptions"
               }
             }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroProgressTemplate",
+          "declaration": {
+            "name": "zeroProgressTemplate",
+            "module": "src/progress/progress.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Progress",
+          "superclass": {
+            "name": "FoundationProgress",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-progress",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroProgress"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Progress",
+          "declaration": {
+            "name": "Progress",
+            "module": "src/progress/progress.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroProgress",
+          "declaration": {
+            "name": "zeroProgress",
+            "module": "src/progress/progress.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Progress Ring',\n  component: 'zero-progress-ring',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Multiple",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-progress-ring></zero-progress-ring>\n    <zero-progress-ring value=\"50\"></zero-progress-ring>\n    <zero-progress-ring value=\"100\"></zero-progress-ring>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Configurable",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    value: '50',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <zero-progress-ring value=\"${value}\"></zero-progress-ring>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Multiple",
+          "declaration": {
+            "name": "Multiple",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Configurable",
+          "declaration": {
+            "name": "Configurable",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroProgressRingStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressRingOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroProgressRingStyles",
+          "declaration": {
+            "name": "zeroProgressRingStyles",
+            "module": "src/progress-ring/progress-ring.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroProgressRingTemplate",
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressRingOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroProgressRingTemplate",
+          "declaration": {
+            "name": "zeroProgressRingTemplate",
+            "module": "src/progress-ring/progress-ring.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ProgressRing",
+          "superclass": {
+            "name": "FoundationProgressRing",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-progress-ring",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "defaultZeroProgressRingConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  indeterminateIndicator: `\n  <svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n    <defs>\n      <linearGradient id=\"linear\">\n        <stop offset=\"0%\"   stop-color=\"${PrimaryRapidColorHEX.purple}\"/>\n        <stop offset=\"100%\" stop-color=\"${PrimaryRapidColorHEX.blue}\"/>\n      </linearGradient>\n    </defs>\n    <circle class=\"background\" part=\"background\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n    <circle class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n  </svg>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "zeroProgressRing"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ProgressRing",
+          "declaration": {
+            "name": "ProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultZeroProgressRingConfig",
+          "declaration": {
+            "name": "defaultZeroProgressRingConfig",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroProgressRing",
+          "declaration": {
+            "name": "zeroProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/number-field/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./number-field"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./number-field.styles"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/number-field/number-field.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Number Field',\n  component: 'zero-number-field',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <div style=\"display: flex; gap: 2rem;\">\n      <zero-number-field placeholder=\"number\" withFormatting>with formatting:</zero-number-field>\n      <zero-number-field placeholder=\"number\">without formatting:</zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"6\" withFormatting>\n        Min 6 - with formatting\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"6\" max=\"60\">\n        Min 6, Max 60 - without formatting\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"1\" value=${undefined}>\n        Value is undefined (min 1)\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"1\" value=${null}>\n        Value is null (min 1)\n      </zero-number-field>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/number-field/number-field.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/number-field/number-field.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/number-field/number-field.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroNumberFieldStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroNumberFieldStyles",
+          "declaration": {
+            "name": "zeroNumberFieldStyles",
+            "module": "src/number-field/number-field.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/number-field/number-field.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "NumberField",
+          "superclass": {
+            "name": "FoundationNumberField",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-number-field",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "autocomplete",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "fieldName": "hideStep",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en-US'",
+              "fieldName": "locale",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "name": "hide-step",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, spin buttons will not be rendered",
+              "fieldName": "hideStep",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autocomplete",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
+            {
               "kind": "method",
               "name": "autocompleteChanged",
               "privacy": "private",
@@ -22939,497 +23374,78 @@
               "name": "input",
               "inheritedFrom": {
                 "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
-            {
-              "description": "Fires a custom 'change' event when the value has changed",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "defaultNumberFieldConfig",
-          "default": "foundationNumberFieldConfig"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroNumberFieldTemplate",
-          "default": "foundationNumberFieldTemplate"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroNumberFieldShadowOptions",
-          "default": "foundationNumberFieldShadowOptions"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroNumberField"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NumberField",
-          "declaration": {
-            "name": "NumberField",
-            "module": "src/number-field/number-field.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultNumberFieldConfig",
-          "declaration": {
-            "name": "defaultNumberFieldConfig",
-            "module": "src/number-field/number-field.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroNumberFieldTemplate",
-          "declaration": {
-            "name": "zeroNumberFieldTemplate",
-            "module": "src/number-field/number-field.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroNumberFieldShadowOptions",
-          "declaration": {
-            "name": "zeroNumberFieldShadowOptions",
-            "module": "src/number-field/number-field.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroNumberField",
-          "declaration": {
-            "name": "zeroNumberField",
-            "module": "src/number-field/number-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Progress',\n  component: 'zero-progress',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Multiple",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"width: 100%;\">\n      <zero-progress></zero-progress>\n      <zero-progress value=\"50\"></zero-progress>\n      <zero-progress value=\"100\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\" value=\"50\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\" value=\"100\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\" value=\"50\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\" value=\"100\"></zero-progress>\n    </div>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Configurable",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: ['accent', 'secondary-orange', 'secondary-teal'],\n    },\n  },\n  args: {\n    appearance: 'accent',\n    value: '50',\n  },\n  render: ({ appearance, value }) => html`\n    <div style=\"width: 100%;\">\n      <zero-progress appearance=\"${appearance}\" value=\"${value}\"></zero-progress>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/progress/progress.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Multiple",
-          "declaration": {
-            "name": "Multiple",
-            "module": "src/progress/progress.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Configurable",
-          "declaration": {
-            "name": "Configurable",
-            "module": "src/progress/progress.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroProgressStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroProgressStyles",
-          "declaration": {
-            "name": "zeroProgressStyles",
-            "module": "src/progress/progress.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroProgressTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Progress>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
+                "module": "src/number-field/number-field.ts"
               }
             },
             {
-              "name": "definition",
-              "type": {
-                "text": "ProgressOptions"
+              "description": "Fires a custom 'change' event when the value has changed",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
               }
             }
           ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroProgressTemplate",
-          "declaration": {
-            "name": "zeroProgressTemplate",
-            "module": "src/progress/progress.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Progress",
-          "superclass": {
-            "name": "FoundationProgress",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-progress",
-          "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroProgress"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Progress",
-          "declaration": {
-            "name": "Progress",
-            "module": "src/progress/progress.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroProgress",
-          "declaration": {
-            "name": "zeroProgress",
-            "module": "src/progress/progress.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring.styles"
-          }
+          "name": "defaultNumberFieldConfig",
+          "default": "foundationNumberFieldConfig"
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.stories.ts",
-      "declarations": [
         {
           "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Progress Ring',\n  component: 'zero-progress-ring',\n}"
+          "name": "zeroNumberFieldTemplate",
+          "default": "foundationNumberFieldTemplate"
         },
         {
           "kind": "variable",
-          "name": "Multiple",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-progress-ring></zero-progress-ring>\n    <zero-progress-ring value=\"50\"></zero-progress-ring>\n    <zero-progress-ring value=\"100\"></zero-progress-ring>\n  `,\n}"
+          "name": "zeroNumberFieldShadowOptions",
+          "default": "foundationNumberFieldShadowOptions"
         },
         {
           "kind": "variable",
-          "name": "Configurable",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    value: '50',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <zero-progress-ring value=\"${value}\"></zero-progress-ring>\n    </div>\n  `,\n}"
+          "name": "zeroNumberField"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Multiple",
+          "name": "NumberField",
           "declaration": {
-            "name": "Multiple",
-            "module": "src/progress-ring/progress-ring.stories.ts"
+            "name": "NumberField",
+            "module": "src/number-field/number-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Configurable",
-          "declaration": {
-            "name": "Configurable",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroProgressRingStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressRingOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroProgressRingStyles",
-          "declaration": {
-            "name": "zeroProgressRingStyles",
-            "module": "src/progress-ring/progress-ring.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroProgressRingTemplate",
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressRingOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroProgressRingTemplate",
+          "name": "defaultNumberFieldConfig",
           "declaration": {
-            "name": "zeroProgressRingTemplate",
-            "module": "src/progress-ring/progress-ring.template.ts"
+            "name": "defaultNumberFieldConfig",
+            "module": "src/number-field/number-field.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ProgressRing",
-          "superclass": {
-            "name": "FoundationProgressRing",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-progress-ring",
-          "customElement": true
         },
-        {
-          "kind": "variable",
-          "name": "defaultZeroProgressRingConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  indeterminateIndicator: `\n  <svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n    <defs>\n      <linearGradient id=\"linear\">\n        <stop offset=\"0%\"   stop-color=\"${PrimaryRapidColorHEX.purple}\"/>\n        <stop offset=\"100%\" stop-color=\"${PrimaryRapidColorHEX.blue}\"/>\n      </linearGradient>\n    </defs>\n    <circle class=\"background\" part=\"background\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n    <circle class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n  </svg>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroProgressRing"
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "ProgressRing",
+          "name": "zeroNumberFieldTemplate",
           "declaration": {
-            "name": "ProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
+            "name": "zeroNumberFieldTemplate",
+            "module": "src/number-field/number-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultZeroProgressRingConfig",
+          "name": "zeroNumberFieldShadowOptions",
           "declaration": {
-            "name": "defaultZeroProgressRingConfig",
-            "module": "src/progress-ring/progress-ring.ts"
+            "name": "zeroNumberFieldShadowOptions",
+            "module": "src/number-field/number-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroProgressRing",
+          "name": "zeroNumberField",
           "declaration": {
-            "name": "zeroProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
+            "name": "zeroNumberField",
+            "module": "src/number-field/number-field.ts"
           }
         }
       ]