@trilogy-ds/react 0.0.16-esm-cjs → 0.0.18-esm-cjs

package/lib/chunk-CJHW2V6H.mjs

@@ -1,150 +0,0 @@
-"use client";
-import {
-  Sticker_native_default
-} from "./chunk-WZNAXR6Q.mjs";
-import {
-  View_native_default
-} from "./chunk-MK63OCEA.mjs";
-import {
-  Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
-import {
-  Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-
-// components/checkbox/tiles/tile/CheckboxTile.native.tsx
-import React, { useState } from "react";
-import { StyleSheet, TouchableOpacity, View as ViewRN } from "react-native";
-var CheckboxTile = React.forwardRef(
-  ({
-    disabled,
-    checked,
-    readonly,
-    id = React.useId(),
-    label,
-    onChange,
-    name,
-    description,
-    icon,
-    horizontal,
-    sticker,
-    stickerVariant = "ACCENT" /* ACCENT */,
-    ...others
-  }, ref) => {
-    const [_checked, setChecked] = useState(checked || false);
-    const [stickerHeight, setStickerHeight] = useState(0);
-    const styles = StyleSheet.create({
-      container: {
-        flexDirection: "row",
-        paddingBottom: 5,
-        justifyContent: "flex-start"
-      },
-      checkBox: {
-        alignItems: "center",
-        justifyContent: "center",
-        borderColor: getColorStyle(
-          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
-        ),
-        borderWidth: 1,
-        width: 19,
-        height: 19,
-        borderRadius: 4,
-        backgroundColor: getColorStyle(
-          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "transparent"
-        )
-      },
-      label: {
-        color: getColorStyle(disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */)
-      },
-      tile: {
-        padding: _checked ? 16 /* FOUR */ - 1 : 16 /* FOUR */,
-        maxWidth: "50%",
-        borderWidth: _checked && 2 || 1,
-        width: "auto",
-        borderColor: getColorStyle(
-          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
-        ),
-        borderRadius: 6,
-        textAlign: "center",
-        alignItems: "center",
-        backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "transparent")
-      },
-      tileDescription: {
-        color: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "MAIN" /* MAIN */),
-        alignSelf: horizontal ? "flex-start" : "center"
-      },
-      horizontal: {
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 12 /* THREE */,
-        padding: _checked ? 16 /* FOUR */ - 1 : 16 /* FOUR */,
-        width: "100%",
-        height: "auto",
-        borderWidth: _checked && 2 || 1,
-        borderColor: getColorStyle(
-          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
-        ),
-        borderRadius: 6,
-        backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "transparent")
-      },
-      sticker: {
-        position: "absolute",
-        top: _checked ? -stickerHeight / 2 - 1 : -stickerHeight / 2,
-        right: _checked ? 15 : 16
-      }
-    });
-    const handleClick = () => {
-      if (!readonly) {
-        setChecked(!_checked);
-        if (onChange) {
-          onChange({
-            checkboxId: id,
-            checkboxValue: "",
-            checkboxName: name || "",
-            checkboxChecked: !_checked
-          });
-        }
-      }
-    };
-    if (horizontal) {
-      return /* @__PURE__ */ React.createElement(TouchableOpacity, { ref, disabled, style: styles.horizontal, onPress: () => handleClick() }, sticker && /* @__PURE__ */ React.createElement(ViewRN, { style: styles.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ React.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ React.createElement(TouchableOpacity, { style: styles.checkBox, disabled, testID: id, onPressIn: () => handleClick() }, _checked && /* @__PURE__ */ React.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), icon && /* @__PURE__ */ React.createElement(
-        ViewRN,
-        {
-          style: {
-            justifyContent: "center",
-            alignItems: "center"
-          }
-        },
-        /* @__PURE__ */ React.createElement(Icon_native_default, { size: "small" /* SMALL */, name: icon, color: disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */ })
-      ), /* @__PURE__ */ React.createElement(View_native_default, { style: { gap: 4 /* ONE */, flex: 1 } }, label && typeof label.valueOf() === "string" && /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.label, level: 1 /* ONE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, String(label)), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { level: 2 /* TWO */, style: styles.tileDescription }, String(description)) : description));
-    }
-    return /* @__PURE__ */ React.createElement(TouchableOpacity, { ref, disabled, style: styles.tile, onPress: handleClick, ...others }, sticker && /* @__PURE__ */ React.createElement(ViewRN, { style: styles.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ React.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ React.createElement(View_native_default, { style: { gap: 8 /* TWO */ } }, /* @__PURE__ */ React.createElement(TouchableOpacity, { style: [styles.checkBox], disabled, testID: id, onPressIn: handleClick }, _checked && /* @__PURE__ */ React.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), icon && /* @__PURE__ */ React.createElement(
-      View_native_default,
-      {
-        style: {
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "center"
-        }
-      },
-      /* @__PURE__ */ React.createElement(Icon_native_default, { size: "small" /* SMALL */, color: disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */, name: icon })
-    ), label && typeof label.valueOf() === "string" && /* @__PURE__ */ React.createElement(
-      Text_native_default,
-      {
-        level: 1 /* ONE */,
-        typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */, "has-text-centered" /* TEXT_CENTERED */],
-        style: [styles.label]
-      },
-      String(label)
-    ), description && typeof description.valueOf() === "string" && /* @__PURE__ */ React.createElement(Text_native_default, { level: 2 /* TWO */, typo: ["has-text-centered" /* TEXT_CENTERED */] }, String(description))));
-  }
-);
-CheckboxTile.displayName = "CheckboxTiles" /* CheckboxTiles */;
-var CheckboxTile_native_default = CheckboxTile;
-
-export {
-  CheckboxTile_native_default
-};

