@jakubmazanec/cli 0.3.0-unstable.e1ae458 → 0.3.0

package/build/ui/Help.js

@@ -0,0 +1,38 @@
+"use strict";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import chalk from "chalk";
+import { Box, Text } from "ink";
+import * as colors from "./colors.js";
+import { Header } from "./Header.js";
+import * as icons from "./icons.js";
+export function Help({ program, ...boxProps }) {
+  return /* @__PURE__ */ jsxs(Box, { ...boxProps, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Text, { children: `${chalk[colors.notice](program.displayName ?? program.name ?? "?")} ${chalk[colors.muted](program.version ?? "?")}` }),
+    /* @__PURE__ */ jsx(Text, { color: colors.body, children: program.description }),
+    program.commands.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Header, { icon: icons.info, marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: colors.highlighted, children: "Usage" }) }),
+      program.commands.map((command) => {
+        let line = `${chalk[colors.muted](program.bin ?? "?")} ${command.name}`;
+        if (command.parameters) {
+          if (command.parameters.some((parameterConfig) => !!parameterConfig.required)) {
+            line += ` ${chalk[colors.muted]("<parameters>")}`;
+          } else {
+            line += ` ${chalk[colors.muted]("[<parameters>]")}`;
+          }
+        }
+        if (command.options) {
+          if (Object.entries(command.options).some(([, optionConfig]) => !!optionConfig.required)) {
+            line += ` ${chalk[colors.muted]("<options>")}`;
+          } else {
+            line += ` ${chalk[colors.muted]("[<options>]")}`;
+          }
+        }
+        if (command.description) {
+          line += ` ${command.description}`;
+        }
+        return /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { children: line }) }, command.name);
+      })
+    ] }) : null
+  ] });
+}
+//# sourceMappingURL=Help.js.map

