@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/foundations/token/getBorderRadius/index.js

@@ -0,0 +1,15 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const baseBorderRadius0 = "borderRadius0";
+const baseBorderRadius3 = "borderRadius3";
+const baseBorderRadius6 = "borderRadius6";
+const baseBorderRadius100 = "borderRadius100";
+const borderRadii = {
+  borderRadiusNone: baseBorderRadius0,
+  borderRadiusSm: baseBorderRadius3,
+  borderRadiusMd: baseBorderRadius6,
+  borderRadiusFull: baseBorderRadius100
+};
+const getBorderRadius = (radius) => getCssVar(borderRadii[radius]);
+export {
+  getBorderRadius
+};

package/dist/foundations/token/getBorderWidth/index.d.ts

@@ -0,0 +1,2 @@
+import { GetBorderWidth } from '../../types/BorderWidth';
+export declare const getBorderWidth: (borderWidth: GetBorderWidth) => string;

package/dist/foundations/token/getBorderWidth/index.js

@@ -0,0 +1,19 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const baseBorderWidth0 = "borderWidth0";
+const baseBorderWidth1 = "borderWidth1";
+const baseBorderWidth2 = "borderWidth2";
+const baseBorderWidth4 = "borderWidth4";
+const borderWidths = {
+  None: baseBorderWidth0,
+  Divider: baseBorderWidth1,
+  Unselected: baseBorderWidth1,
+  Selected: baseBorderWidth2,
+  Navigation: baseBorderWidth4,
+  Focus: baseBorderWidth4,
+  Sm: baseBorderWidth1,
+  Md: baseBorderWidth2
+};
+const getBorderWidth = (borderWidth) => getCssVar(borderWidths[borderWidth]);
+export {
+  getBorderWidth
+};

package/dist/foundations/token/getBottomSpacing/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSObject } from 'styled-components';
+import { BrixComponentProps } from '../../BrixComponentProps';
+export declare const getBottomSpacing: ({ bottomSpacing }: BrixComponentProps) => CSSObject;

package/dist/foundations/token/getBottomSpacing/index.js

@@ -0,0 +1,14 @@
+import { g as getSpacing } from "../../../index-l-i-mIeP.js";
+const getBottomSpacing = ({
+  bottomSpacing
+}) => {
+  if (!bottomSpacing) {
+    return {};
+  }
+  return {
+    marginBottom: getSpacing(bottomSpacing)
+  };
+};
+export {
+  getBottomSpacing
+};

package/dist/foundations/token/getFontWeight/index.d.ts

@@ -0,0 +1,2 @@
+import { FontWeight } from '../../types/FontWeight';
+export declare const getFontWeight: (weight: FontWeight) => string;

package/dist/foundations/token/getFontWeight/index.js

@@ -0,0 +1,13 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const baseWeight300 = "fontWeightLight";
+const baseWeight400 = "fontWeightRegular";
+const baseWeight700 = "fontWeightBold";
+const fontWeights = {
+  light: baseWeight300,
+  regular: baseWeight400,
+  bold: baseWeight700
+};
+const getFontWeight = (weight) => getCssVar(fontWeights[weight]);
+export {
+  getFontWeight
+};

package/dist/foundations/token/getHeadingSize/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSObject } from 'styled-components';
+import { TextHeadingSize } from '../../types/HeadingSize';
+export declare const getHeadingSize: (size: TextHeadingSize) => CSSObject;

package/dist/foundations/token/getHeadingSize/index.js

@@ -0,0 +1,27 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const headingSizes = {
+  xl: {
+    fontSize: getCssVar("headingXlFontSize"),
+    lineHeight: getCssVar("headingXlLineHeight")
+  },
+  lg: {
+    fontSize: getCssVar("headingLgFontSize"),
+    lineHeight: getCssVar("headingLgLineHeight")
+  },
+  md: {
+    fontSize: getCssVar("headingMdFontSize"),
+    lineHeight: getCssVar("headingMdLineHeight")
+  },
+  sm: {
+    fontSize: getCssVar("headingSmFontSize"),
+    lineHeight: getCssVar("headingSmLineHeight")
+  },
+  xs: {
+    fontSize: getCssVar("headingXsFontSize"),
+    lineHeight: getCssVar("headingXsLineHeight")
+  }
+};
+const getHeadingSize = (size) => headingSizes[size];
+export {
+  getHeadingSize
+};