package/lib/chunk-CWX2XNZI.mjs

@@ -1,92 +0,0 @@
-"use client";
-import {
-  ViewMarkup
-} from "./chunk-EFIZDE7C.mjs";
-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";
-import {
-  getLoadingClassName
-} from "./chunk-UTA75ELV.mjs";
-import {
-  getJustifyClassName
-} from "./chunk-L4UDEKQK.mjs";
-import {
-  getAlignClassName
-} from "./chunk-HV6TXVFA.mjs";
-
-// components/view/View.tsx
-import clsx from "clsx";
-import * as React from "react";
-var View = React.forwardRef(
-  ({
-    children,
-    style,
-    className,
-    loading,
-    onClick,
-    backgroundColor,
-    backgroundSrc,
-    inverted,
-    fullwidth = true,
-    markup,
-    flexable,
-    justify,
-    align,
-    ...others
-  }, ref) => {
-    const { styled } = useTrilogyContext();
-    const isCorrectMarkup = (stringMarkup) => {
-      if (stringMarkup in ViewMarkup || Object.values(ViewMarkup).includes(stringMarkup)) return true;
-    };
-    const Tag = markup && isCorrectMarkup(markup) ? markup : "div";
-    const classes = hashClass(
-      styled,
-      clsx(
-        typeof loading === "string" && is(getLoadingClassName(loading)),
-        typeof loading === "boolean" ? is("loading") : is("loaded"),
-        backgroundColor && has(getBackgroundClassName(backgroundColor)),
-        backgroundSrc && has("background"),
-        inverted && is("inverted") || is("base"),
-        fullwidth && is("fullwidth"),
-        flexable && is("flex"),
-        typeof justify === "string" && is(getJustifyClassName(justify)),
-        typeof align === "string" && is(getAlignClassName(align)),
-        className
-      )
-    );
-    return /* @__PURE__ */ React.createElement(
-      Tag,
-      {
-        ref,
-        onClick,
-        style,
-        className: classes,
-        ...backgroundSrc && {
-          style: {
-            backgroundImage: `url(${backgroundSrc})`,
-            backgroundSize: "cover",
-            backgroundPosition: "50%"
-          }
-        },
-        ...others
-      },
-      children
-    );
-  }
-);
-var View_default = View;
-
-export {
-  View_default
-};

