@trilogy-ds/react 0.0.17-esm-cjs → 0.0.19-esm-cjs

package/lib/chunk-TB5FNQJR.mjs

@@ -1,87 +0,0 @@
-"use client";
-import {
-  TitleMarkup
-} from "./chunk-GVBMUMGT.mjs";
-import {
-  is
-} from "./chunk-SWVRRUW7.mjs";
-import {
-  hashClass
-} from "./chunk-UFMRE754.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-ZB4OWTDD.mjs";
-
-// components/title/Title.tsx
-import clsx from "clsx";
-import React from "react";
-var getTitleLevel = (level) => {
-  if (level) {
-    switch (level) {
-      case 1 /* ONE */:
-        return is(`level-1`);
-      case 2 /* TWO */:
-        return is(`level-2`);
-      case 3 /* THREE */:
-        return is(`level-3`);
-      case 4 /* FOUR */:
-        return is(`level-4`);
-      case 5 /* FIVE */:
-        return is(`level-5`);
-      case 6 /* SIX */:
-        return is(`level-6`);
-      default:
-        return is(`level-${level}`);
-    }
-  }
-};
-var isCorrectMarkup = (stringMarkup) => {
-  return stringMarkup in TitleMarkup || Object.values(TitleMarkup).includes(stringMarkup);
-};
-var Title = React.forwardRef(
-  ({
-    level = 1 /* ONE */,
-    markup,
-    children,
-    className,
-    id,
-    typo,
-    skeleton,
-    inverted,
-    onClick,
-    accessibilityLabel,
-    subtitle,
-    overline,
-    marginless,
-    ...others
-  }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      clsx(
-        "title",
-        level && getTitleLevel(level),
-        typo,
-        skeleton && is("loading"),
-        inverted && is("inverted"),
-        marginless && is("marginless"),
-        className
-      )
-    );
-    const subtitleClasses = hashClass(styled, clsx("subtitle", typo, className));
-    const overlineClasses = hashClass(styled, clsx("overline", typo, className));
-    const Tag = markup && isCorrectMarkup(markup) ? markup : "p";
-    const getClassname = () => {
-      if (subtitle) return subtitleClasses;
-      if (overline) return overlineClasses;
-      return classes;
-    };
-    return /* @__PURE__ */ React.createElement(Tag, { ref, id, "aria-label": accessibilityLabel, onClick, className: getClassname(), ...others }, children);
-  }
-);
-Title.displayName = "Title" /* Title */;
-var Title_default = Title;
-
-export {
-  Title_default
-};

package/lib/chunk-UV7KNMPY.mjs

@@ -1,50 +0,0 @@
-"use client";
-import {
-  ColumnsContext
-} from "./chunk-JZ3SSSRS.mjs";
-import {
-  getAlignStyle
-} from "./chunk-HV6TXVFA.mjs";
-
-// components/columns/column/Column.native.tsx
-import React from "react";
-import { View } from "react-native";
-var Column = React.forwardRef(
-  ({ children, narrow, size, verticalAlign, ...others }, ref) => {
-    const { width, realGap, scrollable, childrensLength } = React.useContext(ColumnsContext);
-    const scrollableStyle = React.useMemo(
-      () => ({
-        width: size ? size / 12 * width - realGap * ((childrensLength - 1) / childrensLength) : narrow ? "auto" : width - 2 * realGap
-      }),
-      [size, narrow, width, realGap, childrensLength]
-    );
-    const noScrollableStyle = React.useMemo(
-      () => ({
-        flex: narrow ? 0 : 1,
-        flexGrow: size || narrow ? 0 : 1,
-        flexShrink: narrow ? 1 : 0,
-        flexBasis: size ? size / 12 * width - realGap * ((childrensLength - 1) / childrensLength) : "auto"
-      }),
-      [size, narrow, width, realGap, childrensLength]
-    );
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        ref,
-        style: [
-          scrollable && scrollableStyle,
-          !scrollable && noScrollableStyle,
-          { justifyContent: getAlignStyle(verticalAlign) }
-        ],
-        ...others
-      },
-      children
-    );
-  }
-);
-Column.displayName = "Column" /* Column */;
-var Column_native_default = Column;
-
-export {
-  Column_native_default
-};

package/lib/chunk-UWF5SZJY.mjs

