@kushagradhawan/kookie-ui 0.1.6 → 0.1.7

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

@@ -1,24 +1,25 @@
 import * as React from 'react';
-type ButtonVariant = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
-type ButtonSize = '1' | '2' | '3' | '4';
-type ButtonColor = 'gray' | 'gold' | 'bronze' | 'brown' | 'yellow' | 'amber' | 'orange' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'lime' | 'mint' | 'sky';
-type ButtonRadius = 'none' | 'small' | 'medium' | 'large' | 'full';
-interface ToggleIconButtonProps {
-    pressed?: boolean;
-    onPressedChange?: (pressed: boolean) => void;
-    defaultPressed?: boolean;
+import { Toggle } from 'radix-ui';
+import type { BaseButtonProps } from './_internal/base-button.js';
+type ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;
+type AccessibilityProps = {
     'aria-label': string;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    color?: ButtonColor;
-    highContrast?: boolean;
-    radius?: ButtonRadius;
-    disabled?: boolean;
-    loading?: boolean;
-    className?: string;
-    children?: React.ReactNode;
+    'aria-labelledby'?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    children: React.ReactNode;
+};
+interface ToggleIconButtonProps extends Omit<BaseButtonProps, 'as'> {
+    pressed?: ToggleProps['pressed'];
+    onPressedChange?: ToggleProps['onPressedChange'];
+    defaultPressed?: ToggleProps['defaultPressed'];
 }
-declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+type ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;
+declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonPropsWithAccessibility & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleIconButton };
-export type { ToggleIconButtonProps };
+export type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };
 //# sourceMappingURL=toggle-icon-button.d.ts.map

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

