@persona/design-system 0.5.0 → 0.5.1

package/dist/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.mjs","names":[],"sources":["../theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: Color;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: Color;\n\n  text: Color;\n  textDisabled: Color;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n"],"mappings":"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"}
+{"version":3,"file":"theme.mjs","names":[],"sources":["../theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\nimport type { PdsColor } from 'design-system/lib/color';\nimport { semanticDark, semanticLight, type SemanticTokens } from 'design-system/variables/semantic';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: PdsColor;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: PdsColor;\n\n  text: Color;\n  textDisabled: PdsColor;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  /** Absent under foreign themes (Relay, darkTheme); read via `semanticColor()`, never directly. */\n  semantic?: SemanticTokens;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n\n/**\n * `'light'`/`'dark'` install the semantic map and the matching primitive palette as a pair.\n * `'off'` removes the semantic namespace so every `semanticColor()` call takes its legacy fallback.\n */\nexport type PdsThemingMode = 'off' | 'light' | 'dark';\n\nexport type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<\n  T,\n  'color' | 'semantic'\n> &\n  (M extends 'off'\n    ? { color: T['color']; semantic?: undefined }\n    : { color: PersonaTheme['color']; semantic: SemanticTokens });\n\nconst semanticPalettes: Record<\n  Exclude<PdsThemingMode, 'off'>,\n  { color: ColorPalette; semantic: SemanticTokens }\n> = {\n  light: { color: lightColorPalette, semantic: semanticLight },\n  dark: { color: darkColorPalette, semantic: semanticDark },\n};\n\nexport function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(\n  theme: T,\n  mode: M,\n): PdsThemed<T, M>;\nexport function withPdsTheming(theme: PersonaTheme, mode: PdsThemingMode): PersonaTheme {\n  if (mode === 'off') {\n    return { ...theme, semantic: undefined };\n  }\n\n  return { ...theme, ...semanticPalettes[mode] };\n}\n"],"mappings":"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"}

package/dist/tone.d.mts

@@ -0,0 +1,17 @@
+import { n as SemanticTokens } from "./semantic-Dy7mTyBP.mjs";
+import { n as PdsColor } from "./color-fQTsW4gq.mjs";
+import { o as StickerProps } from "./Sticker-qvWkqEMw.mjs";
+import { Color } from "@persona/design-tokens";
+
+//#region components/Sticker/tone.d.ts
+interface StickerTone {
+  background: Color;
+  backgroundHover: Color;
+  color: Color;
+  colorHover: Color;
+  colorDisabled: PdsColor;
+}
+declare const semanticStickerTone: (t: SemanticTokens, variant: StickerProps["variant"], onSecondaryBackground?: boolean) => StickerTone;
+//#endregion
+export { StickerTone, semanticStickerTone };
+//# sourceMappingURL=tone.d.mts.map

package/dist/{types-V8UJX-rk.d.mts → types-1_JSe9Wr.d.mts}

