termcast 1.3.21 → 1.3.25

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

@@ -0,0 +1,630 @@
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/form-basic.tsx'],
+        cols: 70,
+        rows: 50,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('form basic navigation and input', async () => {
+    await session.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /Form Component Demo/i.test(text);
+        },
+    });
+    // Small delay to ensure all form components are rendered
+    await session.waitIdle();
+    const initialSnapshot = await session.text();
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ■  Form Component Demo                                           █
+    ┃  This demonstrates all available form input types. Use arrow   █
+    ┃  keys or Tab to navigate between fields.
+    ┃
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◇  Country
+    │  Select your country
+    │
+    │  Americas
+    │  ○ United States
+    │  ○ Canada
+    │  ○ Mexico
+    │  Europe
+    │  ○ United Kingdom
+    │  ↑↓ to see more options
+    │
+    │  Your country of residence
+    │
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('password field always shows asterisks and submits real value', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /Form Component Demo/i.test(text);
+        },
+    });
+    // Tab to password field
+    await session.press('tab');
+    // Type password - should show asterisks
+    await session.type('secret123');
+    const passwordTypingSnapshot = await session.text({
+        waitFor: (text) => text.includes('*********'),
+    });
+    expect(passwordTypingSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  s
+    │
+    │  Required field
+    │
+    ◆  Password
+    ┃  ***************
+    ┃  Must be at least 8 characters
+    ┃
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◇  Country
+    │  Select your country
+    │
+    │  Americas
+    │  ○ United States
+    │  ○ Canada
+    │  ○ Mexico
+    │  Europe
+    │  ○ United Kingdom
+    │  ↑↓ to see more options
+    │
+    │  Your country of residence
+    │
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Tab away - password should now show asterisks
+    await session.press('tab');
+    const passwordUnfocusedSnapshot = await session.text();
+    expect(passwordUnfocusedSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  s
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  ***************
+    │  Must be at least 8 characters
+    │
+    ◆  Biography
+    ┃  Tell us about yourself...
+    ┃
+    ┃
+    ┃
+    ┃
+    ┃  Maximum 500 characters
+    ┃
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◇  Country
+    │  Select your country
+    │
+    │  Americas
+    │  ○ United States
+    │  ○ Canada
+    │  ○ Mexico
+    │  Europe
+    │  ○ United Kingdom
+    │  ↑↓ to see more options
+    │
+    │  Your country of residence
+    │
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Submit form and check password value is real text not asterisks
+    await session.press(['ctrl', 'enter']);
+    await session.waitIdle();
+    // Scroll down to see submitted data
+    await session.scrollDown(10);
+    await session.scrollDown(10);
+    await session.scrollDown(10);
+    await session.scrollDown(10);
+    await session.scrollDown(10);
+    await session.scrollDown(10);
+    await session.scrollDown(10);
+    await session.scrollDown(200);
+    const submittedSnapshot = await session.text({
+        timeout: 3000,
+        waitFor: (text) => text.includes('"password"'),
+    });
+    expect(submittedSnapshot).toMatch(/"password": "s.+"/);
+}, 10000);
+test('form date picker selection with space and enter', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /Form Component Demo/i.test(text);
+        },
+    });
+    // Navigate to dropdown, then space to select first item which focuses date picker
+    // (This is what the dropdown test does and "Selected:" shows in that case)
+    await session.press('tab'); // -> password
+    await session.press('tab'); // -> bio
+    await session.press('tab'); // -> checkbox
+    await session.press('tab'); // -> dropdown
+    await session.press('tab'); // -> date picker
+    const datePickerFocusedSnapshot = await session.text();
+    expect(datePickerFocusedSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  Select your country
+    ┃
+    ┃  Americas
+    ┃› ○ United States
+    ┃  ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Select current date with space - should show "Selected:" text
+    await session.press('space');
+    const afterSpaceSelectSnapshot = await session.text();
+    expect(afterSpaceSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  United States
+    ┃
+    ┃  Americas
+    ┃› ● United States
+    ┃  ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate to a different day and select with enter
+    await session.press('right'); // move to next day
+    await session.press('enter');
+    const afterEnterSelectSnapshot = await session.text();
+    expect(afterEnterSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  United States
+    ┃
+    ┃  Americas
+    ┃› ● United States
+    ┃  ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('form dropdown navigation', async () => {
+    await session.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /Form Component Demo/i.test(text);
+        },
+    });
+    // Navigate to dropdown
+    await session.press('tab'); // username
+    await session.press('tab'); // password
+    await session.press('tab'); // bio
+    await session.press('tab'); // checkbox
+    await session.press('tab'); // dropdown
+    // Navigate to dropdown area (already showing inline options)
+    await session.press('space');
+    const dropdownFocusedSnapshot = await session.text();
+    expect(dropdownFocusedSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  United States
+    ┃
+    ┃  Americas
+    ┃› ● United States
+    ┃  ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate down in dropdown
+    await session.press('down');
+    const afterDownSnapshot = await session.text();
+    expect(afterDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  United States
+    ┃
+    ┃  Americas
+    ┃  ● United States
+    ┃› ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Navigate to Europe section
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    const europeSelectionSnapshot = await session.text();
+    expect(europeSelectionSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  United States
+    ┃
+    ┃  Americas
+    ┃  ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃› ○ France
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    // Select France
+    await session.press('enter');
+    const afterFranceSelectSnapshot = await session.text();
+    expect(afterFranceSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+    ▪  Form Component Demo                                           █
+    │  This demonstrates all available form input types. Use arrow   █
+    │  keys or Tab to navigate between fields.
+    │
+    ◇  Username
+    │  Enter your username
+    │
+    │  Required field
+    │
+    ◇  Password
+    │  Enter secure password
+    │  Must be at least 8 characters
+    │
+    ◇  Biography
+    │  Tell us about yourself...
+    │
+    │
+    │
+    │
+    │  Maximum 500 characters
+    │
+    ◇  Email Preferences
+    │  ○ Subscribe to newsletter
+    │
+    │  Receive weekly updates
+    │
+    ◆  Country
+    ┃  France
+    ┃
+    ┃  Americas
+    ┃  ○ Canada
+    ┃  ○ Mexico
+    ┃  Europe
+    ┃  ○ United Kingdom
+    ┃› ● France
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Your country of residence
+    ┃
+    ◇  Date of Birth
+    │
+    │   ←       2025        →
+    │   ←     December      →
+    │
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+//# sourceMappingURL=form-basic.vitest.js.map

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

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

package/dist/examples/form-dropdown-with-sections.d.ts

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

package/dist/examples/form-dropdown-with-sections.d.ts.map

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

package/dist/examples/form-dropdown-with-sections.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 FormDropdownWithSectionsExample() {
+    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: 'Dropdown With Sections Demo', text: 'Test dropdown with sections' }), _jsxs(Form.Dropdown, { id: 'fruit', title: 'Select Item', placeholder: 'Choose an item...', info: 'Items are grouped by category', children: [_jsxs(Form.Dropdown.Section, { title: 'Fruits', children: [_jsx(Form.Dropdown.Item, { value: 'apple', title: 'Apple', icon: '\uD83C\uDF4E' }), _jsx(Form.Dropdown.Item, { value: 'banana', title: 'Banana', icon: '\uD83C\uDF4C' }), _jsx(Form.Dropdown.Item, { value: 'orange', title: 'Orange', icon: '\uD83C\uDF4A' })] }), _jsxs(Form.Dropdown.Section, { title: 'Vegetables', children: [_jsx(Form.Dropdown.Item, { value: 'carrot', title: 'Carrot', icon: '\uD83E\uDD55' }), _jsx(Form.Dropdown.Item, { value: 'broccoli', title: 'Broccoli', icon: '\uD83E\uDD66' }), _jsx(Form.Dropdown.Item, { value: 'lettuce', title: 'Lettuce', icon: '\uD83E\uDD6C' })] }), _jsxs(Form.Dropdown.Section, { title: 'Dairy', children: [_jsx(Form.Dropdown.Item, { value: 'milk', title: 'Milk', icon: '\uD83E\uDD5B' }), _jsx(Form.Dropdown.Item, { value: 'cheese', title: 'Cheese', icon: '\uD83E\uDDC0' })] })] }), _jsxs(Form.Dropdown, { id: 'categories', title: 'Multiple Selection', placeholder: 'Select categories...', hasMultipleSelection: true, children: [_jsxs(Form.Dropdown.Section, { title: 'Programming', children: [_jsx(Form.Dropdown.Item, { value: 'js', title: 'JavaScript' }), _jsx(Form.Dropdown.Item, { value: 'ts', title: 'TypeScript' }), _jsx(Form.Dropdown.Item, { value: 'python', title: 'Python' })] }), _jsxs(Form.Dropdown.Section, { title: 'Frameworks', children: [_jsx(Form.Dropdown.Item, { value: 'react', title: 'React' }), _jsx(Form.Dropdown.Item, { value: 'vue', title: 'Vue' }), _jsx(Form.Dropdown.Item, { value: 'angular', title: 'Angular' })] })] }), submitted && (_jsx(Form.Description, { title: 'Submitted Data', text: JSON.stringify(submitted, null, 2) }))] }));
+}
+renderWithProviders(_jsx(FormDropdownWithSectionsExample, {}));
+//# sourceMappingURL=form-dropdown-with-sections.js.map

