@trilogy-ds/react 0.0.4-esm-cjs → 0.0.5-alpha-prompt

package/lib/components/list/context/index.js

@@ -1,48 +1,3 @@
-"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);
-
-// components/list/context/index.ts
-var context_exports = {};
-__export(context_exports, {
-  ListContext: () => ListContext
-});
-module.exports = __toCommonJS(context_exports);
-
-// components/list/context/ListContext.tsx
-var import_react = __toESM(require("react"));
-var ListContext = import_react.default.createContext({
-  divider: false,
-  ordered: false,
-  chilIndexes: [],
-  setChildIndexes: () => [""]
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ListContext
-});
+export * from './ListContext';
+export * from './ListContextProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQTtBQUM3QixjQUFjLG9CQUFvQixDQUFBIn0=

package/lib/components/list/index.js

@@ -1,309 +1,5 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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);
-
-// components/list/index.ts
-var list_exports = {};
-__export(list_exports, {
-  List: () => List_default,
-  ListIconStatus: () => ListIconStatus,
-  ListItem: () => ListItem_default,
-  ListItemDescription: () => ListItemDescription_default
-});
-module.exports = __toCommonJS(list_exports);
-
-// context/index.tsx
-var React = __toESM(require("react"));
-var TrilogyContext = React.createContext({
-  styled: false,
-  setStyled: () => void 0
-});
-var useTrilogyContext = () => {
-  const context = React.useContext(TrilogyContext);
-  if (context === void 0) {
-    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
-  }
-  return context;
-};
-
-// helpers/hashClassesHelpers/index.tsx
-var hashClass = (addHash = false, classes) => {
-  const { hash, styled } = useTrilogyContext();
-  if (classes.trim().length < 1) return "";
-  if (styled) {
-    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
-  }
-  return classes;
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/list/List.tsx
-var import_clsx = __toESM(require("clsx"));
-var React2 = __toESM(require("react"));
-var List = React2.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, children, testId, divider, ordered } = _b, others = __objRest(_b, ["className", "id", "children", "testId", "divider", "ordered"]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx.default)("list", divider && has("divider"), className));
-    const Tag = ordered ? "ol" : "ul";
-    return /* @__PURE__ */ React2.createElement(Tag, __spreadValues({ ref, id, "data-testid": testId, className: classes }, others), children);
-  }
-);
-List.displayName = "List" /* List */;
-var List_default = List;
-
-// helpers/device/index.ts
-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();
-
-// context/providerTheme/index.tsx
-var import_react = __toESM(require("react"));
-var defaultTheme = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
-
-// objects/facets/Color/index.tsx
-var import_react2 = require("react");
-var TrilogyColor = /* @__PURE__ */ ((TrilogyColor3) => {
-  TrilogyColor3["BACKGROUND"] = "WHITE";
-  TrilogyColor3["MAIN"] = "MAIN";
-  TrilogyColor3["MAIN_FADE"] = "MAIN_FADE";
-  TrilogyColor3["ACCENT"] = "ACCENT";
-  TrilogyColor3["FONT"] = "FONT";
-  TrilogyColor3["FONT_PLACEHOLDER"] = "FONT_PLACEHOLDER";
-  TrilogyColor3["SUCCESS"] = "SUCCESS";
-  TrilogyColor3["SUCCESS_FADE"] = "SUCCESS_FADE";
-  TrilogyColor3["INFO"] = "INFO";
-  TrilogyColor3["INFO_FADE"] = "INFO_FADE";
-  TrilogyColor3["WARNING"] = "WARNING";
-  TrilogyColor3["WARNING_FADE"] = "WARNING_FADE";
-  TrilogyColor3["ERROR"] = "ERROR";
-  TrilogyColor3["ERROR_FADE"] = "ERROR_FADE";
-  TrilogyColor3["DISABLED"] = "DISABLED";
-  TrilogyColor3["DISABLED_FADE"] = "DISABLED_FADE";
-  TrilogyColor3["NEUTRAL"] = "NEUTRAL";
-  TrilogyColor3["NEUTRAL_FADE"] = "NEUTRAL_FADE";
-  TrilogyColor3["STROKE"] = "STROKE";
-  return TrilogyColor3;
-})(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];
-};
-
-// objects/atoms/Background/index.ts
-var getBackgroundClassName = (backgroundType) => {
-  return `background-${getColorClassName(backgroundType)}`;
-};
-
-// objects/facets/Justifiable/index.ts
-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";
-  }
-};
-
-// components/icon/Icon.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var React4 = __toESM(require("react"));
-var Icon = React4.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align } = _b, others = __objRest(_b, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align"]);
-    const { styled } = useTrilogyContext();
-    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
-    const classes = hashClass(
-      styled,
-      (0, import_clsx2.default)(
-        "icon",
-        stretched && is("stretched"),
-        size && is(size),
-        circled && is("circled"),
-        circled && !color && has("text-white"),
-        color && is(`${getColorClassName(color)}`),
-        skeleton && is("loading"),
-        align && (0, import_clsx2.default)(is("flex"), is(getJustifySelfClassName(align))),
-        background,
-        className
-      )
-    );
-    return /* @__PURE__ */ React4.createElement("span", __spreadProps(__spreadValues({ id, onClick: onClick && onClick, className: classes }, others), { ref }), /* @__PURE__ */ React4.createElement("i", { className: hashClass(styled, (0, import_clsx2.default)(name)), "aria-hidden": "true" }));
-  }
-);
-Icon.displayName = "Icon" /* Icon */;
-var Icon_default = Icon;
-
-// objects/facets/Status/index.ts
-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 */ }
-};
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react3 = require("react");
-
-// components/list/item/ListItem.tsx
-var import_clsx3 = __toESM(require("clsx"));
-var React5 = __toESM(require("react"));
-var ListItem = React5.forwardRef(
-  ({ className, id, children, iconName, status, testId }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = (0, import_clsx3.default)("list-item", className, status && is(getColorClassName(TrilogyColor[status])));
-    return /* @__PURE__ */ React5.createElement("li", { ref, id, className: hashClass(styled, (0, import_clsx3.default)(classes)), "data-testid": testId }, iconName && /* @__PURE__ */ React5.createElement(
-      Icon_default,
-      {
-        className: status && (0, import_clsx3.default)(is(getColorClassName(TrilogyColor[status]))),
-        name: iconName,
-        size: "small" /* SMALL */
-      }
-    ), /* @__PURE__ */ React5.createElement("div", { className: hashClass(styled, (0, import_clsx3.default)("list-item-content")) }, children));
-  }
-);
-ListItem.displayName = "ListItem" /* ListItem */;
-var ListItem_default = ListItem;
-
-// components/list/item/description/ListItemDescription.tsx
-var import_clsx4 = __toESM(require("clsx"));
-var React6 = __toESM(require("react"));
-var ListItemDescription = React6.forwardRef(
-  ({ children, className }, ref) => {
-    const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React6.createElement("dd", { ref, className: hashClass(styled, (0, import_clsx4.default)(className)) }, children);
-  }
-);
-ListItemDescription.displayName = "ListItemDescription" /* ListItemDescription */;
-var ListItemDescription_default = ListItemDescription;
-
-// components/list/item/ListItemProps.ts
-var ListIconStatus = /* @__PURE__ */ ((ListIconStatus2) => {
-  ListIconStatus2["SUCCESS"] = "SUCCESS";
-  ListIconStatus2["INFO"] = "INFO";
-  ListIconStatus2["WARNING"] = "WARNING";
-  ListIconStatus2["ERROR"] = "ERROR";
-  return ListIconStatus2;
-})(ListIconStatus || {});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  List,
-  ListIconStatus,
-  ListItem,
-  ListItemDescription
-});
+import List from './List';
+export * from './item';
+export * from './ListProps';
+export { List };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsYUFBYSxDQUFBO0FBRTNCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/components/list/item/ListItem.js

