
//#region src/tasty/styles/inset.d.ts
/**
 * Inset style handler.
 *
 * IMPORTANT: This handler uses individual CSS properties (top, right, bottom, left)
 * when only individual direction props are specified. This allows CSS cascade to work
 * correctly when modifiers override only some directions.
 *
 * Example problem with using `inset` shorthand everywhere:
 *   styles: {
 *     top: { '': 0, 'side=bottom': 'initial' },
 *     right: { '': 0, 'side=left': 'initial' },
 *     bottom: { '': 0, 'side=top': 'initial' },
 *     left: { '': 0, 'side=right': 'initial' },
 *   }
 *
 * If we output `inset` for both cases:
 *   - Default: inset: 0 0 0 0
 *   - side=bottom: inset: initial auto auto auto  ← WRONG! Overrides all 4 directions
 *
 * With individual properties:
 *   - Default: top: 0; right: 0; bottom: 0; left: 0
 *   - side=bottom: top: initial  ← CORRECT! Only overrides top
 *
 * The `inset` shorthand is only used when the base `inset` prop is specified
 * OR when `insetBlock`/`insetInline` are used (which imply setting pairs).
 */
declare function insetStyle({
  inset,
  insetBlock,
  insetInline,
  top,
  right,
  bottom,
  left
}: {
  inset?: string | number | boolean;
  insetBlock?: string | number | boolean;
  insetInline?: string | number | boolean;
  top?: string | number | boolean;
  right?: string | number | boolean;
  bottom?: string | number | boolean;
  left?: string | number | boolean;
}): Record<string, string>;
declare namespace insetStyle {
  var __lookupStyles: string[];
}
//#endregion
export { insetStyle };
//# sourceMappingURL=inset.d.ts.map