@@ -1,59 +0,0 @@
-"use client";
-import {
-  Text_default
-} from "./chunk-HHE7L3CW.mjs";
-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/progress/Progress.tsx
-import clsx from "clsx";
-import * as React from "react";
-var Progress = React.forwardRef(
-  ({
-    children,
-    className,
-    id,
-    value,
-    max = 100,
-    status,
-    small,
-    legendStart,
-    legendCenter,
-    legendEnd,
-    stacked,
-    ...others
-  }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      clsx(
-        "progress",
-        status && is(getStatusClassName(status)),
-        !status && is("primary"),
-        small && is("small"),
-        className
-      )
-    );
-    const stackedClasses = hashClass(styled, clsx("progress", stacked && is("stacked"), className));
-    if (children && stacked) {
-      return /* @__PURE__ */ React.createElement("div", { className: stackedClasses, ...others }, children);
-    }
-    return /* @__PURE__ */ React.createElement("div", { ref, className: "progress-container" }, /* @__PURE__ */ React.createElement("progress", { id, className: classes, value, max, ...others }, value), (legendStart || legendCenter || legendEnd) && /* @__PURE__ */ React.createElement("div", { className: "progress-legends" }, legendStart && /* @__PURE__ */ React.createElement("div", { className: "progress-legend-start" }, /* @__PURE__ */ React.createElement(Text_default, null, legendStart)), legendCenter && /* @__PURE__ */ React.createElement("div", { className: "progress-legend-center" }, /* @__PURE__ */ React.createElement(Text_default, null, legendCenter)), legendEnd && /* @__PURE__ */ React.createElement("div", { className: "progress-legend-end" }, /* @__PURE__ */ React.createElement(Text_default, null, legendEnd))));
-  }
-);
-Progress.displayName = "Progress" /* Progress */;
-var Progress_default = Progress;
-
-export {
-  Progress_default
-};

package/lib/chunk-UXXUYCZ5.mjs

@@ -1,65 +0,0 @@
-"use client";
-import {
-  Column_native_default
-} from "./chunk-UV7KNMPY.mjs";
-import {
-  Columns_native_default
-} from "./chunk-5RU72DNI.mjs";
-import {
-  Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
-import {
-  Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-
-// components/select/option/SelectOption.native.tsx
-import * as React from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
-var SelectOption = React.forwardRef(
-  ({ disabled, children, onClick, label, iconName, ...others }, ref) => {
-    const { checked } = others;
-    const styles = StyleSheet.create({
-      container: {
-        backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "transparent"),
-        width: "100%",
-        paddingVertical: checked && !iconName ? 8.5 : 10
-      }
-    });
-    const textColor = React.useMemo(() => {
-      switch (true) {
-        case disabled === true:
-          return "DISABLED" /* DISABLED */;
-        default:
-          return "MAIN" /* MAIN */;
-      }
-    }, [disabled]);
-    const iconColor = React.useMemo(() => {
-      switch (true) {
-        case disabled === true:
-          return "DISABLED" /* DISABLED */;
-        default:
-          return "MAIN" /* MAIN */;
-      }
-    }, [disabled]);
-    const columnLabelSize = React.useMemo(() => {
-      return iconName ? checked && 10 || 11 : checked && 11 || 12;
-    }, [iconName, checked]);
-    return /* @__PURE__ */ React.createElement(TouchableOpacity, { ref, style: [styles.container], ...others, onPress: onClick }, /* @__PURE__ */ React.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, iconName && /* @__PURE__ */ React.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React.createElement(Icon_native_default, { size: "small" /* SMALL */, name: iconName, color: iconColor })), /* @__PURE__ */ React.createElement(Column_native_default, { size: columnLabelSize }, /* @__PURE__ */ React.createElement(
-      Text_native_default,
-      {
-        typo: [checked && "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */],
-        ...{ style: { paddingLeft: 8, color: getColorStyle(textColor) } }
-      },
-      children || label
-    )), checked && /* @__PURE__ */ React.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React.createElement(Icon_native_default, { size: "small" /* SMALL */, name: "tri-check", color: iconColor }))));
-  }
-);
-SelectOption.displayName = "SelectOption" /* SelectOption */;
-var SelectOption_native_default = SelectOption;
-
-export {
-  SelectOption_native_default
-};

package/lib/chunk-VAWKAIZG.mjs

