export const Size = {
  undefined: undefined,
  xsmall: "xsmall",
  small: "small",
  medium: "medium",
  large: "large",
  xlarge: "xlarge",
  xxlarge: "xxlarge",
  xxxlarge: "xxxlarge",
} as const;

export const Roundness = {
  undefined: undefined,
  none: "none",
  small: "small",
  medium: "medium",
  large: "large",
  full: "full",
} as const;

export const FillMode = {
  undefined: undefined,
  solid: "solid",
  flat: "flat",
  outline: "outline",
  clear: "clear",
  link: "link",
} as const;

export const IconVariant = {
  undefined: undefined,
  outline: "outline",
  solid: "solid",
  duotone: "duotone",
} as const;

export const ThemeColor = {
  undefined: undefined,
  inherit: "inherit",
  base: "base",
  primary: "primary",
  secondary: "secondary",
  tertiary: "tertiary",
  info: "info",
  success: "success",
  warning: "warning",
  error: "error",
  inverse: "inverse",
} as const;

export const States = {
  open: "open",
  hover: "hover",
  focus: "focus",
  active: "active",
  selected: "selected",
  disabled: "disabled",
  valid: "valid",
  invalid: "invalid",
  loading: "loading",
  required: "required",
  empty: "empty",
  indeterminate: "indeterminate",
  checked: "checked",
  readonly: "readonly",
  highlighted: "highlighted",
  generating: "generating",
  expanded: "expanded",
} as const;

export const kendoThemeMaps = {
  calloutMap: {
    top: "n",
    bottom: "s",
    left: "w",
    right: "e",
  },
  orientationMap: {
    vertical: "vstack",
    horizontal: "hstack",
  },
} as const;