package/lib/chunk-DXSXX5ZX.mjs

@@ -1,27 +0,0 @@
-"use client";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/timeline/item/TimelineItem.tsx
-import clsx from "clsx";
-import * as React from "react";
-var TimelineItem = React.forwardRef(
-  ({ className, id, done, active, cancel, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      clsx("timeline-item", done && "done", active && "active", cancel && "cancel", className)
-    );
-    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others });
-  }
-);
-TimelineItem.displayName = "TimelineItem" /* TimelineItem */;
-var TimelineItem_default = TimelineItem;
-
-export {
-  TimelineItem_default
-};

package/lib/chunk-FUE3HEEY.mjs

@@ -1,115 +0,0 @@
-"use client";
-import {
-  AnimatedCircularProgress
-} from "./chunk-44R46MG5.mjs";
-import {
-  Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-import {
-  isAndroid
-} from "./chunk-R6PFY5VS.mjs";
-import {
-  getAlignStyle
-} from "./chunk-HV6TXVFA.mjs";
-
-// components/progress/radial/ProgressRadial.native.tsx
-import * as React from "react";
-import ContentLoader, { Circle } from "react-content-loader/native";
-import { StyleSheet, View } from "react-native";
-var ProgressRadial = React.forwardRef(
-  ({
-    children,
-    value,
-    label,
-    description,
-    status,
-    full,
-    disk,
-    secondValue,
-    secondValueColor,
-    align,
-    skeleton,
-    ...others
-  }, ref) => {
-    const color = getColorStyle(status || "MAIN" /* MAIN */);
-    const backgroundColor = getColorStyle("MAIN_FADE" /* MAIN_FADE */);
-    const percentWidth = value || 0;
-    const secondFill = secondValue ? { secondFill: secondValue } : null;
-    const secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || "MAIN" /* MAIN */) };
-    const progressRadialWidth = 100;
-    const progressRadialSkeletonRadius = 50;
-    const styles = StyleSheet.create({
-      container: {
-        alignSelf: getAlignStyle(align)
-      },
-      label: {
-        textAlign: "center",
-        fontSize: 20,
-        fontWeight: "600",
-        paddingTop: 8
-      },
-      description: {
-        alignSelf: "center",
-        fontWeight: "500"
-      },
-      disk: {
-        width: progressRadialWidth,
-        height: progressRadialWidth,
-        borderRadius: 50,
-        backgroundColor: color
-      },
-      labelDisk: {
-        color: getColorStyle("FONT" /* FONT */),
-        textAlign: "center",
-        fontSize: 20,
-        fontWeight: "500"
-      },
-      descriptionDisk: {
-        color: getColorStyle("FONT" /* FONT */),
-        textAlign: "center",
-        fontWeight: "400"
-      },
-      alignCenter: {
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      skeleton: {
-        width: progressRadialWidth,
-        height: progressRadialWidth,
-        borderRadius: progressRadialSkeletonRadius,
-        backgroundColor: getColorStyle("DISABLED_FADE" /* DISABLED_FADE */),
-        overflow: "hidden"
-      }
-    });
-    const ProgressRadialSkeleton = () => /* @__PURE__ */ React.createElement(ContentLoader, { style: styles.skeleton, ...others }, /* @__PURE__ */ React.createElement(View, { style: { opacity: 0 } }), isAndroid && /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(Circle, { cx: "50", cy: "50", r: "50" })));
-    if (skeleton) {
-      return /* @__PURE__ */ React.createElement(ProgressRadialSkeleton, null);
-    }
-    if (disk) {
-      return /* @__PURE__ */ React.createElement(View, { ref, style: styles.container }, /* @__PURE__ */ React.createElement(View, { style: [styles.disk, styles.alignCenter], ...others }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.labelDisk, level: 2 /* TWO */ }, label || "") : label, description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.descriptionDisk, level: 3 /* THREE */, typo: "has-text-centered" /* TEXT_CENTERED */ }, description || "") : description));
-    }
-    return /* @__PURE__ */ React.createElement(View, { ref, style: styles.container, ...others }, /* @__PURE__ */ React.createElement(
-      AnimatedCircularProgress,
-      {
-        size: 90,
-        width: 7,
-        fill: !full ? percentWidth : 100,
-        tintColor: color,
-        backgroundColor,
-        rotation: 0,
-        ...secondFill,
-        ...secondFillColor
-      },
-      () => /* @__PURE__ */ React.createElement(View, { style: styles.alignCenter }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.label, level: 2 /* TWO */ }, label || "") : /* @__PURE__ */ React.createElement(View, null, label), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.description, level: 4 /* FOUR */ }, description || "") : /* @__PURE__ */ React.createElement(View, null, description || children))
-    ));
-  }
-);
-ProgressRadial.displayName = "ProgressRadial" /* ProgressRadial */;
-var ProgressRadial_native_default = ProgressRadial;
-
-export {
-  ProgressRadial_native_default
-};