@@ -1,263 +1,26 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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);
-
-// components/list/item/ListItem.tsx
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  default: () => ListItem_default
+import clsx from 'clsx';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getColorClassName, TrilogyColor } from '../../../objects';
+import { is } from '../../../services';
+import { Icon, IconSize } from '../../../components/icon';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * ListItem Component
+ * @param className {string} Additional CSS Classes
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+var ListItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
+    return (React.createElement("li", { ref: ref, id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
+        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
 });
-module.exports = __toCommonJS(ListItem_exports);
-
-// context/index.tsx
-var React = __toESM(require("react"));
-var TrilogyContext = React.createContext({
-  styled: false,
-  setStyled: () => void 0
-});
-var useTrilogyContext = () => {
-  const context = React.useContext(TrilogyContext);
-  if (context === void 0) {
-    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
-  }
-  return context;
-};
-
-// helpers/hashClassesHelpers/index.tsx
-var hashClass = (addHash = false, classes) => {
-  const { hash, styled } = useTrilogyContext();
-  if (classes.trim().length < 1) return "";
-  if (styled) {
-    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
-  }
-  return classes;
-};
-
-// helpers/device/index.ts
-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();
-
-// context/providerTheme/index.tsx
-var import_react = __toESM(require("react"));
-var defaultTheme = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
-
-// objects/facets/Color/index.tsx
-var import_react2 = require("react");
-var TrilogyColor = /* @__PURE__ */ ((TrilogyColor3) => {
-  TrilogyColor3["BACKGROUND"] = "WHITE";
-  TrilogyColor3["MAIN"] = "MAIN";
-  TrilogyColor3["MAIN_FADE"] = "MAIN_FADE";
-  TrilogyColor3["ACCENT"] = "ACCENT";
-  TrilogyColor3["FONT"] = "FONT";
-  TrilogyColor3["FONT_PLACEHOLDER"] = "FONT_PLACEHOLDER";
-  TrilogyColor3["SUCCESS"] = "SUCCESS";
-  TrilogyColor3["SUCCESS_FADE"] = "SUCCESS_FADE";
-  TrilogyColor3["INFO"] = "INFO";
-  TrilogyColor3["INFO_FADE"] = "INFO_FADE";
-  TrilogyColor3["WARNING"] = "WARNING";
-  TrilogyColor3["WARNING_FADE"] = "WARNING_FADE";
-  TrilogyColor3["ERROR"] = "ERROR";
-  TrilogyColor3["ERROR_FADE"] = "ERROR_FADE";
-  TrilogyColor3["DISABLED"] = "DISABLED";
-  TrilogyColor3["DISABLED_FADE"] = "DISABLED_FADE";
-  TrilogyColor3["NEUTRAL"] = "NEUTRAL";
-  TrilogyColor3["NEUTRAL_FADE"] = "NEUTRAL_FADE";
-  TrilogyColor3["STROKE"] = "STROKE";
-  return TrilogyColor3;
-})(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];
-};
-
-// objects/atoms/Background/index.ts
-var getBackgroundClassName = (backgroundType) => {
-  return `background-${getColorClassName(backgroundType)}`;
-};
-
-// objects/facets/Justifiable/index.ts
-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";
-  }
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/icon/Icon.tsx
-var import_clsx = __toESM(require("clsx"));
-var React3 = __toESM(require("react"));
-var Icon = React3.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align } = _b, others = __objRest(_b, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align"]);
-    const { styled } = useTrilogyContext();
-    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)(
-        "icon",
-        stretched && is("stretched"),
-        size && is(size),
-        circled && is("circled"),
-        circled && !color && has("text-white"),
-        color && is(`${getColorClassName(color)}`),
-        skeleton && is("loading"),
-        align && (0, import_clsx.default)(is("flex"), is(getJustifySelfClassName(align))),
-        background,
-        className
-      )
-    );
-    return /* @__PURE__ */ React3.createElement("span", __spreadProps(__spreadValues({ id, onClick: onClick && onClick, className: classes }, others), { ref }), /* @__PURE__ */ React3.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
-  }
-);
-Icon.displayName = "Icon" /* Icon */;
-var Icon_default = Icon;
-
-// objects/facets/Status/index.ts
-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 */ }
-};
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react3 = require("react");
-
-// components/list/item/ListItem.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var React4 = __toESM(require("react"));
-var ListItem = React4.forwardRef(
-  ({ className, id, children, iconName, status, testId }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = (0, import_clsx2.default)("list-item", className, status && is(getColorClassName(TrilogyColor[status])));
-    return /* @__PURE__ */ React4.createElement("li", { ref, id, className: hashClass(styled, (0, import_clsx2.default)(classes)), "data-testid": testId }, iconName && /* @__PURE__ */ React4.createElement(
-      Icon_default,
-      {
-        className: status && (0, import_clsx2.default)(is(getColorClassName(TrilogyColor[status]))),
-        name: iconName,
-        size: "small" /* SMALL */
-      }
-    ), /* @__PURE__ */ React4.createElement("div", { className: hashClass(styled, (0, import_clsx2.default)("list-item-content")) }, children));
-  }
-);
-ListItem.displayName = "ListItem" /* ListItem */;
-var ListItem_default = ListItem;
+ListItem.displayName = ComponentName.ListItem;
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQXFELEVBQUUsR0FBRztRQUF4RCxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDeEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFbkcsT0FBTyxDQUNMLDRCQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsaUJBQWUsTUFBTTtRQUNuRixRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsU0FBUyxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDdEUsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDSDtRQUNELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzNFLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=