@@ -1,59 +0,0 @@
-"use client";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-
-// components/segment-control/item/SegmentControlItem.native.tsx
-import React, { useEffect, useState } from "react";
-import { StyleSheet, Text, TouchableOpacity } from "react-native";
-var SegmentControlItem = React.forwardRef(
-  ({ active, children, onClick, disabled, ...others }, ref) => {
-    const [activeItem, setActiveItem] = useState(active || false);
-    const styles = StyleSheet.create({
-      tabsItem: {
-        flexDirection: "column",
-        flex: 1,
-        marginRight: 4,
-        borderRadius: 4,
-        alignItems: "center",
-        backgroundColor: activeItem && getColorStyle("MAIN" /* MAIN */) || disabled && getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) || getColorStyle("WHITE" /* BACKGROUND */)
-      },
-      text: {
-        paddingHorizontal: 10,
-        color: activeItem && getColorStyle("WHITE" /* BACKGROUND */) || !activeItem && disabled && getColorStyle("DISABLED" /* DISABLED */) || getColorStyle("MAIN" /* MAIN */),
-        marginVertical: 12,
-        fontSize: 16,
-        textAlign: "center",
-        textAlignVertical: "center",
-        fontWeight: activeItem ? "600" : "normal"
-      }
-    });
-    useEffect(() => {
-      setActiveItem(active || false);
-    }, [active]);
-    return /* @__PURE__ */ React.createElement(
-      TouchableOpacity,
-      {
-        ref,
-        disabled,
-        style: [styles.tabsItem],
-        onPress: (e) => {
-          if (!disabled) {
-            setActiveItem(active || false);
-            if (onClick) {
-              onClick(e);
-            }
-          }
-        },
-        ...others
-      },
-      children && typeof children.valueOf() === "string" && /* @__PURE__ */ React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
-    );
-  }
-);
-SegmentControlItem.displayName = "SegmentControlItem" /* SegmentControlItem */;
-var SegmentControlItem_native_default = SegmentControlItem;
-
-export {
-  SegmentControlItem_native_default
-};

package/lib/chunk-VECADRWL.mjs

@@ -1,75 +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/fab/Fab.tsx
-import clsx from "clsx";
-import React, { useEffect, useState } from "react";
-var Fab = React.forwardRef(
-  ({
-    children,
-    extended,
-    iconName,
-    accessibilityLabel,
-    onClick,
-    className,
-    id,
-    fixed = true,
-    top,
-    bottom,
-    left,
-    right,
-    disabled,
-    ...others
-  }, ref) => {
-    const { styled } = useTrilogyContext();
-    const [isExtended, setIsExtended] = useState(extended || false);
-    useEffect(() => {
-      setIsExtended(extended || false);
-    }, [isExtended]);
-    const positionStyle = top || bottom || left || right ? {
-      position: fixed ? "fixed" : "absolute",
-      top: top != null ? top : "auto",
-      bottom: bottom != null ? bottom : "auto",
-      left: left != null ? left : "auto",
-      right: right != null ? right : "auto"
-    } : {
-      position: "relative"
-    };
-    const _className = hashClass(styled, clsx("fab", extended && is("extended"), className));
-    return /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        ref,
-        id,
-        disabled,
-        "aria-label": accessibilityLabel,
-        onClick: (e) => {
-          onClick == null ? void 0 : onClick(e);
-          e.stopPropagation();
-        },
-        style: { ...positionStyle },
-        ...others,
-        className: _className
-      },
-      /* @__PURE__ */ React.createElement(Icon_default, { name: iconName }),
-      children
-    );
-  }
-);
-Fab.displayName = "Fab" /* Fab */;
-var Fab_default = Fab;
-
-export {
-  Fab_default
-};

package/lib/chunk-WM3KXXQX.mjs