@@ -1 +1 @@
-{"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;AAM/B,KAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACpF,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACxC,KAAK,WAAW,GACZ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,CAAC;AACV,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,QAAA,MAAM,gBAAgB,iGAarB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"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,4BAA4B,CAAC;AAKlE,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAGtE,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;AAGnF,UAAU,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAChD;AAGD,KAAK,sCAAsC,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAEzF,QAAA,MAAM,gBAAgB,kHAcpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,sCAAsC,IAAI,qBAAqB,EAAE,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var d=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var b=(o,e)=>{for(var t in e)a(o,t,{get:e[t],enumerable:!0})},i=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of m(e))!B.call(o,n)&&n!==t&&a(o,n,{get:()=>e[n],enumerable:!(r=p(e,n))||r.enumerable});return o};var f=(o,e,t)=>(t=o!=null?d(c(o)):{},i(e||!o||!o.__esModule?a(t,"default",{value:o,enumerable:!0}):t,o)),y=o=>i(a({},"__esModule",{value:!0}),o);var I={};b(I,{ToggleIconButton:()=>s});module.exports=y(I);var l=f(require("react")),u=require("radix-ui"),g=require("./icon-button.js");const s=l.forwardRef(({pressed:o,onPressedChange:e,defaultPressed:t,...r},n)=>l.createElement(u.Toggle.Root,{pressed:o,onPressedChange:e,defaultPressed:t,asChild:!0},l.createElement(g.IconButton,{...r,ref:n})));s.displayName="ToggleIconButton";
+"use strict";var c=Object.create;var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var y=(e,o)=>{for(var t in o)n(e,t,{get:o[t],enumerable:!0})},g=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of u(o))!B.call(e,s)&&s!==t&&n(e,s,{get:()=>o[s],enumerable:!(r=d(o,s))||r.enumerable});return e};var T=(e,o,t)=>(t=e!=null?c(P(e)):{},g(o||!e||!e.__esModule?n(t,"default",{value:e,enumerable:!0}):t,e)),b=e=>g(n({},"__esModule",{value:!0}),e);var f={};y(f,{ToggleIconButton:()=>a});module.exports=b(f);var l=T(require("react")),i=require("radix-ui"),p=require("./icon-button.js"),I=require("./_internal/base-button.js");const a=l.forwardRef(({pressed:e,onPressedChange:o,defaultPressed:t,...r},s)=>l.createElement(i.Toggle.Root,{pressed:e,onPressedChange:o,defaultPressed:t,asChild:!0},l.createElement(p.IconButton,{...r,ref:s})));a.displayName="ToggleIconButton";
 //# sourceMappingURL=toggle-icon-button.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toggle-icon-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { IconButton } from './icon-button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\n// Extract the specific types we need\ntype ButtonVariant = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';\ntype ButtonSize = '1' | '2' | '3' | '4';\ntype ButtonColor =\n  | 'gray'\n  | 'gold'\n  | 'bronze'\n  | 'brown'\n  | 'yellow'\n  | 'amber'\n  | 'orange'\n  | 'tomato'\n  | 'red'\n  | 'ruby'\n  | 'crimson'\n  | 'pink'\n  | 'plum'\n  | 'purple'\n  | 'violet'\n  | 'iris'\n  | 'indigo'\n  | 'blue'\n  | 'cyan'\n  | 'teal'\n  | 'jade'\n  | 'green'\n  | 'grass'\n  | 'lime'\n  | 'mint'\n  | 'sky';\ntype ButtonRadius = 'none' | 'small' | 'medium' | 'large' | 'full';\n\ninterface ToggleIconButtonProps {\n  pressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  defaultPressed?: boolean;\n  'aria-label': string;\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  color?: ButtonColor;\n  highContrast?: boolean;\n  radius?: ButtonRadius;\n  disabled?: boolean;\n  loading?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\ntype ToggleIconButtonElement = React.ElementRef<typeof IconButton>;\n\nconst ToggleIconButton = React.forwardRef<ToggleIconButtonElement, ToggleIconButtonProps>(\n  ({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {\n    return (\n      <Toggle.Root\n        pressed={pressed}\n        onPressedChange={onPressedChange}\n        defaultPressed={defaultPressed}\n        asChild\n      >\n        <IconButton {...iconButtonProps} ref={forwardedRef} />\n      </Toggle.Root>\n    );\n  },\n);\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,oBACvBC,EAA2B,4BAqD3B,MAAMJ,EAAmBE,EAAM,WAC7B,CAAC,CAAE,QAAAG,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,GAAGC,CAAgB,EAAGC,IAE/DP,EAAA,cAAC,SAAO,KAAP,CACC,QAASG,EACT,gBAAiBC,EACjB,eAAgBC,EAChB,QAAO,IAEPL,EAAA,cAAC,cAAY,GAAGM,EAAiB,IAAKC,EAAc,CACtD,CAGN,EACAT,EAAiB,YAAc",
-  "names": ["toggle_icon_button_exports", "__export", "ToggleIconButton", "__toCommonJS", "React", "import_radix_ui", "import_icon_button", "pressed", "onPressedChange", "defaultPressed", "iconButtonProps", "forwardedRef"]
+  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { IconButton } from './icon-button.js';\nimport { BaseButton } from './_internal/base-button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;\n\n// Extract toggle-specific props from Radix Toggle\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;\n\n// Required accessibility props for icon buttons (same as IconButton)\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n// Combine BaseButton props with Toggle-specific props and accessibility requirements\ninterface ToggleIconButtonProps extends Omit<BaseButtonProps, 'as'> {\n  pressed?: ToggleProps['pressed'];\n  onPressedChange?: ToggleProps['onPressedChange'];\n  defaultPressed?: ToggleProps['defaultPressed'];\n}\n\n// Intersection with accessibility props\ntype ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;\n\nconst ToggleIconButton = React.forwardRef<\n  ToggleIconButtonElement,\n  ToggleIconButtonPropsWithAccessibility\n>(({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {\n  return (\n    <Toggle.Root\n      pressed={pressed}\n      onPressedChange={onPressedChange}\n      defaultPressed={defaultPressed}\n      asChild\n    >\n      <IconButton {...iconButtonProps} ref={forwardedRef} />\n    </Toggle.Root>\n  );\n});\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,oBACvBC,EAA2B,4BAC3BC,EAA2B,sCAwB3B,MAAML,EAAmBE,EAAM,WAG7B,CAAC,CAAE,QAAAI,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,GAAGC,CAAgB,EAAGC,IAEjER,EAAA,cAAC,SAAO,KAAP,CACC,QAASI,EACT,gBAAiBC,EACjB,eAAgBC,EAChB,QAAO,IAEPN,EAAA,cAAC,cAAY,GAAGO,EAAiB,IAAKC,EAAc,CACtD,CAEH,EACDV,EAAiB,YAAc",
+  "names": ["toggle_icon_button_exports", "__export", "ToggleIconButton", "__toCommonJS", "React", "import_radix_ui", "import_icon_button", "import_base_button", "pressed", "onPressedChange", "defaultPressed", "iconButtonProps", "forwardedRef"]
 }

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

