@teamsparta/stack-flex/dist/chunk-VTKTIPWM.mjs

stack flex

import {
  booleanToPixelTransformer,
  createResponsiveCssFunction,
  pixelValueTransformer,
  stringValueTransformer
} from "./chunk-J5NGEZOE.mjs";

// src/v2/FlexV2.style.ts
import { css } from "@emotion/react";
var justifyContentMap = {
  start: "flex-start",
  end: "flex-end",
  center: "center",
  between: "space-between",
  around: "space-around",
  evenly: "space-evenly",
  normal: "normal"
};
var alignItemsMap = {
  start: "flex-start",
  end: "flex-end",
  center: "center",
  baseline: "baseline",
  stretch: "stretch",
  normal: "normal"
};
var containerCss = css({
  display: "flex"
});
var flexDirectionCss = createResponsiveCssFunction(
  "flexDirection",
  stringValueTransformer
);
var flexWrapCss = createResponsiveCssFunction(
  "flexWrap",
  stringValueTransformer
);
var flexJustifyContentCss = createResponsiveCssFunction(
  "justifyContent",
  (value) => value ? justifyContentMap[value] : void 0
);
var flexAlignItemsCss = createResponsiveCssFunction(
  "alignItems",
  (value) => value ? alignItemsMap[value] : void 0
);
var flexGapCss = createResponsiveCssFunction(
  "gap",
  pixelValueTransformer
);
var flexFullWidthCss = createResponsiveCssFunction(
  "width",
  booleanToPixelTransformer("100%", "auto")
);
var flexFullHeightCss = createResponsiveCssFunction(
  "height",
  booleanToPixelTransformer("100%", "auto")
);
var flexPaddingCss = createResponsiveCssFunction(
  "padding",
  pixelValueTransformer
);
var flexWidthCss = createResponsiveCssFunction(
  "width",
  pixelValueTransformer
);
var flexHeightCss = createResponsiveCssFunction(
  "height",
  pixelValueTransformer
);
var flexMaxWidthCss = createResponsiveCssFunction(
  "maxWidth",
  pixelValueTransformer
);
var flexMaxHeightCss = createResponsiveCssFunction(
  "maxHeight",
  pixelValueTransformer
);
var flexBorderRadiusCss = createResponsiveCssFunction(
  "borderRadius",
  pixelValueTransformer
);
var flexBackgroundCss = createResponsiveCssFunction(
  "background",
  stringValueTransformer
);
var flexPositionCss = createResponsiveCssFunction(
  "position",
  stringValueTransformer
);
var flexFlexCss = createResponsiveCssFunction(
  "flex",
  (value) => typeof value === "string" || typeof value === "number" ? String(value) : void 0
);
var flexBorderCss = createResponsiveCssFunction(
  "border",
  stringValueTransformer
);

export {
  containerCss,
  flexDirectionCss,
  flexWrapCss,
  flexJustifyContentCss,
  flexAlignItemsCss,
  flexGapCss,
  flexFullWidthCss,
  flexFullHeightCss,
  flexPaddingCss,
  flexWidthCss,
  flexHeightCss,
  flexMaxWidthCss,
  flexMaxHeightCss,
  flexBorderRadiusCss,
  flexBackgroundCss,
  flexPositionCss,
  flexFlexCss,
  flexBorderCss
};