@player-ui/reference-assets-plugin-react 0.8.0--canary.307.9621 → 0.8.0-next.0

package/dist/index.cjs.js

@@ -1,501 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var assetProviderPluginReact = require('@player-ui/asset-provider-plugin-react');
-var react = require('@chakra-ui/react');
-var referenceAssetsPlugin = require('@player-ui/reference-assets-plugin');
-var react$1 = require('@player-ui/react');
-var beaconPluginReact = require('@player-ui/beacon-plugin-react');
-var makeClass = require('clsx');
-var icons = require('@chakra-ui/icons');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var makeClass__default = /*#__PURE__*/_interopDefaultLegacy(makeClass);
-
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    }
-  return a;
-};
-const defaultKeyStrings = [
-  "Delete",
-  "Backspace",
-  "Tab",
-  "Home",
-  "End",
-  "ArrowLeft",
-  "ArrowRight",
-  "ArrowUp",
-  "ArrowDown",
-  "Escape"
-];
-const getConfig = (userConfig = {}) => {
-  return __spreadValues$8({
-    liveFormat: true,
-    suppressBeacons: false,
-    quickFormatDelay: 200,
-    slowFormatDelay: 1e3,
-    slowFormatKeys: defaultKeyStrings,
-    decimalSymbol: ".",
-    prefix: "",
-    suffix: ""
-  }, userConfig);
-};
-const useInputBeacon = (props) => {
-  const beaconHandler = beaconPluginReact.useBeacon({ element: "text_input", asset: props });
-  return (newValue) => {
-    let action = "modified";
-    if (newValue === props.value) {
-      return;
-    }
-    if (newValue && !props.value) {
-      action = "added";
-    } else if (!newValue && props.value) {
-      action = "deleted";
-    }
-    beaconHandler({ action });
-  };
-};
-const useInputAsset = (props, config) => {
-  var _a;
-  const [localValue, setLocalValue] = React__default["default"].useState((_a = props.value) != null ? _a : "");
-  const formatTimerRef = React__default["default"].useRef(void 0);
-  const inputBeacon = useInputBeacon(props);
-  const {
-    liveFormat,
-    suppressBeacons,
-    quickFormatDelay,
-    slowFormatDelay,
-    slowFormatKeys,
-    decimalSymbol,
-    prefix,
-    suffix
-  } = getConfig(config);
-  function clearPending() {
-    if (formatTimerRef.current) {
-      clearTimeout(formatTimerRef.current);
-      formatTimerRef.current = void 0;
-    }
-  }
-  function getFormatDelaySpeed(e) {
-    const key = slowFormatKeys.every((k) => typeof k === "number") ? e.which : e.key;
-    return slowFormatKeys.includes(key) ? slowFormatDelay : quickFormatDelay;
-  }
-  function handleAffixOnFocus(target) {
-    let val = target.value;
-    if (suffix)
-      val = val.substring(0, val.indexOf(suffix));
-    if (prefix && !val.includes(prefix)) {
-      val = `${prefix}${val}`;
-    }
-    return val;
-  }
-  function handlePrefixEdgeCases(e) {
-    const target = e.target;
-    const start = target.selectionStart;
-    const end = target.selectionEnd;
-    const pl = prefix.length;
-    const atStart = start === pl;
-    const atEnd = end === pl;
-    if (start && end && start < pl) {
-      e.preventDefault();
-      target.setSelectionRange(pl, end - start + pl);
-    } else if (e.key === "ArrowLeft" && atStart || e.key === "Backspace" && atStart && atEnd || e.key === "Home") {
-      e.preventDefault();
-      target.setSelectionRange(prefix.length, prefix.length);
-    }
-  }
-  function formatValueWithAffix(value) {
-    if (!value)
-      return "";
-    return `${prefix}${value}${suffix}`;
-  }
-  const onKeyDownHandler = (currentValue) => {
-    var _a2;
-    const symbolPosition = currentValue.indexOf(decimalSymbol);
-    const newValue = (_a2 = props.format(currentValue)) != null ? _a2 : "";
-    const newSymbolPosition = newValue.indexOf(decimalSymbol);
-    if ((symbolPosition === -1 || symbolPosition === 0) && newSymbolPosition > 0) {
-      return {
-        newValue: newValue.includes(prefix) ? `${newValue}` : `${prefix}${newValue}`,
-        newCursorPosition: newValue.includes(prefix) ? newSymbolPosition : newSymbolPosition + prefix.length
-      };
-    }
-    return {
-      newValue: newValue.includes(prefix) ? `${newValue}` : `${prefix}${newValue}`
-    };
-  };
-  const onBlur = (e) => {
-    var _a2;
-    clearPending();
-    const formatted = (_a2 = prefix ? e.target.value.replace(prefix, "") : props.format(e.target.value)) != null ? _a2 : "";
-    if (formatted) {
-      props.set(formatted);
-      setLocalValue(formatValueWithAffix(formatted));
-    } else {
-      props.set("");
-      setLocalValue("");
-    }
-    if (!suppressBeacons) {
-      inputBeacon(formatted);
-    }
-  };
-  const onChange = (e) => {
-    setLocalValue(e.target.value);
-  };
-  const onKeyDown = (e) => {
-    clearPending();
-    if (prefix)
-      handlePrefixEdgeCases(e);
-    const target = e.target;
-    if (liveFormat) {
-      formatTimerRef.current = setTimeout(() => {
-        var _a2, _b;
-        const cursorPosition = target.selectionStart;
-        const currentValue = target.value;
-        if (cursorPosition !== currentValue.length) {
-          return;
-        }
-        const obj = onKeyDownHandler(currentValue);
-        setLocalValue(obj.newValue);
-        target.selectionStart = (_a2 = obj.newCursorPosition) != null ? _a2 : target.selectionStart;
-        target.selectionEnd = (_b = obj.newCursorPosition) != null ? _b : target.selectionEnd;
-      }, getFormatDelaySpeed(e));
-    }
-  };
-  const onFocus = (e) => {
-    const target = e.target;
-    const inputEmpty = target.value === "";
-    if (!inputEmpty && suffix || inputEmpty && prefix) {
-      setLocalValue(handleAffixOnFocus(target));
-    }
-  };
-  const propsValue = props.value;
-  React__default["default"].useEffect(() => {
-    setLocalValue(formatValueWithAffix(propsValue));
-  }, [propsValue]);
-  React__default["default"].useEffect(() => clearPending, []);
-  return {
-    onBlur,
-    onChange,
-    onKeyDown,
-    onFocus,
-    value: localValue
-  };
-};
-
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    }
-  return a;
-};
-const Input = (props) => {
-  const { validation, label, id, note } = props;
-  const inputProps = useInputAsset(props);
-  return /* @__PURE__ */ React__default["default"].createElement(react.FormControl, {
-    isInvalid: Boolean(validation)
-  }, label && /* @__PURE__ */ React__default["default"].createElement(react.FormLabel, {
-    htmlFor: id
-  }, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$7({}, label))), /* @__PURE__ */ React__default["default"].createElement(react.Input, __spreadValues$7({
-    id,
-    size: "md"
-  }, inputProps)), validation && /* @__PURE__ */ React__default["default"].createElement(react.FormErrorMessage, null, validation.message), note && /* @__PURE__ */ React__default["default"].createElement(react.FormHelperText, null, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$7({}, note))));
-};
-
-var __defProp$6 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const TextModifierContext = React__default["default"].createContext(void 0);
-const useText = (props) => {
-  let className;
-  const modifierContext = React.useContext(TextModifierContext);
-  if (props.modifiers && (modifierContext == null ? void 0 : modifierContext.getClassForModifier)) {
-    className = makeClass__default["default"](...props.modifiers.map(modifierContext.getClassForModifier));
-  }
-  return __spreadProps(__spreadValues$6({}, react$1.useAssetProps(props)), {
-    className,
-    children: props.value
-  });
-};
-
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-const getLinkModifier = (asset) => {
-  var _a;
-  return (_a = asset.modifiers) == null ? void 0 : _a.find((mod) => {
-    var _a2;
-    return mod.type === "link" && ((_a2 = mod.metaData) == null ? void 0 : _a2.ref) !== void 0;
-  });
-};
-const Text = (props) => {
-  const spanProps = useText(props);
-  const linkModifier = getLinkModifier(props);
-  const { value } = props;
-  if (linkModifier) {
-    return /* @__PURE__ */ React__default["default"].createElement(react.Link, {
-      href: linkModifier.metaData.ref
-    }, value);
-  }
-  return /* @__PURE__ */ React__default["default"].createElement("span", __spreadValues$5({}, spanProps), value);
-};
-
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-const Collection = (props) => {
-  var _a;
-  return /* @__PURE__ */ React__default["default"].createElement(react.Flex, {
-    direction: "column",
-    gap: "5"
-  }, props.label && /* @__PURE__ */ React__default["default"].createElement("h3", null, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$4({}, props.label))), (_a = props.values) == null ? void 0 : _a.map((a) => /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$4({
-    key: a.asset.id
-  }, a))));
-};
-
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-const useAction = (props) => {
-  const { label } = props;
-  const beacon = beaconPluginReact.useBeacon({
-    asset: props,
-    action: "clicked",
-    element: "button"
-  });
-  return {
-    id: props.id,
-    onClick: () => {
-      beacon();
-      props.run();
-    },
-    children: (label == null ? void 0 : label.asset) ? /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$3({}, label == null ? void 0 : label.asset)) : null
-  };
-};
-
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-const Action = (props) => {
-  var _a;
-  const { label } = props;
-  const buttonProps = useAction(props);
-  return /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(react.Button, __spreadValues$2({
-    variant: referenceAssetsPlugin.isBackAction(props) ? "ghost" : "solid"
-  }, buttonProps), ((_a = props == null ? void 0 : props.metaData) == null ? void 0 : _a.role) === "back" && /* @__PURE__ */ React__default["default"].createElement(icons.ChevronLeftIcon, null), label && /* @__PURE__ */ React__default["default"].createElement(react.Text, null, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$2({}, label)))));
-};
-
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-const Info = (props) => {
-  var _a, _b, _c, _d;
-  return /* @__PURE__ */ React__default["default"].createElement(react.Box, {
-    minW: { base: void 0, md: "md" }
-  }, /* @__PURE__ */ React__default["default"].createElement(react.Stack, {
-    gap: "10"
-  }, props.title && /* @__PURE__ */ React__default["default"].createElement(react.Heading, {
-    size: "lg",
-    as: "h1"
-  }, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$1({}, props.title))), props.subTitle && /* @__PURE__ */ React__default["default"].createElement(react.Heading, {
-    size: "md",
-    as: "h3"
-  }, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$1({}, props.subTitle))), /* @__PURE__ */ React__default["default"].createElement(react.Box, null, props.primaryInfo && /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$1({}, props.primaryInfo))), /* @__PURE__ */ React__default["default"].createElement(react.Stack, {
-    gap: "4"
-  }, (props == null ? void 0 : props.segmentedActions) && /* @__PURE__ */ React__default["default"].createElement(react.Divider, null), /* @__PURE__ */ React__default["default"].createElement(react.HStack, {
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ React__default["default"].createElement(react.ButtonGroup, {
-    spacing: "6"
-  }, (_b = (_a = props == null ? void 0 : props.segmentedActions) == null ? void 0 : _a.prev) == null ? void 0 : _b.map((a) => /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$1({
-    key: a.asset.id
-  }, a)))), /* @__PURE__ */ React__default["default"].createElement(react.ButtonGroup, {
-    spacing: "6"
-  }, (_d = (_c = props == null ? void 0 : props.segmentedActions) == null ? void 0 : _c.next) == null ? void 0 : _d.map((a) => /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues$1({
-    key: a.asset.id
-  }, a))))))));
-};
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-const Image = (props) => {
-  const { metaData, caption, altText } = props;
-  console.log(props);
-  return /* @__PURE__ */ React__default["default"].createElement("figure", {
-    className: "figure"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "figure-img img-fluid",
-    src: metaData.ref,
-    alt: altText
-  }), caption && /* @__PURE__ */ React__default["default"].createElement("figcaption", {
-    className: "figure-caption",
-    style: { marginTop: 15 }
-  }, /* @__PURE__ */ React__default["default"].createElement(react$1.ReactAsset, __spreadValues({}, caption))));
-};
-
-const OptionalChakraThemeProvider = (props) => {
-  const theme = react.useTheme();
-  if (theme) {
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, props.children);
-  }
-  return /* @__PURE__ */ React__default["default"].createElement(react.ChakraProvider, null, props.children);
-};
-class ReferenceAssetsPlugin {
-  constructor() {
-    this.name = "reference-assets-web-plugin";
-  }
-  applyReact(reactPlayer) {
-    reactPlayer.registerPlugin(new assetProviderPluginReact.AssetProviderPlugin([
-      ["input", Input],
-      ["text", Text],
-      ["action", Action],
-      ["info", Info],
-      ["collection", Collection],
-      ["image", Image]
-    ]));
-    reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
-      return () => {
-        return /* @__PURE__ */ React__default["default"].createElement(OptionalChakraThemeProvider, null, /* @__PURE__ */ React__default["default"].createElement(Comp, null));
-      };
-    });
-  }
-  apply(player) {
-    player.registerPlugin(new referenceAssetsPlugin.ReferenceAssetsPlugin());
-  }
-}
-
-exports.Action = Action;
-exports.Collection = Collection;
-exports.Image = Image;
-exports.Info = Info;
-exports.Input = Input;
-exports.ReferenceAssetsPlugin = ReferenceAssetsPlugin;
-exports.Text = Text;
-exports.TextModifierContext = TextModifierContext;
-exports.getConfig = getConfig;
-exports.getLinkModifier = getLinkModifier;
-exports.useAction = useAction;
-exports.useInputAsset = useInputAsset;
-exports.useInputBeacon = useInputBeacon;
-exports.useText = useText;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -1,94 +0,0 @@
-import { ReactPlayerPlugin, ReactPlayer } from '@player-ui/react';
-import { ExtendedPlayerPlugin, Player } from '@player-ui/player';
-import { InputAsset, TextAsset, ActionAsset, CollectionAsset, InfoAsset, TransformedInput, LinkModifier, TransformedAction, InfoAssetTransform, TransformedImage } from '@player-ui/reference-assets-plugin';
-import React from 'react';
-
-/**
- * A plugin to register the base reference assets
- */
-declare class ReferenceAssetsPlugin implements ReactPlayerPlugin, ExtendedPlayerPlugin<[
-    InputAsset,
-    TextAsset,
-    ActionAsset,
-    CollectionAsset
-], [
-    InfoAsset
-]> {
-    name: string;
-    applyReact(reactPlayer: ReactPlayer): void;
-    apply(player: Player): void;
-}
-
-/** An Input */
-declare const Input: (props: TransformedInput) => JSX.Element;
-
-interface InputHookConfig {
-    /** Format the input as the user keys down */
-    liveFormat?: boolean;
-    /** Skip sending beacon events for this input */
-    suppressBeacons?: boolean;
-    /** Time (ms) to wait before formatting the user input for normal keys */
-    quickFormatDelay?: number;
-    /** Time (ms) to wait before formatting the input after the user types a special _slow_ format key */
-    slowFormatDelay?: number;
-    /** Keys to use a slower formatter for. Usually reserved for backspace, arrows, tabs, etc */
-    slowFormatKeys?: Array<number | string>;
-    /** Symbol to be used for decimal point */
-    decimalSymbol?: string;
-    /** Affix to append to value - does not save to model and is only for display on input */
-    prefix?: string;
-    /** Affix to prepend to value - does not save to model and is only for display on input */
-    suffix?: string;
-}
-/** Create a valid config mixing in defaults and user overrides */
-declare const getConfig: (userConfig?: InputHookConfig) => Required<InputHookConfig>;
-/** A hook to manage beacon changes for input assets */
-declare const useInputBeacon: (props: TransformedInput) => (newValue: string) => void;
-/**
- * A hook to manage an input html element as an asset.
- * The hook returns an object containing props that are expected to reside on any html input.
- * It will handle formatting, setting values, beaconing, aria-labels, etc.
- *
- * @param props - The output of the input transform
- * @param config - Local config to manage user interaction overrides
- */
-declare const useInputAsset: (props: TransformedInput, config?: InputHookConfig | undefined) => {
-    onBlur: React.FocusEventHandler<HTMLInputElement>;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    onFocus: React.FocusEventHandler<HTMLInputElement>;
-    value: string;
-};
-
-/** Find any link modifiers on the text */
-declare const getLinkModifier: (asset: TextAsset) => LinkModifier | undefined;
-/** A text asset */
-declare const Text: (props: TextAsset) => JSX.Element;
-
-interface TextModifierContextType {
-    getClassForModifier?<T>(modifier: T): string | undefined;
-}
-declare const TextModifierContext: React.Context<TextModifierContextType | undefined>;
-/** Get the props for a basic text element */
-declare const useText: (props: TextAsset) => JSX.IntrinsicElements['span'];
-
-declare const Collection: (props: CollectionAsset) => JSX.Element;
-
-/**
- * An action that a user can take
- */
-declare const Action: (props: TransformedAction) => JSX.Element;
-
-/** Hook to get all the props for a button */
-declare const useAction: (props: TransformedAction) => {
-    readonly id: string;
-    readonly onClick: () => void;
-    readonly children: JSX.Element | null;
-};
-
-/** The info view type is used to show information to the user */
-declare const Info: (props: InfoAssetTransform) => JSX.Element;
-
-declare const Image: (props: TransformedImage) => JSX.Element;
-
-export { Action, Collection, Image, Info, Input, InputHookConfig, ReferenceAssetsPlugin, Text, TextModifierContext, TextModifierContextType, getConfig, getLinkModifier, useAction, useInputAsset, useInputBeacon, useText };