package/lib/chunk-G2RSK6RU.mjs

@@ -1,60 +0,0 @@
-"use client";
-import {
-  getStatusStyle
-} from "./chunk-KNRXLZZP.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-import {
-  isIOS
-} from "./chunk-R6PFY5VS.mjs";
-
-// components/switch/Switch.native.tsx
-import React, { useEffect, useState } from "react";
-import { StyleSheet, Switch as SwitchNative } from "react-native";
-var Switch = React.forwardRef(
-  ({ id = React.useId(), checked, onChange, status, disabled, readonly, name }, ref) => {
-    const [_checked, setChecked] = useState(checked || false);
-    useEffect(() => {
-      if (!readonly) {
-        setChecked(checked || false);
-      }
-    }, [checked, readonly]);
-    const backgroundColorOff = getColorStyle("NEUTRAL" /* NEUTRAL */);
-    const backgroundColorDisabled = getColorStyle("DISABLED" /* DISABLED */);
-    const thumbColor = getColorStyle("WHITE" /* BACKGROUND */);
-    const styles = StyleSheet.create({
-      switchIos: {
-        transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }]
-      }
-    });
-    return /* @__PURE__ */ React.createElement(
-      SwitchNative,
-      {
-        ref,
-        testID: "switch-id",
-        style: isIOS ? styles.switchIos : {},
-        trackColor: {
-          false: disabled ? backgroundColorDisabled : backgroundColorOff,
-          true: disabled ? backgroundColorDisabled : getStatusStyle(status).color
-        },
-        thumbColor,
-        ios_backgroundColor: disabled ? backgroundColorDisabled : backgroundColorOff,
-        onValueChange: (state) => {
-          if (onChange) {
-            onChange({ switchState: state, switchName: name || "" });
-          }
-        },
-        nativeID: name ? `${name}_${id}` : id,
-        disabled,
-        value: _checked
-      }
-    );
-  }
-);
-Switch.displayName = "Switch" /* Switch */;
-var Switch_native_default = Switch;
-
-export {
-  Switch_native_default
-};

package/lib/chunk-GPYOBQ3V.mjs

