const cssStates = [
  "open",
  "not-open",
  "checked",
  "indeterminate",
  "unchecked",
  "read-only",
  "blank",
  "not-blank",
  "idle",
  "hover",
  "focus",
  "not-focus",
  "active",
  "enabled",
  "disabled"
];
function createCSSStateVariable(variable) {
  return variable;
}
const cssStateVariables = {
  pointer: createCSSStateVariable({
    values: {
      idle: "idle",
      hover: "hover",
      active: "active"
    },
    defaultValue: "idle"
  }),
  focus: createCSSStateVariable({
    values: {
      focus: true,
      "not-focus": false
    },
    defaultValue: false
  }),
  open: createCSSStateVariable({
    values: {
      open: true,
      "not-open": false
    },
    defaultValue: false
  }),
  blank: createCSSStateVariable({
    values: {
      blank: true,
      "not-blank": false
    },
    defaultValue: false
  }),
  checked: createCSSStateVariable({
    values: {
      checked: true,
      indeterminate: "indeterminate",
      unchecked: false
    },
    defaultValue: false
  }),
  disabled: createCSSStateVariable({
    values: {
      enabled: false,
      disabled: true,
      "read-only": "read-only"
    },
    defaultValue: false
  })
};
export {
  cssStateVariables,
  cssStates
};