package/dist/foundations/token/getHoverColor/index.d.ts

@@ -0,0 +1,3 @@
+import { BackgroundColor } from '../../types/BackgroundColor';
+import { ObjectColor } from '../../types/ObjectColor';
+export declare const getHoverColor: (color: ObjectColor | BackgroundColor) => string;

package/dist/foundations/token/getHoverColor/index.js

@@ -0,0 +1,7 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getHoverColor = (color) => {
+  return getCssVar(`${color}Hover`);
+};
+export {
+  getHoverColor
+};

package/dist/foundations/token/getIconColor/index.d.ts

@@ -0,0 +1,2 @@
+import { IconColor } from '../../types/IconColor';
+export declare const getIconColor: (color: IconColor) => string;

package/dist/foundations/token/getIconColor/index.js

@@ -0,0 +1,5 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getIconColor = (color) => getCssVar(color);
+export {
+  getIconColor
+};

package/dist/foundations/token/getObjectColor/index.d.ts

@@ -0,0 +1,2 @@
+import { ObjectColor } from '../../types/ObjectColor';
+export declare const getObjectColor: (color: ObjectColor) => string;

package/dist/foundations/token/getObjectColor/index.js

@@ -0,0 +1,5 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getObjectColor = (color) => getCssVar(color);
+export {
+  getObjectColor
+};

package/dist/foundations/token/getOpacity/index.d.ts

@@ -0,0 +1,2 @@
+import { Opacity } from '../../types/Opacity';
+export declare const getOpacity: (opacity: Opacity) => string;

package/dist/foundations/token/getOpacity/index.js

@@ -0,0 +1,11 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const baseOpacity60 = "opacity60";
+const baseOpacity38 = "opacity38";
+const opacities = {
+  Overlay: baseOpacity60,
+  Disabled: baseOpacity38
+};
+const getOpacity = (opacity) => getCssVar(opacities[opacity]);
+export {
+  getOpacity
+};

package/dist/foundations/token/getPressColor/index.d.ts

@@ -0,0 +1,3 @@
+import { BackgroundColor } from '../../types/BackgroundColor';
+import { ObjectColor } from '../../types/ObjectColor';
+export declare const getPressColor: (color: ObjectColor | BackgroundColor) => string;

package/dist/foundations/token/getPressColor/index.js

@@ -0,0 +1,7 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getPressColor = (color) => {
+  return getCssVar(`${color}Press`);
+};
+export {
+  getPressColor
+};

package/dist/foundations/token/getSpacing/index.d.ts

@@ -0,0 +1,2 @@
+import { Spacing } from '../../types/Spacing';
+export declare const getSpacing: (spacing: Spacing) => string;

package/dist/foundations/token/getSpacing/index.js

@@ -0,0 +1,5 @@
+import { g } from "../../../index-l-i-mIeP.js";
+import "../../../getCssVar-BP6T9pFM.js";
+export {
+  g as getSpacing
+};

package/dist/foundations/token/getTextColor/index.d.ts

@@ -0,0 +1,2 @@
+import { TextColor } from '../../types/TextColor';
+export declare const getTextColor: (color: TextColor) => string;

package/dist/foundations/token/getTextColor/index.js

@@ -0,0 +1,5 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getTextColor = (color) => getCssVar(color);
+export {
+  getTextColor
+};

package/dist/foundations/token/getTextDecoration/index.d.ts

@@ -0,0 +1,2 @@
+import { TextDecoration } from '../../types/TextDecoration';
+export declare const getTextDecoration: (textDecoration: TextDecoration) => string;

package/dist/foundations/token/getTextDecoration/index.js

@@ -0,0 +1,13 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const baseTextDecorationNone = "textDecorationNone";
+const baseTextDecorationUnderline = "textDecorationUnderline";
+const baseTextDecorationStrikethrough = "textDecorationStrikethrough";
+const textDecorations = {
+  None: baseTextDecorationNone,
+  Underline: baseTextDecorationUnderline,
+  Strikethrough: baseTextDecorationStrikethrough
+};
+const getTextDecoration = (textDecoration) => getCssVar(textDecorations[textDecoration]);
+export {
+  getTextDecoration
+};

package/dist/foundations/types/Appearance.d.ts

@@ -0,0 +1,6 @@
+export declare const primaryAppearance: "primary";
+export declare const secondaryAppearance: "secondary";
+export declare const tertiaryAppearance: "tertiary";
+export declare const successAppearance: "success";
+type AppearanceType = typeof primaryAppearance | typeof secondaryAppearance | typeof tertiaryAppearance | typeof successAppearance;
+export default AppearanceType;

