@progress/kendo-themes-html 6.3.1-dev.0 → 6.4.0-dev.0

package/dist/colorgradient/tests/colorgradient.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/colorgradient/tests/colorgradient.tsx", "../../../src/utils/class-names.ts", "../../../src/utils/component-class-names.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.spec.tsx", "../../../src/button/button.spec.tsx", "../../../src/input/input.spec.tsx", "../../../src/input/picker.spec.tsx", "../../../src/input/input-clear-value.tsx", "../../../src/input/input-inner-input.tsx", "../../../src/input/input-inner-span.tsx", "../../../src/input/input-inner-textarea.tsx", "../../../src/input/input-loading-icon.tsx", "../../../src/input/input-validation-icon.tsx", "../../../src/input/input-prefix.tsx", "../../../src/input/input-suffix.tsx", "../../../src/spinbutton/spinbutton.spec.tsx", "../../../src/numerictextbox/numerictextbox.spec.tsx"],
-  "sourcesContent": ["import ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { NumericTextbox } from '../../numerictextbox';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    .k-hue-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 0;\n    }\n    .k-alpha-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 100;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <span>ColorGradient</span>\n            <section>\n                <div className=\"k-colorgradient\">\n                    <div className=\"k-colorgradient-canvas k-hstack\">\n                        <div className=\"k-hsv-rectangle\" style={{ background: \"rgb(255, 0, 0)\" }}>\n                            <div className=\"k-hsv-gradient\">\n                                <div className=\"k-hsv-draghandle k-draghandle\" style={{ top: '50px', left: \"73px\" }}></div>\n                            </div>\n                        </div>\n                        <div className=\"k-hsv-controls k-hstack\">\n                            <div className=\"k-slider k-slider-vertical k-hue-slider k-colorgradient-slider\">\n                                <div className=\"k-slider-track-wrap\">\n                                    <div className=\"k-slider-track\">\n                                        <div className=\"k-slider-selection\"></div>\n                                        <a className=\"k-draghandle k-draghandle-end\"></a>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div className=\"k-slider k-slider-vertical k-alpha-slider k-colorgradient-slider\">\n                                <div className=\"k-slider-track-wrap\">\n                                    <div className=\"k-slider-track\" style={{ background: \"linear-gradient(to top, transparent, rgb(255, 0, 0))\" }}>\n                                        <div className=\"k-slider-selection\"></div>\n                                        <a className=\"k-draghandle k-draghandle-end\"></a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-colorgradient-inputs k-hstack\">\n                        <div className=\"k-vstack\">\n                            <Button fillMode=\"flat\" icon=\"arrows-kpi\" className=\"k-colorgradient-toggle-mode\" />\n                        </div>\n\n                        <div className=\"k-vstack\">\n                            <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                            <label className=\"k-colorgradient-input-label\">R</label>\n                        </div>\n\n                        <div className=\"k-vstack\">\n                            <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                            <label className=\"k-colorgradient-input-label\">G</label>\n                        </div>\n\n                        <div className=\"k-vstack\">\n                            <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                            <label className=\"k-colorgradient-input-label\">B</label>\n                        </div>\n\n                        <div className=\"k-vstack\">\n                            <NumericTextbox showSpinButton={false} showClearButton={false} value=\"1.00\" />\n                            <label className=\"k-colorgradient-input-label\">A</label>\n                        </div>\n                    </div>\n                </div>\n            </section>\n        </div>\n    </>\n);\n", "/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "import { classNames, optionClassNames, Size, ThemeColor } from '../utils';\n\nexport const ICON_CLASSNAME = `k-icon`;\n\nconst states = [];\n\nconst options = {\n    size: [ Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge ],\n    themeColor: [\n        ThemeColor.base,\n        ThemeColor.primary,\n        ThemeColor.secondary,\n        ThemeColor.tertiary,\n        ThemeColor.success,\n        ThemeColor.warning,\n        ThemeColor.error,\n        ThemeColor.info,\n        ThemeColor.light,\n        ThemeColor.dark,\n    ],\n};\n\nconst defaultProps = {};\n\nexport type IconState = { [K in (typeof states)[number]]?: boolean };\n\nexport type IconOptions = {\n    size?: (typeof options.size)[number];\n    themeColor?: (typeof options.themeColor)[number];\n};\n\nexport type IconProps = IconOptions & {\n    name?: string;\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport const Icon = (\n    props: IconProps & React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        size,\n        themeColor,\n        name,\n        rotate,\n        flip,\n        ...other\n    } = props;\n\n    if (!name) {\n        return <></>;\n    }\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                props.className,\n                ICON_CLASSNAME,\n                optionClassNames(ICON_CLASSNAME, {\n                    size,\n                    themeColor,\n                }),\n                {\n                    [`k-i-${name}`]: name,\n                    [`k-rotate-${rotate}`]: rotate,\n                    [`k-flip-${flip}`]: flip,\n                }\n            )}\n        />\n    );\n};\n\nIcon.states = states;\nIcon.options = options;\nIcon.className = ICON_CLASSNAME;\nIcon.defaultProps = defaultProps;\n\nexport default Icon;\n", "import { Icon } from '../icon';\nimport { classNames, optionClassNames, stateClassNames, States, Size, Roundness, FillMode, ThemeColor } from '../utils';\n\nexport const BUTTON_CLASSNAME = `k-button`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.active,\n    States.selected,\n    States.disabled\n];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link ],\n    themeColor: [\n        ThemeColor.base,\n        ThemeColor.primary,\n        ThemeColor.secondary,\n        ThemeColor.tertiary,\n        ThemeColor.success,\n        ThemeColor.warning,\n        ThemeColor.error,\n        ThemeColor.info,\n        ThemeColor.light,\n        ThemeColor.dark,\n        ThemeColor.inverse\n    ],\n};\n\nexport type KendoButtonOptions = {\n  size?: (typeof options.size)[number] | null;\n  rounded?: (typeof options.rounded)[number] | null;\n  fillMode?: (typeof options.fillMode)[number] | null;\n  themeColor?: (typeof options.themeColor)[number] | null;\n};\n\nexport type KendoButtonProps = KendoButtonOptions & {\n  icon?: string;\n  text?: string;\n  iconClassName?: string;\n  showArrow?: boolean;\n  arrowIconName?: string;\n};\n\nexport type KendoButtonState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    size: Size.medium,\n    rounded: Roundness.medium,\n    fillMode: FillMode.solid,\n    themeColor: ThemeColor.base,\n    showArrow: false,\n    arrowIconName: \"arrow-s\"\n};\n\nexport const Button = (\n    props: KendoButtonProps &\n        KendoButtonState &\n        React.HTMLAttributes<HTMLButtonElement>\n) => {\n    const {\n        size = defaultProps.size,\n        rounded = defaultProps.rounded,\n        fillMode = defaultProps.fillMode,\n        themeColor = defaultProps.themeColor,\n        hover,\n        focus,\n        active,\n        selected,\n        disabled,\n        icon,\n        text,\n        iconClassName,\n        showArrow = defaultProps.showArrow,\n        arrowIconName = defaultProps.arrowIconName,\n        ...other\n    } = props;\n\n    const hasIcon = (icon !== undefined);\n    const hasChildren = props.children !== undefined;\n\n    return (\n        <button\n            {...other}\n            className={classNames(\n                props.className,\n                BUTTON_CLASSNAME,\n                optionClassNames(BUTTON_CLASSNAME, {\n                    size,\n                    rounded,\n                    fillMode,\n                    themeColor,\n                }),\n                stateClassNames(BUTTON_CLASSNAME, {\n                    hover,\n                    focus,\n                    active,\n                    disabled,\n                    selected,\n                }),\n                {\n                    ['k-icon-button']: !text && !hasChildren && hasIcon,\n                }\n            )}\n        >\n            {icon && (\n                <Icon\n                    className={classNames(iconClassName, 'k-button-icon')}\n                    name= {icon}\n                />\n            )}\n\n            {text\n                ?\n                <>\n                    {text && <span className=\"k-button-text\">{text}</span>}\n                    {props.children}\n                </>\n                : props.children && <span className=\"k-button-text\">{props.children}</span>\n            }\n\n            {showArrow && (<span className=\"k-menu-button-arrow k-button-arrow\"><Icon name= {arrowIconName} /></span>)}\n\n        </button>\n    );\n};\n\nButton.states = states;\nButton.options = options;\nButton.className = BUTTON_CLASSNAME;\nButton.defaultProps = defaultProps;\n\nexport default Button;\n", "import { classNames, optionClassNames, stateClassNames, States, Size, Roundness, FillMode } from '../utils';\n\nexport const INPUT_CLASSNAME = `k-input`;\n\nexport const states = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.required,\n    States.disabled,\n    States.loading,\n    States.readonly\n];\n\nexport const options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\nexport type InputState = { [K in (typeof states)[number]]?: boolean };\nexport type InputOptions = {\n  size?: (typeof options.size)[number] | null;\n  rounded?: (typeof options.rounded)[number] | null;\n  fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport const defaultProps = {\n    size: Size.medium,\n    rounded: Size.medium,\n    fillMode: FillMode.solid,\n};\n\nexport const Input = (\n    props: InputOptions & InputState & React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        hover,\n        focus,\n        disabled,\n        invalid,\n        valid,\n        loading,\n        readonly,\n        size = defaultProps.size,\n        rounded = defaultProps.rounded,\n        fillMode = defaultProps.fillMode,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                props.className,\n                INPUT_CLASSNAME,\n                optionClassNames(INPUT_CLASSNAME, { size, rounded, fillMode }),\n                stateClassNames(INPUT_CLASSNAME, { hover, focus, disabled, invalid, valid, loading, readonly }),\n            )}\n        />\n    );\n};\n\nInput.states = states;\nInput.options = options;\nInput.className = INPUT_CLASSNAME;\nInput.defaultProps = defaultProps;\n\nexport default Input;\n", "import { classNames, optionClassNames, stateClassNames, States, Size, Roundness, FillMode } from '../utils';\n\nexport const PICKER_CLASSNAME = `k-picker`;\n\nexport const pickerStates = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.required,\n    States.disabled,\n    States.loading,\n    States.readonly\n];\n\nexport const pickerOptions = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\n\nexport type PickerState = { [K in (typeof pickerStates)[number]]?: boolean };\n\nexport type PickerOptions = {\n  size?: (typeof pickerOptions.size)[number] | null;\n  rounded?: (typeof pickerOptions.rounded)[number] | null;\n  fillMode?: (typeof pickerOptions.fillMode)[number] | null;\n};\n\nconst defaultProps = {\n    size: Size.medium,\n    rounded: Roundness.medium,\n    fillMode: FillMode.solid,\n};\n\nexport const Picker = (\n    props: PickerOptions & PickerState & React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        hover,\n        focus,\n        disabled,\n        invalid,\n        valid,\n        loading,\n        readonly,\n        size = defaultProps.size,\n        rounded = defaultProps.rounded,\n        fillMode = defaultProps.fillMode,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                props.className,\n                PICKER_CLASSNAME,\n                optionClassNames(PICKER_CLASSNAME, { size, rounded, fillMode }),\n                stateClassNames(PICKER_CLASSNAME, { hover, focus, disabled, invalid, valid, loading, readonly }),\n            )}>\n            {props.children}\n        </span>\n    );\n};\n\nPicker.states = pickerStates;\nPicker.options = pickerOptions;\nPicker.className = PICKER_CLASSNAME;\nPicker.defaultProps = defaultProps;\n\nexport default Picker;\n", "import { Icon } from '../icon';\nimport { classNames, States } from '../utils';\n\nconst className = `k-clear-value`;\n\nconst states = [\n    States.disabled,\n    States.loading,\n    States.readonly,\n];\n\nconst options = {};\n\nexport type InputClearValueState = { [K in (typeof states)[number]]?: boolean };\nexport type InputClearValueOptions = Record<string, unknown>;\n\nexport const InputClearValue = (\n    props: InputClearValueOptions &\n      InputClearValueState &\n      React.HTMLAttributes<HTMLInputElement>\n) => {\n    const {\n        disabled,\n        loading,\n        readonly,\n        value } = props;\n\n    if (disabled || readonly || loading || !value ) {\n        return <></>;\n    }\n\n    return (\n        <span className={classNames(props.className, className)}>\n            <Icon name=\"x\" />\n        </span>\n    );\n};\n\nInputClearValue.states = states;\nInputClearValue.options = options;\nInputClearValue.className = className;\n\nexport default InputClearValue;\n", "import { classNames, optionClassNames } from '../utils';\n\nconst className = `k-input-inner`;\n\nconst states = [];\n\nconst options = {};\n\nexport type InputInnerInputProps = {\n    value?: string;\n    type?: string;\n    placeholder?: string;\n    autocomplete?: string;\n};\n\nconst defaultProps = {\n    type: 'text',\n    autocomplete: 'off',\n    value: '',\n    placeholder: ''\n} as const;\n\nexport const InputInnerInput = (\n    props: InputInnerInputProps &\n      React.HTMLAttributes<HTMLInputElement>\n) => {\n    const {\n        value = defaultProps.value,\n        type = defaultProps.type,\n        placeholder = defaultProps.placeholder,\n        autocomplete = defaultProps.autocomplete,\n        ...other\n    } = props;\n\n    return (\n        <input\n            {...other}\n            type={type}\n            className={classNames(props.className, className, optionClassNames(className, props))}\n            placeholder={placeholder}\n            autoComplete={autocomplete}\n            defaultValue={value}\n        />\n    );\n};\n\nInputInnerInput.states = states;\nInputInnerInput.options = options;\nInputInnerInput.className = className;\n\nexport default InputInnerInput;\n", "import { Icon } from '../icon';\nimport { classNames, optionClassNames } from '../utils';\n\nconst className = `k-input-inner`;\n\nconst states = [];\n\nconst options = {};\n\nexport type InputInnerSpanProps = {\n    value?: string;\n    placeholder?: string;\n    showValue?: boolean;\n    valueIcon?: React.ReactNode;\n    valueIconName?: string;\n  };\n\nexport const InputInnerSpan = (\n    props: InputInnerSpanProps &\n      React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        value,\n        placeholder,\n        showValue,\n        valueIcon,\n        valueIconName,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(props.className, className, optionClassNames(className, props))}>\n            {valueIcon}\n            {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n            {showValue && !value && placeholder}\n            {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n        </span>\n    );\n};\n\nInputInnerSpan.states = states;\nInputInnerSpan.options = options;\nInputInnerSpan.className = className;\n\nexport default InputInnerSpan;\n", "import { classNames, optionClassNames } from '../utils';\n\nconst defaultProps = {\n    value: '',\n    placeholder: ''\n};\n\nconst className = `k-input-inner`;\n\nconst states = [];\n\nconst options = {};\n\nexport type InputInnerTextareaProps = {\n    value?: string;\n    placeholder?: string;\n    rows?: number;\n};\n\nexport const InputInnerTextarea = (\n    props: InputInnerTextareaProps &\n      React.HTMLAttributes<HTMLTextAreaElement>\n) => {\n    const {\n        value = defaultProps.value,\n        placeholder = defaultProps.placeholder,\n        rows,\n        ...other\n    } = props;\n\n    return (\n        <textarea\n            {...other}\n            className={classNames(props.className, className, optionClassNames(className, props))}\n            placeholder={placeholder}\n            rows={rows}>\n            {value}\n        </textarea>\n    );\n};\n\nInputInnerTextarea.states = states;\nInputInnerTextarea.options = options;\nInputInnerTextarea.className = className;\n\nexport default InputInnerTextarea;\n", "import { Icon } from '../icon';\nimport { classNames, States } from '../utils';\n\nconst className = `k-input-loading-icon`;\n\nconst states = [\n    States.disabled,\n    States.loading\n];\n\nexport type InputLoadingIconState = { [K in (typeof states)[number]]?: boolean };\n\nexport const InputLoadingIcon = (\n    props: InputLoadingIconState &\n      React.HTMLAttributes<HTMLInputElement>\n) => {\n    const {\n        disabled,\n        loading } = props;\n\n    if (disabled || !loading) {\n        return <></>;\n    }\n\n    return (\n        <Icon className={classNames(props.className, className)} name=\"loading\" />\n    );\n};\n", "import { Icon } from '../icon';\nimport { classNames, States } from '../utils';\n\nconst className = `k-input-validation-icon`;\n\nconst states = [\n    States.valid,\n    States.invalid,\n    States.disabled,\n    States.loading\n];\n\nconst options = {};\n\nexport type InputValidationIconState = { [K in (typeof states)[number]]?: boolean };\n\nexport const InputValidationIcon = (\n    props: InputValidationIconState &\n      React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        valid,\n        invalid,\n        disabled,\n        loading } = props;\n\n    const iconName = invalid ? 'warning' : 'check';\n    const renderValidationIcon = Boolean( valid || invalid );\n\n    if (disabled || loading || !renderValidationIcon) {\n        return <></>;\n    }\n\n    return (\n        <Icon className={classNames(className)} name={iconName} />\n    );\n};\n\nInputValidationIcon.states = states;\nInputValidationIcon.options = options;\nInputValidationIcon.className = className;\n\nexport default InputValidationIcon;\n", "import { classNames } from '../utils';\n\nconst className = `k-input-prefix`;\n\nexport const InputPrefix = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n\n    if (!props.children) {\n        return <></>;\n    }\n\n    return (\n        <span className={classNames(className, props.className)}>\n            {props.children}\n        </span>\n    );\n};\n", "import { classNames } from '../utils';\n\nconst className = `k-input-suffix`;\n\nexport const InputSuffix = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n\n    if (!props.children) {\n        return <></>;\n    }\n\n    return (\n        <span className={classNames(className, props.className)}>\n            {props.children}\n        </span>\n    );\n};\n", "import { Button } from '../button';\nimport { classNames, Size, FillMode } from '../utils';\n\nexport const SPINBUTTON_CLASSNAME = `k-spin-button`;\n\nconst states = [];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link ],\n};\n\nexport type KendoSpinButtonOptions = {\n  size?: (typeof options.size)[number] | null;\n  fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport type KendoSpinButtonProps = KendoSpinButtonOptions & {\n  icon?: string;\n  text?: string;\n};\n\nconst defaultProps = {\n    size: Size.medium,\n    fillMode: FillMode.solid,\n};\n\nexport const SpinButton = (\n    props: KendoSpinButtonProps &\n        React.HTMLAttributes<HTMLButtonElement>\n) => {\n    const {\n        size = defaultProps.size,\n        fillMode = defaultProps.fillMode,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                SPINBUTTON_CLASSNAME,\n                props.className\n            )}>\n            <Button\n                className=\"k-spinner-increase\"\n                icon=\"arrow-n\"\n                rounded={null}\n                size={size}\n                fillMode={fillMode}>\n            </Button>\n            <Button\n                className=\"k-spinner-decrease\"\n                icon=\"arrow-s\"\n                rounded={null}\n                size={size}\n                fillMode={fillMode}>\n            </Button>\n        </span>\n    );\n};\n\nSpinButton.states = states;\nSpinButton.options = options;\nSpinButton.className = SPINBUTTON_CLASSNAME;\nSpinButton.defaultProps = defaultProps;\n\nexport default SpinButton;\n", "import { classNames, States, Size, Roundness, FillMode } from '../utils';\nimport {\n    Input,\n    InputInnerInput,\n    InputClearValue,\n    InputLoadingIcon,\n    InputValidationIcon\n} from '../input';\nimport { SpinButton } from '../spinbutton';\n\n\nexport const NUMERICTEXTBOX_CLASSNAME = `k-numerictextbox`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.loading,\n    States.required,\n    States.disabled,\n    States.readonly\n];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\nexport type KendoNumericTextboxOptions = {\n    size?: (typeof options.size)[number] | null;\n    rounded?: (typeof options.rounded)[number] | null;\n    fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport type KendoNumericTextboxProps = KendoNumericTextboxOptions & {\n    value?: string;\n    placeholder?: string;\n    showSpinButton?: boolean;\n    showClearButton?: boolean;\n};\n\nexport type KendoNumericTextboxState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    showSpinButton: true,\n    showClearButton: true,\n    size: Input.defaultProps.size,\n    rounded: Input.defaultProps.rounded,\n    fillMode: Input.defaultProps.fillMode\n};\n\nexport const NumericTextbox = (\n    props: KendoNumericTextboxProps &\n        KendoNumericTextboxState &\n        React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        value,\n        placeholder,\n        size,\n        rounded,\n        fillMode,\n        hover,\n        focus,\n        valid,\n        invalid,\n        required,\n        loading,\n        disabled,\n        readonly,\n        showClearButton = defaultProps.showClearButton,\n        showSpinButton = defaultProps.showSpinButton,\n        ...other\n    } = props;\n\n\n    return (\n        <Input\n            {...other}\n            size={size}\n            rounded={rounded}\n            fillMode={fillMode}\n            hover={hover}\n            focus={focus}\n            valid={valid}\n            invalid={invalid}\n            required={required}\n            loading={loading}\n            disabled={disabled}\n            readonly={readonly}\n            className={classNames(props.className, NUMERICTEXTBOX_CLASSNAME)}\n        >\n            <InputInnerInput placeholder={placeholder} value={value} />\n            <InputValidationIcon\n                valid={valid}\n                invalid={invalid}\n                loading={loading}\n                disabled={disabled} />\n            <InputLoadingIcon\n                loading={loading}\n                disabled={disabled} />\n            {showClearButton && <InputClearValue\n                loading={loading}\n                disabled={disabled}\n                readonly={readonly}\n                value={value} />}\n            {showSpinButton && (\n                <SpinButton\n                    className=\"k-input-spinner\"\n                    size={size}\n                    fillMode={fillMode}\n                />\n            )}\n        </Input>\n    );\n};\n\nNumericTextbox.states = states;\nNumericTextbox.options = options;\nNumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;\nNumericTextbox.defaultProps = defaultProps;\n\nexport default NumericTextbox;\n"],
-  "mappings": "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",
-  "names": ["import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "defaultProps", "import_jsx_runtime", "states", "options", "import_jsx_runtime", "className", "states", "options", "defaultProps", "import_jsx_runtime", "className", "states", "options", "import_jsx_runtime", "defaultProps", "className", "states", "options", "import_jsx_runtime", "className", "states", "import_jsx_runtime", "className", "states", "options", "import_jsx_runtime", "import_jsx_runtime", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "ReactDOM"]
+  "sources": ["../../../src/colorgradient/tests/colorgradient.tsx", "../../../src/utils/class-names.ts", "../../../src/utils/component-class-names.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.spec.tsx", "../../../src/button/button.spec.tsx", "../../../src/slider/slider.spec.tsx", "../../../src/slider/slider-tick.tsx", "../../../src/input/input.spec.tsx", "../../../src/input/picker.spec.tsx", "../../../src/input/input-clear-value.tsx", "../../../src/input/input-inner-input.tsx", "../../../src/input/input-inner-span.tsx", "../../../src/input/input-inner-textarea.tsx", "../../../src/input/input-loading-icon.tsx", "../../../src/input/input-validation-icon.tsx", "../../../src/input/input-prefix.tsx", "../../../src/input/input-suffix.tsx", "../../../src/spinbutton/spinbutton.spec.tsx", "../../../src/numerictextbox/numerictextbox.spec.tsx", "../../../src/textbox/textbox.spec.tsx", "../../../src/colorgradient/color-input.tsx", "../../../src/colorgradient/color-contrast.tsx", "../../../src/colorgradient/color-gradient.spec.tsx"],
+  "sourcesContent": ["import ReactDOM from 'react-dom/client';\nimport { ColorGradient } from '../../colorgradient';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    .k-hue-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 0;\n    }\n    .k-alpha-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 100;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <span>ColorGradient</span>\n            <section>\n                <ColorGradient />\n            </section>\n        </div>\n    </>\n);\n", "/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "import { classNames, optionClassNames, Size, ThemeColor } from '../utils';\n\nexport const ICON_CLASSNAME = `k-icon`;\n\nconst states = [];\n\nconst options = {\n    size: [ Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge ],\n    themeColor: [\n        ThemeColor.base,\n        ThemeColor.primary,\n        ThemeColor.secondary,\n        ThemeColor.tertiary,\n        ThemeColor.success,\n        ThemeColor.warning,\n        ThemeColor.error,\n        ThemeColor.info,\n        ThemeColor.light,\n        ThemeColor.dark,\n    ],\n};\n\nconst defaultProps = {};\n\nexport type IconState = { [K in (typeof states)[number]]?: boolean };\n\nexport type IconOptions = {\n    size?: (typeof options.size)[number];\n    themeColor?: (typeof options.themeColor)[number];\n};\n\nexport type IconProps = IconOptions & {\n    name?: string;\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport const Icon = (\n    props: IconProps & React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        size,\n        themeColor,\n        name,\n        rotate,\n        flip,\n        ...other\n    } = props;\n\n    if (!name) {\n        return <></>;\n    }\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                props.className,\n                ICON_CLASSNAME,\n                optionClassNames(ICON_CLASSNAME, {\n                    size,\n                    themeColor,\n                }),\n                {\n                    [`k-i-${name}`]: name,\n                    [`k-rotate-${rotate}`]: rotate,\n                    [`k-flip-${flip}`]: flip,\n                }\n            )}\n        />\n    );\n};\n\nIcon.states = states;\nIcon.options = options;\nIcon.className = ICON_CLASSNAME;\nIcon.defaultProps = defaultProps;\n\nexport default Icon;\n", "import { Icon } from '../icon';\nimport { classNames, optionClassNames, stateClassNames, States, Size, Roundness, FillMode, ThemeColor } from '../utils';\n\nexport const BUTTON_CLASSNAME = `k-button`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.active,\n    States.selected,\n    States.disabled\n];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link ],\n    themeColor: [\n        ThemeColor.base,\n        ThemeColor.primary,\n        ThemeColor.secondary,\n        ThemeColor.tertiary,\n        ThemeColor.success,\n        ThemeColor.warning,\n        ThemeColor.error,\n        ThemeColor.info,\n        ThemeColor.light,\n        ThemeColor.dark,\n        ThemeColor.inverse\n    ],\n};\n\nexport type KendoButtonOptions = {\n  size?: (typeof options.size)[number] | null;\n  rounded?: (typeof options.rounded)[number] | null;\n  fillMode?: (typeof options.fillMode)[number] | null;\n  themeColor?: (typeof options.themeColor)[number] | null;\n};\n\nexport type KendoButtonProps = KendoButtonOptions & {\n  icon?: string;\n  text?: string;\n  iconClassName?: string;\n  showArrow?: boolean;\n  arrowIconName?: string;\n};\n\nexport type KendoButtonState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    size: Size.medium,\n    rounded: Roundness.medium,\n    fillMode: FillMode.solid,\n    themeColor: ThemeColor.base,\n    showArrow: false,\n    arrowIconName: \"arrow-s\"\n};\n\nexport const Button = (\n    props: KendoButtonProps &\n        KendoButtonState &\n        React.HTMLAttributes<HTMLButtonElement>\n) => {\n    const {\n        size = defaultProps.size,\n        rounded = defaultProps.rounded,\n        fillMode = defaultProps.fillMode,\n        themeColor = defaultProps.themeColor,\n        hover,\n        focus,\n        active,\n        selected,\n        disabled,\n        icon,\n        text,\n        iconClassName,\n        showArrow = defaultProps.showArrow,\n        arrowIconName = defaultProps.arrowIconName,\n        ...other\n    } = props;\n\n    const hasIcon = (icon !== undefined);\n    const hasChildren = props.children !== undefined;\n\n    return (\n        <button\n            {...other}\n            className={classNames(\n                props.className,\n                BUTTON_CLASSNAME,\n                optionClassNames(BUTTON_CLASSNAME, {\n                    size,\n                    rounded,\n                    fillMode,\n                    themeColor,\n                }),\n                stateClassNames(BUTTON_CLASSNAME, {\n                    hover,\n                    focus,\n                    active,\n                    disabled,\n                    selected,\n                }),\n                {\n                    ['k-icon-button']: !text && !hasChildren && hasIcon,\n                }\n            )}\n        >\n            {icon && (\n                <Icon\n                    className={classNames(iconClassName, 'k-button-icon')}\n                    name= {icon}\n                />\n            )}\n\n            {text\n                ?\n                <>\n                    {text && <span className=\"k-button-text\">{text}</span>}\n                    {props.children}\n                </>\n                : props.children && <span className=\"k-button-text\">{props.children}</span>\n            }\n\n            {showArrow && (<span className=\"k-menu-button-arrow k-button-arrow\"><Icon name= {arrowIconName} /></span>)}\n\n        </button>\n    );\n};\n\nButton.states = states;\nButton.options = options;\nButton.className = BUTTON_CLASSNAME;\nButton.defaultProps = defaultProps;\n\nexport default Button;\n", "import { classNames, stateClassNames, States } from '../utils';\nimport { Button } from '../button';\n\nconst SLIDER_CLASSNAME = 'k-slider';\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.active,\n    States.disabled,\n    States.readonly\n];\n\nconst options = {};\n\nexport type KendoSliderProps = {\n    type?: 'single' | 'range' | 'gradient',\n    orientation?: 'horizontal' | 'vertical',\n    dir?: 'ltr' | 'rtl',\n    handlePosition?: 'start' | 'end',\n    trackStyle?: React.CSSProperties\n};\n\nexport type KendoSliderState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    type: 'single',\n    orientation: 'horizontal',\n    readonly: false,\n    disabled: false,\n    handlePosition: 'end'\n};\n\nexport const Slider = (\n    props: KendoSliderProps &\n        KendoSliderState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        type = defaultProps.type,\n        orientation = defaultProps.orientation,\n        readonly = defaultProps.readonly,\n        disabled = defaultProps.disabled,\n        handlePosition = defaultProps.handlePosition,\n        hover,\n        focus,\n        active,\n        trackStyle,\n        dir\n    } = props;\n\n    let iconIncrease;\n    let iconDecrease;\n\n    if ( orientation === 'horizontal' ) {\n        iconIncrease = 'caret-alt-right';\n        iconDecrease = 'caret-alt-left';\n    } else if ( orientation === 'vertical' ) {\n        iconIncrease = 'caret-alt-up';\n        iconDecrease = 'caret-alt-down';\n    }\n\n    return (\n        <div className={classNames(\n            SLIDER_CLASSNAME,\n            props.className,\n            stateClassNames(SLIDER_CLASSNAME, {\n                readonly,\n                disabled\n            }),\n            {\n                [`k-slider-${orientation}`]: orientation,\n                'k-colorgradient-slider': type === 'gradient',\n                'k-range-slider': type === 'range'\n            }\n        )} dir={dir} >\n            { type !== 'gradient' && <Button className=\"k-button-decrease\" rounded=\"full\" icon={iconDecrease} /> }\n            <div className=\"k-slider-track-wrap\">\n                {\n                    type !== 'gradient' &&\n                        <ul className=\"k-reset k-slider-items\">\n                            {props.children}\n                        </ul>\n                }\n                <div className=\"k-slider-track\" style={trackStyle}>\n                    <div className=\"k-slider-selection\"></div>\n                    { type === 'range' &&\n\n                    <span className={classNames(\n                        'k-draghandle',\n                        'k-draghandle-start',\n                        stateClassNames(SLIDER_CLASSNAME, {\n                            hover,\n                            focus,\n                            active\n                        })\n                    )}></span> }\n\n                    <span className={classNames(\n                        'k-draghandle',\n                        `k-draghandle-${handlePosition}`,\n                        stateClassNames(SLIDER_CLASSNAME, {\n                            hover,\n                            focus,\n                            active\n                        })\n                    )}></span>\n                </div>\n            </div>\n            { type !== 'gradient' && <Button className=\"k-button-increase\" rounded=\"full\" icon={iconIncrease} /> }\n        </div>\n    );\n};\n\nSlider.states = states;\nSlider.options = options;\nSlider.className = SLIDER_CLASSNAME;\nSlider.defaultProps = defaultProps;\n\nexport default Slider;\n", "import { classNames } from '../utils';\n\nconst SLIDER_TICK_CLASSNAME = 'k-tick';\n\nconst states = [];\n\nconst options = {};\n\nexport type KendoSliderTickProps = {\n    style?: React.CSSProperties,\n    label?: boolean,\n    orientation?: null | 'horizontal' | 'vertical',\n    large?: boolean,\n    text?: string\n};\n\nconst defaultProps = {\n    label: false\n};\n\nexport const SliderTick = (\n    props: KendoSliderTickProps &\n        React.HTMLAttributes<HTMLLIElement>\n) => {\n    const {\n        style,\n        label = defaultProps.label,\n        orientation,\n        large,\n        text\n    } = props;\n\n    return (\n        <li className={classNames(\n            props.className,\n            SLIDER_TICK_CLASSNAME,\n            {\n                [`k-tick-${orientation}`]: orientation,\n                'k-tick-large': large\n            }\n        )} style={style} >\n            {label && <span className=\"k-label\">{text}</span>}\n        </li>\n    );\n};\n\nSliderTick.states = states;\nSliderTick.options = options;\nSliderTick.className = SLIDER_TICK_CLASSNAME;\nSliderTick.defaultProps = defaultProps;\n\nexport default SliderTick;\n", "import { classNames, optionClassNames, stateClassNames, States, Size, Roundness, FillMode } from '../utils';\n\nexport const INPUT_CLASSNAME = `k-input`;\n\nexport const states = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.required,\n    States.disabled,\n    States.loading,\n    States.readonly\n];\n\nexport const options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\nexport type InputState = { [K in (typeof states)[number]]?: boolean };\nexport type InputOptions = {\n  size?: (typeof options.size)[number] | null;\n  rounded?: (typeof options.rounded)[number] | null;\n  fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport const defaultProps = {\n    size: Size.medium,\n    rounded: Size.medium,\n    fillMode: FillMode.solid,\n};\n\nexport const Input = (\n    props: InputOptions & InputState & React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        hover,\n        focus,\n        disabled,\n        invalid,\n        valid,\n        loading,\n        readonly,\n        size = defaultProps.size,\n        rounded = defaultProps.rounded,\n        fillMode = defaultProps.fillMode,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                props.className,\n                INPUT_CLASSNAME,\n                optionClassNames(INPUT_CLASSNAME, { size, rounded, fillMode }),\n                stateClassNames(INPUT_CLASSNAME, { hover, focus, disabled, invalid, valid, loading, readonly }),\n            )}\n        />\n    );\n};\n\nInput.states = states;\nInput.options = options;\nInput.className = INPUT_CLASSNAME;\nInput.defaultProps = defaultProps;\n\nexport default Input;\n", "import { classNames, optionClassNames, stateClassNames, States, Size, Roundness, FillMode } from '../utils';\n\nexport const PICKER_CLASSNAME = `k-picker`;\n\nexport const pickerStates = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.required,\n    States.disabled,\n    States.loading,\n    States.readonly\n];\n\nexport const pickerOptions = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\n\nexport type PickerState = { [K in (typeof pickerStates)[number]]?: boolean };\n\nexport type PickerOptions = {\n  size?: (typeof pickerOptions.size)[number] | null;\n  rounded?: (typeof pickerOptions.rounded)[number] | null;\n  fillMode?: (typeof pickerOptions.fillMode)[number] | null;\n};\n\nconst defaultProps = {\n    size: Size.medium,\n    rounded: Roundness.medium,\n    fillMode: FillMode.solid,\n};\n\nexport const Picker = (\n    props: PickerOptions & PickerState & React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        hover,\n        focus,\n        disabled,\n        invalid,\n        valid,\n        loading,\n        readonly,\n        size = defaultProps.size,\n        rounded = defaultProps.rounded,\n        fillMode = defaultProps.fillMode,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                props.className,\n                PICKER_CLASSNAME,\n                optionClassNames(PICKER_CLASSNAME, { size, rounded, fillMode }),\n                stateClassNames(PICKER_CLASSNAME, { hover, focus, disabled, invalid, valid, loading, readonly }),\n            )}>\n            {props.children}\n        </span>\n    );\n};\n\nPicker.states = pickerStates;\nPicker.options = pickerOptions;\nPicker.className = PICKER_CLASSNAME;\nPicker.defaultProps = defaultProps;\n\nexport default Picker;\n", "import { Icon } from '../icon';\nimport { classNames, States } from '../utils';\n\nconst className = `k-clear-value`;\n\nconst states = [\n    States.disabled,\n    States.loading,\n    States.readonly,\n];\n\nconst options = {};\n\nexport type InputClearValueState = { [K in (typeof states)[number]]?: boolean };\nexport type InputClearValueOptions = Record<string, unknown>;\n\nexport const InputClearValue = (\n    props: InputClearValueOptions &\n      InputClearValueState &\n      React.HTMLAttributes<HTMLInputElement>\n) => {\n    const {\n        disabled,\n        loading,\n        readonly,\n        value } = props;\n\n    if (disabled || readonly || loading || !value ) {\n        return <></>;\n    }\n\n    return (\n        <span className={classNames(props.className, className)}>\n            <Icon name=\"x\" />\n        </span>\n    );\n};\n\nInputClearValue.states = states;\nInputClearValue.options = options;\nInputClearValue.className = className;\n\nexport default InputClearValue;\n", "import { classNames, optionClassNames } from '../utils';\n\nconst className = `k-input-inner`;\n\nconst states = [];\n\nconst options = {};\n\nexport type InputInnerInputProps = {\n    value?: string;\n    type?: string;\n    placeholder?: string;\n    autocomplete?: string;\n};\n\nconst defaultProps = {\n    type: 'text',\n    autocomplete: 'off',\n    value: '',\n    placeholder: ''\n} as const;\n\nexport const InputInnerInput = (\n    props: InputInnerInputProps &\n      React.HTMLAttributes<HTMLInputElement>\n) => {\n    const {\n        value = defaultProps.value,\n        type = defaultProps.type,\n        placeholder = defaultProps.placeholder,\n        autocomplete = defaultProps.autocomplete,\n        ...other\n    } = props;\n\n    return (\n        <input\n            {...other}\n            type={type}\n            className={classNames(props.className, className, optionClassNames(className, props))}\n            placeholder={placeholder}\n            autoComplete={autocomplete}\n            defaultValue={value}\n        />\n    );\n};\n\nInputInnerInput.states = states;\nInputInnerInput.options = options;\nInputInnerInput.className = className;\n\nexport default InputInnerInput;\n", "import { Icon } from '../icon';\nimport { classNames, optionClassNames } from '../utils';\n\nconst className = `k-input-inner`;\n\nconst states = [];\n\nconst options = {};\n\nexport type InputInnerSpanProps = {\n    value?: string;\n    placeholder?: string;\n    showValue?: boolean;\n    valueIcon?: React.ReactNode;\n    valueIconName?: string;\n  };\n\nexport const InputInnerSpan = (\n    props: InputInnerSpanProps &\n      React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        value,\n        placeholder,\n        showValue,\n        valueIcon,\n        valueIconName,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(props.className, className, optionClassNames(className, props))}>\n            {valueIcon}\n            {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n            {showValue && !value && placeholder}\n            {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n        </span>\n    );\n};\n\nInputInnerSpan.states = states;\nInputInnerSpan.options = options;\nInputInnerSpan.className = className;\n\nexport default InputInnerSpan;\n", "import { classNames, optionClassNames } from '../utils';\n\nconst defaultProps = {\n    value: '',\n    placeholder: ''\n};\n\nconst className = `k-input-inner`;\n\nconst states = [];\n\nconst options = {};\n\nexport type InputInnerTextareaProps = {\n    value?: string;\n    placeholder?: string;\n    rows?: number;\n};\n\nexport const InputInnerTextarea = (\n    props: InputInnerTextareaProps &\n      React.HTMLAttributes<HTMLTextAreaElement>\n) => {\n    const {\n        value = defaultProps.value,\n        placeholder = defaultProps.placeholder,\n        rows,\n        ...other\n    } = props;\n\n    return (\n        <textarea\n            {...other}\n            className={classNames(props.className, className, optionClassNames(className, props))}\n            placeholder={placeholder}\n            rows={rows}>\n            {value}\n        </textarea>\n    );\n};\n\nInputInnerTextarea.states = states;\nInputInnerTextarea.options = options;\nInputInnerTextarea.className = className;\n\nexport default InputInnerTextarea;\n", "import { Icon } from '../icon';\nimport { classNames, States } from '../utils';\n\nconst className = `k-input-loading-icon`;\n\nconst states = [\n    States.disabled,\n    States.loading\n];\n\nexport type InputLoadingIconState = { [K in (typeof states)[number]]?: boolean };\n\nexport const InputLoadingIcon = (\n    props: InputLoadingIconState &\n      React.HTMLAttributes<HTMLInputElement>\n) => {\n    const {\n        disabled,\n        loading } = props;\n\n    if (disabled || !loading) {\n        return <></>;\n    }\n\n    return (\n        <Icon className={classNames(props.className, className)} name=\"loading\" />\n    );\n};\n", "import { Icon } from '../icon';\nimport { classNames, States } from '../utils';\n\nconst className = `k-input-validation-icon`;\n\nconst states = [\n    States.valid,\n    States.invalid,\n    States.disabled,\n    States.loading\n];\n\nconst options = {};\n\nexport type InputValidationIconState = { [K in (typeof states)[number]]?: boolean };\n\nexport const InputValidationIcon = (\n    props: InputValidationIconState &\n      React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        valid,\n        invalid,\n        disabled,\n        loading } = props;\n\n    const iconName = invalid ? 'warning' : 'check';\n    const renderValidationIcon = Boolean( valid || invalid );\n\n    if (disabled || loading || !renderValidationIcon) {\n        return <></>;\n    }\n\n    return (\n        <Icon className={classNames(className)} name={iconName} />\n    );\n};\n\nInputValidationIcon.states = states;\nInputValidationIcon.options = options;\nInputValidationIcon.className = className;\n\nexport default InputValidationIcon;\n", "import { classNames } from '../utils';\n\nconst className = `k-input-prefix`;\n\nexport const InputPrefix = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n\n    if (!props.children) {\n        return <></>;\n    }\n\n    return (\n        <span className={classNames(className, props.className)}>\n            {props.children}\n        </span>\n    );\n};\n", "import { classNames } from '../utils';\n\nconst className = `k-input-suffix`;\n\nexport const InputSuffix = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n\n    if (!props.children) {\n        return <></>;\n    }\n\n    return (\n        <span className={classNames(className, props.className)}>\n            {props.children}\n        </span>\n    );\n};\n", "import { Button } from '../button';\nimport { classNames, Size, FillMode } from '../utils';\n\nexport const SPINBUTTON_CLASSNAME = `k-spin-button`;\n\nconst states = [];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link ],\n};\n\nexport type KendoSpinButtonOptions = {\n  size?: (typeof options.size)[number] | null;\n  fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport type KendoSpinButtonProps = KendoSpinButtonOptions & {\n  icon?: string;\n  text?: string;\n};\n\nconst defaultProps = {\n    size: Size.medium,\n    fillMode: FillMode.solid,\n};\n\nexport const SpinButton = (\n    props: KendoSpinButtonProps &\n        React.HTMLAttributes<HTMLButtonElement>\n) => {\n    const {\n        size = defaultProps.size,\n        fillMode = defaultProps.fillMode,\n        ...other\n    } = props;\n\n    return (\n        <span\n            {...other}\n            className={classNames(\n                SPINBUTTON_CLASSNAME,\n                props.className\n            )}>\n            <Button\n                className=\"k-spinner-increase\"\n                icon=\"arrow-n\"\n                rounded={null}\n                size={size}\n                fillMode={fillMode}>\n            </Button>\n            <Button\n                className=\"k-spinner-decrease\"\n                icon=\"arrow-s\"\n                rounded={null}\n                size={size}\n                fillMode={fillMode}>\n            </Button>\n        </span>\n    );\n};\n\nSpinButton.states = states;\nSpinButton.options = options;\nSpinButton.className = SPINBUTTON_CLASSNAME;\nSpinButton.defaultProps = defaultProps;\n\nexport default SpinButton;\n", "import { classNames, States, Size, Roundness, FillMode } from '../utils';\nimport {\n    Input,\n    InputInnerInput,\n    InputClearValue,\n    InputLoadingIcon,\n    InputValidationIcon\n} from '../input';\nimport { SpinButton } from '../spinbutton';\n\n\nexport const NUMERICTEXTBOX_CLASSNAME = `k-numerictextbox`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.loading,\n    States.required,\n    States.disabled,\n    States.readonly\n];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\nexport type KendoNumericTextboxOptions = {\n    size?: (typeof options.size)[number] | null;\n    rounded?: (typeof options.rounded)[number] | null;\n    fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport type KendoNumericTextboxProps = KendoNumericTextboxOptions & {\n    value?: string;\n    placeholder?: string;\n    showSpinButton?: boolean;\n    showClearButton?: boolean;\n};\n\nexport type KendoNumericTextboxState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    showSpinButton: true,\n    showClearButton: true,\n    size: Input.defaultProps.size,\n    rounded: Input.defaultProps.rounded,\n    fillMode: Input.defaultProps.fillMode\n};\n\nexport const NumericTextbox = (\n    props: KendoNumericTextboxProps &\n        KendoNumericTextboxState &\n        React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        value,\n        placeholder,\n        size,\n        rounded,\n        fillMode,\n        hover,\n        focus,\n        valid,\n        invalid,\n        required,\n        loading,\n        disabled,\n        readonly,\n        showClearButton = defaultProps.showClearButton,\n        showSpinButton = defaultProps.showSpinButton,\n        ...other\n    } = props;\n\n\n    return (\n        <Input\n            {...other}\n            size={size}\n            rounded={rounded}\n            fillMode={fillMode}\n            hover={hover}\n            focus={focus}\n            valid={valid}\n            invalid={invalid}\n            required={required}\n            loading={loading}\n            disabled={disabled}\n            readonly={readonly}\n            className={classNames(props.className, NUMERICTEXTBOX_CLASSNAME)}\n        >\n            <InputInnerInput placeholder={placeholder} value={value} />\n            <InputValidationIcon\n                valid={valid}\n                invalid={invalid}\n                loading={loading}\n                disabled={disabled} />\n            <InputLoadingIcon\n                loading={loading}\n                disabled={disabled} />\n            {showClearButton && <InputClearValue\n                loading={loading}\n                disabled={disabled}\n                readonly={readonly}\n                value={value} />}\n            {showSpinButton && (\n                <SpinButton\n                    className=\"k-input-spinner\"\n                    size={size}\n                    fillMode={fillMode}\n                />\n            )}\n        </Input>\n    );\n};\n\nNumericTextbox.states = states;\nNumericTextbox.options = options;\nNumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;\nNumericTextbox.defaultProps = defaultProps;\n\nexport default NumericTextbox;\n", "import { classNames, States, Size, Roundness, FillMode } from '../utils';\nimport {\n    Input,\n    InputPrefix,\n    InputSuffix,\n    InputInnerInput,\n    InputClearValue,\n    InputLoadingIcon,\n    InputValidationIcon\n} from '../input';\n\nexport const TEXTBOX_CLASSNAME = `k-textbox`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.valid,\n    States.invalid,\n    States.required,\n    States.disabled,\n    States.loading,\n    States.readonly\n];\n\nconst options = {\n    size: [ Size.small, Size.medium, Size.large ],\n    rounded: [ Roundness.small, Roundness.medium, Roundness.large, Roundness.full ],\n    fillMode: [ FillMode.solid, FillMode.flat, FillMode.outline ],\n};\n\nexport type KendoTextboxOptions = {\n    size?: (typeof options.size)[number] | null;\n    rounded?: (typeof options.rounded)[number] | null;\n    fillMode?: (typeof options.fillMode)[number] | null;\n};\n\nexport type KendoTextboxProps = KendoTextboxOptions & {\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    type?: string;\n    value?: string;\n    placeholder?: string;\n    autocomplete?: string;\n    showClearButton?: boolean;\n};\n\nexport type KendoTextboxState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    showClearButton: true,\n    size: Input.defaultProps.size,\n    rounded: Input.defaultProps.rounded,\n    fillMode: Input.defaultProps.fillMode\n};\n\nexport const Textbox = (\n    props: KendoTextboxProps &\n        KendoTextboxState &\n        React.HTMLAttributes<HTMLSpanElement>\n) => {\n    const {\n        prefix,\n        suffix,\n        value,\n        placeholder,\n        size,\n        rounded,\n        fillMode,\n        hover,\n        focus,\n        valid,\n        invalid,\n        required,\n        loading,\n        disabled,\n        readonly,\n        showClearButton = defaultProps.showClearButton,\n        ...other\n    } = props;\n\n\n    return (\n        <Input\n            {...other}\n            size={size}\n            rounded={rounded}\n            fillMode={fillMode}\n            hover={hover}\n            focus={focus}\n            valid={valid}\n            invalid={invalid}\n            required={required}\n            loading={loading}\n            disabled={disabled}\n            readonly={readonly}\n            className={classNames(props.className, TEXTBOX_CLASSNAME)}\n        >\n            <InputPrefix>{prefix}</InputPrefix>\n            <InputInnerInput placeholder={placeholder} value={value} />\n            <InputValidationIcon\n                valid={valid}\n                invalid={invalid}\n                loading={loading}\n                disabled={disabled} />\n            <InputLoadingIcon\n                loading={loading}\n                disabled={disabled} />\n            { showClearButton && <InputClearValue\n                loading={loading}\n                disabled={disabled}\n                readonly={readonly}\n                value={value} />}\n            <InputSuffix>{suffix}</InputSuffix>\n        </Input>\n    );\n};\n\nTextbox.states = states;\nTextbox.options = options;\nTextbox.className = TEXTBOX_CLASSNAME;\nTextbox.defaultProps = defaultProps;\n\nexport default Textbox;\n", "import { classNames } from '../utils';\nimport { Button } from '../button';\nimport { NumericTextbox } from '../numerictextbox';\nimport { Textbox } from '../textbox';\n\nconst COLOR_INPUT_CLASSNAME = 'k-colorgradient-inputs';\n\nconst states = [];\n\nconst options = {};\n\nexport type KendoColorInputOptions = {\n    mode: 'rgba' | 'rgb' | 'hsva' | 'hsv' | 'hex'\n};\n\nconst defaultProps = {\n    mode: 'rgba'\n};\n\nexport const ColorInput = (\n    props: KendoColorInputOptions &\n        React.HTMLAttributes<HTMLDivElement>\n\n) => {\n    const {\n        mode = defaultProps.mode,\n    } = props;\n\n    return (\n        <div className={classNames(COLOR_INPUT_CLASSNAME, 'k-hstack')}>\n            <div className=\"k-vstack\">\n                <Button fillMode=\"flat\" icon=\"arrows-kpi\" className=\"k-cologradient-toggle-mode\" />\n            </div>\n            { mode === 'rgba' &&\n                <>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">R</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">G</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">B</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"1.00\" />\n                        <label className=\"k-colorgradient-input-label\">A</label>\n                    </div>\n                </>\n            }\n            { mode === 'rgb' &&\n                <>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">R</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">G</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">B</label>\n                    </div>\n                </>\n            }\n            { mode === 'hsva' &&\n                <>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">H</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">S</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">V</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"1.00\" />\n                        <label className=\"k-colorgradient-input-label\">A</label>\n                    </div>\n                </>\n            }\n            { mode === 'hsv' &&\n                <>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">H</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">S</label>\n                    </div>\n                    <div className=\"k-vstack\">\n                        <NumericTextbox showSpinButton={false} showClearButton={false} value=\"132\" />\n                        <label className=\"k-colorgradient-input-label\">V</label>\n                    </div>\n                </>\n            }\n            { mode === 'hex' &&\n                <>\n                    <div className=\"k-vstack k-flex-1\">\n                        <Textbox showClearButton={false} value=\"#b88484AA\" className=\"k-hex-value\" />\n                        <label className=\"k-colorgradient-input-label\">HEX</label>\n                    </div>\n                </>\n            }\n        </div>\n    );\n};\n\nColorInput.states = states;\nColorInput.options = options;\nColorInput.className = COLOR_INPUT_CLASSNAME;\nColorInput.defaultProps = defaultProps;\n\nexport default ColorInput;\n", "import { classNames } from '../utils';\nimport { Icon } from '../icon';\n\nconst COLOR_CONTRAST_CLASSNAME = 'k-colorgradient-color-contrast';\n\nconst states = [];\n\nconst options = {};\n\nconst defaultProps = {};\n\nexport const ColorContrast = (\n) => (\n    <div className={classNames(COLOR_CONTRAST_CLASSNAME, 'k-vbox')}>\n        <div className=\"k-contrast-ratio\">\n            <span className=\"k-contrast-ratio-text\">Contrast ratio: 7.1</span>\n            <span className=\"k-contrast-validation !k-text-success\">\n                <Icon name=\"check\" />\n                <Icon name=\"check\" />\n            </span>\n        </div>\n        <div>\n            <span>AA: 4.5</span>\n            <span className=\"k-contrast-validation !k-text-success\">\n                    Pass\n                <Icon name=\"check\" />\n            </span>\n        </div>\n        <div>\n            <span>AAA: 7.0</span>\n            <span className=\"k-contrast-validation !k-text-error\">\n                    Fail\n                <Icon name=\"x\" />\n            </span>\n        </div>\n    </div>\n);\n\nColorContrast.states = states;\nColorContrast.options = options;\nColorContrast.className = COLOR_CONTRAST_CLASSNAME;\nColorContrast.defaultProps = defaultProps;\n\nexport default ColorContrast;\n", "import { classNames, stateClassNames, States } from '../utils';\nimport { Slider } from '../slider';\nimport { ColorInput } from './color-input';\nimport { ColorContrast } from './color-contrast';\n\nconst COLOR_GRADIENT_CLASSNAME = 'k-colorgradient';\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.readonly,\n    States.disabled,\n];\n\nconst options = {};\n\nexport type KendoColorGradientProps = {\n    mode: 'rgba' | 'rgb' | 'hsva' | 'hsv' | 'hex'\n    dir?: 'ltr' | 'rtl';\n    contrast?: boolean;\n    hoverHandle?: boolean;\n    focusHandle?: boolean;\n    gradientStyle?: React.CSSProperties;\n    dragHandleStyle?: React.CSSProperties;\n    alphaStyle?: React.CSSProperties;\n};\n\nexport type KendoColorGradientState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    mode: 'rgba',\n    readonly: false,\n    disabled: false,\n    contrast: false,\n    gradientStyle: { background: \"rgb(255, 0, 0 )\" },\n    dragHandleStyle: { top: \"50px\", left: \"73px\" },\n    alphaStyle: { background: \"linear-gradient(to top, transparent, rgb(255, 0, 0))\" }\n};\n\nexport const ColorGradient = (\n    props: KendoColorGradientProps &\n        KendoColorGradientState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        mode = defaultProps.mode,\n        readonly = defaultProps.readonly,\n        disabled = defaultProps.disabled,\n        dir,\n        contrast = defaultProps.contrast,\n        hover,\n        focus,\n        hoverHandle,\n        focusHandle,\n        gradientStyle = defaultProps.gradientStyle,\n        dragHandleStyle = defaultProps.dragHandleStyle,\n        alphaStyle = defaultProps.alphaStyle,\n    } = props;\n\n    return (\n        <div className={classNames(\n            props.className,\n            COLOR_GRADIENT_CLASSNAME,\n            stateClassNames(COLOR_GRADIENT_CLASSNAME, {\n                hover,\n                focus,\n                readonly,\n                disabled\n            })\n        )} dir={dir}>\n            <div className=\"k-colorgradient-canvas k-hstack\">\n                <div className=\"k-hsv-rectangle\" style={gradientStyle}>\n                    <div className=\"k-hsv-gradient\">\n                        <div className={classNames(\n                            'k-hsv-draghandle',\n                            'k-draghandle',\n                            {\n                                'k-hover': hoverHandle,\n                                'k-focus': focusHandle\n                            }\n                        )} style={dragHandleStyle} ></div>\n                    </div>\n                </div>\n                <div className=\"k-hsv-controls k-hstack\">\n                    <Slider type=\"gradient\" orientation=\"vertical\" className=\"k-hue-slider\" hover={hoverHandle} focus={focusHandle} />\n                    {\n                        mode !== 'rgb' && mode !== 'hsv' && <Slider type=\"gradient\" orientation=\"vertical\" className=\"k-alpha-slider\" hover={hoverHandle} focus={focusHandle} trackStyle={alphaStyle}/>\n                    }\n                </div>\n            </div>\n            <ColorInput mode={props.mode} />\n            { contrast && <ColorContrast /> }\n        </div>\n    );\n};\n\nColorGradient.states = states;\nColorGradient.options = options;\nColorGradient.className = COLOR_GRADIENT_CLASSNAME;\nColorGradient.defaultProps = defaultProps;\n\nexport default ColorGradient;\n"],
+  "mappings": "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",
+  "names": ["import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "defaultProps", "import_jsx_runtime", "states", "options", "import_jsx_runtime", "className", "states", "options", "defaultProps", "import_jsx_runtime", "className", "states", "options", "import_jsx_runtime", "defaultProps", "className", "states", "options", "import_jsx_runtime", "className", "states", "import_jsx_runtime", "className", "states", "options", "import_jsx_runtime", "className", "import_jsx_runtime", "className", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "states", "options", "defaultProps", "import_jsx_runtime", "ReactDOM"]
 }

