@jakubmazanec/cli 0.1.0-9029e49

package/dist/ui/form/SelectInput.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import _ from 'lodash';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import * as colors from '../colors.js';
+import * as icons from '../icons.js';
+import { rotate } from '../internals.js';
+/**
+ * Select input component.
+ */ export function SelectInput({ label , items =[] , focus =true , initialIndex =0 , limit: customLimit , onSelect , onHighlight , marginTop =0 , isComplete , ...boxProps }) {
+    var _items_selectedIndex, _items_selectedIndex1;
+    let [rotateIndex, setRotateIndex] = useState(0);
+    let [selectedIndex, setSelectedIndex] = useState(initialIndex);
+    let hasLimit = typeof customLimit === 'number' && items.length > customLimit;
+    let limit = hasLimit ? Math.min(customLimit, items.length) : items.length;
+    let previousItems = useRef(items);
+    useEffect(()=>{
+        if (!_.isEqual(previousItems.current.map((item)=>item.value), items.map((item)=>item.value))) {
+            setRotateIndex(0);
+            setSelectedIndex(0);
+        }
+        previousItems.current = items;
+    }, [
+        items
+    ]);
+    let inputHandler = useCallback((input, key)=>{
+        if (input === 'k' || key.upArrow) {
+            let lastIndex = (hasLimit ? limit : items.length) - 1;
+            let atFirstIndex = selectedIndex === 0;
+            let nextIndex = hasLimit ? selectedIndex : lastIndex;
+            let nextRotateIndex = atFirstIndex ? rotateIndex + 1 : rotateIndex;
+            let nextSelectedIndex = atFirstIndex ? nextIndex : selectedIndex - 1;
+            setRotateIndex(nextRotateIndex);
+            setSelectedIndex(nextSelectedIndex);
+            let slicedItems = hasLimit ? rotate(items, nextRotateIndex).slice(0, limit) : items;
+            if (typeof onHighlight === 'function') {
+                onHighlight(slicedItems[nextSelectedIndex]);
+            }
+        }
+        if (input === 'j' || key.downArrow) {
+            let isAtLastIndex = selectedIndex === (hasLimit ? limit : items.length) - 1;
+            let nextIndex = hasLimit ? selectedIndex : 0;
+            let nextRotateIndex = isAtLastIndex ? rotateIndex - 1 : rotateIndex;
+            let nextSelectedIndex = isAtLastIndex ? nextIndex : selectedIndex + 1;
+            setRotateIndex(nextRotateIndex);
+            setSelectedIndex(nextSelectedIndex);
+            let slicedItems = hasLimit ? rotate(items, nextRotateIndex).slice(0, limit) : items;
+            if (typeof onHighlight === 'function') {
+                onHighlight(slicedItems[nextSelectedIndex]);
+            }
+        }
+        if (key.return) {
+            let slicedItems = hasLimit ? rotate(items, rotateIndex).slice(0, limit) : items;
+            if (typeof onSelect === 'function') {
+                onSelect(slicedItems[selectedIndex]);
+            }
+        }
+    }, [
+        hasLimit,
+        limit,
+        rotateIndex,
+        selectedIndex,
+        items,
+        onSelect,
+        onHighlight
+    ]);
+    useInput(inputHandler, {
+        isActive: focus
+    });
+    let visibleItem = hasLimit ? rotate(items, rotateIndex).slice(0, limit) : items;
+    return /*#__PURE__*/ _jsxs(Box, {
+        ...boxProps,
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                marginRight: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    children: isComplete ? icons.success : icons.question
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                flexDirection: "column",
+                children: [
+                    /*#__PURE__*/ _jsx(Box, {
+                        marginRight: 1,
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: colors.highlighted,
+                            children: label
+                        })
+                    }),
+                    isComplete ? /*#__PURE__*/ _jsx(Text, {
+                        color: colors.body,
+                        children: ((_items_selectedIndex = items[selectedIndex]) === null || _items_selectedIndex === void 0 ? void 0 : _items_selectedIndex.label) ?? String((_items_selectedIndex1 = items[selectedIndex]) === null || _items_selectedIndex1 === void 0 ? void 0 : _items_selectedIndex1.value)
+                    }) : /*#__PURE__*/ _jsx(Box, {
+                        flexDirection: "column",
+                        children: visibleItem.map((item, index)=>{
+                            let isSelected = index === selectedIndex;
+                            return /*#__PURE__*/ _jsxs(Box, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        marginRight: 1,
+                                        children: isSelected ? /*#__PURE__*/ _jsx(Text, {
+                                            color: colors.selected,
+                                            children: icons.selectedCircle
+                                        }) : /*#__PURE__*/ _jsx(Text, {
+                                            color: colors.unselected,
+                                            children: icons.unselectedCircle
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        color: isSelected ? colors.highlighted : colors.muted,
+                                        children: `${item.label}`
+                                    })
+                                ]
+                            }, item.value);
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=SelectInput.js.map

package/dist/ui/form/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/SelectInput.tsx"],"sourcesContent":["import {Box, type BoxProps, Text, useInput, type Key} from 'ink';\nimport _ from 'lodash';\nimport {useState, useEffect, useRef, useCallback} from 'react';\n\nimport {type SelectInputItem} from './SelectInputItem.js';\nimport * as colors from '../colors.js';\nimport * as icons from '../icons.js';\nimport {rotate} from '../internals.js';\n\n/**\n * Select input component props.\n */\ntype SelectInputProps = BoxProps & {\n  /** Text to display as a label. */\n  label: string;\n\n  /** Items to display in a list. */\n  items: SelectInputItem[];\n\n  /** Should component listen to Listen to user's input? Useful in case there are multiple input components at the same time and input must be \"routed\" to a specific component. */\n  focus?: boolean | undefined;\n\n  /** Index of initially selected item. */\n  initialIndex?: number | undefined;\n\n  /** Number of items to display. */\n  limit?: number | undefined;\n\n  /** Handler function that is called when item is selected. */\n  onSelect?: ((item: SelectInputItem) => void) | undefined;\n\n  /** Handler function that is called when item is highlighted. */\n  onHighlight?: ((item: SelectInputItem) => void) | undefined;\n\n  /** Indicates whether value has been accepted. Component then doesn't accept more input. */\n  isComplete?: boolean | undefined;\n};\n\n/**\n * Select input component.\n */\nexport function SelectInput({\n  label,\n  items = [],\n  focus = true,\n  initialIndex = 0,\n  limit: customLimit,\n  onSelect,\n  onHighlight,\n  marginTop = 0,\n  isComplete,\n  ...boxProps\n}: SelectInputProps): JSX.Element {\n  let [rotateIndex, setRotateIndex] = useState(0);\n  let [selectedIndex, setSelectedIndex] = useState(initialIndex);\n  let hasLimit = typeof customLimit === 'number' && items.length > customLimit;\n  let limit = hasLimit ? Math.min(customLimit as number, items.length) : items.length;\n  let previousItems = useRef<SelectInputItem[]>(items);\n\n  useEffect(() => {\n    if (\n      !_.isEqual(\n        previousItems.current.map((item) => item.value),\n        items.map((item) => item.value),\n      )\n    ) {\n      setRotateIndex(0);\n      setSelectedIndex(0);\n    }\n\n    previousItems.current = items;\n  }, [items]);\n\n  let inputHandler = useCallback(\n    (input: string, key: Key) => {\n      if (input === 'k' || key.upArrow) {\n        let lastIndex = (hasLimit ? limit : items.length) - 1;\n        let atFirstIndex = selectedIndex === 0;\n        let nextIndex = hasLimit ? selectedIndex : lastIndex;\n        let nextRotateIndex = atFirstIndex ? rotateIndex + 1 : rotateIndex;\n        let nextSelectedIndex = atFirstIndex ? nextIndex : selectedIndex - 1;\n\n        setRotateIndex(nextRotateIndex);\n        setSelectedIndex(nextSelectedIndex);\n\n        let slicedItems = hasLimit ? rotate(items, nextRotateIndex).slice(0, limit) : items;\n\n        if (typeof onHighlight === 'function') {\n          onHighlight(slicedItems[nextSelectedIndex] as SelectInputItem);\n        }\n      }\n\n      if (input === 'j' || key.downArrow) {\n        let isAtLastIndex = selectedIndex === (hasLimit ? limit : items.length) - 1;\n        let nextIndex = hasLimit ? selectedIndex : 0;\n        let nextRotateIndex = isAtLastIndex ? rotateIndex - 1 : rotateIndex;\n        let nextSelectedIndex = isAtLastIndex ? nextIndex : selectedIndex + 1;\n\n        setRotateIndex(nextRotateIndex);\n        setSelectedIndex(nextSelectedIndex);\n\n        let slicedItems = hasLimit ? rotate(items, nextRotateIndex).slice(0, limit) : items;\n\n        if (typeof onHighlight === 'function') {\n          onHighlight(slicedItems[nextSelectedIndex] as SelectInputItem);\n        }\n      }\n\n      if (key.return) {\n        let slicedItems = hasLimit ? rotate(items, rotateIndex).slice(0, limit) : items;\n\n        if (typeof onSelect === 'function') {\n          onSelect(slicedItems[selectedIndex] as SelectInputItem);\n        }\n      }\n    },\n    [hasLimit, limit, rotateIndex, selectedIndex, items, onSelect, onHighlight],\n  );\n\n  useInput(inputHandler, {isActive: focus});\n\n  let visibleItem: SelectInputItem[] = hasLimit\n    ? rotate(items, rotateIndex).slice(0, limit)\n    : items;\n\n  return (\n    <Box {...boxProps}>\n      <Box marginRight={1}>\n        <Text>{isComplete ? icons.success : icons.question}</Text>\n      </Box>\n\n      <Box flexDirection=\"column\">\n        <Box marginRight={1}>\n          <Text color={colors.highlighted}>{label}</Text>\n        </Box>\n        {isComplete ? (\n          <Text color={colors.body}>\n            {items[selectedIndex]?.label ?? String(items[selectedIndex]?.value)}\n          </Text>\n        ) : (\n          <Box flexDirection=\"column\">\n            {visibleItem.map((item, index) => {\n              let isSelected = index === selectedIndex;\n\n              return (\n                <Box key={item.value}>\n                  <Box marginRight={1}>\n                    {isSelected ? (\n                      <Text color={colors.selected}>{icons.selectedCircle}</Text>\n                    ) : (\n                      <Text color={colors.unselected}>{icons.unselectedCircle}</Text>\n                    )}\n                  </Box>\n                  <Text\n                    color={isSelected ? colors.highlighted : colors.muted}\n                  >{`${item.label}`}</Text>\n                </Box>\n              );\n            })}\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["Box","Text","useInput","_","useState","useEffect","useRef","useCallback","colors","icons","rotate","SelectInput","label","items","focus","initialIndex","limit","customLimit","onSelect","onHighlight","marginTop","isComplete","boxProps","rotateIndex","setRotateIndex","selectedIndex","setSelectedIndex","hasLimit","length","Math","min","previousItems","isEqual","current","map","item","value","inputHandler","input","key","upArrow","lastIndex","atFirstIndex","nextIndex","nextRotateIndex","nextSelectedIndex","slicedItems","slice","downArrow","isAtLastIndex","return","isActive","visibleItem","marginRight","success","question","flexDirection","color","highlighted","body","String","index","isSelected","selected","selectedCircle","unselected","unselectedCircle","muted"],"mappings":"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"}

package/dist/ui/form/SelectInputItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Select input item.
+ */
+export type SelectInputItem = {
+    /** Text to display as a label. */
+    label: string;
+    /** Value. */
+    value: string;
+};

package/dist/ui/form/SelectInputItem.js

@@ -0,0 +1,5 @@
+/**
+ * Select input item.
+ */ export { };
+
+//# sourceMappingURL=SelectInputItem.js.map

package/dist/ui/form/SelectInputItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/SelectInputItem.ts"],"sourcesContent":["/**\n * Select input item.\n */\nexport type SelectInputItem = {\n  /** Text to display as a label. */\n  label: string;\n\n  /** Value. */\n  value: string;\n};\n"],"names":[],"mappings":"AAAA;;CAEC,GACD,WAME"}

package/dist/ui/form/TextInput.d.ts

@@ -0,0 +1,30 @@
+import { type BoxProps } from 'ink';
+/**
+ * Text input component props.
+ */
+export type TextInputProps = BoxProps & {
+    /** Text to display as a label. */
+    label: string;
+    /** Text to display when `value` is empty. */
+    placeholder?: string | undefined;
+    /** Value. */
+    value: string;
+    /** Should component listen to Listen to user's input? Useful in case there are multiple input components at the same time and input must be "routed" to a specific component. */
+    focus?: boolean | undefined;
+    /** Replace all chars and mask the value. Useful for password inputs. */
+    mask?: string | undefined;
+    /** Show cursor and allow navigation using arrow keys. */
+    showCursor?: boolean | undefined;
+    /** Validation function that is called when value changes. If this function throws an error*/
+    validate?: ((value: string) => void) | undefined;
+    /** Handler function that is called when value changes. */
+    onChange: (value: string) => void;
+    /** Handler function that is called when enter is pressed. */
+    onSubmit?: ((value: string) => void) | undefined;
+    /** Indicates whether value has been accepted. Component then doesn't accept more input. */
+    isComplete?: boolean | undefined;
+};
+/**
+ * Text input component.
+ */
+export declare function TextInput({ label, validate, isComplete, value: originalValue, placeholder, focus, mask, showCursor, onChange, onSubmit, ...boxProps }: TextInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/TextInput.js

@@ -0,0 +1,155 @@
+// TODO: resolve
+/* eslint-disable complexity -- TODO */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import chalk from 'chalk';
+import { Box, Text, useInput } from 'ink';
+import { useEffect, useState } from 'react';
+import * as colors from '../colors.js';
+import * as icons from '../icons.js';
+/**
+ * Text input component.
+ */ export function TextInput({ label , validate , isComplete , value: originalValue , placeholder ='' , focus =true , mask , showCursor =true , onChange , onSubmit , ...boxProps }) {
+    let [validationError, setValidationError] = useState('');
+    let [state, setState] = useState({
+        cursorOffset: (originalValue || '').length,
+        cursorWidth: 0
+    });
+    useEffect(()=>{
+        setState((previousState)=>{
+            if (!focus || !showCursor) {
+                return previousState;
+            }
+            let newValue = originalValue || '';
+            if (previousState.cursorOffset > newValue.length - 1) {
+                return {
+                    cursorOffset: newValue.length,
+                    cursorWidth: 0
+                };
+            }
+            return previousState;
+        });
+    }, [
+        originalValue,
+        focus,
+        showCursor
+    ]);
+    let value = mask ? mask.repeat(originalValue.length) : originalValue;
+    let renderedValue = value;
+    let renderedPlaceholder = placeholder ? chalk[colors.muted](placeholder) : undefined;
+    // fake mouse cursor; dealing with with actual cursor and ANSI escape codes is inconvinient
+    if (showCursor && focus) {
+        renderedPlaceholder = placeholder.length > 0 ? chalk.inverse(placeholder[0]) + chalk[colors.muted](placeholder.slice(1)) : chalk.inverse(' ');
+        renderedValue = value.length > 0 ? '' : chalk.inverse(' ');
+        let i = 0;
+        for (let char of value){
+            if (i >= state.cursorOffset && i <= state.cursorOffset) {
+                renderedValue += chalk.inverse(char);
+            } else {
+                renderedValue += char;
+            }
+            i += 1;
+        }
+        if (value.length > 0 && state.cursorOffset === value.length) {
+            renderedValue += chalk.inverse(' ');
+        }
+    }
+    useInput((input, key)=>{
+        if (key.upArrow || key.downArrow || key.ctrl && input === 'c' || key.shift && key.tab || key.tab) {
+            return;
+        }
+        if (key.return) {
+            if (onSubmit) {
+                if (validate) {
+                    try {
+                        validate(originalValue);
+                    } catch (error) {
+                        setValidationError(error.message);
+                        return;
+                    }
+                }
+                if (validationError) {
+                    setValidationError('');
+                } else {
+                    onSubmit(originalValue);
+                }
+            }
+            return;
+        }
+        let nextCursorOffset = state.cursorOffset;
+        let nextValue = originalValue;
+        let nextCursorWidth = 0;
+        if (key.leftArrow) {
+            if (showCursor) {
+                nextCursorOffset -= 1;
+            }
+        } else if (key.rightArrow) {
+            if (showCursor) {
+                nextCursorOffset += 1;
+            }
+        } else if (key.backspace || key.delete) {
+            if (state.cursorOffset > 0) {
+                nextValue = originalValue.slice(0, state.cursorOffset - 1) + originalValue.slice(state.cursorOffset, originalValue.length);
+                nextCursorOffset -= 1;
+            }
+        } else {
+            nextValue = originalValue.slice(0, state.cursorOffset) + input + originalValue.slice(state.cursorOffset, originalValue.length);
+            nextCursorOffset += input.length;
+            if (input.length > 1) {
+                nextCursorWidth = input.length;
+            }
+        }
+        if (state.cursorOffset < 0) {
+            nextCursorOffset = 0;
+        }
+        if (state.cursorOffset > originalValue.length) {
+            nextCursorOffset = originalValue.length;
+        }
+        setState({
+            cursorOffset: nextCursorOffset,
+            cursorWidth: nextCursorWidth
+        });
+        if (nextValue !== originalValue) {
+            onChange(nextValue);
+        }
+    }, {
+        isActive: focus
+    });
+    return /*#__PURE__*/ _jsxs(Box, {
+        ...boxProps,
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                marginRight: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    children: isComplete ? icons.success : icons.question
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                flexDirection: "column",
+                children: [
+                    /*#__PURE__*/ _jsx(Box, {
+                        marginRight: 1,
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: colors.highlighted,
+                            children: label
+                        })
+                    }),
+                    isComplete ? /*#__PURE__*/ _jsx(Text, {
+                        color: colors.body,
+                        children: value
+                    }) : /*#__PURE__*/ _jsx(Text, {
+                        color: colors.highlighted,
+                        children: placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue
+                    }),
+                    validationError ? /*#__PURE__*/ _jsx(Box, {
+                        marginTop: 0,
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: colors.warning,
+                            children: validationError
+                        })
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=TextInput.js.map

package/dist/ui/form/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/TextInput.tsx"],"sourcesContent":["// TODO: resolve\n/* eslint-disable complexity -- TODO */\nimport chalk from 'chalk';\nimport {Box, type BoxProps, Text, useInput} from 'ink';\nimport {useEffect, useState} from 'react';\n\nimport * as colors from '../colors.js';\nimport * as icons from '../icons.js';\n\n/**\n * Text input component props.\n */\nexport type TextInputProps = BoxProps & {\n  /** Text to display as a label. */\n  label: string;\n\n  /** Text to display when `value` is empty. */\n  placeholder?: string | undefined;\n\n  /** Value. */\n  value: string;\n\n  /** Should component listen to Listen to user's input? Useful in case there are multiple input components at the same time and input must be \"routed\" to a specific component. */\n  focus?: boolean | undefined;\n\n  /** Replace all chars and mask the value. Useful for password inputs. */\n  mask?: string | undefined;\n\n  /** Show cursor and allow navigation using arrow keys. */\n  showCursor?: boolean | undefined;\n\n  /** Validation function that is called when value changes. If this function throws an error*/\n  validate?: ((value: string) => void) | undefined;\n\n  /** Handler function that is called when value changes. */\n  onChange: (value: string) => void;\n\n  /** Handler function that is called when enter is pressed. */\n  onSubmit?: ((value: string) => void) | undefined;\n\n  /** Indicates whether value has been accepted. Component then doesn't accept more input. */\n  isComplete?: boolean | undefined;\n};\n\n/**\n * Text input component.\n */\nexport function TextInput({\n  label,\n  validate,\n  isComplete,\n  value: originalValue,\n  placeholder = '',\n  focus = true,\n  mask,\n  showCursor = true,\n  onChange,\n  onSubmit,\n  ...boxProps\n}: TextInputProps) {\n  let [validationError, setValidationError] = useState('');\n  let [state, setState] = useState({\n    cursorOffset: (originalValue || '').length,\n    cursorWidth: 0,\n  });\n\n  useEffect(() => {\n    setState((previousState) => {\n      if (!focus || !showCursor) {\n        return previousState;\n      }\n\n      let newValue = originalValue || '';\n\n      if (previousState.cursorOffset > newValue.length - 1) {\n        return {\n          cursorOffset: newValue.length,\n          cursorWidth: 0,\n        };\n      }\n\n      return previousState;\n    });\n  }, [originalValue, focus, showCursor]);\n\n  let value = mask ? mask.repeat(originalValue.length) : originalValue;\n  let renderedValue = value;\n  let renderedPlaceholder = placeholder ? chalk[colors.muted](placeholder) : undefined;\n\n  // fake mouse cursor; dealing with with actual cursor and ANSI escape codes is inconvinient\n  if (showCursor && focus) {\n    renderedPlaceholder =\n      placeholder.length > 0\n        ? chalk.inverse(placeholder[0]) + chalk[colors.muted](placeholder.slice(1))\n        : chalk.inverse(' ');\n\n    renderedValue = value.length > 0 ? '' : chalk.inverse(' ');\n\n    let i = 0;\n\n    for (let char of value) {\n      if (i >= state.cursorOffset && i <= state.cursorOffset) {\n        renderedValue += chalk.inverse(char);\n      } else {\n        renderedValue += char;\n      }\n\n      i += 1;\n    }\n\n    if (value.length > 0 && state.cursorOffset === value.length) {\n      renderedValue += chalk.inverse(' ');\n    }\n  }\n\n  useInput(\n    (input, key) => {\n      if (\n        key.upArrow ||\n        key.downArrow ||\n        (key.ctrl && input === 'c') ||\n        (key.shift && key.tab) ||\n        key.tab\n      ) {\n        return;\n      }\n\n      if (key.return) {\n        if (onSubmit) {\n          if (validate) {\n            try {\n              validate(originalValue);\n            } catch (error: unknown) {\n              setValidationError((error as Error).message);\n\n              return;\n            }\n          }\n\n          if (validationError) {\n            setValidationError('');\n          } else {\n            onSubmit(originalValue);\n          }\n        }\n\n        return;\n      }\n\n      let nextCursorOffset = state.cursorOffset;\n      let nextValue = originalValue;\n      let nextCursorWidth = 0;\n\n      if (key.leftArrow) {\n        if (showCursor) {\n          nextCursorOffset -= 1;\n        }\n      } else if (key.rightArrow) {\n        if (showCursor) {\n          nextCursorOffset += 1;\n        }\n      } else if (key.backspace || key.delete) {\n        if (state.cursorOffset > 0) {\n          nextValue =\n            originalValue.slice(0, state.cursorOffset - 1) +\n            originalValue.slice(state.cursorOffset, originalValue.length);\n\n          nextCursorOffset -= 1;\n        }\n      } else {\n        nextValue =\n          originalValue.slice(0, state.cursorOffset) +\n          input +\n          originalValue.slice(state.cursorOffset, originalValue.length);\n\n        nextCursorOffset += input.length;\n\n        if (input.length > 1) {\n          nextCursorWidth = input.length;\n        }\n      }\n\n      if (state.cursorOffset < 0) {\n        nextCursorOffset = 0;\n      }\n\n      if (state.cursorOffset > originalValue.length) {\n        nextCursorOffset = originalValue.length;\n      }\n\n      setState({\n        cursorOffset: nextCursorOffset,\n        cursorWidth: nextCursorWidth,\n      });\n\n      if (nextValue !== originalValue) {\n        onChange(nextValue);\n      }\n    },\n    {isActive: focus},\n  );\n\n  return (\n    <Box {...boxProps}>\n      <Box marginRight={1}>\n        <Text>{isComplete ? icons.success : icons.question}</Text>\n      </Box>\n\n      <Box flexDirection=\"column\">\n        <Box marginRight={1}>\n          <Text color={colors.highlighted}>{label}</Text>\n        </Box>\n        {isComplete ? (\n          <Text color={colors.body}>{value}</Text>\n        ) : (\n          <Text color={colors.highlighted}>\n            {placeholder ? (value.length > 0 ? renderedValue : renderedPlaceholder) : renderedValue}\n          </Text>\n        )}\n        {validationError ? (\n          <Box marginTop={0}>\n            <Text color={colors.warning}>{validationError}</Text>\n          </Box>\n        ) : null}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["chalk","Box","Text","useInput","useEffect","useState","colors","icons","TextInput","label","validate","isComplete","value","originalValue","placeholder","focus","mask","showCursor","onChange","onSubmit","boxProps","validationError","setValidationError","state","setState","cursorOffset","length","cursorWidth","previousState","newValue","repeat","renderedValue","renderedPlaceholder","muted","undefined","inverse","slice","i","char","input","key","upArrow","downArrow","ctrl","shift","tab","return","error","message","nextCursorOffset","nextValue","nextCursorWidth","leftArrow","rightArrow","backspace","delete","isActive","marginRight","success","question","flexDirection","color","highlighted","body","marginTop","warning"],"mappings":"AAAA,gBAAgB;AAChB,qCAAqC;AACrC,OAAOA,WAAW,QAAQ;AAC1B,SAAQC,GAAG,EAAiBC,IAAI,EAAEC,QAAQ,QAAO,MAAM;AACvD,SAAQC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAE1C,YAAYC,YAAY,eAAe;AACvC,YAAYC,WAAW,cAAc;AAqCrC;;CAEC,GACD,OAAO,SAASC,UAAU,EACxBC,MAAK,EACLC,SAAQ,EACRC,WAAU,EACVC,OAAOC,cAAa,EACpBC,aAAc,GAAE,EAChBC,OAAQ,KAAI,EACZC,KAAI,EACJC,YAAa,KAAI,EACjBC,SAAQ,EACRC,SAAQ,EACR,GAAGC,UACY;IACf,IAAI,CAACC,iBAAiBC,mBAAmB,GAAGjB,SAAS;IACrD,IAAI,CAACkB,OAAOC,SAAS,GAAGnB,SAAS;QAC/BoB,cAAc,AAACZ,CAAAA,iBAAiB,EAAC,EAAGa;QACpCC,aAAa;IACf;IAEAvB,UAAU;QACRoB,SAAS,CAACI;YACR,IAAI,CAACb,SAAS,CAACE,YAAY;gBACzB,OAAOW;YACT;YAEA,IAAIC,WAAWhB,iBAAiB;YAEhC,IAAIe,cAAcH,eAAeI,SAASH,SAAS,GAAG;gBACpD,OAAO;oBACLD,cAAcI,SAASH;oBACvBC,aAAa;gBACf;YACF;YAEA,OAAOC;QACT;IACF,GAAG;QAACf;QAAeE;QAAOE;KAAW;IAErC,IAAIL,QAAQI,OAAOA,KAAKc,OAAOjB,cAAca,UAAUb;IACvD,IAAIkB,gBAAgBnB;IACpB,IAAIoB,sBAAsBlB,cAAcd,KAAK,CAACM,OAAO2B,MAAM,CAACnB,eAAeoB;IAE3E,2FAA2F;IAC3F,IAAIjB,cAAcF,OAAO;QACvBiB,sBACElB,YAAYY,SAAS,IACjB1B,MAAMmC,QAAQrB,WAAW,CAAC,EAAE,IAAId,KAAK,CAACM,OAAO2B,MAAM,CAACnB,YAAYsB,MAAM,MACtEpC,MAAMmC,QAAQ;QAEpBJ,gBAAgBnB,MAAMc,SAAS,IAAI,KAAK1B,MAAMmC,QAAQ;QAEtD,IAAIE,IAAI;QAER,KAAK,IAAIC,QAAQ1B,MAAO;YACtB,IAAIyB,KAAKd,MAAME,gBAAgBY,KAAKd,MAAME,cAAc;gBACtDM,iBAAiB/B,MAAMmC,QAAQG;YACjC,OAAO;gBACLP,iBAAiBO;YACnB;YAEAD,KAAK;QACP;QAEA,IAAIzB,MAAMc,SAAS,KAAKH,MAAME,iBAAiBb,MAAMc,QAAQ;YAC3DK,iBAAiB/B,MAAMmC,QAAQ;QACjC;IACF;IAEAhC,SACE,CAACoC,OAAOC;QACN,IACEA,IAAIC,WACJD,IAAIE,aACHF,IAAIG,QAAQJ,UAAU,OACtBC,IAAII,SAASJ,IAAIK,OAClBL,IAAIK,KACJ;YACA;QACF;QAEA,IAAIL,IAAIM,QAAQ;YACd,IAAI3B,UAAU;gBACZ,IAAIT,UAAU;oBACZ,IAAI;wBACFA,SAASG;oBACX,EAAE,OAAOkC,OAAgB;wBACvBzB,mBAAmB,AAACyB,MAAgBC;wBAEpC;oBACF;gBACF;gBAEA,IAAI3B,iBAAiB;oBACnBC,mBAAmB;gBACrB,OAAO;oBACLH,SAASN;gBACX;YACF;YAEA;QACF;QAEA,IAAIoC,mBAAmB1B,MAAME;QAC7B,IAAIyB,YAAYrC;QAChB,IAAIsC,kBAAkB;QAEtB,IAAIX,IAAIY,WAAW;YACjB,IAAInC,YAAY;gBACdgC,oBAAoB;YACtB;QACF,OAAO,IAAIT,IAAIa,YAAY;YACzB,IAAIpC,YAAY;gBACdgC,oBAAoB;YACtB;QACF,OAAO,IAAIT,IAAIc,aAAad,IAAIe,QAAQ;YACtC,IAAIhC,MAAME,eAAe,GAAG;gBAC1ByB,YACErC,cAAcuB,MAAM,GAAGb,MAAME,eAAe,KAC5CZ,cAAcuB,MAAMb,MAAME,cAAcZ,cAAca;gBAExDuB,oBAAoB;YACtB;QACF,OAAO;YACLC,YACErC,cAAcuB,MAAM,GAAGb,MAAME,gBAC7Bc,QACA1B,cAAcuB,MAAMb,MAAME,cAAcZ,cAAca;YAExDuB,oBAAoBV,MAAMb;YAE1B,IAAIa,MAAMb,SAAS,GAAG;gBACpByB,kBAAkBZ,MAAMb;YAC1B;QACF;QAEA,IAAIH,MAAME,eAAe,GAAG;YAC1BwB,mBAAmB;QACrB;QAEA,IAAI1B,MAAME,eAAeZ,cAAca,QAAQ;YAC7CuB,mBAAmBpC,cAAca;QACnC;QAEAF,SAAS;YACPC,cAAcwB;YACdtB,aAAawB;QACf;QAEA,IAAID,cAAcrC,eAAe;YAC/BK,SAASgC;QACX;IACF,GACA;QAACM,UAAUzC;IAAK;IAGlB,qBACE,MAACd;QAAK,GAAGmB,QAAQ;;0BACf,KAACnB;gBAAIwD,aAAa;0BAChB,cAAA,KAACvD;8BAAMS,aAAaJ,MAAMmD,UAAUnD,MAAMoD;;;0BAG5C,MAAC1D;gBAAI2D,eAAc;;kCACjB,KAAC3D;wBAAIwD,aAAa;kCAChB,cAAA,KAACvD;4BAAK2D,OAAOvD,OAAOwD;sCAAcrD;;;oBAEnCE,2BACC,KAACT;wBAAK2D,OAAOvD,OAAOyD;kCAAOnD;uCAE3B,KAACV;wBAAK2D,OAAOvD,OAAOwD;kCACjBhD,cAAeF,MAAMc,SAAS,IAAIK,gBAAgBC,sBAAuBD;;oBAG7EV,gCACC,KAACpB;wBAAI+D,WAAW;kCACd,cAAA,KAAC9D;4BAAK2D,OAAOvD,OAAO2D;sCAAU5C;;yBAE9B;;;;;AAIZ"}

package/dist/ui/form/createForm.d.ts

@@ -0,0 +1,9 @@
+import { type Form } from './Form.js';
+import { type FormConfig } from './FormConfig.js';
+/**
+ * Creates form component that contains individual rows with inputs based on the provided config.
+ *
+ * @param formConfig Form configuration.
+ * @returns Form component.
+ */
+export declare function createForm<C extends FormConfig>(formConfig: C): Form<C>;

package/dist/ui/form/createForm.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from 'ink';
+import { useCallback } from 'react';
+import { FormRow } from './FormRow.js';
+/**
+ * Creates form component that contains individual rows with inputs based on the provided config.
+ *
+ * @param formConfig Form configuration.
+ * @returns Form component.
+ */ export function createForm(formConfig) {
+    let Form = ({ rows , values: results , onChange , onComplete: onFinish , ...boxProps })=>{
+        let handleChange = useCallback((value, rowName)=>{
+            if (onChange) {
+                onChange({
+                    ...results,
+                    [rowName]: {
+                        ...results[rowName],
+                        value
+                    }
+                });
+            }
+        }, [
+            onChange,
+            results
+        ]);
+        let handleFinish = useCallback((value, rowName)=>{
+            onFinish({
+                ...results,
+                [rowName]: {
+                    value,
+                    isComplete: true
+                }
+            });
+        }, [
+            onFinish,
+            results
+        ]);
+        let inputElements = [];
+        let activeInputName = null;
+        for (let [rowName] of Object.entries(formConfig.rows)){
+            if (!results[rowName].isComplete) {
+                activeInputName = String(rowName);
+                break;
+            }
+        }
+        for (let [rowName, input] of Object.entries(formConfig.rows)){
+            if (results[rowName].isComplete || rowName === activeInputName) {
+                inputElements.push(/*#__PURE__*/ _jsx(FormRow, {
+                    marginTop: inputElements.length === 0 ? 0 : 1,
+                    focus: rowName === activeInputName,
+                    isComplete: results[rowName].isComplete,
+                    config: input,
+                    rows: rows,
+                    rowName: rowName,
+                    value: results[rowName].value,
+                    onChange: handleChange,
+                    onComplete: handleFinish
+                }, rowName));
+            }
+        }
+        return /*#__PURE__*/ _jsx(Box, {
+            ...boxProps,
+            flexDirection: "column",
+            children: inputElements
+        });
+    };
+    return Object.assign(Form, {
+        config: formConfig
+    });
+}
+
+//# sourceMappingURL=createForm.js.map

package/dist/ui/form/createForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/createForm.tsx"],"sourcesContent":["import {Box, type BoxProps} from 'ink';\nimport {useCallback} from 'react';\n\nimport {type Form} from './Form.js';\nimport {type FormConfig} from './FormConfig.js';\nimport {type FormProps} from './FormProps.js';\nimport {FormRow} from './FormRow.js';\n\n/**\n * Creates form component that contains individual rows with inputs based on the provided config.\n *\n * @param formConfig Form configuration.\n * @returns Form component.\n */\nexport function createForm<C extends FormConfig>(formConfig: C): Form<C> {\n  let Form = ({\n    rows,\n    values: results,\n    onChange,\n    onComplete: onFinish,\n    ...boxProps\n  }: FormProps<C>) => {\n    let handleChange = useCallback(\n      (value: unknown, rowName: keyof C['rows']) => {\n        if (onChange) {\n          onChange({\n            ...results,\n            [rowName]: {\n              ...results[rowName],\n              value,\n            },\n          });\n        }\n      },\n      [onChange, results],\n    );\n\n    let handleFinish = useCallback(\n      (value: unknown, rowName: keyof C['rows']) => {\n        onFinish({\n          ...results,\n          [rowName]: {\n            value,\n            isComplete: true,\n          },\n        });\n      },\n      [onFinish, results],\n    );\n\n    let inputElements = [];\n    let activeInputName: string | null = null;\n\n    for (let [rowName] of Object.entries(formConfig.rows)) {\n      if (!results[rowName as keyof C['rows']].isComplete) {\n        activeInputName = String(rowName);\n\n        break;\n      }\n    }\n\n    for (let [rowName, input] of Object.entries(formConfig.rows)) {\n      if (results[rowName as keyof C['rows']].isComplete || rowName === activeInputName) {\n        inputElements.push(\n          <FormRow\n            key={rowName}\n            marginTop={inputElements.length === 0 ? 0 : 1}\n            focus={rowName === activeInputName}\n            isComplete={results[rowName as keyof C['rows']].isComplete}\n            config={input}\n            rows={rows}\n            rowName={rowName}\n            value={results[rowName as keyof C['rows']].value}\n            onChange={handleChange}\n            onComplete={handleFinish}\n          />,\n        );\n      }\n    }\n\n    return (\n      <Box {...(boxProps as BoxProps)} flexDirection=\"column\">\n        {inputElements}\n      </Box>\n    );\n  };\n\n  return Object.assign(Form, {config: formConfig});\n}\n"],"names":["Box","useCallback","FormRow","createForm","formConfig","Form","rows","values","results","onChange","onComplete","onFinish","boxProps","handleChange","value","rowName","handleFinish","isComplete","inputElements","activeInputName","Object","entries","String","input","push","marginTop","length","focus","config","flexDirection","assign"],"mappings":";AAAA,SAAQA,GAAG,QAAsB,MAAM;AACvC,SAAQC,WAAW,QAAO,QAAQ;AAKlC,SAAQC,OAAO,QAAO,eAAe;AAErC;;;;;CAKC,GACD,OAAO,SAASC,WAAiCC,UAAa;IAC5D,IAAIC,OAAO,CAAC,EACVC,KAAI,EACJC,QAAQC,QAAO,EACfC,SAAQ,EACRC,YAAYC,SAAQ,EACpB,GAAGC,UACU;QACb,IAAIC,eAAeZ,YACjB,CAACa,OAAgBC;YACf,IAAIN,UAAU;gBACZA,SAAS;oBACP,GAAGD,OAAO;oBACV,CAACO,QAAQ,EAAE;wBACT,GAAGP,OAAO,CAACO,QAAQ;wBACnBD;oBACF;gBACF;YACF;QACF,GACA;YAACL;YAAUD;SAAQ;QAGrB,IAAIQ,eAAef,YACjB,CAACa,OAAgBC;YACfJ,SAAS;gBACP,GAAGH,OAAO;gBACV,CAACO,QAAQ,EAAE;oBACTD;oBACAG,YAAY;gBACd;YACF;QACF,GACA;YAACN;YAAUH;SAAQ;QAGrB,IAAIU,gBAAgB,EAAE;QACtB,IAAIC,kBAAiC;QAErC,KAAK,IAAI,CAACJ,QAAQ,IAAIK,OAAOC,QAAQjB,WAAWE,MAAO;YACrD,IAAI,CAACE,OAAO,CAACO,QAA2B,CAACE,YAAY;gBACnDE,kBAAkBG,OAAOP;gBAEzB;YACF;QACF;QAEA,KAAK,IAAI,CAACA,SAASQ,MAAM,IAAIH,OAAOC,QAAQjB,WAAWE,MAAO;YAC5D,IAAIE,OAAO,CAACO,QAA2B,CAACE,cAAcF,YAAYI,iBAAiB;gBACjFD,cAAcM,mBACZ,KAACtB;oBAECuB,WAAWP,cAAcQ,WAAW,IAAI,IAAI;oBAC5CC,OAAOZ,YAAYI;oBACnBF,YAAYT,OAAO,CAACO,QAA2B,CAACE;oBAChDW,QAAQL;oBACRjB,MAAMA;oBACNS,SAASA;oBACTD,OAAON,OAAO,CAACO,QAA2B,CAACD;oBAC3CL,UAAUI;oBACVH,YAAYM;mBATPD;YAYX;QACF;QAEA,qBACE,KAACf;YAAK,GAAIY,QAAQ;YAAeiB,eAAc;sBAC5CX;;IAGP;IAEA,OAAOE,OAAOU,OAAOzB,MAAM;QAACuB,QAAQxB;IAAU;AAChD"}

package/dist/ui/form.d.ts

@@ -0,0 +1,13 @@
+export * from './form/Form.js';
+export * from './form/FormConfig.js';
+export * from './form/FormProps.js';
+export * from './form/FormRowConfig.js';
+export * from './form/FormRowsConfig.js';
+export * from './form/FormValue.js';
+export * from './form/FormValues.js';
+export * from './form/FormResult.js';
+export * from './form/createForm.js';
+export * from './form/FormRow.js';
+export * from './form/SelectInput.js';
+export * from './form/SelectInputItem.js';
+export * from './form/TextInput.js';

package/dist/ui/form.js

@@ -0,0 +1,15 @@
+export * from './form/Form.js';
+export * from './form/FormConfig.js';
+export * from './form/FormProps.js';
+export * from './form/FormRowConfig.js';
+export * from './form/FormRowsConfig.js';
+export * from './form/FormValue.js';
+export * from './form/FormValues.js';
+export * from './form/FormResult.js';
+export * from './form/createForm.js';
+export * from './form/FormRow.js';
+export * from './form/SelectInput.js';
+export * from './form/SelectInputItem.js';
+export * from './form/TextInput.js';
+
+//# sourceMappingURL=form.js.map

package/dist/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/form.ts"],"sourcesContent":["export * from './form/Form.js';\nexport * from './form/FormConfig.js';\nexport * from './form/FormProps.js';\nexport * from './form/FormRowConfig.js';\nexport * from './form/FormRowsConfig.js';\nexport * from './form/FormValue.js';\nexport * from './form/FormValues.js';\nexport * from './form/FormResult.js';\nexport * from './form/createForm.js';\nexport * from './form/FormRow.js';\nexport * from './form/SelectInput.js';\nexport * from './form/SelectInputItem.js';\nexport * from './form/TextInput.js';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,wBAAwB;AACtC,cAAc,4BAA4B;AAC1C,cAAc,sBAAsB"}

package/dist/ui/getErrorDetail.d.ts

@@ -0,0 +1,5 @@
+import { type ErrorDetail } from './ErrorDetail.js';
+/**
+ * Creates detailed information about an error.
+ */
+export declare function getErrorDetail(error: unknown): ErrorDetail;

package/dist/ui/getErrorDetail.js

@@ -0,0 +1,63 @@
+import { ValidationError, ParsingError } from '@jakubmazanec/args';
+/**
+ * Creates detailed information about an error.
+ */ export function getErrorDetail(error) {
+    // TODO: add all codes
+    if (error instanceof ParsingError) {
+        switch(error.code){
+            default:
+                {
+                    return {
+                        label: 'Parsing error',
+                        description: error.message
+                    };
+                }
+        }
+    }
+    // TODO: add all codes
+    if (error instanceof ValidationError) {
+        switch(error.code){
+            default:
+                {
+                    return {
+                        label: 'Validation error',
+                        description: error.message
+                    };
+                }
+        }
+    }
+    // TODO: add all built-in errors
+    if (error instanceof ReferenceError) {
+        let errorDetail = {
+            label: 'Error',
+            description: error.message
+        };
+        if (error.stack) {
+            errorDetail.stack = error.stack;
+        }
+        return errorDetail;
+    }
+    if (error instanceof Error) {
+        let errorDetail = {
+            label: 'Error',
+            description: error.message
+        };
+        if (error.stack) {
+            errorDetail.stack = error.stack;
+        }
+        if (error.cause instanceof Error) {
+            errorDetail.cause = {
+                description: error.cause.message
+            };
+            if (error.cause.stack) {
+                errorDetail.cause.stack = error.cause.stack;
+            }
+        }
+        return errorDetail;
+    }
+    return {
+        label: 'Error'
+    };
+}
+
+//# sourceMappingURL=getErrorDetail.js.map

package/dist/ui/getErrorDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/getErrorDetail.ts"],"sourcesContent":["import {ValidationError, ParsingError} from '@jakubmazanec/args';\n\nimport {type ErrorDetail} from './ErrorDetail.js';\n\n/**\n * Creates detailed information about an error.\n */\nexport function getErrorDetail(error: unknown): ErrorDetail {\n  // TODO: add all codes\n  if (error instanceof ParsingError) {\n    switch (error.code) {\n      default: {\n        return {\n          label: 'Parsing error',\n          description: error.message,\n        };\n      }\n    }\n  }\n\n  // TODO: add all codes\n  if (error instanceof ValidationError) {\n    switch (error.code) {\n      default: {\n        return {\n          label: 'Validation error',\n          description: error.message,\n        };\n      }\n    }\n  }\n\n  // TODO: add all built-in errors\n  if (error instanceof ReferenceError) {\n    let errorDetail: ErrorDetail = {\n      label: 'Error',\n      description: error.message,\n    };\n\n    if (error.stack) {\n      errorDetail.stack = error.stack;\n    }\n\n    return errorDetail;\n  }\n\n  if (error instanceof Error) {\n    let errorDetail: ErrorDetail = {\n      label: 'Error',\n      description: error.message,\n    };\n\n    if (error.stack) {\n      errorDetail.stack = error.stack;\n    }\n\n    if (error.cause instanceof Error) {\n      errorDetail.cause = {\n        description: error.cause.message,\n      };\n\n      if (error.cause.stack) {\n        errorDetail.cause.stack = error.cause.stack;\n      }\n    }\n\n    return errorDetail;\n  }\n\n  return {\n    label: 'Error',\n  };\n}\n"],"names":["ValidationError","ParsingError","getErrorDetail","error","code","label","description","message","ReferenceError","errorDetail","stack","Error","cause"],"mappings":"AAAA,SAAQA,eAAe,EAAEC,YAAY,QAAO,qBAAqB;AAIjE;;CAEC,GACD,OAAO,SAASC,eAAeC,KAAc;IAC3C,sBAAsB;IACtB,IAAIA,iBAAiBF,cAAc;QACjC,OAAQE,MAAMC;YACZ;gBAAS;oBACP,OAAO;wBACLC,OAAO;wBACPC,aAAaH,MAAMI;oBACrB;gBACF;QACF;IACF;IAEA,sBAAsB;IACtB,IAAIJ,iBAAiBH,iBAAiB;QACpC,OAAQG,MAAMC;YACZ;gBAAS;oBACP,OAAO;wBACLC,OAAO;wBACPC,aAAaH,MAAMI;oBACrB;gBACF;QACF;IACF;IAEA,gCAAgC;IAChC,IAAIJ,iBAAiBK,gBAAgB;QACnC,IAAIC,cAA2B;YAC7BJ,OAAO;YACPC,aAAaH,MAAMI;QACrB;QAEA,IAAIJ,MAAMO,OAAO;YACfD,YAAYC,QAAQP,MAAMO;QAC5B;QAEA,OAAOD;IACT;IAEA,IAAIN,iBAAiBQ,OAAO;QAC1B,IAAIF,cAA2B;YAC7BJ,OAAO;YACPC,aAAaH,MAAMI;QACrB;QAEA,IAAIJ,MAAMO,OAAO;YACfD,YAAYC,QAAQP,MAAMO;QAC5B;QAEA,IAAIP,MAAMS,iBAAiBD,OAAO;YAChCF,YAAYG,QAAQ;gBAClBN,aAAaH,MAAMS,MAAML;YAC3B;YAEA,IAAIJ,MAAMS,MAAMF,OAAO;gBACrBD,YAAYG,MAAMF,QAAQP,MAAMS,MAAMF;YACxC;QACF;QAEA,OAAOD;IACT;IAEA,OAAO;QACLJ,OAAO;IACT;AACF"}

package/dist/ui/icons.d.ts

@@ -0,0 +1,9 @@
+export declare const question: string;
+export declare const info: string;
+export declare const success: string;
+export declare const warning: string;
+export declare const error: string;
+export declare const unselectedSquare: string;
+export declare const selectedSquare: string;
+export declare const unselectedCircle: string;
+export declare const selectedCircle: string;

package/dist/ui/icons.js

@@ -0,0 +1,13 @@
+import chalk from 'chalk';
+import * as colors from './colors.js';
+export const question = chalk[colors.notice]('?');
+export const info = chalk[colors.info]('i');
+export const success = chalk[colors.success]('✓');
+export const warning = chalk[colors.warning]('▲');
+export const error = chalk[colors.failure]('×');
+export const unselectedSquare = chalk[colors.unselected]('◻');
+export const selectedSquare = chalk[colors.selected]('◼');
+export const unselectedCircle = chalk[colors.unselected]('○');
+export const selectedCircle = chalk[colors.selected]('●');
+
+//# sourceMappingURL=icons.js.map

package/dist/ui/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/icons.ts"],"sourcesContent":["import chalk from 'chalk';\n\nimport * as colors from './colors.js';\n\nexport const question = chalk[colors.notice]('?');\nexport const info = chalk[colors.info]('i');\nexport const success = chalk[colors.success]('✓');\nexport const warning = chalk[colors.warning]('▲');\nexport const error = chalk[colors.failure]('×');\nexport const unselectedSquare = chalk[colors.unselected]('◻');\nexport const selectedSquare = chalk[colors.selected]('◼');\nexport const unselectedCircle = chalk[colors.unselected]('○');\nexport const selectedCircle = chalk[colors.selected]('●');\n"],"names":["chalk","colors","question","notice","info","success","warning","error","failure","unselectedSquare","unselected","selectedSquare","selected","unselectedCircle","selectedCircle"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAE1B,YAAYC,YAAY,cAAc;AAEtC,OAAO,MAAMC,WAAWF,KAAK,CAACC,OAAOE,OAAO,CAAC,KAAK;AAClD,OAAO,MAAMC,OAAOJ,KAAK,CAACC,OAAOG,KAAK,CAAC,KAAK;AAC5C,OAAO,MAAMC,UAAUL,KAAK,CAACC,OAAOI,QAAQ,CAAC,KAAK;AAClD,OAAO,MAAMC,UAAUN,KAAK,CAACC,OAAOK,QAAQ,CAAC,KAAK;AAClD,OAAO,MAAMC,QAAQP,KAAK,CAACC,OAAOO,QAAQ,CAAC,KAAK;AAChD,OAAO,MAAMC,mBAAmBT,KAAK,CAACC,OAAOS,WAAW,CAAC,KAAK;AAC9D,OAAO,MAAMC,iBAAiBX,KAAK,CAACC,OAAOW,SAAS,CAAC,KAAK;AAC1D,OAAO,MAAMC,mBAAmBb,KAAK,CAACC,OAAOS,WAAW,CAAC,KAAK;AAC9D,OAAO,MAAMI,iBAAiBd,KAAK,CAACC,OAAOW,SAAS,CAAC,KAAK"}

package/dist/ui/internals/Wrapper.d.ts

@@ -0,0 +1,12 @@
+import { type FC, type PropsWithChildren } from 'react';
+import { type Program } from '../../program.js';
+/**
+ * {@linkcode Wrapper} component props.
+ */
+export type WrapperProps = {
+    program: Program;
+};
+/**
+ * A component that wraps anything {@linkcode Program} tries to render with an error boundary and all neccessary providers.
+ */
+export declare const Wrapper: FC<PropsWithChildren<WrapperProps>>;