package/dist/foundations/types/BackgroundColor.d.ts

@@ -0,0 +1,7 @@
+export declare const colorBackgroundBrand: "colorBackgroundBrand";
+export declare const colorBackgroundBrandGradient: "colorBackgroundBrandGradient";
+export declare const colorBackgroundNeutral: "colorBackgroundNeutral";
+export declare const colorBackgroundSubtle: "colorBackgroundSubtle";
+export declare const colorBackgroundOverlay: "colorBackgroundOverlay";
+export declare const colorBackgroundOverlayStatic: "colorBackgroundOverlayStatic";
+export type BackgroundColor = typeof colorBackgroundBrand | typeof colorBackgroundBrandGradient | typeof colorBackgroundNeutral | typeof colorBackgroundSubtle | typeof colorBackgroundOverlay | typeof colorBackgroundOverlayStatic;

package/dist/foundations/types/BorderColor.d.ts

@@ -0,0 +1,13 @@
+export declare const colorBorderBrand: "colorBorderBrand";
+export declare const colorBorderNeutral: "colorBorderNeutral";
+export declare const colorBorderSubtle: "colorBorderSubtle";
+export declare const colorBorderInverse: "colorBorderInverse";
+export declare const colorBorderAccent: "colorBorderAccent";
+export declare const colorBorderSuccess: "colorBorderSuccess";
+export declare const colorBorderCritical: "colorBorderCritical";
+export declare const colorBorderWarning: "colorBorderWarning";
+export declare const colorBorderInformation: "colorBorderInformation";
+export declare const colorBorderUnselected: "colorBorderUnselected";
+export declare const colorBorderSelected: "colorBorderSelected";
+export declare const colorBorderFocus: "colorBorderFocus";
+export type BorderColor = typeof colorBorderBrand | typeof colorBorderNeutral | typeof colorBorderSubtle | typeof colorBorderInverse | typeof colorBorderAccent | typeof colorBorderSuccess | typeof colorBorderCritical | typeof colorBorderWarning | typeof colorBorderInformation | typeof colorBorderUnselected | typeof colorBorderSelected | typeof colorBorderFocus;

package/dist/foundations/types/BorderRadius.d.ts

@@ -0,0 +1,5 @@
+export declare const borderRadiusNone: "borderRadiusNone";
+export declare const borderRadiusSm: "borderRadiusSm";
+export declare const borderRadiusMd: "borderRadiusMd";
+export declare const borderRadiusFull: "borderRadiusFull";
+export type BorderRadius = typeof borderRadiusNone | typeof borderRadiusSm | typeof borderRadiusMd | typeof borderRadiusFull;

package/dist/foundations/types/BorderWidth.d.ts

@@ -0,0 +1,9 @@
+export declare const borderWidthNone: "None";
+export declare const borderWidthDivider: "Divider";
+export declare const borderWidthUnselected: "Unselected";
+export declare const borderWidthSelected: "Selected";
+export declare const borderWidthNavigation: "Navigation";
+export declare const borderWidthFocus: "Focus";
+export declare const borderWidthSm: "Sm";
+export declare const borderWidthMd: "Md";
+export type GetBorderWidth = typeof borderWidthNone | typeof borderWidthDivider | typeof borderWidthUnselected | typeof borderWidthSelected | typeof borderWidthNavigation | typeof borderWidthFocus | typeof borderWidthMd | typeof borderWidthSm;

package/dist/foundations/types/ButtonAppearances.d.ts

@@ -0,0 +1,5 @@
+export declare const primaryAppearance: "primary";
+export declare const secondaryAppearance: "secondary";
+export declare const tertiaryAppearance: "tertiary";
+export declare const buttonAppearances: readonly ["primary", "secondary", "tertiary"];
+export type ButtonAppearances = (typeof buttonAppearances)[number];

package/dist/foundations/types/ButtonWidthBehavior.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonWidthFull: "full";
+export declare const buttonWidthAuto: "auto";
+export declare const buttonWidthBehaviors: readonly ["full", "auto"];
+export type ButtonWidthBehavior = (typeof buttonWidthBehaviors)[number];

package/dist/foundations/types/CornerStyle.d.ts