package/dist/colorpalette/colorpalette.spec.js

@@ -180,7 +180,7 @@
             disabled
           })
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "k-colorpalette-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("table", { className: "k-colorpalette-table k-palette", children: newChildren.length > 0 ? newChildren : props.children }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("table", { className: "k-colorpalette-table", children: newChildren.length > 0 ? newChildren : props.children })
       })
     );
   };

package/dist/colorpalette/colorpalette.spec.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/class-names.ts", "../../src/utils/component-class-names.ts", "../../src/utils/theme.ts", "../../src/colorpalette/colorpalette-row.tsx", "../../src/colorpalette/colorpalette-tile.tsx", "../../src/colorpalette/colorpalette.spec.tsx"],
-  "sourcesContent": ["/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "export const ColorPaletteRow = (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr>{props.children}</tr>\n);\n", "import { classNames, stateClassNames, States } from '../utils';\n\nexport const COLORPALETTETILE_CLASSNAME = `k-colorpalette-tile`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.selected\n];\n\nconst options = {};\n\nexport type KendoColorPaletteTileProps = {\n    color?: string;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteTileState = { [K in (typeof states)[number]]?: boolean };\n\n\nexport const ColorPaletteTile = (\n    props: KendoColorPaletteTileProps &\n        KendoColorPaletteTileState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        color,\n        tileSize,\n        hover,\n        focus,\n        selected,\n        ...other\n    } = props;\n\n    const styles = {\n        'background-color': color,\n        'width': tileSize ? tileSize + 'px' : '',\n        'height': tileSize ? tileSize + 'px' : ''\n    };\n\n    return (\n        <td\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTETILE_CLASSNAME,\n                stateClassNames(COLORPALETTETILE_CLASSNAME, {\n                    hover,\n                    focus,\n                    selected\n                }),\n            )}\n            style={styles}\n        >\n        </td>\n    );\n};\n\nColorPaletteTile.states = states;\nColorPaletteTile.options = options;\nColorPaletteTile.className = COLORPALETTETILE_CLASSNAME;\n\nexport default ColorPaletteTile;\n", "import { classNames, stateClassNames, States } from '../utils';\nimport { ColorPaletteRow } from './colorpalette-row';\nimport { ColorPaletteTile } from './colorpalette-tile';\n\nexport const COLORPALETTE_CLASSNAME = `k-colorpalette`;\n\nconst states = [\n    States.disabled\n];\n\nconst options = {};\n\nexport type KendoColorPaletteProps = {\n    palette?: Array<string> | any;\n    columns?: number;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    columns: 10,\n};\n\nexport const ColorPalette = (\n    props: KendoColorPaletteProps &\n        KendoColorPaletteState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        palette,\n        columns = defaultProps.columns,\n        tileSize,\n        disabled,\n        ...other\n    } = props;\n\n    const newChildren : JSX.Element[] = [];\n\n    if (palette) {\n\n        const cols = columns || palette.columns;\n\n        const colors = palette.colors ? palette.colors : palette;\n\n        if (Array.isArray(colors)) {\n            Array.from({ length: Math.ceil(colors.length / cols) }, (_, i) => {\n                const items : JSX.Element[] = [];\n\n                colors.slice(i * cols, (i + 1) * cols)\n                    .map((color) => {\n                        items.push( <ColorPaletteTile color={color} tileSize={tileSize} /> );\n                    });\n\n                const row = <ColorPaletteRow>{items}</ColorPaletteRow>;\n\n                newChildren.push(row);\n            });\n        }\n\n    }\n\n    return (\n        <div\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTE_CLASSNAME,\n                stateClassNames(COLORPALETTE_CLASSNAME, {\n                    disabled,\n                }),\n            )}>\n            <div className=\"k-colorpalette-table-wrap\">\n                <table className=\"k-colorpalette-table k-palette\">\n                    {newChildren.length > 0 ? newChildren : props.children}\n                </table>\n            </div>\n        </div>\n    );\n};\n\nColorPalette.states = states;\nColorPalette.options = options;\nColorPalette.className = COLORPALETTE_CLASSNAME;\nColorPalette.defaultProps = defaultProps;\n\nexport default ColorPalette;\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "export const ColorPaletteRow = (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr>{props.children}</tr>\n);\n", "import { classNames, stateClassNames, States } from '../utils';\n\nexport const COLORPALETTETILE_CLASSNAME = `k-colorpalette-tile`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.selected\n];\n\nconst options = {};\n\nexport type KendoColorPaletteTileProps = {\n    color?: string;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteTileState = { [K in (typeof states)[number]]?: boolean };\n\n\nexport const ColorPaletteTile = (\n    props: KendoColorPaletteTileProps &\n        KendoColorPaletteTileState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        color,\n        tileSize,\n        hover,\n        focus,\n        selected,\n        ...other\n    } = props;\n\n    const styles = {\n        'background-color': color,\n        'width': tileSize ? tileSize + 'px' : '',\n        'height': tileSize ? tileSize + 'px' : ''\n    };\n\n    return (\n        <td\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTETILE_CLASSNAME,\n                stateClassNames(COLORPALETTETILE_CLASSNAME, {\n                    hover,\n                    focus,\n                    selected\n                }),\n            )}\n            style={styles}\n        >\n        </td>\n    );\n};\n\nColorPaletteTile.states = states;\nColorPaletteTile.options = options;\nColorPaletteTile.className = COLORPALETTETILE_CLASSNAME;\n\nexport default ColorPaletteTile;\n", "import { classNames, stateClassNames, States } from '../utils';\nimport { ColorPaletteRow } from './colorpalette-row';\nimport { ColorPaletteTile } from './colorpalette-tile';\n\nexport const COLORPALETTE_CLASSNAME = `k-colorpalette`;\n\nconst states = [\n    States.disabled\n];\n\nconst options = {};\n\nexport type KendoColorPaletteProps = {\n    palette?: Array<string> | any;\n    columns?: number;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    columns: 10,\n};\n\nexport const ColorPalette = (\n    props: KendoColorPaletteProps &\n        KendoColorPaletteState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        palette,\n        columns = defaultProps.columns,\n        tileSize,\n        disabled,\n        ...other\n    } = props;\n\n    const newChildren : JSX.Element[] = [];\n\n    if (palette) {\n\n        const cols = columns || palette.columns;\n\n        const colors = palette.colors ? palette.colors : palette;\n\n        if (Array.isArray(colors)) {\n            Array.from({ length: Math.ceil(colors.length / cols) }, (_, i) => {\n                const items : JSX.Element[] = [];\n\n                colors.slice(i * cols, (i + 1) * cols)\n                    .map((color) => {\n                        items.push( <ColorPaletteTile color={color} tileSize={tileSize} /> );\n                    });\n\n                const row = <ColorPaletteRow>{items}</ColorPaletteRow>;\n\n                newChildren.push(row);\n            });\n        }\n\n    }\n\n    return (\n        <div\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTE_CLASSNAME,\n                stateClassNames(COLORPALETTE_CLASSNAME, {\n                    disabled,\n                }),\n            )}>\n\n            <table className=\"k-colorpalette-table\">\n                {newChildren.length > 0 ? newChildren : props.children}\n            </table>\n\n        </div>\n    );\n};\n\nColorPalette.states = states;\nColorPalette.options = options;\nColorPalette.className = COLORPALETTE_CLASSNAME;\nColorPalette.defaultProps = defaultProps;\n\nexport default ColorPalette;\n"],
+  "mappings": "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",
   "names": ["import_jsx_runtime", "import_jsx_runtime", "states", "options"]
 }

