@womp/kookie-ui 0.20.0 → 0.22.0

package/schemas/index.json

@@ -146,11 +146,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "flush": {
-              "default": false,
-              "description": "Flush mode that removes visual padding for seamless text integration",
-              "type": "boolean"
-            },
             "disabled": {
               "default": false,
               "description": "Disabled state",
@@ -408,11 +403,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "flush": {
-              "default": false,
-              "description": "Flush mode that removes visual padding for seamless text integration",
-              "type": "boolean"
-            },
             "disabled": {
               "default": false,
               "description": "Disabled state",
@@ -582,10 +572,10 @@
       "version": "1.0.0",
       "source": "Zod schema"
     },
-    "icon-button": {
-      "$ref": "#/definitions/Icon-buttonSchema",
+    "toggle": {
+      "$ref": "#/definitions/ToggleSchema",
       "definitions": {
-        "Icon-buttonSchema": {
+        "ToggleSchema": {
           "type": "object",
           "properties": {
             "as": {
@@ -723,11 +713,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "flush": {
-              "default": false,
-              "description": "Flush mode that removes visual padding for seamless text integration",
-              "type": "boolean"
-            },
             "disabled": {
               "default": false,
               "description": "Disabled state",
@@ -832,7 +817,7 @@
               "type": "string"
             },
             "children": {
-              "description": "Children elements (required for accessibility if no aria-label)"
+              "description": "Children elements"
             },
             "tooltip": {
               "description": "Content to display in the tooltip on hover/focus",
@@ -849,625 +834,25 @@
                 "left"
               ]
             },
-            "tooltipAlign": {
-              "default": "center",
-              "description": "Alignment of the tooltip relative to the button",
-              "type": "string",
-              "enum": [
-                "start",
-                "center",
-                "end"
-              ]
-            },
-            "tooltipDelayDuration": {
-              "description": "Delay before showing the tooltip (in milliseconds)",
-              "type": "number"
-            },
-            "tooltipDisableHoverableContent": {
-              "default": false,
-              "description": "Whether to disable hoverable content behavior",
-              "type": "boolean"
-            }
-          },
-          "additionalProperties": false
-        }
-      },
-      "$schema": "https://json-schema.org/draft/2020-12/schema",
-      "title": "Icon-button Component Props",
-      "description": "Props schema for the icon-button component in Kookie UI",
-      "version": "1.0.0",
-      "source": "Zod schema"
-    },
-    "toggle-button": {
-      "$ref": "#/definitions/Toggle-buttonSchema",
-      "definitions": {
-        "Toggle-buttonSchema": {
-          "type": "object",
-          "properties": {
-            "as": {
-              "description": "HTML element type to render as",
-              "type": "string"
-            },
-            "asChild": {
-              "description": "Merge props with child element instead of rendering wrapper",
-              "type": "boolean"
-            },
-            "size": {
-              "default": "2",
-              "description": "Button size for responsive design and interface density",
-              "anyOf": [
-                {
-                  "type": "string",
-                  "enum": [
-                    "1",
-                    "2",
-                    "3",
-                    "4"
-                  ]
-                },
-                {
-                  "type": "object",
-                  "properties": {
-                    "initial": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "sm": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "md": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "lg": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "xl": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                }
-              ]
-            },
-            "variant": {
-              "default": "solid",
-              "description": "Visual variant that determines the button's appearance and context",
-              "type": "string",
-              "enum": [
-                "raised",
-                "solid",
-                "soft",
-                "surface",
-                "outline",
-                "ghost"
-              ]
-            },
-            "color": {
-              "description": "Accent color for the button",
-              "type": "string",
-              "enum": [
-                "tomato",
-                "red",
-                "ruby",
-                "crimson",
-                "pink",
-                "plum",
-                "purple",
-                "violet",
-                "iris",
-                "indigo",
-                "blue",
-                "cyan",
-                "teal",
-                "jade",
-                "green",
-                "grass",
-                "brown",
-                "orange",
-                "sky",
-                "mint",
-                "lime",
-                "yellow",
-                "amber",
-                "gold",
-                "bronze",
-                "gray"
-              ]
-            },
-            "radius": {
-              "description": "Border radius for the button",
+            "emphasis": {
+              "description": "The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant.",
               "type": "string",
               "enum": [
-                "none",
-                "small",
+                "loud",
                 "medium",
-                "large",
-                "full"
+                "quiet"
               ]
             },
-            "loading": {
-              "default": false,
-              "description": "Loading state that shows a spinner and disables interaction",
-              "type": "boolean"
-            },
-            "flush": {
+            "iconOnly": {
               "default": false,
-              "description": "Flush mode that removes visual padding for seamless text integration",
+              "description": "Square button holding only an icon; needs aria-label",
               "type": "boolean"
             },
-            "disabled": {
+            "fullWidth": {
               "default": false,
-              "description": "Disabled state",
-              "type": "boolean"
-            },
-            "type": {
-              "description": "Type attribute for form buttons",
-              "type": "string",
-              "enum": [
-                "button",
-                "submit",
-                "reset"
-              ]
-            },
-            "className": {
-              "description": "Additional CSS class name",
-              "type": "string"
-            },
-            "style": {
-              "description": "Inline styles",
-              "type": "object",
-              "propertyNames": {
-                "type": "string"
-              },
-              "additionalProperties": {
-                "type": [
-                  "string",
-                  "number"
-                ]
-              }
-            },
-            "tabIndex": {
-              "description": "Tab index for keyboard navigation",
-              "type": "number"
-            },
-            "aria-label": {
-              "description": "ARIA label for accessibility",
-              "type": "string"
-            },
-            "aria-labelledby": {
-              "description": "ARIA labelled by reference",
-              "type": "string"
-            },
-            "aria-describedby": {
-              "description": "ARIA described by reference",
-              "type": "string"
-            },
-            "aria-expanded": {
-              "description": "ARIA expanded state",
-              "type": "boolean"
-            },
-            "aria-pressed": {
-              "description": "ARIA pressed state",
+              "description": "Expands the button to fill its container",
               "type": "boolean"
             },
-            "aria-current": {
-              "description": "ARIA current state",
-              "anyOf": [
-                {
-                  "type": "boolean"
-                },
-                {
-                  "type": "string",
-                  "enum": [
-                    "page",
-                    "step",
-                    "location",
-                    "date",
-                    "time"
-                  ]
-                }
-              ]
-            },
-            "aria-controls": {
-              "description": "ARIA controls reference",
-              "type": "string"
-            },
-            "aria-owns": {
-              "description": "ARIA owns reference",
-              "type": "string"
-            },
-            "data-*": {
-              "description": "Data attributes",
-              "type": "object",
-              "propertyNames": {
-                "type": "string"
-              },
-              "additionalProperties": {
-                "type": "string"
-              }
-            },
-            "id": {
-              "description": "ID attribute",
-              "type": "string"
-            },
-            "title": {
-              "description": "Title attribute for tooltip",
-              "type": "string"
-            },
-            "role": {
-              "description": "Role attribute",
-              "type": "string"
-            },
-            "children": {
-              "description": "Children elements"
-            },
-            "tooltip": {
-              "description": "Content to display in the tooltip on hover/focus",
-              "type": "string"
-            },
-            "tooltipSide": {
-              "default": "top",
-              "description": "Side of the button where the tooltip should appear",
-              "type": "string",
-              "enum": [
-                "top",
-                "right",
-                "bottom",
-                "left"
-              ]
-            },
-            "emphasis": {
-              "description": "The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant.",
-              "type": "string",
-              "enum": [
-                "loud",
-                "medium",
-                "quiet"
-              ]
-            },
-            "iconOnly": {
-              "default": false,
-              "description": "Square button holding only an icon; needs aria-label",
-              "type": "boolean"
-            },
-            "fullWidth": {
-              "default": false,
-              "description": "Expands the button to fill its container",
-              "type": "boolean"
-            },
-            "tooltipAlign": {
-              "default": "center",
-              "description": "Alignment of the tooltip relative to the button",
-              "type": "string",
-              "enum": [
-                "start",
-                "center",
-                "end"
-              ]
-            },
-            "tooltipDelayDuration": {
-              "description": "Delay before showing the tooltip (in milliseconds)",
-              "type": "number"
-            },
-            "tooltipDisableHoverableContent": {
-              "default": false,
-              "description": "Whether to disable hoverable content behavior",
-              "type": "boolean"
-            },
-            "pressed": {
-              "description": "Controlled pressed state",
-              "type": "boolean"
-            },
-            "defaultPressed": {
-              "description": "Default pressed state for uncontrolled usage",
-              "type": "boolean"
-            }
-          },
-          "additionalProperties": false
-        }
-      },
-      "$schema": "https://json-schema.org/draft/2020-12/schema",
-      "title": "Toggle-button Component Props",
-      "description": "Props schema for the toggle-button component in Kookie UI",
-      "version": "1.0.0",
-      "source": "Zod schema"
-    },
-    "toggle-icon-button": {
-      "$ref": "#/definitions/Toggle-icon-buttonSchema",
-      "definitions": {
-        "Toggle-icon-buttonSchema": {
-          "type": "object",
-          "properties": {
-            "as": {
-              "description": "HTML element type to render as",
-              "type": "string"
-            },
-            "asChild": {
-              "description": "Merge props with child element instead of rendering wrapper",
-              "type": "boolean"
-            },
-            "size": {
-              "default": "2",
-              "description": "Button size for responsive design and interface density",
-              "anyOf": [
-                {
-                  "type": "string",
-                  "enum": [
-                    "1",
-                    "2",
-                    "3",
-                    "4"
-                  ]
-                },
-                {
-                  "type": "object",
-                  "properties": {
-                    "initial": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "sm": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "md": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "lg": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    },
-                    "xl": {
-                      "type": "string",
-                      "enum": [
-                        "1",
-                        "2",
-                        "3",
-                        "4"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                }
-              ]
-            },
-            "variant": {
-              "default": "solid",
-              "description": "Visual variant that determines the button's appearance and context",
-              "type": "string",
-              "enum": [
-                "raised",
-                "solid",
-                "soft",
-                "surface",
-                "outline",
-                "ghost"
-              ]
-            },
-            "color": {
-              "description": "Accent color for the button",
-              "type": "string",
-              "enum": [
-                "tomato",
-                "red",
-                "ruby",
-                "crimson",
-                "pink",
-                "plum",
-                "purple",
-                "violet",
-                "iris",
-                "indigo",
-                "blue",
-                "cyan",
-                "teal",
-                "jade",
-                "green",
-                "grass",
-                "brown",
-                "orange",
-                "sky",
-                "mint",
-                "lime",
-                "yellow",
-                "amber",
-                "gold",
-                "bronze",
-                "gray"
-              ]
-            },
-            "radius": {
-              "description": "Border radius for the button",
-              "type": "string",
-              "enum": [
-                "none",
-                "small",
-                "medium",
-                "large",
-                "full"
-              ]
-            },
-            "loading": {
-              "default": false,
-              "description": "Loading state that shows a spinner and disables interaction",
-              "type": "boolean"
-            },
-            "flush": {
-              "default": false,
-              "description": "Flush mode that removes visual padding for seamless text integration",
-              "type": "boolean"
-            },
-            "disabled": {
-              "default": false,
-              "description": "Disabled state",
-              "type": "boolean"
-            },
-            "type": {
-              "description": "Type attribute for form buttons",
-              "type": "string",
-              "enum": [
-                "button",
-                "submit",
-                "reset"
-              ]
-            },
-            "className": {
-              "description": "Additional CSS class name",
-              "type": "string"
-            },
-            "style": {
-              "description": "Inline styles",
-              "type": "object",
-              "propertyNames": {
-                "type": "string"
-              },
-              "additionalProperties": {
-                "type": [
-                  "string",
-                  "number"
-                ]
-              }
-            },
-            "tabIndex": {
-              "description": "Tab index for keyboard navigation",
-              "type": "number"
-            },
-            "aria-label": {
-              "description": "ARIA label for accessibility",
-              "type": "string"
-            },
-            "aria-labelledby": {
-              "description": "ARIA labelled by reference",
-              "type": "string"
-            },
-            "aria-describedby": {
-              "description": "ARIA described by reference",
-              "type": "string"
-            },
-            "aria-expanded": {
-              "description": "ARIA expanded state",
-              "type": "boolean"
-            },
-            "aria-pressed": {
-              "description": "ARIA pressed state",
-              "type": "boolean"
-            },
-            "aria-current": {
-              "description": "ARIA current state",
-              "anyOf": [
-                {
-                  "type": "boolean"
-                },
-                {
-                  "type": "string",
-                  "enum": [
-                    "page",
-                    "step",
-                    "location",
-                    "date",
-                    "time"
-                  ]
-                }
-              ]
-            },
-            "aria-controls": {
-              "description": "ARIA controls reference",
-              "type": "string"
-            },
-            "aria-owns": {
-              "description": "ARIA owns reference",
-              "type": "string"
-            },
-            "data-*": {
-              "description": "Data attributes",
-              "type": "object",
-              "propertyNames": {
-                "type": "string"
-              },
-              "additionalProperties": {
-                "type": "string"
-              }
-            },
-            "id": {
-              "description": "ID attribute",
-              "type": "string"
-            },
-            "title": {
-              "description": "Title attribute for tooltip",
-              "type": "string"
-            },
-            "role": {
-              "description": "Role attribute",
-              "type": "string"
-            },
-            "children": {
-              "description": "Children elements (required for accessibility if no aria-label)"
-            },
-            "tooltip": {
-              "description": "Content to display in the tooltip on hover/focus",
-              "type": "string"
-            },
-            "tooltipSide": {
-              "default": "top",
-              "description": "Side of the button where the tooltip should appear",
-              "type": "string",
-              "enum": [
-                "top",
-                "right",
-                "bottom",
-                "left"
-              ]
-            },
             "tooltipAlign": {
               "default": "center",
               "description": "Alignment of the tooltip relative to the button",
@@ -1500,8 +885,8 @@
         }
       },
       "$schema": "https://json-schema.org/draft/2020-12/schema",
-      "title": "Toggle-icon-button Component Props",
-      "description": "Props schema for the toggle-icon-button component in Kookie UI",
+      "title": "Toggle Component Props",
+      "description": "Props schema for the toggle component in Kookie UI",
       "version": "1.0.0",
       "source": "Zod schema"
     },