termcast 1.3.9

package/dist/examples/form-multiselect-dropdown.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-multiselect-dropdown.d.ts.map

package/dist/examples/form-multiselect-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-multiselect-dropdown.d.ts","sourceRoot":"","sources":["../../src/examples/form-multiselect-dropdown.tsx"],"names":[],"mappings":""}

package/dist/examples/form-multiselect-dropdown.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState } from 'react';
+import { renderWithProviders } from '@termcast/cli/src/utils';
+import { Form, ActionPanel, Action } from '@termcast/cli';
+function FormMultiSelectDropdownExample() {
+    const [submitted, setSubmitted] = useState(null);
+    const handleSubmit = (data) => {
+        setSubmitted(data);
+    };
+    return (_jsxs(Form, { actions: _jsx(ActionPanel, { children: _jsx(Action.SubmitForm, { title: 'Submit Form', onSubmit: handleSubmit }) }), children: [_jsx(Form.Description, { title: 'Multi-Select Dropdown Demo', text: 'Test dropdown with multiple selection capability' }), _jsxs(Form.Dropdown, { id: 'tags', title: 'Select Tags', placeholder: 'Choose multiple tags...', info: 'You can select multiple items', hasMultipleSelection: true, defaultValue: ['work', 'urgent'], children: [_jsx(Form.Dropdown.Item, { value: 'work', title: 'Work', icon: '\uD83D\uDCBC' }), _jsx(Form.Dropdown.Item, { value: 'personal', title: 'Personal', icon: '\uD83C\uDFE0' }), _jsx(Form.Dropdown.Item, { value: 'urgent', title: 'Urgent', icon: '\uD83D\uDEA8' }), _jsx(Form.Dropdown.Item, { value: 'later', title: 'Later', icon: '\u23F0' }), _jsx(Form.Dropdown.Item, { value: 'done', title: 'Done', icon: '\u2705' }), _jsx(Form.Dropdown.Item, { value: 'canceled', title: 'Canceled', icon: '\u274C' })] }), _jsxs(Form.Dropdown, { id: 'singleChoice', title: 'Single Choice', placeholder: 'Choose one option...', hasMultipleSelection: false, children: [_jsx(Form.Dropdown.Item, { value: 'option1', title: 'Option 1' }), _jsx(Form.Dropdown.Item, { value: 'option2', title: 'Option 2' }), _jsx(Form.Dropdown.Item, { value: 'option3', title: 'Option 3' })] }), submitted && (_jsx(Form.Description, { title: 'Submitted Data', text: JSON.stringify(submitted, null, 2) }))] }));
+}
+renderWithProviders(_jsx(FormMultiSelectDropdownExample, {}));
+//# sourceMappingURL=form-multiselect-dropdown.js.map

package/dist/examples/form-multiselect-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-multiselect-dropdown.js","sourceRoot":"","sources":["../../src/examples/form-multiselect-dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEzD,SAAS,8BAA8B;IACnC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,CAAC,IAAS,EAAE,EAAE;QAC/B,YAAY,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACH,MAAC,IAAI,IACD,OAAO,EACH,KAAC,WAAW,cACR,KAAC,MAAM,CAAC,UAAU,IACd,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,YAAY,GACxB,GACQ,aAGlB,KAAC,IAAI,CAAC,WAAW,IACb,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,kDAAkD,GACzD,EAEF,MAAC,IAAI,CAAC,QAAQ,IACV,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,yBAAyB,EACrC,IAAI,EAAC,+BAA+B,EACpC,oBAAoB,EAAE,IAAI,EAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,aAEhC,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,cAAI,GAAG,EAC1D,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,cAAI,GAAG,EAClE,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAI,GAAG,EAC9D,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,QAAG,GAAG,EAC3D,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAG,GAAG,EACzD,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,QAAG,GAAG,IACrD,EAEhB,MAAC,IAAI,CAAC,QAAQ,IACV,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,sBAAsB,EAClC,oBAAoB,EAAE,KAAK,aAE3B,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,EACvD,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,EACvD,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,IAC3C,EAEf,SAAS,IAAI,CACV,KAAC,IAAI,CAAC,WAAW,IACb,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,GAC1C,CACL,IACE,CACV,CAAA;AACL,CAAC;AAED,mBAAmB,CAAC,KAAC,8BAA8B,KAAG,CAAC,CAAA"}

