{"version":3,"file":"types.cjs","sources":["../../../../src/components/flex/types.ts"],"sourcesContent":["import type React from \"react\";\nimport * as tokens from \"../../tokens.js\";\nimport type {\n    AsChildProps,\n    PolymorphicPropsWithRef,\n} from \"../../utilities/index.js\";\n\nconst staticSpacingTokens = tokens.default.spacing;\n\ntype Spacing = keyof typeof staticSpacingTokens;\ntype SpacingValue = `${Spacing}`;\n\nexport type Gap = Spacing | SpacingValue | `${SpacingValue} ${SpacingValue}`;\n\ntype FlexBaseProps = {\n    alignItems?: \"normal\" | \"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\";\n    alignContent?:\n        | \"normal\"\n        | \"start\"\n        | \"center\"\n        | \"end\"\n        | \"stretch\"\n        | \"baseline\"\n        | \"space-between\"\n        | \"space-around\"\n        | \"space-evenly\";\n    direction?: \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\n    gap?: Gap;\n    justifyContent?:\n        | \"normal\"\n        | \"start\"\n        | \"center\"\n        | \"end\"\n        | \"space-between\"\n        | \"space-around\"\n        | \"space-evenly\";\n    /**\n     * Om elementene skal brytes over flere linjer.\n     * `true`/`false` setter `wrap`/`nowrap`, `\"reverse\"` som kortform for\n     * `\"wrap-reverse\"`.\n     */\n    wrap?: boolean | \"wrap\" | \"nowrap\" | \"reverse\";\n};\n\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n    PolymorphicPropsWithRef<As, FlexBaseProps> & AsChildProps;\n\n// Nødvendig for å fortelle TypeScript at dette ikke returnerer ReactNode, men JSX.Element\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":["spacing"],"mappings":"yCAO2CA"}