@@ -1,24 +1,25 @@
 import * as React from 'react';
-type ButtonVariant = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
-type ButtonSize = '1' | '2' | '3' | '4';
-type ButtonColor = 'gray' | 'gold' | 'bronze' | 'brown' | 'yellow' | 'amber' | 'orange' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'lime' | 'mint' | 'sky';
-type ButtonRadius = 'none' | 'small' | 'medium' | 'large' | 'full';
-interface ToggleIconButtonProps {
-    pressed?: boolean;
-    onPressedChange?: (pressed: boolean) => void;
-    defaultPressed?: boolean;
+import { Toggle } from 'radix-ui';
+import type { BaseButtonProps } from './_internal/base-button.js';
+type ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;
+type AccessibilityProps = {
     'aria-label': string;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    color?: ButtonColor;
-    highContrast?: boolean;
-    radius?: ButtonRadius;
-    disabled?: boolean;
-    loading?: boolean;
-    className?: string;
-    children?: React.ReactNode;
+    'aria-labelledby'?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    children: React.ReactNode;
+};
+interface ToggleIconButtonProps extends Omit<BaseButtonProps, 'as'> {
+    pressed?: ToggleProps['pressed'];
+    onPressedChange?: ToggleProps['onPressedChange'];
+    defaultPressed?: ToggleProps['defaultPressed'];
 }
-declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+type ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;
+declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonPropsWithAccessibility & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleIconButton };
-export type { ToggleIconButtonProps };
+export type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };
 //# sourceMappingURL=toggle-icon-button.d.ts.map

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