package/build/ui/Help.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/Help.tsx"],
+  "sourcesContent": ["import chalk from 'chalk';\nimport {Box, type BoxProps, Text} from 'ink';\n\nimport {type Program} from '../program.js';\nimport * as colors from './colors.js';\nimport {Header} from './Header.js';\nimport * as icons from './icons.js';\n\n/**\n * {@link Help} component props.\n */\nexport type HelpProps = BoxProps & {\n  /** {@link Program} instance. */\n  program: Program;\n};\n\n/**\n * A component that renders help information.\n */\nexport function Help({program, ...boxProps}: HelpProps) {\n  return (\n    <Box {...boxProps} flexDirection=\"column\">\n      <Text>{`${chalk[colors.notice](program.displayName ?? program.name ?? '?')} ${chalk[\n        colors.muted\n      ](program.version ?? '?')}`}</Text>\n      <Text color={colors.body}>{program.description}</Text>\n\n      {program.commands.length ?\n        <>\n          <Header icon={icons.info} marginTop={1}>\n            <Text color={colors.highlighted}>Usage</Text>\n          </Header>\n          {program.commands.map((command) => {\n            let line = `${chalk[colors.muted](program.bin ?? '?')} ${command.name}`;\n\n            if (command.parameters) {\n              if (command.parameters.some((parameterConfig) => !!parameterConfig.required)) {\n                line += ` ${chalk[colors.muted]('<parameters>')}`;\n              } else {\n                line += ` ${chalk[colors.muted]('[<parameters>]')}`;\n              }\n            }\n\n            if (command.options) {\n              if (\n                Object.entries(command.options).some(([, optionConfig]) => !!optionConfig.required)\n              ) {\n                line += ` ${chalk[colors.muted]('<options>')}`;\n              } else {\n                line += ` ${chalk[colors.muted]('[<options>]')}`;\n              }\n            }\n\n            if (command.description) {\n              line += ` ${command.description}`;\n            }\n\n            return (\n              <Box key={command.name} marginLeft={2} flexDirection=\"column\">\n                <Text>{line}</Text>\n              </Box>\n            );\n          })}\n        </>\n      : null}\n    </Box>\n  );\n}\n"],
+  "mappings": ";AAsBM,SAME,UANF,KAME,YANF;AAtBN,OAAO,WAAW;AAClB,SAAQ,KAAoB,YAAW;AAGvC,YAAY,YAAY;AACxB,SAAQ,cAAa;AACrB,YAAY,WAAW;AAahB,gBAAS,KAAK,EAAC,SAAS,GAAG,SAAQ,GAAc;AACtD,SACE,qBAAC,OAAK,GAAG,UAAU,eAAc,UAC/B;AAAA,wBAAC,QAAM,aAAG,MAAM,OAAO,MAAM,EAAE,QAAQ,eAAe,QAAQ,QAAQ,GAAG,CAAC,IAAI,MAC5E,OAAO,KACT,EAAE,QAAQ,WAAW,GAAG,CAAC,IAAG;AAAA,IAC5B,oBAAC,QAAK,OAAO,OAAO,MAAO,kBAAQ,aAAY;AAAA,IAE9C,QAAQ,SAAS,SAChB,iCACE;AAAA,0BAAC,UAAO,MAAM,MAAM,MAAM,WAAW,GACnC,8BAAC,QAAK,OAAO,OAAO,aAAa,mBAAK,GACxC;AAAA,MACC,QAAQ,SAAS,IAAI,CAAC,YAAY;AACjC,YAAI,OAAO,GAAG,MAAM,OAAO,KAAK,EAAE,QAAQ,OAAO,GAAG,CAAC,IAAI,QAAQ,IAAI;AAErE,YAAI,QAAQ,YAAY;AACtB,cAAI,QAAQ,WAAW,KAAK,CAAC,oBAAoB,CAAC,CAAC,gBAAgB,QAAQ,GAAG;AAC5E,oBAAQ,IAAI,MAAM,OAAO,KAAK,EAAE,cAAc,CAAC;AAAA,UACjD,OAAO;AACL,oBAAQ,IAAI,MAAM,OAAO,KAAK,EAAE,gBAAgB,CAAC;AAAA,UACnD;AAAA,QACF;AAEA,YAAI,QAAQ,SAAS;AACnB,cACE,OAAO,QAAQ,QAAQ,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,YAAY,MAAM,CAAC,CAAC,aAAa,QAAQ,GAClF;AACA,oBAAQ,IAAI,MAAM,OAAO,KAAK,EAAE,WAAW,CAAC;AAAA,UAC9C,OAAO;AACL,oBAAQ,IAAI,MAAM,OAAO,KAAK,EAAE,aAAa,CAAC;AAAA,UAChD;AAAA,QACF;AAEA,YAAI,QAAQ,aAAa;AACvB,kBAAQ,IAAI,QAAQ,WAAW;AAAA,QACjC;AAEA,eACE,oBAAC,OAAuB,YAAY,GAAG,eAAc,UACnD,8BAAC,QAAM,gBAAK,KADJ,QAAQ,IAElB;AAAA,MAEJ,CAAC;AAAA,OACH,IACA;AAAA,KACJ;AAEJ;",
+  "names": []
+}

package/build/ui/Spinner.js

