@trilogy-ds/react 0.0.5-beta-v4 → 0.0.6-esm-cjs

package/lib/chunk-22RRO4UK.mjs

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

package/lib/chunk-26B3CSN5.mjs

@@ -0,0 +1,72 @@
+"use client";
+import {
+  getAlignClassName
+} from "./chunk-HV6TXVFA.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/columns/column/Column.tsx
+import clsx from "clsx";
+import React from "react";
+var Column = React.forwardRef(
+  ({
+    className,
+    id,
+    size,
+    mobileSize,
+    tabletSize,
+    touchSize,
+    desktopSize,
+    widescreenSize,
+    fullhdSize,
+    offset,
+    mobileOffset,
+    tabletOffset,
+    touchOffset,
+    desktopOffset,
+    widescreenOffset,
+    fullhdOffset,
+    narrow,
+    verticalAlign,
+    ...others
+  }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      clsx(
+        "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__ */ React.createElement("div", { ref, id, className: classes, ...others });
+  }
+);
+Column.displayName = "Column" /* Column */;
+var Column_default = Column;
+
+export {
+  Column_default
+};

package/lib/chunk-2A6R2TW7.mjs

@@ -0,0 +1,41 @@
+"use client";
+import {
+  getBackgroundClassName
+} from "./chunk-WC3ULY5W.mjs";
+import {
+  has
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/box/footer/BoxFooter.tsx
+import clsx from "clsx";
+import * as React from "react";
+var BoxFooter = React.forwardRef(
+  ({ className, children, backgroundColor, id, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        id,
+        className: hashClass(
+          styled,
+          clsx("box-footer", backgroundColor && has(getBackgroundClassName(backgroundColor)), className)
+        ),
+        ...others
+      },
+      children
+    );
+  }
+);
+BoxFooter.displayName = "BoxFooter" /* BoxFooter */;
+var BoxFooter_default = BoxFooter;
+
+export {
+  BoxFooter_default
+};

package/lib/chunk-2BVCMI44.mjs

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

package/lib/chunk-2KUCOY5Z.mjs

@@ -0,0 +1,11 @@
+"use client";
+import {
+  BoxHeader_default
+} from "./chunk-F7YNM3BY.mjs";
+
+// components/box/header/index.ts
+var header_default = BoxHeader_default;
+
+export {
+  header_default
+};

package/lib/chunk-2RUJIIGS.mjs

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

package/lib/chunk-2SSPDMXO.mjs

@@ -0,0 +1,36 @@
+"use client";
+import {
+  has,
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/rows/Rows.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Rows = React.forwardRef(({ className, id, gap, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      id,
+      className: hashClass(
+        styled,
+        clsx("rows", gap && has(`gap-${gap}`), typeof gap !== "undefined" && gap === 0 && is("gapless"), className)
+      ),
+      ...others
+    }
+  );
+});
+Rows.displayName = "Rows" /* Rows */;
+var Rows_default = Rows;
+
+export {
+  Rows_default
+};

package/lib/chunk-2WOMFJ45.mjs

@@ -0,0 +1,20 @@
+"use client";
+
+// components/autocomplete/Autocomplete.helpers.ts
+var getLabel = (data) => typeof data === "string" ? data : data["label"];
+var escapeRegExp = (str) => {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+var defaultMatching = (data, value) => {
+  const escapedValue = escapeRegExp(value);
+  const searchWords = escapedValue.split(/\s+/).filter((word) => word.length > 0);
+  return data.filter((item) => {
+    const itemLabel = getLabel(item).toLowerCase();
+    return searchWords.every((word) => itemLabel.includes(word.toLowerCase()));
+  });
+};
+
+export {
+  getLabel,
+  defaultMatching
+};

package/lib/chunk-3DQLCET2.mjs

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

package/lib/chunk-3EEOOLVU.mjs

@@ -0,0 +1,25 @@
+"use client";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/timeline/Timeline.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Timeline = React.forwardRef(({ className, id, horizontal, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx("timeline", horizontal && is("horizontal"), className));
+  return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others });
+});
+Timeline.displayName = "Timeline" /* Timeline */;
+var Timeline_default = Timeline;
+
+export {
+  Timeline_default
+};

package/lib/chunk-3IJ5TUUN.mjs

