const h = {
  default: {
    base: "inline-flex h-[var(--height-h-10)] px-[var(--spacing-4)] py-[var(--spacing-2)] gap-[var(--spacing-2)]",
    iconOnly: "flex h-[var(--height-h-10)] w-[var(--width-w-10)] p-[var(--spacing-2)]"
  },
  lg: {
    base: "inline-flex h-[var(--height-h-11)] px-[var(--spacing-8)] py-[var(--spacing-2)] gap-[var(--spacing-2)]",
    iconOnly: "flex h-[var(--height-h-11)] w-[var(--height-h-11)] p-[var(--spacing-2)]"
  },
  sm: {
    base: "inline-flex h-[var(--height-h-9)] px-[var(--spacing-3)] py-[var(--spacing-2)] gap-[var(--spacing-2)]",
    iconOnly: "flex h-[var(--height-h-9)] w-[var(--height-h-9)] p-[var(--spacing-2)]"
  },
  xs: {
    base: "inline-flex h-[var(--height-h-7)] px-[var(--spacing-2)] py-[var(--spacing-1)] gap-[var(--spacing-2)] text-[length:var(--typography-base-sizes-extra-small-font-size)]",
    iconOnly: "flex h-[var(--height-h-7)] w-[var(--height-h-7)] p-[var(--spacing-2)]"
  },
  icon: {
    base: "flex h-[var(--height-h-10)] w-[var(--width-w-10)] p-[var(--spacing-2)]",
    iconOnly: "flex h-[var(--height-h-10)] w-[var(--width-w-10)] p-[var(--spacing-2)]"
  },
  iconLg: {
    base: "flex h-[var(--height-h-11)] w-[var(--width-w-11)] p-[var(--spacing-2)]",
    iconOnly: "flex h-[var(--height-h-11)] w-[var(--width-w-11)] p-[var(--spacing-2)]"
  },
  iconSm: {
    base: "flex h-[var(--height-h-9)] w-[var(--height-h-9)] ",
    iconOnly: "flex h-[var(--height-h-9)] w-[var(--height-h-9)] "
  },
  iconXs: {
    base: "flex h-[var(--height-h-7)] w-[var(--height-h-7)] ",
    iconOnly: "flex h-[var(--height-h-7)] w-[var(--height-h-7)] "
  }
}, a = Object.keys(h);
export {
  a as ButtonSizes,
  h as buttonSizes
};
//# sourceMappingURL=ButtonSize.js.map