@@ -0,0 +1,4 @@
+export declare const cornerStraight: "straight";
+export declare const cornerRounded: "rounded";
+export declare const cornerStyles: readonly ["straight", "rounded"];
+export type CornerStyle = (typeof cornerStyles)[number];

package/dist/foundations/types/FontWeight.d.ts

@@ -0,0 +1,5 @@
+export declare const fontWeightLight: "light";
+export declare const fontWeightRegular: "regular";
+export declare const fontWeightBold: "bold";
+export declare const fontWeights: readonly ["light", "regular", "bold"];
+export type FontWeight = (typeof fontWeights)[number];

package/dist/foundations/types/HeadingSize.d.ts

@@ -0,0 +1,7 @@
+export declare const textHeadingXl: "xl";
+export declare const textHeadingLg: "lg";
+export declare const textHeadingMd: "md";
+export declare const textHeadingSm: "sm";
+export declare const textHeadingXs: "xs";
+export declare const textHeadingSizes: readonly ["xl", "lg", "md", "sm", "xs"];
+export type TextHeadingSize = (typeof textHeadingSizes)[number];

package/dist/foundations/types/IconColor.d.ts

@@ -0,0 +1,10 @@
+export declare const colorIconBrand: "colorIconBrand";
+export declare const colorIconNeutral: "colorIconNeutral";
+export declare const colorIconNeutralStatic: "colorIconNeutralStatic";
+export declare const colorIconInverse: "colorIconInverse";
+export declare const colorIconInverseStatic: "colorIconInverseStatic";
+export declare const colorIconSuccess: "colorIconSuccess";
+export declare const colorIconCritical: "colorIconCritical";
+export declare const colorIconWarning: "colorIconWarning";
+export declare const colorIconInformation: "colorIconInformation";
+export type IconColor = typeof colorIconBrand | typeof colorIconNeutral | typeof colorIconNeutralStatic | typeof colorIconInverse | typeof colorIconInverseStatic | typeof colorIconSuccess | typeof colorIconCritical | typeof colorIconWarning | typeof colorIconInformation;

package/dist/foundations/types/IconName.d.ts

@@ -0,0 +1,2 @@
+export type { IconName } from '@vfde-react/inline-icon-library/IconName';
+export { iconNames } from '@vfde-react/inline-icon-library/IconName';

package/dist/foundations/types/IconSize.d.ts

@@ -0,0 +1,14 @@
+export declare const iconSize2xs: "2xs";
+export declare const iconSizeXs: "xs";
+export declare const iconSizeSm: "sm";
+export declare const iconSizeMd: "md";
+export declare const iconSizeLg: "lg";
+export declare const iconSizeXl: "xl";
+export declare const iconSize2xl: "2xl";
+export declare const iconSize3xl: "3xl";
+export declare const iconSize4xl: "4xl";
+export declare const iconSize5xl: "5xl";
+export declare const iconSize6xl: "6xl";
+export declare const iconSize7xl: "7xl";
+export declare const iconSize8xl: "8xl";
+export declare const iconSize9xl: "9xl";

package/dist/foundations/types/ObjectColor.d.ts

@@ -0,0 +1,12 @@
+export declare const colorObjectBrand: "colorObjectBrand";
+export declare const colorObjectNeutral: "colorObjectNeutral";
+export declare const colorObjectSubtle: "colorObjectSubtle";
+export declare const colorObjectInverse: "colorObjectInverse";
+export declare const colorObjectAccent: "colorObjectAccent";
+export declare const colorObjectSuccess: "colorObjectSuccess";
+export declare const colorObjectCritical: "colorObjectCritical";
+export declare const colorObjectWarning: "colorObjectWarning";
+export declare const colorObjectInformation: "colorObjectInformation";
+export declare const colorObjectSelected: "colorObjectSelected";
+export declare const colorObjectUnselected: "colorObjectUnselected";
+export type ObjectColor = typeof colorObjectBrand | typeof colorObjectNeutral | typeof colorObjectSubtle | typeof colorObjectInverse | typeof colorObjectAccent | typeof colorObjectSuccess | typeof colorObjectCritical | typeof colorObjectWarning | typeof colorObjectInformation | typeof colorObjectSelected | typeof colorObjectUnselected;

package/dist/foundations/types/Opacity.d.ts

@@ -0,0 +1,3 @@
+export declare const opacityOverlay: "Overlay";
+export declare const opacityDisabled: "Disabled";
+export type Opacity = typeof opacityOverlay | typeof opacityDisabled;