@@ -0,0 +1,11 @@
+"use client";
+import {
+  TimelineContent_default
+} from "./chunk-7JKJNUQZ.mjs";
+
+// components/timeline/content/index.ts
+var content_default = TimelineContent_default;
+
+export {
+  content_default
+};

package/lib/chunk-3M4YVDAB.mjs

@@ -0,0 +1,58 @@
+"use client";
+import {
+  getJustifiedClassName
+} from "./chunk-L4UDEKQK.mjs";
+import {
+  has,
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/image/Image.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Image = React.forwardRef(
+  ({ src, alt = "", className, id, circled, width, height, onClick, radius, align, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx("image", className, align && is(getJustifiedClassName(align))));
+    const styles = {
+      image: {
+        width,
+        height
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      "figure",
+      {
+        ref,
+        id,
+        onClick: (e) => {
+          onClick == null ? void 0 : onClick(e);
+          e.stopPropagation();
+        },
+        className: classes,
+        ...others
+      },
+      /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          style: styles.image,
+          className: hashClass(styled, clsx(radius && has(`border-radius-${radius}`), circled ? is("circled") : "")),
+          src: typeof src === "string" ? src : "",
+          alt
+        }
+      )
+    );
+  }
+);
+Image.displayName = "Image" /* Image */;
+var Image_default = Image;
+
+export {
+  Image_default
+};

package/lib/chunk-3PFN4T6S.mjs

@@ -0,0 +1,33 @@
+"use client";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/accordion/item/header/AccordionHeader.tsx
+import clsx from "clsx";
+import * as React from "react";
+var AccordionHeader = React.forwardRef(
+  ({ children, className, id, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    return /* @__PURE__ */ React.createElement(
+      "summary",
+      {
+        ref,
+        id,
+        className: hashClass(styled, clsx("accordion-header", className)),
+        role: "button",
+        ...others
+      },
+      children
+    );
+  }
+);
+AccordionHeader.displayName = "AccordionHeader" /* AccordionHeader */;
+var AccordionHeader_default = AccordionHeader;
+
+export {
+  AccordionHeader_default
+};

package/lib/chunk-3PHJRZWE.mjs

@@ -0,0 +1,124 @@
+"use client";
+import {
+  getColorStyle
+} from "./chunk-JOSZ4COK.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/range/Range.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Range = React.forwardRef(
+  ({
+    className,
+    id = React.useId(),
+    min,
+    max,
+    label,
+    valueMin,
+    valueMax,
+    unit,
+    onChangeMin,
+    onChangeMax,
+    onChange,
+    name,
+    gap = 0,
+    simple,
+    value
+  }, ref) => {
+    const { styled } = useTrilogyContext();
+    const refTrack = React.useRef(null);
+    const [cursorMin, setCursorMin] = React.useState(valueMin != null ? valueMin : 0);
+    const [cursorMax, setCursorMax] = React.useState(simple ? value || 0 : valueMax != null ? valueMax : max);
+    React.useEffect(() => {
+      if (refTrack.current) {
+        const track = refTrack.current;
+        track.style.background = `linear-gradient(to right, ${getColorStyle("MAIN_FADE" /* MAIN_FADE */)} ${cursorMin / max * 100}% , ${getColorStyle("MAIN" /* MAIN */)} ${cursorMin / max * 100}% , ${getColorStyle("MAIN" /* MAIN */)} ${cursorMax / max * 100}%, ${getColorStyle("MAIN_FADE" /* MAIN_FADE */)} ${cursorMax / max * 100}%) `;
+      }
+    }, [cursorMin, cursorMax]);
+    React.useEffect(() => {
+      setCursorMin(valueMin || 0);
+    }, [valueMin]);
+    React.useEffect(() => {
+      if (!simple) setCursorMax(valueMax || max);
+    }, [valueMax, simple]);
+    React.useEffect(() => {
+      if (simple && value !== void 0) setCursorMax(value);
+    }, [value, simple]);
+    const handleChangeCursorMin = React.useCallback(
+      (e) => {
+        if (Number(e.target.value) < cursorMax - gap) setCursorMin(Number(e.target.value));
+      },
+      [cursorMax, cursorMin]
+    );
+    const handleChangeCursorMax = React.useCallback(
+      (e) => {
+        if (Number(e.target.value) >= cursorMin + gap) setCursorMax(Number(e.target.value));
+      },
+      [cursorMax, cursorMin]
+    );
+    const handleMouseUpMin = React.useCallback(() => {
+      if (onChangeMin) {
+        onChangeMin({
+          inputName: name,
+          inputValue: cursorMin
+        });
+      }
+    }, [onChangeMin, name, cursorMin]);
+    const handleMouseUpMax = React.useCallback(() => {
+      if (onChangeMax && !simple) {
+        onChangeMax({
+          inputName: name,
+          inputValue: cursorMax
+        });
+      }
+      if (onChange && simple) {
+        onChange({
+          inputName: name,
+          inputValue: cursorMax
+        });
+      }
+    }, [onChangeMax, name, cursorMax, onChange, simple]);
+    return /* @__PURE__ */ React.createElement("div", { ref, id, className: hashClass(styled, clsx("range-container", className)) }, /* @__PURE__ */ React.createElement("label", { className: hashClass(styled, clsx("range-label")) }, label), /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("range")) }, /* @__PURE__ */ React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx("range-track")) }), !simple && /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        className: hashClass(styled, clsx("range-cursor range-cursor-min")),
+        onTouchEnd: handleMouseUpMin,
+        onMouseUp: handleMouseUpMin,
+        onChange: handleChangeCursorMin,
+        value: cursorMin,
+        type: "range",
+        min,
+        max,
+        name,
+        id: `${id}-min`,
+        "aria-label": label
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        className: hashClass(styled, clsx("range-cursor", !simple && "range-cursor-max")),
+        onTouchEnd: handleMouseUpMax,
+        onMouseUp: handleMouseUpMax,
+        onChange: handleChangeCursorMax,
+        value: cursorMax,
+        type: "range",
+        min,
+        max,
+        name,
+        id: `${id}-max`,
+        "aria-label": label
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("range-values")) }, !simple && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("range-value-min")) }, cursorMin), unit && /* @__PURE__ */ React.createElement("span", null, " ", unit)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx(simple ? "range-value" : "range-value-max")) }, cursorMax), unit && /* @__PURE__ */ React.createElement("span", null, " ", unit))));
+  }
+);
+Range.displayName = "Range" /* Range */;
+var Range_default = Range;
+
+export {
+  Range_default
+};