package/dist/examples/form-dropdown-with-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dropdown-with-sections.js","sourceRoot":"","sources":["../../src/examples/form-dropdown-with-sections.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,+BAA+B;IACpC,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,6BAA6B,EACnC,IAAI,EAAC,6BAA6B,GACpC,EAEF,MAAC,IAAI,CAAC,QAAQ,IACV,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,mBAAmB,EAC/B,IAAI,EAAC,+BAA+B,aAEpC,MAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,aACjC,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,cAAI,GAAG,EAC5D,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,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAI,GAAG,IAC1C,EAExB,MAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,YAAY,aACrC,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,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,cAAI,GAAG,EAClE,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,cAAI,GAAG,IAC5C,EAExB,MAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,aAChC,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,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAI,GAAG,IAC1C,IACZ,EAEhB,MAAC,IAAI,CAAC,QAAQ,IACV,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,oBAAoB,EAC1B,WAAW,EAAC,sBAAsB,EAClC,oBAAoB,EAAE,IAAI,aAE1B,MAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,aAAa,aACtC,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,GAAG,EACpD,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,GAAG,EACpD,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,IAChC,EAExB,MAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,YAAY,aACrC,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EAClD,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EAC9C,KAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,IAClC,IACZ,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,+BAA+B,KAAG,CAAC,CAAA"}

package/dist/examples/form-dropdown-with-sections.vitest.d.ts

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

package/dist/examples/form-dropdown-with-sections.vitest.d.ts.map

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