@womp/kookie-ui 0.19.0 → 0.21.0

package/dist/esm/components/toggle-button.d.ts

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import type { ButtonProps, ButtonRankProps } from './button.js';
-/**
- * ToggleButton props that extend Button with toggle-specific functionality
- *
- * The ToggleButton component provides a button that can be pressed/unpressed
- * with proper accessibility announcements and state management.
- */
-type ToggleButtonProps = Omit<ButtonProps<'button'>, 'as' | 'variant' | 'emphasis'> & ButtonRankProps & {
-    /** Controlled pressed state */
-    pressed?: boolean;
-    /** Callback when pressed state changes */
-    onPressedChange?: (pressed: boolean) => void;
-    /** Default pressed state for uncontrolled usage */
-    defaultPressed?: boolean;
-};
-/**
- * ToggleButton component for buttons that can be pressed/unpressed
- *
- * The ToggleButton component extends Button with toggle functionality using
- * Radix UI's Toggle primitive. It provides proper accessibility announcements,
- * controlled/uncontrolled state management, and seamless integration with
- * the existing Button component.
- *
- * Key features:
- * - Controlled and uncontrolled state management
- * - Live accessibility announcements for screen readers
- * - Automatic state validation and warnings
- * - Seamless integration with Button props and styling
- * - Proper ARIA attributes for toggle functionality
- *
- * @example
- * ```tsx
- * // Uncontrolled toggle button
- * <ToggleButton defaultPressed={false}>
- *   Toggle Me
- * </ToggleButton>
- *
- * // Controlled toggle button
- * const [pressed, setPressed] = React.useState(false);
- * <ToggleButton
- *   pressed={pressed}
- *   onPressedChange={setPressed}
- * >
- *   {pressed ? 'On' : 'Off'}
- * </ToggleButton>
- *
- * // Toggle button with all Button props
- * <ToggleButton
- *   variant="solid"
- *   size="3"
- *   color="blue"
- *   pressed={isActive}
- *   onPressedChange={setIsActive}
- * >
- *   {isActive ? 'Active' : 'Inactive'}
- * </ToggleButton>
- * ```
- */
-declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { ToggleButton };
-export type { ToggleButtonProps };
-//# sourceMappingURL=toggle-button.d.ts.map

package/dist/esm/components/toggle-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE;;;;;GAKG;AACH,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC,GACjF,eAAe,GAAG;IAClB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,YAAY,6FA6ChB,CAAC;AAGH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/components/toggle-button.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-63ASTOS2.js";import"../chunk-VK7RNXUO.js";import"../chunk-EE54S7YV.js";import"../chunk-GYNRAVCL.js";import"../chunk-2N2AQNJH.js";import"../chunk-L2IIIELE.js";import"../chunk-BPVVFHYD.js";import"../chunk-6AZV4VFW.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-VLLJ7A6P.js";import"../chunk-BUBV3C6C.js";import"../chunk-PDBVZAUJ.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-ZWZGUBL4.js";import"../chunk-7UV4FYYL.js";import"../chunk-NETIWKIR.js";import"../chunk-HIEGLLY7.js";import"../chunk-OXYHRNJA.js";import"../chunk-SMGDH54W.js";import"../chunk-AGAQC4HH.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-SNR5VFWG.js";import"../chunk-3YLYGKFB.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-NCDOMH5I.js";import"../chunk-KRJTW535.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-2FPJ6Q2N.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-34KVYDF6.js";import"../chunk-OS3FCYZY.js";export{a as ToggleButton};
-//# sourceMappingURL=toggle-button.js.map

package/dist/esm/components/toggle-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/components/toggle-icon-button.d.ts

