@womp/kookie-ui 0.34.1 → 0.35.0

package/dist/esm/chunk-XF6Z5NKE.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as d}from"./chunk-OAJ5DARR.js";import{c}from"./chunk-5ON3XLRD.js";import{a as u}from"./chunk-DFQIIYLD.js";import{a as f}from"./chunk-L54FWKJE.js";import{a as b,c as r}from"./chunk-OKQAVYW4.js";import{a as g}from"./chunk-VQPANPMI.js";var G={};g(G,{Body:()=>y,Cell:()=>w,ColumnHeaderCell:()=>v,Header:()=>T,Root:()=>R,Row:()=>C,RowHeaderCell:()=>H});import*as e from"react";import t from"classnames";var O=["1","2","3","4"],W=["surface","ghost"],j=["auto","fixed"],p={size:{type:"enum",className:"kui-r-size",values:O,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:W,default:"ghost"},layout:{type:"enum",className:"kui-r-tl",values:j,responsive:!0}},z=["start","center","end","baseline"],P={align:{type:"enum",className:"kui-r-va",values:z,parseValue:V,responsive:!0}};function V(a){return{baseline:"baseline",start:"top",center:"middle",end:"bottom"}[a]}var A=["start","center","end"],n={justify:{type:"enum",className:"kui-r-ta",values:A,responsive:!0},...f,...d};var R=e.forwardRef((a,o)=>{let l=c(a,p.size),{layout:s,...N}=p,{className:h,children:D,layout:E,"aria-label":m,"aria-labelledby":i,"aria-describedby":k,...x}=r(l,N),B=b({value:E,className:p.layout.className,propValues:p.layout.values});return e.createElement("div",{ref:o,className:t("kui-TableRoot",h),...x},e.createElement(u,{"aria-label":m,"aria-labelledby":i},e.createElement("table",{className:t("kui-TableRootTable",B),"aria-label":m,"aria-labelledby":i,"aria-describedby":k},D)))});R.displayName="Table.Root";var T=e.forwardRef(({className:a,...o},l)=>e.createElement("thead",{...o,ref:l,className:t("kui-TableHeader",a)}));T.displayName="Table.Header";var y=e.forwardRef(({className:a,...o},l)=>e.createElement("tbody",{...o,ref:l,className:t("kui-TableBody",a)}));y.displayName="Table.Body";var C=e.forwardRef((a,o)=>{let{className:l,...s}=r(a,P);return e.createElement("tr",{...s,ref:o,className:t("kui-TableRow",l)})});C.displayName="Table.Row";var w=e.forwardRef((a,o)=>{let{className:l,...s}=r(a,n);return e.createElement("td",{className:t("kui-TableCell",l),ref:o,...s})});w.displayName="Table.Cell";var v=e.forwardRef((a,o)=>{let{className:l,...s}=r(a,n);return e.createElement("th",{className:t("kui-TableCell","kui-TableColumnHeaderCell",l),scope:"col",ref:o,...s})});v.displayName="Table.ColumnHeaderCell";var H=e.forwardRef((a,o)=>{let{className:l,...s}=r(a,n);return e.createElement("th",{className:t("kui-TableCell","kui-TableRowHeaderCell",l),scope:"row",ref:o,...s})});H.displayName="Table.RowHeaderCell";export{R as a,T as b,y as c,C as d,w as e,v as f,H as g,G as h};
-//# sourceMappingURL=chunk-XF6Z5NKE.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/table.tsx", "../../src/components/table.props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { tableRootPropDefs, tableRowPropDefs, tableCellPropDefs } from './table.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { ScrollArea } from './scroll-area.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TableRootElement = React.ElementRef<'div'>;\ntype TableRootOwnProps = GetPropDefTypes<typeof tableRootPropDefs>;\ninterface TableRootProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    TableRootOwnProps {}\nconst TableRoot = React.forwardRef<TableRootElement, TableRootProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, tableRootPropDefs.size);\n  const { layout: layoutPropDef, ...rootPropDefs } = tableRootPropDefs;\n  const {\n    className,\n    children,\n    layout,\n    // The table is what gets named, not the scroll wrapper around it.\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...rootProps\n  } = extractProps(props, rootPropDefs);\n  const tableLayoutClassNames = getResponsiveClassNames({\n    value: layout,\n    className: tableRootPropDefs.layout.className,\n    propValues: tableRootPropDefs.layout.values,\n  });\n  return (\n    <div ref={forwardedRef} className={classNames('kui-TableRoot', className)} {...rootProps}>\n      {/* An overflowing scroller is a tab stop, so it carries the table's name and reads as a region. */}\n      <ScrollArea aria-label={ariaLabel} aria-labelledby={ariaLabelledBy}>\n        <table\n          className={classNames('kui-TableRootTable', tableLayoutClassNames)}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n        >\n          {children}\n        </table>\n      </ScrollArea>\n    </div>\n  );\n});\nTableRoot.displayName = 'Table.Root';\n\ntype TableHeaderElement = React.ElementRef<'thead'>;\ninterface TableHeaderProps extends ComponentPropsWithout<'thead', RemovedProps> {}\nconst TableHeader = React.forwardRef<TableHeaderElement, TableHeaderProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <thead {...props} ref={forwardedRef} className={classNames('kui-TableHeader', className)} />\n  )\n);\nTableHeader.displayName = 'Table.Header';\n\ntype TableBodyElement = React.ElementRef<'tbody'>;\ninterface TableBodyProps extends ComponentPropsWithout<'tbody', RemovedProps> {}\nconst TableBody = React.forwardRef<TableBodyElement, TableBodyProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <tbody {...props} ref={forwardedRef} className={classNames('kui-TableBody', className)} />\n  )\n);\nTableBody.displayName = 'Table.Body';\n\ntype TableRowElement = React.ElementRef<'tr'>;\ntype TableRowOwnProps = GetPropDefTypes<typeof tableRowPropDefs>;\ninterface TableRowProps extends ComponentPropsWithout<'tr', RemovedProps>, TableRowOwnProps {}\nconst TableRow = React.forwardRef<TableRowElement, TableRowProps>((props, forwardedRef) => {\n  const { className, ...rowProps } = extractProps(props, tableRowPropDefs);\n  return <tr {...rowProps} ref={forwardedRef} className={classNames('kui-TableRow', className)} />;\n});\nTableRow.displayName = 'Table.Row';\n\ntype TableCellElement = React.ElementRef<'td'>;\ntype TableCellOwnProps = GetPropDefTypes<typeof tableCellPropDefs>;\ninterface TableCellProps\n  extends ComponentPropsWithout<'td', RemovedProps | 'width'>,\n    TableCellOwnProps {}\nconst TableCell = React.forwardRef<TableCellElement, TableCellProps>((props, forwardedRef) => {\n  const { className, ...cellProps } = extractProps(props, tableCellPropDefs);\n  return <td className={classNames('kui-TableCell', className)} ref={forwardedRef} {...cellProps} />;\n});\nTableCell.displayName = 'Table.Cell';\n\ntype TableColumnHeaderCellElement = React.ElementRef<'th'>;\ninterface TableColumnHeaderCellProps\n  extends ComponentPropsWithout<'th', RemovedProps>,\n    TableCellOwnProps {}\nconst TableColumnHeaderCell = React.forwardRef<\n  TableColumnHeaderCellElement,\n  TableColumnHeaderCellProps\n>((props, forwardedRef) => {\n  const { className, ...cellProps } = extractProps(props, tableCellPropDefs);\n  return (\n    <th\n      className={classNames('kui-TableCell', 'kui-TableColumnHeaderCell', className)}\n      scope=\"col\"\n      ref={forwardedRef}\n      {...cellProps}\n    />\n  );\n});\nTableColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';\n\ntype TableRowHeaderCellElement = React.ElementRef<'th'>;\ninterface TableRowHeaderCellProps\n  extends ComponentPropsWithout<'th', RemovedProps>,\n    TableCellOwnProps {}\nconst TableRowHeaderCell = React.forwardRef<TableRowHeaderCellElement, TableRowHeaderCellProps>(\n  (props, forwardedRef) => {\n    const { className, ...cellProps } = extractProps(props, tableCellPropDefs);\n    return (\n      <th\n        className={classNames('kui-TableCell', 'kui-TableRowHeaderCell', className)}\n        scope=\"row\"\n        ref={forwardedRef}\n        {...cellProps}\n      />\n    );\n  }\n);\nTableRowHeaderCell.displayName = 'Table.RowHeaderCell';\n\nexport {\n  TableRoot as Root,\n  TableHeader as Header,\n  TableBody as Body,\n  TableRow as Row,\n  TableCell as Cell,\n  TableColumnHeaderCell as ColumnHeaderCell,\n  TableRowHeaderCell as RowHeaderCell,\n};\n\nexport type {\n  TableRootProps as RootProps,\n  TableHeaderProps as HeaderProps,\n  TableBodyProps as BodyProps,\n  TableRowProps as RowProps,\n  TableCellProps as CellProps,\n  TableColumnHeaderCellProps as ColumnHeaderCellProps,\n  TableRowHeaderCellProps as RowHeaderCellProps,\n};\n", "import { paddingPropDefs } from '../props/padding.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['surface', 'ghost'] as const;\nconst layoutValues = ['auto', 'fixed'] as const;\n\nconst tableRootPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'kui-r-size',\n    values: sizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'kui-variant',\n    values: variants,\n    default: 'ghost',\n  },\n  layout: {\n    type: 'enum',\n    className: 'kui-r-tl',\n    values: layoutValues,\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  layout: PropDef<(typeof layoutValues)[number]>;\n};\n\nconst rowAlign = ['start', 'center', 'end', 'baseline'] as const;\n\nconst tableRowPropDefs = {\n  align: {\n    type: 'enum',\n    className: 'kui-r-va',\n    values: rowAlign,\n    parseValue: parseAlignValue,\n    responsive: true,\n  },\n} satisfies {\n  align: PropDef<(typeof rowAlign)[number]>;\n};\n\nfunction parseAlignValue(value: string) {\n  return {\n    baseline: 'baseline',\n    start: 'top',\n    center: 'middle',\n    end: 'bottom',\n  }[value];\n}\n\nconst justifyValues = ['start', 'center', 'end'] as const;\n\nconst tableCellPropDefs = {\n  justify: {\n    type: 'enum',\n    className: 'kui-r-ta',\n    values: justifyValues,\n    responsive: true,\n  },\n  ...widthPropDefs,\n  ...paddingPropDefs,\n} satisfies {\n  justify: PropDef<(typeof justifyValues)[number]>;\n};\n\nexport { tableRootPropDefs, tableRowPropDefs, tableCellPropDefs };\n"],
-  "mappings": "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",
-  "names": ["table_exports", "__export", "TableBody", "TableCell", "TableColumnHeaderCell", "TableHeader", "TableRoot", "TableRow", "TableRowHeaderCell", "React", "classNames", "sizes", "variants", "layoutValues", "tableRootPropDefs", "rowAlign", "tableRowPropDefs", "parseAlignValue", "value", "justifyValues", "tableCellPropDefs", "widthPropDefs", "paddingPropDefs", "TableRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "tableRootPropDefs", "layoutPropDef", "rootPropDefs", "className", "children", "layout", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "rootProps", "extractProps", "tableLayoutClassNames", "getResponsiveClassNames", "classNames", "ScrollArea", "TableHeader", "TableBody", "TableRow", "rowProps", "tableRowPropDefs", "TableCell", "cellProps", "tableCellPropDefs", "TableColumnHeaderCell", "TableRowHeaderCell"]
-}

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":"AACA,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-HZYE46V2.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,17 +0,0 @@
-import type { textPropDefs } from '../components/text.props.js';
-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 };