@traefik-labs/faency 12.0.12 → 12.1.0

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { AspectRatio } from '@radix-ui/react-aspect-ratio';
 import { AtRule } from '@stitches/react/types/css';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Language as CodeBlockLanguage } from 'prism-react-renderer';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { ComponentType } from 'react';
@@ -23,6 +24,7 @@ import { ExoticComponent } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { Function as Function_2 } from '@stitches/react/types/util';
+import { HTMLAttributes } from 'react';
 import { IconProps } from '@radix-ui/react-icons/dist/types';
 import { JSXElementConstructor } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -6442,12 +6444,47 @@ declare type CheckboxProps = CheckboxPrimitiveProps & CheckboxVariants & {
 
 declare type CheckboxVariants = VariantProps<typeof StyledCheckbox>;
 
+export declare const CodeBlock: default_2.ForwardRefExoticComponent<Omit<CodeBlockProps, "ref"> & default_2.RefAttributes<HTMLPreElement>>;
+
+export { CodeBlockLanguage }
+
+export declare type CodeBlockProps = {
+    lang: CodeBlockLanguage;
+    code: string;
+    copyable?: boolean;
+    copyText?: string;
+    copiedText?: string;
+    copyButtonAlign?: 'top' | 'bottom';
+    noBorder?: boolean;
+    wrapText?: boolean;
+    colorScheme?: 'light' | 'dark';
+    maxHeight?: number | string;
+    css?: CSS_2;
+} & Omit<ComponentProps<typeof Pre>, 'css'>;
+
+export declare const CodeBlockVanilla: default_2.ForwardRefExoticComponent<CodeBlockVanillaProps & default_2.RefAttributes<HTMLPreElement>>;
+
+export declare interface CodeBlockVanillaProps extends Omit<HTMLAttributes<HTMLPreElement>, 'css'>, CSSProps {
+    lang: CodeBlockLanguage;
+    code: string;
+    copyable?: boolean;
+    copyText?: string;
+    copiedText?: string;
+    copyButtonAlign?: 'top' | 'bottom';
+    noBorder?: boolean;
+    wrapText?: boolean;
+    colorScheme?: 'light' | 'dark';
+    maxHeight?: number | string;
+}
+
 declare type COLOR_VALUES = (typeof BADGE_COLORS_VANILLA)[number];
 
 declare type ColorMap = {
     [key: string]: string;
 };
 
+declare type ColorScheme = 'light' | 'dark';
+
 declare type ColorVariants = Record<COLOR_VALUES, {
     bc: string;
     color: string;
@@ -18312,6 +18349,355 @@ export declare const PopoverTrigger: default_2.ForwardRefExoticComponent<Popover
 
 export { Portal }
 
+declare const Pre: StyledComponent<"pre", {
+noBorder?: boolean | "true" | undefined;
+}, {
+bp1: "(min-width: 520px) and (max-width: 899px)";
+bp2: "(min-width: 900px) and (max-width: 1199px)";
+bp3: "(min-width: 1200px) and (max-width: 1799px)";
+bp4: "(min-width: 1800px)";
+motion: "(prefers-reduced-motion)";
+hover: "(any-hover: hover)";
+dark: "(prefers-color-scheme: dark)";
+light: "(prefers-color-scheme: light)";
+}, CSS_4<    {
+bp1: "(min-width: 520px) and (max-width: 899px)";
+bp2: "(min-width: 900px) and (max-width: 1199px)";
+bp3: "(min-width: 1200px) and (max-width: 1799px)";
+bp4: "(min-width: 1800px)";
+motion: "(prefers-reduced-motion)";
+hover: "(any-hover: hover)";
+dark: "(prefers-color-scheme: dark)";
+light: "(prefers-color-scheme: light)";
+}, {
+colors: {
+sidePanelBackground: Property;
+headingDefault: Property;
+textareaBg: Property;
+textareaBorder: Property;
+textareaFocusBg: Property;
+textareaFocusBorder: Property;
+textareaHoverBg: Property;
+textareaText: Property;
+textareaPlaceholder: Property;
+textareaDisabledText: Property;
+textareaInvalidBorder: Property;
+tooltipContentBg: Property;
+tooltipText: Property;
+iconButtonBackground: Property;
+iconButtonHoverBorder: Property;
+iconButtonHoverBackground: Property;
+iconButtonFocusBorder: Property;
+dialogBackground: Property;
+skeletonBackground: Property;
+skeletonAnimation: Property;
+selectBg: Property;
+selectBorder: Property;
+selectFocusBg: Property;
+selectFocusBorder: Property;
+selectHoverBg: Property;
+selectText: Property;
+selectPlaceholder: Property;
+selectDisabledText: Property;
+selectInvalidBorder: Property;
+textSubtle: Property;
+textDefault: Property;
+textContrast: Property;
+textInvalid: Property;
+textRed: Property;
+tableText: Property;
+tableSubtleText: Property;
+tableHoverBackground: Property;
+tableActiveText: Property;
+tableActiveHoverText: Property;
+tableHeaderLayerBackground: Property;
+tableFooterLayerBackground: Property;
+tableHeaderText: Property;
+tableFooterText: Property;
+tableHoverText: Property;
+tableRowBorder: Property;
+inputBg: Property;
+inputBorder: Property;
+inputFocusBg: Property;
+inputFocusBorder: Property;
+inputHoverBg: Property;
+inputText: Property;
+inputPlaceholder: Property;
+inputDisabledText: Property;
+inputInvalidBorder: Property;
+radioBorder: Property;
+radioHoverBg: Property;
+radioHoverBorder: Property;
+radioFocusBorder: Property;
+radioDisabledBg: Property;
+radioDisabledBorder: Property;
+radioIndicatorDisabledBg: Property;
+listItemHoverBg: Property;
+listItemActiveBg: Property;
+listItemFocusBorder: Property;
+linkSubtle: Property;
+linkBlueTextDecoration: Property;
+linkBlueHoverTextDecoration: Property;
+linkBlueFocusOutline: Property;
+linkContrast: Property;
+linkContrastTextDecoration: Property;
+linkContrastHoverTextDecoration: Property;
+linkContrastFocusOutline: Property;
+linkSubtleTextDecoration: Property;
+linkSubtleHoverTextDecoration: Property;
+linkSubtleFocusOutline: Property;
+linkPrimary: Property;
+linkPrimaryTextDecoration: Property;
+linkPrimaryHoverTextDecoration: Property;
+linkPrimaryFocusOutline: Property;
+checkboxIcon: Property;
+checkboxBg: Property;
+checkboxCheckedBg: Property;
+checkboxBorder: Property;
+checkboxCheckedIcon: Property;
+checkboxCheckedHoverBg: Property;
+checkboxHoverBg: Property;
+checkboxHoverBorder: Property;
+checkboxFocusBorder: Property;
+checkboxDisabledBg: Property;
+checkboxDisabledBorder: Property;
+checkboxIndicatorDisabledBg: Property;
+cardBackground: Property;
+cardBorder: Property;
+cardShadow: Property;
+cardHoverBackground: Property;
+cardHoverBorder: Property;
+cardActiveBackground: Property;
+cardActiveBorder: Property;
+cardGhostBackground: Property;
+innerCardBgColor: Property;
+switchBackground: Property;
+switchActiveBackground: Property;
+switchFocusBorder: Property;
+switchThumb: Property;
+buttonSwitchContainerBg: Property;
+buttonSwitchActiveBg: Property;
+buttonSwitchOffBg: Property;
+buttonSwitchOffColor: Property;
+buttonSwitchActiveColor: Property;
+buttonPrimaryBg: Property;
+buttonPrimaryText: Property;
+buttonPrimaryFocusBorder: Property;
+buttonPrimaryGhostHoverText: Property;
+buttonSecondaryBg: Property;
+buttonSecondaryText: Property;
+buttonSecondaryBorder: Property;
+buttonSecondaryFocusBorder: Property;
+buttonRedBg: Property;
+buttonRedText: Property;
+buttonRedHoverText: Property;
+buttonRedFocusBg: Property;
+badgeInteractiveBackgroundActive: Property;
+badgeInteractiveBackgroundHover: Property;
+accordionBackground: Property;
+accordionHoverShadow: Property;
+accordionActiveShadow: Property;
+accordionText: Property;
+accordionLabel: Property;
+};
+fonts: {
+rubik: "Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif";
+};
+space: {
+1: "4px";
+2: "8px";
+3: "16px";
+4: "20px";
+5: "24px";
+6: "32px";
+7: "48px";
+8: "64px";
+9: "80px";
+};
+sizes: {
+1: "4px";
+2: "8px";
+3: "16px";
+4: "20px";
+5: "24px";
+6: "32px";
+7: "40px";
+8: "48px";
+9: "64px";
+10: "80px";
+};
+fontSizes: {
+0: "11px";
+1: "12px";
+2: "13px";
+3: "14px";
+4: "16px";
+5: "18px";
+6: "20px";
+7: "22px";
+8: "24px";
+9: "26px";
+10: "28px";
+11: "32px";
+12: "38px";
+};
+fontWeights: {
+light: 300;
+regular: 400;
+medium: 500;
+semiBold: 600;
+bold: 700;
+};
+radii: {
+1: "4px";
+2: "6px";
+3: "8px";
+4: "12px";
+round: "50%";
+pill: "9999px";
+};
+zIndices: {
+1: "100";
+2: "200";
+3: "300";
+4: "400";
+max: "999";
+};
+}, DefaultThemeMap, {
+p: (value: PropertyValue<"padding">) => {
+padding: WithPropertyValue<"padding">;
+};
+pt: (value: PropertyValue<"paddingTop">) => {
+paddingTop: WithPropertyValue<"paddingTop">;
+};
+pr: (value: PropertyValue<"paddingRight">) => {
+paddingRight: WithPropertyValue<"paddingRight">;
+};
+pb: (value: PropertyValue<"paddingBottom">) => {
+paddingBottom: WithPropertyValue<"paddingBottom">;
+};
+pl: (value: PropertyValue<"paddingLeft">) => {
+paddingLeft: WithPropertyValue<"paddingLeft">;
+};
+px: (value: PropertyValue<"paddingLeft">) => {
+paddingLeft: WithPropertyValue<"paddingLeft">;
+paddingRight: WithPropertyValue<"paddingLeft">;
+};
+py: (value: PropertyValue<"paddingTop">) => {
+paddingTop: WithPropertyValue<"paddingTop">;
+paddingBottom: WithPropertyValue<"paddingTop">;
+};
+m: (value: PropertyValue<"margin">) => {
+margin: WithPropertyValue<"margin">;
+};
+mt: (value: PropertyValue<"marginTop">) => {
+marginTop: WithPropertyValue<"marginTop">;
+};
+mr: (value: PropertyValue<"marginRight">) => {
+marginRight: WithPropertyValue<"marginRight">;
+};
+mb: (value: PropertyValue<"marginBottom">) => {
+marginBottom: WithPropertyValue<"marginBottom">;
+};
+ml: (value: PropertyValue<"marginLeft">) => {
+marginLeft: WithPropertyValue<"marginLeft">;
+};
+mx: (value: PropertyValue<"marginLeft">) => {
+marginLeft: WithPropertyValue<"marginLeft">;
+marginRight: WithPropertyValue<"marginLeft">;
+};
+my: (value: PropertyValue<"marginTop">) => {
+marginTop: WithPropertyValue<"marginTop">;
+marginBottom: WithPropertyValue<"marginTop">;
+};
+ta: (value: PropertyValue<"textAlign">) => {
+textAlign: WithPropertyValue<"textAlign">;
+};
+fd: (value: PropertyValue<"flexDirection">) => {
+flexDirection: WithPropertyValue<"flexDirection">;
+};
+fw: (value: PropertyValue<"flexWrap">) => {
+flexWrap: WithPropertyValue<"flexWrap">;
+};
+ai: (value: PropertyValue<"alignItems">) => {
+alignItems: WithPropertyValue<"alignItems">;
+};
+ac: (value: PropertyValue<"alignContent">) => {
+alignContent: WithPropertyValue<"alignContent">;
+};
+jc: (value: PropertyValue<"justifyContent">) => {
+justifyContent: WithPropertyValue<"justifyContent">;
+};
+as: (value: PropertyValue<"alignSelf">) => {
+alignSelf: WithPropertyValue<"alignSelf">;
+};
+fg: (value: PropertyValue<"flexGrow">) => {
+flexGrow: WithPropertyValue<"flexGrow">;
+};
+fs: (value: PropertyValue<"flexShrink">) => {
+flexShrink: WithPropertyValue<"flexShrink">;
+};
+fb: (value: PropertyValue<"flexBasis">) => {
+flexBasis: WithPropertyValue<"flexBasis">;
+};
+bc: (value: PropertyValue<"backgroundColor">) => {
+backgroundColor: WithPropertyValue<"backgroundColor">;
+};
+br: (value: PropertyValue<"borderRadius">) => {
+borderRadius: WithPropertyValue<"borderRadius">;
+};
+btrr: (value: PropertyValue<"borderTopRightRadius">) => {
+borderTopRightRadius: WithPropertyValue<"borderTopRightRadius">;
+};
+bbrr: (value: PropertyValue<"borderBottomRightRadius">) => {
+borderBottomRightRadius: WithPropertyValue<"borderBottomRightRadius">;
+};
+bblr: (value: PropertyValue<"borderBottomLeftRadius">) => {
+borderBottomLeftRadius: WithPropertyValue<"borderBottomLeftRadius">;
+};
+btlr: (value: PropertyValue<"borderTopLeftRadius">) => {
+borderTopLeftRadius: WithPropertyValue<"borderTopLeftRadius">;
+};
+bs: (value: PropertyValue<"boxShadow">) => {
+boxShadow: WithPropertyValue<"boxShadow">;
+};
+c: (value: PropertyValue<"color">) => {
+color: WithPropertyValue<"color">;
+};
+lh: (value: PropertyValue<"lineHeight">) => {
+lineHeight: WithPropertyValue<"lineHeight">;
+};
+ox: (value: PropertyValue<"overflowX">) => {
+overflowX: WithPropertyValue<"overflowX">;
+};
+oy: (value: PropertyValue<"overflowY">) => {
+overflowY: WithPropertyValue<"overflowY">;
+};
+pe: (value: PropertyValue<"pointerEvents">) => {
+pointerEvents: WithPropertyValue<"pointerEvents">;
+};
+us: (value: PropertyValue<"userSelect">) => {
+WebkitUserSelect: WithPropertyValue<"userSelect">;
+userSelect: WithPropertyValue<"userSelect">;
+};
+userSelect: (value: PropertyValue<"userSelect">) => {
+WebkitUserSelect: WithPropertyValue<"userSelect">;
+userSelect: WithPropertyValue<"userSelect">;
+};
+size: (value: PropertyValue<"width">) => {
+width: WithPropertyValue<"width">;
+height: WithPropertyValue<"width">;
+};
+appearance: (value: PropertyValue<"appearance">) => {
+WebkitAppearance: WithPropertyValue<"appearance">;
+appearance: WithPropertyValue<"appearance">;
+};
+backgroundClip: (value: PropertyValue<"backgroundClip">) => {
+WebkitBackgroundClip: WithPropertyValue<"backgroundClip">;
+backgroundClip: WithPropertyValue<"backgroundClip">;
+};
+}>>;
+
 export declare type PrimaryColor = 'neon' | 'blue' | 'orange' | 'red' | 'green' | 'deepBlue' | 'grayBlue';
 
 declare type PrimaryColor_2 = 'neon' | 'blue' | 'orange' | 'red' | 'green' | 'deepBlue' | 'grayBlue';
@@ -33842,6 +34228,8 @@ declare type TrProps = ComponentProps<typeof StyledTr_2> & VariantProps<typeof S
 
 export declare const Ul: default_2.ForwardRefExoticComponent<Omit<ListProps, "ref"> & default_2.RefAttributes<HTMLUListElement>>;
 
+export declare function useColorScheme(): ColorScheme;
+
 export declare function useVanillaExtractTheme(): ThemeContextValue;
 
 export declare const vanillaDarkTheme: string;

package/dist/index.js

@@ -1,4 +1,5 @@
 import { FaencyProvider } from "./components/FaencyProvider.js";
+import { useColorScheme } from "./components/colorSchemeContext.js";
 import { Overlay } from "./components/Overlay.js";
 import { AspectRatio } from "@radix-ui/react-aspect-ratio";
 import { Portal } from "@radix-ui/react-portal";
@@ -18,6 +19,8 @@ import { Blockquote } from "./components/Blockquote/Blockquote.js";
 import { BlockquoteVanilla } from "./components/Blockquote/Blockquote.vanilla.js";
 import { Box } from "./components/Box/Box.js";
 import { BoxVanilla } from "./components/Box/Box.vanilla.js";
+import { CodeBlock } from "./components/CodeBlock/CodeBlock.js";
+import { CodeBlockVanilla } from "./components/CodeBlock/CodeBlock.vanilla.js";
 import { Bubble } from "./components/Bubble/Bubble.js";
 import { BubbleVanilla } from "./components/Bubble/Bubble.vanilla.js";
 import { Button } from "./components/Button/Button.js";
@@ -114,6 +117,8 @@ export {
   Card,
   CardVanilla,
   Checkbox,
+  CodeBlock,
+  CodeBlockVanilla,
   Container,
   ContainerVanilla,
   DateTimePicker,
@@ -235,6 +240,7 @@ export {
   lightTheme,
   panelStyles,
   styled,
+  useColorScheme,
   useVanillaExtractTheme,
   darkTheme2 as vanillaDarkTheme,
   lightTheme2 as vanillaLightTheme,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@traefik-labs/faency",
   "description": "Traefik Labs design system",
-  "version": "12.0.12",
+  "version": "12.1.0",
   "license": "Apache-2.0",
   "keywords": [
     "traefiklabs",
@@ -116,6 +116,7 @@
     "np": "^8.0.4",
     "patch-package": "^8.0.0",
     "prettier": "^3.6.2",
+    "prism-react-renderer": "2.4.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "semantic-release": "^25.0.3",

package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
-}
-function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function mapValues(input, fn) {
-  var result = {};
-  for (var _key in input) {
-    result[_key] = fn(input[_key], _key);
-  }
-  return result;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-  for (var key of Object.keys(compoundCheck)) {
-    var _selections$key;
-    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => {
-  var runtimeFn = (options) => {
-    var className = config.defaultClassName;
-    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-    for (var variantName in selections) {
-      var _selections$variantNa;
-      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-      if (variantSelection != null) {
-        var selection = variantSelection;
-        if (typeof selection === "boolean") {
-          selection = selection === true ? "true" : "false";
-        }
-        var selectionClassName = (
-          // @ts-expect-error
-          config.variantClassNames[variantName][selection]
-        );
-        if (selectionClassName) {
-          className += " " + selectionClassName;
-        }
-      }
-    }
-    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-        className += " " + compoundClassName;
-      }
-    }
-    return className;
-  };
-  runtimeFn.variants = () => Object.keys(config.variantClassNames);
-  runtimeFn.classNames = {
-    get base() {
-      return config.defaultClassName.split(" ")[0];
-    },
-    get variants() {
-      return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
-    }
-  };
-  return runtimeFn;
-};
-exports.c = createRuntimeFn;
-exports.m = mapValues;
-//# sourceMappingURL=createRuntimeFn-62c9670f.esm.cjs.map

package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRuntimeFn-62c9670f.esm.cjs","sources":["../../../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js"],"sourcesContent":["function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n"],"names":["r"],"mappings":";;AAAA,SAAS,YAAY,GAAG,GAAG;AACzB,MAAI,YAAY,OAAO,KAAK,CAAC,EAAG,QAAO;AACvC,MAAI,IAAI,EAAE,OAAO,WAAW;AAC5B,MAAI,WAAW,GAAG;AAChB,QAAI,IAAI,EAAE,KAAK,GAAG,CAAc;AAChC,QAAI,YAAY,OAAO,EAAG,QAAO;AACjC,UAAM,IAAI,UAAU,8CAA8C;AAAA,EACpE;AACA,UAAQ,aAAa,IAAI,SAAS,QAAQ,CAAC;AAC7C;AAEA,SAAS,cAAc,GAAG;AACxB,MAAI,IAAI,YAAY,GAAG,QAAQ;AAC/B,SAAO,YAAY,OAAO,IAAI,IAAI,OAAO,CAAC;AAC5C;AAEA,SAAS,gBAAgB,KAAK,KAAK,OAAO;AACxC,QAAM,cAAc,GAAG;AACvB,MAAI,OAAO,KAAK;AACd,WAAO,eAAe,KAAK,KAAK;AAAA,MAC9B;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,UAAU;AAAA,IAChB,CAAK;AAAA,EACH,OAAO;AACL,QAAI,GAAG,IAAI;AAAA,EACb;AACA,SAAO;AACT;AAEA,SAAS,QAAQ,GAAG,GAAG;AACrB,MAAI,IAAI,OAAO,KAAK,CAAC;AACrB,MAAI,OAAO,uBAAuB;AAChC,QAAI,IAAI,OAAO,sBAAsB,CAAC;AACtC,UAAM,IAAI,EAAE,OAAO,SAAUA,IAAG;AAC9B,aAAO,OAAO,yBAAyB,GAAGA,EAAC,EAAE;AAAA,IAC/C,CAAC,IAAI,EAAE,KAAK,MAAM,GAAG,CAAC;AAAA,EACxB;AACA,SAAO;AACT;AACA,SAAS,eAAe,GAAG;AACzB,WAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,QAAI,IAAI,QAAQ,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAA;AAC9C,QAAI,IAAI,QAAQ,OAAO,CAAC,GAAG,IAAE,EAAE,QAAQ,SAAUA,IAAG;AAClD,sBAAgB,GAAGA,IAAG,EAAEA,EAAC,CAAC;AAAA,IAC5B,CAAC,IAAI,OAAO,4BAA4B,OAAO,iBAAiB,GAAG,OAAO,0BAA0B,CAAC,CAAC,IAAI,QAAQ,OAAO,CAAC,CAAC,EAAE,QAAQ,SAAUA,IAAG;AAChJ,aAAO,eAAe,GAAGA,IAAG,OAAO,yBAAyB,GAAGA,EAAC,CAAC;AAAA,IACnE,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEA,SAAS,UAAU,OAAO,IAAI;AAC5B,MAAI,SAAS,CAAA;AACb,WAAS,QAAQ,OAAO;AACtB,WAAO,IAAI,IAAI,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,EACrC;AACA,SAAO;AACT;AAEA,IAAI,sBAAsB,CAAC,eAAe,YAAY,oBAAoB;AACxE,WAAS,OAAO,OAAO,KAAK,aAAa,GAAG;AAC1C,QAAI;AACJ,QAAI,cAAc,GAAG,QAAQ,kBAAkB,WAAW,GAAG,OAAO,QAAQ,oBAAoB,SAAS,kBAAkB,gBAAgB,GAAG,IAAI;AAChJ,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AACG,IAAC,kBAAkB,YAAU;AAC9B,MAAI,YAAY,aAAW;AACzB,QAAI,YAAY,OAAO;AACvB,QAAI,aAAa,eAAe,eAAe,CAAA,GAAI,OAAO,eAAe,GAAG,OAAO;AACnF,aAAS,eAAe,YAAY;AAClC,UAAI;AACJ,UAAI,oBAAoB,wBAAwB,WAAW,WAAW,OAAO,QAAQ,0BAA0B,SAAS,wBAAwB,OAAO,gBAAgB,WAAW;AAClL,UAAI,oBAAoB,MAAM;AAC5B,YAAI,YAAY;AAChB,YAAI,OAAO,cAAc,WAAW;AAElC,sBAAY,cAAc,OAAO,SAAS;AAAA,QAC5C;AACA,YAAI;AAAA;AAAA,UAEJ,OAAO,kBAAkB,WAAW,EAAE,SAAS;AAAA;AAC/C,YAAI,oBAAoB;AACtB,uBAAa,MAAM;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AACA,aAAS,CAAC,eAAe,iBAAiB,KAAK,OAAO,kBAAkB;AACtE,UAAI,oBAAoB,eAAe,YAAY,OAAO,eAAe,GAAG;AAC1E,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,YAAU,WAAW,MAAM,OAAO,KAAK,OAAO,iBAAiB;AAC/D,YAAU,aAAa;AAAA,IACrB,IAAI,OAAO;AACT,aAAO,OAAO,iBAAiB,MAAM,GAAG,EAAE,CAAC;AAAA,IAC7C;AAAA,IACA,IAAI,WAAW;AACb,aAAO,UAAU,OAAO,mBAAmB,gBAAc,UAAU,YAAY,eAAa,UAAU,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAAA,IACtH;AAAA,EACJ;AACE,SAAO;AACT;;;","x_google_ignoreList":[0]}