@@ -0,0 +1,24 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Text } from "ink";
+import { useEffect, useState } from "react";
+const SPINNER = {
+  interval: 80,
+  frames: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"]
+};
+export function Spinner() {
+  let [frame, setFrame] = useState(0);
+  useEffect(() => {
+    let timer = setInterval(() => {
+      setFrame((previousFrame) => {
+        let isLastFrame = previousFrame === SPINNER.frames.length - 1;
+        return isLastFrame ? 0 : previousFrame + 1;
+      });
+    }, SPINNER.interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Text, { children: SPINNER.frames[frame] });
+}
+//# sourceMappingURL=Spinner.js.map

package/build/ui/Spinner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/Spinner.tsx"],
+  "sourcesContent": ["import {Text} from 'ink';\nimport {useEffect, useState} from 'react';\n\nconst SPINNER = {\n  interval: 80,\n  frames: ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F'],\n};\n\n/**\n * Spinner component.\n */\nexport function Spinner() {\n  let [frame, setFrame] = useState(0);\n\n  useEffect(() => {\n    let timer = setInterval(() => {\n      setFrame((previousFrame) => {\n        let isLastFrame = previousFrame === SPINNER.frames.length - 1;\n\n        return isLastFrame ? 0 : previousFrame + 1;\n      });\n    }, SPINNER.interval);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, []);\n\n  return <Text>{SPINNER.frames[frame]}</Text>;\n}\n"],
+  "mappings": ";AA4BS;AA5BT,SAAQ,YAAW;AACnB,SAAQ,WAAW,gBAAe;AAElC,MAAM,UAAU;AAAA,EACd,UAAU;AAAA,EACV,QAAQ,CAAC,UAAK,UAAK,UAAK,UAAK,UAAK,UAAK,UAAK,UAAK,UAAK,QAAG;AAC3D;AAKO,gBAAS,UAAU;AACxB,MAAI,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAElC,YAAU,MAAM;AACd,QAAI,QAAQ,YAAY,MAAM;AAC5B,eAAS,CAAC,kBAAkB;AAC1B,YAAI,cAAc,kBAAkB,QAAQ,OAAO,SAAS;AAE5D,eAAO,cAAc,IAAI,gBAAgB;AAAA,MAC3C,CAAC;AAAA,IACH,GAAG,QAAQ,QAAQ;AAEnB,WAAO,MAAM;AACX,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,oBAAC,QAAM,kBAAQ,OAAO,KAAK,GAAE;AACtC;",
+  "names": []
+}

package/build/ui/colors.js

@@ -0,0 +1,12 @@
+"use strict";
+export const body = "white";
+export const highlighted = "whiteBright";
+export const muted = "gray";
+export const unselected = "gray";
+export const selected = "greenBright";
+export const notice = "magenta";
+export const info = "cyan";
+export const success = "green";
+export const warning = "yellow";
+export const failure = "red";
+//# sourceMappingURL=colors.js.map

package/build/ui/colors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/colors.ts"],
+  "sourcesContent": ["export const body = 'white';\nexport const highlighted = 'whiteBright';\nexport const muted = 'gray';\n\nexport const unselected = 'gray';\nexport const selected = 'greenBright';\n\nexport const notice = 'magenta';\n\nexport const info = 'cyan';\nexport const success = 'green';\nexport const warning = 'yellow';\nexport const failure = 'red';\n"],
+  "mappings": ";AAAO,aAAM,OAAO;AACb,aAAM,cAAc;AACpB,aAAM,QAAQ;AAEd,aAAM,aAAa;AACnB,aAAM,WAAW;AAEjB,aAAM,SAAS;AAEf,aAAM,OAAO;AACb,aAAM,UAAU;AAChB,aAAM,UAAU;AAChB,aAAM,UAAU;",
+  "names": []
+}

package/build/ui/form/Form.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Form.js.map

package/build/ui/form/Form.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormConfig.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormConfig.js.map

package/build/ui/form/FormConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormProps.js.map

package/build/ui/form/FormProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormResult.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormResult.js.map

package/build/ui/form/FormResult.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormRow.js

@@ -0,0 +1,71 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { SelectInput } from "./SelectInput.js";
+import { TextInput } from "./TextInput.js";
+export function FormRow({
+  rowName,
+  config,
+  rows,
+  value,
+  focus,
+  isComplete,
+  onChange,
+  onComplete,
+  ...boxProps
+}) {
+  let handleChange = useCallback(
+    (newValue) => {
+      onChange(newValue, rowName);
+    },
+    [rowName, onChange]
+  );
+  let handleFinish = useCallback(
+    (newValue) => {
+      onComplete(newValue, rowName);
+    },
+    [rowName, onComplete]
+  );
+  let handleSelectFinish = useCallback(
+    (item) => {
+      onComplete(item.value, rowName);
+    },
+    [rowName, onComplete]
+  );
+  switch (config.type) {
+    case "text": {
+      return /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          label: config.label ?? "",
+          validate: config.validate,
+          value,
+          focus,
+          isComplete,
+          onChange: handleChange,
+          onSubmit: handleFinish,
+          ...boxProps
+        },
+        String(rowName)
+      );
+    }
+    case "select": {
+      return /* @__PURE__ */ jsx(
+        SelectInput,
+        {
+          label: config.label ?? "",
+          items: rows ? rows[rowName].choices : [],
+          focus,
+          isComplete,
+          onSelect: handleSelectFinish,
+          ...boxProps
+        },
+        String(rowName)
+      );
+    }
+    default: {
+      return null;
+    }
+  }
+}
+//# sourceMappingURL=FormRow.js.map