package/lib/chunk-3S7HTH5Y.mjs

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

package/lib/chunk-3XMSRU64.mjs

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

package/lib/chunk-3XPLPYWH.mjs

@@ -0,0 +1,11 @@
+"use client";
+import {
+  TableTr_default
+} from "./chunk-S7W4ZL46.mjs";
+
+// components/table/tr/index.ts
+var tr_default = TableTr_default;
+
+export {
+  tr_default
+};

package/lib/chunk-44R46MG5.mjs

@@ -0,0 +1,87 @@
+"use client";
+import {
+  CircularProgress,
+  require_prop_types
+} from "./chunk-E4XP6M6C.mjs";
+import {
+  __toESM
+} from "./chunk-QIPGVLHJ.mjs";
+
+// components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.tsx
+var import_prop_types = __toESM(require_prop_types());
+import * as React from "react";
+import { Animated, Easing } from "react-native";
+var AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
+var AnimatedCircularProgress = class extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      fillAnimation: new Animated.Value(props.prefill)
+    };
+    if (props.onFillChange) {
+      this.state.fillAnimation.addListener(({ value }) => props.onFillChange(value));
+    }
+  }
+  componentDidMount() {
+    this.animate();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.fill !== this.props.fill) {
+      this.animate();
+    }
+  }
+  reAnimate(prefill, toVal, dur, ease) {
+    this.setState(
+      {
+        fillAnimation: new Animated.Value(prefill)
+      },
+      () => this.animate(toVal, dur, ease)
+    );
+  }
+  animate(toVal, dur, ease) {
+    const toValue = toVal >= 0 ? toVal : this.props.fill;
+    const duration = dur || this.props.duration;
+    const easing = ease || this.props.easing;
+    const { useNativeDriver } = this.props;
+    const anim = Animated.timing(this.state.fillAnimation, {
+      useNativeDriver,
+      toValue,
+      easing,
+      duration
+    });
+    anim.start(this.props.onAnimationComplete);
+    return anim;
+  }
+  animateColor() {
+    if (!this.props.tintColorSecondary) {
+      return this.props.tintColor;
+    }
+    const tintAnimation = this.state.fillAnimation.interpolate({
+      inputRange: [0, 100],
+      outputRange: [this.props.tintColor, this.props.tintColorSecondary]
+    });
+    return tintAnimation;
+  }
+  render() {
+    const { fill, prefill, ...other } = this.props;
+    return /* @__PURE__ */ React.createElement(AnimatedProgress, { ...other, fill: this.state.fillAnimation, tintColor: this.animateColor() });
+  }
+};
+AnimatedCircularProgress.propTypes = {
+  ...CircularProgress.propTypes,
+  prefill: import_prop_types.default.number,
+  duration: import_prop_types.default.number,
+  easing: import_prop_types.default.func,
+  onAnimationComplete: import_prop_types.default.func,
+  useNativeDriver: import_prop_types.default.bool
+};
+AnimatedCircularProgress.defaultProps = {
+  duration: 500,
+  easing: Easing.out(Easing.ease),
+  prefill: 0,
+  useNativeDriver: false
+};
+
+export {
+  AnimatedCircularProgress
+};

