@trilogy-ds/react 0.0.9-esm-cjs → 0.0.10-alpha-prompt

package/lib/chunk-6SECJDLH.mjs

@@ -1,147 +0,0 @@
-"use client";
-import {
-  SelectContext
-} from "./chunk-T7LVKIVR.mjs";
-import {
-  Input_default
-} from "./chunk-YGJ6UOVJ.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/select/web/SelectDynamic.tsx
-import clsx from "clsx";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import ReactDOM from "react-dom";
-var OPTION_SIZE = 48;
-var SelectDynamic = React.forwardRef(
-  ({
-    onChange,
-    disabled,
-    onFocus,
-    onBlur,
-    children,
-    selected,
-    name,
-    id,
-    label,
-    iconName,
-    multiple,
-    className,
-    status,
-    placeholder,
-    required,
-    custom,
-    help,
-    sample,
-    ...others
-  }, ref) => {
-    const { styled } = useTrilogyContext();
-    const { setIsVisibleOptions, isVisibleOptions, selectedOptionValues } = useContext(SelectContext);
-    const containerRef = useRef(null);
-    const [openUpward, setOpenUpward] = useState(false);
-    const optionsListSize = useRef(0);
-    const [dropdownStyles, setDropdownStyles] = useState({});
-    const selectClasses = hashClass(styled, clsx("select", className));
-    const optionsClasses = hashClass(styled, clsx("select-options", openUpward && "select-options-top"));
-    const portalClasses = hashClass(styled, "select-trilogy_modal_open");
-    const onClickInput = () => {
-      if (containerRef.current && optionsListSize.current) {
-        const { top, bottom } = containerRef.current.getBoundingClientRect();
-        const windowHeight = window.innerHeight;
-        const spaceBelow = windowHeight - bottom;
-        const padding = 10;
-        const maxHeightBelow = spaceBelow - padding;
-        const maxHeightAbove = top - padding;
-        const openUpward2 = maxHeightBelow < optionsListSize.current && maxHeightAbove > maxHeightBelow;
-        setOpenUpward(openUpward2);
-        setDropdownStyles({
-          maxHeight: openUpward2 ? `${maxHeightAbove}px` : `${maxHeightBelow}px`,
-          overflowY: "auto"
-        });
-      }
-      setIsVisibleOptions((prev) => !prev);
-    };
-    const onCloseOptions = () => setIsVisibleOptions(false);
-    const onKeyPressInput = (keyCode) => {
-      setIsVisibleOptions((prev) => {
-        if (keyCode === 27) return false;
-        if (keyCode === 13) return !prev;
-        return prev;
-      });
-    };
-    const options = useMemo(() => {
-      var _a;
-      return (_a = React.Children.map(children, (child) => {
-        if (!React.isValidElement(child)) return false;
-        return {
-          label: child.props.children || child.props.label,
-          value: child.props.value
-        };
-      })) == null ? void 0 : _a.filter((option) => option);
-    }, []);
-    const labelsSelected = useMemo(() => {
-      return selectedOptionValues.map((selectedOption) => {
-        const elm = options == null ? void 0 : options.find((opt) => opt.value === selectedOption);
-        return elm == null ? void 0 : elm.label;
-      });
-    }, [selectedOptionValues, options]);
-    useEffect(() => {
-      const childrenCount = React.Children.count(children);
-      if (childrenCount > 0) {
-        optionsListSize.current = childrenCount * OPTION_SIZE;
-      }
-    }, [children]);
-    return /* @__PURE__ */ React.createElement("div", { className: selectClasses, ref: containerRef, ...others }, /* @__PURE__ */ React.createElement(
-      Input_default,
-      {
-        sample,
-        help,
-        required,
-        status,
-        ref,
-        value: labelsSelected == null ? void 0 : labelsSelected.join(", "),
-        name,
-        disabled,
-        label,
-        placeholder,
-        onFocus,
-        iconNameLeft: iconName,
-        onBlur,
-        onClick: onClickInput,
-        className: isVisibleOptions ? "focus" : void 0,
-        onKeyPress: (e) => {
-          e.preventDefault();
-        },
-        onKeyUp: (e) => {
-          e.preventDefault();
-          onKeyPressInput(e.inputKeyCode);
-        },
-        ...{ readOnly: true, id, role: "combobox" }
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "ul",
-      {
-        role: "listbox",
-        className: optionsClasses,
-        style: {
-          display: isVisibleOptions ? "block" : "none",
-          ...dropdownStyles
-        }
-      },
-      children
-    ), isVisibleOptions && ReactDOM.createPortal(
-      /* @__PURE__ */ React.createElement("div", { role: "presentation", className: portalClasses, onClick: onCloseOptions }),
-      document.body
-    ));
-  }
-);
-SelectDynamic.displayName = "Select" /* Select */;
-var SelectDynamic_default = SelectDynamic;
-
-export {
-  SelectDynamic_default
-};

package/lib/chunk-6TNYDJM7.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-7353MDDF.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-74N7E566.mjs

@@ -1,11 +0,0 @@
-"use client";
-import {
-  BoxContent_default
-} from "./chunk-RDBMQIDN.mjs";
-
-// components/box/content/index.ts
-var content_default = BoxContent_default;
-
-export {
-  content_default
-};

package/lib/chunk-7JKJNUQZ.mjs

@@ -1,33 +0,0 @@
-"use client";
-import {
-  Link_default
-} from "./chunk-VJIUPN5A.mjs";
-import {
-  Text_default
-} from "./chunk-GRUJ62D7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/timeline/content/TimelineContent.tsx
-import clsx from "clsx";
-import * as React from "react";
-var TimelineContent = React.forwardRef(
-  ({ children, className, id, heading, content, linkLabel, linkTo, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("timeline-content", className));
-    if (children) {
-      return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, children);
-    }
-    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, heading && /* @__PURE__ */ React.createElement(Text_default, { markup: "p" /* P */ }, heading), content && /* @__PURE__ */ React.createElement(Text_default, { className: "main-content", markup: "p" /* P */ }, content), linkTo && linkLabel && /* @__PURE__ */ React.createElement(Link_default, { href: linkTo }, linkLabel));
-  }
-);
-TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
-var TimelineContent_default = TimelineContent;
-
-export {
-  TimelineContent_default
-};

