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

package/lib/components/columns/column/index.js

@@ -1,191 +1,3 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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/columns/column/index.ts
-var column_exports = {};
-__export(column_exports, {
-  default: () => column_default
-});
-module.exports = __toCommonJS(column_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;
-};
-
-// objects/facets/Alignable/index.ts
-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";
-  }
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/columns/column/Column.tsx
-var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
-var Column = import_react.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      id,
-      size,
-      mobileSize,
-      tabletSize,
-      touchSize,
-      desktopSize,
-      widescreenSize,
-      fullhdSize,
-      offset,
-      mobileOffset,
-      tabletOffset,
-      touchOffset,
-      desktopOffset,
-      widescreenOffset,
-      fullhdOffset,
-      narrow,
-      verticalAlign
-    } = _b, others = __objRest(_b, [
-      "className",
-      "id",
-      "size",
-      "mobileSize",
-      "tabletSize",
-      "touchSize",
-      "desktopSize",
-      "widescreenSize",
-      "fullhdSize",
-      "offset",
-      "mobileOffset",
-      "tabletOffset",
-      "touchOffset",
-      "desktopOffset",
-      "widescreenOffset",
-      "fullhdOffset",
-      "narrow",
-      "verticalAlign"
-    ]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)(
-        "column",
-        size && is(`${size}`),
-        mobileSize && is(`${mobileSize}-mobile`),
-        tabletSize && is(`${tabletSize}-tablet`),
-        touchSize && is(`${touchSize}-tablet`),
-        desktopSize && is(`${desktopSize}-desktop`),
-        widescreenSize && is(`${widescreenSize}-widescreen`),
-        fullhdSize && is(`${fullhdSize}-fullhd`),
-        offset && is(`offset-${offset}`),
-        mobileOffset && is(`offset-${mobileOffset}-mobile`),
-        tabletOffset && is(`offset-${tabletOffset}-tablet`),
-        touchOffset && is(`offset-${touchOffset}-tablet`),
-        desktopOffset && is(`offset-${desktopOffset}-desktop`),
-        widescreenOffset && is(`offset-${widescreenOffset}-widescreen`),
-        fullhdOffset && is(`offset-${fullhdOffset}-fullhd`),
-        narrow && is("narrow"),
-        verticalAlign && is(getAlignClassName(verticalAlign)),
-        className
-      )
-    );
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, id, className: classes }, others));
-  }
-);
-Column.displayName = "Column" /* Column */;
-var Column_default = Column;
-
-// components/columns/column/index.ts
-var column_default = Column_default;
+import Column from '../../../components/columns/column/Column';
+export default Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG9DQUFvQyxDQUFBO0FBRXZELGVBQWUsTUFBTSxDQUFBIn0=

package/lib/components/columns/context/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-export declare const ColumnsContext: React.Context<{
+export interface ColumnsContextType {
     scrollable: boolean;
     width: number;
     realGap: number;
     childrensLength: number;
-}>;
+}
+export declare const ColumnsContext: React.Context<ColumnsContextType>;

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

@@ -1,46 +1,9 @@
-"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 });
+import React from 'react';
+var defaultContextValue = {
+    scrollable: false,
+    width: 0,
+    realGap: 16,
+    childrensLength: 1,
 };
-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/columns/context/index.tsx
-var context_exports = {};
-__export(context_exports, {
-  ColumnsContext: () => ColumnsContext
-});
-module.exports = __toCommonJS(context_exports);
-var import_react = __toESM(require("react"));
-var ColumnsContext = import_react.default.createContext({
-  scrollable: false,
-  width: 0,
-  realGap: 16,
-  childrensLength: 1
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ColumnsContext
-});
+export var ColumnsContext = React.createContext(defaultContextValue);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLElBQU0sbUJBQW1CLEdBQXVCO0lBQzlDLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsQ0FBQztDQUNuQixDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXFCLG1CQUFtQixDQUFDLENBQUEifQ==

package/lib/components/columns/index.js

