@womp/kookie-ui 0.34.2 → 0.35.0

package/dist/esm/chunk-677CX2QF.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/props/shadow.props.ts"],
-  "sourcesContent": ["import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst shadowValues = ['1', '2', '3', '4', '5', '6'] as const;\n\nconst shadowPropDefs = {\n  /**\n   * Sets the CSS **box-shadow** property using design system shadow tokens.\n   * Supports shadow scale values and responsive objects.\n   *\n   * @example\n   * shadow=\"3\"\n   * shadow={{ sm: '2', lg: '4' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow\n   */\n  shadow: {\n    type: 'enum',\n    className: 'kui-r-shadow',\n    values: shadowValues,\n    responsive: true,\n  },\n} satisfies {\n  shadow: PropDef<(typeof shadowValues)[number]>;\n};\n\ntype ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;\n\nexport { shadowPropDefs };\nexport type { ShadowProps };\n"],
-  "mappings": "AAEA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAE5CC,EAAiB,CAYrB,OAAQ,CACN,KAAM,OACN,UAAW,eACX,OAAQD,EACR,WAAY,EACd,CACF",
-  "names": ["shadowValues", "shadowPropDefs"]
-}

package/dist/esm/chunk-AYKOOEZR.js

@@ -1,2 +0,0 @@
-"use client";
-//# sourceMappingURL=chunk-AYKOOEZR.js.map

package/dist/esm/chunk-RIHTVZVJ.js

@@ -1,3 +0,0 @@
-"use client";
-import{a}from"./chunk-WTP2KIK3.js";import*as e from"react";function p({pressed:r,onPressedChange:n,getAccessibleName:o,componentName:d}){let t=a(),i=e.useRef(!1),c=e.useCallback(s=>{let u=o();t(`${u} ${s?"pressed":"unpressed"}`),n?.(s)},[t,n,o]);return e.useEffect(()=>{},[r,n,d]),{handlePressedChange:c}}export{p as a};
-//# sourceMappingURL=chunk-RIHTVZVJ.js.map

package/dist/esm/chunk-RIHTVZVJ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/use-toggle-state.ts"],
-  "sourcesContent": ["import * as React from 'react';\nimport { useLiveAnnouncer } from './use-live-announcer.js';\n\n/**\n * Options for the useToggleState hook\n */\ninterface UseToggleStateOptions {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Callback when pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Function to get the accessible name for announcements */\n  getAccessibleName: () => string;\n  /** Component name for warning messages */\n  componentName: string;\n}\n\n/**\n * Hook for shared toggle button state management.\n * Provides accessibility announcements and controlled/uncontrolled warnings.\n *\n * @param options - Configuration options for the toggle state\n * @returns Object containing the handlePressedChange callback\n *\n * @example\n * ```tsx\n * const getAccessibleName = React.useCallback(() => 'Toggle button', []);\n *\n * const { handlePressedChange } = useToggleState({\n *   pressed,\n *   onPressedChange,\n *   getAccessibleName,\n *   componentName: 'Toggle',\n * });\n * ```\n */\nexport function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions) {\n  const announce = useLiveAnnouncer();\n\n  // Track if we've already warned about controlled without handler\n  const warnedRef = React.useRef(false);\n\n  /**\n   * Memoized handler for state changes with accessibility announcements.\n   * Announces the new state immediately for screen readers.\n   */\n  const handlePressedChange = React.useCallback(\n    (newPressed: boolean) => {\n      const accessibleName = getAccessibleName();\n      // Announce the state change for screen readers\n      announce(`${accessibleName} ${newPressed ? 'pressed' : 'unpressed'}`);\n      // Call the user's change handler\n      onPressedChange?.(newPressed);\n    },\n    [announce, onPressedChange, getAccessibleName],\n  );\n\n  // Development-only warning for controlled/uncontrolled pattern\n  // Only warns once to avoid console spam\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'development' && pressed !== undefined && onPressedChange === undefined && !warnedRef.current) {\n      warnedRef.current = true;\n      console.warn(\n        `${componentName}: You provided a \\`pressed\\` prop without an \\`onPressedChange\\` handler. ` +\n          'This will result in a read-only toggle button. If you want the button to be interactive, ' +\n          'you should provide an `onPressedChange` handler.',\n      );\n    }\n  }, [pressed, onPressedChange, componentName]);\n\n  return { handlePressedChange };\n}\n"],
-  "mappings": ";mCAAA,UAAYA,MAAW,QAoChB,SAASC,EAAe,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,kBAAAC,EAAmB,cAAAC,CAAc,EAA0B,CACpH,IAAMC,EAAWC,EAAiB,EAG5BC,EAAkB,SAAO,EAAK,EAM9BC,EAA4B,cAC/BC,GAAwB,CACvB,IAAMC,EAAiBP,EAAkB,EAEzCE,EAAS,GAAGK,CAAc,IAAID,EAAa,UAAY,WAAW,EAAE,EAEpEP,IAAkBO,CAAU,CAC9B,EACA,CAACJ,EAAUH,EAAiBC,CAAiB,CAC/C,EAIA,OAAM,YAAU,IAAM,CAStB,EAAG,CAACF,EAASC,EAAiBE,CAAa,CAAC,EAErC,CAAE,oBAAAI,CAAoB,CAC/B",
-  "names": ["React", "useToggleState", "pressed", "onPressedChange", "getAccessibleName", "componentName", "announce", "useLiveAnnouncer", "warnedRef", "handlePressedChange", "newPressed", "accessibleName"]
-}