package/dist/foundations/types/PositionType.d.ts

@@ -0,0 +1,7 @@
+export declare const leftPosition: "left";
+export declare const rightPosition: "right";
+export declare const topPosition: "top";
+export declare const bottomPosition: "bottom";
+export declare const positionTypes: readonly ["left", "right", "top", "bottom"];
+type PositionType = (typeof positionTypes)[number];
+export default PositionType;

package/dist/foundations/types/PositionedIconInterface.d.ts

@@ -0,0 +1,6 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
+import { default as PositionType } from './PositionType';
+export default interface PositionedIconInterface {
+    name: IconName;
+    position: PositionType;
+}

package/dist/foundations/types/SizeTypes.d.ts

@@ -0,0 +1,3 @@
+export declare const smallSize: "sm";
+export declare const largeSize: "lg";
+export declare const mediumSize: "md";

package/dist/foundations/types/Spacing.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 0/0/0
+ */
+export declare const spacingNone: "none";
+/**
+ * 4/4/4
+ */
+export declare const spacing2Xs: "2xs";
+/**
+ * 8/8/8
+ */
+export declare const spacingXs: "xs";
+/**
+ * 12/12/16
+ */
+export declare const spacingSm: "sm";
+/**
+ * 16/20/20
+ */
+export declare const spacingMd: "md";
+/**
+ * 20/20/24
+ */
+export declare const spacingLg: "lg";
+/**
+ * 24/28/32
+ */
+export declare const spacingXl: "xl";
+/**
+ * 24/32/40
+ */
+export declare const spacing2Xl: "2xl";
+/**
+ * 32/40/48
+ */
+export declare const spacing3Xl: "3xl";
+/**
+ * 40/48/56
+ */
+export declare const spacing4Xl: "4xl";
+/**
+ * 48/56/64
+ */
+export declare const spacing5Xl: "5xl";
+/**
+ * 48/56/72
+ */
+export declare const spacing6Xl: "6xl";
+/**
+ * 48/56/80
+ */
+export declare const spacing7Xl: "7xl";
+export declare const spacings: readonly ["none", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "None", "2Xs", "Xs", "Sm", "Md", "Lg", "Xl", "2Xl", "3Xl", "4Xl", "5Xl", "6Xl", "7Xl"];
+export type Spacing = (typeof spacings)[number];

package/dist/foundations/types/SystemIconWithPosition.d.ts

@@ -0,0 +1,5 @@
+import { InlineIconProps } from '../../components/InlineIcon';
+import { default as PositionType } from './PositionType';
+export type SvgInlineIconFactoryPropsWithPosition = {
+    iconPosition: PositionType;
+} & InlineIconProps;

package/dist/foundations/types/TextBodySize.d.ts

@@ -0,0 +1,4 @@
+export declare const textBodyMd: "md";
+export declare const textBodySm: "sm";
+export declare const textBodySize: ("sm" | "md")[];
+export type TextBodySize = (typeof textBodySize)[number];

package/dist/foundations/types/TextColor.d.ts

@@ -0,0 +1,8 @@
+export declare const colorTextBrand: "colorTextBrand";
+export declare const colorTextNeutral: "colorTextNeutral";
+export declare const colorTextNeutralStatic: "colorTextNeutralStatic";
+export declare const colorTextInverse: "colorTextInverse";
+export declare const colorTextInverseStatic: "colorTextInverseStatic";
+export declare const colorTextCritical: "colorTextCritical";
+export declare const colorTextPlaceholder: "colorTextPlaceholder";
+export type TextColor = typeof colorTextBrand | typeof colorTextNeutral | typeof colorTextNeutralStatic | typeof colorTextInverse | typeof colorTextInverseStatic | typeof colorTextCritical | typeof colorTextPlaceholder;

package/dist/foundations/types/TextDecoration.d.ts

@@ -0,0 +1,4 @@
+export declare const textDecorationNone: "None";
+export declare const textDecorationUnderline: "Underline";
+export declare const textDecorationStrikethrough: "Strikethrough";
+export type TextDecoration = typeof textDecorationNone | typeof textDecorationUnderline | typeof textDecorationStrikethrough;

package/dist/foundations/types/Theme.d.ts

@@ -0,0 +1,4 @@
+export declare const themeLight: "light";
+export declare const themeDark: "dark";
+export declare const themes: readonly ["light", "dark"];
+export type Theme = (typeof themes)[number];

