@trilogy-ds/react 0.0.11-esm-cjs → 0.0.12-alpha-prompt

package/lib/objects/facets/index.native.js

@@ -1,642 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// objects/facets/index.native.ts
-var index_native_exports = {};
-__export(index_native_exports, {
-  Align: () => Align,
-  Alignable: () => Alignable,
-  DirectionEnum: () => DirectionEnum,
-  Justifiable: () => Justifiable,
-  Justify: () => Justify,
-  Loading: () => Loading,
-  ScrollDirectionEnum: () => ScrollDirectionEnum,
-  StatusState: () => StatusState,
-  StickyPosition: () => StickyPosition,
-  TrilogyColor: () => TrilogyColor,
-  VariantState: () => VariantState,
-  colors: () => colors,
-  getAlignClassName: () => getAlignClassName,
-  getAlignStyle: () => getAlignStyle,
-  getButtonColorStyle: () => getButtonColorStyle,
-  getButtonVariantClassName: () => getButtonVariantClassName,
-  getColorClassName: () => getColorClassName,
-  getColorStyle: () => getColorStyle,
-  getJustifiedClassName: () => getJustifiedClassName,
-  getJustifyClassName: () => getJustifyClassName,
-  getJustifySelfClassName: () => getJustifySelfClassName,
-  getJustifyStyle: () => getJustifyStyle,
-  getLoadingClassName: () => getLoadingClassName,
-  getStatusClassName: () => getStatusClassName,
-  getStatusIconName: () => getStatusIconName,
-  getStatusStyle: () => getStatusStyle,
-  getVariantClassName: () => getVariantClassName,
-  getVariantStyle: () => getVariantStyle,
-  grayscale: () => grayscale
-});
-module.exports = __toCommonJS(index_native_exports);
-
-// objects/facets/Alignable/index.ts
-var Alignable = /* @__PURE__ */ ((Alignable2) => {
-  Alignable2["ALIGNED_CENTER"] = "ALIGNED_CENTER";
-  Alignable2["ALIGNED_START"] = "ALIGNED_START";
-  Alignable2["ALIGNED_END"] = "ALIGNED_END";
-  Alignable2["ALIGNED_STRETCH"] = "ALIGNED_STRETCH";
-  return Alignable2;
-})(Alignable || {});
-var Align = /* @__PURE__ */ ((Align2) => {
-  Align2["CENTER"] = "CENTER";
-  Align2["START"] = "START";
-  Align2["END"] = "END";
-  Align2["STRETCH"] = "STRETCH";
-  return Align2;
-})(Align || {});
-var getAlignClassName = (alignType) => {
-  switch (alignType) {
-    case "ALIGNED_CENTER":
-      return "aligned-center";
-    case "CENTER":
-      return "aligned-center";
-    case "ALIGNED_START":
-      return "aligned-start";
-    case "START":
-      return "aligned-start";
-    case "ALIGNED_END":
-      return "aligned-end";
-    case "END":
-      return "aligned-end";
-    case "STRETCH":
-      return "aligned-stretch";
-    default:
-      return "aligned-start";
-  }
-};
-var getAlignStyle = (alignType) => {
-  switch (alignType) {
-    case "ALIGNED_CENTER":
-      return "center";
-    case "ALIGNED_START":
-      return "flex-start";
-    case "ALIGNED_END":
-      return "flex-end";
-    default:
-      return "flex-start";
-  }
-};
-
-// context/providerTheme/index.native.tsx
-var import_react = __toESM(require("react"));
-var defaultIcons = {};
-var defaultTheme = {
-  icons: defaultIcons,
-  colors,
-  fontFamily: { regular: "poppins-regular", medium: "poppins-medium", bold: "poppins-semibold" }
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
-
-// objects/facets/Color/index.native.tsx
-var import_react2 = require("react");
-var TrilogyColor = /* @__PURE__ */ ((TrilogyColor2) => {
-  TrilogyColor2["BACKGROUND"] = "WHITE";
-  TrilogyColor2["MAIN"] = "MAIN";
-  TrilogyColor2["MAIN_FADE"] = "MAIN_FADE";
-  TrilogyColor2["ACCENT"] = "ACCENT";
-  TrilogyColor2["FONT"] = "FONT";
-  TrilogyColor2["FONT_PLACEHOLDER"] = "FONT_PLACEHOLDER";
-  TrilogyColor2["SUCCESS"] = "SUCCESS";
-  TrilogyColor2["SUCCESS_FADE"] = "SUCCESS_FADE";
-  TrilogyColor2["INFO"] = "INFO";
-  TrilogyColor2["INFO_FADE"] = "INFO_FADE";
-  TrilogyColor2["WARNING"] = "WARNING";
-  TrilogyColor2["WARNING_FADE"] = "WARNING_FADE";
-  TrilogyColor2["ERROR"] = "ERROR";
-  TrilogyColor2["ERROR_FADE"] = "ERROR_FADE";
-  TrilogyColor2["DISABLED"] = "DISABLED";
-  TrilogyColor2["DISABLED_FADE"] = "DISABLED_FADE";
-  TrilogyColor2["NEUTRAL"] = "NEUTRAL";
-  TrilogyColor2["NEUTRAL_FADE"] = "NEUTRAL_FADE";
-  TrilogyColor2["STROKE"] = "STROKE";
-  return TrilogyColor2;
-})(TrilogyColor || {});
-var colors = {
-  ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
-  ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
-  ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
-  ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
-  ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
-  ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
-  ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
-  ["SUCCESS_FADE" /* SUCCESS_FADE */]: ["#cae8ca", "success-fade", "white"],
-  ["INFO" /* INFO */]: ["#1A688A", "info", "white"],
-  ["INFO_FADE" /* INFO_FADE */]: ["#c8dbec", "info-fade", "white"],
-  ["WARNING" /* WARNING */]: ["#FFBB33", "warning", "white"],
-  ["WARNING_FADE" /* WARNING_FADE */]: ["#ecdbc6", "warning-fade", "white"],
-  ["ERROR" /* ERROR */]: ["#D42D02", "error", "white"],
-  ["ERROR_FADE" /* ERROR_FADE */]: ["#eecccc", "error-fade", "white"],
-  ["DISABLED" /* DISABLED */]: ["#646464", "disabled", "white"],
-  ["DISABLED_FADE" /* DISABLED_FADE */]: ["#D1D1D1", "disabled-fade", "white"],
-  ["NEUTRAL" /* NEUTRAL */]: ["#707070", "grey", "white"],
-  ["NEUTRAL_FADE" /* NEUTRAL_FADE */]: ["#F4F4F4", "grey-fade", "white"],
-  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"]
-};
-var getColorClassName = (trilogyColor) => {
-  const color = colors[trilogyColor];
-  return color[1];
-};
-var getButtonVariantClassName = (trilogyColor) => {
-  switch (trilogyColor) {
-    case "CONVERSION":
-      return "conversion";
-    case "PRIMARY":
-      return "primary";
-    case "SECONDARY":
-      return "secondary";
-    case "GHOST":
-      return "ghost";
-    case "SUCCESS":
-      return "success";
-    case "INFO":
-      return "info";
-    case "WARNING":
-      return "warning";
-    case "ERROR":
-      return "error";
-    case "DISABLED":
-      return "disabled";
-    default:
-      return "primary";
-  }
-};
-var getButtonColorStyle = (buttonVariant) => {
-  switch (buttonVariant) {
-    case "ACCENT":
-      return "ACCENT" /* ACCENT */;
-    case "PRIMARY":
-      return "MAIN" /* MAIN */;
-    case "SECONDARY":
-      return "MAIN_FADE" /* MAIN_FADE */;
-    case "GHOST":
-      return "WHITE" /* BACKGROUND */;
-    default:
-      return "MAIN" /* MAIN */;
-  }
-};
-var getColorStyle = (trilogyColor) => {
-  if (typeof navigator !== "undefined" && navigator.userAgent === void 0) {
-    const { theme } = (0, import_react2.useContext)(TrilogyThemeContext);
-    const colorsStyle = (theme == null ? void 0 : theme.colors) || colors;
-    const colorArray = colorsStyle[trilogyColor] || colorsStyle.default;
-    if (trilogyColor === "transparent") return "transparent";
-    if (!trilogyColor || !colors[trilogyColor]) {
-      return colorsStyle.default;
-    }
-    return colorArray[0];
-  } else {
-    if (trilogyColor === "transparent") return "transparent";
-    return colors[trilogyColor][0] || colors["MAIN" /* MAIN */][0];
-  }
-};
-function hexToRgb(hex) {
-  if (hex.charAt(0) === "#") {
-    hex = hex.slice(1);
-  }
-  if (hex.length !== 6) {
-    throw new Error("Wrong format (hexadecimal)");
-  }
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  return { r, g, b };
-}
-function rgbToHex(r, g, b) {
-  const toHex = (n) => {
-    const hex = n.toString(16);
-    return hex.length === 1 ? `0${hex}` : hex;
-  };
-  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-function grayscale(hex) {
-  const { r, g, b } = hexToRgb(hex);
-  const gray = Math.round(0.299 * r + 0.587 * g + 0.114 * b);
-  return rgbToHex(gray, gray, gray);
-}
-
-// objects/facets/Direction/index.ts
-var DirectionEnum = /* @__PURE__ */ ((DirectionEnum2) => {
-  DirectionEnum2["ROW"] = "row";
-  DirectionEnum2["COLUMN"] = "column";
-  return DirectionEnum2;
-})(DirectionEnum || {});
-
-// objects/facets/Justifiable/index.ts
-var Justifiable = /* @__PURE__ */ ((Justifiable2) => {
-  Justifiable2["JUSTIFIED_CENTER"] = "JUSTIFIED_CENTER";
-  Justifiable2["JUSTIFIED_START"] = "JUSTIFIED_START";
-  Justifiable2["JUSTIFIED_END"] = "JUSTIFIED_END";
-  Justifiable2["SPACE_BETWEEN"] = "SPACE_BETWEEN";
-  return Justifiable2;
-})(Justifiable || {});
-var Justify = /* @__PURE__ */ ((Justify2) => {
-  Justify2["CENTER"] = "CENTER";
-  Justify2["START"] = "START";
-  Justify2["END"] = "END";
-  Justify2["SPACE_BETWEEN"] = "SPACE_BETWEEN";
-  Justify2["SPACE_AROUND"] = "SPACE_AROUND";
-  Justify2["SPACE_EVENLY"] = "SPACE_EVENLY";
-  return Justify2;
-})(Justify || {});
-var getJustifyStyle = (justifyContent) => {
-  switch (justifyContent) {
-    case "JUSTIFIED_CENTER":
-      return "center";
-    case "JUSTIFIED_START":
-      return "flex-start";
-    case "JUSTIFIED_END":
-      return "flex-end";
-    case "SPACE_BETWEEN":
-      return "space-between";
-    default:
-      return "flex-start";
-  }
-};
-var getJustifyClassName = (justifyContent) => {
-  switch (justifyContent) {
-    case "JUSTIFIED_CENTER":
-      return "centered";
-    case "CENTER":
-      return "justified-center";
-    case "JUSTIFIED_START":
-      return "justified-start";
-    case "START":
-      return "justified-start";
-    case "JUSTIFIED_END":
-      return "justified-end";
-    case "END":
-      return "justified-end";
-    case "SPACE_BETWEEN":
-      return "spaced-between";
-    case "SPACE_AROUND":
-      return "spaced-around";
-    case "SPACE_EVENLY":
-      return "spaced-evenly";
-    default:
-      return "justified-start";
-  }
-};
-var getJustifiedClassName = (justifyContent) => {
-  switch (justifyContent) {
-    case "ALIGNED_CENTER":
-      return "justified-center";
-    case "ALIGNED_START":
-      return "justified-start";
-    case "ALIGNED_END":
-      return "justified-end";
-    default:
-      return "justified-start";
-  }
-};
-var getJustifySelfClassName = (justifyContent) => {
-  switch (justifyContent) {
-    case "ALIGNED_CENTER":
-      return "justified-self-center";
-    case "ALIGNED_START":
-      return "justified-self-start";
-    case "ALIGNED_END":
-      return "justified-selfend";
-    default:
-      return "justified-selfstart";
-  }
-};
-
-// objects/facets/Loadable/index.ts
-var Loading = /* @__PURE__ */ ((Loading2) => {
-  Loading2["LOADING"] = "LOADING";
-  Loading2["LOADED"] = "LOADED";
-  return Loading2;
-})(Loading || {});
-var getLoadingClassName = (loadingType) => {
-  switch (loadingType) {
-    case "LOADING":
-      return "loading";
-    case "LOADED":
-      return "loaded";
-    default:
-      return "";
-  }
-};
-
-// objects/facets/ScrollDirection/index.ts
-var ScrollDirectionEnum = /* @__PURE__ */ ((ScrollDirectionEnum2) => {
-  ScrollDirectionEnum2["VERTICAL"] = "VERTICAL";
-  ScrollDirectionEnum2["HORIZONTAL"] = "HORIZONTAL";
-  return ScrollDirectionEnum2;
-})(ScrollDirectionEnum || {});
-
-// context/providerStates/index.tsx
-var import_react3 = require("react");
-var StatesContext = (0, import_react3.createContext)({
-  inverted: false,
-  active: false,
-  flat: false
-});
-
-// helpers/device/index.native.ts
-var import_react_native = require("react-native");
-var Device = /* @__PURE__ */ ((Device2) => {
-  Device2["Browser"] = "browser";
-  Device2["Server"] = "server";
-  Device2["Native"] = "native";
-  return Device2;
-})(Device || {});
-var { Browser, Server, Native } = Device;
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-var canUseNative = typeof navigator != "undefined" && navigator.product == "ReactNative";
-var device = canUseNative ? Native : canUseDOM ? Browser : Server;
-var SSRObjectDefined = {
-  isBrowser: device === Browser,
-  isServer: device === Server,
-  isNative: device === Native,
-  device,
-  canUseWorkers: typeof Worker !== "undefined",
-  canUseEventListeners: device === Browser && !!window.addEventListener,
-  canUseViewport: device === Browser && !!window.screen
-};
-var assign = (...args) => Object.assign({}, ...args);
-var values = (obj) => Object.values(obj);
-var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
-var SSRObject = toArrayObject();
-var isAndroid = import_react_native.Platform.OS === "android";
-var isIOS = import_react_native.Platform.OS === "ios";
-
-// components/icon/Icon.native.tsx
-var import_react4 = __toESM(require("react"));
-var import_native = __toESM(require("react-content-loader/native"));
-var import_react_native2 = require("react-native");
-var import_css = require("react-native-svg/css");
-var Icon = import_react4.default.forwardRef(
-  ({ size, name, circled, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }, ref) => {
-    const {
-      theme: { icons }
-    } = (0, import_react4.useContext)(TrilogyThemeContext);
-    const statesContext = (0, import_react4.useContext)(StatesContext);
-    const style = {};
-    const defaultSize = size === "huge" /* HUGE */ && 66 || size === "large" /* LARGE */ && 44 || size === "medium" /* MEDIUM */ && 30 || size === "small" /* SMALL */ && 20 || size === "smaller" /* SMALLER */ && 16 || 20;
-    const iconColor = color && getColorStyle(color) || statesContext.inverted && getColorStyle("WHITE" /* BACKGROUND */) || getColorStyle("MAIN" /* MAIN */);
-    const background = backgroundColor && getColorStyle(backgroundColor) || circled && getColorStyle("MAIN" /* MAIN */) || "";
-    const iconSkeletonRadius = size === "huge" /* HUGE */ && 50 || size === "large" /* LARGE */ && 35 || size === "medium" /* MEDIUM */ && 25 || size === "small" /* SMALL */ && 15 || size === "smaller" /* SMALLER */ && 10 || 15;
-    const circledWidth = size === "huge" /* HUGE */ && 99 || size === "large" /* LARGE */ && 66 || size === "medium" /* MEDIUM */ && 48 || size === "small" /* SMALL */ && 32 || size === "smaller" /* SMALLER */ && 38 || 32;
-    const styles = import_react_native2.StyleSheet.create({
-      rootView: {
-        alignSelf: getAlignStyle(align)
-      },
-      iconCircled: {
-        alignSelf: "center",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      icon: {
-        transform: isIOS ? stretched && [{ skewX: "20deg" }] || [{ skewX: "0deg" }] : []
-      },
-      stretched: {
-        justifyContent: "center",
-        alignItems: "center",
-        width: circledWidth + 15,
-        height: circledWidth,
-        backgroundColor: iconColor,
-        borderTopRightRadius: 10,
-        transform: isIOS ? stretched && [{ skewX: "-20deg" }] || [{ skewX: "0deg" }] : []
-      },
-      skeleton: {
-        width: circledWidth,
-        height: circledWidth,
-        borderRadius: iconSkeletonRadius,
-        backgroundColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
-        overflow: "hidden"
-      },
-      circled: {
-        width: circledWidth,
-        height: circledWidth,
-        borderRadius: circledWidth,
-        backgroundColor: background,
-        alignItems: "center",
-        justifyContent: "center"
-      }
-    });
-    const IconSkeleton = () => /* @__PURE__ */ import_react4.default.createElement(import_native.default, { style: styles.skeleton, ...others }, /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: { opacity: 0 } }), isAndroid && /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, null, size === "huge" /* HUGE */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "50", cy: "50", r: "50" }) || size === "large" /* LARGE */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "33", cy: "33", r: "33" }) || size === "medium" /* MEDIUM */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "23", cy: "23", r: "23" }) || size === "small" /* SMALL */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "15", cy: "15", r: "15" }) || /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "15", cy: "15", r: "15" })));
-    if (skeleton) {
-      return /* @__PURE__ */ import_react4.default.createElement(IconSkeleton, null);
-    }
-    let iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, null);
-    if (name && icons) {
-      if (stretched && !circled) {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react4.default.createElement(
-          import_css.WithLocalSvg,
-          {
-            style: [styles.iconCircled, styles.icon],
-            asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")],
-            width: defaultSize,
-            height: defaultSize,
-            color: getColorStyle("WHITE" /* BACKGROUND */)
-          }
-        ));
-      } else if (circled) {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react4.default.createElement(
-          import_css.WithLocalSvg,
-          {
-            style: [styles.iconCircled, styles.icon],
-            asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")],
-            width: defaultSize,
-            height: defaultSize,
-            color: iconColor
-          }
-        ));
-      } else {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { ...others }, /* @__PURE__ */ import_react4.default.createElement(
-          import_css.WithLocalSvg,
-          {
-            style: [styles.icon, style],
-            asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")],
-            width: defaultSize,
-            height: defaultSize,
-            color: iconColor
-          }
-        ));
-      }
-    }
-    return onClick ? /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, /* @__PURE__ */ import_react4.default.createElement(
-      import_react_native2.TouchableOpacity,
-      {
-        style: { width: "100%" },
-        onPress: onClick,
-        activeOpacity: 0.85,
-        testID: `${testId}-pressable`
-      },
-      iconView
-    )) : /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, iconView);
-  }
-);
-Icon.displayName = "Icon" /* Icon */;
-
-// objects/facets/Status/index.native.ts
-var StatusState = /* @__PURE__ */ ((StatusState2) => {
-  StatusState2["SUCCESS"] = "SUCCESS";
-  StatusState2["INFO"] = "INFO";
-  StatusState2["WARNING"] = "WARNING";
-  StatusState2["ERROR"] = "ERROR";
-  return StatusState2;
-})(StatusState || {});
-var getStatusClassName = (statusType) => {
-  switch (statusType) {
-    case "SUCCESS":
-      return "success";
-    case "INFO":
-      return "info";
-    case "WARNING":
-      return "warning";
-    case "ERROR":
-      return "error";
-    default:
-      return "";
-  }
-};
-var STATUS_COLORS = {
-  SUCCESS: { color: "SUCCESS" /* SUCCESS */, backgroundColor: "SUCCESS_FADE" /* SUCCESS_FADE */ },
-  INFO: { color: "INFO" /* INFO */, backgroundColor: "INFO_FADE" /* INFO_FADE */ },
-  WARNING: { color: "WARNING" /* WARNING */, backgroundColor: "WARNING_FADE" /* WARNING_FADE */ },
-  ERROR: { color: "ERROR" /* ERROR */, backgroundColor: "ERROR_FADE" /* ERROR_FADE */ },
-  DEFAULT: { color: "MAIN" /* MAIN */, backgroundColor: "MAIN_FADE" /* MAIN_FADE */ }
-};
-var getStatusStyle = (statusType) => {
-  const colors2 = STATUS_COLORS[statusType || "DEFAULT"];
-  return {
-    color: getColorStyle(colors2.color),
-    backgroundColor: getColorStyle(colors2.backgroundColor)
-  };
-};
-var getStatusIconName = (statusType) => {
-  switch (statusType) {
-    case "SUCCESS":
-      return "tri-check-circle" /* CHECK_CIRCLE */;
-    case "INFO":
-      return "tri-infos-circle" /* INFOS_CIRCLE */;
-    case "WARNING":
-      return "tri-alert" /* ALERT */;
-    case "ERROR":
-      return "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */;
-    default:
-      return "tri-infos-circle" /* INFOS_CIRCLE */;
-  }
-};
-
-// objects/facets/Sticky/index.ts
-var StickyPosition = /* @__PURE__ */ ((StickyPosition2) => {
-  StickyPosition2["TOP"] = "TOP";
-  StickyPosition2["BOTTOM"] = "BOTTOM";
-  return StickyPosition2;
-})(StickyPosition || {});
-
-// objects/facets/Variant/index.native.ts
-var VariantState = /* @__PURE__ */ ((VariantState2) => {
-  VariantState2["MAIN"] = "MAIN";
-  VariantState2["ACCENT"] = "ACCENT";
-  VariantState2["INFO"] = "INFO";
-  return VariantState2;
-})(VariantState || {});
-var getVariantClassName = (variantType) => {
-  if (!variantType) return "";
-  switch (variantType) {
-    case "MAIN":
-      return "main";
-    case "ACCENT":
-      return "accent";
-    case "PRIMARY":
-      return "primary";
-    case "SECONDARY":
-      return "secondary";
-    case "GHOST":
-      return "ghost";
-    case "INFO":
-      return "info";
-    default:
-      return "";
-  }
-};
-var getVariantStyle = (variantType) => {
-  switch (variantType) {
-    case "PRIMARY":
-      return getColorStyle("MAIN" /* MAIN */);
-    case "ACCENT":
-      return getColorStyle("ACCENT" /* ACCENT */);
-    case "MAIN":
-      return getColorStyle("MAIN" /* MAIN */);
-    case "SECONDARY":
-      return getColorStyle("MAIN_FADE" /* MAIN_FADE */);
-    case "INFO":
-      return getColorStyle("INFO" /* INFO */);
-    default:
-      return "";
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Align,
-  Alignable,
-  DirectionEnum,
-  Justifiable,
-  Justify,
-  Loading,
-  ScrollDirectionEnum,
-  StatusState,
-  StickyPosition,
-  TrilogyColor,
-  VariantState,
-  colors,
-  getAlignClassName,
-  getAlignStyle,
-  getButtonColorStyle,
-  getButtonVariantClassName,
-  getColorClassName,
-  getColorStyle,
-  getJustifiedClassName,
-  getJustifyClassName,
-  getJustifySelfClassName,
-  getJustifyStyle,
-  getLoadingClassName,
-  getStatusClassName,
-  getStatusIconName,
-  getStatusStyle,
-  getVariantClassName,
-  getVariantStyle,
-  grayscale
-});