package/lib/chunk-A2ASOVUR.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-A35Q44N2.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-A4CI2ZMI.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-A5FL72Y2.mjs

@@ -1,13 +0,0 @@
-"use client";
-
-// components/image/ImageProps.ts
-var RadiusValues = /* @__PURE__ */ ((RadiusValues2) => {
-  RadiusValues2["SMALL"] = "small";
-  RadiusValues2["MEDIUM"] = "medium";
-  RadiusValues2["LARGE"] = "large";
-  return RadiusValues2;
-})(RadiusValues || {});
-
-export {
-  RadiusValues
-};

package/lib/chunk-ABKYP5IV.mjs

@@ -1,28 +0,0 @@
-"use client";
-import {
-  has
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/list/List.tsx
-import clsx from "clsx";
-import * as React from "react";
-var List = React.forwardRef(
-  ({ className, id, children, testId, divider, ordered, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("list", divider && has("divider"), className));
-    const Tag = ordered ? "ol" : "ul";
-    return /* @__PURE__ */ React.createElement(Tag, { ref, id, "data-testid": testId, className: classes, ...others }, children);
-  }
-);
-List.displayName = "List" /* List */;
-var List_default = List;
-
-export {
-  List_default
-};

package/lib/chunk-ABTLCSFA.mjs

@@ -1,21 +0,0 @@
-"use client";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/modal/body/ModalBody.tsx
-import clsx from "clsx";
-import * as React from "react";
-var ModalBody = React.forwardRef(({ children, className, id }, ref) => {
-  const { styled } = useTrilogyContext();
-  return /* @__PURE__ */ React.createElement("div", { ref, id, className: hashClass(styled, clsx("modal-body", className)) }, children);
-});
-ModalBody.displayName = "ModalBody" /* ModalBody */;
-var ModalBody_default = ModalBody;
-
-export {
-  ModalBody_default
-};

package/lib/chunk-ACSGONQB.mjs

@@ -1,26 +0,0 @@
-"use client";
-import {
-  getColorStyle
-} from "./chunk-JOSZ4COK.mjs";
-
-// objects/Typography/TypographyColor/index.ts
-var TypographyColor = /* @__PURE__ */ ((TypographyColor2) => {
-  TypographyColor2["TEXT_MAIN"] = "has-text-main";
-  TypographyColor2["TEXT_ACCENT"] = "has-text-accent";
-  TypographyColor2["TEXT_INFO"] = "has-text-info";
-  TypographyColor2["TEXT_SUCCESS"] = "has-text-success";
-  TypographyColor2["TEXT_WARNING"] = "has-text-warning";
-  TypographyColor2["TEXT_ERROR"] = "has-text-error";
-  TypographyColor2["TEXT_NEUTRAL"] = "has-text-grey";
-  TypographyColor2["TEXT_WHITE"] = "has-text-white";
-  TypographyColor2["TEXT_DISABLED"] = "has-text-disabled";
-  return TypographyColor2;
-})(TypographyColor || {});
-var setTypographyColor = (typo = "", inverted = false, loading = false) => {
-  return loading ? "transparent" : (Array.isArray(typo) && typo.includes("has-text-disabled" /* TEXT_DISABLED */) ? getColorStyle("DISABLED" /* DISABLED */) : typo === "has-text-disabled" /* TEXT_DISABLED */ && getColorStyle("DISABLED" /* DISABLED */)) || (Array.isArray(typo) && typo.includes("has-text-accent" /* TEXT_ACCENT */) ? getColorStyle("ACCENT" /* ACCENT */) : typo === "has-text-accent" /* TEXT_ACCENT */ && getColorStyle("ACCENT" /* ACCENT */)) || (Array.isArray(typo) && typo.includes("has-text-main" /* TEXT_MAIN */) ? getColorStyle("MAIN" /* MAIN */) : typo === "has-text-main" /* TEXT_MAIN */ && getColorStyle("MAIN" /* MAIN */)) || (Array.isArray(typo) && typo.includes("has-text-info" /* TEXT_INFO */) ? getColorStyle("INFO" /* INFO */) : typo === "has-text-info" /* TEXT_INFO */ && getColorStyle("INFO" /* INFO */)) || (Array.isArray(typo) && typo.includes("has-text-success" /* TEXT_SUCCESS */) ? getColorStyle("SUCCESS" /* SUCCESS */) : typo === "has-text-success" /* TEXT_SUCCESS */ && getColorStyle("SUCCESS" /* SUCCESS */)) || (Array.isArray(typo) && typo.includes("has-text-warning" /* TEXT_WARNING */) ? getColorStyle("WARNING" /* WARNING */) : typo === "has-text-warning" /* TEXT_WARNING */ && getColorStyle("WARNING" /* WARNING */)) || (Array.isArray(typo) && typo.includes("has-text-error" /* TEXT_ERROR */) ? getColorStyle("ERROR" /* ERROR */) : typo === "has-text-error" /* TEXT_ERROR */ && getColorStyle("ERROR" /* ERROR */)) || (Array.isArray(typo) && typo.includes("has-text-grey" /* TEXT_NEUTRAL */) ? getColorStyle("NEUTRAL" /* NEUTRAL */) : typo === "has-text-grey" /* TEXT_NEUTRAL */ && getColorStyle("NEUTRAL" /* NEUTRAL */)) || (Array.isArray(typo) && typo.includes("has-text-white" /* TEXT_WHITE */) ? getColorStyle("WHITE" /* BACKGROUND */) : typo === "has-text-white" /* TEXT_WHITE */ && getColorStyle("WHITE" /* BACKGROUND */)) || inverted && getColorStyle("WHITE" /* BACKGROUND */) || getColorStyle("MAIN" /* MAIN */);
-};
-
-export {
-  TypographyColor,
-  setTypographyColor
-};

package/lib/chunk-AD63JH53.mjs

@@ -1,62 +0,0 @@
-"use client";
-import {
-  getColorStyle
-} from "./chunk-JOSZ4COK.mjs";
-
-// objects/facets/Status/index.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 colors = STATUS_COLORS[statusType || "DEFAULT"];
-  return {
-    color: getColorStyle(colors.color),
-    backgroundColor: getColorStyle(colors.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 */;
-  }
-};
-
-export {
-  StatusState,
-  getStatusClassName,
-  getStatusStyle,
-  getStatusIconName
-};

package/lib/chunk-AOXXQP4V.mjs

@@ -1,23 +0,0 @@
-"use client";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/modal/footer/ModalFooter.tsx
-import clsx from "clsx";
-import * as React from "react";
-var ModalFooter = React.forwardRef(
-  ({ children, className, id }, ref) => {
-    const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React.createElement("div", { ref, "data-modal-footer": "", id, className: hashClass(styled, clsx("modal-footer", className)) }, children);
-  }
-);
-ModalFooter.displayName = "ModalFooter" /* ModalFooter */;
-var ModalFooter_default = ModalFooter;
-
-export {
-  ModalFooter_default
-};

package/lib/chunk-ATW7ITPH.mjs

@@ -1,14 +0,0 @@
-"use client";
-
-// objects/Typography/TypographyTransform/index.ts
-var TypographyTransform = /* @__PURE__ */ ((TypographyTransform2) => {
-  TypographyTransform2["TEXT_CAPITALIZED"] = "is-capitalized";
-  TypographyTransform2["TEXT_LOWERCASE"] = "is-lowercase";
-  TypographyTransform2["TEXT_UPPERCASE"] = "is-uppercase";
-  TypographyTransform2["TEXT_ITALIC"] = "is-italic";
-  return TypographyTransform2;
-})(TypographyTransform || {});
-
-export {
-  TypographyTransform
-};

package/lib/chunk-AXYBLNUF.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-B4JMDX3O.mjs

@@ -1,19 +0,0 @@
-"use client";
-
-// components/popover/PopoverEnum.ts
-var PopoverDirection = /* @__PURE__ */ ((PopoverDirection2) => {
-  PopoverDirection2["BOTTOM"] = "bottom";
-  PopoverDirection2["LEFT"] = "left";
-  PopoverDirection2["RIGHT"] = "right";
-  return PopoverDirection2;
-})(PopoverDirection || {});
-var PopoverArrowPosition = /* @__PURE__ */ ((PopoverArrowPosition2) => {
-  PopoverArrowPosition2["START"] = "start";
-  PopoverArrowPosition2["END"] = "end";
-  return PopoverArrowPosition2;
-})(PopoverArrowPosition || {});
-
-export {
-  PopoverDirection,
-  PopoverArrowPosition
-};

package/lib/chunk-B6WC6WS2.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-B74X6GWQ.mjs

@@ -1,41 +0,0 @@
-"use client";
-import {
-  ScrollDirectionEnum
-} from "./chunk-PAEZ47M2.mjs";
-import {
-  is
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/scroll-view/ScrollView.tsx
-import clsx from "clsx";
-import * as React from "react";
-var ScrollView = React.forwardRef(
-  ({ id, scrollDirection, children }, ref) => {
-    const { styled } = useTrilogyContext();
-    const scrollDirectionClassName = () => {
-      var _a, _b;
-      switch (scrollDirection) {
-        case ((_a = ScrollDirectionEnum) == null ? void 0 : _a.HORIZONTAL):
-          return is("horizontal");
-        case ((_b = ScrollDirectionEnum) == null ? void 0 : _b.VERTICAL):
-          return is("vertical");
-        default:
-          return "";
-      }
-    };
-    const classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
-    return /* @__PURE__ */ React.createElement("div", { ref, className: classes, id }, children);
-  }
-);
-ScrollView.displayName = "ScrollView" /* ScrollView */;
-var ScrollView_default = ScrollView;
-
-export {
-  ScrollView_default
-};

package/lib/chunk-BBCH24LI.mjs

@@ -1,38 +0,0 @@
-"use client";
-import {
-  getJustifiedClassName
-} from "./chunk-L4UDEKQK.mjs";
-import {
-  is
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/tag/list/TagList.tsx
-import clsx from "clsx";
-import * as React from "react";
-var TagList = React.forwardRef(({ className, id, align, marginless, ...others }, ref) => {
-  const { styled } = useTrilogyContext();
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref,
-      id,
-      className: hashClass(
-        styled,
-        clsx("tags", align && is(getJustifiedClassName(align)), marginless && is("marginless"), className)
-      ),
-      ...others
-    }
-  );
-});
-TagList.displayName = "TagList" /* TagList */;
-var TagList_default = TagList;
-
-export {
-  TagList_default
-};

package/lib/chunk-BKC75OTH.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-BL73QKUI.mjs

@@ -1,44 +0,0 @@
-"use client";
-import {
-  has,
-  is
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/table/Table.tsx
-import * as React from "react";
-import clsx from "clsx";
-var Table = React.forwardRef(({
-  className,
-  id,
-  fullwidth,
-  border = "lines" /* LINES */,
-  striped,
-  compact,
-  ...others
-}, ref) => {
-  const { styled } = useTrilogyContext();
-  const classes = hashClass(
-    styled,
-    clsx(
-      "table",
-      fullwidth && is("fullwidth"),
-      border && border !== "lines" /* LINES */ && has(`border-${border}`),
-      striped && is("striped"),
-      compact && is("compact"),
-      className
-    )
-  );
-  return /* @__PURE__ */ React.createElement("table", { ref, id, className: classes, ...others });
-});
-Table.displayName = "Table" /* Table */;
-var Table_default = Table;
-
-export {
-  Table_default
-};

package/lib/chunk-BNCA374X.mjs

@@ -1,13 +0,0 @@
-"use client";
-
-// components/styleComponent/default/styleComponent.tsx
-import "@trilogy-ds/styles/dist/default/trilogy.css";
-import React from "react";
-var StyleComponent = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-};
-var styleComponent_default = StyleComponent;
-
-export {
-  styleComponent_default
-};

package/lib/chunk-BTXAPKSN.mjs

@@ -1,11 +0,0 @@
-"use client";
-import {
-  BreadcrumbItem_default
-} from "./chunk-P2B67PJS.mjs";
-
-// components/breadcrumb/item/index.ts
-var item_default = BreadcrumbItem_default;
-
-export {
-  item_default
-};

package/lib/chunk-BVZWKYND.mjs

@@ -1 +0,0 @@
-"use client";

package/lib/chunk-BW2X3JP2.mjs

@@ -1,16 +0,0 @@
-"use client";
-
-// components/box/item/BoxItemEnum.ts
-var size = (factor) => 8 * factor;
-var BoxItemSize = ((BoxItemSize2) => {
-  BoxItemSize2[BoxItemSize2["NONE"] = 0] = "NONE";
-  BoxItemSize2[BoxItemSize2["SMALL"] = size(2)] = "SMALL";
-  BoxItemSize2[BoxItemSize2["MEDIUM"] = size(4)] = "MEDIUM";
-  BoxItemSize2[BoxItemSize2["LARGE"] = size(8)] = "LARGE";
-  BoxItemSize2[BoxItemSize2["HUGE"] = size(12)] = "HUGE";
-  return BoxItemSize2;
-})(BoxItemSize || {});
-
-export {
-  BoxItemSize
-};