package/dist/examples/form-tagpicker.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-tagpicker.d.ts.map

package/dist/examples/form-tagpicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-tagpicker.d.ts","sourceRoot":"","sources":["../../src/examples/form-tagpicker.tsx"],"names":[],"mappings":""}

package/dist/examples/form-tagpicker.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState } from 'react';
+import { renderWithProviders } from '@termcast/cli/src/utils';
+import { Form, ActionPanel, Action } from '@termcast/cli';
+function FormTagPickerExample() {
+    const [submitted, setSubmitted] = useState(null);
+    const handleSubmit = (data) => {
+        setSubmitted(data);
+    };
+    return (_jsxs(Form, { actions: _jsx(ActionPanel, { children: _jsx(Action.SubmitForm, { title: 'Submit Form', onSubmit: handleSubmit }) }), children: [_jsx(Form.Description, { title: 'TagPicker Component Demo', text: 'Test tag picker with multiple selection support' }), _jsxs(Form.TagPicker, { id: 'sports', title: 'Favorite Sport', placeholder: 'Choose your favorite sport...', info: 'Select your favorite sport from the list', children: [_jsx(Form.TagPicker.Item, { value: 'basketball', title: 'Basketball', icon: '\uD83C\uDFC0' }), _jsx(Form.TagPicker.Item, { value: 'football', title: 'Football', icon: '\u26BD' }), _jsx(Form.TagPicker.Item, { value: 'tennis', title: 'Tennis', icon: '\uD83C\uDFBE' }), _jsx(Form.TagPicker.Item, { value: 'baseball', title: 'Baseball', icon: '\u26BE' }), _jsx(Form.TagPicker.Item, { value: 'golf', title: 'Golf', icon: '\u26F3' }), _jsx(Form.TagPicker.Item, { value: 'swimming', title: 'Swimming', icon: '\uD83C\uDFCA' }), _jsx(Form.TagPicker.Item, { value: 'cycling', title: 'Cycling', icon: '\uD83D\uDEB4' }), _jsx(Form.TagPicker.Item, { value: 'running', title: 'Running', icon: '\uD83C\uDFC3' })] }), _jsxs(Form.TagPicker, { id: 'countries', title: 'Country', placeholder: 'Select a country', defaultValue: ['ger'], children: [_jsx(Form.TagPicker.Item, { value: 'ger', title: 'Germany', icon: '\uD83C\uDDE9\uD83C\uDDEA' }), _jsx(Form.TagPicker.Item, { value: 'ind', title: 'India', icon: '\uD83C\uDDEE\uD83C\uDDF3' }), _jsx(Form.TagPicker.Item, { value: 'ned', title: 'Netherlands', icon: '\uD83C\uDDF3\uD83C\uDDF1' }), _jsx(Form.TagPicker.Item, { value: 'nor', title: 'Norway', icon: '\uD83C\uDDF3\uD83C\uDDF4' }), _jsx(Form.TagPicker.Item, { value: 'pol', title: 'Poland', icon: '\uD83C\uDDF5\uD83C\uDDF1' }), _jsx(Form.TagPicker.Item, { value: 'rus', title: 'Russia', icon: '\uD83C\uDDF7\uD83C\uDDFA' }), _jsx(Form.TagPicker.Item, { value: 'sco', title: 'Scotland', icon: '\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74\uDB40\uDC7F' })] }), submitted && (_jsx(Form.Description, { title: 'Submitted Data', text: JSON.stringify(submitted, null, 2) }))] }));
+}
+renderWithProviders(_jsx(FormTagPickerExample, {}));
+//# sourceMappingURL=form-tagpicker.js.map

package/dist/examples/form-tagpicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-tagpicker.js","sourceRoot":"","sources":["../../src/examples/form-tagpicker.tsx"],"names":[],"mappings":"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"}

package/dist/examples/form-tagpicker.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-tagpicker.vitest.d.ts.map

package/dist/examples/form-tagpicker.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-tagpicker.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/form-tagpicker.vitest.tsx"],"names":[],"mappings":""}

package/dist/examples/form-tagpicker.vitest.js