package/build/ui/form/FormRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/ui/form/FormRow.tsx"],
+  "sourcesContent": ["import {type BoxProps} from 'ink';\nimport {useCallback} from 'react';\n\nimport {type FormConfig} from './FormConfig.js';\nimport {type FormProps} from './FormProps.js';\nimport {type FormRowConfig} from './FormRowConfig.js';\nimport {SelectInput} from './SelectInput.js';\nimport {TextInput} from './TextInput.js';\n\n/**\n * Form row component props.\n */\ntype FormRowProps<C extends FormConfig> = BoxProps & {\n  /** Form row configuration. */\n  config: FormRowConfig;\n\n  // TODO: Should all rows props be passed to each row?\n  /** Props of all form rows. */\n  rows: FormProps<C>['rows'] | null;\n\n  /** Row name. */\n  rowName: keyof C['rows'];\n\n  /** Value. */\n  value: unknown;\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;\n\n  /** Handler function that is called when value changes. */\n  onChange: (value: unknown, inputName: keyof C['rows']) => void;\n\n  /** Handler function that is called when the value is accepted. */\n  onComplete: (value: unknown, inputName: keyof C['rows']) => void;\n\n  /** Indicates whether value has been accepted. Component in the row then doesn't accept more input. */\n  isComplete: boolean;\n};\n\n/**\n * Form row component.\n */\nexport function FormRow<C extends FormConfig>({\n  rowName,\n  config,\n  rows,\n  value,\n  focus,\n  isComplete,\n  onChange,\n  onComplete,\n  ...boxProps\n}: FormRowProps<C>) {\n  // TODO: Each input component handles values and events differently; the APIs should be adjusted.\n  let handleChange = useCallback(\n    (newValue: unknown) => {\n      onChange(newValue, rowName);\n    },\n    [rowName, onChange],\n  );\n\n  let handleFinish = useCallback(\n    (newValue: unknown) => {\n      onComplete(newValue, rowName);\n    },\n    [rowName, onComplete],\n  );\n\n  let handleSelectFinish = useCallback(\n    (item: {value: unknown}) => {\n      onComplete(item.value, rowName);\n    },\n    [rowName, onComplete],\n  );\n\n  switch (config.type) {\n    case 'text': {\n      return (\n        <TextInput\n          key={String(rowName)}\n          label={config.label ?? ''}\n          validate={config.validate}\n          value={value as string}\n          focus={focus}\n          isComplete={isComplete}\n          onChange={handleChange}\n          onSubmit={handleFinish}\n          {...boxProps}\n        />\n      );\n    }\n    case 'select': {\n      return (\n        <SelectInput\n          key={String(rowName)}\n          label={config.label ?? ''}\n          items={\n            rows ?\n              (\n                (\n                  rows as {\n                    [key: string]: unknown;\n                  }\n                )[rowName as string] as {choices: Array<{value: string; label: string}>}\n              ).choices\n            : []\n          }\n          focus={focus}\n          isComplete={isComplete}\n          onSelect={handleSelectFinish}\n          {...boxProps}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n}\n"],
+  "mappings": ";AA8EQ;AA7ER,SAAQ,mBAAkB;AAK1B,SAAQ,mBAAkB;AAC1B,SAAQ,iBAAgB;AAmCjB,gBAAS,QAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAElB,MAAI,eAAe;AAAA,IACjB,CAAC,aAAsB;AACrB,eAAS,UAAU,OAAO;AAAA,IAC5B;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,MAAI,eAAe;AAAA,IACjB,CAAC,aAAsB;AACrB,iBAAW,UAAU,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACtB;AAEA,MAAI,qBAAqB;AAAA,IACvB,CAAC,SAA2B;AAC1B,iBAAW,KAAK,OAAO,OAAO;AAAA,IAChC;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACtB;AAEA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,QAAQ;AACX,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,OAAO,SAAS;AAAA,UACvB,UAAU,OAAO;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,QARC,OAAO,OAAO;AAAA,MASrB;AAAA,IAEJ;AAAA,IACA,KAAK,UAAU;AACb,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,OAAO,SAAS;AAAA,UACvB,OACE,OAGM,KAGA,OAAiB,EACnB,UACF,CAAC;AAAA,UAEL;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,QAhBC,OAAO,OAAO;AAAA,MAiBrB;AAAA,IAEJ;AAAA,IACA,SAAS;AACP,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/ui/form/FormRowConfig.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormRowConfig.js.map

package/build/ui/form/FormRowConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormRowsConfig.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormRowsConfig.js.map

package/build/ui/form/FormRowsConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormValue.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormValue.js.map

package/build/ui/form/FormValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/FormValues.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FormValues.js.map