package/dist/esm/chunk-WTP2KIK3.js

@@ -1,11 +0,0 @@
-"use client";
-import*as n from"react";var o=0;function r(){let i=n.useRef(void 0);return n.useEffect(()=>{let e=document.getElementById("kui-live-announcer");return e||(e=document.createElement("div"),e.id="kui-live-announcer",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.style.cssText=`
-        position: absolute;
-        left: -10000px;
-        width: 1px;
-        height: 1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-      `,document.body.appendChild(e)),o++,()=>{if(o--,i.current&&clearTimeout(i.current),o===0){let t=document.getElementById("kui-live-announcer");t&&t.remove()}}},[]),n.useCallback(e=>{let t=document.getElementById("kui-live-announcer");t&&(i.current&&clearTimeout(i.current),t.textContent="",i.current=setTimeout(()=>{t.textContent=e},100))},[])}export{r as a};
-//# sourceMappingURL=chunk-WTP2KIK3.js.map

package/dist/esm/chunk-WTP2KIK3.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/use-live-announcer.ts"],
-  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n  // Track the timeout so we can clean it up on unmount\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Create aria-live region if it doesn't exist\n  React.useEffect(() => {\n    let liveRegion = document.getElementById('kui-live-announcer');\n\n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = 'kui-live-announcer';\n      liveRegion.setAttribute('aria-live', 'polite');\n      liveRegion.setAttribute('aria-atomic', 'true');\n      liveRegion.style.cssText = `\n        position: absolute;\n        left: -10000px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n      `;\n      document.body.appendChild(liveRegion);\n    }\n\n    // Increment ref count when component mounts\n    liveRegionRefCount++;\n\n    return () => {\n      // Decrement ref count when component unmounts\n      liveRegionRefCount--;\n\n      // Clean up timeout on unmount\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Only remove the live region if no components are using it\n      if (liveRegionRefCount === 0) {\n        const region = document.getElementById('kui-live-announcer');\n        if (region) {\n          region.remove();\n        }\n      }\n    };\n  }, []);\n\n  const announce = React.useCallback((message: string) => {\n    const liveRegion = document.getElementById('kui-live-announcer');\n    if (liveRegion) {\n      // Clear any pending timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Clear previous announcements\n      liveRegion.textContent = '';\n\n      // Add new announcement with a small delay to ensure it's announced\n      timeoutRef.current = setTimeout(() => {\n        liveRegion.textContent = message;\n      }, 100);\n    }\n  }, []);\n\n  return announce;\n}\n"],
-  "mappings": ";AAAA,UAAYA,MAAW,QAMvB,IAAIC,EAAqB,EAMlB,SAASC,GAAmB,CAEjC,IAAMC,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,oBAAoB,EAE7D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,qBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCH,IAEO,IAAM,CAUX,GARAA,IAGIE,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BF,IAAuB,EAAG,CAC5B,IAAMI,EAAS,SAAS,eAAe,oBAAoB,EACvDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,oBAAoB,EAC3DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP",
-  "names": ["React", "liveRegionRefCount", "useLiveAnnouncer", "timeoutRef", "liveRegion", "region", "message"]
-}