@@ -0,0 +1,491 @@
+// node-pty does not work in bun, so we use vitest to run this test
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { NodeTuiDriver } from '@termcast/cli/src/e2e-node';
+let driver;
+beforeEach(() => {
+    driver = new NodeTuiDriver('bun', ['src/examples/form-tagpicker.tsx'], {
+        cols: 70,
+        rows: 50,
+    });
+});
+afterEach(() => {
+    driver?.dispose();
+});
+test('form tagpicker shows inline options', async () => {
+    await driver.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /TagPicker Component Demo/i.test(text);
+        },
+    });
+    // Small delay to ensure form components are fully rendered
+    await driver.waitIdle();
+    const initialSnapshot = await driver.text();
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │› ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Select Basketball by pressing space
+    await driver.keys.space();
+    const afterSelectBasketballSnapshot = await driver.text();
+    expect(afterSelectBasketballSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │› ● Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate down
+    await driver.keys.down();
+    const afterDownSnapshot = await driver.text();
+    expect(afterDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │  ● Basketball
+    │› ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate down to see pagination
+    await driver.keys.down();
+    await driver.keys.down();
+    await driver.keys.down();
+    await driver.keys.down();
+    const afterMultipleDownSnapshot = await driver.text();
+    expect(afterMultipleDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ○ Golf
+    │› ○ Swimming
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Select an item
+    await driver.keys.enter();
+    const afterSelectSnapshot = await driver.text();
+    expect(afterSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball, Swimming
+    │
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ○ Golf
+    │› ● Swimming
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 15000);
+test('form tagpicker keyboard navigation', async () => {
+    await driver.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /TagPicker Component Demo/i.test(text);
+        },
+    });
+    // Select Basketball by pressing space
+    await driver.keys.space();
+    const afterSelectSnapshot = await driver.text();
+    expect(afterSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │› ● Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate to last visible item
+    await driver.keys.down();
+    await driver.keys.down();
+    await driver.keys.down();
+    await driver.keys.down();
+    const lastVisibleSnapshot = await driver.text();
+    expect(lastVisibleSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │› ○ Golf
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate to next page
+    await driver.keys.down();
+    const nextPageSnapshot = await driver.text();
+    expect(nextPageSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ○ Golf
+    │› ○ Swimming
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Go back up
+    await driver.keys.up();
+    const backToPreviousPageSnapshot = await driver.text();
+    expect(backToPreviousPageSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │  ○ Tennis
+    │  ○ Baseball
+    │› ○ Golf
+    │  ○ Swimming
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Escape doesn't close anything since tagpicker is always inline
+    await driver.keys.escape();
+    const afterEscapeSnapshot = await driver.text();
+    expect(afterEscapeSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    │  Basketball
+    │
+    │  ○ Tennis
+    │  ○ Baseball
+    │› ○ Golf
+    │  ○ Swimming
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 15000);
+test('form tagpicker with default value', async () => {
+    await driver.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /TagPicker Component Demo/i.test(text);
+        },
+    });
+    // Navigate to second tagpicker
+    await driver.keys.tab();
+    const secondTagpickerFocusedSnapshot = await driver.text();
+    expect(secondTagpickerFocusedSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◇  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │  ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◆  Country
+    │  Germany
+    │
+    │› ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Deselect Germany by pressing space (it was selected by default)
+    await driver.keys.space();
+    const afterDeselectGermanySnapshot = await driver.text();
+    expect(afterDeselectGermanySnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◇  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │  ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◆  Country
+    │  Select a country
+    │
+    │› ○ Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Submit form
+    await driver.keys.escape();
+    await driver.keys.cmdEnter();
+    const afterSubmitSnapshot = await driver.text({
+        waitFor: (text) => {
+            return /Submitted Data/i.test(text);
+        },
+    });
+    expect(afterSubmitSnapshot).toMatchInlineSnapshot(`
+    "
+
+       TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◇  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │  ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◆  Country
+    │  Select a country
+    │
+    │› ○ Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    │
+    └
+
+
+     ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 15000);
+//# sourceMappingURL=form-tagpicker.vitest.js.map

package/dist/examples/form-tagpicker.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-tagpicker.vitest.js","sourceRoot":"","sources":["../../src/examples/form-tagpicker.vitest.tsx"],"names":[],"mappings":"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"}

package/dist/examples/internal/descendants-filtering.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=descendants-filtering.d.ts.map

package/dist/examples/internal/descendants-filtering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descendants-filtering.d.ts","sourceRoot":"","sources":["../../../src/examples/internal/descendants-filtering.tsx"],"names":[],"mappings":""}