@flikk/ui 1.0.0-beta.32 → 1.0.0-beta.33

package/dist/generative.schema.json

@@ -1762,6 +1762,21 @@
           "required": true,
           "description": "Current counter value (controlled)"
         },
+        "size": {
+          "kind": "enum",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "Control size, drawn from the shared `--form-*` scale so a counter lines up"
+        },
+        "editable": {
+          "kind": "boolean",
+          "default": true,
+          "description": "Whether clicking the number swaps it for a text field so the value can be"
+        },
         "state": {
           "kind": "enum",
           "options": [
@@ -2548,7 +2563,12 @@
         },
         "selected": {
           "kind": "boolean",
-          "description": "Whether the pill is selected (controlled state)"
+          "description": "Whether the pill is selected — CONTROLLED. Passing it makes the prop"
+        },
+        "defaultSelected": {
+          "kind": "boolean",
+          "default": false,
+          "description": "Initial selection for an UNCONTROLLED pill, which then owns its own state."
         },
         "readOnly": {
           "kind": "boolean",

package/dist/registry.json

@@ -1,7 +1,7 @@
 {
   "version": "1.0.0",
-  "libVersion": "1.0.0-beta.32",
-  "generatedAt": "2026-08-14T18:29:42.788Z",
+  "libVersion": "1.0.0-beta.33",
+  "generatedAt": "2026-08-20T12:02:58.656Z",
   "componentCount": 128,
   "components": [
     {
@@ -782,21 +782,21 @@
         "--button-py-sm",
         "--button-text-size-sm",
         "--button-line-height-sm",
-        "--button-icon-size-sm",
+        "--button-icon-square-sm",
         "--button-icon-p-sm",
         "--button-min-h-md",
         "--button-px-md",
         "--button-py-md",
         "--button-text-size-md",
         "--button-line-height-md",
-        "--button-icon-size-md",
+        "--button-icon-square-md",
         "--button-icon-p-md",
         "--button-min-h-lg",
         "--button-px-lg",
         "--button-py-lg",
         "--button-text-size-lg",
         "--button-line-height-lg",
-        "--button-icon-size-lg",
+        "--button-icon-square-lg",
         "--button-icon-p-lg"
       ],
       "codeExample": "import { Button } from \"@flikk/ui\";\n\n<Button variant=\"filled\">Button</Button>"
@@ -2608,7 +2608,12 @@
         },
         "selected": {
           "type": "boolean",
-          "description": "Whether the pill is selected (controlled state)"
+          "description": "Whether the pill is selected — CONTROLLED. Passing it makes the prop authoritative: the pill renders from it on every render and keeps no copy, so a parent that rejects or normalizes a change (a single-choice group refusing to deselect the active option) stays truthfully reflected. Mutually exclusive with `defaultSelected` (dev-warns if both are passed)."
+        },
+        "defaultSelected": {
+          "type": "boolean",
+          "description": "Initial selection for an UNCONTROLLED pill, which then owns its own state. Ignored when `selected` is provided.",
+          "default": "false"
         },
         "onSelect": {
           "type": "(selected: boolean) => void",
@@ -5079,6 +5084,12 @@
         "iconStartStyle",
         "iconEndStyle",
         "iconPadding",
+        "iconStartStyles",
+        "iconEndStyles",
+        "iconSizes",
+        "iconPaddings",
+        "left",
+        "right",
         "clearButtonStyle",
         "clearIconStyle",
         "dropdownStyle",
@@ -5276,6 +5287,9 @@
         "triggerFocusStates",
         "iconEndStyle",
         "iconEndPadding",
+        "iconEndStyles",
+        "iconEndPaddings",
+        "iconSizes",
         "bodyStyle",
         "bodyWithPresetsStyle",
         "presetsContainerStyle",
@@ -5480,6 +5494,9 @@
         "triggerFocusStates",
         "iconEndStyle",
         "iconEndPadding",
+        "iconEndStyles",
+        "iconEndPaddings",
+        "iconSizes",
         "bodyStyle",
         "presetsContainerStyle",
         "presetButtonStyle",
@@ -5835,6 +5852,12 @@
         "helperText",
         "iconStartStyle",
         "iconEndStyle",
+        "iconStartStyles",
+        "iconEndStyles",
+        "iconSizes",
+        "iconPaddings",
+        "left",
+        "right",
         "iconPadding",
         "contentStyle",
         "sm",
@@ -5917,6 +5940,16 @@
             "invalid"
           ]
         },
+        "size": {
+          "type": "InputProps['size']",
+          "description": "Size of every field in the group, from the shared `--form-*` scale, so the address block lines up with the Inputs and Selects around it. A per-field `*InputProps.size` still wins.",
+          "default": "md",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
         "errorMessage": {
           "type": "React.ReactNode",
           "description": "Consolidated error message shown below all fields when `state=\"invalid\"`"
@@ -6014,6 +6047,21 @@
           "type": "(value: number) => void",
           "description": "Callback when value changes"
         },
+        "size": {
+          "type": "InputCounterSize",
+          "description": "Control size, drawn from the shared `--form-*` scale so a counter lines up with the Input/Select/Combobox it sits beside.",
+          "default": "md",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
+        "editable": {
+          "type": "boolean",
+          "description": "Whether clicking the number swaps it for a text field so the value can be typed directly. Committed on Enter or blur; Escape reverts.",
+          "default": "true"
+        },
         "state": {
           "type": "InputCounterState",
           "description": "Validation/interaction state",
@@ -6055,10 +6103,6 @@
           "type": "number",
           "description": "Number of decimal places to display (auto-detected from step if not specified)"
         },
-        "formatNumber": {
-          "type": "(value: number) => string",
-          "description": "Custom number formatter (e.g., for decimals or localization)"
-        },
         "buttonProps": {
           "type": "Omit<ButtonProps, 'onClick'>",
           "description": "Props to pass to increment/decrement buttons (omitting onClick)"
@@ -6074,14 +6118,43 @@
       },
       "themeKeys": [
         "baseStyle",
+        "invalidStyle",
+        "disabledStyle",
+        "numberDisabledStyle",
         "buttonWrapperStyle",
-        "numberStyle"
+        "numberStyle",
+        "valueSlotStyle",
+        "sizes",
+        "sm",
+        "md",
+        "lg",
+        "textSizes",
+        "sm",
+        "md",
+        "lg",
+        "stepperSizes",
+        "sm",
+        "md",
+        "lg",
+        "stepperIconSizes",
+        "sm",
+        "md",
+        "lg",
+        "buttonSizes",
+        "sm",
+        "md",
+        "lg",
+        "editFieldStyle"
       ],
       "cssVariables": [
-        "--color-surface",
-        "--color-border",
+        "--field-fill",
+        "--motion-duration-fast",
+        "--color-text-disabled",
+        "--color-text-primary",
+        "--form-min-h-sm",
         "--form-radius",
-        "--color-text-primary"
+        "--form-min-h-md",
+        "--form-min-h-lg"
       ],
       "codeExample": "import { InputCounter } from \"@flikk/ui\";\nimport { useState } from \"react\";\n\nconst [count, setCount] = useState(1);\n\n<InputCounter\n  value={count}\n  onChange={setCount}\n  min={0}\n  max={10}\n  aria-label=\"Product quantity\"\n/>"
     },
@@ -6104,6 +6177,16 @@
             "invalid"
           ]
         },
+        "size": {
+          "type": "InputProps['size']",
+          "description": "Size of every field in the group, from the shared `--form-*` scale, so the card block lines up with the Inputs and Selects around it. A per-field `*InputProps.size` still wins.",
+          "default": "md",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
         "errorMessage": {
           "type": "React.ReactNode",
           "description": "Consolidated error message shown below all fields when `state=\"invalid\"`"
@@ -7180,7 +7263,12 @@
         "helperTextStyle",
         "helperTextStates",
         "iconStartStyle",
+        "iconStartStyles",
+        "iconStartPaddings",
         "iconEndStyle",
+        "iconEndStyles",
+        "iconEndSizes",
+        "iconEndPaddings",
         "checkIconStyle",
         "iconPadding",
         "chipContainerStyle",
@@ -12088,6 +12176,9 @@
       "--form-line-height-sm",
       "--form-line-height-md",
       "--form-line-height-lg",
+      "--form-icon-size-sm",
+      "--form-icon-size-md",
+      "--form-icon-size-lg",
       "--form-min-h-xl",
       "--otp-slot-size-sm",
       "--otp-slot-size-md",
@@ -12133,9 +12224,9 @@
       "--button-icon-p-sm",
       "--button-icon-p-md",
       "--button-icon-p-lg",
-      "--button-icon-size-sm",
-      "--button-icon-size-md",
-      "--button-icon-size-lg",
+      "--button-icon-square-sm",
+      "--button-icon-square-md",
+      "--button-icon-square-lg",
       "--badge-radius",
       "--badge-radius-sm",
       "--badge-radius-md",