package/dist/esm/chunk-WYLIU3Q6.js

@@ -1,2 +0,0 @@
-function s(e,n){if(e!==void 0)return typeof e=="string"?n(e):Object.fromEntries(Object.entries(e).map(([t,i])=>[t,n(i)]))}export{s as a};
-//# sourceMappingURL=chunk-WYLIU3Q6.js.map

package/dist/esm/chunk-WYLIU3Q6.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/map-prop-values.ts"],
-  "sourcesContent": ["import type { Responsive } from '../props/prop-def.js';\n\nfunction mapResponsiveProp<Input extends string, Output>(\n  propValue: Responsive<Input> | undefined,\n  mapValue: (value: Input) => Output\n): Responsive<Output> | undefined {\n  if (propValue === undefined) return undefined;\n  if (typeof propValue === 'string') {\n    return mapValue(propValue);\n  }\n  return Object.fromEntries(\n    Object.entries(propValue).map(([key, value]) => [key, mapValue(value)])\n  );\n}\n\nexport { mapResponsiveProp };\n"],
-  "mappings": "AAEA,SAASA,EACPC,EACAC,EACgC,CAChC,GAAID,IAAc,OAClB,OAAI,OAAOA,GAAc,SAChBC,EAASD,CAAS,EAEpB,OAAO,YACZ,OAAO,QAAQA,CAAS,EAAE,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,CAACD,EAAKD,EAASE,CAAK,CAAC,CAAC,CACxE,CACF",
-  "names": ["mapResponsiveProp", "propValue", "mapValue", "key", "value"]
-}

package/dist/esm/helpers/map-prop-values.d.ts

@@ -1,4 +0,0 @@
-import type { Responsive } from '../props/prop-def.js';
-declare function mapResponsiveProp<Input extends string, Output>(propValue: Responsive<Input> | undefined, mapValue: (value: Input) => Output): Responsive<Output> | undefined;
-export { mapResponsiveProp };
-//# sourceMappingURL=map-prop-values.d.ts.map

package/dist/esm/helpers/map-prop-values.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"map-prop-values.d.ts","sourceRoot":"","sources":["../../../src/helpers/map-prop-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,iBAAS,iBAAiB,CAAC,KAAK,SAAS,MAAM,EAAE,MAAM,EACrD,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,EACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,GACjC,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,CAQhC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/helpers/map-prop-values.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-WYLIU3Q6.js";export{a as mapResponsiveProp};
-//# sourceMappingURL=map-prop-values.js.map

package/dist/esm/helpers/map-prop-values.js.map

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

package/dist/esm/hooks/use-live-announcer.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook for making live announcements to screen readers
- * Creates a hidden aria-live region for announcing dynamic content changes
- */
-export declare function useLiveAnnouncer(): (message: string) => void;
-//# sourceMappingURL=use-live-announcer.d.ts.map

package/dist/esm/hooks/use-live-announcer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-live-announcer.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-live-announcer.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,gBAAgB,cA+Ce,MAAM,UAmBpD"}

package/dist/esm/hooks/use-live-announcer.js

@@ -1,3 +0,0 @@
-"use client";
-import{a}from"../chunk-WTP2KIK3.js";import"../chunk-VQPANPMI.js";export{a as useLiveAnnouncer};
-//# sourceMappingURL=use-live-announcer.js.map

package/dist/esm/hooks/use-live-announcer.js.map

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

package/dist/esm/hooks/use-toggle-state.d.ts

@@ -1,37 +0,0 @@
-/**
- * Options for the useToggleState hook
- */
-interface UseToggleStateOptions {
-    /** Controlled pressed state */
-    pressed?: boolean;
-    /** Callback when pressed state changes */
-    onPressedChange?: (pressed: boolean) => void;
-    /** Function to get the accessible name for announcements */
-    getAccessibleName: () => string;
-    /** Component name for warning messages */
-    componentName: string;
-}
-/**
- * Hook for shared toggle button state management.
- * Provides accessibility announcements and controlled/uncontrolled warnings.
- *
- * @param options - Configuration options for the toggle state
- * @returns Object containing the handlePressedChange callback
- *
- * @example
- * ```tsx
- * const getAccessibleName = React.useCallback(() => 'Toggle button', []);
- *
- * const { handlePressedChange } = useToggleState({
- *   pressed,
- *   onPressedChange,
- *   getAccessibleName,
- *   componentName: 'Toggle',
- * });
- * ```
- */
-export declare function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions): {
-    handlePressedChange: (newPressed: boolean) => void;
-};
-export {};
-//# sourceMappingURL=use-toggle-state.d.ts.map

