@economic/taco 11.0.1-react-v19.0 → 12.0.0-react18-compat.0

package/dist/charts/utils/color.cjs

@@ -28,7 +28,7 @@ const getInverseThemeColor = (hexCode) => {
     if (shade > 500) {
       return getThemeColor(`${color}-100`);
     }
-    if (shade === 500 && (color === "red" || color === "blue" || color === "brown" || color === "purple" || color === "green")) {
+    if (shade === 500 && (color === "red" || color === "blue" || color === "purple" || color === "green")) {
       return "white";
     }
     return getThemeColor(`${color}-900`);

package/dist/charts/utils/color.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color.cjs","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["import themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n    return Object.keys(palette).reduce((accum, color) => {\n        if (color === 'current') {\n            return accum;\n        }\n\n        if (typeof palette[color] === 'string') {\n            return {\n                ...accum,\n                [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n            };\n        }\n\n        return {\n            ...accum,\n            ...mapColor(palette[color], color),\n        };\n    }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string | Color | undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n    const themeColor: Color | undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n    const [color, number] = String(themeColor).split('-');\n    const shade = Number(number);\n\n    if (shade) {\n        if (shade > 500) {\n            return getThemeColor(`${color}-100`);\n        }\n        if (\n            shade === 500 &&\n            (color === 'red' || color === 'blue' || color === 'brown' || color === 'purple' || color === 'green')\n        ) {\n            return 'white';\n        }\n\n        return getThemeColor(`${color}-900`);\n    }\n\n    return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";;;AAEA,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,eAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QACI,UAAU,QACT,UAAU,SAAS,UAAU,UAAU,UAAU,WAAW,UAAU,YAAY,UAAU,UAC/F;AACE,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;;;;"}
+{"version":3,"file":"color.cjs","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["import themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n    return Object.keys(palette).reduce((accum, color) => {\n        if (color === 'current') {\n            return accum;\n        }\n\n        if (typeof palette[color] === 'string') {\n            return {\n                ...accum,\n                [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n            };\n        }\n\n        return {\n            ...accum,\n            ...mapColor(palette[color], color),\n        };\n    }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string | Color | undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n    const themeColor: Color | undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n    const [color, number] = String(themeColor).split('-');\n    const shade = Number(number);\n\n    if (shade) {\n        if (shade > 500) {\n            return getThemeColor(`${color}-100`);\n        }\n        if (shade === 500 && (color === 'red' || color === 'blue' || color === 'purple' || color === 'green')) {\n            return 'white';\n        }\n\n        return getThemeColor(`${color}-900`);\n    }\n\n    return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";;;AAEA,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,eAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QAAI,UAAU,QAAQ,UAAU,SAAS,UAAU,UAAU,UAAU,YAAY,UAAU,UAAU;AACnG,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;;;;"}

package/dist/charts/utils/color.js

@@ -26,7 +26,7 @@ const getInverseThemeColor = (hexCode) => {
     if (shade > 500) {
       return getThemeColor(`${color}-100`);
     }
-    if (shade === 500 && (color === "red" || color === "blue" || color === "brown" || color === "purple" || color === "green")) {
+    if (shade === 500 && (color === "red" || color === "blue" || color === "purple" || color === "green")) {
       return "white";
     }
     return getThemeColor(`${color}-900`);

package/dist/charts/utils/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["import themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n    return Object.keys(palette).reduce((accum, color) => {\n        if (color === 'current') {\n            return accum;\n        }\n\n        if (typeof palette[color] === 'string') {\n            return {\n                ...accum,\n                [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n            };\n        }\n\n        return {\n            ...accum,\n            ...mapColor(palette[color], color),\n        };\n    }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string | Color | undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n    const themeColor: Color | undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n    const [color, number] = String(themeColor).split('-');\n    const shade = Number(number);\n\n    if (shade) {\n        if (shade > 500) {\n            return getThemeColor(`${color}-100`);\n        }\n        if (\n            shade === 500 &&\n            (color === 'red' || color === 'blue' || color === 'brown' || color === 'purple' || color === 'green')\n        ) {\n            return 'white';\n        }\n\n        return getThemeColor(`${color}-900`);\n    }\n\n    return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";AAEA,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,YAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QACI,UAAU,QACT,UAAU,SAAS,UAAU,UAAU,UAAU,WAAW,UAAU,YAAY,UAAU,UAC/F;AACE,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;"}
+{"version":3,"file":"color.js","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["import themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n    return Object.keys(palette).reduce((accum, color) => {\n        if (color === 'current') {\n            return accum;\n        }\n\n        if (typeof palette[color] === 'string') {\n            return {\n                ...accum,\n                [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n            };\n        }\n\n        return {\n            ...accum,\n            ...mapColor(palette[color], color),\n        };\n    }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string | Color | undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n    const themeColor: Color | undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n    const [color, number] = String(themeColor).split('-');\n    const shade = Number(number);\n\n    if (shade) {\n        if (shade > 500) {\n            return getThemeColor(`${color}-100`);\n        }\n        if (shade === 500 && (color === 'red' || color === 'blue' || color === 'purple' || color === 'green')) {\n            return 'white';\n        }\n\n        return getThemeColor(`${color}-900`);\n    }\n\n    return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";AAEA,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,YAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QAAI,UAAU,QAAQ,UAAU,SAAS,UAAU,UAAU,UAAU,YAAY,UAAU,UAAU;AACnG,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;"}

package/dist/components/Combobox/useCombobox.cjs

@@ -96,14 +96,20 @@ const useCombobox = (props, ref) => {
       setInputValueByIndex(util.getIndexFromValue(data, defaultValue));
     }
   }, [data]);
-  React__namespace.useEffect(() => {
+  const [prevValue, setPrevValue] = React__namespace.useState(value);
+  if (value !== prevValue) {
+    setPrevValue(value);
     if (value !== void 0) {
       const renderedValue = convertToInputValue(value);
       if (renderedValue !== inputValue) {
         setInputValue(renderedValue);
       }
+    } else if (prevValue !== void 0 && inputValue === convertToInputValue(prevValue)) {
+      if (inputValue !== "") {
+        setInputValue("");
+      }
     }
-  }, [value]);
+  }
   React__namespace.useEffect(() => {
     if (onSearch) {
       debouncer(() => {

package/dist/components/Combobox/useCombobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.cjs","sources":["../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { nanoid } from 'nanoid';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport type { InputProps } from '../Input/Input';\nimport type { ScrollableListItem, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\nimport { getId } from '../Listbox/ScrollableList';\nimport {\n    setInputValueByRef,\n    getIndexFromValue,\n    findByValue,\n    useFlattenedData,\n    sanitizeItem,\n    getOptionParents,\n    filterData,\n} from '../Listbox/util';\n\nimport type { ComboboxProps } from './Combobox';\n\nconst debouncer = debounce(f => f(), 200);\n\nconst defaultConvertToInputValue = (value: ScrollableListItemValue | undefined) => String(value ?? '');\n\ntype useCombobox = Omit<React.HTMLAttributes<HTMLDivElement>, 'popover'> & {\n    combobox: React.HTMLAttributes<HTMLSpanElement>;\n    input: Omit<InputProps, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\n    list: ScrollableListPropsWithRef;\n    button: { ref: any };\n    popover: { open: boolean; onOpenChange: (open: boolean) => void };\n};\n\nexport const useCombobox = (props: Omit<ComboboxProps, 'dialog'>, ref: React.Ref<HTMLInputElement>): useCombobox => {\n    const {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data: unfilteredData = [],\n        defaultValue,\n        disabled,\n        id: _nativeId,\n        inline,\n        loading: __,\n        onChange,\n        onClick,\n        onKeyDown,\n        onSearch,\n        readOnly,\n        value,\n        valueRenderer,\n        ...otherProps\n    } = props;\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n    const listRef = React.useRef<HTMLUListElement>(null);\n    const [open, setOpen] = React.useState(false);\n    const listId = React.useMemo(() => nanoid(), []);\n    const flattenedData = useFlattenedData(unfilteredData);\n\n    const convertToInputValue = React.useCallback(\n        (val: ScrollableListItemValue | undefined): string => {\n            const option = findByValue(flattenedData, val);\n            if (typeof valueRenderer === 'function' && option) {\n                return valueRenderer(option);\n            }\n            return defaultConvertToInputValue(val);\n        },\n        [valueRenderer, flattenedData]\n    );\n\n    const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\n    const shouldFilterData = !onSearch && (!inline || (inline && inputValue !== convertToInputValue(value)));\n    const data = React.useMemo(\n        () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\n        [shouldFilterData, inputValue, flattenedData]\n    );\n    // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\n    const [currentIndex, setCurrentIndex] = React.useState<number | undefined>(\n        inputValue === undefined ? undefined : getIndexFromValue(data, inputValue)\n    );\n\n    const setInputValueByIndex = (index: number | undefined, event?: string): void => {\n        if (index !== undefined) {\n            const option = data[index];\n\n            if (option && !option.disabled) {\n                const eventType = event ?? 'focusout';\n                setInputValueByRef(inputRef.current, option.value, eventType);\n            }\n        }\n    };\n\n    const setCurrentValue = (index: number | undefined, event?: string) => {\n        if (index === undefined) {\n            return;\n        }\n\n        const option = data[index];\n\n        if (option?.value === value) {\n            // if the selected option is already selected, refill input with its value\n            setInputValue(convertToInputValue(value));\n        } else {\n            // if the selected option is not already selected, trigger blur event\n            setInputValueByIndex(index, event);\n        }\n    };\n\n    // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\n    React.useEffect(() => {\n        if (defaultValue && !value) {\n            setInputValueByIndex(getIndexFromValue(data, defaultValue));\n        }\n    }, [data]);\n\n    // update input value if it changed 'externally', e.g. clicking/entering an item in the listbox, from a modal etc\n    React.useEffect(() => {\n        if (value !== undefined) {\n            const renderedValue = convertToInputValue(value);\n            // Compare with rendered value to handle valueRenderer case\n            // (e.g., value is \"1000\" but renderedValue is \"1000 - Account Name\")\n            if (renderedValue !== inputValue) {\n                setInputValue(renderedValue);\n            }\n        }\n    }, [value]);\n\n    React.useEffect(() => {\n        if (onSearch) {\n            debouncer(() => {\n                onSearch(inputValue);\n            });\n        }\n    }, [inputValue]);\n\n    // show listbox based on input value\n    React.useEffect(() => {\n        // don't show the popover if the internal (input) value already is the current value\n        // this prevents the popover showing after selecting a value or pressing escape\n        const isCurrentValue = value !== undefined && value !== null && inputValue === convertToInputValue(value);\n\n        if (inputValue && data.length && !isCurrentValue) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n\n            if (!open) {\n                setOpen(true);\n            }\n        } else {\n            setOpen(false);\n        }\n    }, [inputValue, data]);\n\n    React.useEffect(() => {\n        if (open) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n        } else {\n            setCurrentIndex(undefined);\n        }\n    }, [open]);\n\n    const findOption = React.useCallback(\n        (inputVal: string): ScrollableListItem | undefined => {\n            // First try to find by raw value\n            const itemByValue = findByValue(flattenedData, inputVal);\n            if (itemByValue) {\n                return itemByValue;\n            }\n\n            // If valueRenderer is provided, also try to match against rendered values\n            if (valueRenderer) {\n                return flattenedData.find(option => valueRenderer(option) === inputVal);\n            }\n\n            return undefined;\n        },\n        [flattenedData, valueRenderer]\n    );\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        if (listRef.current && event.relatedTarget === listRef.current) {\n            event.preventDefault();\n            return;\n        }\n\n        const item = findOption(event.target.value);\n\n        // If the found item's value equals the current value, just update the display to rendered format\n        // This handles the case where user types the raw value but valueRenderer shows something different\n        // (e.g., user types \"1000\" but display should be \"1000 - Account Name\")\n        if (item && item.value === value) {\n            setInputValue(convertToInputValue(value));\n            if (props.onBlur) {\n                props.onBlur(event);\n            }\n            return;\n        }\n\n        // event.target.value is always a string so it is important to cast value to a string (convertToInputValue) before checking the equality\n        if (onChange && event.target.value !== convertToInputValue(value)) {\n            (event as any).detail = sanitizeItem(item);\n\n            const parents = getOptionParents(flattenedData, item?.path);\n\n            if (parents !== null && parents.length > 0) {\n                (event as any).detail.parents = parents;\n            }\n\n            onChange(event);\n        }\n\n        if (props.onBlur) {\n            props.onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInputValue(event.target.value);\n    };\n\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n        if (inline || (!open && inputValue && data.length)) {\n            setOpen(true);\n        }\n\n        if (onClick) {\n            onClick(event);\n        }\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        // Explicitly stop propagation for arrow keys when Combobox is in open state and inside Table3\n        // This ensures Table3 won't react to these keys when using the Combobox\n        if (\n            isElementInsideTable3OrReport(event.currentTarget) &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n            open\n        ) {\n            event.stopPropagation();\n        }\n\n        if (!event.ctrlKey && !event.metaKey) {\n            switch (event.key) {\n                case 'Backspace': {\n                    return;\n                }\n\n                case 'Escape': {\n                    event.preventDefault();\n                    if (open) {\n                        // as focus is on input, need to prevent propagation to not close dialog.\n                        event.stopPropagation();\n                    }\n                    setInputValue(convertToInputValue(value));\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Tab': {\n                    // default focusout will trigger onBlur and we don't want to trigger it twice\n                    setCurrentValue(currentIndex, 'change');\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Enter': {\n                    event.preventDefault();\n\n                    if (isElementInsideTable3OrReport(event.currentTarget)) {\n                        if (inline && !open) {\n                            setOpen(true);\n                        } else if (buttonRef.current && !open) {\n                            buttonRef.current.click();\n                        }\n                    }\n\n                    if (open) {\n                        // we need to focusout to trigger onBlur as we are not actually blurring the input\n                        setCurrentValue(currentIndex, 'focusout');\n                        setOpen(false);\n                    }\n\n                    return;\n                }\n\n                case 'ArrowDown':\n                    if (open) {\n                        event.preventDefault();\n                    } else if (!inline && buttonRef.current && !isElementInsideTable3OrReport(event.currentTarget)) {\n                        buttonRef.current.click();\n                    }\n                    break;\n\n                case 'ArrowUp':\n                case 'Home':\n                case 'End': {\n                    if (open) {\n                        event.preventDefault();\n                    }\n                    break;\n                }\n\n                default:\n            }\n\n            // we aren't focused on the list, so manually forward the keydown event to it\n            if (listRef.current) {\n                listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\n            }\n\n            if (\n                inline &&\n                !open &&\n                (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n                !isElementInsideTable3OrReport(event.currentTarget)\n            ) {\n                event.preventDefault();\n                const initialIndex = event.key === 'ArrowUp' ? data.length - 1 : 0;\n                setCurrentIndex(currentIndex === undefined ? initialIndex : currentIndex);\n                setOpen(true);\n            }\n        }\n\n        if (!event.isDefaultPrevented() && onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    const handleListboxChange = (index: number): void => {\n        setCurrentIndex(index);\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n        event.preventDefault();\n        setCurrentValue(index);\n        setOpen(false);\n    };\n\n    const combobox = {\n        'aria-expanded': open,\n        'aria-owns': listId,\n        'aria-haspopup': 'listbox' as const,\n        role: 'combobox',\n    };\n\n    const input = {\n        ...otherProps,\n        'aria-controls': listId,\n        // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions\n        // are related to the string that is present in the textbox\n        'aria-autocomplete': 'list' as const,\n        // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\n        'aria-activedescendant':\n            currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        disabled,\n        onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\n        onChange: !disabled && !readOnly ? handleInputChange : undefined,\n        onClick: !disabled && !readOnly ? handleInputClick : undefined,\n        onKeyDownCapture: !disabled && !readOnly ? handleInputKeyDown : undefined,\n        readOnly,\n        ref: inputRef,\n        type: 'text',\n        value: inputValue ?? '',\n    };\n\n    const list: ScrollableListPropsWithRef = {\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        id: listId,\n        onChange: handleListboxChange,\n        onClick: handleListboxClick,\n        ref: listRef,\n        scrollOnFocus: false,\n        tabIndex: -1,\n        value: currentIndex,\n    };\n\n    const button = {\n        ref: buttonRef,\n    };\n\n    return {\n        combobox,\n        input,\n        list,\n        button,\n        popover: {\n            open,\n            onOpenChange: setOpen,\n            //visible: !data.length ? false : open,\n        },\n    };\n};\n"],"names":["useMergedRef","React","nanoid","useFlattenedData","findByValue","filterData","getIndexFromValue","setInputValueByRef","sanitizeItem","getOptionParents","isElementInsideTable3OrReport","createCustomKeyboardEvent","input","getId"],"mappings":"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"}
+{"version":3,"file":"useCombobox.cjs","sources":["../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { nanoid } from 'nanoid';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport type { InputProps } from '../Input/Input';\nimport type { ScrollableListItem, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\nimport { getId } from '../Listbox/ScrollableList';\nimport {\n    setInputValueByRef,\n    getIndexFromValue,\n    findByValue,\n    useFlattenedData,\n    sanitizeItem,\n    getOptionParents,\n    filterData,\n} from '../Listbox/util';\n\nimport type { ComboboxProps } from './Combobox';\n\nconst debouncer = debounce(f => f(), 200);\n\nconst defaultConvertToInputValue = (value: ScrollableListItemValue | undefined) => String(value ?? '');\n\ntype useCombobox = Omit<React.HTMLAttributes<HTMLDivElement>, 'popover'> & {\n    combobox: React.HTMLAttributes<HTMLSpanElement>;\n    input: Omit<InputProps, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\n    list: ScrollableListPropsWithRef;\n    button: { ref: any };\n    popover: { open: boolean; onOpenChange: (open: boolean) => void };\n};\n\nexport const useCombobox = (props: Omit<ComboboxProps, 'dialog'>, ref: React.Ref<HTMLInputElement>): useCombobox => {\n    const {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data: unfilteredData = [],\n        defaultValue,\n        disabled,\n        id: _nativeId,\n        inline,\n        loading: __,\n        onChange,\n        onClick,\n        onKeyDown,\n        onSearch,\n        readOnly,\n        value,\n        valueRenderer,\n        ...otherProps\n    } = props;\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n    const listRef = React.useRef<HTMLUListElement>(null);\n    const [open, setOpen] = React.useState(false);\n    const listId = React.useMemo(() => nanoid(), []);\n    const flattenedData = useFlattenedData(unfilteredData);\n\n    const convertToInputValue = React.useCallback(\n        (val: ScrollableListItemValue | undefined): string => {\n            const option = findByValue(flattenedData, val);\n            if (typeof valueRenderer === 'function' && option) {\n                return valueRenderer(option);\n            }\n            return defaultConvertToInputValue(val);\n        },\n        [valueRenderer, flattenedData]\n    );\n\n    const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\n    const shouldFilterData = !onSearch && (!inline || (inline && inputValue !== convertToInputValue(value)));\n    const data = React.useMemo(\n        () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\n        [shouldFilterData, inputValue, flattenedData]\n    );\n    // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\n    const [currentIndex, setCurrentIndex] = React.useState<number | undefined>(\n        inputValue === undefined ? undefined : getIndexFromValue(data, inputValue)\n    );\n\n    const setInputValueByIndex = (index: number | undefined, event?: string): void => {\n        if (index !== undefined) {\n            const option = data[index];\n\n            if (option && !option.disabled) {\n                const eventType = event ?? 'focusout';\n                setInputValueByRef(inputRef.current, option.value, eventType);\n            }\n        }\n    };\n\n    const setCurrentValue = (index: number | undefined, event?: string) => {\n        if (index === undefined) {\n            return;\n        }\n\n        const option = data[index];\n\n        if (option?.value === value) {\n            // if the selected option is already selected, refill input with its value\n            setInputValue(convertToInputValue(value));\n        } else {\n            // if the selected option is not already selected, trigger blur event\n            setInputValueByIndex(index, event);\n        }\n    };\n\n    // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\n    React.useEffect(() => {\n        if (defaultValue && !value) {\n            setInputValueByIndex(getIndexFromValue(data, defaultValue));\n        }\n    }, [data]);\n\n    // Sync the input's text when `value` changes 'externally' (selecting an item, a modal, a form reset, etc.).\n    // This is done DURING RENDER (React's \"adjust state when a prop changes\" pattern) rather than in an effect,\n    // so the corrected inputValue is in place *before* the \"show listbox based on input value\" effect below runs.\n    // Doing it in a post-commit effect left a one-render window where that effect saw the *stale* inputValue (the\n    // previous value's text) together with a fresh `data` reference and spuriously opened the popover after a reset.\n    // React 19's separate commits expose this; React 18 batched the stale render away.\n    const [prevValue, setPrevValue] = React.useState(value);\n    if (value !== prevValue) {\n        setPrevValue(value);\n\n        if (value !== undefined) {\n            // Compare against the rendered value to handle the valueRenderer case\n            // (e.g., value is \"1000\" but the rendered text is \"1000 - Account Name\").\n            const renderedValue = convertToInputValue(value);\n            if (renderedValue !== inputValue) {\n                setInputValue(renderedValue);\n            }\n        } else if (prevValue !== undefined && inputValue === convertToInputValue(prevValue)) {\n            // `value` was cleared to `undefined` externally while the input still shows the *previous* value's\n            // rendered text — i.e. the user did not type this — so clear it. We intentionally do NOT clear when the\n            // user edited to a non-matching value (their text never equals the previous value's render), so they\n            // can keep typing / backspace back to a valid one.\n            if (inputValue !== '') {\n                setInputValue('');\n            }\n        }\n    }\n\n    React.useEffect(() => {\n        if (onSearch) {\n            debouncer(() => {\n                onSearch(inputValue);\n            });\n        }\n    }, [inputValue]);\n\n    // show listbox based on input value\n    React.useEffect(() => {\n        // don't show the popover if the internal (input) value already is the current value\n        // this prevents the popover showing after selecting a value or pressing escape\n        const isCurrentValue = value !== undefined && value !== null && inputValue === convertToInputValue(value);\n\n        if (inputValue && data.length && !isCurrentValue) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n\n            if (!open) {\n                setOpen(true);\n            }\n        } else {\n            setOpen(false);\n        }\n    }, [inputValue, data]);\n\n    React.useEffect(() => {\n        if (open) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n        } else {\n            setCurrentIndex(undefined);\n        }\n    }, [open]);\n\n    const findOption = React.useCallback(\n        (inputVal: string): ScrollableListItem | undefined => {\n            // First try to find by raw value\n            const itemByValue = findByValue(flattenedData, inputVal);\n            if (itemByValue) {\n                return itemByValue;\n            }\n\n            // If valueRenderer is provided, also try to match against rendered values\n            if (valueRenderer) {\n                return flattenedData.find(option => valueRenderer(option) === inputVal);\n            }\n\n            return undefined;\n        },\n        [flattenedData, valueRenderer]\n    );\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        if (listRef.current && event.relatedTarget === listRef.current) {\n            event.preventDefault();\n            return;\n        }\n\n        const item = findOption(event.target.value);\n\n        // If the found item's value equals the current value, just update the display to rendered format\n        // This handles the case where user types the raw value but valueRenderer shows something different\n        // (e.g., user types \"1000\" but display should be \"1000 - Account Name\")\n        if (item && item.value === value) {\n            setInputValue(convertToInputValue(value));\n            if (props.onBlur) {\n                props.onBlur(event);\n            }\n            return;\n        }\n\n        // event.target.value is always a string so it is important to cast value to a string (convertToInputValue) before checking the equality\n        if (onChange && event.target.value !== convertToInputValue(value)) {\n            (event as any).detail = sanitizeItem(item);\n\n            const parents = getOptionParents(flattenedData, item?.path);\n\n            if (parents !== null && parents.length > 0) {\n                (event as any).detail.parents = parents;\n            }\n\n            onChange(event);\n        }\n\n        if (props.onBlur) {\n            props.onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInputValue(event.target.value);\n    };\n\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n        if (inline || (!open && inputValue && data.length)) {\n            setOpen(true);\n        }\n\n        if (onClick) {\n            onClick(event);\n        }\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        // Explicitly stop propagation for arrow keys when Combobox is in open state and inside Table3\n        // This ensures Table3 won't react to these keys when using the Combobox\n        if (\n            isElementInsideTable3OrReport(event.currentTarget) &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n            open\n        ) {\n            event.stopPropagation();\n        }\n\n        if (!event.ctrlKey && !event.metaKey) {\n            switch (event.key) {\n                case 'Backspace': {\n                    return;\n                }\n\n                case 'Escape': {\n                    event.preventDefault();\n                    if (open) {\n                        // as focus is on input, need to prevent propagation to not close dialog.\n                        event.stopPropagation();\n                    }\n                    setInputValue(convertToInputValue(value));\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Tab': {\n                    // default focusout will trigger onBlur and we don't want to trigger it twice\n                    setCurrentValue(currentIndex, 'change');\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Enter': {\n                    event.preventDefault();\n\n                    if (isElementInsideTable3OrReport(event.currentTarget)) {\n                        if (inline && !open) {\n                            setOpen(true);\n                        } else if (buttonRef.current && !open) {\n                            buttonRef.current.click();\n                        }\n                    }\n\n                    if (open) {\n                        // we need to focusout to trigger onBlur as we are not actually blurring the input\n                        setCurrentValue(currentIndex, 'focusout');\n                        setOpen(false);\n                    }\n\n                    return;\n                }\n\n                case 'ArrowDown':\n                    if (open) {\n                        event.preventDefault();\n                    } else if (!inline && buttonRef.current && !isElementInsideTable3OrReport(event.currentTarget)) {\n                        buttonRef.current.click();\n                    }\n                    break;\n\n                case 'ArrowUp':\n                case 'Home':\n                case 'End': {\n                    if (open) {\n                        event.preventDefault();\n                    }\n                    break;\n                }\n\n                default:\n            }\n\n            // we aren't focused on the list, so manually forward the keydown event to it\n            if (listRef.current) {\n                listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\n            }\n\n            if (\n                inline &&\n                !open &&\n                (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n                !isElementInsideTable3OrReport(event.currentTarget)\n            ) {\n                event.preventDefault();\n                const initialIndex = event.key === 'ArrowUp' ? data.length - 1 : 0;\n                setCurrentIndex(currentIndex === undefined ? initialIndex : currentIndex);\n                setOpen(true);\n            }\n        }\n\n        if (!event.isDefaultPrevented() && onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    const handleListboxChange = (index: number): void => {\n        setCurrentIndex(index);\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n        event.preventDefault();\n        setCurrentValue(index);\n        setOpen(false);\n    };\n\n    const combobox = {\n        'aria-expanded': open,\n        'aria-owns': listId,\n        'aria-haspopup': 'listbox' as const,\n        role: 'combobox',\n    };\n\n    const input = {\n        ...otherProps,\n        'aria-controls': listId,\n        // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions\n        // are related to the string that is present in the textbox\n        'aria-autocomplete': 'list' as const,\n        // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\n        'aria-activedescendant':\n            currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        disabled,\n        onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\n        onChange: !disabled && !readOnly ? handleInputChange : undefined,\n        onClick: !disabled && !readOnly ? handleInputClick : undefined,\n        onKeyDownCapture: !disabled && !readOnly ? handleInputKeyDown : undefined,\n        readOnly,\n        ref: inputRef,\n        type: 'text',\n        value: inputValue ?? '',\n    };\n\n    const list: ScrollableListPropsWithRef = {\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        id: listId,\n        onChange: handleListboxChange,\n        onClick: handleListboxClick,\n        ref: listRef,\n        scrollOnFocus: false,\n        tabIndex: -1,\n        value: currentIndex,\n    };\n\n    const button = {\n        ref: buttonRef,\n    };\n\n    return {\n        combobox,\n        input,\n        list,\n        button,\n        popover: {\n            open,\n            onOpenChange: setOpen,\n            //visible: !data.length ? false : open,\n        },\n    };\n};\n"],"names":["useMergedRef","React","nanoid","useFlattenedData","findByValue","filterData","getIndexFromValue","setInputValueByRef","sanitizeItem","getOptionParents","isElementInsideTable3OrReport","createCustomKeyboardEvent","input","getId"],"mappings":"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"}

package/dist/components/Combobox/useCombobox.js

@@ -77,14 +77,20 @@ const useCombobox = (props, ref) => {
       setInputValueByIndex(getIndexFromValue(data, defaultValue));
     }
   }, [data]);
-  React.useEffect(() => {
+  const [prevValue, setPrevValue] = React.useState(value);
+  if (value !== prevValue) {
+    setPrevValue(value);
     if (value !== void 0) {
       const renderedValue = convertToInputValue(value);
       if (renderedValue !== inputValue) {
         setInputValue(renderedValue);
       }
+    } else if (prevValue !== void 0 && inputValue === convertToInputValue(prevValue)) {
+      if (inputValue !== "") {
+        setInputValue("");
+      }
     }
-  }, [value]);
+  }
   React.useEffect(() => {
     if (onSearch) {
       debouncer(() => {

package/dist/components/Combobox/useCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.js","sources":["../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { nanoid } from 'nanoid';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport type { InputProps } from '../Input/Input';\nimport type { ScrollableListItem, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\nimport { getId } from '../Listbox/ScrollableList';\nimport {\n    setInputValueByRef,\n    getIndexFromValue,\n    findByValue,\n    useFlattenedData,\n    sanitizeItem,\n    getOptionParents,\n    filterData,\n} from '../Listbox/util';\n\nimport type { ComboboxProps } from './Combobox';\n\nconst debouncer = debounce(f => f(), 200);\n\nconst defaultConvertToInputValue = (value: ScrollableListItemValue | undefined) => String(value ?? '');\n\ntype useCombobox = Omit<React.HTMLAttributes<HTMLDivElement>, 'popover'> & {\n    combobox: React.HTMLAttributes<HTMLSpanElement>;\n    input: Omit<InputProps, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\n    list: ScrollableListPropsWithRef;\n    button: { ref: any };\n    popover: { open: boolean; onOpenChange: (open: boolean) => void };\n};\n\nexport const useCombobox = (props: Omit<ComboboxProps, 'dialog'>, ref: React.Ref<HTMLInputElement>): useCombobox => {\n    const {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data: unfilteredData = [],\n        defaultValue,\n        disabled,\n        id: _nativeId,\n        inline,\n        loading: __,\n        onChange,\n        onClick,\n        onKeyDown,\n        onSearch,\n        readOnly,\n        value,\n        valueRenderer,\n        ...otherProps\n    } = props;\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n    const listRef = React.useRef<HTMLUListElement>(null);\n    const [open, setOpen] = React.useState(false);\n    const listId = React.useMemo(() => nanoid(), []);\n    const flattenedData = useFlattenedData(unfilteredData);\n\n    const convertToInputValue = React.useCallback(\n        (val: ScrollableListItemValue | undefined): string => {\n            const option = findByValue(flattenedData, val);\n            if (typeof valueRenderer === 'function' && option) {\n                return valueRenderer(option);\n            }\n            return defaultConvertToInputValue(val);\n        },\n        [valueRenderer, flattenedData]\n    );\n\n    const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\n    const shouldFilterData = !onSearch && (!inline || (inline && inputValue !== convertToInputValue(value)));\n    const data = React.useMemo(\n        () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\n        [shouldFilterData, inputValue, flattenedData]\n    );\n    // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\n    const [currentIndex, setCurrentIndex] = React.useState<number | undefined>(\n        inputValue === undefined ? undefined : getIndexFromValue(data, inputValue)\n    );\n\n    const setInputValueByIndex = (index: number | undefined, event?: string): void => {\n        if (index !== undefined) {\n            const option = data[index];\n\n            if (option && !option.disabled) {\n                const eventType = event ?? 'focusout';\n                setInputValueByRef(inputRef.current, option.value, eventType);\n            }\n        }\n    };\n\n    const setCurrentValue = (index: number | undefined, event?: string) => {\n        if (index === undefined) {\n            return;\n        }\n\n        const option = data[index];\n\n        if (option?.value === value) {\n            // if the selected option is already selected, refill input with its value\n            setInputValue(convertToInputValue(value));\n        } else {\n            // if the selected option is not already selected, trigger blur event\n            setInputValueByIndex(index, event);\n        }\n    };\n\n    // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\n    React.useEffect(() => {\n        if (defaultValue && !value) {\n            setInputValueByIndex(getIndexFromValue(data, defaultValue));\n        }\n    }, [data]);\n\n    // update input value if it changed 'externally', e.g. clicking/entering an item in the listbox, from a modal etc\n    React.useEffect(() => {\n        if (value !== undefined) {\n            const renderedValue = convertToInputValue(value);\n            // Compare with rendered value to handle valueRenderer case\n            // (e.g., value is \"1000\" but renderedValue is \"1000 - Account Name\")\n            if (renderedValue !== inputValue) {\n                setInputValue(renderedValue);\n            }\n        }\n    }, [value]);\n\n    React.useEffect(() => {\n        if (onSearch) {\n            debouncer(() => {\n                onSearch(inputValue);\n            });\n        }\n    }, [inputValue]);\n\n    // show listbox based on input value\n    React.useEffect(() => {\n        // don't show the popover if the internal (input) value already is the current value\n        // this prevents the popover showing after selecting a value or pressing escape\n        const isCurrentValue = value !== undefined && value !== null && inputValue === convertToInputValue(value);\n\n        if (inputValue && data.length && !isCurrentValue) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n\n            if (!open) {\n                setOpen(true);\n            }\n        } else {\n            setOpen(false);\n        }\n    }, [inputValue, data]);\n\n    React.useEffect(() => {\n        if (open) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n        } else {\n            setCurrentIndex(undefined);\n        }\n    }, [open]);\n\n    const findOption = React.useCallback(\n        (inputVal: string): ScrollableListItem | undefined => {\n            // First try to find by raw value\n            const itemByValue = findByValue(flattenedData, inputVal);\n            if (itemByValue) {\n                return itemByValue;\n            }\n\n            // If valueRenderer is provided, also try to match against rendered values\n            if (valueRenderer) {\n                return flattenedData.find(option => valueRenderer(option) === inputVal);\n            }\n\n            return undefined;\n        },\n        [flattenedData, valueRenderer]\n    );\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        if (listRef.current && event.relatedTarget === listRef.current) {\n            event.preventDefault();\n            return;\n        }\n\n        const item = findOption(event.target.value);\n\n        // If the found item's value equals the current value, just update the display to rendered format\n        // This handles the case where user types the raw value but valueRenderer shows something different\n        // (e.g., user types \"1000\" but display should be \"1000 - Account Name\")\n        if (item && item.value === value) {\n            setInputValue(convertToInputValue(value));\n            if (props.onBlur) {\n                props.onBlur(event);\n            }\n            return;\n        }\n\n        // event.target.value is always a string so it is important to cast value to a string (convertToInputValue) before checking the equality\n        if (onChange && event.target.value !== convertToInputValue(value)) {\n            (event as any).detail = sanitizeItem(item);\n\n            const parents = getOptionParents(flattenedData, item?.path);\n\n            if (parents !== null && parents.length > 0) {\n                (event as any).detail.parents = parents;\n            }\n\n            onChange(event);\n        }\n\n        if (props.onBlur) {\n            props.onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInputValue(event.target.value);\n    };\n\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n        if (inline || (!open && inputValue && data.length)) {\n            setOpen(true);\n        }\n\n        if (onClick) {\n            onClick(event);\n        }\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        // Explicitly stop propagation for arrow keys when Combobox is in open state and inside Table3\n        // This ensures Table3 won't react to these keys when using the Combobox\n        if (\n            isElementInsideTable3OrReport(event.currentTarget) &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n            open\n        ) {\n            event.stopPropagation();\n        }\n\n        if (!event.ctrlKey && !event.metaKey) {\n            switch (event.key) {\n                case 'Backspace': {\n                    return;\n                }\n\n                case 'Escape': {\n                    event.preventDefault();\n                    if (open) {\n                        // as focus is on input, need to prevent propagation to not close dialog.\n                        event.stopPropagation();\n                    }\n                    setInputValue(convertToInputValue(value));\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Tab': {\n                    // default focusout will trigger onBlur and we don't want to trigger it twice\n                    setCurrentValue(currentIndex, 'change');\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Enter': {\n                    event.preventDefault();\n\n                    if (isElementInsideTable3OrReport(event.currentTarget)) {\n                        if (inline && !open) {\n                            setOpen(true);\n                        } else if (buttonRef.current && !open) {\n                            buttonRef.current.click();\n                        }\n                    }\n\n                    if (open) {\n                        // we need to focusout to trigger onBlur as we are not actually blurring the input\n                        setCurrentValue(currentIndex, 'focusout');\n                        setOpen(false);\n                    }\n\n                    return;\n                }\n\n                case 'ArrowDown':\n                    if (open) {\n                        event.preventDefault();\n                    } else if (!inline && buttonRef.current && !isElementInsideTable3OrReport(event.currentTarget)) {\n                        buttonRef.current.click();\n                    }\n                    break;\n\n                case 'ArrowUp':\n                case 'Home':\n                case 'End': {\n                    if (open) {\n                        event.preventDefault();\n                    }\n                    break;\n                }\n\n                default:\n            }\n\n            // we aren't focused on the list, so manually forward the keydown event to it\n            if (listRef.current) {\n                listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\n            }\n\n            if (\n                inline &&\n                !open &&\n                (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n                !isElementInsideTable3OrReport(event.currentTarget)\n            ) {\n                event.preventDefault();\n                const initialIndex = event.key === 'ArrowUp' ? data.length - 1 : 0;\n                setCurrentIndex(currentIndex === undefined ? initialIndex : currentIndex);\n                setOpen(true);\n            }\n        }\n\n        if (!event.isDefaultPrevented() && onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    const handleListboxChange = (index: number): void => {\n        setCurrentIndex(index);\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n        event.preventDefault();\n        setCurrentValue(index);\n        setOpen(false);\n    };\n\n    const combobox = {\n        'aria-expanded': open,\n        'aria-owns': listId,\n        'aria-haspopup': 'listbox' as const,\n        role: 'combobox',\n    };\n\n    const input = {\n        ...otherProps,\n        'aria-controls': listId,\n        // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions\n        // are related to the string that is present in the textbox\n        'aria-autocomplete': 'list' as const,\n        // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\n        'aria-activedescendant':\n            currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        disabled,\n        onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\n        onChange: !disabled && !readOnly ? handleInputChange : undefined,\n        onClick: !disabled && !readOnly ? handleInputClick : undefined,\n        onKeyDownCapture: !disabled && !readOnly ? handleInputKeyDown : undefined,\n        readOnly,\n        ref: inputRef,\n        type: 'text',\n        value: inputValue ?? '',\n    };\n\n    const list: ScrollableListPropsWithRef = {\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        id: listId,\n        onChange: handleListboxChange,\n        onClick: handleListboxClick,\n        ref: listRef,\n        scrollOnFocus: false,\n        tabIndex: -1,\n        value: currentIndex,\n    };\n\n    const button = {\n        ref: buttonRef,\n    };\n\n    return {\n        combobox,\n        input,\n        list,\n        button,\n        popover: {\n            open,\n            onOpenChange: setOpen,\n            //visible: !data.length ? false : open,\n        },\n    };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCombobox.js","sources":["../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { nanoid } from 'nanoid';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport type { InputProps } from '../Input/Input';\nimport type { ScrollableListItem, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\nimport { getId } from '../Listbox/ScrollableList';\nimport {\n    setInputValueByRef,\n    getIndexFromValue,\n    findByValue,\n    useFlattenedData,\n    sanitizeItem,\n    getOptionParents,\n    filterData,\n} from '../Listbox/util';\n\nimport type { ComboboxProps } from './Combobox';\n\nconst debouncer = debounce(f => f(), 200);\n\nconst defaultConvertToInputValue = (value: ScrollableListItemValue | undefined) => String(value ?? '');\n\ntype useCombobox = Omit<React.HTMLAttributes<HTMLDivElement>, 'popover'> & {\n    combobox: React.HTMLAttributes<HTMLSpanElement>;\n    input: Omit<InputProps, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\n    list: ScrollableListPropsWithRef;\n    button: { ref: any };\n    popover: { open: boolean; onOpenChange: (open: boolean) => void };\n};\n\nexport const useCombobox = (props: Omit<ComboboxProps, 'dialog'>, ref: React.Ref<HTMLInputElement>): useCombobox => {\n    const {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data: unfilteredData = [],\n        defaultValue,\n        disabled,\n        id: _nativeId,\n        inline,\n        loading: __,\n        onChange,\n        onClick,\n        onKeyDown,\n        onSearch,\n        readOnly,\n        value,\n        valueRenderer,\n        ...otherProps\n    } = props;\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n    const listRef = React.useRef<HTMLUListElement>(null);\n    const [open, setOpen] = React.useState(false);\n    const listId = React.useMemo(() => nanoid(), []);\n    const flattenedData = useFlattenedData(unfilteredData);\n\n    const convertToInputValue = React.useCallback(\n        (val: ScrollableListItemValue | undefined): string => {\n            const option = findByValue(flattenedData, val);\n            if (typeof valueRenderer === 'function' && option) {\n                return valueRenderer(option);\n            }\n            return defaultConvertToInputValue(val);\n        },\n        [valueRenderer, flattenedData]\n    );\n\n    const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\n    const shouldFilterData = !onSearch && (!inline || (inline && inputValue !== convertToInputValue(value)));\n    const data = React.useMemo(\n        () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\n        [shouldFilterData, inputValue, flattenedData]\n    );\n    // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\n    const [currentIndex, setCurrentIndex] = React.useState<number | undefined>(\n        inputValue === undefined ? undefined : getIndexFromValue(data, inputValue)\n    );\n\n    const setInputValueByIndex = (index: number | undefined, event?: string): void => {\n        if (index !== undefined) {\n            const option = data[index];\n\n            if (option && !option.disabled) {\n                const eventType = event ?? 'focusout';\n                setInputValueByRef(inputRef.current, option.value, eventType);\n            }\n        }\n    };\n\n    const setCurrentValue = (index: number | undefined, event?: string) => {\n        if (index === undefined) {\n            return;\n        }\n\n        const option = data[index];\n\n        if (option?.value === value) {\n            // if the selected option is already selected, refill input with its value\n            setInputValue(convertToInputValue(value));\n        } else {\n            // if the selected option is not already selected, trigger blur event\n            setInputValueByIndex(index, event);\n        }\n    };\n\n    // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\n    React.useEffect(() => {\n        if (defaultValue && !value) {\n            setInputValueByIndex(getIndexFromValue(data, defaultValue));\n        }\n    }, [data]);\n\n    // Sync the input's text when `value` changes 'externally' (selecting an item, a modal, a form reset, etc.).\n    // This is done DURING RENDER (React's \"adjust state when a prop changes\" pattern) rather than in an effect,\n    // so the corrected inputValue is in place *before* the \"show listbox based on input value\" effect below runs.\n    // Doing it in a post-commit effect left a one-render window where that effect saw the *stale* inputValue (the\n    // previous value's text) together with a fresh `data` reference and spuriously opened the popover after a reset.\n    // React 19's separate commits expose this; React 18 batched the stale render away.\n    const [prevValue, setPrevValue] = React.useState(value);\n    if (value !== prevValue) {\n        setPrevValue(value);\n\n        if (value !== undefined) {\n            // Compare against the rendered value to handle the valueRenderer case\n            // (e.g., value is \"1000\" but the rendered text is \"1000 - Account Name\").\n            const renderedValue = convertToInputValue(value);\n            if (renderedValue !== inputValue) {\n                setInputValue(renderedValue);\n            }\n        } else if (prevValue !== undefined && inputValue === convertToInputValue(prevValue)) {\n            // `value` was cleared to `undefined` externally while the input still shows the *previous* value's\n            // rendered text — i.e. the user did not type this — so clear it. We intentionally do NOT clear when the\n            // user edited to a non-matching value (their text never equals the previous value's render), so they\n            // can keep typing / backspace back to a valid one.\n            if (inputValue !== '') {\n                setInputValue('');\n            }\n        }\n    }\n\n    React.useEffect(() => {\n        if (onSearch) {\n            debouncer(() => {\n                onSearch(inputValue);\n            });\n        }\n    }, [inputValue]);\n\n    // show listbox based on input value\n    React.useEffect(() => {\n        // don't show the popover if the internal (input) value already is the current value\n        // this prevents the popover showing after selecting a value or pressing escape\n        const isCurrentValue = value !== undefined && value !== null && inputValue === convertToInputValue(value);\n\n        if (inputValue && data.length && !isCurrentValue) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n\n            if (!open) {\n                setOpen(true);\n            }\n        } else {\n            setOpen(false);\n        }\n    }, [inputValue, data]);\n\n    React.useEffect(() => {\n        if (open) {\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\n        } else {\n            setCurrentIndex(undefined);\n        }\n    }, [open]);\n\n    const findOption = React.useCallback(\n        (inputVal: string): ScrollableListItem | undefined => {\n            // First try to find by raw value\n            const itemByValue = findByValue(flattenedData, inputVal);\n            if (itemByValue) {\n                return itemByValue;\n            }\n\n            // If valueRenderer is provided, also try to match against rendered values\n            if (valueRenderer) {\n                return flattenedData.find(option => valueRenderer(option) === inputVal);\n            }\n\n            return undefined;\n        },\n        [flattenedData, valueRenderer]\n    );\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        if (listRef.current && event.relatedTarget === listRef.current) {\n            event.preventDefault();\n            return;\n        }\n\n        const item = findOption(event.target.value);\n\n        // If the found item's value equals the current value, just update the display to rendered format\n        // This handles the case where user types the raw value but valueRenderer shows something different\n        // (e.g., user types \"1000\" but display should be \"1000 - Account Name\")\n        if (item && item.value === value) {\n            setInputValue(convertToInputValue(value));\n            if (props.onBlur) {\n                props.onBlur(event);\n            }\n            return;\n        }\n\n        // event.target.value is always a string so it is important to cast value to a string (convertToInputValue) before checking the equality\n        if (onChange && event.target.value !== convertToInputValue(value)) {\n            (event as any).detail = sanitizeItem(item);\n\n            const parents = getOptionParents(flattenedData, item?.path);\n\n            if (parents !== null && parents.length > 0) {\n                (event as any).detail.parents = parents;\n            }\n\n            onChange(event);\n        }\n\n        if (props.onBlur) {\n            props.onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInputValue(event.target.value);\n    };\n\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n        if (inline || (!open && inputValue && data.length)) {\n            setOpen(true);\n        }\n\n        if (onClick) {\n            onClick(event);\n        }\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        // Explicitly stop propagation for arrow keys when Combobox is in open state and inside Table3\n        // This ensures Table3 won't react to these keys when using the Combobox\n        if (\n            isElementInsideTable3OrReport(event.currentTarget) &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n            open\n        ) {\n            event.stopPropagation();\n        }\n\n        if (!event.ctrlKey && !event.metaKey) {\n            switch (event.key) {\n                case 'Backspace': {\n                    return;\n                }\n\n                case 'Escape': {\n                    event.preventDefault();\n                    if (open) {\n                        // as focus is on input, need to prevent propagation to not close dialog.\n                        event.stopPropagation();\n                    }\n                    setInputValue(convertToInputValue(value));\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Tab': {\n                    // default focusout will trigger onBlur and we don't want to trigger it twice\n                    setCurrentValue(currentIndex, 'change');\n                    setOpen(false);\n                    return;\n                }\n\n                case 'Enter': {\n                    event.preventDefault();\n\n                    if (isElementInsideTable3OrReport(event.currentTarget)) {\n                        if (inline && !open) {\n                            setOpen(true);\n                        } else if (buttonRef.current && !open) {\n                            buttonRef.current.click();\n                        }\n                    }\n\n                    if (open) {\n                        // we need to focusout to trigger onBlur as we are not actually blurring the input\n                        setCurrentValue(currentIndex, 'focusout');\n                        setOpen(false);\n                    }\n\n                    return;\n                }\n\n                case 'ArrowDown':\n                    if (open) {\n                        event.preventDefault();\n                    } else if (!inline && buttonRef.current && !isElementInsideTable3OrReport(event.currentTarget)) {\n                        buttonRef.current.click();\n                    }\n                    break;\n\n                case 'ArrowUp':\n                case 'Home':\n                case 'End': {\n                    if (open) {\n                        event.preventDefault();\n                    }\n                    break;\n                }\n\n                default:\n            }\n\n            // we aren't focused on the list, so manually forward the keydown event to it\n            if (listRef.current) {\n                listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\n            }\n\n            if (\n                inline &&\n                !open &&\n                (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n                !isElementInsideTable3OrReport(event.currentTarget)\n            ) {\n                event.preventDefault();\n                const initialIndex = event.key === 'ArrowUp' ? data.length - 1 : 0;\n                setCurrentIndex(currentIndex === undefined ? initialIndex : currentIndex);\n                setOpen(true);\n            }\n        }\n\n        if (!event.isDefaultPrevented() && onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    const handleListboxChange = (index: number): void => {\n        setCurrentIndex(index);\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n        event.preventDefault();\n        setCurrentValue(index);\n        setOpen(false);\n    };\n\n    const combobox = {\n        'aria-expanded': open,\n        'aria-owns': listId,\n        'aria-haspopup': 'listbox' as const,\n        role: 'combobox',\n    };\n\n    const input = {\n        ...otherProps,\n        'aria-controls': listId,\n        // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions\n        // are related to the string that is present in the textbox\n        'aria-autocomplete': 'list' as const,\n        // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\n        'aria-activedescendant':\n            currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        disabled,\n        onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\n        onChange: !disabled && !readOnly ? handleInputChange : undefined,\n        onClick: !disabled && !readOnly ? handleInputClick : undefined,\n        onKeyDownCapture: !disabled && !readOnly ? handleInputKeyDown : undefined,\n        readOnly,\n        ref: inputRef,\n        type: 'text',\n        value: inputValue ?? '',\n    };\n\n    const list: ScrollableListPropsWithRef = {\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        id: listId,\n        onChange: handleListboxChange,\n        onClick: handleListboxClick,\n        ref: listRef,\n        scrollOnFocus: false,\n        tabIndex: -1,\n        value: currentIndex,\n    };\n\n    const button = {\n        ref: buttonRef,\n    };\n\n    return {\n        combobox,\n        input,\n        list,\n        button,\n        popover: {\n            open,\n            onOpenChange: setOpen,\n            //visible: !data.length ? false : open,\n        },\n    };\n};\n"],"names":[],"mappings":"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"}

package/dist/primitives/Table/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (React.JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":";;AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.Ref<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (React.JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":";;AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;;"}

package/dist/primitives/Table/types.d.ts

@@ -61,7 +61,7 @@ export type TableColumnRendererControlProps = {
     onKeyDown?: React.KeyboardEventHandler;
     onFocus?: React.FocusEventHandler;
     readOnly?: boolean;
-    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);
+    ref: React.Ref<HTMLElement>;
     setValue: (value: any) => void;
     value: any;
 };

package/dist/primitives/Table/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (React.JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":"AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.js","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.Ref<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (React.JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":"AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}

package/dist/tailwind.colors.cjs

@@ -1,29 +1,5 @@
 "use strict";
 const tokens = require("@economic/taco-tokens/tokens");
-const LEGACY_BROWN = {
-  100: "#EEE0DA",
-  // Used in Badge component
-  300: "#C4AB9E",
-  // Client: Used in paymentcards
-  500: "#93715D",
-  // Client: Used in paymentcards, invoicing dashboard
-  700: "#73503B",
-  // Client: Used in paymentcards, invoicing dashboard
-  900: "#45291F"
-  // Used in Badge component
-};
-const LEGACY_ORANGE = {
-  100: "#FFE3BB",
-  // Used in Badge component
-  300: "#FAB64D",
-  // Client: Used in paymentcards, workflows
-  500: "#F99702",
-  // Client: Used in Avatar component
-  700: "#EF7D00",
-  // Client: Used in paymentcards
-  900: "#4A2811"
-  // Used in Badge component
-};
 const BLACK_SUBTLE_ALPHA = 7;
 const BLACK_SUBTLE = `color-mix(in oklab, ${tokens.neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;
 const WHITE_SUBTLE_ALPHA = 8;
@@ -157,9 +133,7 @@ const THEME_COLORS = {
   red: palette.red,
   green: palette.green,
   yellow: palette.yellow,
-  pink: palette.pink,
-  brown: LEGACY_BROWN,
-  orange: LEGACY_ORANGE
+  pink: palette.pink
 };
 module.exports = THEME_COLORS;
 //# sourceMappingURL=tailwind.colors.cjs.map

package/dist/tailwind.colors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.colors.cjs","sources":["../tailwind.colors.js"],"sourcesContent":["/**\n * Taco Tailwind color theme.\n *\n * Structure:\n *  1. Legacy constants   — colors not (yet) in the token pipeline.\n *  2. Semantic constants — non-token UI colors (overlay blends, etc.).\n *  3. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.\n *  4. palette            — assembled from all token maps; mutated to add DEFAULT shades.\n *  5. THEME_COLORS       — the final export consumed by tailwind.config.js.\n *\n * To add a new token-backed color family: add rows to the relevant *_MAP and a\n * `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.\n */\nimport { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';\n\n// ─── 1. Legacy constants ──────────────────────────────────────────────────────\n\n// Not generated in tokens: TODO: Map and remove post color palette update\nconst LEGACY_BROWN = {\n    100: '#EEE0DA', // Used in Badge component\n    300: '#C4AB9E', // Client: Used in paymentcards\n    500: '#93715D', // Client: Used in paymentcards, invoicing dashboard\n    700: '#73503B', // Client: Used in paymentcards, invoicing dashboard\n    900: '#45291F', // Used in Badge component\n};\n\n// Not generated in tokens: TODO: Map and remove post color palette update */\nconst LEGACY_ORANGE = {\n    100: '#FFE3BB', // Used in Badge component\n    300: '#FAB64D', // Client: Used in paymentcards, workflows\n    500: '#F99702', // Client: Used in Avatar component\n    700: '#EF7D00', // Client: Used in paymentcards\n    900: '#4A2811', // Used in Badge component\n};\n\n// ─── 2. Semantic constants ────────────────────────────────────────────────────\n\n/** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. */\nconst BLACK_SUBTLE_ALPHA = 7;\nconst BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;\n\n/** Not in tokens: 8% tacoNeutralWhite over transparent → `bg-white-subtle`. */\nconst WHITE_SUBTLE_ALPHA = 8;\nconst WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;\n\n// ─── 3. Token maps ────────────────────────────────────────────────────────────\n\n/**\n * Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure\n * that Tailwind can consume as a color scale.\n *\n * @param {Record<string, string>} source - A taco-tokens export (e.g. `primaryColors`).\n * @param {ReadonlyArray<readonly [string, string, string | number]>} rows - Each row is\n *   [tokenKey, tailwindFamily, tailwindShade], e.g. ['tacoBlue500', 'blue', 500].\n * @returns {Record<string, Record<string | number, string>>}\n */\nconst assignTokenShades = (source, rows) => {\n    const out = {};\n    for (const [tokenKey, family, shade] of rows) {\n        const value = source[tokenKey];\n        if (value === undefined) {\n            continue;\n        }\n        if (!out[family]) {\n            out[family] = {};\n        }\n        out[family][shade] = value;\n    }\n    return out;\n};\n\nconst PRIMARY_MAP = [\n    ['tacoBlue50', 'blue', 50],\n    ['tacoBlue100', 'blue', 100],\n    ['tacoBlue200', 'blue', 200],\n    ['tacoBlue300', 'blue', 300],\n    ['tacoBlue500', 'blue', 500],\n    ['tacoBlue700', 'blue', 700],\n    ['tacoBlue900', 'blue', 900],\n    ['tacoGray50', 'gray', 50],\n    ['tacoGray100', 'gray', 100],\n    ['tacoGray200', 'gray', 200],\n    ['tacoGray300', 'gray', 300],\n    ['tacoGray500', 'gray', 500],\n    ['tacoGray700', 'gray', 700],\n    ['tacoGray900', 'gray', 900],\n];\n\nconst SECONDARY_MAP = [\n    ['tacoRed50', 'red', 50],\n    ['tacoRed100', 'red', 100],\n    ['tacoRed200', 'red', 200],\n    ['tacoRed300', 'red', 300],\n    ['tacoRed500', 'red', 500],\n    ['tacoRed700', 'red', 700],\n    ['tacoRed900', 'red', 900],\n    ['tacoYellow50', 'yellow', 50],\n    ['tacoYellow100', 'yellow', 100],\n    ['tacoYellow200', 'yellow', 200],\n    ['tacoYellow300', 'yellow', 300],\n    ['tacoYellow500', 'yellow', 500],\n    ['tacoYellow700', 'yellow', 700],\n    ['tacoYellow900', 'yellow', 900],\n    ['tacoGreen50', 'green', 50],\n    ['tacoGreen100', 'green', 100],\n    ['tacoGreen200', 'green', 200],\n    ['tacoGreen300', 'green', 300],\n    ['tacoGreen500', 'green', 500],\n    ['tacoGreen700', 'green', 700],\n    ['tacoGreen900', 'green', 900],\n];\n\nconst TERTIARY_MAP = [\n    ['tacoPink50', 'pink', 50],\n    ['tacoPink100', 'pink', 100],\n    ['tacoPink200', 'pink', 200],\n    ['tacoPink300', 'pink', 300],\n    ['tacoPink500', 'pink', 500],\n    ['tacoPink700', 'pink', 700],\n    ['tacoPink900', 'pink', 900],\n    ['tacoPurple50', 'purple', 50],\n    ['tacoPurple100', 'purple', 100],\n    ['tacoPurple200', 'purple', 200],\n    ['tacoPurple300', 'purple', 300],\n    ['tacoPurple500', 'purple', 500],\n    ['tacoPurple700', 'purple', 700],\n    ['tacoPurple900', 'purple', 900],\n];\n\n/**\n * Matches --taco-neutral-white / --taco-neutral-black in tokens.css.\n * Note: palette.neutral.white / .black are not exposed in THEME_COLORS — `white` and `black`\n * are set directly from neutralColors instead to keep utilities flat (bg-white, not bg-neutral-white).\n */\nconst NEUTRAL_MAP = [\n    ['tacoNeutralWhite', 'neutral', 'white'],\n    ['tacoNeutralBlack', 'neutral', 'black'],\n];\n\n// ─── 4. Palette assembly ──────────────────────────────────────────────────────\n\nconst fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);\nconst fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);\nconst fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);\nconst fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);\n\nconst mergeFamilies = (...parts) => {\n    const merged = {};\n    for (const part of parts) {\n        for (const [family, shades] of Object.entries(part)) {\n            merged[family] = { ...merged[family], ...shades };\n        }\n    }\n    return merged;\n};\n\nconst palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);\n\n// `DEFAULT` lets Tailwind resolve bare utilities (e.g. `bg-blue` → blue-500, `text-red` → red-500).\npalette.blue = {\n    DEFAULT: primaryColors.tacoBlue500,\n    ...palette.blue,\n};\n\npalette.red = {\n    DEFAULT: secondaryColors.tacoRed500,\n    ...palette.red,\n};\n\npalette.green = {\n    DEFAULT: secondaryColors.tacoGreen500,\n    ...palette.green,\n};\n\npalette.yellow = {\n    DEFAULT: secondaryColors.tacoYellow500,\n    ...palette.yellow,\n};\n\npalette.gray = {\n    DEFAULT: primaryColors.tacoGray50,\n    ...palette.gray,\n};\n\n// ─── 5. Theme colors ──────────────────────────────────────────────────────────\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: neutralColors.tacoNeutralWhite,\n    black: neutralColors.tacoNeutralBlack,\n    'black-subtle': BLACK_SUBTLE,\n    'white-subtle': WHITE_SUBTLE,\n    brand: {\n        morning: brandColors.tacoBrandMorning,\n        noon: brandColors.tacoBrandNoon,\n        sunset: brandColors.tacoBrandSunset,\n        midnight: brandColors.tacoBrandMidnight,\n    },\n    /** Alias for `gray` — supports both spellings in className strings. */\n    grey: { ...palette.gray },\n    gray: palette.gray,\n    neutral: palette.neutral,\n    purple: palette.purple,\n    blue: palette.blue,\n    red: palette.red,\n    green: palette.green,\n    yellow: palette.yellow,\n    pink: palette.pink,\n    brown: LEGACY_BROWN,\n    orange: LEGACY_ORANGE,\n};\n\nexport default THEME_COLORS;\n"],"names":["neutralColors","primaryColors","secondaryColors","tertiaryColors","brandColors"],"mappings":"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"}
+{"version":3,"file":"tailwind.colors.cjs","sources":["../tailwind.colors.js"],"sourcesContent":["/**\n * Taco Tailwind color theme.\n *\n * Structure:\n *  1. Semantic constants — non-token UI colors (overlay blends, etc.).\n *  2. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.\n *  3. Palette            — assembled from all token maps; mutated to add DEFAULT shades.\n *  4. THEME_COLORS       — the final export consumed by tailwind.config.js.\n *\n * To add a new token-backed color family: add rows to the relevant *_MAP and a\n * `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.\n */\nimport { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';\n\n// ─── 1. Semantic constants ────────────────────────────────────────────────────\n\n/** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. */\nconst BLACK_SUBTLE_ALPHA = 7;\nconst BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;\n\n/** Not in tokens: 8% tacoNeutralWhite over transparent → `bg-white-subtle`. */\nconst WHITE_SUBTLE_ALPHA = 8;\nconst WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;\n\n// ─── 2. Token maps ────────────────────────────────────────────────────────────\n\n/**\n * Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure\n * that Tailwind can consume as a color scale.\n *\n * @param {Record<string, string>} source - A taco-tokens export (e.g. `primaryColors`).\n * @param {ReadonlyArray<readonly [string, string, string | number]>} rows - Each row is\n *   [tokenKey, tailwindFamily, tailwindShade], e.g. ['tacoBlue500', 'blue', 500].\n * @returns {Record<string, Record<string | number, string>>}\n */\nconst assignTokenShades = (source, rows) => {\n    const out = {};\n    for (const [tokenKey, family, shade] of rows) {\n        const value = source[tokenKey];\n        if (value === undefined) {\n            continue;\n        }\n        if (!out[family]) {\n            out[family] = {};\n        }\n        out[family][shade] = value;\n    }\n    return out;\n};\n\nconst PRIMARY_MAP = [\n    ['tacoBlue50', 'blue', 50],\n    ['tacoBlue100', 'blue', 100],\n    ['tacoBlue200', 'blue', 200],\n    ['tacoBlue300', 'blue', 300],\n    ['tacoBlue500', 'blue', 500],\n    ['tacoBlue700', 'blue', 700],\n    ['tacoBlue900', 'blue', 900],\n    ['tacoGray50', 'gray', 50],\n    ['tacoGray100', 'gray', 100],\n    ['tacoGray200', 'gray', 200],\n    ['tacoGray300', 'gray', 300],\n    ['tacoGray500', 'gray', 500],\n    ['tacoGray700', 'gray', 700],\n    ['tacoGray900', 'gray', 900],\n];\n\nconst SECONDARY_MAP = [\n    ['tacoRed50', 'red', 50],\n    ['tacoRed100', 'red', 100],\n    ['tacoRed200', 'red', 200],\n    ['tacoRed300', 'red', 300],\n    ['tacoRed500', 'red', 500],\n    ['tacoRed700', 'red', 700],\n    ['tacoRed900', 'red', 900],\n    ['tacoYellow50', 'yellow', 50],\n    ['tacoYellow100', 'yellow', 100],\n    ['tacoYellow200', 'yellow', 200],\n    ['tacoYellow300', 'yellow', 300],\n    ['tacoYellow500', 'yellow', 500],\n    ['tacoYellow700', 'yellow', 700],\n    ['tacoYellow900', 'yellow', 900],\n    ['tacoGreen50', 'green', 50],\n    ['tacoGreen100', 'green', 100],\n    ['tacoGreen200', 'green', 200],\n    ['tacoGreen300', 'green', 300],\n    ['tacoGreen500', 'green', 500],\n    ['tacoGreen700', 'green', 700],\n    ['tacoGreen900', 'green', 900],\n];\n\nconst TERTIARY_MAP = [\n    ['tacoPink50', 'pink', 50],\n    ['tacoPink100', 'pink', 100],\n    ['tacoPink200', 'pink', 200],\n    ['tacoPink300', 'pink', 300],\n    ['tacoPink500', 'pink', 500],\n    ['tacoPink700', 'pink', 700],\n    ['tacoPink900', 'pink', 900],\n    ['tacoPurple50', 'purple', 50],\n    ['tacoPurple100', 'purple', 100],\n    ['tacoPurple200', 'purple', 200],\n    ['tacoPurple300', 'purple', 300],\n    ['tacoPurple500', 'purple', 500],\n    ['tacoPurple700', 'purple', 700],\n    ['tacoPurple900', 'purple', 900],\n];\n\n/**\n * Matches --taco-neutral-white / --taco-neutral-black in tokens.css.\n * Note: palette.neutral.white / .black are not exposed in THEME_COLORS — `white` and `black`\n * are set directly from neutralColors instead to keep utilities flat (bg-white, not bg-neutral-white).\n */\nconst NEUTRAL_MAP = [\n    ['tacoNeutralWhite', 'neutral', 'white'],\n    ['tacoNeutralBlack', 'neutral', 'black'],\n];\n\n// ─── 3. Palette assembly ──────────────────────────────────────────────────────\n\nconst fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);\nconst fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);\nconst fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);\nconst fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);\n\nconst mergeFamilies = (...parts) => {\n    const merged = {};\n    for (const part of parts) {\n        for (const [family, shades] of Object.entries(part)) {\n            merged[family] = { ...merged[family], ...shades };\n        }\n    }\n    return merged;\n};\n\nconst palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);\n\n// `DEFAULT` lets Tailwind resolve bare utilities (e.g. `bg-blue` → blue-500, `text-red` → red-500).\npalette.blue = {\n    DEFAULT: primaryColors.tacoBlue500,\n    ...palette.blue,\n};\n\npalette.red = {\n    DEFAULT: secondaryColors.tacoRed500,\n    ...palette.red,\n};\n\npalette.green = {\n    DEFAULT: secondaryColors.tacoGreen500,\n    ...palette.green,\n};\n\npalette.yellow = {\n    DEFAULT: secondaryColors.tacoYellow500,\n    ...palette.yellow,\n};\n\npalette.gray = {\n    DEFAULT: primaryColors.tacoGray50,\n    ...palette.gray,\n};\n\n// ─── 4. Theme colors ──────────────────────────────────────────────────────────\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: neutralColors.tacoNeutralWhite,\n    black: neutralColors.tacoNeutralBlack,\n    'black-subtle': BLACK_SUBTLE,\n    'white-subtle': WHITE_SUBTLE,\n    brand: {\n        morning: brandColors.tacoBrandMorning,\n        noon: brandColors.tacoBrandNoon,\n        sunset: brandColors.tacoBrandSunset,\n        midnight: brandColors.tacoBrandMidnight,\n    },\n    /** Alias for `gray` — supports both spellings in className strings. */\n    grey: { ...palette.gray },\n    gray: palette.gray,\n    neutral: palette.neutral,\n    purple: palette.purple,\n    blue: palette.blue,\n    red: palette.red,\n    green: palette.green,\n    yellow: palette.yellow,\n    pink: palette.pink,\n};\n\nexport default THEME_COLORS;\n"],"names":["neutralColors","primaryColors","secondaryColors","tertiaryColors","brandColors"],"mappings":"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"}

package/dist/tailwind.colors.js

@@ -1,28 +1,4 @@
 import { neutralColors, primaryColors, secondaryColors, brandColors, tertiaryColors } from "@economic/taco-tokens/tokens";
-const LEGACY_BROWN = {
-  100: "#EEE0DA",
-  // Used in Badge component
-  300: "#C4AB9E",
-  // Client: Used in paymentcards
-  500: "#93715D",
-  // Client: Used in paymentcards, invoicing dashboard
-  700: "#73503B",
-  // Client: Used in paymentcards, invoicing dashboard
-  900: "#45291F"
-  // Used in Badge component
-};
-const LEGACY_ORANGE = {
-  100: "#FFE3BB",
-  // Used in Badge component
-  300: "#FAB64D",
-  // Client: Used in paymentcards, workflows
-  500: "#F99702",
-  // Client: Used in Avatar component
-  700: "#EF7D00",
-  // Client: Used in paymentcards
-  900: "#4A2811"
-  // Used in Badge component
-};
 const BLACK_SUBTLE_ALPHA = 7;
 const BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;
 const WHITE_SUBTLE_ALPHA = 8;
@@ -156,9 +132,7 @@ const THEME_COLORS = {
   red: palette.red,
   green: palette.green,
   yellow: palette.yellow,
-  pink: palette.pink,
-  brown: LEGACY_BROWN,
-  orange: LEGACY_ORANGE
+  pink: palette.pink
 };
 export {
   THEME_COLORS as default

package/dist/tailwind.colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.colors.js","sources":["../tailwind.colors.js"],"sourcesContent":["/**\n * Taco Tailwind color theme.\n *\n * Structure:\n *  1. Legacy constants   — colors not (yet) in the token pipeline.\n *  2. Semantic constants — non-token UI colors (overlay blends, etc.).\n *  3. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.\n *  4. palette            — assembled from all token maps; mutated to add DEFAULT shades.\n *  5. THEME_COLORS       — the final export consumed by tailwind.config.js.\n *\n * To add a new token-backed color family: add rows to the relevant *_MAP and a\n * `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.\n */\nimport { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';\n\n// ─── 1. Legacy constants ──────────────────────────────────────────────────────\n\n// Not generated in tokens: TODO: Map and remove post color palette update\nconst LEGACY_BROWN = {\n    100: '#EEE0DA', // Used in Badge component\n    300: '#C4AB9E', // Client: Used in paymentcards\n    500: '#93715D', // Client: Used in paymentcards, invoicing dashboard\n    700: '#73503B', // Client: Used in paymentcards, invoicing dashboard\n    900: '#45291F', // Used in Badge component\n};\n\n// Not generated in tokens: TODO: Map and remove post color palette update */\nconst LEGACY_ORANGE = {\n    100: '#FFE3BB', // Used in Badge component\n    300: '#FAB64D', // Client: Used in paymentcards, workflows\n    500: '#F99702', // Client: Used in Avatar component\n    700: '#EF7D00', // Client: Used in paymentcards\n    900: '#4A2811', // Used in Badge component\n};\n\n// ─── 2. Semantic constants ────────────────────────────────────────────────────\n\n/** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. */\nconst BLACK_SUBTLE_ALPHA = 7;\nconst BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;\n\n/** Not in tokens: 8% tacoNeutralWhite over transparent → `bg-white-subtle`. */\nconst WHITE_SUBTLE_ALPHA = 8;\nconst WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;\n\n// ─── 3. Token maps ────────────────────────────────────────────────────────────\n\n/**\n * Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure\n * that Tailwind can consume as a color scale.\n *\n * @param {Record<string, string>} source - A taco-tokens export (e.g. `primaryColors`).\n * @param {ReadonlyArray<readonly [string, string, string | number]>} rows - Each row is\n *   [tokenKey, tailwindFamily, tailwindShade], e.g. ['tacoBlue500', 'blue', 500].\n * @returns {Record<string, Record<string | number, string>>}\n */\nconst assignTokenShades = (source, rows) => {\n    const out = {};\n    for (const [tokenKey, family, shade] of rows) {\n        const value = source[tokenKey];\n        if (value === undefined) {\n            continue;\n        }\n        if (!out[family]) {\n            out[family] = {};\n        }\n        out[family][shade] = value;\n    }\n    return out;\n};\n\nconst PRIMARY_MAP = [\n    ['tacoBlue50', 'blue', 50],\n    ['tacoBlue100', 'blue', 100],\n    ['tacoBlue200', 'blue', 200],\n    ['tacoBlue300', 'blue', 300],\n    ['tacoBlue500', 'blue', 500],\n    ['tacoBlue700', 'blue', 700],\n    ['tacoBlue900', 'blue', 900],\n    ['tacoGray50', 'gray', 50],\n    ['tacoGray100', 'gray', 100],\n    ['tacoGray200', 'gray', 200],\n    ['tacoGray300', 'gray', 300],\n    ['tacoGray500', 'gray', 500],\n    ['tacoGray700', 'gray', 700],\n    ['tacoGray900', 'gray', 900],\n];\n\nconst SECONDARY_MAP = [\n    ['tacoRed50', 'red', 50],\n    ['tacoRed100', 'red', 100],\n    ['tacoRed200', 'red', 200],\n    ['tacoRed300', 'red', 300],\n    ['tacoRed500', 'red', 500],\n    ['tacoRed700', 'red', 700],\n    ['tacoRed900', 'red', 900],\n    ['tacoYellow50', 'yellow', 50],\n    ['tacoYellow100', 'yellow', 100],\n    ['tacoYellow200', 'yellow', 200],\n    ['tacoYellow300', 'yellow', 300],\n    ['tacoYellow500', 'yellow', 500],\n    ['tacoYellow700', 'yellow', 700],\n    ['tacoYellow900', 'yellow', 900],\n    ['tacoGreen50', 'green', 50],\n    ['tacoGreen100', 'green', 100],\n    ['tacoGreen200', 'green', 200],\n    ['tacoGreen300', 'green', 300],\n    ['tacoGreen500', 'green', 500],\n    ['tacoGreen700', 'green', 700],\n    ['tacoGreen900', 'green', 900],\n];\n\nconst TERTIARY_MAP = [\n    ['tacoPink50', 'pink', 50],\n    ['tacoPink100', 'pink', 100],\n    ['tacoPink200', 'pink', 200],\n    ['tacoPink300', 'pink', 300],\n    ['tacoPink500', 'pink', 500],\n    ['tacoPink700', 'pink', 700],\n    ['tacoPink900', 'pink', 900],\n    ['tacoPurple50', 'purple', 50],\n    ['tacoPurple100', 'purple', 100],\n    ['tacoPurple200', 'purple', 200],\n    ['tacoPurple300', 'purple', 300],\n    ['tacoPurple500', 'purple', 500],\n    ['tacoPurple700', 'purple', 700],\n    ['tacoPurple900', 'purple', 900],\n];\n\n/**\n * Matches --taco-neutral-white / --taco-neutral-black in tokens.css.\n * Note: palette.neutral.white / .black are not exposed in THEME_COLORS — `white` and `black`\n * are set directly from neutralColors instead to keep utilities flat (bg-white, not bg-neutral-white).\n */\nconst NEUTRAL_MAP = [\n    ['tacoNeutralWhite', 'neutral', 'white'],\n    ['tacoNeutralBlack', 'neutral', 'black'],\n];\n\n// ─── 4. Palette assembly ──────────────────────────────────────────────────────\n\nconst fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);\nconst fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);\nconst fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);\nconst fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);\n\nconst mergeFamilies = (...parts) => {\n    const merged = {};\n    for (const part of parts) {\n        for (const [family, shades] of Object.entries(part)) {\n            merged[family] = { ...merged[family], ...shades };\n        }\n    }\n    return merged;\n};\n\nconst palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);\n\n// `DEFAULT` lets Tailwind resolve bare utilities (e.g. `bg-blue` → blue-500, `text-red` → red-500).\npalette.blue = {\n    DEFAULT: primaryColors.tacoBlue500,\n    ...palette.blue,\n};\n\npalette.red = {\n    DEFAULT: secondaryColors.tacoRed500,\n    ...palette.red,\n};\n\npalette.green = {\n    DEFAULT: secondaryColors.tacoGreen500,\n    ...palette.green,\n};\n\npalette.yellow = {\n    DEFAULT: secondaryColors.tacoYellow500,\n    ...palette.yellow,\n};\n\npalette.gray = {\n    DEFAULT: primaryColors.tacoGray50,\n    ...palette.gray,\n};\n\n// ─── 5. Theme colors ──────────────────────────────────────────────────────────\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: neutralColors.tacoNeutralWhite,\n    black: neutralColors.tacoNeutralBlack,\n    'black-subtle': BLACK_SUBTLE,\n    'white-subtle': WHITE_SUBTLE,\n    brand: {\n        morning: brandColors.tacoBrandMorning,\n        noon: brandColors.tacoBrandNoon,\n        sunset: brandColors.tacoBrandSunset,\n        midnight: brandColors.tacoBrandMidnight,\n    },\n    /** Alias for `gray` — supports both spellings in className strings. */\n    grey: { ...palette.gray },\n    gray: palette.gray,\n    neutral: palette.neutral,\n    purple: palette.purple,\n    blue: palette.blue,\n    red: palette.red,\n    green: palette.green,\n    yellow: palette.yellow,\n    pink: palette.pink,\n    brown: LEGACY_BROWN,\n    orange: LEGACY_ORANGE,\n};\n\nexport default THEME_COLORS;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind.colors.js","sources":["../tailwind.colors.js"],"sourcesContent":["/**\n * Taco Tailwind color theme.\n *\n * Structure:\n *  1. Semantic constants — non-token UI colors (overlay blends, etc.).\n *  2. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.\n *  3. Palette            — assembled from all token maps; mutated to add DEFAULT shades.\n *  4. THEME_COLORS       — the final export consumed by tailwind.config.js.\n *\n * To add a new token-backed color family: add rows to the relevant *_MAP and a\n * `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.\n */\nimport { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';\n\n// ─── 1. Semantic constants ────────────────────────────────────────────────────\n\n/** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. */\nconst BLACK_SUBTLE_ALPHA = 7;\nconst BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;\n\n/** Not in tokens: 8% tacoNeutralWhite over transparent → `bg-white-subtle`. */\nconst WHITE_SUBTLE_ALPHA = 8;\nconst WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;\n\n// ─── 2. Token maps ────────────────────────────────────────────────────────────\n\n/**\n * Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure\n * that Tailwind can consume as a color scale.\n *\n * @param {Record<string, string>} source - A taco-tokens export (e.g. `primaryColors`).\n * @param {ReadonlyArray<readonly [string, string, string | number]>} rows - Each row is\n *   [tokenKey, tailwindFamily, tailwindShade], e.g. ['tacoBlue500', 'blue', 500].\n * @returns {Record<string, Record<string | number, string>>}\n */\nconst assignTokenShades = (source, rows) => {\n    const out = {};\n    for (const [tokenKey, family, shade] of rows) {\n        const value = source[tokenKey];\n        if (value === undefined) {\n            continue;\n        }\n        if (!out[family]) {\n            out[family] = {};\n        }\n        out[family][shade] = value;\n    }\n    return out;\n};\n\nconst PRIMARY_MAP = [\n    ['tacoBlue50', 'blue', 50],\n    ['tacoBlue100', 'blue', 100],\n    ['tacoBlue200', 'blue', 200],\n    ['tacoBlue300', 'blue', 300],\n    ['tacoBlue500', 'blue', 500],\n    ['tacoBlue700', 'blue', 700],\n    ['tacoBlue900', 'blue', 900],\n    ['tacoGray50', 'gray', 50],\n    ['tacoGray100', 'gray', 100],\n    ['tacoGray200', 'gray', 200],\n    ['tacoGray300', 'gray', 300],\n    ['tacoGray500', 'gray', 500],\n    ['tacoGray700', 'gray', 700],\n    ['tacoGray900', 'gray', 900],\n];\n\nconst SECONDARY_MAP = [\n    ['tacoRed50', 'red', 50],\n    ['tacoRed100', 'red', 100],\n    ['tacoRed200', 'red', 200],\n    ['tacoRed300', 'red', 300],\n    ['tacoRed500', 'red', 500],\n    ['tacoRed700', 'red', 700],\n    ['tacoRed900', 'red', 900],\n    ['tacoYellow50', 'yellow', 50],\n    ['tacoYellow100', 'yellow', 100],\n    ['tacoYellow200', 'yellow', 200],\n    ['tacoYellow300', 'yellow', 300],\n    ['tacoYellow500', 'yellow', 500],\n    ['tacoYellow700', 'yellow', 700],\n    ['tacoYellow900', 'yellow', 900],\n    ['tacoGreen50', 'green', 50],\n    ['tacoGreen100', 'green', 100],\n    ['tacoGreen200', 'green', 200],\n    ['tacoGreen300', 'green', 300],\n    ['tacoGreen500', 'green', 500],\n    ['tacoGreen700', 'green', 700],\n    ['tacoGreen900', 'green', 900],\n];\n\nconst TERTIARY_MAP = [\n    ['tacoPink50', 'pink', 50],\n    ['tacoPink100', 'pink', 100],\n    ['tacoPink200', 'pink', 200],\n    ['tacoPink300', 'pink', 300],\n    ['tacoPink500', 'pink', 500],\n    ['tacoPink700', 'pink', 700],\n    ['tacoPink900', 'pink', 900],\n    ['tacoPurple50', 'purple', 50],\n    ['tacoPurple100', 'purple', 100],\n    ['tacoPurple200', 'purple', 200],\n    ['tacoPurple300', 'purple', 300],\n    ['tacoPurple500', 'purple', 500],\n    ['tacoPurple700', 'purple', 700],\n    ['tacoPurple900', 'purple', 900],\n];\n\n/**\n * Matches --taco-neutral-white / --taco-neutral-black in tokens.css.\n * Note: palette.neutral.white / .black are not exposed in THEME_COLORS — `white` and `black`\n * are set directly from neutralColors instead to keep utilities flat (bg-white, not bg-neutral-white).\n */\nconst NEUTRAL_MAP = [\n    ['tacoNeutralWhite', 'neutral', 'white'],\n    ['tacoNeutralBlack', 'neutral', 'black'],\n];\n\n// ─── 3. Palette assembly ──────────────────────────────────────────────────────\n\nconst fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);\nconst fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);\nconst fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);\nconst fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);\n\nconst mergeFamilies = (...parts) => {\n    const merged = {};\n    for (const part of parts) {\n        for (const [family, shades] of Object.entries(part)) {\n            merged[family] = { ...merged[family], ...shades };\n        }\n    }\n    return merged;\n};\n\nconst palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);\n\n// `DEFAULT` lets Tailwind resolve bare utilities (e.g. `bg-blue` → blue-500, `text-red` → red-500).\npalette.blue = {\n    DEFAULT: primaryColors.tacoBlue500,\n    ...palette.blue,\n};\n\npalette.red = {\n    DEFAULT: secondaryColors.tacoRed500,\n    ...palette.red,\n};\n\npalette.green = {\n    DEFAULT: secondaryColors.tacoGreen500,\n    ...palette.green,\n};\n\npalette.yellow = {\n    DEFAULT: secondaryColors.tacoYellow500,\n    ...palette.yellow,\n};\n\npalette.gray = {\n    DEFAULT: primaryColors.tacoGray50,\n    ...palette.gray,\n};\n\n// ─── 4. Theme colors ──────────────────────────────────────────────────────────\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: neutralColors.tacoNeutralWhite,\n    black: neutralColors.tacoNeutralBlack,\n    'black-subtle': BLACK_SUBTLE,\n    'white-subtle': WHITE_SUBTLE,\n    brand: {\n        morning: brandColors.tacoBrandMorning,\n        noon: brandColors.tacoBrandNoon,\n        sunset: brandColors.tacoBrandSunset,\n        midnight: brandColors.tacoBrandMidnight,\n    },\n    /** Alias for `gray` — supports both spellings in className strings. */\n    grey: { ...palette.gray },\n    gray: palette.gray,\n    neutral: palette.neutral,\n    purple: palette.purple,\n    blue: palette.blue,\n    red: palette.red,\n    green: palette.green,\n    yellow: palette.yellow,\n    pink: palette.pink,\n};\n\nexport default THEME_COLORS;\n"],"names":[],"mappings":"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"}

package/dist/utils/tailwind.cjs

@@ -1,17 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const AVAILABLE_COLORS = [
-  "green",
-  "yellow",
-  "red",
-  "blue",
-  "purple",
-  "brown",
-  "pink",
-  "orange",
-  "grey",
-  "transparent"
-];
+const AVAILABLE_COLORS = ["green", "yellow", "red", "blue", "purple", "pink", "grey", "transparent"];
 const COLOR_BY_STATE = {
   information: "blue",
   warning: "yellow",
@@ -26,9 +15,7 @@ const OUTLINE_COLOR_SHADE_CLASSNAME = {
   red: "border-red-500 text-red-500",
   blue: "border-blue-500 text-blue-500",
   purple: "border-purple-500 text-purple-500",
-  brown: "border-brown-500 text-brown-500",
   pink: "border-pink-500 text-pink-500",
-  orange: "border-orange-500 text-orange-500",
   grey: "border-gray-500 text-gray-500",
   transparent: "border-gray-500 text-gray-500"
 };
@@ -38,9 +25,7 @@ const SUBTLE_COLOR_SHADE_CLASSNAME = {
   red: "bg-red-100 text-red-700",
   blue: "bg-blue-100 text-blue-700",
   purple: "bg-purple-100 text-purple-700",
-  brown: "bg-brown-100 text-brown-700",
   pink: "bg-pink-100 text-pink-700",
-  orange: "bg-orange-100 text-orange-700",
   grey: "bg-gray-100 text-black",
   transparent: "bg-black-subtle text-black"
 };
@@ -50,9 +35,7 @@ const COLOR_SHADE_CLASSNAME = {
   red: "bg-red-500 text-white",
   blue: "bg-blue-500 text-white",
   purple: "bg-purple-500 text-white",
-  brown: "bg-brown-700 text-white",
   pink: "bg-pink-500 text-white",
-  orange: "bg-orange-700 text-orange-900",
   grey: "bg-gray-500 text-white",
   transparent: "bg-black-subtle text-black"
 };

package/dist/utils/tailwind.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.cjs","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    brown: 'border-brown-500 text-brown-500',\n    pink: 'border-pink-500 text-pink-500',\n    orange: 'border-orange-500 text-orange-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    brown: 'bg-brown-100 text-brown-700',\n    pink: 'bg-pink-100 text-pink-700',\n    orange: 'bg-orange-100 text-orange-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    brown: 'bg-brown-700 text-white',\n    pink: 'bg-pink-500 text-white',\n    orange: 'bg-orange-700 text-orange-900',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;;;;;;"}
+{"version":3,"file":"tailwind.cjs","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'pink', 'grey', 'transparent'] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    pink: 'border-pink-500 text-pink-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    pink: 'bg-pink-100 text-pink-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    pink: 'bg-pink-500 text-white',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,CAAC,SAAS,UAAU,OAAO,QAAQ,UAAU,QAAQ,QAAQ,aAAa;AAEnG,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;;;;;;"}

package/dist/utils/tailwind.d.ts

@@ -1,5 +1,5 @@
 import { Color, State } from '../types';
-export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue", "purple", "brown", "pink", "orange", "grey", "transparent"];
+export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue", "purple", "pink", "grey", "transparent"];
 export declare const COLOR_BY_STATE: Record<State, Color>;
 export declare const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string>;
 export declare const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string>;

package/dist/utils/tailwind.js

@@ -1,15 +1,4 @@
-const AVAILABLE_COLORS = [
-  "green",
-  "yellow",
-  "red",
-  "blue",
-  "purple",
-  "brown",
-  "pink",
-  "orange",
-  "grey",
-  "transparent"
-];
+const AVAILABLE_COLORS = ["green", "yellow", "red", "blue", "purple", "pink", "grey", "transparent"];
 const COLOR_BY_STATE = {
   information: "blue",
   warning: "yellow",
@@ -24,9 +13,7 @@ const OUTLINE_COLOR_SHADE_CLASSNAME = {
   red: "border-red-500 text-red-500",
   blue: "border-blue-500 text-blue-500",
   purple: "border-purple-500 text-purple-500",
-  brown: "border-brown-500 text-brown-500",
   pink: "border-pink-500 text-pink-500",
-  orange: "border-orange-500 text-orange-500",
   grey: "border-gray-500 text-gray-500",
   transparent: "border-gray-500 text-gray-500"
 };
@@ -36,9 +23,7 @@ const SUBTLE_COLOR_SHADE_CLASSNAME = {
   red: "bg-red-100 text-red-700",
   blue: "bg-blue-100 text-blue-700",
   purple: "bg-purple-100 text-purple-700",
-  brown: "bg-brown-100 text-brown-700",
   pink: "bg-pink-100 text-pink-700",
-  orange: "bg-orange-100 text-orange-700",
   grey: "bg-gray-100 text-black",
   transparent: "bg-black-subtle text-black"
 };
@@ -48,9 +33,7 @@ const COLOR_SHADE_CLASSNAME = {
   red: "bg-red-500 text-white",
   blue: "bg-blue-500 text-white",
   purple: "bg-purple-500 text-white",
-  brown: "bg-brown-700 text-white",
   pink: "bg-pink-500 text-white",
-  orange: "bg-orange-700 text-orange-900",
   grey: "bg-gray-500 text-white",
   transparent: "bg-black-subtle text-black"
 };

package/dist/utils/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    brown: 'border-brown-500 text-brown-500',\n    pink: 'border-pink-500 text-pink-500',\n    orange: 'border-orange-500 text-orange-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    brown: 'bg-brown-100 text-brown-700',\n    pink: 'bg-pink-100 text-pink-700',\n    orange: 'bg-orange-100 text-orange-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    brown: 'bg-brown-700 text-white',\n    pink: 'bg-pink-500 text-white',\n    orange: 'bg-orange-700 text-orange-900',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;"}
+{"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import type { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'pink', 'grey', 'transparent'] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    pink: 'border-pink-500 text-pink-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    pink: 'bg-pink-100 text-pink-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'bg-black-subtle text-black',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    pink: 'bg-pink-500 text-white',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB,CAAC,SAAS,UAAU,OAAO,QAAQ,UAAU,QAAQ,QAAQ,aAAa;AAEnG,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AACjB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "11.0.1-react-v19.0",
+    "version": "12.0.0-react18-compat.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -46,7 +46,7 @@
         "@dnd-kit/modifiers": "^9.0.0",
         "@dnd-kit/sortable": "^10.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@economic/taco-tokens": "^3.0.1",
+        "@economic/taco-tokens": "3.0.2-react18-compat.0",
         "@radix-ui/react-scroll-area": "1.2.10",
         "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
@@ -68,7 +68,7 @@
         "tailwindcss": ">=3.4.19"
     },
     "devDependencies": {
-        "@economic/taco-rules": "1.0.2-react-v19.0",
+        "@economic/taco-rules": "1.0.2-react18-compat.0",
         "@oxlint/plugins": "^1.75.0",
         "@svgr/cli": "^8.1.0",
         "@testing-library/jest-dom": "^6.9.1",
@@ -81,13 +81,13 @@
         "clsx": "^2.1.1",
         "fast-sort": "^2.2.0",
         "jsdom": "^29.1.1",
-        "nanoid": "^6.0.0",
+        "nanoid": "^6.0.1",
         "resize-observer-polyfill": "^1.5.1",
         "rimraf": "^6.1.3",
         "stylelint": "^17.14.1",
         "svgo": "^4.0.2",
         "tailwindcss": "^3.4.19",
-        "typescript": "^5.9.3",
+        "typescript": "^6.0.3",
         "vite": "^7.3.6",
         "vite-plugin-dts": "^5.0.3",
         "vite-plugin-externalize-deps": "^0.10.0",
@@ -96,5 +96,5 @@
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "^4.62.4"
     },
-    "gitHead": "e724b07c465b2e2c62ec461ff7f3266a34d1680c"
+    "gitHead": "102ac8458611e9a5c37fcfc69711d90df6ebb0b9"
 }

package/tailwind.colors.js

@@ -2,38 +2,17 @@
  * Taco Tailwind color theme.
  *
  * Structure:
- *  1. Legacy constants   — colors not (yet) in the token pipeline.
- *  2. Semantic constants — non-token UI colors (overlay blends, etc.).
- *  3. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.
- *  4. palette            — assembled from all token maps; mutated to add DEFAULT shades.
- *  5. THEME_COLORS       — the final export consumed by tailwind.config.js.
+ *  1. Semantic constants — non-token UI colors (overlay blends, etc.).
+ *  2. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.
+ *  3. Palette            — assembled from all token maps; mutated to add DEFAULT shades.
+ *  4. THEME_COLORS       — the final export consumed by tailwind.config.js.
  *
  * To add a new token-backed color family: add rows to the relevant *_MAP and a
  * `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.
  */
 import { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';
 
-// ─── 1. Legacy constants ──────────────────────────────────────────────────────
-
-// Not generated in tokens: TODO: Map and remove post color palette update
-const LEGACY_BROWN = {
-    100: '#EEE0DA', // Used in Badge component
-    300: '#C4AB9E', // Client: Used in paymentcards
-    500: '#93715D', // Client: Used in paymentcards, invoicing dashboard
-    700: '#73503B', // Client: Used in paymentcards, invoicing dashboard
-    900: '#45291F', // Used in Badge component
-};
-
-// Not generated in tokens: TODO: Map and remove post color palette update */
-const LEGACY_ORANGE = {
-    100: '#FFE3BB', // Used in Badge component
-    300: '#FAB64D', // Client: Used in paymentcards, workflows
-    500: '#F99702', // Client: Used in Avatar component
-    700: '#EF7D00', // Client: Used in paymentcards
-    900: '#4A2811', // Used in Badge component
-};
-
-// ─── 2. Semantic constants ────────────────────────────────────────────────────
+// ─── 1. Semantic constants ────────────────────────────────────────────────────
 
 /** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. */
 const BLACK_SUBTLE_ALPHA = 7;
@@ -43,7 +22,7 @@ const BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BL
 const WHITE_SUBTLE_ALPHA = 8;
 const WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;
 
-// ─── 3. Token maps ────────────────────────────────────────────────────────────
+// ─── 2. Token maps ────────────────────────────────────────────────────────────
 
 /**
  * Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure
@@ -137,7 +116,7 @@ const NEUTRAL_MAP = [
     ['tacoNeutralBlack', 'neutral', 'black'],
 ];
 
-// ─── 4. Palette assembly ──────────────────────────────────────────────────────
+// ─── 3. Palette assembly ──────────────────────────────────────────────────────
 
 const fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);
 const fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);
@@ -182,7 +161,7 @@ palette.gray = {
     ...palette.gray,
 };
 
-// ─── 5. Theme colors ──────────────────────────────────────────────────────────
+// ─── 4. Theme colors ──────────────────────────────────────────────────────────
 
 const THEME_COLORS = {
     transparent: 'transparent',
@@ -207,8 +186,6 @@ const THEME_COLORS = {
     green: palette.green,
     yellow: palette.yellow,
     pink: palette.pink,
-    brown: LEGACY_BROWN,
-    orange: LEGACY_ORANGE,
 };
 
 export default THEME_COLORS;