@trilogy-ds/react 0.0.9-esm-cjs → 0.0.11-calendar

package/lib/chunk-3M4YVDAB.mjs

@@ -1,58 +0,0 @@
-"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

@@ -1,33 +0,0 @@
-"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

@@ -1,124 +0,0 @@
-"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

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

package/lib/chunk-3XMSRU64.mjs

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

package/lib/chunk-3XPLPYWH.mjs

@@ -1,11 +0,0 @@
-"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

@@ -1,87 +0,0 @@
-"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

@@ -1,38 +0,0 @@
-"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

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

package/lib/chunk-4DZWJDF4.mjs

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

package/lib/chunk-4FLKEX5Q.mjs

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

package/lib/chunk-4K6XP3WN.mjs

@@ -1,54 +0,0 @@
-"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

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

package/lib/chunk-4OOJ4CIA.mjs

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

package/lib/chunk-4RI36UHJ.mjs

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

package/lib/chunk-4SALNTSX.mjs

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

package/lib/chunk-4UHBBNZ7.mjs

@@ -1,60 +0,0 @@
-"use client";
-
-// components/icon/IconEnum.ts
-var IconSize = /* @__PURE__ */ ((IconSize2) => {
-  IconSize2["SMALL"] = "small";
-  IconSize2["MEDIUM"] = "medium";
-  IconSize2["LARGE"] = "large";
-  IconSize2["HUGE"] = "huge";
-  IconSize2["SMALLER"] = "smaller";
-  return IconSize2;
-})(IconSize || {});
-var IconStatus = /* @__PURE__ */ ((IconStatus2) => {
-  IconStatus2["SUCCESS"] = "SUCCESS";
-  IconStatus2["ERROR"] = "ERROR";
-  IconStatus2["WARNING"] = "WARNING";
-  IconStatus2["INFO"] = "INFO";
-  IconStatus2["WHITE"] = "WHITE";
-  return IconStatus2;
-})(IconStatus || {});
-var IconColor = /* @__PURE__ */ ((IconColor2) => {
-  IconColor2["SUCCESS"] = "SUCCESS";
-  IconColor2["ERROR"] = "ERROR";
-  IconColor2["INFO"] = "INFO";
-  IconColor2["WARNING"] = "WARNING";
-  IconColor2["MAIN"] = "MAIN";
-  IconColor2["BACKGROUND"] = "BACKGROUND";
-  IconColor2["ACCENT"] = "ACCENT";
-  IconColor2["NEUTRAL"] = "NEUTRAL";
-  IconColor2["WHITE"] = "WHITE";
-  IconColor2["GREY"] = "NEUTRAL";
-  return IconColor2;
-})(IconColor || {});
-var IconPosition = /* @__PURE__ */ ((IconPosition2) => {
-  IconPosition2["UP"] = "up";
-  IconPosition2["DOWN"] = "down";
-  IconPosition2["LEFT"] = "left";
-  IconPosition2["RIGHT"] = "right";
-  return IconPosition2;
-})(IconPosition || {});
-var TextIconMarkup = /* @__PURE__ */ ((TextIconMarkup2) => {
-  TextIconMarkup2["DIV"] = "div";
-  TextIconMarkup2["A"] = "a";
-  TextIconMarkup2["P"] = "p";
-  TextIconMarkup2["SPAN"] = "span";
-  return TextIconMarkup2;
-})(TextIconMarkup || {});
-var IconStatusPosition = /* @__PURE__ */ ((IconStatusPosition2) => {
-  IconStatusPosition2["TOP"] = "top";
-  IconStatusPosition2["BOTTOM"] = "bottom";
-  return IconStatusPosition2;
-})(IconStatusPosition || {});
-
-export {
-  IconSize,
-  IconStatus,
-  IconColor,
-  IconPosition,
-  TextIconMarkup,
-  IconStatusPosition
-};

package/lib/chunk-4XLHP4FT.mjs