package/dist/esm/hooks/use-toggle-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toggle-state.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toggle-state.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,UAAU,qBAAqB;IAC7B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAAE,qBAAqB;sCAWnG,OAAO;EAwBvB"}

package/dist/esm/hooks/use-toggle-state.js

@@ -1,3 +0,0 @@
-"use client";
-import{a}from"../chunk-RIHTVZVJ.js";import"../chunk-WTP2KIK3.js";import"../chunk-VQPANPMI.js";export{a as useToggleState};
-//# sourceMappingURL=use-toggle-state.js.map

package/dist/esm/hooks/use-toggle-state.js.map

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

package/dist/esm/props/shadow.props.d.ts

@@ -1,24 +0,0 @@
-import type { GetPropDefTypes } from './prop-def.js';
-declare const shadowPropDefs: {
-    /**
-     * Sets the CSS **box-shadow** property using design system shadow tokens.
-     * Supports shadow scale values and responsive objects.
-     *
-     * @example
-     * shadow="3"
-     * shadow={{ sm: '2', lg: '4' }}
-     *
-     * @link
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
-     */
-    shadow: {
-        type: "enum";
-        className: string;
-        values: readonly ["1", "2", "3", "4", "5", "6"];
-        responsive: true;
-    };
-};
-type ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;
-export { shadowPropDefs };
-export type { ShadowProps };
-//# sourceMappingURL=shadow.props.d.ts.map

package/dist/esm/props/shadow.props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.props.d.ts","sourceRoot":"","sources":["../../../src/props/shadow.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AAI9D,QAAA,MAAM,cAAc;IAClB;;;;;;;;;;OAUG;;;;;;;CASJ,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/esm/props/shadow.props.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-677CX2QF.js";export{a as shadowPropDefs};
-//# sourceMappingURL=shadow.props.js.map

package/dist/esm/props/shadow.props.js.map

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

package/src/helpers/map-prop-values.ts

@@ -1,16 +0,0 @@
-import type { Responsive } from '../props/prop-def.js';
-
-function mapResponsiveProp<Input extends string, Output>(
-  propValue: Responsive<Input> | undefined,
-  mapValue: (value: Input) => Output
-): Responsive<Output> | undefined {
-  if (propValue === undefined) return undefined;
-  if (typeof propValue === 'string') {
-    return mapValue(propValue);
-  }
-  return Object.fromEntries(
-    Object.entries(propValue).map(([key, value]) => [key, mapValue(value)])
-  );
-}
-
-export { mapResponsiveProp };

package/src/hooks/use-live-announcer.ts

@@ -1,79 +0,0 @@
-import * as React from 'react';
-
-/**
- * Reference counter to track how many components are using the live region.
- * Only remove the live region when no components are using it.
- */
-let liveRegionRefCount = 0;
-
-/**
- * Hook for making live announcements to screen readers
- * Creates a hidden aria-live region for announcing dynamic content changes
- */
-export function useLiveAnnouncer() {
-  // Track the timeout so we can clean it up on unmount
-  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
-
-  // Create aria-live region if it doesn't exist
-  React.useEffect(() => {
-    let liveRegion = document.getElementById('kui-live-announcer');
-
-    if (!liveRegion) {
-      liveRegion = document.createElement('div');
-      liveRegion.id = 'kui-live-announcer';
-      liveRegion.setAttribute('aria-live', 'polite');
-      liveRegion.setAttribute('aria-atomic', 'true');
-      liveRegion.style.cssText = `
-        position: absolute;
-        left: -10000px;
-        width: 1px;
-        height: 1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-      `;
-      document.body.appendChild(liveRegion);
-    }
-
-    // Increment ref count when component mounts
-    liveRegionRefCount++;
-
-    return () => {
-      // Decrement ref count when component unmounts
-      liveRegionRefCount--;
-
-      // Clean up timeout on unmount
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-
-      // Only remove the live region if no components are using it
-      if (liveRegionRefCount === 0) {
-        const region = document.getElementById('kui-live-announcer');
-        if (region) {
-          region.remove();
-        }
-      }
-    };
-  }, []);
-
-  const announce = React.useCallback((message: string) => {
-    const liveRegion = document.getElementById('kui-live-announcer');
-    if (liveRegion) {
-      // Clear any pending timeout
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-
-      // Clear previous announcements
-      liveRegion.textContent = '';
-
-      // Add new announcement with a small delay to ensure it's announced
-      timeoutRef.current = setTimeout(() => {
-        liveRegion.textContent = message;
-      }, 100);
-    }
-  }, []);
-
-  return announce;
-}