package/dist/foundations/types/Viewport.d.ts

@@ -0,0 +1,4 @@
+export declare const viewportSm: "sm";
+export declare const viewportMd: "md";
+export declare const viewportLg: "lg";
+export type ViewportName = typeof viewportSm | typeof viewportMd | typeof viewportLg;

package/dist/foundations/typographyAndIconSizeCssVars.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Typography (body/heading font-size and line-height) and icon-size CSS custom properties.
+ * Split out of cssVars.tsx because this part of the CSS var string is purely breakpoint-driven
+ * (no color token lookups), unlike the rest of cssVarsString which the cssVars.test.ts regression
+ * test parses for color-map wiring.
+ */
+export declare const typographyAndIconSizeCssVars = "\n    :root {\n        --bodyMdFontSize: var(--fontSize16);\n        --bodyMdLineHeight: var(--lineHeight125);\n\n        @media screen and (min-width: 768px) {\n            --bodyMdFontSize: var(--fontSize18);\n            --bodyMdLineHeight: var(--lineHeight144);\n        }\n\n        --bodySmFontSize: var(--fontSize14);\n        --bodySmLineHeight: var(--lineHeight128);\n\n        --headingXlFontSize: var(--fontSize32);\n        --headingXlLineHeight: var(--lineHeight125);\n\n        @media screen and (min-width: 768px) {\n            --headingXlFontSize: var(--fontSize56);\n            --headingXlLineHeight: var(--lineHeight114);\n        }\n        @media screen and (min-width: 1025px) {\n            --headingXlFontSize: var(--fontSize64);\n            --headingXlLineHeight: var(--lineHeight112);\n        }\n\n        --headingLgFontSize: var(--fontSize28);\n        --headingLgLineHeight: var(--lineHeight128);\n\n        @media screen and (min-width: 768px) {\n            --headingLgFontSize: var(--fontSize40);\n            --headingLgLineHeight: var(--lineHeight120);\n        }\n        @media screen and (min-width: 1025px) {\n            --headingLgFontSize: var(--fontSize56);\n            --headingLgLineHeight: var(--lineHeight114);\n        }\n\n        --headingMdFontSize: var(--fontSize24);\n        --headingMdLineHeight: var(--lineHeight133);\n\n        @media screen and (min-width: 768px) {\n            --headingMdFontSize: var(--fontSize32);\n            --headingMdLineHeight: var(--lineHeight125);\n        }\n        @media screen and (min-width: 1025px) {\n            --headingMdFontSize: var(--fontSize40);\n            --headingMdLineHeight: var(--lineHeight120);\n        }\n\n        --headingSmFontSize: var(--fontSize20);\n        --headingSmLineHeight: var(--lineHeight140);\n\n        @media screen and (min-width: 768px) {\n            --headingSmFontSize: var(--fontSize24);\n            --headingSmLineHeight: var(--lineHeight133);\n        }\n        @media screen and (min-width: 1025px) {\n            --headingSmFontSize: var(--fontSize28);\n            --headingSmLineHeight: var(--lineHeight128);\n        }\n\n        --headingXsFontSize: var(--fontSize18);\n        --headingXsLineHeight: var(--lineHeight144);\n\n        @media screen and (min-width: 768px) {\n            --headingXsFontSize: var(--fontSize20);\n            --headingXsLineHeight: var(--lineHeight140);\n        }\n        @media screen and (min-width: 1025px) {\n            --headingXsFontSize: var(--fontSize20);\n            --headingXsLineHeight: var(--lineHeight140);\n        }\n    }\n    :root {\n        --iconSize2xs: 16px;\n        --iconSizeXs: 20px;\n        --iconSizeSm: 20px;\n        --iconSizeMd: 24px;\n        --iconSizeLg: 32px;\n        --iconSizeXl: 36px;\n        --iconSize2xl: 40px;\n        --iconSize3xl: 48px;\n        --iconSize4xl: 56px;\n        --iconSize5xl: 64px;\n        --iconSize6xl: 72px;\n        --iconSize7xl: 84px;\n        --iconSize8xl: 96px;\n        --iconSize9xl: 120px;\n\n        @media screen and (min-width: 768px) {\n            --iconSize2xs: 16px;\n            --iconSizeXs: 20px;\n            --iconSizeSm: 24px;\n            --iconSizeMd: 32px;\n            --iconSizeLg: 36px;\n            --iconSizeXl: 40px;\n            --iconSize2xl: 48px;\n            --iconSize3xl: 56px;\n            --iconSize4xl: 64px;\n            --iconSize5xl: 72px;\n            --iconSize6xl: 84px;\n            --iconSize7xl: 96px;\n            --iconSize8xl: 120px;\n            --iconSize9xl: 192px;\n        }\n    }\n";