@@ -1 +1 @@
-{"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;AAM/B,KAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACpF,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACxC,KAAK,WAAW,GACZ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,CAAC;AACV,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,QAAA,MAAM,gBAAgB,iGAarB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"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,4BAA4B,CAAC;AAKlE,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAGtE,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;AAGnF,UAAU,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAChD;AAGD,KAAK,sCAAsC,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAEzF,QAAA,MAAM,gBAAgB,kHAcpB,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 +1,2 @@
-import*as o from"react";import{Toggle as s}from"radix-ui";import{IconButton as i}from"./icon-button.js";const e=o.forwardRef(({pressed:t,onPressedChange:n,defaultPressed:r,...a},l)=>o.createElement(s.Root,{pressed:t,onPressedChange:n,defaultPressed:r,asChild:!0},o.createElement(i,{...a,ref:l})));e.displayName="ToggleIconButton";export{e as ToggleIconButton};
+import*as e from"react";import{Toggle as a}from"radix-ui";import{IconButton as g}from"./icon-button.js";import"./_internal/base-button.js";const o=e.forwardRef(({pressed:t,onPressedChange:s,defaultPressed:r,...n},l)=>e.createElement(a.Root,{pressed:t,onPressedChange:s,defaultPressed:r,asChild:!0},e.createElement(g,{...n,ref:l})));o.displayName="ToggleIconButton";export{o as ToggleIconButton};
 //# sourceMappingURL=toggle-icon-button.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toggle-icon-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { IconButton } from './icon-button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\n// Extract the specific types we need\ntype ButtonVariant = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';\ntype ButtonSize = '1' | '2' | '3' | '4';\ntype ButtonColor =\n  | 'gray'\n  | 'gold'\n  | 'bronze'\n  | 'brown'\n  | 'yellow'\n  | 'amber'\n  | 'orange'\n  | 'tomato'\n  | 'red'\n  | 'ruby'\n  | 'crimson'\n  | 'pink'\n  | 'plum'\n  | 'purple'\n  | 'violet'\n  | 'iris'\n  | 'indigo'\n  | 'blue'\n  | 'cyan'\n  | 'teal'\n  | 'jade'\n  | 'green'\n  | 'grass'\n  | 'lime'\n  | 'mint'\n  | 'sky';\ntype ButtonRadius = 'none' | 'small' | 'medium' | 'large' | 'full';\n\ninterface ToggleIconButtonProps {\n  pressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  defaultPressed?: boolean;\n  'aria-label': string;\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  color?: ButtonColor;\n  highContrast?: boolean;\n  radius?: ButtonRadius;\n  disabled?: boolean;\n  loading?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\ntype ToggleIconButtonElement = React.ElementRef<typeof IconButton>;\n\nconst ToggleIconButton = React.forwardRef<ToggleIconButtonElement, ToggleIconButtonProps>(\n  ({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {\n    return (\n      <Toggle.Root\n        pressed={pressed}\n        onPressedChange={onPressedChange}\n        defaultPressed={defaultPressed}\n        asChild\n      >\n        <IconButton {...iconButtonProps} ref={forwardedRef} />\n      </Toggle.Root>\n    );\n  },\n);\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonProps };\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WACvB,OAAS,cAAAC,MAAkB,mBAqD3B,MAAMC,EAAmBH,EAAM,WAC7B,CAAC,CAAE,QAAAI,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,GAAGC,CAAgB,EAAGC,IAE/DR,EAAA,cAACC,EAAO,KAAP,CACC,QAASG,EACT,gBAAiBC,EACjB,eAAgBC,EAChB,QAAO,IAEPN,EAAA,cAACE,EAAA,CAAY,GAAGK,EAAiB,IAAKC,EAAc,CACtD,CAGN,EACAL,EAAiB,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { IconButton } from './icon-button.js';\nimport { BaseButton } from './_internal/base-button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;\n\n// Extract toggle-specific props from Radix Toggle\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;\n\n// Required accessibility props for icon buttons (same as IconButton)\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n// Combine BaseButton props with Toggle-specific props and accessibility requirements\ninterface ToggleIconButtonProps extends Omit<BaseButtonProps, 'as'> {\n  pressed?: ToggleProps['pressed'];\n  onPressedChange?: ToggleProps['onPressedChange'];\n  defaultPressed?: ToggleProps['defaultPressed'];\n}\n\n// Intersection with accessibility props\ntype ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;\n\nconst ToggleIconButton = React.forwardRef<\n  ToggleIconButtonElement,\n  ToggleIconButtonPropsWithAccessibility\n>(({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {\n  return (\n    <Toggle.Root\n      pressed={pressed}\n      onPressedChange={onPressedChange}\n      defaultPressed={defaultPressed}\n      asChild\n    >\n      <IconButton {...iconButtonProps} ref={forwardedRef} />\n    </Toggle.Root>\n  );\n});\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WACvB,OAAS,cAAAC,MAAkB,mBAC3B,MAA2B,6BAwB3B,MAAMC,EAAmBH,EAAM,WAG7B,CAAC,CAAE,QAAAI,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,GAAGC,CAAgB,EAAGC,IAEjER,EAAA,cAACC,EAAO,KAAP,CACC,QAASG,EACT,gBAAiBC,EACjB,eAAgBC,EAChB,QAAO,IAEPN,EAAA,cAACE,EAAA,CAAY,GAAGK,EAAiB,IAAKC,EAAc,CACtD,CAEH,EACDL,EAAiB,YAAc",
   "names": ["React", "Toggle", "IconButton", "ToggleIconButton", "pressed", "onPressedChange", "defaultPressed", "iconButtonProps", "forwardedRef"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "A modern React component library with beautiful design tokens and flexible theming",
   "keywords": [
     "react",

package/src/components/toggle-icon-button.tsx

@@ -1,73 +1,46 @@
 import * as React from 'react';
 import { Toggle } from 'radix-ui';
 import { IconButton } from './icon-button.js';
+import { BaseButton } from './_internal/base-button.js';
 import type { BaseButtonProps } from './_internal/base-button.js';
 
-// Extract the specific types we need
-type ButtonVariant = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
-type ButtonSize = '1' | '2' | '3' | '4';
-type ButtonColor =
-  | 'gray'
-  | 'gold'
-  | 'bronze'
-  | 'brown'
-  | 'yellow'
-  | 'amber'
-  | 'orange'
-  | 'tomato'
-  | 'red'
-  | 'ruby'
-  | 'crimson'
-  | 'pink'
-  | 'plum'
-  | 'purple'
-  | 'violet'
-  | 'iris'
-  | 'indigo'
-  | 'blue'
-  | 'cyan'
-  | 'teal'
-  | 'jade'
-  | 'green'
-  | 'grass'
-  | 'lime'
-  | 'mint'
-  | 'sky';
-type ButtonRadius = 'none' | 'small' | 'medium' | 'large' | 'full';
+type ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;
 
-interface ToggleIconButtonProps {
-  pressed?: boolean;
-  onPressedChange?: (pressed: boolean) => void;
-  defaultPressed?: boolean;
-  'aria-label': string;
-  variant?: ButtonVariant;
-  size?: ButtonSize;
-  color?: ButtonColor;
-  highContrast?: boolean;
-  radius?: ButtonRadius;
-  disabled?: boolean;
-  loading?: boolean;
-  className?: string;
-  children?: React.ReactNode;
+// Extract toggle-specific props from Radix Toggle
+type ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;
+
+// Required accessibility props for icon buttons (same as IconButton)
+type AccessibilityProps =
+  | { 'aria-label': string; 'aria-labelledby'?: never }
+  | { 'aria-label'?: never; 'aria-labelledby': string }
+  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };
+
+// Combine BaseButton props with Toggle-specific props and accessibility requirements
+interface ToggleIconButtonProps extends Omit<BaseButtonProps, 'as'> {
+  pressed?: ToggleProps['pressed'];
+  onPressedChange?: ToggleProps['onPressedChange'];
+  defaultPressed?: ToggleProps['defaultPressed'];
 }
 
-type ToggleIconButtonElement = React.ElementRef<typeof IconButton>;
+// Intersection with accessibility props
+type ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;
 
-const ToggleIconButton = React.forwardRef<ToggleIconButtonElement, ToggleIconButtonProps>(
-  ({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {
-    return (
-      <Toggle.Root
-        pressed={pressed}
-        onPressedChange={onPressedChange}
-        defaultPressed={defaultPressed}
-        asChild
-      >
-        <IconButton {...iconButtonProps} ref={forwardedRef} />
-      </Toggle.Root>
-    );
-  },
-);
+const ToggleIconButton = React.forwardRef<
+  ToggleIconButtonElement,
+  ToggleIconButtonPropsWithAccessibility
+>(({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {
+  return (
+    <Toggle.Root
+      pressed={pressed}
+      onPressedChange={onPressedChange}
+      defaultPressed={defaultPressed}
+      asChild
+    >
+      <IconButton {...iconButtonProps} ref={forwardedRef} />
+    </Toggle.Root>
+  );
+});
 ToggleIconButton.displayName = 'ToggleIconButton';
 
 export { ToggleIconButton };
-export type { ToggleIconButtonProps };
+export type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };