// Copyright (c) Meta Platforms, Inc. and affiliates.

/**
 * @file groupStyles.ts
 * @input Uses StyleX, theme tokens
 * @output Exports shared group-aware styles for input components
 * @position Shared styles consumed by InputGroup-compatible controls
 */

import * as stylex from "../style-runtime.js";
import "../theme/tokens.stylex.js";
import { radiusVars, borderVars } from "../theme/tokens.stylex.js";

// A grouped control may be followed by context-layer infrastructure rather
// than another control. Neither the inert marker nor the popover is a visual
// group member, so skip both when finding the trailing edge.
const IS_LAST_ITEM = ':not(:has(~ *:not([popover]):not(template)))';
export const groupStyles = {
  inGroup: {
    kUk6DE: "x98rzlu",
    k7Eaqz: "xeuugli",
    kZKoxP: "x5yr21d",
    keTefX: "xd10s4z x1pwwqoy",
    krdFHd: "x15mokao x8eehn2",
    kVL7Gh: "xbiv7yw x1xrp5p4",
    kfmiAY: "x1ga7v0g x1tzxhge",
    kT0f0o: "x16uus16 x1rmb4wm",
    kXnDq0: "x1rm9qnc",
    $$css: true as const
  }
};