@@ -1,286 +1,5 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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/columns/index.ts
-var columns_exports = {};
-__export(columns_exports, {
-  Column: () => column_default,
-  Columns: () => Columns_default,
-  ColumnsGapValue: () => ColumnsGapValue,
-  GapSize: () => GapSize
-});
-module.exports = __toCommonJS(columns_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;
-};
-
-// objects/facets/Alignable/index.ts
-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";
-  }
-};
-
-// objects/facets/Justifiable/index.ts
-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";
-  }
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/columns/Columns.tsx
-var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
-var Columns = import_react.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      id,
-      multiline,
-      scrollable,
-      mobile,
-      gap,
-      fullBleed,
-      marginless,
-      align,
-      verticalAlign,
-      fullheight
-    } = _b, others = __objRest(_b, [
-      "className",
-      "id",
-      "multiline",
-      "scrollable",
-      "mobile",
-      "gap",
-      "fullBleed",
-      "marginless",
-      "align",
-      "verticalAlign",
-      "fullheight"
-    ]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)(
-        "columns",
-        multiline && is("multiline"),
-        fullBleed && is("fullbleed"),
-        scrollable && is("scrollable"),
-        gap && has(`gap-${gap}`),
-        typeof gap !== "undefined" && gap === 0 && is("gapless"),
-        mobile && is("mobile"),
-        align && is(getJustifiedClassName(align)),
-        verticalAlign && is(getAlignClassName(verticalAlign)),
-        marginless && is(`marginless`),
-        fullheight && is("fullheight"),
-        className
-      )
-    );
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, id, className: classes }, others));
-  }
-);
-Columns.displayName = "Columns" /* Columns */;
-var Columns_default = Columns;
-
-// components/columns/column/Column.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_react2 = __toESM(require("react"));
-var Column = import_react2.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      id,
-      size,
-      mobileSize,
-      tabletSize,
-      touchSize,
-      desktopSize,
-      widescreenSize,
-      fullhdSize,
-      offset,
-      mobileOffset,
-      tabletOffset,
-      touchOffset,
-      desktopOffset,
-      widescreenOffset,
-      fullhdOffset,
-      narrow,
-      verticalAlign
-    } = _b, others = __objRest(_b, [
-      "className",
-      "id",
-      "size",
-      "mobileSize",
-      "tabletSize",
-      "touchSize",
-      "desktopSize",
-      "widescreenSize",
-      "fullhdSize",
-      "offset",
-      "mobileOffset",
-      "tabletOffset",
-      "touchOffset",
-      "desktopOffset",
-      "widescreenOffset",
-      "fullhdOffset",
-      "narrow",
-      "verticalAlign"
-    ]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx2.default)(
-        "column",
-        size && is(`${size}`),
-        mobileSize && is(`${mobileSize}-mobile`),
-        tabletSize && is(`${tabletSize}-tablet`),
-        touchSize && is(`${touchSize}-tablet`),
-        desktopSize && is(`${desktopSize}-desktop`),
-        widescreenSize && is(`${widescreenSize}-widescreen`),
-        fullhdSize && is(`${fullhdSize}-fullhd`),
-        offset && is(`offset-${offset}`),
-        mobileOffset && is(`offset-${mobileOffset}-mobile`),
-        tabletOffset && is(`offset-${tabletOffset}-tablet`),
-        touchOffset && is(`offset-${touchOffset}-tablet`),
-        desktopOffset && is(`offset-${desktopOffset}-desktop`),
-        widescreenOffset && is(`offset-${widescreenOffset}-widescreen`),
-        fullhdOffset && is(`offset-${fullhdOffset}-fullhd`),
-        narrow && is("narrow"),
-        verticalAlign && is(getAlignClassName(verticalAlign)),
-        className
-      )
-    );
-    return /* @__PURE__ */ import_react2.default.createElement("div", __spreadValues({ ref, id, className: classes }, others));
-  }
-);
-Column.displayName = "Column" /* Column */;
-var Column_default = Column;
-
-// components/columns/column/index.ts
-var column_default = Column_default;
-
-// components/columns/ColumnsTypes.ts
-var GapSize = /* @__PURE__ */ ((GapSize2) => {
-  GapSize2[GapSize2["ZERO"] = 0] = "ZERO";
-  GapSize2[GapSize2["ONE"] = 1] = "ONE";
-  GapSize2[GapSize2["TWO"] = 2] = "TWO";
-  GapSize2[GapSize2["THREE"] = 3] = "THREE";
-  GapSize2[GapSize2["FOUR"] = 4] = "FOUR";
-  GapSize2[GapSize2["FIVE"] = 5] = "FIVE";
-  GapSize2[GapSize2["SIX"] = 6] = "SIX";
-  GapSize2[GapSize2["SEVEN"] = 7] = "SEVEN";
-  GapSize2[GapSize2["EIGHT"] = 8] = "EIGHT";
-  GapSize2[GapSize2["NINE"] = 9] = "NINE";
-  GapSize2[GapSize2["TEN"] = 10] = "TEN";
-  return GapSize2;
-})(GapSize || {});
-var ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Column,
-  Columns,
-  ColumnsGapValue,
-  GapSize
-});
+import Columns from './Columns';
+import Column from './column';
+export * from './ColumnsTypes';
+export { Columns, Column };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUEifQ==

package/lib/components/container/Container.js

@@ -1,106 +1,24 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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/container/Container.tsx
-var Container_exports = {};
-__export(Container_exports, {
-  default: () => Container_default
+import { __assign, __rest } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+/**
+ * Container Component
+ * @param children {React.ReactNode}
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param medium {boolean} Set medium container
+ * @param id {string} Set id attribute
+ */
+var Container = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, medium = _a.medium, others = __rest(_a, ["className", "id", "medium"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
 });
-module.exports = __toCommonJS(Container_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
-
-// 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/container/Container.tsx
-var Container = import_react.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, medium } = _b, others = __objRest(_b, ["className", "id", "medium"]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx.default)("container", medium && is("medium"), className));
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, id, className: classes }, others));
-  }
-);
-Container.displayName = "Container" /* Container */;
-var Container_default = Container;
+Container.displayName = ComponentName.Container;
+export default Container;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBb0MsRUFBRSxHQUFHO0lBQXZDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsQyw2QkFBb0MsQ0FBRjtJQUN6QixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQXNDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3JHLENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=