@@ -1,109 +0,0 @@
-import * as React from 'react';
-import { Toggle } from 'radix-ui';
-import type { IconButtonProps } from './icon-button.js';
-import type { ButtonRankProps } from './button.js';
-/**
- * Extract toggle-specific props from Radix Toggle
- * These props control the toggle state and behavior
- */
-type ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;
-/**
- * Required accessibility props for icon buttons (same as IconButton)
- * Icon buttons must have an accessible name to meet WCAG guidelines
- *
- * Three ways to provide accessibility:
- * 1. aria-label: Direct descriptive text
- * 2. aria-labelledby: Reference to a label element
- * 3. children: Visible text content (fallback)
- */
-type AccessibilityProps = {
-    'aria-label': string;
-    'aria-labelledby'?: never;
-} | {
-    'aria-label'?: never;
-    'aria-labelledby': string;
-} | {
-    'aria-label'?: never;
-    'aria-labelledby'?: never;
-    children: React.ReactNode;
-};
-/**
- * Combine IconButton props with Toggle-specific props
- * Includes tooltip props from IconButton for comprehensive functionality
- */
-type ToggleIconButtonProps = Omit<IconButtonProps, 'as' | 'variant' | 'emphasis'> & ButtonRankProps & {
-    /** Controlled pressed state */
-    pressed?: ToggleProps['pressed'];
-    /** Callback when pressed state changes */
-    onPressedChange?: ToggleProps['onPressedChange'];
-    /** Default pressed state for uncontrolled usage */
-    defaultPressed?: ToggleProps['defaultPressed'];
-};
-/**
- * Intersection with accessibility props to ensure compliance
- * This type ensures all ToggleIconButton instances have proper accessibility
- */
-type ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;
-/**
- * ToggleIconButton component for icon buttons that can be pressed/unpressed. It is
- * `ToggleButton` with `iconOnly` set, kept as its own name for its stricter type.
- *
- * The ToggleIconButton component extends IconButton with toggle functionality
- * using Radix UI's Toggle primitive. It provides proper accessibility announcements,
- * controlled/uncontrolled state management, and seamless integration with
- * the existing IconButton component.
- *
- * Key features:
- * - Controlled and uncontrolled state management
- * - Live accessibility announcements for screen readers
- * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)
- * - Automatic state validation and warnings
- * - Seamless integration with IconButton props and styling
- * - Proper ARIA attributes for toggle functionality
- * - Built-in tooltip support from IconButton
- *
- * @example
- * ```tsx
- * // Uncontrolled toggle icon button
- * <ToggleIconButton defaultPressed={false} aria-label="Toggle notifications">
- *   <Bell />
- * </ToggleIconButton>
- *
- * // Controlled toggle icon button
- * const [pressed, setPressed] = React.useState(false);
- * <ToggleIconButton
- *   pressed={pressed}
- *   onPressedChange={setPressed}
- *   aria-label="Toggle notifications"
- * >
- *   <Bell />
- * </ToggleIconButton>
- *
- * // Toggle icon button with tooltip
- * <ToggleIconButton
- *   variant="solid"
- *   size="3"
- *   color="blue"
- *   pressed={isActive}
- *   onPressedChange={setIsActive}
- *   aria-label="Toggle feature"
- *   tooltip="Toggle this feature on/off"
- * >
- *   <Star />
- * </ToggleIconButton>
- *
- * // Toggle icon button with aria-labelledby
- * <ToggleIconButton
- *   aria-labelledby="notifications-label"
- *   pressed={notificationsEnabled}
- *   onPressedChange={setNotificationsEnabled}
- * >
- *   <Bell />
- * </ToggleIconButton>
- * <span id="notifications-label">Toggle notifications</span>
- * ```
- */
-declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonPropsWithAccessibility & React.RefAttributes<HTMLButtonElement>>;
-export { ToggleIconButton };
-export type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };
-//# sourceMappingURL=toggle-icon-button.d.ts.map

package/dist/esm/components/toggle-icon-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD;;;GAGG;AACH,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAEtE;;;;;;;;GAQG;AACH,KAAK,kBAAkB,GACnB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEnF;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC,GAC/E,eAAe,GAAG;IAChB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,0CAA0C;IAC1C,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACjD,mDAAmD;IACnD,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAChD,CAAC;AAEJ;;;GAGG;AACH,KAAK,sCAAsC,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAEzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,QAAA,MAAM,gBAAgB,kHAEpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,sCAAsC,IAAI,qBAAqB,EAAE,CAAC"}

package/dist/esm/components/toggle-icon-button.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-GIIMBBVM.js";import"../chunk-63ASTOS2.js";import"../chunk-VK7RNXUO.js";import"../chunk-EE54S7YV.js";import"../chunk-GYNRAVCL.js";import"../chunk-2N2AQNJH.js";import"../chunk-L2IIIELE.js";import"../chunk-BPVVFHYD.js";import"../chunk-6AZV4VFW.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-VLLJ7A6P.js";import"../chunk-BUBV3C6C.js";import"../chunk-PDBVZAUJ.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-ZWZGUBL4.js";import"../chunk-7UV4FYYL.js";import"../chunk-NETIWKIR.js";import"../chunk-HIEGLLY7.js";import"../chunk-OXYHRNJA.js";import"../chunk-SMGDH54W.js";import"../chunk-AGAQC4HH.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-SNR5VFWG.js";import"../chunk-3YLYGKFB.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-NCDOMH5I.js";import"../chunk-KRJTW535.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-2FPJ6Q2N.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-34KVYDF6.js";import"../chunk-OS3FCYZY.js";export{a as ToggleIconButton};
-//# sourceMappingURL=toggle-icon-button.js.map

package/dist/esm/components/toggle-icon-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/schemas/icon-button.json

@@ -1,296 +0,0 @@
-{
-  "$ref": "#/definitions/Icon-buttonSchema",
-  "definitions": {
-    "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",
-          "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"
-}

package/schemas/toggle-button.d.ts

@@ -1,2 +0,0 @@
-declare const schema: any;
-export default schema;

package/schemas/toggle-icon-button.d.ts

@@ -1,2 +0,0 @@
-declare const schema: any;
-export default schema;