package/build/ui/form/FormValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/{dist → build}/ui/form/SelectInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" resolution-mode="require"/>
+/// <reference types="react" />
 import { type BoxProps } from 'ink';
 import { type SelectInputItem } from './SelectInputItem.js';
 /**

package/build/ui/form/SelectInput.js

@@ -0,0 +1,86 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import _ from "lodash";
+import { useEffect, useRef, useState } from "react";
+import * as colors from "../colors.js";
+import * as icons from "../icons.js";
+import { rotate } from "../internals.js";
+export function SelectInput({
+  label,
+  items,
+  focus = true,
+  initialIndex = 0,
+  limit: userDefinedLimit,
+  onSelect,
+  onHighlight,
+  isComplete,
+  ...boxProps
+}) {
+  let [rotatedIndex, setRotatedIndex] = useState(0);
+  let [selectedIndex, setSelectedIndex] = useState(initialIndex);
+  let hasLimit = typeof userDefinedLimit === "number" && items.length > userDefinedLimit;
+  let limit = hasLimit ? Math.min(userDefinedLimit, items.length) : items.length;
+  let previousItems = useRef(items);
+  useEffect(() => {
+    if (!_.isEqual(
+      previousItems.current.map((item) => item.value),
+      items.map((item) => item.value)
+    )) {
+      setRotatedIndex(0);
+      setSelectedIndex(0);
+    }
+    previousItems.current = items;
+  }, [items]);
+  useInput(
+    (input, key) => {
+      if (input === "k" || key.upArrow) {
+        let lastIndex = (hasLimit ? limit : items.length) - 1;
+        let isAtFirstIndex = selectedIndex === 0;
+        let nextIndex = hasLimit ? selectedIndex : lastIndex;
+        let nextRotatedIndex = isAtFirstIndex ? rotatedIndex + 1 : rotatedIndex;
+        let nextSelectedIndex = isAtFirstIndex ? nextIndex : selectedIndex - 1;
+        setRotatedIndex(nextRotatedIndex);
+        setSelectedIndex(nextSelectedIndex);
+        let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).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 nextRotatedIndex = isAtLastIndex ? rotatedIndex - 1 : rotatedIndex;
+        let nextSelectedIndex = isAtLastIndex ? nextIndex : selectedIndex + 1;
+        setRotatedIndex(nextRotatedIndex);
+        setSelectedIndex(nextSelectedIndex);
+        let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).slice(0, limit) : items;
+        if (typeof onHighlight === "function") {
+          onHighlight(slicedItems[nextSelectedIndex]);
+        }
+      }
+      if (key.return) {
+        let slicedItems = hasLimit ? rotate(items, rotatedIndex).slice(0, limit) : items;
+        if (typeof onSelect === "function") {
+          onSelect(slicedItems[selectedIndex]);
+        }
+      }
+    },
+    { isActive: focus }
+  );
+  let visibleItems = hasLimit ? rotate(items, rotatedIndex).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]?.label ?? String(items[selectedIndex]?.value) }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: visibleItems.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/build/ui/form/SelectInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/ui/form/SelectInput.tsx"],
+  "sourcesContent": ["import {Box, type BoxProps, type Key, Text, useInput} from 'ink';\nimport _ from 'lodash';\nimport {useEffect, useRef, useState} from 'react';\n\nimport * as colors from '../colors.js';\nimport * as icons from '../icons.js';\nimport {rotate} from '../internals.js';\nimport {type SelectInputItem} from './SelectInputItem.js';\n\n/**\n * {@linkcode SelectInput} 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 user's input? Useful in case there are multiple input components at the same time and input must be handled only by 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: userDefinedLimit,\n  onSelect,\n  onHighlight,\n  isComplete,\n  ...boxProps\n}: SelectInputProps): JSX.Element {\n  let [rotatedIndex, setRotatedIndex] = useState(0);\n  let [selectedIndex, setSelectedIndex] = useState(initialIndex);\n  let hasLimit = typeof userDefinedLimit === 'number' && items.length > userDefinedLimit;\n  let limit = hasLimit ? Math.min(userDefinedLimit 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      setRotatedIndex(0);\n      setSelectedIndex(0);\n    }\n\n    previousItems.current = items;\n  }, [items]);\n\n  useInput(\n    (input: string, key: Key) => {\n      if (input === 'k' || key.upArrow) {\n        let lastIndex = (hasLimit ? limit : items.length) - 1;\n        let isAtFirstIndex = selectedIndex === 0;\n        let nextIndex = hasLimit ? selectedIndex : lastIndex;\n        let nextRotatedIndex = isAtFirstIndex ? rotatedIndex + 1 : rotatedIndex;\n        let nextSelectedIndex = isAtFirstIndex ? nextIndex : selectedIndex - 1;\n\n        setRotatedIndex(nextRotatedIndex);\n        setSelectedIndex(nextSelectedIndex);\n\n        let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).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 nextRotatedIndex = isAtLastIndex ? rotatedIndex - 1 : rotatedIndex;\n        let nextSelectedIndex = isAtLastIndex ? nextIndex : selectedIndex + 1;\n\n        setRotatedIndex(nextRotatedIndex);\n        setSelectedIndex(nextSelectedIndex);\n\n        let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).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, rotatedIndex).slice(0, limit) : items;\n\n        if (typeof onSelect === 'function') {\n          onSelect(slicedItems[selectedIndex] as SelectInputItem);\n        }\n      }\n    },\n    {isActive: focus},\n  );\n\n  let visibleItems: SelectInputItem[] =\n    hasLimit ? rotate(items, rotatedIndex).slice(0, limit) : 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        : <Box flexDirection=\"column\">\n            {visibleItems.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                    : <Text color={colors.unselected}>{icons.unselectedCircle}</Text>}\n                  </Box>\n                  <Text color={isSelected ? colors.highlighted : colors.muted}>{item.label}</Text>\n                </Box>\n              );\n            })}\n          </Box>\n        }\n      </Box>\n    </Box>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build/ui/form/SelectInputItem.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=SelectInputItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/ui/form/TextInput.js

@@ -0,0 +1,129 @@
+"use strict";
+import { jsx, 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";
+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) : void 0;
+  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(" ");
+    for (let [i, character] of Object.entries(value)) {
+      if (Number(i) >= state.cursorOffset && Number(i) <= state.cursorOffset) {
+        renderedValue += chalk.inverse(character);
+      } else {
+        renderedValue += character;
+      }
+    }
+    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/build/ui/form/TextInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/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 handled only by 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  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    for (let [i, character] of Object.entries(value)) {\n      if (Number(i) >= state.cursorOffset && Number(i) <= state.cursorOffset) {\n        renderedValue += chalk.inverse(character);\n      } else {\n        renderedValue += character;\n      }\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        : <Text color={colors.highlighted}>\n            {placeholder ?\n              value.length > 0 ?\n                renderedValue\n              : renderedPlaceholder\n            : 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"],
+  "mappings": ";AAwMQ,cAGF,YAHE;AAtMR,OAAO,WAAW;AAClB,SAAQ,KAAoB,MAAM,gBAAe;AACjD,SAAQ,WAAW,gBAAe;AAElC,YAAY,YAAY;AACxB,YAAY,WAAW;AAwChB,gBAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,MAAI,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AACvD,MAAI,CAAC,OAAO,QAAQ,IAAI,SAAS;AAAA,IAC/B,eAAe,iBAAiB,IAAI;AAAA,IACpC,aAAa;AAAA,EACf,CAAC;AAED,YAAU,MAAM;AACd,aAAS,CAAC,kBAAkB;AAC1B,UAAI,CAAC,SAAS,CAAC,YAAY;AACzB,eAAO;AAAA,MACT;AAEA,UAAI,WAAW,iBAAiB;AAEhC,UAAI,cAAc,eAAe,SAAS,SAAS,GAAG;AACpD,eAAO;AAAA,UACL,cAAc,SAAS;AAAA,UACvB,aAAa;AAAA,QACf;AAAA,MACF;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,OAAO,UAAU,CAAC;AAErC,MAAI,QAAQ,OAAO,KAAK,OAAO,cAAc,MAAM,IAAI;AACvD,MAAI,gBAAgB;AACpB,MAAI,sBAAsB,cAAc,MAAM,OAAO,KAAK,EAAE,WAAW,IAAI;AAE3E,MAAI,cAAc,OAAO;AACvB,0BACE,YAAY,SAAS,IACnB,MAAM,QAAQ,YAAY,CAAC,CAAC,IAAI,MAAM,OAAO,KAAK,EAAE,YAAY,MAAM,CAAC,CAAC,IACxE,MAAM,QAAQ,GAAG;AAErB,oBAAgB,MAAM,SAAS,IAAI,KAAK,MAAM,QAAQ,GAAG;AAEzD,aAAS,CAAC,GAAG,SAAS,KAAK,OAAO,QAAQ,KAAK,GAAG;AAChD,UAAI,OAAO,CAAC,KAAK,MAAM,gBAAgB,OAAO,CAAC,KAAK,MAAM,cAAc;AACtE,yBAAiB,MAAM,QAAQ,SAAS;AAAA,MAC1C,OAAO;AACL,yBAAiB;AAAA,MACnB;AAAA,IACF;AAEA,QAAI,MAAM,SAAS,KAAK,MAAM,iBAAiB,MAAM,QAAQ;AAC3D,uBAAiB,MAAM,QAAQ,GAAG;AAAA,IACpC;AAAA,EACF;AAEA;AAAA,IACE,CAAC,OAAO,QAAQ;AACd,UACE,IAAI,WACJ,IAAI,aACH,IAAI,QAAQ,UAAU,OACtB,IAAI,SAAS,IAAI,OAClB,IAAI,KACJ;AACA;AAAA,MACF;AAEA,UAAI,IAAI,QAAQ;AACd,YAAI,UAAU;AACZ,cAAI,UAAU;AACZ,gBAAI;AACF,uBAAS,aAAa;AAAA,YACxB,SAAS,OAAgB;AACvB,iCAAoB,MAAgB,OAAO;AAE3C;AAAA,YACF;AAAA,UACF;AAEA,cAAI,iBAAiB;AACnB,+BAAmB,EAAE;AAAA,UACvB,OAAO;AACL,qBAAS,aAAa;AAAA,UACxB;AAAA,QACF;AAEA;AAAA,MACF;AAEA,UAAI,mBAAmB,MAAM;AAC7B,UAAI,YAAY;AAChB,UAAI,kBAAkB;AAEtB,UAAI,IAAI,WAAW;AACjB,YAAI,YAAY;AACd,8BAAoB;AAAA,QACtB;AAAA,MACF,WAAW,IAAI,YAAY;AACzB,YAAI,YAAY;AACd,8BAAoB;AAAA,QACtB;AAAA,MACF,WAAW,IAAI,aAAa,IAAI,QAAQ;AACtC,YAAI,MAAM,eAAe,GAAG;AAC1B,sBACE,cAAc,MAAM,GAAG,MAAM,eAAe,CAAC,IAC7C,cAAc,MAAM,MAAM,cAAc,cAAc,MAAM;AAE9D,8BAAoB;AAAA,QACtB;AAAA,MACF,OAAO;AACL,oBACE,cAAc,MAAM,GAAG,MAAM,YAAY,IACzC,QACA,cAAc,MAAM,MAAM,cAAc,cAAc,MAAM;AAE9D,4BAAoB,MAAM;AAE1B,YAAI,MAAM,SAAS,GAAG;AACpB,4BAAkB,MAAM;AAAA,QAC1B;AAAA,MACF;AAEA,UAAI,MAAM,eAAe,GAAG;AAC1B,2BAAmB;AAAA,MACrB;AAEA,UAAI,MAAM,eAAe,cAAc,QAAQ;AAC7C,2BAAmB,cAAc;AAAA,MACnC;AAEA,eAAS;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,MACf,CAAC;AAED,UAAI,cAAc,eAAe;AAC/B,iBAAS,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACA,EAAC,UAAU,MAAK;AAAA,EAClB;AAEA,SACE,qBAAC,OAAK,GAAG,UACP;AAAA,wBAAC,OAAI,aAAa,GAChB,8BAAC,QAAM,uBAAa,MAAM,UAAU,MAAM,UAAS,GACrD;AAAA,IAEA,qBAAC,OAAI,eAAc,UACjB;AAAA,0BAAC,OAAI,aAAa,GAChB,8BAAC,QAAK,OAAO,OAAO,aAAc,iBAAM,GAC1C;AAAA,MACC,aACC,oBAAC,QAAK,OAAO,OAAO,MAAO,iBAAM,IACjC,oBAAC,QAAK,OAAO,OAAO,aACjB,wBACC,MAAM,SAAS,IACb,gBACA,sBACF,eACJ;AAAA,MAED,kBACC,oBAAC,OAAI,WAAW,GACd,8BAAC,QAAK,OAAO,OAAO,SAAU,2BAAgB,GAChD,IACA;AAAA,OACJ;AAAA,KACF;AAEJ;",
+  "names": []
+}