@@ -1,99 +0,0 @@
-"use client";
-import {
-  getStatusClassName
-} from "./chunk-AD63JH53.mjs";
-import {
-  is
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/switch/Switch.tsx
-import clsx from "clsx";
-import React, { useEffect, useState } from "react";
-var Switch = React.forwardRef(
-  ({
-    className,
-    id = React.useId(),
-    label,
-    value,
-    checked,
-    onChange,
-    onClick,
-    status,
-    disabled,
-    readonly,
-    name,
-    reversed,
-    fullWidth,
-    ...others
-  }, ref) => {
-    const [_checked, setChecked] = useState(checked || false);
-    const { styled } = useTrilogyContext();
-    React.useEffect(() => {
-      setChecked(checked || false);
-    }, [checked]);
-    useEffect(() => {
-      if (!readonly) {
-        setChecked(checked || false);
-      }
-    }, [checked, readonly]);
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: hashClass(
-          styled,
-          clsx("switch", reversed && is("reversed"), fullWidth && is("fullwidth"), className)
-        )
-      },
-      /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          onChange: (e) => {
-            if (!readonly) {
-              setChecked(!_checked);
-            }
-            if (onChange) {
-              onChange({
-                switchState: e.target.checked,
-                switchName: e.target.name
-              });
-            }
-          },
-          onClick: (e) => {
-            if (!readonly) {
-              setChecked(!_checked);
-            }
-            if (onClick) {
-              onClick({
-                switchState: e.target.checked,
-                switchName: e.target.name
-              });
-            }
-          },
-          name,
-          value,
-          checked: readonly ? checked : _checked,
-          readOnly: readonly,
-          id: `switch-${id}`,
-          type: "checkbox",
-          disabled,
-          className: hashClass(styled, clsx(status && is(getStatusClassName(status)))),
-          ...others
-        }
-      ),
-      /* @__PURE__ */ React.createElement("label", { htmlFor: `switch-${id}` }, label)
-    );
-  }
-);
-Switch.displayName = "Switch" /* Switch */;
-var Switch_default = Switch;
-
-export {
-  Switch_default
-};

package/lib/chunk-GYARTTY2.mjs

@@ -1,41 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-SGAZRZIK.mjs";
-import {
-  is
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/stepper/step/Step.tsx
-import clsx from "clsx";
-import React from "react";
-var Step = React.forwardRef(
-  ({ className, id, active, current, done, label, iconName, error, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classesStepLabel = hashClass(styled, clsx("step-label"));
-    const classes = hashClass(
-      styled,
-      clsx(
-        "stepper-item",
-        active && is("active"),
-        current && is("current"),
-        done && is("done"),
-        error && is("error"),
-        className
-      )
-    );
-    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, "data-label": label, ...others }, /* @__PURE__ */ React.createElement("div", { className: classesStepLabel }, label, !done && iconName && /* @__PURE__ */ React.createElement(Icon_default, { name: iconName && iconName, className: "step-icon", size: "medium" /* MEDIUM */ })));
-  }
-);
-Step.displayName = "Step" /* Step */;
-var Step_default = Step;
-
-export {
-  Step_default
-};

package/lib/chunk-HLTY5AJR.mjs

@@ -1,43 +0,0 @@
-"use client";
-import {
-  View_native_default
-} from "./chunk-MK63OCEA.mjs";
-import {
-  Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-
-// components/table/tr/TableTr.native.tsx
-import React, { useState } from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
-var TableTr = React.forwardRef(
-  ({ children, expandable, expanded, ...others }, ref) => {
-    const [isExpanded, setIsExpended] = useState(false);
-    const styles = StyleSheet.create({
-      tableTr: {
-        flexDirection: "row",
-        flex: 1
-      },
-      expendable: {
-        width: "100%",
-        backgroundColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
-        padding: 10
-      }
-    });
-    const handleExpendedContent = () => {
-      setIsExpended(!isExpanded);
-    };
-    if (expandable) {
-      return /* @__PURE__ */ React.createElement(View_native_default, { ref }, /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: () => handleExpendedContent(), style: styles.tableTr, ...others }, children), isExpanded && expanded && typeof expanded.valueOf() === "string" && /* @__PURE__ */ React.createElement(View_native_default, { style: styles.expendable }, /* @__PURE__ */ React.createElement(Text_native_default, { level: 4 /* FOUR */ }, String(expanded))), isExpanded && expanded && React.isValidElement(expanded) && /* @__PURE__ */ React.createElement(View_native_default, { style: styles.expendable }, expanded));
-    }
-    return /* @__PURE__ */ React.createElement(View_native_default, { ref, style: styles.tableTr, ...others }, children);
-  }
-);
-TableTr.displayName = "TableTr" /* TableTr */;
-var TableTr_native_default = TableTr;
-
-export {
-  TableTr_native_default
-};