package/lib/chunk-46HOBF2T.mjs

@@ -0,0 +1,38 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-Y3J6NXB4.mjs";
+import {
+  has,
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/product-tour/ProductTour.tsx
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+var ProductTour = React.forwardRef(
+  ({ children, className, id, active, arrowDirection, arrowAlign, closeable, avatarSrc, avatarDirection, ...others }, ref) => {
+    const [display, setDisplay] = useState(active || false);
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
+      setDisplay(active || false);
+    }, [active]);
+    const classes = hashClass(
+      styled,
+      clsx("product-tour", display && is("active"), avatarDirection && has(`icon-${avatarDirection}`), className)
+    );
+    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, arrowDirection && /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("arrow", is(arrowDirection), arrowAlign && is(arrowAlign))) }), avatarSrc && /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("icon", is("medium"))) }, /* @__PURE__ */ React.createElement("img", { className: hashClass(styled, clsx(is("rounded"))), src: avatarSrc })), closeable && /* @__PURE__ */ React.createElement("div", { style: { cursor: "pointer" }, onClick: () => setDisplay(!display) }, /* @__PURE__ */ React.createElement(Icon_default, { size: "small" /* SMALL */, name: "tri-times" /* TIMES */, className: "close" })), /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("product-tour-content")) }, children));
+  }
+);
+ProductTour.displayName = "ProductTour" /* ProductTour */;
+var ProductTour_default = ProductTour;
+
+export {
+  ProductTour_default
+};

package/lib/chunk-46VZBMKF.mjs

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

package/lib/chunk-4DZWJDF4.mjs

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

package/lib/chunk-4FLKEX5Q.mjs

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

package/lib/chunk-4K6XP3WN.mjs

@@ -0,0 +1,54 @@
+"use client";
+import {
+  getBackgroundClassName
+} from "./chunk-WC3ULY5W.mjs";
+import {
+  has,
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/hero/Hero.tsx
+import clsx from "clsx";
+import React from "react";
+var Hero = React.forwardRef(
+  ({ children, backgroundColor, backgroundSrc, inverted, className, id, onClick, overlap, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      clsx(
+        "hero",
+        backgroundColor && has(getBackgroundClassName(backgroundColor)),
+        backgroundSrc && has("background"),
+        inverted && is("inverted") || is("base"),
+        overlap && is("overlapped"),
+        className
+      )
+    );
+    return /* @__PURE__ */ React.createElement(
+      "section",
+      {
+        ref,
+        id,
+        onClick: onClick && onClick,
+        className: classes,
+        ...backgroundSrc && {
+          style: { backgroundImage: `url(${backgroundSrc})` }
+        },
+        ...others
+      },
+      /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("hero-body")) }, children)
+    );
+  }
+);
+Hero.displayName = "Hero" /* Hero */;
+var Hero_default = Hero;
+
+export {
+  Hero_default
+};

package/lib/chunk-4N5AAXBQ.mjs

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

package/lib/chunk-4OOJ4CIA.mjs

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

package/lib/chunk-4RI36UHJ.mjs

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

package/lib/chunk-4SALNTSX.mjs

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