@@ -1,30 +0,0 @@
-"use client";
-import {
-  tab_panel_default
-} from "./chunk-TTMI7WFG.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/tabs/tab-panels/TabPanels.tsx
-import clsx from "clsx";
-import React from "react";
-var TabPanels = React.forwardRef(
-  ({ children, className, id, testId, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("tab-panels", className));
-    return /* @__PURE__ */ React.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, React.Children.map(children, (child, index) => {
-      if (!React.isValidElement(child)) return false;
-      return /* @__PURE__ */ React.createElement(tab_panel_default, { ...child.props, index });
-    }));
-  }
-);
-TabPanels.displayName = "TabPanels" /* TabPanels */;
-var TabPanels_default = TabPanels;
-
-export {
-  TabPanels_default
-};

package/lib/chunk-4ZJQXF2V.mjs

@@ -1,20 +0,0 @@
-"use client";
-
-// components/text/TextEnum.ts
-var TextLevels = /* @__PURE__ */ ((TextLevels2) => {
-  TextLevels2[TextLevels2["ONE"] = 1] = "ONE";
-  TextLevels2[TextLevels2["TWO"] = 2] = "TWO";
-  TextLevels2[TextLevels2["THREE"] = 3] = "THREE";
-  TextLevels2[TextLevels2["FOUR"] = 4] = "FOUR";
-  return TextLevels2;
-})(TextLevels || {});
-var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
-  TextMarkup2["P"] = "p";
-  TextMarkup2["SPAN"] = "span";
-  return TextMarkup2;
-})(TextMarkup || {});
-
-export {
-  TextLevels,
-  TextMarkup
-};

package/lib/chunk-4ZWYE57K.mjs

@@ -1,44 +0,0 @@
-"use client";
-import {
-  version_default
-} from "./chunk-RZQA2M2N.mjs";
-import {
-  version
-} from "./chunk-UJLUM2OQ.mjs";
-import {
-  TrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// context/provider/index.tsx
-import React, { useLayoutEffect } from "react";
-var getHrefFromAssetUri = (assetUrl, theme, mangled) => {
-  return assetUrl.replace("%VERSION%", version).replace("%THEME%", theme).replace("%MANGLED%", mangled ? "-mangled" : "");
-};
-var injectTrilogy = (mangled, id, theme, assetUrl) => {
-  const link = document.createElement("link");
-  link.type = "text/css";
-  link.rel = "stylesheet";
-  link.href = getHrefFromAssetUri(assetUrl, theme, mangled);
-  link.id = id;
-  document == null ? void 0 : document.head.appendChild(link);
-};
-var TrilogyProvider = ({
-  children,
-  mangled = false,
-  injectTrilogyAssets = false,
-  id = "trilogy",
-  theme = "",
-  hash: HASH = version_default.VERSION,
-  assetUrl = ""
-}) => {
-  const [styled, setStyled] = React.useState(mangled);
-  const [hash, setHash] = React.useState(HASH);
-  useLayoutEffect(() => {
-    injectTrilogyAssets && injectTrilogy(mangled, id, theme, assetUrl);
-  }, []);
-  return /* @__PURE__ */ React.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, children);
-};
-
-export {
-  TrilogyProvider
-};

package/lib/chunk-56PSJEFR.mjs

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

package/lib/chunk-5FBFEA7R.mjs

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

package/lib/chunk-5LNNQJ3B.mjs

@@ -1,35 +0,0 @@
-"use client";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/accordion/item/body/AccordionBody.tsx
-import clsx from "clsx";
-import * as React from "react";
-var AccordionBody = React.forwardRef(
-  ({ children, className, id, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        id,
-        className: hashClass(styled, clsx("accordion-body", className)),
-        onClick: (e) => {
-          e.stopPropagation();
-        },
-        ...others
-      },
-      children
-    );
-  }
-);
-AccordionBody.displayName = "AccordionBody" /* AccordionBody */;
-var AccordionBody_default = AccordionBody;
-
-export {
-  AccordionBody_default
-};