@@ -1,4 +1,4 @@
-import { c as RelativeDateFilterValue } from "./types-Bsf1VsW6.mjs";
+import { c as RelativeDateFilterValue } from "./types-COeginAF.mjs";
 //#region components/DataTable/TableControls/FiltersV2/types.d.ts
 /**
  * Filter UI v2 — client-side state shape.
@@ -169,4 +169,4 @@ declare const EMPTY_FILTER_STATE: FilterStateV2;
 declare function isEmptyState(state: FilterStateV2): boolean;
 //#endregion
 export { FilterField as a, FilterOperator as c, FilterRuleValueChange as d, FilterSize as f, isEmptyState as h, EMPTY_FILTER_STATE as i, FilterRule as l, TopLevelFilterRule as m, CompoundExpression as n, FilterFieldSource as o, FilterStateV2 as p, DateRangeFilterValue as r, FilterFieldType as s, AndGroup as t, FilterRuleValue as u };
-//# sourceMappingURL=types-V8UJX-rk.d.mts.map
+//# sourceMappingURL=types-1_JSe9Wr.d.mts.map

package/dist/{types-DBBfOCX1.d.mts → types-C2s9yhgO.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-1_JSe9Wr.mjs";
 import { ReactElement } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
@@ -44,4 +44,4 @@ interface ValueControlProps {
 }
 //#endregion
 export { ValueControlProps as t };
-//# sourceMappingURL=types-DBBfOCX1.d.mts.map
+//# sourceMappingURL=types-C2s9yhgO.d.mts.map

package/dist/{types-Bsf1VsW6.d.mts → types-COeginAF.d.mts}

@@ -21,4 +21,4 @@ interface AbsoluteDateRange {
 }
 //#endregion
 export { DateFilterPreset as a, RelativeDateFilterValue as c, DATE_FILTER_PRESET_LABELS as i, AbsoluteDateRange as n, DateFilterValue as o, DATE_FILTER_PRESETS as r, PresetRelativeDateFilterValue as s, AbsoluteDateFilterValue as t };
-//# sourceMappingURL=types-Bsf1VsW6.d.mts.map
+//# sourceMappingURL=types-COeginAF.d.mts.map

package/dist/{types-Df0D37uh.d.mts → types-CtLY82w5.d.mts}

@@ -24,4 +24,4 @@ interface BaseActiveFilter<TFilter extends BaseFilterConfig = BaseFilterConfig>
 }
 //#endregion
 export { BaseActiveFilter as n, BaseFilterConfig as r, AttributeColumn as t };
-//# sourceMappingURL=types-Df0D37uh.d.mts.map
+//# sourceMappingURL=types-CtLY82w5.d.mts.map

package/dist/{types-Ds43XULD.d.mts → types-Ok2lRZeu.d.mts}

@@ -7,4 +7,4 @@ interface PaginationParams {
 }
 //#endregion
 export { PaginationParams as t };
-//# sourceMappingURL=types-Ds43XULD.d.mts.map
+//# sourceMappingURL=types-Ok2lRZeu.d.mts.map

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { n as BaseActiveFilter, r as BaseFilterConfig, t as AttributeColumn } from "./types-Df0D37uh.mjs";
+import { n as BaseActiveFilter, r as BaseFilterConfig, t as AttributeColumn } from "./types-CtLY82w5.mjs";
 export { AttributeColumn, BaseActiveFilter, BaseFilterConfig };

package/dist/types2.d.mts

@@ -1,2 +1,2 @@
-import { a as DateFilterPreset, c as RelativeDateFilterValue, i as DATE_FILTER_PRESET_LABELS, n as AbsoluteDateRange, o as DateFilterValue, r as DATE_FILTER_PRESETS, s as PresetRelativeDateFilterValue, t as AbsoluteDateFilterValue } from "./types-Bsf1VsW6.mjs";
+import { a as DateFilterPreset, c as RelativeDateFilterValue, i as DATE_FILTER_PRESET_LABELS, n as AbsoluteDateRange, o as DateFilterValue, r as DATE_FILTER_PRESETS, s as PresetRelativeDateFilterValue, t as AbsoluteDateFilterValue } from "./types-COeginAF.mjs";
 export { AbsoluteDateFilterValue, AbsoluteDateRange, DATE_FILTER_PRESETS, DATE_FILTER_PRESET_LABELS, DateFilterPreset, DateFilterValue, PresetRelativeDateFilterValue, RelativeDateFilterValue };

package/dist/types3.d.mts

@@ -1,2 +1,2 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, f as FilterSize, h as isEmptyState, i as EMPTY_FILTER_STATE, l as FilterRule, m as TopLevelFilterRule, n as CompoundExpression, o as FilterFieldSource, p as FilterStateV2, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, f as FilterSize, h as isEmptyState, i as EMPTY_FILTER_STATE, l as FilterRule, m as TopLevelFilterRule, n as CompoundExpression, o as FilterFieldSource, p as FilterStateV2, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-1_JSe9Wr.mjs";
 export { AndGroup, CompoundExpression, DateRangeFilterValue, EMPTY_FILTER_STATE, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterStateV2, TopLevelFilterRule, isEmptyState };

package/dist/types4.d.mts

@@ -1,2 +1,2 @@
-import { t as ValueControlProps } from "./types-DBBfOCX1.mjs";
+import { t as ValueControlProps } from "./types-C2s9yhgO.mjs";
 export { ValueControlProps };

package/dist/types5.d.mts

@@ -1,2 +1,2 @@
-import { t as PaginationParams } from "./types-Ds43XULD.mjs";
+import { t as PaginationParams } from "./types-Ok2lRZeu.mjs";
 export { PaginationParams };

package/dist/{url-state-M64mdtQ2.d.mts → url-state-DP78aDol.d.mts}

@@ -1,4 +1,4 @@
-import { p as FilterStateV2 } from "./types-V8UJX-rk.mjs";
+import { p as FilterStateV2 } from "./types-1_JSe9Wr.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/url-state.d.ts
 /**
@@ -39,4 +39,4 @@ declare function applyFilterStateToSearchParams(params: URLSearchParams, state:
 declare function decodeFilterStateFromString(raw: string | null | undefined): FilterStateV2 | null;
 //#endregion
 export { decodeFilterStateFromUrl as a, decodeFilterStateFromString as i, UrlStateCodecResult as n, encodeFilterStateToUrlParam as o, applyFilterStateToSearchParams as r, FILTER_STATE_URL_PARAM as t };
-//# sourceMappingURL=url-state-M64mdtQ2.d.mts.map
+//# sourceMappingURL=url-state-DP78aDol.d.mts.map

package/dist/url-state.d.mts

@@ -1,2 +1,2 @@
-import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "./url-state-M64mdtQ2.mjs";
+import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "./url-state-DP78aDol.mjs";
 export { FILTER_STATE_URL_PARAM, UrlStateCodecResult, applyFilterStateToSearchParams, decodeFilterStateFromString, decodeFilterStateFromUrl, encodeFilterStateToUrlParam };

package/dist/useComboboxFooterAction.d.mts

@@ -1,4 +1,4 @@
-import { p as FooterAction } from "./ComboboxBase-nfHr19x-.mjs";
+import { p as FooterAction } from "./ComboboxBase-Ds_i3K2m.mjs";
 import { KeyboardEvent } from "react";
 
 //#region components/Combobox/useComboboxFooterAction.d.ts

package/dist/{useFilterStateV2-gALqONXf.d.mts → useFilterStateV2-DC2rGXHK.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, n as CompoundExpression, p as FilterStateV2 } from "./types-V8UJX-rk.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-D6niLExM.mjs";
+import { l as FilterRule, n as CompoundExpression, p as FilterStateV2 } from "./types-1_JSe9Wr.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-BslyuPZw.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/useFilterStateV2.d.ts
 interface UseFilterStateV2Options {
@@ -90,4 +90,4 @@ interface UseFilterStateV2Result {
 declare function useFilterStateV2(options: UseFilterStateV2Options): UseFilterStateV2Result;
 //#endregion
 export { UseFilterStateV2Result as n, useFilterStateV2 as r, UseFilterStateV2Options as t };
-//# sourceMappingURL=useFilterStateV2-gALqONXf.d.mts.map
+//# sourceMappingURL=useFilterStateV2-DC2rGXHK.d.mts.map

package/dist/useFilterStateV2.d.mts

@@ -1,2 +1,2 @@
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-gALqONXf.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-DC2rGXHK.mjs";
 export { UseFilterStateV2Options, UseFilterStateV2Result, useFilterStateV2 };

package/dist/{useFormField-Bo7oHMof.d.mts → useFormField--_14te0K.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-C9T857Wk.mjs";
+import { t as ErrorProps } from "./ErrorProps-7eWoxSes.mjs";
 import * as _$react from "react";
 
 //#region components/FormControl/useFormField.d.ts
@@ -27,4 +27,4 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-Bo7oHMof.d.mts.map
+//# sourceMappingURL=useFormField--_14te0K.d.mts.map

package/dist/useFormField.d.mts

@@ -1,2 +1,2 @@
-import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-Bo7oHMof.mjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField--_14te0K.mjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/{useTableBoxDragAndDrop-BrJFRSaG.d.mts → useTableBoxDragAndDrop-DkCxC7Mi.d.mts}

@@ -66,4 +66,4 @@ declare const useTableBoxDragAndDrop: <T extends object>({
 }: UseTableBoxDragAndDropArgs<T>) => UseTableBoxDragAndDropResult;
 //#endregion
 export { ReorderConfig as n, useTableBoxDragAndDrop as r, DragDirection as t };
-//# sourceMappingURL=useTableBoxDragAndDrop-BrJFRSaG.d.mts.map
+//# sourceMappingURL=useTableBoxDragAndDrop-DkCxC7Mi.d.mts.map

package/dist/useTableBoxDragAndDrop.d.mts

@@ -1,2 +1,2 @@
-import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-BrJFRSaG.mjs";
+import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-DkCxC7Mi.mjs";
 export { DragDirection, ReorderConfig, useTableBoxDragAndDrop };

package/dist/{useToggle-Bo3yd14Y.mjs → useToggle-0zLL1E7s.mjs}

@@ -18,4 +18,4 @@ function useToggle(initialValue = false) {
 //#endregion
 export { useToggle as t };
 
-//# sourceMappingURL=useToggle-Bo3yd14Y.mjs.map
+//# sourceMappingURL=useToggle-0zLL1E7s.mjs.map

package/dist/{useToggle-Bo3yd14Y.mjs.map → useToggle-0zLL1E7s.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useToggle-Bo3yd14Y.mjs","names":[],"sources":["../lib/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface UseToggleCallbacks {\n  set: (value: boolean) => void;\n  toggle: () => void;\n  enable: () => void;\n  disable: () => void;\n}\n\n/**\n * useToggle\n *\n * Boolean state hook that provides callbacks for enabling, disabling, flipping\n * and setting state.\n */\nexport default function useToggle(initialValue = false): [boolean, UseToggleCallbacks] {\n  const [value, setValue] = useState<boolean>(!!initialValue);\n  const set = useCallback((newValue: boolean) => setValue(newValue), []);\n  const toggle = useCallback(() => setValue(!value), [value]);\n  const enable = useCallback(() => setValue(true), []);\n  const disable = useCallback(() => setValue(false), []);\n  return [value, { set, toggle, enable, disable }];\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,UAAU,eAAe,OAAsC;CACrF,MAAM,CAAC,OAAO,YAAY,SAAkB,CAAC,CAAC,aAAa;AAK3D,QAAO,CAAC,OAAO;EAAE,KAJL,aAAa,aAAsB,SAAS,SAAS,EAAE,EAAE,CAIjD;EAAE,QAHP,kBAAkB,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAG9B;EAAE,QAFf,kBAAkB,SAAS,KAAK,EAAE,EAAE,CAEf;EAAE,SADtB,kBAAkB,SAAS,MAAM,EAAE,EAAE,CACR;EAAE,CAAC"}
+{"version":3,"file":"useToggle-0zLL1E7s.mjs","names":[],"sources":["../lib/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface UseToggleCallbacks {\n  set: (value: boolean) => void;\n  toggle: () => void;\n  enable: () => void;\n  disable: () => void;\n}\n\n/**\n * useToggle\n *\n * Boolean state hook that provides callbacks for enabling, disabling, flipping\n * and setting state.\n */\nexport default function useToggle(initialValue = false): [boolean, UseToggleCallbacks] {\n  const [value, setValue] = useState<boolean>(!!initialValue);\n  const set = useCallback((newValue: boolean) => setValue(newValue), []);\n  const toggle = useCallback(() => setValue(!value), [value]);\n  const enable = useCallback(() => setValue(true), []);\n  const disable = useCallback(() => setValue(false), []);\n  return [value, { set, toggle, enable, disable }];\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,UAAU,eAAe,OAAsC;CACrF,MAAM,CAAC,OAAO,YAAY,SAAkB,CAAC,CAAC,aAAa;AAK3D,QAAO,CAAC,OAAO;EAAE,KAJL,aAAa,aAAsB,SAAS,SAAS,EAAE,EAAE,CAIjD;EAAE,QAHP,kBAAkB,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAG9B;EAAE,QAFf,kBAAkB,SAAS,KAAK,EAAE,EAAE,CAEf;EAAE,SADtB,kBAAkB,SAAS,MAAM,EAAE,EAAE,CACR;EAAE,CAAC"}

package/dist/useTruncation.d.mts

@@ -1,4 +1,4 @@
-import { i as ComboboxOption } from "./ComboboxBase-nfHr19x-.mjs";
+import { i as ComboboxOption } from "./ComboboxBase-Ds_i3K2m.mjs";
 import { MutableRefObject, RefObject } from "react";
 
 //#region components/Combobox/useTruncation.d.ts

package/dist/{utilities-BHMNnJ8h.d.mts → utilities-C1hOxjt_.d.mts}

@@ -6,4 +6,4 @@
 type RequireOneOf<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & { [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>> }[Keys];
 //#endregion
 export { RequireOneOf as t };
-//# sourceMappingURL=utilities-BHMNnJ8h.d.mts.map
+//# sourceMappingURL=utilities-C1hOxjt_.d.mts.map

package/dist/utilities.d.mts

@@ -1,2 +1,2 @@
-import { t as RequireOneOf } from "./utilities-BHMNnJ8h.mjs";
+import { t as RequireOneOf } from "./utilities-C1hOxjt_.mjs";
 export { RequireOneOf };

package/dist/utils/storybook.mjs

@@ -1,4 +1,4 @@
-import { n as Stack } from "../Stack-Bre2oiov.mjs";
+import { n as Stack } from "../Stack-BqQndGI9.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region utils/storybook.tsx
 const withStack = (Story) => {

package/dist/utils/storybook.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"storybook.mjs","names":[],"sources":["../../utils/storybook.tsx"],"sourcesContent":["// eslint-disable-next-line rulesdir/no-restricted-imports-error\nimport type { Decorator } from '@storybook/react-vite';\n\nimport { Stack } from 'design-system/components/Stack';\n\nexport const withStack: Decorator = (Story) => {\n  return <Stack>{Story()}</Stack>;\n};\n"],"mappings":";;;AAKA,MAAa,aAAwB,UAAU;AAC7C,QAAO,oBAAC,OAAD,EAAA,UAAQ,OAAO,EAAS,CAAA"}
+{"version":3,"file":"storybook.mjs","names":[],"sources":["../../utils/storybook.tsx"],"sourcesContent":["import type { Decorator } from '@storybook/react-vite';\n\nimport { Stack } from 'design-system/components/Stack';\n\nexport const withStack: Decorator = (Story) => {\n  return <Stack>{Story()}</Stack>;\n};\n"],"mappings":";;;AAIA,MAAa,aAAwB,UAAU;AAC7C,QAAO,oBAAC,OAAD,EAAA,UAAQ,OAAO,EAAS,CAAA"}

package/dist/utils/testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testing.mjs","names":["ReactAriaRouterProvider","RouterProvider"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\n\nconst AllTheProviders: FC<PropsWithChildren<{ includeRouter?: boolean }>> = ({\n  children,\n  includeRouter = false,\n}) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & { includeRouter?: boolean },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders includeRouter={options?.includeRouter}>{children}</AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  // eslint-disable-next-line rulesdir/jest-test-id\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  // eslint-disable-next-line rulesdir/jest-test-id\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;AAOA,MAAM,mBAAuE,EAC3E,UACA,gBAAgB,YACZ;CACJ,IAAI;AACJ,KAAI,cACF,UAAS,mBAAmB,CAC1B;EACE,MAAM;EACN,SAAS,oBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,oBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,oBAAC,aAAD,EAAA,UACG,SACC,oBAACA,gBAAD;EAAyB,UAAU,OAAO;YACxC,oBAACC,kBAAD,EAAwB,QAAU,CAAA;EACV,CAAA,GAE1B,oBAAA,UAAA,EAAG,UAAY,CAAA,EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,YAEA,OAAO,IAAI;CACT,UAAU,EAAE,eACV,oBAAC,iBAAD;EAAiB,eAAe,SAAS;EAAgB;EAA2B,CAAA;CAEtF,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAa,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAE5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAE/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}
+{"version":3,"file":"testing.mjs","names":["ReactAriaRouterProvider","RouterProvider"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\n\nconst AllTheProviders: FC<PropsWithChildren<{ includeRouter?: boolean }>> = ({\n  children,\n  includeRouter = false,\n}) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & { includeRouter?: boolean },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders includeRouter={options?.includeRouter}>{children}</AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;AAOA,MAAM,mBAAuE,EAC3E,UACA,gBAAgB,YACZ;CACJ,IAAI;AACJ,KAAI,cACF,UAAS,mBAAmB,CAC1B;EACE,MAAM;EACN,SAAS,oBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,oBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,oBAAC,aAAD,EAAA,UACG,SACC,oBAACA,gBAAD;EAAyB,UAAU,OAAO;YACxC,oBAACC,kBAAD,EAAwB,QAAU,CAAA;EACV,CAAA,GAE1B,oBAAA,UAAA,EAAG,UAAY,CAAA,EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,YAEA,OAAO,IAAI;CACT,UAAU,EAAE,eACV,oBAAC,iBAAD;EAAiB,eAAe,SAAS;EAAgB;EAA2B,CAAA;CAEtF,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAa,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAC5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAC/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}

package/dist/utils.d.mts

@@ -1,4 +1,4 @@
-import { u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
+import { u as FilterRuleValue } from "./types-1_JSe9Wr.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/utils.d.ts
 /**

package/dist/{validation-BCBIvN6H.d.mts → validation-CpDsI-TM.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, p as FilterStateV2 } from "./types-V8UJX-rk.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-D6niLExM.mjs";
+import { l as FilterRule, p as FilterStateV2 } from "./types-1_JSe9Wr.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-BslyuPZw.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/validation.d.ts
 /**
@@ -48,4 +48,4 @@ declare function pruneToRegistry(state: FilterStateV2, registry: FieldRegistry |
 declare function hasCompleteValue(rule: FilterRule, registry: FieldRegistry): boolean;
 //#endregion
 export { isFilterStateV2 as n, pruneToRegistry as r, hasCompleteValue as t };
-//# sourceMappingURL=validation-BCBIvN6H.d.mts.map
+//# sourceMappingURL=validation-CpDsI-TM.d.mts.map

package/dist/validation.d.mts

@@ -1,2 +1,2 @@
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-BCBIvN6H.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-CpDsI-TM.mjs";
 export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/{value-control-resolver-qKTH1ErF.d.mts → value-control-resolver-DhaqxKmK.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-1_JSe9Wr.mjs";
 import { ReactNode } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/value-control-resolver.d.ts
@@ -45,4 +45,4 @@ type ValueControlResolver = (opts: ResolveValueControlOptions) => ReactNode | un
 declare function resolveValueControl(opts: ResolveValueControlOptions, hostResolver?: ValueControlResolver): ReactNode;
 //#endregion
 export { ValueControlResolver as n, resolveValueControl as r, ResolveValueControlOptions as t };
-//# sourceMappingURL=value-control-resolver-qKTH1ErF.d.mts.map
+//# sourceMappingURL=value-control-resolver-DhaqxKmK.d.mts.map

package/dist/value-control-resolver.d.mts

@@ -1,2 +1,2 @@
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-qKTH1ErF.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-DhaqxKmK.mjs";
 export { ResolveValueControlOptions, ValueControlResolver, resolveValueControl };

package/dist/variables/effect.d.mts

@@ -1,3 +1,5 @@
+import { t as MaybeSemanticTheme } from "../semanticColor-DkVQjcbc.mjs";
+
 //#region variables/effect.d.ts
 /**
  * There is intentionally no trailing semi. This makes it easier to compose shadows.
@@ -11,10 +13,19 @@ declare enum Elevation {
   Mid = "0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)",
   Low = "0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)"
 }
+type ThemeProps = {
+  theme: MaybeSemanticTheme;
+};
 declare const Hairline: {
-  Bottom: string;
-  Top: string;
-  Right: string;
+  Bottom: ({
+    theme
+  }: ThemeProps) => string;
+  Top: ({
+    theme
+  }: ThemeProps) => string;
+  Right: ({
+    theme
+  }: ThemeProps) => string;
 };
 //#endregion
 export { Elevation, Hairline };

package/dist/variables/effect.mjs

@@ -1,3 +1,4 @@
+import { semanticColor } from "../lib/semanticColor.mjs";
 import { Color } from "@persona/design-tokens";
 //#region variables/effect.ts
 /**
@@ -13,10 +14,11 @@ let Elevation = /* @__PURE__ */ function(Elevation) {
 	Elevation["Low"] = "0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)";
 	return Elevation;
 }({});
+const hairlineColor = (theme) => semanticColor(theme, "BorderDivider", Color.BorderHairline);
 const Hairline = {
-	Bottom: `0px 1px 0px ${Color.BorderHairline}`,
-	Top: `0px -1px 0px ${Color.BorderHairline}`,
-	Right: `1px 0px 0px ${Color.BorderHairline}`
+	Bottom: ({ theme }) => `0px 1px 0px ${hairlineColor(theme)}`,
+	Top: ({ theme }) => `0px -1px 0px ${hairlineColor(theme)}`,
+	Right: ({ theme }) => `1px 0px 0px ${hairlineColor(theme)}`
 };
 //#endregion
 export { Elevation, Hairline };

package/dist/variables/effect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"effect.mjs","names":[],"sources":["../../variables/effect.ts"],"sourcesContent":["import { Color } from '@persona/design-tokens';\n\n/**\n * There is intentionally no trailing semi. This makes it easier to compose shadows.\n * BOX_SHADOWS => Elevation\n * High => Popovers, modals, etc. [completely isolated and detached components]\n * Mid => Elevated cards, date pickers, tooltips, etc. [isolated elements that appear on trigger]\n * Low => Input popovers, listbox, drop downs, etc. [non-isolated components]\n */\nexport enum Elevation {\n  High = '0px 2px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 20px 0px rgba(0, 0, 0, 0.06), 0px 10px 40px 0px rgba(0, 0, 0, 0.08)',\n  Mid = '0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)',\n  Low = '0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)',\n}\n\n// String enums cannot have computed members, so we use an object.\nexport const Hairline = {\n  Bottom: `0px 1px 0px ${Color.BorderHairline}`,\n  Top: `0px -1px 0px ${Color.BorderHairline}`,\n  Right: `1px 0px 0px ${Color.BorderHairline}`,\n};\n"],"mappings":";;;;;;;;;AASA,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,UAAA;AACA,WAAA,SAAA;AACA,WAAA,SAAA;;KACD;AAGD,MAAa,WAAW;CACtB,QAAQ,eAAe,MAAM;CAC7B,KAAK,gBAAgB,MAAM;CAC3B,OAAO,eAAe,MAAM;CAC7B"}
+{"version":3,"file":"effect.mjs","names":[],"sources":["../../variables/effect.ts"],"sourcesContent":["import { Color } from '@persona/design-tokens';\nimport { type MaybeSemanticTheme, semanticColor } from 'design-system/lib/semanticColor';\n\n/**\n * There is intentionally no trailing semi. This makes it easier to compose shadows.\n * BOX_SHADOWS => Elevation\n * High => Popovers, modals, etc. [completely isolated and detached components]\n * Mid => Elevated cards, date pickers, tooltips, etc. [isolated elements that appear on trigger]\n * Low => Input popovers, listbox, drop downs, etc. [non-isolated components]\n */\nexport enum Elevation {\n  High = '0px 2px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 20px 0px rgba(0, 0, 0, 0.06), 0px 10px 40px 0px rgba(0, 0, 0, 0.08)',\n  Mid = '0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)',\n  Low = '0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)',\n}\n\ntype ThemeProps = { theme: MaybeSemanticTheme };\n\nconst hairlineColor = (theme: MaybeSemanticTheme) =>\n  semanticColor(theme, 'BorderDivider', Color.BorderHairline);\n\nexport const Hairline = {\n  Bottom: ({ theme }: ThemeProps) => `0px 1px 0px ${hairlineColor(theme)}`,\n  Top: ({ theme }: ThemeProps) => `0px -1px 0px ${hairlineColor(theme)}`,\n  Right: ({ theme }: ThemeProps) => `1px 0px 0px ${hairlineColor(theme)}`,\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,UAAA;AACA,WAAA,SAAA;AACA,WAAA,SAAA;;KACD;AAID,MAAM,iBAAiB,UACrB,cAAc,OAAO,iBAAiB,MAAM,eAAe;AAE7D,MAAa,WAAW;CACtB,SAAS,EAAE,YAAwB,eAAe,cAAc,MAAM;CACtE,MAAM,EAAE,YAAwB,gBAAgB,cAAc,MAAM;CACpE,QAAQ,EAAE,YAAwB,eAAe,cAAc,MAAM;CACtE"}

package/dist/variables/keyframes.mjs

@@ -1,4 +1,4 @@
-import { i as keyframes } from "../styledComponentsInterop-8zScIQyC.mjs";
+import { i as keyframes } from "../styledComponentsInterop-NxwFjeA4.mjs";
 //#region variables/keyframes.ts
 const rotate = keyframes`
   100% {

package/dist/variables/semantic.d.mts

@@ -0,0 +1,2 @@
+import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-Dy7mTyBP.mjs";
+export { CssPercentage, SemanticTokens, semanticDark, semanticLight };