@@ -1,58 +0,0 @@
-"use client";
-import {
-  TimelineItemContext
-} from "./chunk-JDN37IEF.mjs";
-import {
-  TimelineHeightContext
-} from "./chunk-3SDJGR37.mjs";
-import {
-  Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
-
-// components/timeline/marker/TimelineMarker.native.tsx
-import React, { useContext } from "react";
-import { StyleSheet, View } from "react-native";
-var TimelineMarker = React.forwardRef(
-  ({ iconName }, ref) => {
-    const { active, done, cancel } = useContext(TimelineItemContext);
-    const { height } = useContext(TimelineHeightContext);
-    const styles = StyleSheet.create({
-      marker: {
-        flex: 1,
-        alignSelf: "flex-start",
-        flexDirection: "column"
-      },
-      divider: {
-        top: 8 /* TWO */,
-        height: height ? height - 48 : 74,
-        borderStyle: "solid",
-        borderLeftWidth: 2,
-        marginLeft: "auto",
-        marginRight: "auto",
-        borderColor: active && getColorStyle("MAIN" /* MAIN */) || cancel && getColorStyle("NEUTRAL" /* NEUTRAL */) || done && getColorStyle("MAIN" /* MAIN */) || getColorStyle("NEUTRAL" /* NEUTRAL */)
-      },
-      icon: {
-        alignSelf: "center"
-      }
-    });
-    return /* @__PURE__ */ React.createElement(View, { ref, style: styles.marker }, /* @__PURE__ */ React.createElement(View, { style: styles.icon }, /* @__PURE__ */ React.createElement(
-      Icon_native_default,
-      {
-        name: iconName,
-        circled: true,
-        color: active && "WHITE" /* BACKGROUND */ || cancel && "NEUTRAL_FADE" /* NEUTRAL_FADE */ || done && "WHITE" /* BACKGROUND */ || "WHITE" /* BACKGROUND */,
-        backgroundColor: active && "MAIN" /* MAIN */ || cancel && "NEUTRAL" /* NEUTRAL */ || done && "MAIN" /* MAIN */ || "NEUTRAL" /* NEUTRAL */,
-        size: "small" /* SMALL */
-      }
-    )), /* @__PURE__ */ React.createElement(View, { style: styles.divider }));
-  }
-);
-TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
-var TimelineMarker_native_default = TimelineMarker;
-
-export {
-  TimelineMarker_native_default
-};

package/lib/chunk-XPCXYBYT.mjs

@@ -1,29 +0,0 @@
-"use client";
-import {
-  index_native_default
-} from "./chunk-PBPNVWL2.mjs";
-import {
-  SpacingMatrixMode
-} from "./chunk-DU46N4OG.mjs";
-import {
-  SpacerSize
-} from "./chunk-IJCGAWJK.mjs";
-
-// components/checkbox/list/CheckboxList.native.tsx
-import * as React from "react";
-var { THREE, TWO } = SpacerSize;
-var { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
-var SPACING_MATRIX = [
-  [INSERT_SPACE_BETWEEN, "Checkbox", "Divider", TWO],
-  [INSERT_SPACE_BETWEEN, "Divider", "Checkbox", TWO],
-  [INSERT_SPACE_BETWEEN, "Checkbox", "Checkbox", THREE]
-];
-var CheckboxList = React.forwardRef(({ children }, ref) => {
-  return /* @__PURE__ */ React.createElement(index_native_default, { ...{ autolayout: SPACING_MATRIX, children } });
-});
-CheckboxList.displayName = "CheckboxList" /* CheckboxList */;
-var CheckboxList_native_default = CheckboxList;
-
-export {
-  CheckboxList_native_default
-};

package/lib/components/checkbox/tiles/tile/CheckboxTileProps.mjs

@@ -1,2 +0,0 @@
-"use client";
-import "../../../../chunk-IK3CWSC6.mjs";

package/lib/components/flex-box/DirectionDefaults.js

@@ -1,32 +0,0 @@
-export default {
-  "mobile": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "row",
-      "column",
-      "row",
-      "column"
-    ]
-  },
-  "tablet": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "row",
-      "column",
-      "row",
-      "column"
-    ]
-  },
-  "desktop": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "row",
-      "column",
-      "row",
-      "column"
-    ]
-  }
-};

package/lib/components/flex-box/FlexBoxSizeDefaults.js

@@ -1,53 +0,0 @@
-export default {
-  "mobile": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      0,
-      1,
-      2,
-      3,
-      4,
-      5,
-      6,
-      7,
-      8,
-      9,
-      10
-    ]
-  },
-  "tablet": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      0,
-      1,
-      2,
-      3,
-      4,
-      5,
-      6,
-      7,
-      8,
-      9,
-      10
-    ]
-  },
-  "desktop": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      0,
-      1,
-      2,
-      3,
-      4,
-      5,
-      6,
-      7,
-      8,
-      9,
-      10
-    ]
-  }
-};

package/lib/components/icon/IconProps.mjs

@@ -1,2 +0,0 @@
-"use client";
-import "../../chunk-YK5HPRX4.mjs";