package/dist/colorpalette/tests/colorpalette-states.js

@@ -203,7 +203,7 @@
             disabled
           })
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "k-colorpalette-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("table", { className: "k-colorpalette-table k-palette", children: newChildren.length > 0 ? newChildren : props.children }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("table", { className: "k-colorpalette-table", children: newChildren.length > 0 ? newChildren : props.children })
       })
     );
   };

package/dist/colorpalette/tests/colorpalette-states.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/colorpalette/tests/colorpalette-states.tsx", "../../../src/utils/class-names.ts", "../../../src/utils/component-class-names.ts", "../../../src/utils/theme.ts", "../../../src/colorpalette/colorpalette-row.tsx", "../../../src/colorpalette/colorpalette-tile.tsx", "../../../src/colorpalette/colorpalette.spec.tsx", "../../../src/colorpalette/colorpalette-presets.tsx"],
-  "sourcesContent": ["import ReactDOM from 'react-dom/client';\nimport { ColorPalette, ColorPaletteRow, ColorPaletteTile } from '../../colorpalette';\nimport { PALETTEPRESETS } from '../colorpalette-presets';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <span>Disabled</span>\n            <section>\n                <ColorPalette palette={PALETTEPRESETS.basic} disabled></ColorPalette>\n            </section>\n\n            <span>Item States</span>\n            <section>\n                <ColorPalette>\n                    <ColorPaletteRow>\n                        <ColorPaletteTile color=\"black\" focus></ColorPaletteTile>\n                        <ColorPaletteTile color=\"grey\"></ColorPaletteTile>\n                        <ColorPaletteTile color=\"red\" hover></ColorPaletteTile>\n                        <ColorPaletteTile color=\"orange\"></ColorPaletteTile>\n                        <ColorPaletteTile color=\"green\" selected></ColorPaletteTile>\n                        <ColorPaletteTile color=\"blue\"></ColorPaletteTile>\n                    </ColorPaletteRow>\n                </ColorPalette>\n            </section>\n\n        </div>\n    </>\n);\n", "/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "export const ColorPaletteRow = (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr>{props.children}</tr>\n);\n", "import { classNames, stateClassNames, States } from '../utils';\n\nexport const COLORPALETTETILE_CLASSNAME = `k-colorpalette-tile`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.selected\n];\n\nconst options = {};\n\nexport type KendoColorPaletteTileProps = {\n    color?: string;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteTileState = { [K in (typeof states)[number]]?: boolean };\n\n\nexport const ColorPaletteTile = (\n    props: KendoColorPaletteTileProps &\n        KendoColorPaletteTileState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        color,\n        tileSize,\n        hover,\n        focus,\n        selected,\n        ...other\n    } = props;\n\n    const styles = {\n        'background-color': color,\n        'width': tileSize ? tileSize + 'px' : '',\n        'height': tileSize ? tileSize + 'px' : ''\n    };\n\n    return (\n        <td\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTETILE_CLASSNAME,\n                stateClassNames(COLORPALETTETILE_CLASSNAME, {\n                    hover,\n                    focus,\n                    selected\n                }),\n            )}\n            style={styles}\n        >\n        </td>\n    );\n};\n\nColorPaletteTile.states = states;\nColorPaletteTile.options = options;\nColorPaletteTile.className = COLORPALETTETILE_CLASSNAME;\n\nexport default ColorPaletteTile;\n", "import { classNames, stateClassNames, States } from '../utils';\nimport { ColorPaletteRow } from './colorpalette-row';\nimport { ColorPaletteTile } from './colorpalette-tile';\n\nexport const COLORPALETTE_CLASSNAME = `k-colorpalette`;\n\nconst states = [\n    States.disabled\n];\n\nconst options = {};\n\nexport type KendoColorPaletteProps = {\n    palette?: Array<string> | any;\n    columns?: number;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    columns: 10,\n};\n\nexport const ColorPalette = (\n    props: KendoColorPaletteProps &\n        KendoColorPaletteState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        palette,\n        columns = defaultProps.columns,\n        tileSize,\n        disabled,\n        ...other\n    } = props;\n\n    const newChildren : JSX.Element[] = [];\n\n    if (palette) {\n\n        const cols = columns || palette.columns;\n\n        const colors = palette.colors ? palette.colors : palette;\n\n        if (Array.isArray(colors)) {\n            Array.from({ length: Math.ceil(colors.length / cols) }, (_, i) => {\n                const items : JSX.Element[] = [];\n\n                colors.slice(i * cols, (i + 1) * cols)\n                    .map((color) => {\n                        items.push( <ColorPaletteTile color={color} tileSize={tileSize} /> );\n                    });\n\n                const row = <ColorPaletteRow>{items}</ColorPaletteRow>;\n\n                newChildren.push(row);\n            });\n        }\n\n    }\n\n    return (\n        <div\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTE_CLASSNAME,\n                stateClassNames(COLORPALETTE_CLASSNAME, {\n                    disabled,\n                }),\n            )}>\n            <div className=\"k-colorpalette-table-wrap\">\n                <table className=\"k-colorpalette-table k-palette\">\n                    {newChildren.length > 0 ? newChildren : props.children}\n                </table>\n            </div>\n        </div>\n    );\n};\n\nColorPalette.states = states;\nColorPalette.options = options;\nColorPalette.className = COLORPALETTE_CLASSNAME;\nColorPalette.defaultProps = defaultProps;\n\nexport default ColorPalette;\n", "export const PALETTEPRESETS = {\n    basic: {\n        colors: [ '#000000', '#7f7f7f', '#880015', '#ed1c24', '#ff7f27', '#fff200', '#22b14c', '#00a2e8', '#3f48cc', '#a349a4', '#ffffff', '#c3c3c3', '#b97a57', '#ffaec9', '#ffc90e', '#efe4b0', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7' ],\n        columns: 10\n    },\n    office: {\n        colors: [ '#ffffff', '#000000', '#e6e6e6', '#435569', '#4371c4', '#ed7e32', '#a5a4a5', '#febf04', '#5a9bd5', '#71ae48', '#f2f2f3', '#7f7f7f', '#d1cece', '#d5dde3', '#dae1f4', '#fce5d4', '#deeded', '#fff2cc', '#deeaf6', '#e1efd9', '#d7d8d8', '#585959', '#aeabab', '#adbaca', '#b4c5e7', '#f6caac', '#dbdbdb', '#ffe498', '#bcd6ee', '#c5e0b2', '#bfbfc0', '#3f3f3f', '#767070', '#8595b1', '#8fabdb', '#f5b183', '#c9c8c9', '#fed965', '#9bc4e5', '#a8d08d', '#a5a5a6', '#262625', '#393939', '#334050', '#2e5496', '#c45a11', '#7b7b7a', '#bf9000', '#2f75b5', '#548235', '#7f7f7f', '#0b0c0c', '#161616', '#222a34', '#203764', '#843d0b', '#525252', '#7f6000', '#1d4d79', '#375623' ],\n        columns: 10\n    },\n    apex: {\n        colors: [ '#ffffff', '#000000', '#c9c2d1', '#69676d', '#ceb966', '#9cb084', '#6bb1c9', '#6585cf', '#7e6bc9', '#a379bb', '#f2f2f2', '#7f7f7f', '#f4f2f5', '#e0e0e2', '#f5f1e0', '#ebefe6', '#e1eff4', '#e0e6f5', '#e5e1f4', '#ece4f1', '#d8d8d8', '#595959', '#e9e6ec', '#c2c1c5', '#ebe3c1', '#d7dfcd', '#c3dfe9', '#c1ceeb', '#cbc3e9', '#dac9e3', '#bfbfbf', '#3f3f3f', '#dedae3', '#a4a3a8', '#e1d5a3', '#c3cfb5', '#a6d0de', '#a2b5e2', '#b1a6de', '#c7aed6', '#a5a5a5', '#262626', '#9688a5', '#4e4d51', '#ae9638', '#758c5a', '#3d8da9', '#365bb0', '#533da9', '#7d4d99', '#7f7f7f', '#0c0c0c', '#635672', '#343336', '#746425', '#4e5d3c', '#295e70', '#243c75', '#372970', '#533366' ],\n        columns: 10\n    },\n    austin: {\n        colors: [ '#ffffff', '#000000', '#caf278', '#3e3d2d', '#94c600', '#71685a', '#ff6700', '#909465', '#956b43', '#fea022', '#f2f2f2', '#7f7f7f', '#f4fce4', '#dddcd0', '#efffc0', '#e3e1dc', '#ffe0cb', '#e8e9df', '#ece1d6', '#feecd2', '#d8d8d8', '#595959', '#e9f9c9', '#bbb9a1', '#dfff82', '#c8c3ba', '#ffc299', '#d2d4c0', '#dac3ad', '#fed9a6', '#bfbfbf', '#3f3f3f', '#dff7ae', '#ada598', '#cfff43', '#ada598', '#ffa365', '#bcbfa1', '#c8a585', '#fec67a', '#a5a5a5', '#262626', '#a9ea25', '#2e2d21', '#6f9400', '#544e43', '#bf4d00', '#6c6f4b', '#6f5032', '#d77b00', '#7f7f7f', '#0c0c0c', '#74a50f', '#1f1e16', '#4a6300', '#38342d', '#7f3300', '#484a32', '#4a3521', '#8f5200' ],\n        columns: 10\n    },\n    clarity: {\n        colors: [ '#ffffff', '#292934', '#f3f2dc', '#d2533c', '#93a299', '#ad8f67', '#726056', '#4c5a6a', '#808da0', '#79463d', '#f2f2f2', '#e7e7ec', '#e7e5b9', '#f6dcd8', '#e9ecea', '#eee8e0', '#e4dedb', '#d8dde3', '#e5e8ec', '#e9d6d3', '#d8d8d8', '#c4c4d1', '#d5d185', '#edbab1', '#d3d9d6', '#ded2c2', '#c9beb8', '#b2bcc8', '#ccd1d9', '#d3aea7', '#bfbfbf', '#8a8aa3', '#aca73b', '#e4978a', '#bec7c1', '#cdbba3', '#af9e94', '#8c9bac', '#b2bac6', '#bd857c', '#a5a5a5', '#56566e', '#56531d', '#a43925', '#6b7c72', '#866b48', '#554840', '#39434f', '#5c697b', '#5a342d', '#7f7f7f', '#3b3b4b', '#22210b', '#6d2619', '#47534c', '#594730', '#39302b', '#262d35', '#3d4652', '#3c231e' ],\n        columns: 10\n    },\n    slipstream: {\n        colors: [ '#ffffff', '#000000', '#b4dcfa', '#212745', '#4e67c8', '#5eccf3', '#a7ea52', '#5dceaf', '#ff8021', '#f14124', '#f2f2f2', '#7f7f7f', '#8bc9f7', '#c7cce4', '#dbe0f4', '#def4fc', '#edfadc', '#def5ef', '#ffe5d2', '#fcd9d3', '#d8d8d8', '#595959', '#4facf3', '#909aca', '#b8c2e9', '#beeafa', '#dbf6b9', '#beebdf', '#ffcca6', '#f9b3a7', '#bfbfbf', '#3f3f3f', '#0d78c9', '#5967af', '#94a3de', '#9ee0f7', '#caf297', '#9de1cf', '#ffb279', '#f68d7b', '#a5a5a5', '#262626', '#063c64', '#181d33', '#31479f', '#11b2eb', '#81d319', '#34ac8b', '#d85c00', '#c3260c', '#7f7f7f', '#0c0c0c', '#021828', '#101322', '#202f6a', '#0b769c', '#568c11', '#22725c', '#903d00', '#821908' ],\n        columns: 10\n    },\n    metro: {\n        colors: [ '#ffffff', '#000000', '#d6ecff', '#4e5b6f', '#7fd13b', '#ea157a', '#feb80a', '#00addc', '#738ac8', '#1ab39f', '#f2f2f2', '#7f7f7f', '#a7d6ff', '#d9dde4', '#e5f5d7', '#fad0e4', '#fef0cd', '#c5f2ff', '#e2e7f4', '#c9f7f1', '#d8d8d8', '#595959', '#60b5ff', '#b3bcca', '#cbecb0', '#f6a1c9', '#fee29c', '#8be6ff', '#c7d0e9', '#94efe3', '#bfbfbf', '#3f3f3f', '#007dea', '#8d9baf', '#b2e389', '#f272af', '#fed46b', '#51d9ff', '#aab8de', '#5fe7d5', '#a5a5a5', '#262626', '#003e75', '#3a4453', '#5ea226', '#af0f5b', '#c58c00', '#0081a5', '#425ea9', '#138677', '#7f7f7f', '#0c0c0c', '#00192e', '#272d37', '#3f6c19', '#750a3d', '#835d00', '#00566e', '#2c3f71', '#0c594f' ],\n        columns: 10\n    },\n    flow: {\n        colors: [ '#ffffff', '#000000', '#dbf5f9', '#04617b', '#0f6fc6', '#009dd9', '#0bd0d9', '#10cf9b', '#7cca62', '#a5c249', '#f2f2f2', '#7f7f7f', '#b2e9f2', '#b4ecfc', '#c7e2fa', '#c4eeff', '#c9fafc', '#c9faed', '#e4f4df', '#edf2da', '#d8d8d8', '#595959', '#76d9e8', '#6adafa', '#90c6f6', '#89deff', '#93f5f9', '#94f6db', '#cae9c0', '#dbe6b6', '#bfbfbf', '#3f3f3f', '#21b2c8', '#20c8f7', '#59a9f2', '#4fceff', '#5df0f6', '#5ff2ca', '#b0dfa0', '#c9da91', '#a5a5a5', '#262626', '#105964', '#02485c', '#0b5394', '#0075a2', '#089ca2', '#0b9b74', '#54a838', '#7e9532', '#7f7f7f', '#0c0c0c', '#062328', '#01303d', '#073763', '#004e6c', '#05686c', '#07674d', '#387025', '#546321' ],\n        columns: 10\n    },\n    hardcover: {\n        colors: [ '#ffffff', '#000000', '#ece9c6', '#895d1d', '#873624', '#d6862d', '#d0be40', '#877f6c', '#972109', '#aeb795', '#f2f2f2', '#7f7f7f', '#e1dca5', '#f2e0c6', '#f0d0c9', '#f6e6d5', '#f5f2d8', '#e7e5e1', '#fbc7bc', '#eef0e9', '#d8d8d8', '#595959', '#d0c974', '#e6c28d', '#e2a293', '#eeceaa', '#ece5b2', '#cfccc3', '#f78f7a', '#dee2d4', '#bfbfbf', '#3f3f3f', '#a29a36', '#daa454', '#d4735e', '#e6b681', '#e2d88c', '#b7b2a5', '#f35838', '#ced3bf', '#a5a5a5', '#262626', '#514d1b', '#664515', '#65281a', '#a2641f', '#a39428', '#655f50', '#711806', '#879464', '#7f7f7f', '#0c0c0c', '#201e0a', '#442e0e', '#431b11', '#6c4315', '#6d621a', '#433f35', '#4b1004', '#5a6243' ],\n        columns: 10\n    },\n    trek: {\n        colors: [ '#ffffff', '#000000', '#fbeec9', '#4e3b30', '#f0a22e', '#a5644e', '#b58b80', '#c3986d', '#a19574', '#c17529', '#f2f2f2', '#7f7f7f', '#f7e09e', '#e1d6cf', '#fcecd5', '#eddfda', '#f0e7e5', '#f3eae1', '#ece9e3', '#f5e3d1', '#d8d8d8', '#595959', '#f3cc5f', '#c4ad9f', '#f9d9ab', '#dcc0b6', '#e1d0cc', '#e7d5c4', '#d9d4c7', '#ebc7a3', '#bfbfbf', '#3f3f3f', '#d29f0f', '#a78470', '#f6c781', '#cba092', '#d2b9b2', '#dbc1a7', '#c6bfab', '#e1ac76', '#a5a5a5', '#262626', '#694f07', '#3a2c24', '#c87d0e', '#7b4b3a', '#926255', '#a17242', '#7b7153', '#90571e', '#7f7f7f', '#0c0c0c', '#2a1f03', '#271d18', '#855309', '#523226', '#614138', '#6b4c2c', '#524b37', '#603a14' ],\n        columns: 10\n    },\n    verve: {\n        colors: [ '#ffffff', '#000000', '#d2d2d2', '#666666', '#ff388c', '#e40059', '#9c007f', '#68007f', '#005bd3', '#00349e', '#f2f2f2', '#7f7f7f', '#bdbdbd', '#e0e0e0', '#ffd7e8', '#ffc6dc', '#ffb8f1', '#f1b2ff', '#c3dcff', '#b8cfff', '#d8d8d8', '#595959', '#9d9d9d', '#c1c1c1', '#ffafd1', '#ff8eba', '#ff71e4', '#e365ff', '#87baff', '#72a0ff', '#bfbfbf', '#3f3f3f', '#696969', '#a3a3a3', '#ff87ba', '#ff5597', '#ff2ad7', '#d519ff', '#4b98ff', '#2b71ff', '#a5a5a5', '#262626', '#343434', '#4c4c4c', '#e90062', '#ab0042', '#75005f', '#4e005f', '#00449e', '#002676', '#7f7f7f', '#0c0c0c', '#151515', '#333333', '#9b0041', '#72002c', '#4e003f', '#34003f', '#002d69', '#00194f' ],\n        columns: 10\n    },\n    monochrome: {\n        colors: [ '#000000', '#1a1a1a', '#333333', '#4d4d4d', '#666666', '#808080', '#999999', '#b3b3b3', '#cccccc', '#e6e6e6', '#f2f2f2', '#ffffff' ],\n        columns: 12\n    }\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import ReactDOM from 'react-dom/client';\nimport { ColorPalette, ColorPaletteRow, ColorPaletteTile } from '../../colorpalette';\nimport { PALETTEPRESETS } from '../colorpalette-presets';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <span>Disabled</span>\n            <section>\n                <ColorPalette palette={PALETTEPRESETS.basic} disabled></ColorPalette>\n            </section>\n\n            <span>Item States</span>\n            <section>\n                <ColorPalette>\n                    <ColorPaletteRow>\n                        <ColorPaletteTile color=\"black\" focus></ColorPaletteTile>\n                        <ColorPaletteTile color=\"grey\"></ColorPaletteTile>\n                        <ColorPaletteTile color=\"red\" hover></ColorPaletteTile>\n                        <ColorPaletteTile color=\"orange\"></ColorPaletteTile>\n                        <ColorPaletteTile color=\"green\" selected></ColorPaletteTile>\n                        <ColorPaletteTile color=\"blue\"></ColorPaletteTile>\n                    </ColorPaletteRow>\n                </ColorPalette>\n            </section>\n\n        </div>\n    </>\n);\n", "/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "export const ColorPaletteRow = (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr>{props.children}</tr>\n);\n", "import { classNames, stateClassNames, States } from '../utils';\n\nexport const COLORPALETTETILE_CLASSNAME = `k-colorpalette-tile`;\n\nconst states = [\n    States.hover,\n    States.focus,\n    States.selected\n];\n\nconst options = {};\n\nexport type KendoColorPaletteTileProps = {\n    color?: string;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteTileState = { [K in (typeof states)[number]]?: boolean };\n\n\nexport const ColorPaletteTile = (\n    props: KendoColorPaletteTileProps &\n        KendoColorPaletteTileState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        color,\n        tileSize,\n        hover,\n        focus,\n        selected,\n        ...other\n    } = props;\n\n    const styles = {\n        'background-color': color,\n        'width': tileSize ? tileSize + 'px' : '',\n        'height': tileSize ? tileSize + 'px' : ''\n    };\n\n    return (\n        <td\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTETILE_CLASSNAME,\n                stateClassNames(COLORPALETTETILE_CLASSNAME, {\n                    hover,\n                    focus,\n                    selected\n                }),\n            )}\n            style={styles}\n        >\n        </td>\n    );\n};\n\nColorPaletteTile.states = states;\nColorPaletteTile.options = options;\nColorPaletteTile.className = COLORPALETTETILE_CLASSNAME;\n\nexport default ColorPaletteTile;\n", "import { classNames, stateClassNames, States } from '../utils';\nimport { ColorPaletteRow } from './colorpalette-row';\nimport { ColorPaletteTile } from './colorpalette-tile';\n\nexport const COLORPALETTE_CLASSNAME = `k-colorpalette`;\n\nconst states = [\n    States.disabled\n];\n\nconst options = {};\n\nexport type KendoColorPaletteProps = {\n    palette?: Array<string> | any;\n    columns?: number;\n    tileSize?: string;\n};\n\nexport type KendoColorPaletteState = { [K in (typeof states)[number]]?: boolean };\n\nconst defaultProps = {\n    columns: 10,\n};\n\nexport const ColorPalette = (\n    props: KendoColorPaletteProps &\n        KendoColorPaletteState &\n        React.HTMLAttributes<HTMLDivElement>\n) => {\n    const {\n        palette,\n        columns = defaultProps.columns,\n        tileSize,\n        disabled,\n        ...other\n    } = props;\n\n    const newChildren : JSX.Element[] = [];\n\n    if (palette) {\n\n        const cols = columns || palette.columns;\n\n        const colors = palette.colors ? palette.colors : palette;\n\n        if (Array.isArray(colors)) {\n            Array.from({ length: Math.ceil(colors.length / cols) }, (_, i) => {\n                const items : JSX.Element[] = [];\n\n                colors.slice(i * cols, (i + 1) * cols)\n                    .map((color) => {\n                        items.push( <ColorPaletteTile color={color} tileSize={tileSize} /> );\n                    });\n\n                const row = <ColorPaletteRow>{items}</ColorPaletteRow>;\n\n                newChildren.push(row);\n            });\n        }\n\n    }\n\n    return (\n        <div\n            {...other}\n            className={classNames(\n                props.className,\n                COLORPALETTE_CLASSNAME,\n                stateClassNames(COLORPALETTE_CLASSNAME, {\n                    disabled,\n                }),\n            )}>\n\n            <table className=\"k-colorpalette-table\">\n                {newChildren.length > 0 ? newChildren : props.children}\n            </table>\n\n        </div>\n    );\n};\n\nColorPalette.states = states;\nColorPalette.options = options;\nColorPalette.className = COLORPALETTE_CLASSNAME;\nColorPalette.defaultProps = defaultProps;\n\nexport default ColorPalette;\n", "export const PALETTEPRESETS = {\n    basic: {\n        colors: [ '#000000', '#7f7f7f', '#880015', '#ed1c24', '#ff7f27', '#fff200', '#22b14c', '#00a2e8', '#3f48cc', '#a349a4', '#ffffff', '#c3c3c3', '#b97a57', '#ffaec9', '#ffc90e', '#efe4b0', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7' ],\n        columns: 10\n    },\n    office: {\n        colors: [ '#ffffff', '#000000', '#e6e6e6', '#435569', '#4371c4', '#ed7e32', '#a5a4a5', '#febf04', '#5a9bd5', '#71ae48', '#f2f2f3', '#7f7f7f', '#d1cece', '#d5dde3', '#dae1f4', '#fce5d4', '#deeded', '#fff2cc', '#deeaf6', '#e1efd9', '#d7d8d8', '#585959', '#aeabab', '#adbaca', '#b4c5e7', '#f6caac', '#dbdbdb', '#ffe498', '#bcd6ee', '#c5e0b2', '#bfbfc0', '#3f3f3f', '#767070', '#8595b1', '#8fabdb', '#f5b183', '#c9c8c9', '#fed965', '#9bc4e5', '#a8d08d', '#a5a5a6', '#262625', '#393939', '#334050', '#2e5496', '#c45a11', '#7b7b7a', '#bf9000', '#2f75b5', '#548235', '#7f7f7f', '#0b0c0c', '#161616', '#222a34', '#203764', '#843d0b', '#525252', '#7f6000', '#1d4d79', '#375623' ],\n        columns: 10\n    },\n    apex: {\n        colors: [ '#ffffff', '#000000', '#c9c2d1', '#69676d', '#ceb966', '#9cb084', '#6bb1c9', '#6585cf', '#7e6bc9', '#a379bb', '#f2f2f2', '#7f7f7f', '#f4f2f5', '#e0e0e2', '#f5f1e0', '#ebefe6', '#e1eff4', '#e0e6f5', '#e5e1f4', '#ece4f1', '#d8d8d8', '#595959', '#e9e6ec', '#c2c1c5', '#ebe3c1', '#d7dfcd', '#c3dfe9', '#c1ceeb', '#cbc3e9', '#dac9e3', '#bfbfbf', '#3f3f3f', '#dedae3', '#a4a3a8', '#e1d5a3', '#c3cfb5', '#a6d0de', '#a2b5e2', '#b1a6de', '#c7aed6', '#a5a5a5', '#262626', '#9688a5', '#4e4d51', '#ae9638', '#758c5a', '#3d8da9', '#365bb0', '#533da9', '#7d4d99', '#7f7f7f', '#0c0c0c', '#635672', '#343336', '#746425', '#4e5d3c', '#295e70', '#243c75', '#372970', '#533366' ],\n        columns: 10\n    },\n    austin: {\n        colors: [ '#ffffff', '#000000', '#caf278', '#3e3d2d', '#94c600', '#71685a', '#ff6700', '#909465', '#956b43', '#fea022', '#f2f2f2', '#7f7f7f', '#f4fce4', '#dddcd0', '#efffc0', '#e3e1dc', '#ffe0cb', '#e8e9df', '#ece1d6', '#feecd2', '#d8d8d8', '#595959', '#e9f9c9', '#bbb9a1', '#dfff82', '#c8c3ba', '#ffc299', '#d2d4c0', '#dac3ad', '#fed9a6', '#bfbfbf', '#3f3f3f', '#dff7ae', '#ada598', '#cfff43', '#ada598', '#ffa365', '#bcbfa1', '#c8a585', '#fec67a', '#a5a5a5', '#262626', '#a9ea25', '#2e2d21', '#6f9400', '#544e43', '#bf4d00', '#6c6f4b', '#6f5032', '#d77b00', '#7f7f7f', '#0c0c0c', '#74a50f', '#1f1e16', '#4a6300', '#38342d', '#7f3300', '#484a32', '#4a3521', '#8f5200' ],\n        columns: 10\n    },\n    clarity: {\n        colors: [ '#ffffff', '#292934', '#f3f2dc', '#d2533c', '#93a299', '#ad8f67', '#726056', '#4c5a6a', '#808da0', '#79463d', '#f2f2f2', '#e7e7ec', '#e7e5b9', '#f6dcd8', '#e9ecea', '#eee8e0', '#e4dedb', '#d8dde3', '#e5e8ec', '#e9d6d3', '#d8d8d8', '#c4c4d1', '#d5d185', '#edbab1', '#d3d9d6', '#ded2c2', '#c9beb8', '#b2bcc8', '#ccd1d9', '#d3aea7', '#bfbfbf', '#8a8aa3', '#aca73b', '#e4978a', '#bec7c1', '#cdbba3', '#af9e94', '#8c9bac', '#b2bac6', '#bd857c', '#a5a5a5', '#56566e', '#56531d', '#a43925', '#6b7c72', '#866b48', '#554840', '#39434f', '#5c697b', '#5a342d', '#7f7f7f', '#3b3b4b', '#22210b', '#6d2619', '#47534c', '#594730', '#39302b', '#262d35', '#3d4652', '#3c231e' ],\n        columns: 10\n    },\n    slipstream: {\n        colors: [ '#ffffff', '#000000', '#b4dcfa', '#212745', '#4e67c8', '#5eccf3', '#a7ea52', '#5dceaf', '#ff8021', '#f14124', '#f2f2f2', '#7f7f7f', '#8bc9f7', '#c7cce4', '#dbe0f4', '#def4fc', '#edfadc', '#def5ef', '#ffe5d2', '#fcd9d3', '#d8d8d8', '#595959', '#4facf3', '#909aca', '#b8c2e9', '#beeafa', '#dbf6b9', '#beebdf', '#ffcca6', '#f9b3a7', '#bfbfbf', '#3f3f3f', '#0d78c9', '#5967af', '#94a3de', '#9ee0f7', '#caf297', '#9de1cf', '#ffb279', '#f68d7b', '#a5a5a5', '#262626', '#063c64', '#181d33', '#31479f', '#11b2eb', '#81d319', '#34ac8b', '#d85c00', '#c3260c', '#7f7f7f', '#0c0c0c', '#021828', '#101322', '#202f6a', '#0b769c', '#568c11', '#22725c', '#903d00', '#821908' ],\n        columns: 10\n    },\n    metro: {\n        colors: [ '#ffffff', '#000000', '#d6ecff', '#4e5b6f', '#7fd13b', '#ea157a', '#feb80a', '#00addc', '#738ac8', '#1ab39f', '#f2f2f2', '#7f7f7f', '#a7d6ff', '#d9dde4', '#e5f5d7', '#fad0e4', '#fef0cd', '#c5f2ff', '#e2e7f4', '#c9f7f1', '#d8d8d8', '#595959', '#60b5ff', '#b3bcca', '#cbecb0', '#f6a1c9', '#fee29c', '#8be6ff', '#c7d0e9', '#94efe3', '#bfbfbf', '#3f3f3f', '#007dea', '#8d9baf', '#b2e389', '#f272af', '#fed46b', '#51d9ff', '#aab8de', '#5fe7d5', '#a5a5a5', '#262626', '#003e75', '#3a4453', '#5ea226', '#af0f5b', '#c58c00', '#0081a5', '#425ea9', '#138677', '#7f7f7f', '#0c0c0c', '#00192e', '#272d37', '#3f6c19', '#750a3d', '#835d00', '#00566e', '#2c3f71', '#0c594f' ],\n        columns: 10\n    },\n    flow: {\n        colors: [ '#ffffff', '#000000', '#dbf5f9', '#04617b', '#0f6fc6', '#009dd9', '#0bd0d9', '#10cf9b', '#7cca62', '#a5c249', '#f2f2f2', '#7f7f7f', '#b2e9f2', '#b4ecfc', '#c7e2fa', '#c4eeff', '#c9fafc', '#c9faed', '#e4f4df', '#edf2da', '#d8d8d8', '#595959', '#76d9e8', '#6adafa', '#90c6f6', '#89deff', '#93f5f9', '#94f6db', '#cae9c0', '#dbe6b6', '#bfbfbf', '#3f3f3f', '#21b2c8', '#20c8f7', '#59a9f2', '#4fceff', '#5df0f6', '#5ff2ca', '#b0dfa0', '#c9da91', '#a5a5a5', '#262626', '#105964', '#02485c', '#0b5394', '#0075a2', '#089ca2', '#0b9b74', '#54a838', '#7e9532', '#7f7f7f', '#0c0c0c', '#062328', '#01303d', '#073763', '#004e6c', '#05686c', '#07674d', '#387025', '#546321' ],\n        columns: 10\n    },\n    hardcover: {\n        colors: [ '#ffffff', '#000000', '#ece9c6', '#895d1d', '#873624', '#d6862d', '#d0be40', '#877f6c', '#972109', '#aeb795', '#f2f2f2', '#7f7f7f', '#e1dca5', '#f2e0c6', '#f0d0c9', '#f6e6d5', '#f5f2d8', '#e7e5e1', '#fbc7bc', '#eef0e9', '#d8d8d8', '#595959', '#d0c974', '#e6c28d', '#e2a293', '#eeceaa', '#ece5b2', '#cfccc3', '#f78f7a', '#dee2d4', '#bfbfbf', '#3f3f3f', '#a29a36', '#daa454', '#d4735e', '#e6b681', '#e2d88c', '#b7b2a5', '#f35838', '#ced3bf', '#a5a5a5', '#262626', '#514d1b', '#664515', '#65281a', '#a2641f', '#a39428', '#655f50', '#711806', '#879464', '#7f7f7f', '#0c0c0c', '#201e0a', '#442e0e', '#431b11', '#6c4315', '#6d621a', '#433f35', '#4b1004', '#5a6243' ],\n        columns: 10\n    },\n    trek: {\n        colors: [ '#ffffff', '#000000', '#fbeec9', '#4e3b30', '#f0a22e', '#a5644e', '#b58b80', '#c3986d', '#a19574', '#c17529', '#f2f2f2', '#7f7f7f', '#f7e09e', '#e1d6cf', '#fcecd5', '#eddfda', '#f0e7e5', '#f3eae1', '#ece9e3', '#f5e3d1', '#d8d8d8', '#595959', '#f3cc5f', '#c4ad9f', '#f9d9ab', '#dcc0b6', '#e1d0cc', '#e7d5c4', '#d9d4c7', '#ebc7a3', '#bfbfbf', '#3f3f3f', '#d29f0f', '#a78470', '#f6c781', '#cba092', '#d2b9b2', '#dbc1a7', '#c6bfab', '#e1ac76', '#a5a5a5', '#262626', '#694f07', '#3a2c24', '#c87d0e', '#7b4b3a', '#926255', '#a17242', '#7b7153', '#90571e', '#7f7f7f', '#0c0c0c', '#2a1f03', '#271d18', '#855309', '#523226', '#614138', '#6b4c2c', '#524b37', '#603a14' ],\n        columns: 10\n    },\n    verve: {\n        colors: [ '#ffffff', '#000000', '#d2d2d2', '#666666', '#ff388c', '#e40059', '#9c007f', '#68007f', '#005bd3', '#00349e', '#f2f2f2', '#7f7f7f', '#bdbdbd', '#e0e0e0', '#ffd7e8', '#ffc6dc', '#ffb8f1', '#f1b2ff', '#c3dcff', '#b8cfff', '#d8d8d8', '#595959', '#9d9d9d', '#c1c1c1', '#ffafd1', '#ff8eba', '#ff71e4', '#e365ff', '#87baff', '#72a0ff', '#bfbfbf', '#3f3f3f', '#696969', '#a3a3a3', '#ff87ba', '#ff5597', '#ff2ad7', '#d519ff', '#4b98ff', '#2b71ff', '#a5a5a5', '#262626', '#343434', '#4c4c4c', '#e90062', '#ab0042', '#75005f', '#4e005f', '#00449e', '#002676', '#7f7f7f', '#0c0c0c', '#151515', '#333333', '#9b0041', '#72002c', '#4e003f', '#34003f', '#002d69', '#00194f' ],\n        columns: 10\n    },\n    monochrome: {\n        colors: [ '#000000', '#1a1a1a', '#333333', '#4d4d4d', '#666666', '#808080', '#999999', '#b3b3b3', '#cccccc', '#e6e6e6', '#f2f2f2', '#ffffff' ],\n        columns: 12\n    }\n};\n"],
+  "mappings": "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",
   "names": ["import_jsx_runtime", "import_jsx_runtime", "states", "options", "import_jsx_runtime", "ReactDOM"]
 }

package/dist/colorpalette/tests/colorpalette-variants.js

@@ -203,7 +203,7 @@
             disabled
           })
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "k-colorpalette-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("table", { className: "k-colorpalette-table k-palette", children: newChildren.length > 0 ? newChildren : props.children }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("table", { className: "k-colorpalette-table", children: newChildren.length > 0 ? newChildren : props.children })
       })
     );
   };