package/dist/getCssVar-BP6T9pFM.js

@@ -0,0 +1,6 @@
+const getCssVar = (cssVarName) => {
+  return `var(--${cssVarName})`;
+};
+export {
+  getCssVar as g
+};

package/dist/getSizesFromGridConfig-DR78nJ-p.js

@@ -0,0 +1,28 @@
+import { m as maxWidthBreakpoint, c as containerMaxWidth } from "./index-sVS9qq5A.js";
+import { b as breakpoint_medium, a as breakpoint_large } from "./index-CG4uiVbZ.js";
+const toVw = (cols) => cols ? `${cols / 12 * 100}vw` : void 0;
+const toPx = (cols) => cols ? `${containerMaxWidth * cols / 12}px` : void 0;
+const getSizesFromGridConfig = (gridConfig, containerContext = false) => {
+  const sm = toVw(gridConfig.sm) ?? "100vw";
+  const smPx = toPx(gridConfig.sm) ?? "1240px";
+  const md = toVw(gridConfig.md);
+  const mdPx = toPx(gridConfig.md);
+  const lg = toVw(gridConfig.lg);
+  const lgPx = toPx(gridConfig.lg);
+  const segments = [];
+  if (md && sm !== md) {
+    segments.push(`(max-width: ${breakpoint_medium}) ${sm}`);
+  }
+  if (lg) {
+    segments.push(`(max-width: ${breakpoint_large}) ${md ?? sm}`);
+  }
+  const finalVw = lg ?? md ?? sm;
+  const finalPx = lgPx ?? mdPx ?? smPx;
+  if (!containerContext) {
+    return [...segments, finalVw].join(", ");
+  }
+  return [...segments, `(max-width: ${maxWidthBreakpoint}px) ${finalVw}, ${finalPx}`].join(", ");
+};
+export {
+  getSizesFromGridConfig as g
+};

package/dist/hooks/useFocusWithin/index.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * The useFocusWithin hook is a custom React Hook that tracks
+ * whether any element inside a given DOM node currently has focus (i.e., focus is "within" that node).
+ * This is useful for building components like dropdowns, modals, or form sections that should respond to focus in their subtree.
+ */
+export declare function useFocusWithin(ref: RefObject<HTMLElement>): boolean;

package/dist/hooks/useFocusWithin/index.js

@@ -0,0 +1,36 @@
+import { useState, useEffect } from "react";
+function useFocusWithin(ref) {
+  const [isFocused, setIsFocused] = useState(false);
+  const hasActiveElement = (element) => {
+    if (!document) {
+      return false;
+    }
+    if (!element) {
+      return false;
+    }
+    return element == null ? void 0 : element.contains(document.activeElement);
+  };
+  const eventHandler = () => {
+    if (!ref || !ref.current) {
+      return false;
+    }
+    setTimeout(() => {
+      if (!ref || !ref.current) {
+        return false;
+      }
+      setIsFocused(hasActiveElement(ref == null ? void 0 : ref.current));
+    }, 300);
+  };
+  useEffect(() => {
+    document.addEventListener("focusin", eventHandler, false);
+    document.addEventListener("focusout", eventHandler, false);
+    return () => {
+      document.removeEventListener("focusin", eventHandler, false);
+      document.removeEventListener("focusout", eventHandler, false);
+    };
+  }, [ref, setIsFocused]);
+  return isFocused;
+}
+export {
+  useFocusWithin
+};

package/dist/hooks/useForcedColors/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * the useForcedColors hook to detect if forced colors mode is active in the browser.
+ */
+export declare const useForcedColors: () => boolean;

package/dist/hooks/useForcedColors/index.js

@@ -0,0 +1,9 @@
+import { forcedColorsQuery } from "../../foundations/media-query/forcedColors/index.js";
+import { useMediaQuery } from "../useMediaQuery/index.js";
+const useForcedColors = () => {
+  const reducedMotion = useMediaQuery(forcedColorsQuery);
+  return reducedMotion;
+};
+export {
+  useForcedColors
+};