package/src/hooks/use-toggle-state.ts

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { useLiveAnnouncer } from './use-live-announcer.js';
-
-/**
- * Options for the useToggleState hook
- */
-interface UseToggleStateOptions {
-  /** Controlled pressed state */
-  pressed?: boolean;
-  /** Callback when pressed state changes */
-  onPressedChange?: (pressed: boolean) => void;
-  /** Function to get the accessible name for announcements */
-  getAccessibleName: () => string;
-  /** Component name for warning messages */
-  componentName: string;
-}
-
-/**
- * Hook for shared toggle button state management.
- * Provides accessibility announcements and controlled/uncontrolled warnings.
- *
- * @param options - Configuration options for the toggle state
- * @returns Object containing the handlePressedChange callback
- *
- * @example
- * ```tsx
- * const getAccessibleName = React.useCallback(() => 'Toggle button', []);
- *
- * const { handlePressedChange } = useToggleState({
- *   pressed,
- *   onPressedChange,
- *   getAccessibleName,
- *   componentName: 'Toggle',
- * });
- * ```
- */
-export function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions) {
-  const announce = useLiveAnnouncer();
-
-  // Track if we've already warned about controlled without handler
-  const warnedRef = React.useRef(false);
-
-  /**
-   * Memoized handler for state changes with accessibility announcements.
-   * Announces the new state immediately for screen readers.
-   */
-  const handlePressedChange = React.useCallback(
-    (newPressed: boolean) => {
-      const accessibleName = getAccessibleName();
-      // Announce the state change for screen readers
-      announce(`${accessibleName} ${newPressed ? 'pressed' : 'unpressed'}`);
-      // Call the user's change handler
-      onPressedChange?.(newPressed);
-    },
-    [announce, onPressedChange, getAccessibleName],
-  );
-
-  // Development-only warning for controlled/uncontrolled pattern
-  // Only warns once to avoid console spam
-  React.useEffect(() => {
-    if (process.env.NODE_ENV === 'development' && pressed !== undefined && onPressedChange === undefined && !warnedRef.current) {
-      warnedRef.current = true;
-      console.warn(
-        `${componentName}: You provided a \`pressed\` prop without an \`onPressedChange\` handler. ` +
-          'This will result in a read-only toggle button. If you want the button to be interactive, ' +
-          'you should provide an `onPressedChange` handler.',
-      );
-    }
-  }, [pressed, onPressedChange, componentName]);
-
-  return { handlePressedChange };
-}

package/src/props/shadow.props.ts

@@ -1,30 +0,0 @@
-import type { PropDef, GetPropDefTypes } from './prop-def.js';
-
-const shadowValues = ['1', '2', '3', '4', '5', '6'] as const;
-
-const shadowPropDefs = {
-  /**
-   * Sets the CSS **box-shadow** property using design system shadow tokens.
-   * Supports shadow scale values and responsive objects.
-   *
-   * @example
-   * shadow="3"
-   * shadow={{ sm: '2', lg: '4' }}
-   *
-   * @link
-   * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
-   */
-  shadow: {
-    type: 'enum',
-    className: 'kui-r-shadow',
-    values: shadowValues,
-    responsive: true,
-  },
-} satisfies {
-  shadow: PropDef<(typeof shadowValues)[number]>;
-};
-
-type ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;
-
-export { shadowPropDefs };
-export type { ShadowProps };